/*topnav*/
.topnav {
    background: #202935;
}

.topnav .navbar-default {
    background: none;
    border: none;
}

.navbar {
    height: 80px;
}

.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    font-size: 22px;
    padding: 0;
    margin: 30px 13px 22px;
    padding-bottom: 8px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: none;
    color: #FFFFFF !important;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFFFFF;
}

.topnav .navbar-default .navbar-nav > .active > a {
    border-bottom: 2px solid #ffcc00;
    background: none;
}

.topnav .navbar {
    margin-bottom: 0;
}

.topnav .navbar-default .navbar-collapse {
    float: left;
    margin-left: 25px;
}

@media (max-width: 1200px) {
    .navbar-brand {
        width: 132px;
        padding: 0;
    }

    .navbar-brand img {
        margin-top: 26px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .navbar {
        height: 50px;
    }

    .navbar-brand {
        width: 132px;
        padding: 0;
        margin-top: 0px;
    }

    .navbar-brand img {
        margin-top: 11px;
    }

    .navbar-default .navbar-nav > li > a {
        margin: 10px 0;
    }
}

.nav-rt {
    height: 80px;
    line-height: 80px;
}

.search-icon {
    display: inline-block;
    width: 20px;
    height: 80px;
    background: url(../img/search.png) no-repeat center;
    background-size: 20px 20px;
    margin-right: 10px;
}

.search-icon1 {
    width: 20px;
    height: 20px;
    background: url(../img/search.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 54px;
}

.menu-list {
    margin-bottom: 0;
}

.menu-list li {
    float: left;
    color: #FFFFFF;
}

.menu-list li a {
    color: #FFFFFF;
    padding: 0 10px;

}

/*手机端中英文*/
.menu-list.visible-xs {
    text-align: right;
    margin-right: -10px;
}

.menu-list.visible-xs li {
    float: inherit;
    color: #333;
    padding: 10px 0;
    display: inline-block;
}

.menu-list.visible-xs li a {
    color: #333;
    padding: 0 10px;
}

.navbar-toggle {
    margin-right: 0;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.topnav .navbar-default .navbar-collapse {
    margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        margin: 30px 8px 22px;
    }
}

/*banner*/
.banner {
    height: 330px;
    /*background: url(../img/banner.png) no-repeat center;*/
}

.sub-btn {
    width: 136px;
    height: 44px;
    background: url(../img/btn.png) no-repeat;
    color: #FFFFFF;
    font-size: 16px;
    /*margin-top: 260px;*/
}

.banner-content {
    position: relative;
    height: 100%;
}

.banner-btn-group {
    position: absolute;
    bottom: 25px;
    right: 0;
}

.banner-issue-box {
    color: #FFFFFF;
    position: absolute;
    bottom: 25px;
    left: 0;
}

.banner-issue-box span {
    margin-right: 10px;
}

.sub-btn:hover {
    background: url(../img/btn.hover.png) no-repeat;
}

/*二级导航*/
.subnav {
    background: #00629f;
    font-size: 18px;
}

.subnav-list li a {
    color: #FFFFFF;

}

.subnav-list > li {
    float: left;
    margin-right: 50px;
    padding: 16px 0;
}

.subnav-list {
    margin: 0;
}

.subnav-list li.active a {
    color: #FFCC00;
}

@media (max-width: 1200px) {
    .subnav {
        font-size: 15px;
    }
}

@media only screen and (max-width: 992px ) {
    .subnav-list > li {
        float: inherit;
        padding: 5px 0;
    }

    .subnav-list {
        padding: 10px 0;
    }
}

.js-title {
    font-size: 20px;
    margin: 10px 0 0;
    font-weight: bold;
}

.journal-list {
    padding: 25px 0;
    margin: 0;
    border-bottom: 1px solid #DDDDDD;
}

.journal-list:last-child {
    border-bottom: none;
}

.journal-list .col-md-5 {
    padding: 0;
}

.journal-list .media > .pull-left {
    padding-right: 20px;
    position: relative;
}

.js-num {
    font-size: 14px;
    color: #666666;
}

.js-date {
    margin-top: 12px;
    color: #666666;
    font-size: 12px;
}

.js-vol a {
    color: #00629f;
    text-decoration: underline;
    font-size: 16px;
}

.js-btn-group .btn {
    width: 109px;
    height: 30px;
    padding: 0;
    background: #00629F;
    color: #FFFFFF;
    font-size: 16px;
}

.js-btn-group .btn2 {
    background: #ffffff;
    border: 1px solid #00629F;
    color: #00629F;
}

.js-btn-group .btn5 {
    width: 120px;
    height: 30px;
    padding: 0;
    background: #00629F;
    color: #FFFFFF;
    font-size: 16px;
    margin-left: -16px;
    border-radius: 4px;
}

.journal-list .media-heading {
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*word-break: break-all;*/
    font-size: 20px;
    font-weight: bold;
}

.journal-list .media-heading > a {
    text-decoration: none;
}

@media only screen and (max-width: 373px) {
    .journal-list .media-heading {
        height: auto;
        margin-top: 10px;
    }
}

.js-vol1 {
    margin-top: 25px;
}

.js-btn-group {
    margin-top: 15px;
}

.btn2 {
    margin-left: 10px;
}

.js-subtitle {
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.js-subtitle > a {
    color: #00629f;
}

.js-author {
    color: #999999 !important;
    margin: 4px 0;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js-author a {
    color: #999999;
    font-size: 12px
}

.js-author a:hover {
    color: #666666;
    text-decoration: none;
}

.js-author a:link, .js-author a:visited, .js-author a:active {
    text-decoration: none;
}

.yb-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(../img/translation-en.png) no-repeat;
    position: absolute;
    bottom: -28px;
    left: -28px;
}

.yb-icon1 {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(../img/translation-zh.png) no-repeat;
    position: absolute;
    bottom: -18px;
    left: -18px;
}

@media only screen and (max-width: 1200px ) {
    .js-btn-group .btn {
        /*width: 79px;*/
    }
}

@media only screen and (max-width: 992px ) {
    .article-list {
        padding-left: 0;
        margin-top: 15px;
    }
}

@media only screen and (min-width: 372px) and (max-width: 437px) {
    .js-btn-group .btn {
        /*width: 80px;*/
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        margin-left: 0;
    }

    .js-btn-group .btn2 {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 371px) {
    .journal-list .media-heading {
        margin-top: 15px;
    }

    .js-vol1 {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 768px ) {
    .media-heading, .most-list-title {
        font-size: 15px;
    }

    .most-list-title {
        font-size: 15px !important;
        height: auto !important;
    }
}

.modular-footer {
    background: #E0DFDA;
    padding: 20px 0;
}

.mf-title {
    font-size: 20px;
    color: #e68f00;
}

.mf-title span {
    font-size: 12px;
    color: #666666;
    margin-left: 10px;
}

.eng-img-box {
    margin-top: 25px;
}

.mf-text-list li {
    color: #666666;
    padding: 30px 0;
    border-top: 1px solid #c5cae9;
}

.mf-text-list li:first-child {
    border-top: none;
}

.mf-text-list {
    margin-top: 20px;
}

.tof-btn {
    width: 150px;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 40px;
    background: #3373cb;
    color: #FFFFFF;
    border-radius: 20px;
    margin-top: 35px;
}

.footer-box {
    padding: 20px 0;
    background: #232C37;
    color: #FFFFFF;
}

.footer-box a {
    color: #FFFFFF;
}

.footer-list > li {
    float: left;
    margin-right: 70px;
}

.footer-middle {
    padding: 0 5px;
}

/*期刊主页*/
.js-title1 {
    margin: 0;
}

.js-title2 {
    margin: 25px 0;
}

.art-btn {
    display: inline-block;
    /*width: 41px;*/
    height: 21px;
    background: #006497;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 5px;
    padding: 0 5px;
}

.latest-list .media-heading {
    margin: 10px 0;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 16px;
    font-weight: 400;
}

.latest-list .media-heading > a {
    color: #00629f;
}

.latest-list {
    margin-top: 20px;
}

.latest-summary {
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #999;
}

.issue-box {
    border-left: 1px solid #DDDDDD;
    padding-left: 40px;
}

.issue-box .row {
    margin-left: 0;
}

.issue-btn-group .col-sm-6 {
    padding: 0;
}

.issue-btn-group .btn2 {
    margin-left: 0;
    background: #ffffff;
    border: 1px solid #00629F;
    color: #00629F;
}

.topics-zzc {
    padding: 10px;
    background: rgba(0, 0, 0, 0.3);
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*width:95.75%;*/
    color: #FFFFFF;
    font-size: 16px;
    box-sizing: border-box;
}

.topic-list {
    position: relative;
    /*width: 383px;*/
    width: 100%;
    margin: 0 auto;
}

.topic-box, .news-box, .research-box {
    padding-bottom: 30px;
}

.js-topics-row > .col-sm-3 {
    margin-top: 25px;
}

.pop-title {
    font-size: 18px;
    color: #e68f00;
    margin: 25px 0 20px;
}

.most-list-title {
    font-size: 18px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 16px;
}

.most-list-title > a {
    color: #00629f;
}

.most-list {
    margin-bottom: 30px;
}

/*期刊详情*/
.jd-slide-nav {
    font-size: 16px;
}

.jd-slide-nav li {
    margin-bottom: 10px;
}

.show-full-title {
    font-size: 18px;
    color: #00629F;
}

.drop-icon {
    display: inline-block;
    width: 11px;
    height: 7px;
    background: url(../img/drop.png) no-repeat;
    margin-left: 12px;
}

.figures-list > li {
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}

.table-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/90365571008335762.png) no-repeat;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.jd-slide div.font16 {
    margin-bottom: 10px;
}

.pdf-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/pdf1.png) no-repeat;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.doc-icon {
    display: inline-block;
    width: 17px;
    height: 19px;
    background: url(../img/doc.png) no-repeat;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.jd-media {
    padding-bottom: 25px;
}

.jd-media:first-child, .jd-media {
    margin-top: 25px;
}

.jd-media .media-heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}

.jd-date {
    font-size: 16px;
    color: #666666;
    margin-top: 15px;
}

.sheet-list > li {
    float: left;
    font-size: 16px;
}

.sheet-list > li {
    margin-right: 20px;
}

.lock-icon {
    display: inline-block;
    width: 26px;
    height: 33px;
    background: url(../img/lock.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.pdf-icon1 {
    display: inline-block;
    width: 25px;
    height: 28px;
    background: url(../img/pdf4.png) no-repeat center;
    background-size: 20px 22px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.collect {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../img/collect.png) no-repeat center !important;
    background-size: 21px 21px;
    position: relative;
    top: 9px;
    margin-right: 10px;
}

.cancelCollect {
    display: inline-block;
    width: 25px;
    height: 28px;
    background: url(../img/cancelCollect.png) no-repeat center;
    background-size: 21px 21px;
    position: relative;
    top: 7px;
    margin-right: 10px;
}

.sheet-list {
    margin-top: 27px;
    margin-bottom: 0;
}

@media only screen and (max-width: 562px ) {
    .sheet-list {
        margin-top: 10px;
    }

    .lock-icon {
        background-size: 70% 70%;
        top: 14px;
        margin-right: 5px;
    }

    .pdf-icon1 {
        background-size: 70% 70%;
        top: 14px;
        margin-right: 5px;
    }

    .sheet-list > li:first-child {
        margin-right: 20px;
    }

    .jd-media .media-heading {
        margin-top: 15px;
    }
}

.jd2 {
    font-size: 16px;
    padding: 15px 0 20px;
    border-bottom: 1px solid #DDDDDD;
}

.jd2-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 28px;
    max-height: 59px;
    font-family: 'Lora Bold';
}

.mail-icon {
    display: inline-block;
    width: 15px;
    height: 12px;
    background: url(../img/mail.png) no-repeat;
    margin: 0 5px;
}

.jd2-author, .show-more, .jd2-link {
    color: #00629F;
    margin-top: 10px;
}

.jd2-link a {
    color: #00629F;
}

.add-more {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../img/add-more.png) no-repeat;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.cite-btn {
    display: inline-block;
    width: 126px;
    height: 34px;
    background: url(../img/cite-btn.png) no-repeat;
    color: #333333;
    text-align: center;
    line-height: 34px;
}

.jd3 {
    font-size: 16px;

}

.jd3-abs {
    color: #666666;
    line-height: 28px;
}

.sheet-aricle {
    background: #F5F6F5;
    padding: 20px 17px;
}

.prev-btn, .next-btn {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../img/prev.png) no-repeat;
    position: relative;
    top: 5px;
    margin-right: 15px;
}

.prev-btn:hover {
    background: url(../img/prev1.png) no-repeat;
}

.next-btn {
    background: url(../img/next.png) no-repeat;
    margin-right: 0;
    margin-left: 15px;
}

.next-btn:hover {
    background: url(../img/next1.png) no-repeat;
}

.sheet-aricle span {
    font-size: 18px;
    color: #ffba00;
}

.sheet-aricle {
    color: #666666;
}

.keywords-list > a {
    margin: 10px 2px 10px 0;
    color: #00629F;
}

.keywords-list {
    padding: 10px 0 30px;
}

.article-title {
    margin: 20px 0;
    font-weight: bold;
    line-height: 25px;
}

.dis-nav {
    margin-left: -10px;
}

.dis-nav > li {
    display: inline-block;
    margin: 0 10px;
    font-size: 18px;
}

.dis-nav > li.active {
    color: #FFBA00;
}

.dis-admin {
    font-size: 16px;
    color: #004097;
}

.dis-date {
    font-size: 12px;
    color: #999999;
    margin-left: 5px;
}

.chro-media .media-left, .chro-media.media > .pull-left {
    padding-right: 20px;
}

.dis-text {
    margin: 10px 0;
    line-height: 25px;
    color: #666666;
}

.chro-media {
    padding: 20px 0;
    border-bottom: 1px solid #c5cae9;
    margin-top: 0;
}

.good-icon {
    padding-left: 25px;
    background: url(../img/zan.png) no-repeat;
}

.reply-icon {
    padding-left: 26px;
    background: url(../img/reply.png) no-repeat;
    background-position-y: 2px;
    margin-left: 15px;
}

.report-icon {
    padding-left: 24px;
    background: url(../img/report.png) no-repeat;
    background-position-y: 2px;
    margin-left: 15px;
}

.dis-btn-group {
    color: #999999;
    font-size: 14px;
}

.dis-page-list > li {
    float: left;
    width: 23px;
    height: 23px;
    border: 1px solid #DDDDDD;
    line-height: 23px;
    text-align: center;
    color: #999999;
    margin: 0 4px;
    border-radius: 3px;
    cursor: pointer;
}

.page-num {
    color: #999999;
}

.page-btn {
    width: 23px;
    height: 23px;
    border: 1px solid #DDDDDD;
    line-height: 23px;
    text-align: center;
    color: #999999;
    margin: 0 4px;
    border-radius: 3px;
    cursor: pointer;
    background: url(../img/page-lf.png) no-repeat center;
}

.page-rt {
    background: url(../img/page-rt.png) no-repeat center;
}

.dis-page {
    margin-top: 20px;
}

.page-num {
    margin-right: 18px;
    line-height: 25px;
}

.dis-page-list > li.active {
    background: #00629F;
    color: #FFFFFF;
    border: 1px solid #00629F;
}

.dis-page-list > li:hover {
    background: #00629F;
    color: #FFFFFF;
    border: 1px solid #00629F;
}

.dis-textarea {
    margin: 15px 0;
    width: 90%;
    border: 1px solid #DDDDDD;
    height: 50px;
    box-sizing: border-box;
}

.dis-btn {
    background: #00629F;
    color: #FFFFFF;
    padding: 0 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    margin-bottom: 25px;
}

.related-box {
    margin-top: 25px;
}

.related-title {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.related-more {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/more.png) no-repeat;
    position: relative;
    top: 5px;
}

.related-list-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
}

.related-type {
    margin-right: 8px;
}

.related-date {
    margin: 0 8px;
}

.related-list > li {
    margin-top: 15px;
}

.read-box {
    width: 98px;
    height: 112px;
    background: url(../img/rd2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 13px;
}

.cited-box {
    width: 98px;
    height: 112px;
    background: url(../img/rd2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 13px;
}

.download-box {
    display: inline-block;
    width: 116px;
    height: 150px;
    background: url(../img/rd1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -58px;
    z-index: 999;
}

.num-list > li {
    float: left;
    font-weight: bold;
    text-align: center;
}

.read-icon {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(../img/read.png) no-repeat;
}

.read-num, .download-num, .cited-num {
    color: #ee464e;
    font-size: 20px;
    font-family: 'DS-DIGIT';
}

.down-icon {
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url(../img/download.png) no-repeat;
}

.cited-icon {
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url(../img/cited.png) no-repeat;
}

.num-list {
    width: 300px;
    position: relative;
    height: 150px;
    margin: 25px 0 30px;
    zoom: 0.8 !important;
}

.footer-list {
    margin: 10px 0;
}

.more {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}

/*topics*/
.topics-section {
    margin-bottom: 45px;
}

/*current issue*/
.cs-box {
    margin-bottom: 25px;
}

.cs1 {
    margin: 15px 0 0;
}

.cs-title {
    font-size: 20px;
    font-weight: bold;
}

.page-issue > li {
    display: inline-block;
    line-height: 28px;
    margin: 0 20px;
    color: #00629F;
    cursor: pointer;
    font-size: 16px;
}

@media only screen and (max-width: 768px ) {
    .page-issue > li {
        font-size: 14px;
        margin: 0;
    }
}

.page-issue > li:first-child + li {
    margin-right: 0;
}

.prev-issue-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/prev-issue.png) no-repeat;
    position: relative;
    top: 2px;
    margin-right: 15px;
}

.next-issue-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/next-issue.png) no-repeat;
    position: relative;
    top: 2px;
    margin-left: 15px;
}

.cs-num {
    font-size: 16px;
}

.cs-filter {
    width: 100%;
    background: #E7E7E7;
    padding: 0px 7px;
    margin: 15px 0 5px;
    line-height: 58px;
}

.cs-filter > li {
    float: left;
    margin-left: 20px;
    position: relative;
}

.cs-filter > li:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 768px ) {
    .cs-filter > li {
        margin-left: 10px;
    }
}

