* {
    margin: 0;
    padding: 0;
}
html{height: 100%;}
body{
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Source Han Sans SC,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #282a35;
    height: 100%;
    background: #e7e7e7;
    /* min-width: 1300px; */
}
ul,ol,li{
    list-style: none;
    margin-bottom: 0;
}
p{
    margin-bottom: 0;
}
a,a:hover,a:focus,a:visited{
    outline: none;
    text-decoration: none;
}
.p-rel{
    position: relative;
}
.bg_green,.btn-green{
    background-color: #56b282;
}
.bg_orange{
    background-color:#ff6b4e;
}
.bg_white{
    background: #fff;
}
.btn_login:hover,.btn_login:active,.btn_login:focus,.bg_green:hover,.bg_green:focus,.bg_green:active,.btn-green:hover,.btn-green:focus,.btn-green:active{
    color: #fff;
    background-color: #4BA575;
}
.bg_orange:hover,.bg_orange:focus,.bg_orange:active{
    color: #fff;
    background-color: #ce5739;
}
.bg_white:hover,.bg_white:active,.bg_white:focus{
    color: #0c3f23;
    background: #e7e7e7;
}

.btn-detail:hover,.btn-detail:active,.btn-detail:focus,
.btn-recharge:hover,.btn-recharge:active,.btn-recharge:hover,
.login_headimg > .btn_account:hover,.login_headimg > .btn_account:active,.login_headimg > .btn_account:focus{
    color: #fff;
    background: #56b282;
}
.MT10{
    margin-top: 10px;
}
.PP_autocut{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

/* 首页 */
.header{
    width: 100%;
    height: 54px;
    font-size: 18px;
    background-color: #343544;
}
.navbar{
    min-height: 54px;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}
.navbar-default{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1260px;
    padding: 0 35px;
    margin: 0 auto;
    background-color: #343544;
}
.navbar .clearfix:before, .navbar:before, .navbar:after, .navbar .clearfix:after {
    display: none;
    content: '';
}
.navbar-header{
    margin: 10px 0;
    width: 185px;
    height: 34px;
    z-index: 99;
}
.navbar-header:hover img{
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
}
.navbar-link, .navbar-link > .navbar-link-item, .sign_login, .login_headimg{
    display: flex;
    align-items: center;
}
.navbar-link > .navbar-link-item{
    margin-right: 20px;
}
.navbar-link > .navbar-link-item > li{
    float: left;
    margin: 0 3px;
}
.navbar-link > .navbar-link-item > li > a{
    display: flex;
    height: 54px;
    line-height: 48px;
    padding: 0 17px;
    color: #fff;
    border-top: 3px solid #343544;
    transition: color .2s ease-in-out;
}
.navbar-link > .navbar-link-item > li.active > a,.navbar-link > .navbar-link-item > li a:hover,.navbar-link > .navbar-link-item > li a:active,.navbar-link > .navbar-link-item > li a:focus{
    color: #fff;
    border-color: #56b282;
    background: transparent;
}
.navbar-link > .navbar-link-item > li.open > a,.navbar-link > .navbar-link-item > li.open > a:hover,.navbar-link > .navbar-link-item > li.open > a:active{
    color: #fff;
    border-color: #56b282;
    background-color: rgba(0, 0, 0, 0.8);
}
.reportDemoBtn:focus{
    border-top: 3px solid #343544 !important;
}
.dropdown-menu{
    min-width: 106px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    background-clip: border-box;
    border: 0;
    font-size: 18px;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}
.navbar-link > .navbar-link-item > .index_dropdown.open > a,.navbar-link > .navbar-link-item > .index_dropdown.open > a:hover,.navbar-link > .navbar-link-item > .index_dropdown.open > a:active,
.index_dropdown .dropdown-menu{
    background-color: rgba(0,0,0,0.3);
}
.dropdown-menu > li > a{
    padding: 0 17px;
    line-height: 38px;
    color: #7b7c86;
    transition: color .2s ease-in-out;
}
.navbar-link-item .dropdown-menu > li > a{
    font-size: 16px;
}
.sign_login > a{
    display: block;
    min-width: 67px;
    padding: 4px 12px;
    font-size: 14px;
    color: #fff;
    border-radius: 7px;
    text-align: center;
    border: 1px solid #56b282;
}
.btn_login{
    color: #fff;
    background-color: #56b282;
}
.btn_sign{
    margin-left: 20px;
    color: #fff;
    background-color: #56b282;
}
.login_headimg img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 15px;
}
.login_headimg > .btn_account{
    display: inline-block;
    padding: 4px 12px;
    font-size: 14px;
    border-radius: 7px;
    color: #56b282;
    border: 1px solid #56b282;
}
.paper_banner{
    width: 100%;
    /*height: 586px;*/
    background :#03052a;
    overflow: hidden;
}
.paper_banner_container{
    width: 1260px;
    margin: 0 auto;
    padding: 0 35px;
}
.detail-wrapper{
    position: absolute;
    z-index: 99;
    bottom: 50px;
    right: 10%;
}
.arrow-img{
    margin-top: 25px;
    margin-right: 22px;
}
.btn-detail{
    display: block;
    width: 178px;
    height: 64px;
    border-radius: 32px;
    line-height: 64px;
    text-align: center;
    border: 1px solid #56b282;
    color: #56b282;
    font-size:28px;
    padding:0;
    background: #282a35;
}
.login-area{
    padding-right: 82px;
}
.login-wrapper{
    width: 337px;
    padding: 0 56px 30px;
    border-radius: 4px;
    background-color: #282a35;
}
img.loginbook-img{
    position: absolute;
    right: -45px;
    top: -90px;
    z-index: 2;
}
.login-form-tit{
    position: relative;
    z-index: 1;
    height: 66px;
    background: #232530;
    margin: 0 -55px 0;
    color:#fff;
    text-align: center;
    border-radius: 4px 4px 0 0;
}
.login-form-tit h4{
    margin:0;
    line-height:66px;
}
.form-dividing-line {
    height: 4px;
    margin: -2px auto;
    padding: 0 74px;
}
.paper-staples{
    float: left;
    width: 41px;
    height: 4px;
    background: #2c2f3b;
    border: 1px solid #1e202a;
}
.paper-staples:before,.paper-staples:after{
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1e202a;
    position: absolute;
    top: -2px;
    z-index: -1;
}
.paper-staples:before{  
    left: -3px;
}
.paper-staples:after{
    right: -3px;
}
.paper-staples + .paper-staples{
    margin-left: 32px;
}
.hovertext {
    color: #fff;
    display: block;
    width: 100px;
    padding: 2px 0;
    text-align: center;
    margin: 30px auto 20px;
    background-color: #343544;
    border-radius: 24px;
    border: 1px solid #4b4c61;
    box-sizing: border-box;
    position: relative;
}
.login-wrapper .hovertext{
    font-size: 12px;
}
.hovertext:before,.hovertext:after{
    display: block;
    content: '';
    width: 62.5px;
    height: 1px;
    background: #4b4c61;
    position: absolute;
    top: 11px;
}
.hovertext:before{
    left: -62.5px;
}
.hovertext:after{
    right: -62.5px;
}
.login_free_ways {
    width: 115px;
    margin:0 auto;
    font-size: 0;
}
.login_free_ways a{
    display: inline-block;
    width: 45px;
    height: 45px;
    cursor: pointer;
}
.login_free_ways a + a{
    margin-left: 25px;
}
.logowayimg{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/tool/QQ_wechat.png") no-repeat;
}
.logowayimg:hover,.loginlogo:hover{
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
}
.logowayimg.QQ {
    background-position: -12px -7px;
}
.logowayimg.wechat {
    background-position: -90px -7px;
    margin-right:0;
}
.login-wrapper .form-group{
    margin-bottom:10px;
}
.login-wrapper .form-group:last-child{
    margin-bottom: 0;
}
.login-wrapper .input-group-addon{
    background-color: #444553;
    border-color: #444553;
    color: #58596b;
}
.login-wrapper input.form-control{
    border-radius: 0 4px 4px 0;
    background-color: #3a3b49;
    border-color: #3a3b49;
    color: #fff;
    *height:22px;
}
.form-group .forgetpwd{
    color: #54576d;
    transition: color .2s ease-in-out;
}
.form-group .forgetpwd:hover{
    color: #fff;
    text-decoration: underline;
}
.form-group .registfree{
    color: #56b282;
}
.form-group .registfree:hover{
    text-decoration: underline;
}
.login-wrapper input.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: #575a71;
}
.login-wrapper input.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #575a71;
}
.login-wrapper input.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #575a71;
}
.login-wrapper input.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #575a71;
} 
.login-wrapper .defaultBtn{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    color: #fff;
    font-size: 20px;
}
.help-block{
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 13px;
}
.has-error .input-group,.has-error .form-control{
    border: 1px solid #a94442 !important;
    border-radius: 4px;
}
.input-group > input{
    border: 0 !important;
}
.login-form .has-error .form-control{
    border: 0 !important;
}
.login-info form.login-form{
    margin: 30px 0;
    text-align:center;
}
.login-wrapper.login-info form p label{
    font-size: 16px;
    color: #63657e;
    font-weight:500;
}
.login-wrapper.login-info form p .login-userinfo.username{
    display: block;
    font-size:20px;
    font-weight: 700;
    color:#fff;
    margin-bottom: 30px;
}
.login-wrapper.login-info form p .login-userinfo.balance{
    font-size:20px;
    font-weight: 700;
    color:#56b282;
}
.btn-recharge{
    display: block;
    border-radius: 32px;
    text-align: center;
    border: 1px solid #57B382;
    color: #57B382;
    padding:6px 12px;
    background:transparent;
    max-width: 94px;
    margin: 0 auto;
    margin-top:10px;
    margin-bottom: 30px;
}
.report_demonstrate{
    width: 100%;
    height: 294px;
    background: #ff6b4e;
}
.report_demo_container{
    width: 1260px;
    margin:0 auto;
    color: #fff;
    padding: 20.5px 117px;
    position: relative;
}
.report_demo_txt{
    display: inline-block;
    margin-left: 45px;
    vertical-align: middle;
}
.reportbg-txt-tit{
    font-size: 40px;
    font-weight: 500;
}
.reportbg-txt-tit-english{
    font-family: "Roboto";
    font-size: 30px;
    margin-top: 0;
}
.reportbg-list{
    margin: 40px 0 20px 0;
}
.reportbg-list li{
    float: left;
    color:#ffcac0;
    font-size:18px;
}
.reportbg-list li + li:before{
    content: '|';
    padding: 0 5px;
    color: #ffcac0;
}
.reportshow-btn{
    display: inline-block;
    position: absolute;
    right: 117px;
    top: 93px;
}
.reportshow-btn > a{
    display:block;
    width: 200px;
    text-align: center;
    background:#fff;
    color:#ff6b4e;
    font-size: 26px;
    font-weight: bold;
    height:67px;
    line-height: 67px;
    border-radius: 4px;
    box-shadow: 0px 8px 0px #f95c3e;
    transition: color .2s ease-in-out;
}
.reportshow-btn > a:hover,.reportshow-btn > a:focus,.reportshow-btn > a:active{
    border-radius: 4px;
    color: #f84928;
    border: 1px solid #ff6b4e;
}
.paper_advantage{
    width: 1260px;
    margin: 60px auto;
    color: #fff9e7;
    font-weight: 300;
}
.paper_advantage > div{
    float: left;
    width: 409px;
    height: 290px;
    font-size: 18px;
    padding: 20px 32px;
}
.paper_advantage > div + div{
    margin-left: 16.5px;
}
.paper_advantage > div > div{
    margin-top: 90px;
    line-height: 26px;
}
.bg_cloud{
    background: url(/images/advantage_001.png) no-repeat;
}
.bg_library{
    background: url(/images/advantage_002.png) no-repeat;
}
.bg_arithmetic{
    background: url(/images/advantage_003.png) no-repeat;
}
.column_link{
    width: 1260px;
    margin: 60px auto;
    margin-top: 120px;
}
.column_link > div{
    width: 622px;
    background: #fdfdfd;
    border: 1px solid #ddd;
    padding: 0 50px;
    float: left;
    margin-bottom: 25px;
}
.column_link > div:first-child,
.column_link > div:first-child + div + div{
    margin-right: 16px;
}
.column_link a{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #282a35;
}
.column_link_header{
    width: 100%;
    height: 89px;
    line-height: 89px;
    border-bottom: 1px solid #ddd;
}
.column_link_header > .link_title{
    position: absolute;
    left: 0;
}
.column_link_header > .link_title > a{
    display: block;
    font-size: 26px;
    font-weight: 500;
    color: #282a35;
}
.column_link_header > .link_title > a:hover,.column_link_header > .link_title > a:active{
    color: #56b282;
}
.column_link_header > .link_title img{
    margin-right: 15px;
    vertical-align: -4px;
}
.column_link_header > .more{
    position: absolute;
    right: 0;
}
.column_link_header > .more a{
    display: block;
    font-size: 16px;
    color: #c8c8c8;
}
.column_link_list{
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: 32px 0;
    list-style-type:square;
    counter-reset:sectioncounter;
}
.column_link_list > li{
    width: 100%;
    line-height: 40px;
    position: relative;
}
.column_link_list > li:before{
    position: absolute;
    top: 10px;
    content:counter(sectioncounter) ""; 
    counter-increment:sectioncounter;
    border: 1px solid #282a35;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    font-weight: 500;
}
.column_link_list > li a{
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-left: 30px;
}
.column_link_list > li a:hover{
    text-decoration: underline;
    color: #5faf83;
}
.column_link .questions-answers{
    width: 1260px !important;
    background: #fdfdfd;
    border: 1px solid #ddd;
}
.column_link .questions-answers .column_link_header{
    width: 1160px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.column_link .questions-answers-list{
    display: flex;
}
.column_link .questions-answers-list ol + ol {
    padding: 0 50px;
    margin-left: 68px;
}
.column_link .questions-answers .link_title, .questions-answers .more {
    position: static;
}
.cooperate_partner{
    margin: 60px auto;
    text-align: center;
}
.cooperate_partner p{
    font-size: 40px;
    color: #343544;
    margin-bottom: 60px;
    font-weight: 500;
    margin-top: 20px;
}
.footer{
    width: 100%;
    background: #343544;
    color: #fff;
    padding: 34px 0;
    /* overflow: hidden; */
}
.footer .footer_content{
    width:1260px;
    margin:0 auto;
}
.footer .footer_content .clearfix .pull-left{
    width: 500px;
}
.footer .footer_content a{
    display: block;
    min-width: 56px;
    text-align: center;
    color: #88899e;
}
.footer .footer_content a:hover{
    text-decoration: underline;
}
.paper_links > div,.paper_links ul{
    font-size: 0 !important;
}
.paper_links_title{
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}
.paper_links ul,.paper_links li,.paper_recommend ul,.paper_recommend li,.friendly_link ul,.friendly_link li{
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
}
.paper_links li + li{
    margin-left: 15px;
}
.link_ours{
    float: right;
    vertical-align: top;
}
.link_ours img{
    width: 85px;
    height: 85px;
    vertical-align: top;
    margin-right: 20px;
}
.footer-contact{
    display: inline-block;
    font-size: 22px;
}
.footer-contact ul{
    margin-top: 10px;
}
.footer-contact li > a{
    display: inline-block !important;
    color: #fff !important;
}
.footer-contact li{
    font-size: 16px;
    line-height: 22px;
}
.contact-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top:-2px;
    background: url(../images/tool/contactIcon.png) no-repeat;
}
.contact-icon.contact-email {
    background-position: 0 0;
    height: 16px;
    margin-top: 1px;
}
.contact-icon.contact-weixin {
    background-position: 0 -40px;
}
.paper_recommend,.friendly_link{
    width: 100%;
    position: relative;
    margin: 15px 0;
}
.paper_recommend button,.friendly_link button{
    position: absolute;
    right: 0;
    top: 5px;
    background-color: transparent;
    border: 1px solid #515368;
    color: #515368;
    padding: 0px 5px;
    border-radius: 0;
}
.paper_recommend button:hover,.friendly_link button:hover,
.paper_recommend button:focus,.friendly_link button:focus{
    background: transparent;
    border: 1px solid #515368;
    color: #515368;
}
.paper_recommend .paper_links_title,.friendly_link .paper_links_title{
    height: auto;
    vertical-align: top;
}
.paper_recommend_link{
    margin: 0 30px 0 100px;
    line-height: 32px;
    margin-top: -32px;
    overflow: hidden;
}
.paper_recommend_link li{
    margin-right: 15px;
}
.footer_descript{
    font-size: 12px;
    line-height: 30px;
    color: #88899e;
    text-align: center;
}
.copyright{
    line-height: 30px;
    color: #88899e;
    text-align: center;
    overflow: hidden;
    letter-spacing: 1px;
}
.authentication{
    margin: 25px auto;
    text-align: center;
}
.authentication_container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.authentication_container li{
    color: #fff;
}
.authentication_container li + li{
    margin-left: 40px;
}
.copyright p:last-child{
    letter-spacing: 1px;
}
.kefu{
    width: 45px;
    *width: 32px;
    padding: 30px 10px;
    border-radius: 0 6px 6px 0;
    background-color: #343544;
    position: fixed;
    top: 158px;
    left: 0;
    z-index: 999;
}
.kefu > a{
    display: block;
    text-align: center;
    padding-bottom: 10px;
    text-align: center;
    cursor: pointer;
}
.kefurobot{
    display: block;
    width: 23px;
    height: 20px;
    margin: 0 auto;
    background: url("../images/tool/custom.png") no-repeat;
    background-position: 1px 0;
}
.kefurobot:hover{
    background-position: -24px 0;
}
.kefutext{
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 22px;
}