input[type=checkbox].cs-checks {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.cs-download-icon {
    display: inline-block;
    width: 13px;
    height: 12px;
    background: url(../img/cs-download.jpg) no-repeat;
    background-size: 100% 100%;
    margin-right: 5px;
}

.cs-select {
    background: #E6E6E6;
    border-radius: 6px;
    border: 1px solid #333;
    height: 30px;
    line-height: 30px;
    width: 124px;
    padding-right: 15px;
    padding-right: 5px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    padding: 0 25px 0 5px;
}

.cs-select::-ms-expand {
    display: none;
}

.select-icon {
    display: inline-block;
    width: 11px;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3.5px;
    background: url(../img/bottom.png) no-repeat;
}

.cs-content-title {
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #DDDDDD;
}

.cs-list-title {
    font-size: 16px;
    line-height: 28px;
}

.cs-list-title > a {
    color: #00629f;
}

input[type=checkbox] {
    margin: 7px 5px 7px 0;
}

.lock-icon1 {
    display: inline-block;
    width: 21px;
    height: 16px;
    background: url(../img/lock-icon.png) no-repeat center;
    background-size: 16px 16px;
    margin: 0 10px;
    position: relative;
    top: 3px;
}

.unlock-icon {
    display: inline-block;
    width: 21px;
    height: 16px;
    background: url(../img/unlock-icon.png) no-repeat center;
    background-size: 21px 16px;
    position: relative;
    top: 3px;
}

.review-btn {
    padding: 0 9px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #00abed;
    border-radius: 3px;
    font-size: 14px;
}

.cs-list-title > a:hover .review-btn {
    color: #333333;
}

.cs-list > li {
    padding: 10px 0;
    margin-bottom: 10px;
}

.cs-author {
    color: #00629F;
    margin-top: 5px;
}

.cs-type {
    margin-top: 5px;
    color: #666666;
}

.cs-list-lf2 {
    /*max-width: 750px;*/
    width: 97%;
}

@media only screen and (min-width: 437px) and (max-width: 676px) {
    .cs-list-lf2 {
        width: 95%;
    }
}

@media only screen and (max-width: 437px ) {
    .cs-list-lf2 {
        width: 93%;
    }
}

.cs-sub-title {
    color: #00629F;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.cs-dl {
    margin-top: 20px;
}

.cs-dt {
    margin-left: 42px;
}

.cs-dd1 {
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}

.cs-dd2 p {
    color: #666666;
    margin-top: 15px;
    line-height: 25px;
    word-break: break-all;
    margin-bottom: 0;
}

/*所有卷期*/
.vol-box .js-title {
    margin-bottom: 10px;
}

.year-nav {
    background: #F6F6F5;
    height: 51px;
    line-height: 51px;
    padding: 0 10px;
    margin-bottom: 15px;
}

.year-title {
    line-height: 51px;
    font-weight: bold;
}

.vol-line {
    display: inline-block;
    height: 18px;
    width: 2px;
    background: #FFBA00;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.arrow_left-icon {
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(../img/arrow_le.png) no-repeat;
    position: relative;
    top: 21.5px;

}

.arrow_down-icon {
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(../img/arrow_le.png) no-repeat;
    position: relative;
    top: 21.5px;

}

.arrow-icon {
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(../img/arrow.png) no-repeat;
    position: relative;
    top: 21.5px;

}

.jouranl-list-arrow-up-icon {
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(../img/journalList-arrow-up.png) no-repeat;
    position: relative;
    top: 21.5px;
}

.vol-dl dd {
    margin-top: 5px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.vol-dt {
    position: relative;
}

.vol-zzc {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.3);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

@media only screen and (max-width: 992px ) {
    .vol-zzc {
        font-size: 12px;
    }
}

/*作者*/
.author-box {
    margin: 15px 0 20px;
}

.author-row {
    margin-left: 0;
}

.author-title {
    font-weight: bold;
    line-height: 50px;
    border-bottom: 1px solid #ff9f00;
    padding-left: 15px;
}

.author-icon {
    display: inline-block;
    width: 19px;
    height: 21px;
    background: url(../img/author-icon.png) no-repeat;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.author-slide {
    background: #F0EFED;
}

.author-slide-list li {
    padding-left: 15px;
    line-height: 25px;
    font-size: 16px;
    border-bottom: 1px solid #ff9f00;
    /*padding: 7px 0;*/
}

.author-slide-list li.active a {
    font-size: 14px;
    color: #00629F;
}

@media only screen and (min-width: 768px) {
    .author-slide.col-sm-3 {
        width: 21%;
    }

    .author-content.col-sm-9 {
        width: 79%;
    }
}

.author1 .js-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
}

.ac-title {
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0 20px;
}

.author1 p {
    line-height: 23px;
    margin-bottom: 5px;
}

.author1 p a {
    color: #00629F;
}

.ac-title1 {
    margin: 0 0 10px;
}

/*most popular*/
.popular-box {
    margin: 15px 0 25px;
}

.popular-nav {
    border-bottom: 1px solid #126ca5;
}

.popular-nav > li {
    float: left;
    padding: 10px 22px;
    font-size: 16px;
}

@media only screen and (max-width: 443px ) {
    .popular-nav > li {
        float: inherit;
    }

    .popular-nav {
        border-bottom: none;
    }

    .popular-box {
        margin-top: 0;
    }
}

.popular-nav > li.active {
    background: #126ca5;
    color: #FFFFFF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.popular-page {
    margin: 20px 0;
}

.pop-page-list {
    display: inline-block;
    margin: 0;
    position: relative;
    top: 10px;
}

.pop-page-list > li {
    float: left;
    width: 27px;
    height: 27px;
    line-height: 27px;
}

.pop-page-list > li:hover {
    color: #FFFFFF;
    cursor: pointer;
}

.pop-page-list > li.active {
    background: #00629F;
    color: #FFFFFF;
}

.pop-page-list > li.active a {
    color: #FFFFFF;
}

.pop-btn {
    display: inline-block;
    width: 62px;
    height: 27px;
    background: #00629F;
    color: #FFFFFF;
    /*border-radius: 20px;*/
    line-height: 27px;
    text-align: center;
    margin: 0 15px;
}

.pop-btn:hover {
    color: #fff;
}

.current-title {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #DDDDDD;
}

.current-box {
    display: inline-block;
}

.current-box .js-date {
    margin-top: 20px;
}

.cs-label {
    font-weight: 400;
    margin: 0;
    margin-right: 10px;

}

.last-li {
    float: right !important;
}

.next-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../img/next-icon.png) no-repeat;
    position: relative;
    top: 3px;
    margin-left: 5px;
}