/* 知识专栏 > 论文知识 */
.PP_main{
    width: 100%;
    height: auto;
}
.main_banner .carousel,.main_banner .carousel .item{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.main_banner .slide{
    background-color: #343544;
}
.main_banner .carousel .item a{
    display: block;
    height: 100%;
}
.main_banner .carousel img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.main_banner .carousel .knowledge-img{
    width: 1260px;
    height: 100%;
    margin: 0 auto;
    background: url("../images/knowledge/free.png") no-repeat;
}
.PP_submenu_nav{
    width: 1260px;
    padding: 0 35px;
    margin: 0 auto;
}
.PP_submenu_nav .nav-pills > li > a,.PP_breadcrumb .breadcrumb > li > a,.common-sense .nav-tabs > li > a,.paper-topic-tabpanel .nav-tabs > li > a{
    font-size: 16px;
    color: #282a35;
}
.PP_submenu_nav .nav-pills > li > a{
    border-radius: 0;
    padding: 30px 33px;
}
.PP_submenu_nav .nav-pills > li > a:hover,
.PP_submenu_nav .nav-pills > li.active > a,.PP_submenu_nav .nav-pills > li.active > a:focus,.PP_submenu_nav .nav-pills > li.active > a:hover{
    color: #282a35;
    background: #d7d7d7;
}
.PP_submenu_nav .nav-pills .dropdown-menu{
    min-width: 130px;
    background: #fff;
    background-clip: border-box;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.PP_submenu_nav .nav-pills .dropdown-menu > li > a{
    font-size: 16px;
    line-height: 40px;
    color: #282a35;
}
.PP_breadcrumb .breadcrumb, .PP_breadcrumb .breadcrumb > li {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.PP_breadcrumb .breadcrumb > li > h1,.PP_breadcrumb .breadcrumb > li > span{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #56b282;
    margin: 0;
}
.PP_submenu_nav .nav-pills .dropdown-menu li + li{
    border-top: 1px solid #f7f7f7;
}
.PP_submenu_nav .nav-pills .dropdown-menu > li > a:focus,.PP_submenu_nav .nav-pills .dropdown-menu > li > a:hover{
    color: #5faf83;
    background: #f6f6f6;
}
.free_banner{
    width: 100%;
    height: 150px;
    background: #56b282;
    overflow: hidden;
}
.free_banner_container{
    width: 1260px;
    height: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 0 110px;
}
.free_img{
    float: left;
    width: 262px;
    height: 116px;
    margin-top: 34px;
}
.free_img img{
    width: 100%;
    height: 100%;
}
.free_banner_content{
    float: right;
    font-weight: 700;
    position: relative;
    height: 118px;
    margin: 16px 0;
}
.free_banner_container .free_img img{
    width: 100%;
    height: 100%;
}
.free_banner_container p{
    font-size: 50px;
    font-weight: 700;
    margin-top: 0;
}
.free_text{
    position: absolute;
    left: 5px;
    margin-top: 6px;
}
.rightUse-btn > a{
    position: absolute;
    right: 0;
    display: block;
    width: 140px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    border-radius: 38px;
    color: #5faf83;
    transition: color .2s ease-in-out;
}
.rightUse-btn > a:hover,.rightUse-btn > a:active,.rightUse-btn > a:focus{
    color: #4BA575;
    border:1px solid #5faf83;
}
.content_frame{
    width: 1260px;
    height: auto;
    padding: 0 70px;
    margin: 0 auto;
}
.hot_search{
    width: 1120px;
    padding: 25px 179px 0;
    border-bottom: 1px solid #d2d2d2;
}
.hot_search_input > input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 6px 40px 6px 20px;
    outline: none;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 5px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s;
}
.hot_search_input input::-webkit-input-placeholder,.hot_search_input input::-moz-placeholder,.hot_search_input input::-ms-input-placeholder{
    color: #aeaeae;
}
.hot_search_input > input:focus{
    border-color: #5faf83;
}
.hot_search_icon{
    width: 40px;
    height: 40px;
    padding: 11px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}
.hot_search_icon > span{
    display: block;
    width: 18px;
    height: 18px;
    background: url('../images/knowledge/PP_search_icon.png') no-repeat;
}
.hot_search_icon > span:hover,.hot_search_icon > span:active,.hot_search_icon > span:focus{
    background: url('../images/knowledge/PP_search_icon2.png') no-repeat;
}
.hot_search_words > .search-title,.hot_search_words > .search-words{
    float: left;
    line-height: 28px;
    margin: 8px 0;
}
.search-title{
    width: 82px;
    height: auto;
    vertical-align: top;
}
.hot_search_words > .search-words{
    width: 680px;
    max-height: 60px;
    overflow: hidden;
}
.hot_search_words > .search-words > li{
    float: left;
    margin-right: 15px;
}
.search-words > li > a,.search-words > li > a:hover,.search-words > li > a:active,.search-words > li > a:focus{
    display: block;
    color: #5faf83;
}
.PP_breadcrumb .breadcrumb{
    width: 100%;
    padding: 18px 12px;
    margin-bottom: 0;
    line-height: 24px;
    background: transparent;
}
.PP_breadcrumb .breadcrumb > li + li:before{
    content: ' > ';
    color: #282a35;
}
.common-sense .nav-tabs > li.active > a,.common-sense .nav-tabs > li.active > a:focus,.common-sense .nav-tabs > li.active > a:hover,
.paper-topic-tabpanel .nav-tabs > li.active > a,.paper-topic-tabpanel .nav-tabs > li.active > a:focus,.paper-topic-tabpanel .nav-tabs > li.active > a:hover{
    color: #5faf83;
    font-weight: 500;
    border: 0;
    background: none;
}
.special_topic{
    width: 100%;
    height: 377px;
    padding: 26px 42px;
    background-color: #fdfdfd;
    border: 1px solid #dddddd;
}
.special_topic .special_topic_slide .item{
    width: 552px;
    height: 325px;
}
.paper_banner .carousel-inner .item{
    width: 1120px;
}
.special_topic .special_topic_slide .item a,.hot-paper-topic .hot_topic_poster .item a,.paper_banner .carousel-inner .item a{
    display: block;
    width: 100%;
    height: 100%;
}
.special_topic .special_topic_slide .item img,.hot-paper-topic .hot_topic_poster .item img,.paper_banner .carousel-inner .item img{
    width: 100%;
    height: 100% !important;
}
.special_topic .special_topic_slide .carousel-indicators li,.hot-paper-topic .hot_topic_poster .carousel-indicators li,.paper_banner .carousel-indicators li{
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, .5);
    border: 0;
    margin: 0 5px;
}
.special_topic .special_topic_slide .carousel-indicators .active,.hot-paper-topic .hot_topic_poster .carousel-indicators .active,.paper_banner .carousel-indicators .active{
    background: #fff;
}
.special_topic .special_topic_slide .carousel-indicators,.hot-paper-topic .hot_topic_poster .carousel-indicators{
    bottom: 25px;
}
.paper_banner .carousel-indicators{
    bottom: 5px;
}
.special_topic_content{
    width: 424px;
    height: 325px;
    padding-top: 20px;
    flex-direction: column;
}
.special_topic_content > .topic-title > a{
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 60px;
    color: #282a35;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
}
.special_topic_content > .topic-content{
    width: 100%;
    height: 72px;
    line-height: 24px;
    margin: 20px 0;
    color: #c9cacf;
    overflow: hidden; 
    flex-grow: 1;
}
.special_topic_content > .topic_list{
    font-size: 0;
    height: 90px;
    overflow: hidden;
}
.special_topic_content > .topic_list li{
    width: calc( 50% - 10px );
    display: inline-block;
}
.special_topic_content > .topic_list li:nth-child(2n){
    margin-left: 20px;
}
.special_topic_content > .topic_list li a{
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #282a35;
    padding-left: 15px;
    position: relative;
}
.special_topic_content > .topic_list li a:hover,.special_topic_content > .topic_list li a:active,
.special_topic_content > .topic-title > a:hover,.special_topic_content > .topic-title > a:active,
.common_sense_list > .list-title > a:hover,.common_sense_list > .list-title > a:active,
.common_sense_list > .list-bottom .sense-words a{
    color: #5faf83;
}
.special_topic_content > .topic_list li a:before{
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5faf83;
    position: absolute;
    left: 0px;
    top: 11.5px;
}
.common_sense_left{
    width: 697px;
    float: left;
    margin-bottom: 30px;
}
.common_sense_left .nav-tabs > li > a,.paper-topic-tabpanel .nav-tabs > li > a{
    padding: 20px 15px;
    border: 0;
}
.common_sense_left .nav-tabs > li > a:hover,.paper-topic-tabpanel .nav-tabs > li > a:hover{
    background: none;
}
.common_sense_left .nav-tabs{
    border-bottom: 1px solid #d2d2d2;
}
.common_sense_left > .tab-content{
    padding: 15px 0 0;
}
.common_sense_list{
    width: 100%;
    height: 215px;
    font-weight: 500;
    padding: 20px 42px;
    background: #fdfdfd;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    position: relative;
}
.common_sense_list > .list-title{
    width: 100%;
    height: 53px;
    line-height: 40px;
    padding-bottom: 13px;
    border-bottom: 1px solid #dfdfdf;
}
.common_sense_list > .list-title > a{
    display: block;
    padding-right: 180px;
    text-align: left;
    font-size: 20px;
    color: #282a35;
}
.common_sense_list > .list-title > span{
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 350;
}
.common_sense_list > .list-content{
    width: 100%;
    height: 48px;
    line-height: 24px;
    margin: 20px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.common_sense_list .list-bottom{
    width: 611px;
    position: absolute;
    bottom: 20px;
    line-height: 32px;
}
.common_sense_list > .list-bottom .sense-words{
    width: 430px;
    overflow: hidden;
    white-space:nowrap;
    float: left;
}
.common_sense_list > .list-bottom .sense-words a + a{
    margin-left: 5px;
}
.common_sense_list > .list-bottom .readNum{
    float: right;
    color: #cecece;
    font-weight: 350;
}
.common_sense_left .check_more{
    display: block;
    color: #5faf83;
    text-align: center;
}
.common_sense_right{
    width: 384px;
    float: right;
    padding-top: 58px;
    margin-bottom: 10px;
}
.pp_adsense{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.pp_adsense > img{
    width: 100%;
    height: 100%;
}
.cnki_recommend,.skill_recommend,.latest_knowledge{
    width: 100%;
    height: 372px;
    padding: 15px 35px;
    margin-bottom: 15px;
    background-color: #fdfdfd;
}
.cnki_recommend > .cnki-title > a,.skill_recommend > .skill-title > a,.hot_topic_keywords > .keywords-title,.latest_knowledge > .latest-title > a{
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 500;
}
.cnki_recommend > .cnki-title > a,.cnki_recommend li a:hover,.cnki_recommend li a:active{
    color: #5faf83;
}
.skill_recommend > .skill-title > a,.skill_recommend li a:hover,.skill_recommend li a:active{
    color: #ff9769;
}
.latest_knowledge > .latest-title > a,.latest_knowledge li a:hover,.latest_knowledge li a:active{
    color: #93a4f3;
}
.cnki_recommend ul,.skill_recommend ul,.latest_knowledge ul{
    height: 309px;
    overflow: hidden;
    counter-reset: sectioncounter;
}
.cnki_recommend li,.skill_recommend li,.latest_knowledge li{
    position: relative;
    line-height: 30px;
}
.cnki_recommend li:before,.skill_recommend li:before,.latest_knowledge li:before{
    content: counter(sectioncounter) "、";
    counter-increment: sectioncounter;
    position: absolute;
    top: 0;
    left: 0;
}
.cnki_recommend li + li,.skill_recommend li + li,.latest_knowledge li + li{
    border-top: 1px solid #eaeaea;
}
.cnki_recommend li a,.skill_recommend li a,.latest_knowledge li a{
    display: block;
    color: #282a35;
    padding-left: 25px;
}
.hot_topic_keywords{
    width: 384px;
    height: auto;
    padding: 15px 35px;
    margin-bottom: 20px;
    background-color: #fdfdfd;
}
.hot_topic_keywords .keywords a{
    color: #5faf83;
    line-height: 30px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
}
.pp_footer_top{
    width: 470px;
    margin: 0 auto;
}
.PP_footer_title{
    letter-spacing: 0.6px;
    font-size: 32px;
    margin-top: 10px;
    text-align: center;
}
.PP_footer_btn > a{
    float: left;
    width: 209px;
    height: 43px;
    line-height: 43px;
    border-radius: 21px;
    font-size: 20px;
    color: #5faf83 !important;
    margin: 30px auto;
    font-weight: 500;
    padding: 0;
}
.PP_footer_btn .bg_green{
    color: #fff !important;
}
.PP_footer_btn > a:hover,.PP_footer_btn > a:active,.PP_footer_btn > a:focus{
    text-decoration: none !important;
}
.PP_footer_btn > a + a{
    margin-left: 40px;
}

.paper_detail_banner {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 300px;
    background: url("../images/knowledge/bg_banner.jpg") no-repeat;
    background-size: cover;
    cursor: pointer;
}

.paper_detail_banner img {
    width: 826px;
    height: 100%;
    background: url("../images/knowledge/banner.png") no-repeat;
    background-size: 100%;
}

.paper_detail_banner .btn {
    position: absolute;
    bottom: 30px;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 32px;
    border-radius: 40px;
    margin-right: 500px;
    background: rgba(50, 178, 127, 0.1);
    color: #32b27f;
    border: 2px solid #32b27f;
    transition: all .3 ease-in-out;
}

.paper_detail_banner .btn:hover, .paper_detail_banner .btn:active, .paper_detail_banner .btn:focus {
    background: rgba(50, 178, 127, 0);
}

/* 论文知识 > 论文常识 */
.common-sense-wrapper .common_sense_right{
    padding-top: 0;
} 
.PP_pagination{
    display: flex;
    justify-content: center;
    align-items: center;
}
.PP_pagination .pagination > li > a,.PP_pagination .pagination > li > span{
    color: #323232;
    font-size: 12px;
    margin-left: 5px;
    border: 0;
    min-width: 32.41px;
}
.PP_pagination .pagination > .disabled > a,.PP_pagination .pagination > .disabled > a:focus,.PP_pagination .pagination > .disabled > a:hover,
.PP_pagination .pagination > .disabled > span,.PP_pagination .pagination > .disabled > span:focus,.PP_pagination .pagination > .disabled > span:hover{
    color: #aeaeae;
}
.PP_pagination .pagination > .active > a,.PP_pagination .pagination > .active > a:focus,
.PP_pagination .pagination > .active >a:hover,.PP_pagination .pagination > .active > span,.PP_pagination .pagination > .active > span:focus,.PP_pagination .pagination > .active > span:hover,
.PP_pagination .pagination > li > a:focus,.PP_pagination .pagination > li > a:hover,.PP_pagination .pagination > li > span:focus,.PP_pagination .pagination > li > span:hover{
    background-color: #fff;
    color: #5faf83;
}
.PP_pagination .pagination > li:first-child > a,.PP_pagination .pagination > li:first-child >span,
.PP_pagination .pagination > li:last-child > a,.PP_pagination .pagination > li:last-child > span{
    border-radius: 0;
}
.PP_pagination .total-pagination{
    margin-left: 10px;
}
.content_frame > .PP_submenu_nav{
    width: 697px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d2d2d2;
}
.common-sense-wrapper > .common_sense_left > .PP_breadcrumb{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.PP_breadcrumb > .breadcrumb > li > h1.PP_autocut, .PP_breadcrumb > .breadcrumb > li > span{
    max-width: 270px;
}
.PP_free_entrance{
    width: 100%;
    height: 92px;
    line-height: 92px;
    padding: 0 25px;
    font-weight: 700;
    background-color: #5faf83;
    margin-bottom: 20px;
    vertical-align:middle;
}
.PP_free_entrance > div{
    float: left;
    font-size: 28px;
    color: #ffffff;
}
.PP_free_entrance .bg_white{
    float: right;
    display: block;
    width: 140px;
    height: 48px;
    line-height: 48px;
    padding: 0;
    border-radius: 23px;
    font-size: 18px;
    font-weight: 700;
    color: #5faf83;
    margin-top: 22px;
}
.common_sense_tabpane > .common_sense_article{
    width: 100%;
    height: auto;
    font-weight: 500;
    padding: 20px 42px;
    background: #fdfdfd;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
}
.common_sense_article > .article-title{
    text-align: center;
    line-height: 25px;
    padding: 15px 50px;
    border-bottom: 1px solid #dfdfdf;
    font-weight: 350;
}
.common_sense_article > .article-title h2{
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color: #282a35;
    margin-top: 0;
    margin-bottom: 5px;
}
.common_sense_article > .article-content{
    width: 100%;
    line-height: 24px;
    margin: 20px 0 40px;
}
.common_sense_article > .article-content p{
    margin-bottom: 10px;
}
.common_sense_article > .article-content img{
    width: 100%;
    margin: 10px 0;
}
.common_sense_article > .article-bottom > .sense-words{
    width: 430px;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}
.common_sense_article > .article-bottom{
    line-height: 32px;
}
.common_sense_article > .article-bottom > .sense-words a,.related_recommend ul li a:hover,.related_recommend ul li a:active,
.up_down_article a:hover,.up_down_article a:active,.up_down_article a:focus{
    color: #5faf83;
}
.common_sense_article > .article-bottom .sense-words a + a{
    margin-left: 5px;
}
.common_sense_article > .article-bottom .readNum{
    float: right;
    color: #cecece;
    font-weight: 350;
}
.disclaimer{
    width: 100%;
    line-height: 20px;
    margin: 10px 0;
    padding: 12px;
    color: #cecece;
    background-color: #f2f2f2;
}
.up_down_article{
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 40px;
}
.up_down_article a{
    float: right;
    display: block;
    width: 180px;
    color: #282a35;
}
.up_down_article .previous{
    float: left;
}
.up_down_article .next{
    float: right;
}
.related_recommend{
    width: 100%;
    font-weight: 500;
    padding: 0 42px;
    background: #fdfdfd;
    margin: 20px auto 0;
    border: 1px solid #dddddd;
}
.related_recommend .related-title{
    border-bottom: 1px solid #dfdfdf;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #c5c6cd;
    font-weight: 500;
    text-align: center;
}
.related_recommend ul{
    height: 125px;
    overflow: hidden;
    margin: 15px 0 20px;
}
.related_recommend ul li{
    float: left;
}
.related_recommend ul li:nth-of-type(odd){
    margin-right: 40px;
}
.related_recommend ul li a{
    display: block;
    width: 285px;
    line-height: 25px;
    color: #343544;
}

/* 论文知识 > 论文专题 */
.paper-topic{
    padding: 0 35px;
}
.borderBottom{
    border-bottom: 1px solid #d2d2d2;
}
.paper-topic-wrapper{
    width: 100%;
    padding: 20px 12px;
}
.hot-paper-topic .hot_topic_poster .item{
    width: 365px;
    height: 220px;
}
.hot_topic_titles{
    width: 730px;
    height: 220px;
    overflow: hidden;
}
.hot_topic_titles > ul > li{
    float: left;
    margin:7px 70px 7px 0;
}
.hot_topic_titles > ul > li:nth-child(4n){
    margin-right: 0;
}
.hot_topic_titles > ul > li > a,.paper-topic-content .topic_title_list > li > a{
    display: block;
    width: 130px;
    font-size: 16px;
    color: #282a35;
    line-height: 30px;
    transition: color .2s ease;
}
.hot_topic_titles > ul > li > a:hover,.hot_topic_titles > ul > li > a:active,.hot_topic_titles > ul > li > a:focus,
.topic_title_list > li > a:hover,.topic_title_list > li > a:active,.topicTab_ul > li a.title:hover,.topicTab_ul > li a.title:active{
    color: #56b282;
}
.PP_adsense_banner img{
    display: block;
    width: 100%;
    max-height: 135px;
    overflow: hidden;
    margin: 20px 0;
    object-fit: cover;
}
.PP_adsense_banner_small img{
    display: block;
    width: 100%;
    max-height: 168px;
    margin: 15px 0;
    object-fit: cover;
}
.paper-topic-content .paper-topic-title{
    font-size: 16px;
    padding: 15px 12px;
    border-bottom: 1px solid #d2d2d2;
}
.paper-topic-content .paper-topic-title a{
    color: #282a35;
}
.paper-topic-content .topic-title-link,.paper-topic-content .paper-topic-title a:hover,.paper-topic-content .paper-topic-title a:active{
    color: #56b282;
}
.paper-topic-content h3{
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.paper-topic-content .topic_title_list > li{
    float: left;
    margin:7px 77.2px 7px 0;
}
.paper-topic-content .topic_title_list > li:nth-child(6n) {
    margin-right: 0;
}
.paper-topic-content > .paper-topic-wrapper .PP_pagination{
    margin-top: 30px;
}
.paper-topic-tabpanel > .tab-content{
    padding: 20px 0;
}
.paper-topic-tabpanel > .tab-content .topicTab_ul{
    width: 100%;
    max-height: 720px;
    overflow: hidden;
}
.paper-topic-tabpanel > .tab-content .topicTab_ul > li{
    float: left;
    width: calc( 50% - 50px );
    margin-bottom: 32px;
    overflow: hidden;
}
.paper-topic-tabpanel > .tab-content .topicTab_ul > li:nth-child(2n+1){
    margin-right: 100px;
}
.topicTab_ul > li > a.picture{
    float: left;
    margin-right: 20px;
    width: 163px;
    height: 108px;
    background: #343544;
}
.topicTab_ul > li > a.picture img{
    width: 100% !important;
    height: 100% !important;
    transition: all .5s ease-out .1s;
}
.topicTab_ul > li > a.picture:hover img{
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
    transform: matrix(1.04,0,0,1.04,0,0);
}
.topicTab_ul > li a.title{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #282a35;
    margin: 0 0 10px;
    transition: color .2s ease;
}
.topicTab_ul > li > .topicTab_content{
    /* text-indent: 32px; */
    height: 72px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/* .paper-topic-tabpanel .tab-pane .topicTab_ul > li > .topicTab_content{
    text-indent: 32px;
} */
.common_sense_left > .recomend_topic > h2,.common_sense_left > .guess_like > h2{
    font-size: 24px;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #d2d2d2;
}
.recomend_topic > .topicTab_ul > li,.guess_like > .topicTab_ul > li{
    padding: 20px 0;
    border-bottom: 1px solid #d2d2d2;
}
.recomend_topic > .topicTab_ul > li > a.picture,.guess_like > .topicTab_ul > li > a.picture{
    float: left;
    margin-right: 20px;
    width: 194px;
    height: 145px;
    background: #343544;
}
.recomend_topic > .topicTab_ul > li > .topic_bottom,.guess_like > .topicTab_ul > li > .topic_bottom{
    line-height: 25px;
    margin-top: 13px;
    padding-right: 5px;
}
.recomend_topic > .topicTab_ul > li > .topic_bottom > .pull-right,.guess_like > .topicTab_ul > li > .topic_bottom > .pull-right{
    display: inline-block;
    padding-right: 10px;
    color: #5faf83;
}
.common_sense_left > .guess_like{
    margin-bottom: 60px;
}

/* 登录/注册/信息完善/忘记密码 */
body.sticky{
    display: flex;
    flex-direction: column;
    background: #f5f5f5;
}
body.sticky .PP_main{
    flex: 1;
}
body.sticky .footer{
    flex: 0;
}
.bg_container{
    width: 1190px;
    height: auto;
    padding: 50px 0;
    margin: 0 auto;
}
.adver_area{
    display: block;
    width: 440px;
    padding: 20px 0;
    margin: 0 auto 30px;
    background: #56b282;
    text-align: center;
}
.adver_area:hover{
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}
.adver_area > h3{
    color: #fff;
    line-height: 36px;
    margin: 0;
}
.sign-wrapper > .sign-wrapper-title{
    font-weight: 700;
    margin: 0 auto 30px;
    text-align: center;
}
.sign-wrapper .input-group-btn > .btn-success,.forget-password-wrapper .input-group-btn > .btn-success{
    background-color: #56b282;
    border-color: #56b282;
}
.logon-wrapper,.sign-wrapper,.info-perfection-wrapper,.forget-password-wrapper{
    width: 440px;
    padding: 50px 0;
    margin: 0 auto;
}
.logon-wrapper > .login-content{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 45px 84px;
}
.logon-wrapper > .login-content > .user_login{
    margin-top: -30px;
    margin-bottom: 60px;
}
.logon-wrapper .hovertext:before,.logon-wrapper .hovertext:after{
    width: 76px;
}
.logon-wrapper .hovertext:before{
    left: -76px;
}
.logon-wrapper .hovertext:after{
    right: -76px;
}
.logon-wrapper .hovertext,.third_party_logins .hovertext{
    width: 120px;
}
.login-other-logo{
    width: 120px;
    margin: 0 auto;
    font-size: 0;
    padding: 10px 0;
}
.login-other-logo a {
    display: inline-block;
    width: 45px;
    height: 45px;
}
.login-other-logo a + a{
    margin-left: 30px;
}
.loginlogo{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/tool/QQ_wechat.png) no-repeat;
}
.loglogo1 {
    background-position: -12px -7px;
}
.loglogo2 {
    background-position: -90px -7px;
}
.PP_login_form > .form-group,.PP_sign_form > .form-group,.info_perfection_form > .form-group,.forget_password_form > .form-group{
    position: relative;
    margin-bottom: 20px;
}
.PP_sign_form > .form-group.checkbox{
    white-space: nowrap;
    margin: 30px 0 20px 20px;
    font-size: 14px;
    font-weight: 500;
}
.checkbox .help-block-error{
    position: absolute;
    top: 30px !important;
    left: 0 !important;
    font-weight: normal;
}
.PP_login_form label,.PP_sign_form label,.info_perfection_form label,.forget_password_form label{
    font-size: 16px;
}
.PP_login_form .form-control,.PP_sign_form .form-control,.info_perfection_form .form-control,.forget_password_form .form-control{
    border: 1px solid #d2d2d2;
    color: #282a35;
    box-shadow: none;
}
.field-signupform-verify_code .input-group,.field-phoneresetpasswordform-verify_code .input-group,.field-thirdpartybindform-verify_code .input-group{
    border: 0 !important;
}
.field-signupform-verify_code .form-control,.field-phoneresetpasswordform-verify_code .form-control,.field-thirdpartybindform-verify_code .form-control{
    border: 1px solid #d2d2d2 !important;
}
.field-signupform-verify_code.has-error .form-control,.field-phoneresetpasswordform-verify_code.has-error .form-control,.field-thirdpartybindform-verify_code.has-error .form-control{
    border: 1px solid #a94442 !important;
}
.PP_login_form .form-control:focus,.PP_login_form .form-control:active,
.PP_sign_form .form-control:focus,.PP_sign_form .form-control:active,
.info_perfection_form .form-control:focus,.info_perfection_form .form-control:active,
.forget_password_form .form-control:focus,.forget_password_form .form-control:active{
    border-color: #56b282;
    box-shadow: 0 0 3px #56b282;
}
.PP_login_form .form-group .help-block,.PP_sign_form .form-group .help-block,.info_perfection_form .form-group .help-block,.forget_password_form .form-group .help-block{
    position: absolute;
    top: 3px;
    right: 0;
    color: #a94442;
}
.geetest_holder.geetest_wind{
    margin: 30px 0;
}
.form-group.has-error .form-control:focus,.form-group.has-error .form-control:active{
    border-color: #a94442;
    box-shadow: 0 0 5px #a94442;
}
.PP_login_form .loginBtn{
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-radius: 25px;
    margin-top: 15px;
}
.logon-wrapper > .login-content > .noAccount{
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin-top: 20px;
}
.forget_pwd{
    margin-top: 5px;
}
.PP_login_form .forget_pwd,.noAccount > a{
    color: #56b282;
}
.PP_login_form .forget_pwd:hover,.PP_login_form .forget_pwd:active,.noAccount > a:hover,.noAccount > a:active{
    text-decoration: underline;
}
.PP_sign_form .signName-rule{
    font-size: 13px;
    color:#F06541;
    margin-top: 5px;
}
.agreeBtn,.forgetPwdBtn{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0;
    color: #fff;
    border-radius: 25px;
    font-size: 18px;
    margin-top: 20px;
}
.agreeBtn.disabled{
    opacity: 0.65;
}
.agreeprofile{
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #f06541;
    cursor: pointer;
    border-bottom: 1px solid #f06541;
}
.agreeprofile:hover,.agreeprofile:active,.agreeprofile:visited{
    color: #f03118;
}
.agree-modal{
    width: 100%;
    height: 100%;
}
.agree-content{
    width: 690px;
    margin: 60px auto;
    background-color: #f5f5f5;
}
.agree-header{
    border: 0px none;
    width: 100%;
    height: 50px;
    font-size: 16px;
    background-color: #343544;
    border-radius: 4px 4px 0px 0px;
    color: #FFF;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
}
.agree-header .copy_r{
    position: absolute;
    display: block;
    font-size: 14px;
    left: 104px;
    top: 8px;
}
.agree-body{
    height: 500px;
    line-height: 25px;
    overflow: auto;
    padding: 0 34px 10px 34px;
}
.agree-body p{
    margin-bottom: 10px;
}
.agree-footer{
    border-top: 0;
    height: 60px;
    padding: 10px 15px;
}
.agree-footer .btn_p_close{
    width: 100px;
    height: 40px;
    color: #fff;
    border-radius: 25px;
    font-size: 16px;
    padding: 0;
}
.sign-wrapper > .third_party_logins{
    margin-top: 60px;
}
.sign-wrapper > .third_party_logins .hovertext:before,.sign-wrapper > .third_party_logins .hovertext:after{
    width: 160px;
}
.sign-wrapper > .third_party_logins .hovertext:before{
    left: -160px;
    top: 12.5px;
}
.sign-wrapper > .third_party_logins .hovertext:after{
    right: -160px;
    top: 12.5px;
}
.info-perfection-wrapper > .signother{
    margin: 0 auto 20px;
}
.info-perfection-wrapper > .signother > .hovertext{
    background: transparent;
    border: 0;
    color: #282a35;
    font-size: 18px;
    font-weight: 500;
}
.info-perfection-wrapper > .signother > .hovertext:before,.info-perfection-wrapper > .signother > .hovertext:after{
    width: 173px;
    background: #d4d4d4;
}
.info_perfection_form label > span{
    color: #eb6255;
}
.info_perfection_form .form-group select{
    border: 1px solid #d2d2d2;
    padding-right: 20px;
    appearance:none;
    -moz-appearance:none; 
    -webkit-appearance:none;
    background: url("../images/knowledge/select_icon.png") no-repeat#fff;
    background-position: 98%;
}
select::-ms-expand{ 
    display: none;
}  
.professional-category select{
    float: left;
    width: 124px;
    background-position: 92% !important;
}
.professional-category select + select{
    margin-left: 34px;
}
.info_perfection_form .form-group > .btn{
    display: block;
    padding: 6px 86px;
    color: #fff;
    font-size: 18px;
    border-radius: 22px;
    border: 1px solid transparent;
    margin: 30px auto;
    outline: none;
}
.info_perfection_form .form-group > .skipBtn{
    background: transparent;
    color: #56b282;
    font-size: 14px;
    padding: 0;
}
.info_perfection_form .form-group > .skipBtn:hover,.info_perfection_form .form-group > .skipBtn:active{
    text-decoration: underline;
}
.info_perfection_form .form-group input::-webkit-input-placeholder{
    color: #282a35;
}
.data-icon{
    position: absolute;
    right: 12px;
    top: 10px;
    cursor: pointer;
}
.ui-widget.ui-widget-content{
    width: 440px;
}
.ui-datepicker td span, .ui-datepicker td a{
    padding: 0.4em 0;
    text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    background: #56b282;
    color: #fff;
    border: 1px solid #56b282;
}
.forget-password-wrapper h2{
    text-align: center;
    margin: 0 -100px 50px;
}
.forget_password_form input.web-yan-input{
    width: 300px;
}
.forget_password_form .web-yan-img{
    width: 120px;
    height: 34px;
}

/******************查询真伪*********************/
.signinputA {
    width: 490px;
    /* height: 840px; */
    margin: 0 auto;
}
.redcolor {
    color: #f06541;
}
.faithcenter {
    width: 100%;
    padding: 120px auto;
    overflow: hidden;
}
.faithcenter h1 {
    font-size: 34px;
    color: #363b3c;
    text-align: center;
}
.faithcenter > p{
    font-size: 16px;
    color: #363b3c;
    text-align: center;
}
.faithcenter h3 {
    font-size: 30px;
    text-align: center;
}
.faithform {
    padding: 30px 48px 0 48px;
}
.faithform .form-control{
    border: 1px solid #d2d2d2;
    color: #282a35;
    box-shadow: none;
}
.faithform p{
    padding: 5px 0 0 12px;
}
.faithinfo {
    position: absolute;
    top: 0;
    left: 396px;
    width: 150px;
    height: 30px;
}
.btnfaith {
    display: block;
    width: 146px;
    height: 52px;
    color: #FFF;
    background-color: #F06541;
    border-radius: 70px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    margin: 70px auto;
}
.btnfaith:hover,
.btnfaith:focus {
    color: #CCC;
    background-color: #CE5739;
}
.reportinfo{ width: 700px; margin: 0 auto; margin-bottom: 44px;}
.reportinfo li span{
    display: inline-block;
    width: 206px;
    text-align: right;
    line-height: 30px;
}
.faithwarning {
    width: 100%;
    height: 370px;
    background-color: #626376;
    overflow: hidden;
}
.faithlist {
    width: 1260px;
    height: 100%;
    *height: 280px;
    padding: 45px 35px;
    margin: 0 auto;
}
.white20 {
    font-size: 20px;
    color: #ffffff;
}
.white18 {
    font-size: 18px;
    color: #ffffff;
}
.faithol {
    margin: 20px 0 30px 0;
    font-size: 18px;
    color: #ffffff;
    border: 0;
}
.faithol > tbody > tr, .faithol > tbody > tr > td {
    padding: 6px 0;
    border: 0;
}
.meng {
    width: 100%;
    height: 100%;
}
.mengcommit{
    width: 690px;
    margin: 60px auto;
    background-color: #f5f5f5;
}
.mymod-body {
    overflow: auto;
    padding: 0 34px 10px 34px;
}
.mymod-footer{
    border-top: 0;
    height: 60px;
    padding: 10px 15px;
}
.check-header {
    border: 0px none;
    width: 100%;
    height: 50px;
    background-color: #343544;
    border-radius: 4px 4px 0px 0px;
    color: #FFF;
    font-size: 18px;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
}
.modal-result h3 {
    font-size: 24px;
    margin: 20px 0;
}
.initgreen {
    color: #56b282;
}
.btn-long{
    width: 204px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    border-radius: 25px;
    margin: 25px auto;
}
.btn:focus,.btn:active:focus,
.btn.active:focus,.btn.focus,
.btn:active.focus,.btn.active.focus {  
 outline: none;   
 border-color: transparent;   
 box-shadow:none;
}

/******************关于页面*********************/
.w-page{padding: 0;}
#about-head{ width: 100%; background-color: #f5f5f5;}
.about-h-con{ width: 1190px; height: 215px; margin: 0 auto;padding-bottom: 40px;padding-top: 25px;background: url(../images/tool/bg_about.png) no-repeat; }
#about-head h2{font-size: 30px;color: #343544;margin-bottom: 25px;}
#about-head p{line-height: 28px; font-size: 16px; color: #363b3c; text-indent: 20px;}

/*发展历程*/
#lhh-line{padding: 50px 0px 250px 0;}
.bg_f5{ background-color: #f5f5f5;}
.bg_ed{ background-color: #ededed;}
.h_develop{ font-size: 50px; color: #363b3c; margin-bottom: -90px;}
#lhh-line h2{color: #363b3c;font-size: 30px;margin-top: 0;text-align: center;}
.lhh-line-textArea{width:140px;height: 90px; position: absolute;left: 0; padding: 0 20px 20px 6px;border-left:1px solid #72be96; }
.lhh-line-textArea i.icon{position: absolute;width: 8px;height: 10px;background: url(../images/tool/green_left.png) no-repeat;left: -10px;}
.lhh-line-textArea h4{font-size: 18px;margin-top: 0;margin-bottom: 5px;color: #56b282;}
.lhh-line-textArea p{width:150px;overflow: hidden; font-size: 12px;color: #494d4e;line-height: 18px;margin: 0;}
.lhh-line-top{margin: 0;}
.lhh-line-top .lhh-line-textArea{top: -90px;}
.lhh-line-top i.icon{top: 0;}
.lhh-line-top .a1{height: 150px;top: -148px;}
.lhh-line-top .a2{left: 151px;height: 123px;top: -123px;}
.lhh-line-top .a3{left: 300px;height: 210px;top: -210px;}
.lhh-line-top .a4{left: 453px;height: 90px;top: -90px;}
.lhh-line-top .a5{left: 615px;height: 150px;top: -150px;}
.lhh-line-top .a6{left: 770px;height: 140px;top: -140px;}
.lhh-line-top .a7{left: 930px;height: 200px;top: -200px;}
.lhh-line-content{width:100%; height: 135px;position: relative;margin-left: 15px;margin-top: 260px;}
.bg-img-about{background: url(../images/tool/developall4.jpg) no-repeat 0 0;}
.bg-img-home{background: url(../images/tool/bg_develop.png) no-repeat 0 0;}
.lhh-line-bottom{margin: 0;}
.lhh-line-bottom .lhh-line-textArea{bottom: -90px;}
.lhh-line-bottom .p-abs{bottom: -2px;}
.lhh-line-bottom i.icon{bottom: 0;}
.lhh-line-bottom .a1{left: 77px; height: 90px;bottom: -90px;}
.lhh-line-bottom .a2{left: 228px;height: 150px;bottom: -150px;}
.lhh-line-bottom .a3{left: 375px;height: 110px;bottom: -110px;}
.lhh-line-bottom .a4{left: 539px;height: 100px; bottom: -100px;}
.lhh-line-bottom .a5{left: 697px;height: 130px;bottom: -130px;}
.lhh-line-bottom .a6{left: 852px;height: 150px;bottom: -150px;}
.lhh-line-bottom .a7{left: 1015px;height: 130px;bottom: -130px;}
#lhh-contactUs{height:458px;background: transparent url("../images/tool/about.jpg") no-repeat scroll center center;background-color: #343147;}
.h_horse{
    width: 1190px;
    height: 350px;
    *height: 250px;
    padding: 50px 0;
    margin: 0 auto;
}
.h_horse_img{
    width: 800px;
    *width: 510px;
    padding: 0 0 0 290px;
    height: 100%;
    color: #363b3c;
    font-weight: normal;
    background: url("../images/tool/horse.jpg") no-repeat;
}
.h_horse_btn{
    margin-top: 146px;
}
.btn_job{
    display: block;
    width: 146px;
    height: 52px;
    line-height: 52px;
    color: #FFF;
    background-color: #F06541;
    border-radius: 70px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.btn_job:hover{
    background-color: #CE5739;
    color: #ccc;
}

/* 用户协议/隐私政策/上传使用协议 */
.agree-wrap{
    width: 1260px;
    height: 100%;
    padding: 50px 35px;
    margin: 0 auto;
}
.agree-wrap > h2{
    color: #f06541;
    margin-bottom: 20px;
}
.agree-wrap .pull-left{
    width: 240px;
    padding-top: 10px;
}
.agree-wrap .pull-right{
    width: 920px;
    line-height: 26px;
    font-size: 16px;
    color: #363b3c;
    margin-bottom: 50px;
}
.agree-wrap .nav-tabs{
    border-bottom: 0;
}
.agree-wrap .nav-tabs > li{
    float: none;
    padding-left: 10px;
    position: relative;
    margin-bottom: 28px;
}
.agree-wrap .nav-tabs > li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #56b282;
}
.agree-wrap .nav-tabs > li::after{
    content: '';
    position: absolute;
    left: 5px;
    top: 34px;
    height: 45px;
    width: 2px;
    background: #56b282;
}
.agree-wrap .nav-tabs > li:last-child::after{
    width: 0;
    height: 0;
}
.agree-wrap .nav-tabs > li > a,.agree-wrap .nav-tabs > li > a:hover,.agree-wrap .nav-tabs > li > a:active,.agree-wrap .nav-tabs > li > a:focus{
    font-size: 16px;
    font-weight: 500;
    color: #282a35;
    border: 0;
    outline: none;
    background: transparent;
}
.agree-wrap .pull-right .download,.agree-wrap .nav-tabs > li.active > a,.agree-wrap .nav-tabs > li.active > a:hover,.agree-wrap .nav-tabs > li.active > a:active,.agree-wrap .nav-tabs > li.active > a:focus{
    color:  #56b282 !important;
}
.MT_{
    margin-top: 20px !important;
}
.agree-wrap .pull-right .tab-pane p{
    margin-bottom: 10px;
}
.agree-wrap .pull-right .tab-pane h2{
    font-size: 28px;
    font-weight: 700;
    margin: 50px 0 20px 0;
    text-align: center;
}
.agree-wrap .pull-right .tab-pane h5{
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
}
.agree-wrap .pull-right .tab-pane h4{
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 10px 0;
}
.agree-wrap .pull-right .tab-pane span{
    font-weight: 500;
}
.agree-wrap .pull-right .tab-pane a{
    text-decoration: underline;
    color: #363b3c;
}
.agree-wrap .pull-right .tab-pane b{
    display: block;
}

/* 问答 */
.flex-between {
    display: flex;
    justify-content: space-between;
}
.content_frame .questions-answers {
    width: 698px;
    color: #393b44;
    line-height: 22px;
}
.qu_an_tabpane {
    padding: 30px 32px 40px;
    background: #fff;
}
.qu_an_tabpane .tag-title, .qa_detail .tag-title {
    color: #6db085;
    font-weight: 500;
    font-size: 18px;
}
.qu_an_tabpane .tag-title {
    margin-bottom: 10px;
}
.qu_an_item {
    display: block;
    padding: 22px;
    color: #393b44;
    background: #fbfbfb;
    margin: 0 0 10px;
}
.qa_detail .qu_an_item {
    padding: 30px 32px;
    background: #fff;
    margin: 0 0 20px;
}
a.qu_an_item:hover,a.qu_an_item:active,a.qu_an_item:focus {
    color: #393b44;
    background: #e7e7e7;
}
.ad-papermain {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    padding: 0 50px;
    background: #343645;
    color: #5ab183;
    margin: 20px 0;
}
.ad-papermain > .flex-between {
    align-items: center;
    color: #999ec5;
    font-size: 16px;
}
.ad-papermain > .flex-between .h4{
    font-size: 20px;
    color: #5ab183;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 8px;
}
.ad-papermain img {
    margin: 12px 30px 0 0;
}
.ad-papermain .btn-try-none {
    border-radius: 24px;
    font-size: 13px;
    padding: 2px 20px;
    background: transparent;
    border: 1px solid #6db085;
}
.ad-papermain:hover .btn-try-none{
    color: #5ab183;
}
.ad-papermain:hover {
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
}
.item_question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 22px;
    margin-bottom: 10px;
}
.item_question_title {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    color: #393b44;
    box-sizing: border-box;
    margin-right: 20px;
}
.qa_detail h1.item_question_title{
    margin: 0;
}
.item_question_time, .comment-time {
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    color: #b3b3b3;
}
.qa_detail {
    line-height: 22px;
    color: #393b44;
}
.questions-answers .item_answer {
    width: 100%;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.qa_detail .item_answer {
    margin: 10px 0;
}
.best-answer {
    width: 64px;
    height: 64px;
}
.questions-answers .PP_pagination {
    margin: 30px auto;
}
.question-answer-detail {
    width: 698px;
    margin-bottom: 20px;
}
.excellent-answer, .related-questions-answers {
    padding: 24px 30px;
    background: #fff;
}

.excellent-answer-header, .answer-user {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}
.answer-user {
    padding: 14px 0;
    border-bottom: 0;
}
.user-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ccc;
    overflow: hidden;
    margin-right: 12px;
    object-fit: cover;
}
.answer-user .user-name {
    font-weight: 500;
    margin-bottom: 4px;
}
.excellent-answer-content {
    padding: 15px 0;
}
.excellent-answer-content p {
    margin-bottom: 10px;
}
.answer-content-item {
    margin: 0 0 30px;
}
.content-item-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.related-questions-answers {
    margin: 20px 0;
}
.related-questions-answers .related-title {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}
.related-questions-answers li {
    margin: 24px 0;
}
.related-questions-answers .title {
    color: #6DB085;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.related-questions-answers a {
    color: #6DB085;
}
.related-questions-answers a:hover {
    text-decoration: underline;
}
.recommend-module {
    width: 384px;
    margin-bottom: 10px;
}
.recommend-module-item {
    width: 100%;
    padding: 20px 35px;
    margin-bottom: 20px;
    background: #fff;
}
.recommend-module-item .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
}
.recommend-module-item ul {
    padding-left: 18px;
}
.recommend-module-item li {
    position: relative;
    padding-left: 5px;
    list-style: decimal;
}
.recommend-module-item li::after {
    position: absolute;
    left: -18px;
    content: '';
    width: 314px;
    height: 1px;
    background: #f0f0f0;
}
.recommend-module-item li:last-child::after {
    height: 0;
}
.recommend-module-item li a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #282a35;
    line-height: 30px;
}
.recommend-module-item.green .title a, .recommend-module-item.green li a:hover {
    color: #5faf83;
}
.recommend-module-item.orange .title a, .recommend-module-item.orange li a:hover {
    color: #FF9F5C;
}
.recommend-module-item.blue .title a, .recommend-module-item.blue li a:hover {
    color: #488EFF;
}
.recommend-module-item.purple .title a, .recommend-module-item.purple li a:hover {
    color: #93a4f3;
}

/* 免费降重落地 */

.jiangchong {
    color: #333542;
    padding: 0 0 40px;
    background: #fff;
}

.jiangchong_banner {
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: url("../images/knowledge/jiangchong_banner.png") no-repeat;
    background-size: cover;
}

.jiangchong_container {
    width: 1260px;
    padding: 0 35px;
    margin: 0 auto;
}

.jiangchong_example {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 100px;
}

.jiangchong_example > div {
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    padding-left: 25px;
    letter-spacing: 0.1px;
}

.jiangchong_example .lager {
    font-size: 40px;
    font-weight: 500;
    line-height: 80px;
}

.jiangchong_example > div b {
    font-size: 56px;
    color: #FF9145;
}

.jiangchong_example > img {
    margin-top: 20px;
}

.jiangchong_channel {
    width: 100%;
    padding: 72px 0;
    box-sizing: border-box;
}

.jiangchong_channel > h4.title {
    font-size: 26px;
    line-height: 44px;
    text-align: center;
    font-weight: normal;
    margin: 0 auto 50px;
}

.jiangchong_channel > h4.title strong {
    font-weight: 500;
}

.jiangchong_channel > h4.title strong span {
    color: #6db085;
}

.jiangchong_channel .group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 32px;
    height: 400px;
}

.jiangchong_channel .group1 {
    padding: 0 95px 0 70px;
}

.jiangchong_channel .group1 > div {
    margin: -50px 0 0 -140px;
}

.jiangchong_channel .group2 {
    padding: 0 20px 0 38px;
    margin-top: -22px;
}

.jiangchong_channel .group2 > div {
    margin-right: -140px;
}

.jiangchong_channel .group3 {
    justify-content: start;
    padding: 0 44px;
    margin-top: -100px;
}

.jiangchong_channel .group3 > div {
    padding-left: 84px;
}

.jiangchong_ways {
    width: 100%;
    height: 470px;
    margin-bottom: 40px;
    background: #f2f9f5;
}

.jiangchong_ways .ways {
    height: 100%;
    justify-content: space-between;
}

.jiangchong_ways .ways, .jiangchong_ways .ways > .item {
    display: flex;
    align-items: center;
}

.jiangchong_ways .ways > .item > img {
    margin: 30px 16px 0 0;
}

.jiangchong_ways .ways > .item h3 {
    font-size: 24px;
    font-weight: 600;
    margin: -30px 0 16px;
}

.jiangchong_ways .ways > .item .desc {
    color: #999;
}

.timeaxis {
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 20px;
    position: relative;
    margin: 12px 0;
}

.timeaxis::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 12px;
    height: 120px;
    background: url("../images/knowledge/timeaxis.png") no-repeat;
}

.jiangchong .btn {
    font-weight: 500;
    border: 0;
    color: #fff;
    background: #6db085;
    border-radius: 50px;
    box-sizing: border-box;
}

.jiangchong .btn:hover {
    background: #4BA575;
}

.jiangchong .btn-default-reduce-repeat {
    width: 180px;
    font-size: 18px;
    line-height: 32px;
    margin-top: 40px;
}

.jiangchong .btn-mini-reduce-repeat {
    width: 128px;
}

.jiangchong .btn-lg-reduce-repeat {
    display: block;
    width: 240px;
    font-size: 20px;
    line-height: 44px;
    margin: 40px auto 84px;
}

.jiangchong .characteristic {
    width: 100%;
    height: 200px;
    padding: 0 33px 0 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url("../images/knowledge/bg_arrow.png") no-repeat;
}

.jiangchong .characteristic > div {
    width: 280px;
    font-size: 16px;
    font-weight: 500;
    color: #6db085;
}

.jiangchong .recommended_reading > .title {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    padding: 16px;
    color: #6fb187;
}

.jiangchong .recommended_reading .list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.jiangchong .recommended_reading ul li {
    width: 336px;
    padding: 0 15px 0 5px;
    line-height: 32px;
    border-bottom: 1px solid #f0f0f0;
}

.jiangchong .recommended_reading ul li:last-child {
    border-bottom: 0;
}

.jiangchong .recommended_reading ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #393b44;
}

.jiangchong .recommended_reading ul li a:hover {
    color: #6db085;
}

.jiangchong .jiangchong_channel > h2, .jiangchong .jiangchong_container > h2 {
    font-size: 38px;
    margin: 0 auto 40px;
    text-align: center;
}

.jiangchong .jiangchong_container > h2 {
    margin: 72px auto 40px;
}


/* 扫码登录 */
.scan-login {
    padding: 24px 0;
    min-height: 475px;
}

.scan-login ul {
    display: grid;
    place-items: center;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 20px;
    user-select: none;
}

.scan-login ul li, .scan-login ul li a {
    display: block;
    font-size: 16px;
    cursor: pointer;
    color: #4e5063;
    line-height: 40px;
    margin: 0 auto;
}

.scan-login ul li:hover, .scan-login ul li:hover a {
    color: #fff;
}

.scan-login ul li.active {
    position: relative;
    color: #fff;
}

.scan-login ul li.active::after {
    position: absolute;
    left: 50%;
    bottom: -2px;
    transform: translateX(-50%);
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #56b282;
}

.scan-login .tab-content .item {
    display: none;
}

.scan-login .tab-content .item.wechat {
    display: block;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.scan-login .tab-content .item.wechat h4 {
    font-size: 18px;
    margin: 50px auto 32px;
}

.scan-login .tab-content .item .registfree {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px auto 16px;
}

.login-area .scan-login .tab-content .item .registfree {
    color: #fff;
}

.scan-login .tab-content .item .registfree a, .scan-login .tab-content .item .forget-pwd {
    color: #56b282;
}

.scan-login .tab-content .item .registfree a:hover, .scan-login .tab-content .item .forget-pwd:hover {
    text-decoration: underline;
}

.scan-login #qrcode {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    padding: 20px;
    margin: 20px auto;
    background: #343544;
}

.scan-login #qrcode img {
    width: 154px;
    height: 154px;
    box-shadow: 2px 5px 12px 6px rgba(25,26,29,0.30); 
}

.scan-login #qrcode .cover {
    display: none;
    position: absolute;
    width: 154px;
    height: 154px;
    left: 23px;
    top: 23px;
    padding: 48px 0;
    color: #282a35;
    font-weight: 500;
    background: rgba(245,245,245,0.90);
    backdrop-filter: blur(4px);
}

.scan-login #qrcode .cover .get-qrcode {
    cursor: pointer;
    color: #56b282;
    margin-top: 20px;
    text-decoration: underline;
}

.scan-login #qrcode .cover .get-qrcode:hover {
    opacity: .65;
}

#qrcode .loading {
    width: 32px !important;
    height: 32px !important;
    box-shadow: none !important;
}