.prev-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../img/prev-icon.png) no-repeat;
    position: relative;
    top: 3px;
    margin-left: 15px;
}

.more-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/more.png) no-repeat;
    position: relative;
    top: 3px;
}

.topics-title {
    font-size: 16px;
    border-bottom: 1px solid #DDDDDD;
    padding: 15px 0 5px;
}

.down-icon {
    display: inline-block;
    width: 11px;
    height: 7px;
    background: url(../img/bottom.png) no-repeat;
    position: relative;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.up-icon {
    display: inline-block;
    width: 15px;
    height: 10px;
    background: url(../img/up-icon.png) no-repeat;
    position: relative;
    right: 5px;
    top: 1px;
    cursor: pointer;
}

.top-icon {
    background: url(../img/top.png) no-repeat;
}

.down-content {
    margin-top: 10px;
    display: none;
}

.down-content p {
    margin-bottom: 5px;
    line-height: 23px;
}

.relevant-list > li {
    padding: 15px 0;
    border-bottom: 1px solid #DDDDDD;
}

.relevant-title {
    font-size: 16px;
}

@media only screen and (max-width: 992px ) {
    .bio-title {
        margin: 0;
    }
}

/*高级检索*/
.search-nav {
    background: #00629F;
    padding: 12px 0;
}

.search-box {
    height: 34px;
    width: 48.6%;
    margin: 0 auto;
}

@media only screen and (max-width: 992px ) {
    .search-box {
        width: 70%;
    }
}

@media only screen and (max-width: 768px ) {
    .search-box {
        width: 95%;
    }

    .advance-text {
        font-size: 14px !important;
    }

}

.s-input-box {
    height: 34px;
    width: 86.6%;
    background: #FFFFFF;
    position: relative;
}

.search-input {
    width: 77.8%;
    height: 34px;
    border: none;
    box-sizing: border-box;
    padding: 0 5px;
}

.advance-text {
    height: 24px;
    width: 22.2%;
    font-size: 16px;
    text-decoration: underline;
    color: #00629F;
    line-height: 24px;
    text-align: center;
    border-left: 1px solid #00629F;
    margin: 5px 0;
}

@media only screen and (max-width: 430px ) {
    .search-input {
        width: 70%;
    }

    .advance-text {
        width: 30%;
    }
}

.s-icon {
    width: 12.1%;
    height: 34px;
    background-color: #FFFFFF;
    background-image: url(../img/s-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px 22px;
}

.filter-title {
    font-size: 18px;
    margin-right: 15px;
}

.filter-box .checkbox, .filter-box .radio {
    margin: 0 30px 0 0;
}

.filter-box .checkbox + .checkbox, .filter-box .radio + .radio {
    margin: 0 30px 0 0;
}

.filter-box {
    padding: 10px 0;
}

.radios-box {
    margin-top: 5px;
}

.filter-box > div {
    margin-bottom: 20px;
}

.plus-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/plus.png) no-repeat;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.reduce-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/reduce.png) no-repeat;
    position: relative;
    top: 3px;
}