.scan-login .tab-content .item.user_login {
    padding: 30px 56px 0;
}

.scan-login .tab-content .item.user_login .hovertext {
    margin: 15px auto 30px;
    border: 0;
}

.PP_main .scan-login .tab-content .item.user_login .hovertext {
    color: #343544;
    background-color: #e7e7e7;
}

.PP_main .scan-login .hovertext:before, .PP_main .scan-login .hovertext:after {
    width: 94px;
    background: #ededed;
}

.PP_main .scan-login .hovertext:before {
    left: -94px;
}

.PP_main .scan-login  .hovertext:after {
    right: -94px;
}

.PP_main .scan-login {
    width: 400px;
    min-height: 480px;
    background: #fff;
    padding: 24px 0;
    margin: 0 auto;
}

.PP_main .scan-login ul li, .PP_main .scan-login ul li a {
    width: 100%;
    text-align: center;
    color: #acacac;
}

.PP_main .scan-login ul li:hover, .PP_main .scan-login ul li:hover a {
    color: #343544;
}

.PP_main .scan-login .tab-content .item {
    color: #333544;
}

.PP_main .scan-login #qrcode {
    background: #f4f4f4;
}

.PP_main .scan-login #qrcode img {
    box-shadow: 2px 5px 12px 6px rgba(169, 170, 177, 0.30); 
}

.PP_main .scan-login ul li.active  {
    position: relative;
    color: #343544;
}

.PP_main .scan-login input.form-control {
    color: #343544;
    background: #f4f4f4;
    border-color: #f4f4f4;
}

.PP_main .scan-login .PP_login_form .loginBtn {
    border-radius: 4px;
}

.PP_main .scan-login .tab-content .item .forget-pwd {
    margin-top: 10px;
}