.filter-select {
    position: relative;
    margin-right: 5px;
}

.filter-select select {
    background: #FFFFFF;
    height: 22px;
    box-sizing: border-box;
    line-height: 22px;
    width: 120px;
    border: 1px solid #666;
    color: #999999;
    font-size: 14px;
    padding: 0 18px 0 3px;
}

.filter-select .select-icon {
    width: 18px;
    height: 22px;
    background: url(../img/bottom.png) no-repeat center;
    background-size: 11px 7px;
    border-left: 1px solid #666;
    right: 2px;
    top: 0;
    margin-top: 0;
}

.filter-input {
    width: 155px;
    height: 22px;
    line-height: 22px;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #666666;
    padding: 0 5px;
}

.select-group {
    margin-right: 5px;
}

.filter2-left {
    margin-top: 3px;
    margin-bottom: 0;
}

.also-box {
    width: 58px;
    margin-right: 19px;
}

.brackets {
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

.filter2-left > li {
    margin-top: 20px;
}

.filter2-left > li:first-child {
    margin-top: 0;
}

.filter-select.also-box select {
    width: 58px;
}

.calendar-input {
    width: 173px;
    border: 1px solid #666666;
    border-radius: 6px;
    height: 30px;
    line-height: 30px;
    padding: 0 30px 0 5px;
    box-sizing: border-box;
    background: url(../img/calendar.png) no-repeat 145px center;
    background-size: 20px 18px;
}

.filter4 button {
    width: 110px;
    height: 38px;
    border: 1px solid #3373CB;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    color: #3373CB;
    background: #FFFFFF;
    border-radius: 4px;
    margin-right: 10px;
}

.filter4 {
    margin-left: 125px;
}

.filter4 .advance-btn {
    background: #3373CB;
    color: #FFFFFF;
}

.search-slide .author-title {
    color: #00629F;
    /*line-height: 30px;*/
}

.search-slide .author-slide-list {
    margin-bottom: 0;
}

.search-slide .author-slide-list > li.active {
    color: #00629F;
}

.author-slide-list1 li {
    border-bottom: none;
}

@media only screen and (min-width: 992px ) {
    .search-slide.col-md-3 {
        width: 21%;
    }

    .s-result-box.col-md-6 {
        width: 54%;
    }
}

.s-result-box .cs-filter {
    background: #FFFFFF;
    margin-top: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.s-result-box .cs-select {
    background: #FFFFFF;

}

.rs-list > li {
    font-size: 16px;
    color: #00629F;
    margin-top: 20px;
}

.related-search {
    margin: 0 0 40px;
}

.search-right .more-icon {
    top: 7px;
}

.s-expert-list > li {
    float: left;
    margin-top: 15px;
}

.s-expert-list > li:first-child {
    margin-right: 18px;
}

.close-s {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    background: url(../img/icon-set.png) no-repeat -132px 0;
    cursor: pointer;
}

.img-box-shadow {
    box-shadow: 2px 2px 10px 2px rgba(25, 43, 93, 0.4);
    /*border-top: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2;*/
}

.jd3 .js-title {
    font-size: 18px;
}

.font-1 {
    font-family: 'Lora Bold' !important;
}

.jd3-title {
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}

.blog-login-block {
    width: 100%;
    background: #fff0c1;
    border: 1px solid #ececec;
    text-align: center;
    padding: 15px 0;
}

.help-icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../img/help.png) no-repeat;
    position: relative;
    top: 4px;
    margin-right: 3px;
}

.blog-login-btn {
    width: 82px;
    height: 34px;
    background: #00629F;
    border-radius: 5px;
    line-height: 34px;
    color: #FFFFFF;
    margin-left: 17px;
}

#content {
    color: #666666;
    line-height: 28px;
}

.cite-btn-box {
    position: relative;
}

.cite-dropMenu {
    position: absolute;
    right: 0;
    top: 50px;
    background: #FFFFFF;
    z-index: 99;
    color: #333333;
    max-width: 870px;
    border-radius: 3px;
    border: 1px solid #DDDDDD;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
    display: none;
    font-size: 14px;
    line-height: 25px;
}

.cite-dropMenu:before {
    content: '';
    position: absolute;
    top: -10px;
    right: 54px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #DDDDDD;
    border-left: 10px solid transparent;
}

.cite-dropMenu:after {
    content: '';
    position: absolute;
    top: -9px;
    right: 55px;
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
}

.author {
    display: inline-block;
}

.stick {
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 50px;
    width: 50px;
    background: url("../img/setTop1.png") no-repeat;
    background-size: 100%;
    font-size: 36px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transform: translate3d(0, 150px, 0);
    transition: .5s;
}

.stick:hover {
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 50px;
    width: 50px;
    background: url("../img/setTop2.png") no-repeat;
    background-size: 100%;
    font-size: 36px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transform: translate3d(0, 150px, 0);
    transition: .5s;
}

.stick.is-active {
    transform: translateZ(0);
}

.outline-menu-right {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../../../portal/custom/academic/img/outline-arrow-right.png) no-repeat;
    position: relative;
    top: 0px;
    right: 11px;
    background-size: 6px 10px;
}

.outline-menu-down {
    display: inline-block;
    width: 10px;
    height: 8px;
    background: url(../../../portal/custom/academic/img/outline-arrow-down.png) no-repeat;
    position: relative;
    right: 14px;
    top: -1px;
    background-size: 10px 8px;
}

/*搜索框*/
.s-select {
    width: 22.2%;
    height: 26px;
    border: none;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    position: relative;
    top: 4px;
    background: transparent;
    box-sizing: border-box;
    padding-left: 20px;
}

.s-input-box {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    width: 84%;
}

.s-icon {
    width: 16%;
    background-image: url(../img/search-top-btn.png);
    background-size: 18px 18px;
    background-position: center;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-left: none;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    box-sizing: border-box;
    line-height: 34px;
    color: #FFFFFF;
}

.s-icon:active, .s-icon:link, .s-icon:hover, .s-icon:visited {
    color: #FFFFFF;
}

@media only screen and (max-width: 768px ) {
    .s-span {
        display: none;
    }

    .s-icon {
        background-position: center;
        padding-left: 0;
    }
}

/*手机端二级导航+标题*/
.language-icon {
    display: inline-block;
    width: 20px;
    height: 21px;
    background: url(../img/zhong@2x.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -10.5px;
    right: 60px;
}

.language-icon.active {
    background: url(../img/en@2x.png) no-repeat;
}

.language-icon-en {
    display: inline-block;
    width: 20px;
    height: 21px;
    background: url(../img/en@2x.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -10.5px;
    right: 60px;
}

.search-icon1 {
    right: 68px;
}

.navbar-default .navbar-toggle {
    border: none;
    width: 22px;
    height: 28px;
    background: url(../img/acdemic_moblie_nav.png) no-repeat center;
    background-size: 22px 19px;
    margin-top: 11px;
    left: 15px;
}

.navbar-default .navbar-toggle.active {
    background: url(../img/acdemic_moblie_nav-active.png) no-repeat center;
    background-size: 22px 19px;
    margin-top: 11px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.mobile-signRegister {
    line-height: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -15px;
}

.mobile-signRegister a {
    color: #FFFFFF;
    font-size: 12px;
}

.signIn-icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../img/academic_mobile_sign-in.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -10.5px;
    right: 30px;
}

.signIng-icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -10.5px;
    right: 30px;
}

@media (max-width: 768px) {
    .navbar-brand img {
        /*margin-left: -15px;*/
    }

    .hamburger-icon {
        /*margin-right:-15px;*/
    }

    .mobile-subnav-list > li:last-child {
        padding-right: 15px;
    }
}

@media (max-width: 321px) {
    .navbar-brand {
        width: 100px;
    }

    .navbar-brand img {
        margin-left: -15px;
        margin-top: 15px;
    }
}

.mobile-journalName {
    background: #E4E2DF;
    padding: 5px 0;
}

.mobile-journalName-h4 {
    font-size: 20px;
    line-height: 28px;
    /*font-weight: bold;*/
}

.mobile-subnav-list {
    background: #00629F;
    line-height: 30px;
    height: 30px;
    display: -webkit-box;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0px;
    margin-left: -30px;
    margin-right: -30px;
}

.mobile-subnav-list > li {
    margin-left: 15px;
}

.mobile-subnav-list > li a {
    color: #FFFFFF;
}

.mobile-subnav-list > li.active a {
    color: #FFCC00;
}

/*期刊信息左侧导航*/
.author-slide {
    background: #F7F7F7;
    padding: 0;
}

.author-title {
    line-height: 46px;
    background: #dadada;
    border: none;
}

.author-slide-list > li {
    padding-left: 0;
    line-height: 48px;
    font-size: 16px;
    border-bottom: none;
    background: #ebebeb;
    margin-bottom: 5px;
    padding: 0 !important;
}

.arrow-right-gray {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(../img/jt-right-gray.png) no-repeat center;
    background-size: 6px 7px;
    position: relative;
    top: -2px;
    margin-right: 5px;
    margin-left: 37px;
    cursor: pointer;
}

.author-slide-list > li.active > .arrow-right-gray {
    background: url(../img/jt-bottom-yellow.png) no-repeat center;
    background-size: 7px 6px;
}

.author-slide-list > li.active > a {
    color: #ffcc00;
    font-weight: bold;
    font-size: 16px;
}

.author-subMenu {
    background: #F7F7F7;
}

.author-subMenu > li {
    margin-left: 0;
    line-height: 27px;
    margin-top: 10px;
}

.author-subMenu > li:first-child {
    margin-top: 0;
}

.author-subMenu > li.active {
    background: #00629F;
}

.author-subMenu > li.active .arrow-right-gray {
    background: url(../img/jt-bottom-white.png) no-repeat center;
    background-size: 7px 6px;
}

.author-subMenu > li.active > a {
    color: #FFFFFF !important;
}

.author-slide-list li {
    border-bottom: none;
}

.author-thirdMenu {
    background: #F7F7F7;
    margin-left: -15px;
}

.author-thirdMenu > li {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    padding-left: 70px;
}

.author-thirdMenu {
    padding: 5px 0;
}

.author-thirdMenu > li:first-child {
    margin-top: 0;
}

.author-thirdMenu > li > a {
    color: #333 !important;
}

.dot-icon {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #848484;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 10px;
}

.author-thirdMenu > li.active > a {
    color: #00629F !important;
}

.author-thirdMenu > li.active .dot-icon {
    background: #00629F;
}

/*详情页*/
.showNums {
    width: 100%;
    height: 75px;
    padding: 6.5px 0;
    box-sizing: border-box;
    background-color: #f5f5f5;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.07);
}

.showRead-num {
    width: 28%;
    border-right: 1px solid #DDDDDD;
    text-align: center;
}

.showDownload-num {
    width: 44%;
    border-right: 1px solid #DDDDDD;
    text-align: center;
}

.showCited-num {
    width: 28%;
    text-align: center;
}

.nums {
    font-size: 16px;
    font-family: 'DS-DIGIT';
    color: #ee464e;
}

.showNums-line {
    width: 100%;
    border-top: 1px dashed #dbdbdb;
    margin-top: 20px;
}

.relatedRearch-title {
    border-bottom: none;
}

.research-title {
    font-size: 16px;
    line-height: 25px;
}

.research-title a {
    color: #00629F;
}

.research-title a:hover {
    text-decoration: underline;
}

.research-author {
    font-size: 12px;
    color: #999999;
}

.related-list > li {
    margin: 0;
    padding: 12px 0;
    border-top: 1px solid #DDDDDD;
}

.related-list > li:first-child {
    border-top: none;
}

.article-unlock-icon {
    display: inline-block;
    width: 11px;
    height: 17px;
    background: url(../img/academic_detail_unlock2.png) no-repeat;
}

.jd-slide-box {
    width: 240px;
}

@media only screen and (min-width: 992px) {
    .article-md-left {
        width: 20%;
        padding: 0;
    }

    .article-md-middle {
        width: 62%;
    }

    .article-md-right {
        width: 18%;
        padding: 0 5px;
    }
}