@charset "UTF-8";
/*css reset*/

.cboxPhoto {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

.archcon .arc-listit {
    width: 120px;
}

.columimg {
    width: 460px;
}

.chooseAll {
    margin: 0;
}

.toolBox1 {
    padding-top: 20px;
}

.toolBox2 {
    padding-top: 20px;
}

.footer {
    position: relative;
    z-index: 2000;
    margin-top: 40px;
}

.article-pc .article-main .inner {
    padding: 30px 0;
}

.active2>a {
    color: #069 !important;
}

a {
    color: #069;
}

/* .inner{width:1200px;margin:0 auto;}
.inner .article-main-mid{width:780px;}
.inner .article-main-right{width:180px;}
.inner .article-main-right.active{padding:20px 15px 20px 0px;} */

.mainColor {
    color: #069;
}

.archcon.archcon-new dl dd.active a {}

.header-nav,
.tab-ul-index li.active,
.article-list-journalg,
.footer .top,
.phone-nav,
.main .article-content ul#htmlContent2 h3.full-text,
#page-tag-div .pagination>.active>a,
.comtit,
.archcon.archcon-new dl dd.archconVol,
.archcon.archcon-new dl dd.active,
.archcon .arc-listit dd.active,
.archcon .arc-listit .arctpoint,
.tab-ul-index li.active,
.footer .btmb,
.header-nav ul>li ol,
.qikan .subBtn,
.pageTagsUl li.current,
.pageTagsUl li.clickpage:hover {
    background-color: #069;
}

.header-nav ul>li.active>a,
.header-nav ul>li ol li:hover,
.header-nav ul>li:hover>a {
    background: #0089e3;
}

.bottom-fixed {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5000;
    background: #0960c0 url("../images/back_top.png") no-repeat center center;
    display: none;
	border-radius: 50%;
}

.arcmethod li.active,
.phone-nav {
    border-color: #26804a;
}

.derived i.current,
.base-title .more:hover,
.news-list li a:hover,
.article-list-title a:hover,
.article-list-author a:hover,
.article-list-time a:hover,
.article-list-zy font a:hover {
    color: #0960c0;
}

#page-tag-div .pagination>.active>a {
    border-color: #0960c0;
}

.footer .btmb {
    padding-top: 8px;
    padding-bottom: 8px;
}

.phone-nav .search-app-wrap,
.smallUl {
    background: rgba(0, 0, 0, 0.8);
}

.footer .top span {
    margin-right: 10px;
}

.smallUl {
    z-index: 1000;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    display: none;
}

.smallUl a {
    color: #fff;
    display: block;
    line-height: 24px;
}

.smallUl>li {
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.smallUl>li:last-child {
    border-bottom: none;
}

.smallUl li>a {
    padding: 0 4%;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    display: block;
}

.smallUl>li>a span {
    margin: 0 0 0 10px;
}

.smallUl>li>a span img {
    vertical-align: middle;
    margin: -3px 0 0;
    transition: all 0.2s;
}

.smallUl>li>a span.active img {
    transform: rotate(90deg);
}

.smallUl>li>ol {
    display: none;
}

.smallUl>li>ol a {
    padding: 0 8%;
}

.navList {
    width: 30px;
    cursor: pointer;
}

.navList span {
    height: 3px;
    background-color: #fff;
    margin: 0 0 8px 0;
    display: block;
    transition: all 0.5s;
}

.navList span:last-child {
    margin: 0;
}

.navList {
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}

.navList span:last-child {
    margin: 0;
}

.phone-nav input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.phone-nav .text {
    background: #fff;
}

.phone-nav .text {
    line-height: 19px;
    padding: 3px 10px;
    color: #fff;
    margin: 0 0 0 15px;
    border-radius: 4px 0 0 4px;
}

.phone-nav .sub {
    width: 35px;
    height: 25px;
    background-size: 16px 16px;
    border-radius: 0 4px 4px 0;
}

.phone-nav .en {
    line-height: 25px;
    color: #fff;
}

.phone-nav .search-app-wrap {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50px;
    z-index: 2000;
    padding: 8px 0;
}

.phone-nav .search-app-wrap select {
    width: 23%;
    border: none;
    height: 30px;
    border-radius: 4px;
    padding: 0 0 0 5px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.phone-nav .search-app-wrap select option {
    background: rgba(19, 115, 122, 0.9);
}

.phone-nav .search-app-wrap .text {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    height: 30px;
}

.phone-nav .search-app-wrap .sub {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.2) url("../images/search-sub.png") no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
}

.header .logo {
    width: 50%;
}

.header .logo img {
    height: 50px;
}

.header .logo svg {
    height: 50px;
}

.header .bot {
    background-size: cover;
}

.phone-nav {
    padding: 8px 0;
    position: relative;
}

.phone-nav .en {
    line-height: 25px;
    color: #fff;
}

.phone-nav .text,
.phone-nav .sub {
    background: rgba(255, 255, 255, .2);
}

.phone-nav .text {
    line-height: 19px;
    padding: 3px 10px;
    color: #fff;
    margin: 0 0 0 15px;
    border-radius: 4px 0 0 4px;
}

.phone-nav .sub {
    width: 35px;
    height: 25px;
    background: rgba(255, 255, 255, .2);
    background-size: 16px 16px;
    border-radius: 0 4px 4px 0;
}

.search-wrapper {
    display: none;
}

.phone-nav .container .logo {
    display: block;
    padding: 2px 0 0 20px;
    position: relative;
    margin-left: 40px;
    width: 73%;
}

.phone-nav .container .logo img {
    max-width: 170px;
    max-height: 34px;
}

.phone-nav .container .logo:before {
    content: '';
    width: 1px;
    height: 80%;
    background: #fff;
    position: absolute;
    left: 6px;
    top: 2px;
    bottom: 0;
    margin: auto;
}

.phone-nav .container .search-app {
    display: block;
    width: 34px;
    height: 34px;
    background-size: 30px;
    color: #fff;
}

.phone-nav .container .search-app.active {
    background: url("../images/close-app.png") no-repeat center center;
    background-size: 32px;
}

.main-right .current-ul li .tit {
    width: 100%;
    float: none;
}

.main-right .current-ul li .right {
    float: none;
}

.main-right .current-ul a {
    display: inline-block;
}

.main-right .banner .item .text p {
    width: 70%;
}

.main-right .current-ul li .box {
    padding: 8px 0;
}

.search-wrap .in-bl {
    width: 100%;
}

.search-wrap .form-group {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 375px) {
    .phone-nav .search-app-wrap .text {
        width: 100%;
    }
    .phone-nav .search-app-wrap select {
        width: 24%;
    }
}

/**********************************/

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #222;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #222;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #222;
    opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #222;
    opacity: 1;
}

.phone-nav {
    background: transparent;
    background-size: cover;
    border-bottom: solid 1px #ccc;
}

.navList span {
    background: #223450;
}

.phone-nav .container .search-app {
    background: url("../images/search.png") no-repeat center center;
    background-size: 30px;
}

.phone-nav .container .search-app.active {
    background: url("../images/close-app.png") no-repeat center center;
    background-size: 30px;
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        padding: 0;
    }
}

._table {
    display: table;
}

._cell {
    display: table-cell;
    vertical-align: middle;
}

.header .top {
    background: #223450;
    line-height: 22px;
    padding: 9px 0;
}

.header .top .left {
    color: #cfe3ff;
}

.header .top .left a {
    padding: 0 6px;
    border-radius: 4px;
    color: #cfe3ff;
    margin: 0 6px;
    display: inline-block;
}

.header .top .left a.Register {
    background: #556d91;
}

.header .top .left a.Sign {
    background: #c2cfe4;
    color: #223450;
}

.header .top .language {
    color: #fff;
}

.header .top .language a {
    color: #fff;
}

.header .top .language a img {
    margin: 0 5px 0 0;
}

.header .top .language span {
    width: 1px;
    height: 14px;
    margin: 5px 7px 0;
    background: #fff;
}

.header .mid {
    padding: 40px 0 36px;
}

.header .mid .logo img {
    max-width: 100%;
}

.header .mid .search {
    padding: 7px 0 0;
}

.header .mid .search .text {
    width: 396px;
    border: 2px solid #d2d2d2;
    border-right: none;
    height: 41px;
    padding: 0 15px;
}

.header .mid .search .sub {
    width: 43px;
    height: 41px;
    background: #4164a8 url("../images/search-sub.png") no-repeat center center;
    border-radius: 0 2px 2px 0;
}

.header .mid .search .adv-search {
    color: #30486a;
    line-height: 16px;
    margin: 3px 0 0 10px;
}

.romal:hover {
    text-decoration: none;
}

.ban-phone-nav .container .search-app {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 2%;
}

/*.header-nav { background: #223450; border-bottom: 2px solid #375077;}
.header-nav ul > li { float: left; position: relative; }
.header-nav ul > li:after{content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: -2px;}
.header-nav ul > li.active > a { color: #fff; background: transparent;}
.header-nav ul > li:hover > a { color: #fff; text-decoration: none; background: transparent;}
.header-nav ul > li > a { display: block; color: #fff; line-height: 47px; padding: 0 78px 0 0; font-size: 16px; }
.header-nav ul > li ol { position: absolute; background: #223450;top: 49px; min-width: 100%; z-index: 50; display: none; left: -50px;}
.header-nav ul > li ol li{float: left;}

.header-nav ul > li ol:hover,.header-nav ul > li ol li:hover{background: #223450;}
.header-nav ul > li ol li a:hover{text-decoration: none; background: #4f6e9e; }*/

.share-right li {
    float: left;
    background: #384f72;
    width: 48px;
    height: 47px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin-left: 1px;
    position: relative;
    cursor: pointer;
}

.share-right li:hover {
    background: #4f6e9e;
}

.share-right li img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.main {
    padding: 0;
}

.ban2-bot>.left {
    width: 790px;
    background: #fff;
}

.ban2-bot>.left {
    padding: 15px;
    width: 850px;
}

.ban2-bot>.left.lefthome {
    padding: 0 15px;
}

.ban2-bot>.right {
    width: 350px;
    padding: 0 0 0 25px;
}

.banner,
.banner .owl-wrapper-outer,
.banner .pic>img,
.banner .container,
.banner .item {
    height: 332px;
}

.banner {
    width: 100%;
    position: relative;
}

.banner .pic>img {
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.banner .item {
    position: relative;
    overflow-x: hidden;
}

.banner .container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.banner .text {
    position: absolute;
    left: 109px;
    color: #fff;
    width: 442px;
    text-align: left;
}

.banner .text .tit {
    color: #fff;
    font-size: 22px;
    font-weight: bolder;
    line-height: 32px;
    margin: 0 0 13px;
}

.banner .text .tit img {
    margin: -3px 0 0;
}

.banner .text .txt {
    line-height: 24px;
    font-size: 15px;
}

.banner .owl-prev,
.banner .owl-next {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.banner .owl-prev {
    left: 0;
}

.banner .owl-next {
    right: 0;
}

.banner .owl-pagination {
    height: 12px;
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto;
}

.banner .owl-page span {
    opacity: 1 !important;
    width: 12px;
    height: 12px;
    margin: 0 3px !important;
    background: #fff !important;
}

.banner .owl-page.active span {
    background: #8097bb !important;
}

.Announcements {
    line-height: 26px;
    padding: 12px 0;
    font-size: 16px;
}

.Announcements .more {
    display: block;
}

.Announcements .more img {
    margin: -3px 0 0 6px;
}

.Journals {
    background: #e8eaee;
}

.main .Journals .container {
    padding: 50px 47px 40px;
}

.journal-tit {
    text-align: center;
}

.journal-tit .tit {
    font-size: 24px;
    color: #000;
    line-height: 34px;
    padding: 0 0 14px;
    position: relative;
}

.journal-tit .tit:before {
    content: '';
    width: 97px;
    height: 4px;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto;
}

.journal-ul {
    margin: 40px -23px 48px;
}

.journal-ul li {
    float: left;
    width: 110px;
    margin: 0 23px;
}

.journal-ul li a {
    display: block;
}

.journal-ul li .pic img {
    width: 108px;
    height: 143px;
    border: 1px solid #b5bac8;
}

.journal-ul li p {
    color: #666;
    line-height: 20px;
    margin: 11px 0 0;
    text-align: center;
    min-height: 40px;
}

.journal-ul li p:hover {
    color: #6e82aa;
}

.view-all {
    text-align: center;
}

.view-all-a {
    display: inline-block;
    width: 149px;
    line-height: 34px;
    border-radius: 30px;
    background: #6e82aa;
    text-align: center;
    color: #fff;
}

.view-all-a img {
    margin: -3px 0 0 14px;
}

.view-all-a:hover {
    color: #fff;
}

.email {
    background: #4164a8;
    padding: 39px 0 44px;
}

.email .left .icon {
    padding: 6px 28px 0 0;
}

.email .left .icon img {
    width: 60px;
    height: 60px;
}

.email .left .text {
    color: #fff;
}

.email .left .text .tit {
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 3px;
}

.email .left .text .txt {
    font-size: 16px;
    line-height: 26px;
}

.email .right {
    display: block;
    padding: 7px 12px;
    font-size: 16px;
    line-height: 26px;
    color: #4164a8;
    text-transform: uppercase;
    border-radius: 2px;
    background: #fff;
    margin: 14px 0 0;
}

.email .right img {
    margin: -3px 0 0 9px;
}

.footer .top {
    text-align: center;
    padding: 15px 0;
    background: #fff;
}

.footer .top ul {
    display: inline-block;
}

.footer .top ul li {
    float: left;
}

.footer .top ul li a {
    font-size: 16px;
    color: #000;
    display: block;
    line-height: 18px;
    padding: 0 30px;
    border-right: 1px solid #000;
}

.footer .top ul li:last-child a {
    border-right: 0;
}

.footer .bot {
    text-align: center;
    color: #fff;
    line-height: 24px;
    padding: 11px 0;
    background: #222;
}

.footer .bot img {
    margin: -3px 0 0;
}

.Announcements .left {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .changeJournal.icon-jiantou1{margin-left: -40px;}
.changeJournal.icon-jiantou{margin-right: -40px;} */

/******semiconductor*******/

.semiconductor-header .top {
    padding: 8px 0 10px;
}

.semiconductor-header .top .logo {
    display: block;
}

.semiconductor-header .right {
    padding: 3px 0 0;
}

.semiconductor-header .right li {
    float: left;
}

.semiconductor-header .right li a {
    display: block;
    color: #333;
    line-height: 19px;
}

.semiconductor-header .right li a img {
    margin: -3px 5px 0 0;
}

.semiconductor-header .right li.line {
    margin: 3px 12px 0;
    width: 1px;
    height: 14px;
    background: #7d7d7d;
    font-size: 25px;
}

.semiconductor-header .mid {
    background: #404e79;
}

.semiconductor-header .mid .container {
    padding: 39px 15px 38px;
}

.ban-search .ban-gao {
    display: block;
    color: #fff;
    text-align: right;
    line-height: 14px;
    margin: 0 0 8px;
}

.ban-search-bot .text {
    width: 396px;
    background: #fff;
    border: 2px solid #d2d2d2;
    border-right: none;
    height: 41px;
    padding: 0 15px;
}

.ban-search-bot .sub {
    width: 43px;
    height: 41px;
    background: #587fcb url("../images/search-sub.png") no-repeat center center;
    border-radius: 0 2px 2px 0;
}

.ban-header-nav {
    background: #404e79;
}

.ban-header-nav .container {
    padding: 0 15px 0 0;
    background: #fff;
}

.ban-header-nav .nav-ul {
    padding: 0 0 0 15px;
}

.ban-header-nav .nav-ul>li {
    margin: 0 38px 0 0;
}

.ban-header-nav .nav-ul>li>a {
    color: #000;
    font-size: 14px;
    line-height: 39px;
    padding: 0;
    position: relative;
}

.ban-header-nav .nav-ul>li>a:before {
    content: '';
    width: 110%;
    height: 4px;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: all .1s;
}

.ban-header-nav .nav-ul>li.active>a {
    color: #404e79;
}

.ban-header-nav .nav-ul>li.active>a:before {
    background: #404e79;
    bottom: 0;
}

.ban-header-nav .nav-ul>li:hover>a {
    background: #fff;
}

.ban-header-nav .nav-ul>li:hover>a:before {
    background: #404e79;
    bottom: 0;
}

.ban-header-nav .share-right li {
    background: #fff;
    height: 39px;
    width: 39px;
}

.ban-header-nav .share-right li:hover {
    background: #6693eb;
}

.ban-main {
    padding: 40px 0 0;
}

.ban-main>.container {
    padding: 0 15px;
}

.ban-footer .top {
    background: #4164a8;
}

.ban-footer .top ul li a {
    color: #fff;
    border-color: #fff;
}

.ban-footer .top ul li.line {
    background: #fff;
}

.ban-phone-nav {
    background: #404e79;
}

.ban-phone-nav .navList span {
    background: #fff;
}

.ban-phone-nav .container .logo img {
    max-width: 240px;
}

.ban-phone-nav .container .search-app {
    background-size: 30px;
}

.ban-phone-nav .container .search-app.active {
    background-size: 30px;
}


/*.semiconductor-header2 .mid .container{padding: 54px 15px 52px;}*/

.ban-header-nav2 {
    background: #394884;
    border: none;
}

.ban-header-nav2 .container {
    background: transparent;
    padding: 0;
}

.ban-header-nav2 .nav-ul {
    padding: 0;
}

.ban-header-nav2 .nav-ul>li {
    margin: 0;
}

.ban-header-nav2 .nav-ul>li>a {
    padding: 0 20px;
    color: #fff;
    line-height: 34px;
}

.ban-header-nav2 .nav-ul>li>a:before {
    display: none;
}

.ban-header-nav2 .nav-ul>li.active>a {
    background: #24326a;
    font-weight: bolder;
    color: #fff;
}

.ban-header-nav2 .nav-ul>li:hover>a {
    background: #24326a;
    color: #fff;
}

.ban-header-nav2 .share-right li {
    background: transparent;
    height: 34px;
}

.ban-main2>.container {
    padding: 0;
}

.ban-main2 {
    background: #f0f3f8;
    padding: 20px 0 0;
}

.semiconductor3-header .top {
    background: #194670;
}

.semiconductor3-header .right li a {
    color: #fff;
}

.semiconductor3-header .right li.line {
    background: #fff;
}

.semiconductor3-header .mid {
    background: transparent;
}

.semiconductor3-header .mid .container {
    background: #fff;
    padding: 50px 20px 14px;
}

.semiconductor3-header .ban-gao {
    color: #333;
}

.ban3-search-box {
    border: 1px solid #d3d3d3;
    position: relative;
    width: 361px;
    height: 42px;
    margin: 0 0 0 10px;
}

.ban3-search-bot select {
    height: 42px;
    border: 1px solid #d3d3d3;
    padding: 0 38px 0 10px;
    display: block;
}

.ban3-search-bot .text {
    border: none;
    width: 100%;
    height: 40px;
}

.ban3-search-bot .sub {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f45600;
}

.ban-banner .left {
    width: 635px;
}

.ban-banner .left .item {
    position: relative;
}

.ban-banner .left .pic img {
    width: 100%;
    max-width: 100%;
    border: 1px solid #acb4c6;
    max-height: 270px;
}

.ban-banner .left .text {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 14px 20px 19px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}

.ban-banner .left .text .tit {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    display: block;
    font-weight: bolder;
}

.ban-banner .left .text p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}

.ban-banner .owl-pagination {
    position: absolute;
    right: 7px;
    bottom: 19px;
    height: 11px;
    font-size: 0;
}

.ban-banner .owl-page span {
    margin: 0 3px !important;
    border-radius: 0 !important;
    background: #fff !important;
    opacity: 1 !important;
}

.ban-banner .owl-page.active span {
    background: #c5d3ff !important;
}

.ban-banner .owl-theme .owl-controls .owl-page span {
    border: solid 1px #bbb;
}

.ban-banner .right-l {
    display: block;
    margin: 0 25px 0 0;
}

.ban-banner .right-l img {
    max-width: 197px;
}

.ban-banner .right-r-top {
    text-align: center;
    padding: 17px 6px 17px;
    border: 1px solid #cfd5e4;
    margin: 0 0 15px;
}

.ban-banner .right-r-top span {
    display: block;
    color: #333;
    line-height: 20px;
}

.ban-banner .right-r-top p {
    font-weight: bolder;
    font-size: 16px;
    line-height: 25px;
}

.ban-banner .right-r-top .line {
    position: relative;
    margin: 0 0 20px;
}

.ban-banner .right-r-top .line:before {
    width: 168px;
    border-top: 1px dashed #cfd5e4;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    margin: auto;
}

.ban-banner .right-r-bot {
    background: #f07f10;
    border: 1px solid #ffa815;
    color: #fff;
    padding: 5px 10px;
}

.ban-banner .right-r-bot span {
    display: block;
    line-height: 16px;
    font-size: 12px;
}

@font-face {
    font-family: "nyala";
    src: url("../fonts/nyala.otf");
}

.ban-banner .right-r-bot p {
    line-height: 28px;
    font-size: 24px;
    font-family: nyala;
    text-align: center;
}

.ban-header-nav {
    border-bottom: none;
}

.body3 .container {
    width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}

.article-title {
    font-size: 28px;
    color: #000;
    line-height: 1.2;
    text-align: center;
    font-weight: bolder;
}

.ban-main-list {
    padding: 24px 15px 0;
}

.toolBox1 {
    padding: 15px 0 20px;
    border-bottom: 1px solid #dcdcdc;
}

.article-list-journalg {
    line-height: 29px;
    display: block;
    background: transparent;
    padding: 0;
}

.article-list-journalg a {
    display: inline-block;
    line-height: 29px;
    background: #112f61;
    padding: 0 10px;
    cursor: pointer !important;
}

.semic-list .article-list {
    padding: 20px 0 15px;
}

.article-list a {
    line-height: 20px;
}

.semic-list .article-list .article-list-left {
    position: inherit;
    width: 20px;
    left: auto;
    display: block;
    height: 100% !important;
    padding: 4px 0 0;
}

.semic-list .article-list .article-list-left img {
    width: 100%;
}

.allCenter {
    position: inherit;
}

.semic-list .article-list .article-list-right {
    /* width: 622px; */
    padding: 0 0 0 20px;
}

.main>.semic-list {
    padding: 0;
}

.article-list-title a {
    font-size: 16px;
    color: #404e79;
    line-height: 24px;
    font-weight: bold;
}

.article-list-time a {
    color: #404e79;
}

.article-list-zy {
    line-height: 26px;
}

.article-list-author a,
.article-list-author span {
    font-size: 16px;
}

.list-box {
    /*border: 1px solid #cfd5e4; */
    padding: 15px 10px 15px 15px;
    margin: 0 0 16px;
    background: #fff;
}

.semic-right-list .right-l {
    width: 146px;
    display: block;
    margin: 0;
}

.semic-right-list .right-l img {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
}

.semic-right-list .right-r {
    width: 150px;
}

.semic-right-list .right-r-top {
    border: none;
    padding: 0 0 0 20px;
    text-align: left;
    margin: 0;
}

.semic-right-list .right-r-top p {
    font-size: 14px;
}

.semic-right-list .right-r-top .line:before {
    width: 100%;
}

.semic-right-list .right-r-top .p1 {
    font-size: 15px;
}

.semic-right-list .right-r-bot {
    margin: 20px 0 0;
}

.semic-right-list .right-r-bot span {
    padding: 0 0 0 24px;
}

.semic-right-list .right-r-bot p {
    padding: 0 0 0 90px;
}

.list-baseTitle {
    border-bottom: 1px solid #e7e7e7;
    line-height: 43px;
}

.list-baseTitle .tit {
    font-size: 18px;
    color: #000;
    font-weight: bolder;
}

.list-baseTitle a {
    font-size: 14px;
    color: #6e82aa;
    display: block;
}

.semic-list .ban3-ul li .tit {
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    margin: 0 0 2px;
}

.semic-list .ban3-ul.mostlist li .tit {
    color: #404e79;
}

.semic-list .ban3-ul.mostlist3 li .tit {
    color: #4a4a4a;
    font-weight: bold;
}

.base-title .tit:hover {
    color: #db4b27;
}

.ban3-ul li {
    border-bottom: 1px solid #e9e9e9;
    padding: 17px 0;
}

.ban3-ul li .tit {
    display: block;
    font-size: 16px;
    color: #4a4a4a;
    line-height: 22px;
    font-weight: bolder;
}

.ban3-ul li .author {
    line-height: 22px;
}

.ban3-ul li .author a {
    color: #666;
}

.semic-list2 .ban2-bot>.left {
    padding: 20px;
}

.semic-list2 .ban2-bot>.right {
    width: 325px;
    padding: 0;
}

.semic-list2 .semic-right-list .right-l {
    width: 111px;
}

.semic-list3 .ban2-bot>.left {
    width: 820px;
}

.semic-list3 .ban2-bot>.right {
    width: 380px;
}

.ban-banner .right-r-top {
    width: 223px;
}

.ban-banner-cn1 .right-r-top {
    width: 150px;
}

.ban-header-nav-cn1 .nav-ul>li>a {
    font-weight: bolder;
}

.ban-banner-cn1 .left .text .tit {
    font-size: 18px;
}

.ban-banner-font .right-r-top p {
    font-size: 14px;
    font-weight: normal;
}

.ban-banner-font .right-r-top .line {
    font-weight: bolder;
    font-size: 18px;
}

.ban-banner-font .right-r-bot p {
    font-size: 22px;
    text-align: center;
    padding: 0;
}

.ban-tab-ul-cn1 li a {
    font-size: 20px;
}

.ban-tab-con-cn1 ul li .tit {
    font-size: 16px;
}

.ban-news-title-cn1 .tit {
    font-weight: bolder;
}

.ban-news-cn1 ul li .bot {
    min-height: 300px;
}

.ban-news-cn1 ul li {
    min-height: 430px;
}

.footer-cn1 .bot a {
    margin: 0 0 0 10px;
}

.semiconductor-header2-cn2 .mid .container {
    padding: 39px 15px 37px;
}

.doi-txt {
    color: #333;
    line-height: 20px;
    padding: 0 0 8px;
}

.ban-banner2-cn2 .doi {
    padding: 0 0 16px;
}

.ban-banner2-cn2 .doi a {
    color: #666;
}

.ban2-message-cn2 .ban2-adv {
    font-weight: normal;
}

.ban2-message-cn2 .text {
    width: 527px;
}

.sub-online-cn2 {
    font-weight: normal;
    padding: 0 55px;
}

.archive-new-list li .right .txt {
    color: #000;
    line-height: 22px;
}

.archive-new-list-cn2 li .right .author a {
    color: #5e6a90;
}

.archive-new-list-cn2 li .right .three a:before {
    display: none;
}

.ban2-author-cn2 {
    padding-bottom: 0;
}

.ban2-author-cn2 .ban2-news li a:last-child {
    padding-bottom: 0;
}

.ban3-header-nav-cn3 .nav-ul>li>a {
    font-size: 14px;
    padding: 0 30px;
}

.archiveNew-list-cn3 ul li .year-2 .year-l a {
    color: #404e79;
}

.archiveNew-list2-cn3 ul li .year-2 {
    line-height: normal;
}

.archiveNew-list2-cn3 ul li .year-2 .doi {
    line-height: 25px;
}

.archiveNew-list2-cn3 ul li .year-2 .doi a {
    color: #404e79;
}

.archiveNew-list2-cn3 ul li .year-2 .year-r {
    position: inherit;
}

.archiveNew-list2-cn3 .abstract-wrap {
    background: #f0f0f0;
    padding: 7px 15px;
    line-height: 24px;
    margin: 20px 0 0;
    display: none;
}

.archiveNew-list2-cn3 .zhai.active {
    position: relative;
}

.archiveNew-list2-cn3 .zhai.active:after {
    content: '';
    width: 28px;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
}

.online3-cn3 {
    letter-spacing: 8px;
}

.online3-cn3 img {
    margin-left: 12px;
}

.base-title-cn3 .tit {
    font-size: 18px;
}

.j-news-content {
    margin: 20px 0;
}

.j-news-content img {
    max-width: 100%;
}

.left-title {
    text-align: left;
}

.loading-show {
    text-align: center;
    margin-top: 150px;
}

.loading-size {
    width: 100px;
}

.archiveNew-list .bot-pic .left img,
.semic-list .article-list .group2 img,
.archive-new-list li .pic img {
    max-height: 130px;
}

.semic-list .archive-new-list li,
.archive-new-list li,
.article-list,
.bot-pic {
    position: relative;
}

.archiveNew-list .bot-pic .left,
.ban-main .semic-list .article-list .group2,
.archive-new-list li .pic {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    height: auto;
    max-height: 130px;
}

.semic-list .archive-new-list li .right,
.ban2-bot .archive-new-list li .right,
.semic-list .article-list .article-list-right,
.bot-pic .right,
.semic-list .archiveNew-list ul li .bot-pic .right {
    padding-left: 173px;
}

@media screen and (max-width: 1200px) {
    .header {
        display: block;
    }
    .header .mid {
        display: none;
    }
    .search-app-wrap .left {
        position: relative;
    }
    .search-app-wrap .gao {
        color: #fff;
        line-height: 30px;
        display: block;
    }
    .journal-ul li {
        width: 18%;
        margin: 0 1% 14px;
    }
    .journal-ul li .pic {
        text-align: center;
        height: 145px;
    }
    .journal-ul li .pic img {
        max-width: 100%;
        height: 100%;
    }
    .main .Journals .container {
        padding: 40px 15px;
    }
    .journal-ul {
        margin: 40px -1%;
    }
    .semiconductor-header .mid {
        display: none;
    }
    /* .ban-banner .left{width: 56%;}
    .ban-banner .right{width: 44%;padding: 0 0 0 3%;} */
    .ban-banner .left {
        margin: 0 0 20px;
    }
    .ban-banner .left,
    .ban-banner .right {
        width: 100%;
        float: none;
    }
    .ban-banner .right {
        padding: 0;
    }
    .ban-banner .right-l {
        float: none;
        width: auto;
        padding: 0 0 20px;
        text-align: center;
    }
    .ban-banner .right-r {
        float: none;
        width: auto;
    }
    .ban-banner .right-l img {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
    }
    /*  .ban-banner .right-l,.ban-banner .right-r{width:50%;margin:0;} */
    .ban-banner .right-l {
        padding-right: 5px;
    }
    .ban3-banner .left {
        width: 100%;
    }
    .ban-banner .right-l img {
        max-width: 200px;
    }
    .selectAll {
        display: none;
    }
    .ban2-bot.archive-list-wrap>.right {
        display: none;
    }
    .ban2-bot.archive-list-wrap>.left {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 991px) {
    .header .top .left span {
        display: none;
    }
    .search-content-right {
        margin-top: 20px;
    }
    .main-left,
    .main-mid,
    .main-right {
        float: none;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-left {
        padding-top: 20px;
    }
    .message {
        padding: 10px;
    }
    .message .left,
    .message .right {
        float: none;
    }
    .message .right {
        padding: 10px 0 0;
    }
    .message .right .email-alert {
        float: left;
    }
    .header .logo {
        width: 36%;
    }
    .header .right .text {
        font-size: 13px;
        line-height: 20px;
    }
    .banner .swiper-button-prev {
        display: none;
    }
    .banner .swiper-button-next {
        display: none;
    }
    .banner .text {
        left: 15px;
    }
    .email .left {
        width: 100%;
    }
    .email .left .icon {
        padding: 0;
        width: 10%;
    }
    .email .left .text {
        width: 90%;
        padding: 0 0 0 10px;
    }
    .email .left .text .tit {
        font-size: 18px;
        line-height: 28px;
    }
    .email .left .text .txt {
        font-size: 14px;
        line-height: 24px;
    }
    .email .left .icon img {
        max-width: 100%;
        height: auto;
    }
    .email .right {
        float: left;
    }
    .footer .top ul li.line {
        margin: 4px 10px 0;
    }
    .ban-banner2 .left,
    .ban-banner2 .right {
        width: 100%;
        float: none;
    }
    .ban-banner2 .right {
        padding: 20px 0 0;
    }
    .footer .top ul li {
        width: 50%;
        margin-bottom: 10px;
    }
    .ban-footer .top ul li a {
        border: none !important;
    }
}

@media screen and (min-width: 992px) {
    .reviewer-apply-page .box-search1 {
        padding-left: 231px;
    }
}

@media screen and (max-width: 768px) {
    .container {
        padding: 0 15px;
    }
    .header .right .text {
        font-size: 12px;
        padding-right: 8px;
    }
    .banner .container {
        width: 100%;
    }
    .banner,
    .banner .swiper-container,
    .banner .container {
        height: 220px;
    }
    .banner .text .tit {
        font-size: 18px;
        line-height: 28px;
    }
    .banner .text .txt {
        line-height: 23px;
        font-size: 13px;
    }
    .ban-banner .left {
        margin: 0 0 20px;
    }
    .ban-banner .left,
    .ban-banner .right {
        width: 100%;
        float: none;
    }
    .ban-banner .right {
        padding: 0;
    }
    .ban-tab-ul li a {
        font-size: 16px;
    }
    .left-content {
        min-height: auto;
    }
    .smallUl>li>ol a {
        width: 100% !important;
        float: none;
    }
}

@media screen and (max-width: 767px) {
    .box-tan {
        width: 100% !important;
    }
    .js-qrcode-close {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .tab-ul-index li a {
        font-size: 14px;
    }
    #mescroll .main {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bottom-fixed {
        width: 34px;
        height: 34px;
        background-size: 24px 24px;
        border-radius: 50%;
    }
    .arc-listit {
        float: none;
    }
    .columimg {
        width: 100%;
        float: none;
    }
    .arcimgeng .archimg li {
        width: 100%;
    }
    .archcon .archimg li {
        margin: 0 0 10px;
    }
    .contentArea-left,
    .contentArea-right {
        width: 100%;
        float: none;
    }
    .message .left .mes-swiper a,
    .message .swiper-wrapper {
        width: 100% !important;
    }
    .message .right .search {
        padding: 0;
        float: none;
        width: 100%;
    }
    .message .right .sub {
        margin: 0;
    }
    .message .right .advanced {
        float: none;
        display: inline-block;
        margin: 10px 10px 0 0;
    }
    .message .right .email-alert {
        float: none;
        display: inline-block;
    }
    .footer .top span {
        margin-right: 0;
        display: block;
    }
    .table-tit {
        font-size: 15px;
        line-height: 25px;
    }
    .journal-ul li {
        width: 31.33%;
    }
    .footer .top ul {
        display: block;
    }
    .footer .top ul li a {
        font-size: 14px;
    }
    .footer .top ul li.line {
        display: none;
    }
    .semiconductor-header .top .logo {
        margin: 0 0 10px;
    }
    .semiconductor-header .top .logo,
    .semiconductor-header .top .right {
        float: none;
    }
    .ban-banner .right-l {
        float: none;
        width: auto;
        padding: 0 0 20px;
        text-align: center;
    }
    .ban-banner .right-r {
        float: none;
        width: auto;
    }
    .ban-banner .right-l img {
        width: auto;
        margin: 0 auto;
    }
    .ban-tab-con ul li {
        width: 48%;
        margin: 0 1% 25px;
    }
    .ban-news ul li {
        width: 48%;
        margin: 0 1%;
    }
    .ban3-main>.container>.left {
        padding: 0 0 20px;
    }
    .ban3-main>.container>.left,
    .ban3-main>.container>.right {
        width: 100%;
        float: none;
    }
    .banner .pic>img {
        position: inherit;
        left: auto;
        margin: 0;
        width: 100%;
    }
    .banner,
    .banner .owl-wrapper-outer,
    .banner .pic>img,
    .banner .container,
    .banner .item {
        width: auto;
        height: 220px;
    }
    .banner .pic>img {
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .banner .text {
        width: 80%;
    }
    .banner .owl-prev,
    .banner .owl-next {
        width: 20px;
        height: 20px;
        background-size: cover;
    }
    /* .semic-list .archive-new-list li .right,
	.ban2-bot .archive-new-list li .right,
	.semic-list .article-list .article-list-right,
	.bot-pic .right,
	.semic-list .archiveNew-list ul li .bot-pic .right{
		padding-left:178px !important;
	} */
}

@media screen and (max-width: 560px) {
    .footer .top ul li a {
        padding: 0;
    }
    /*  .tab-ul-index li{width:95px;}*/
    .common-remark .imgcover {
        padding: 0;
    }
    .common-remark .imgcoverr {
        padding: 0 0 0 15px;
    }
    .pageTagsUl li {
        border: none;
        font-size: 13px;
        padding: 4px;
        margin: 0;
    }
    .pageTagsUl li:hover {
        background: none;
        color: #333;
    }
    .pageTagsUl li.first,
    .pageTagsUl li.gong {
        display: none;
    }
    .pageTagsUl li.current {
        background: none;
        color: #1280df;
    }
    .article-list {
        padding-left: 0;
        padding-right: 0;
    }
    .wid .article-list {
        padding: 15px 0;
    }
    .pageTagsUl li.input input {
        width: 20px;
        line-height: 20px;
        border: 1px solid #ddd;
    }
    .main-right .article-browse li a img {
        height: auto;
    }
    .email-input {
        width: 100%;
    }
    .footer .bottom,
    .footer .top,
    .footer .btmb {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer .span1,
    .footer .span2,
    .footer .btmb-span {
        display: block;
    }
    .ban-tab-con ul {
        margin: 20px 0;
    }
    .ban-news ul {
        margin: 0;
    }
    .ban-tab-con ul li,
    .ban-news ul li {
        width: 100%;
        float: none;
        margin: 0 0 15px;
    }
    /* .semic-list .archive-new-list li .right,
	.ban2-bot .archive-new-list li .right,
	.semic-list .article-list .article-list-right,
	.bot-pic .right,
	.semic-list .archiveNew-list ul li .bot-pic .right{
		padding-left:130px !important;
	} */
}

@media screen and (max-width: 375px) {
    .header .logo {
        width: 23%;
    }
    .main-right .tab-ul {
        border-bottom: 1px solid #bebebe;
    }
    .main-right .tab-ul li {
        float: left;
        width: 130px;
        background: #e5e5e5;
        text-align: center;
        margin: 0 10px 0 0;
    }
    .main-right .tab-ul li.active {
        background: #26804a;
    }
    .main-right .tab-ul li.active a {
        color: #fff;
        font-weight: bolder;
    }
    .main-right .tab-ul li a {
        font-size: 16px;
        color: #242424;
        display: block;
        line-height: 37px;
    }
    .semiconductor-header .top .right li {
        width: auto;
    }
    .semiconductor-header .right li.line {
        margin: 3px 8px 0;
    }
    .semiconductor-header .top .right li a {
        font-size: 12px;
    }
    .ban-phone-nav .container .logo img {
        max-width: 170px;
    }
    .ban-phone-nav .container .logo {
        padding: 7px 0 0 20px;
    }
    .ban-phone-nav .container .logo:before {
        top: 5px;
    }
}

.j-news-list {
    min-height: 400px;
}

.header-nav {
    background: #223450;
    border-bottom: 2px solid #375077;
}

.header-nav ul>li {
    float: left;
    position: relative;
}

.header-nav ul>li:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.header-nav ul>li.active>a {
    color: #222;
    background: none;
}

.header-nav ul>li:hover>a {
    color: #222;
    text-decoration: none;
    background: transparent;
}

.header-nav ul>li>a {
    position: relative;
}

.header-nav ul>li.active>a:before,
.header-nav ul>li>a:before {
    content: '';
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 2px;
    background: #222;
    transform: scaleX(0);
    transform-origin: 0;
    transition: transform .2s;
}

.header-nav ul>li:hover>a:before,
.header-nav ul>li.active>a:before {
    transform: scaleX(1);
}

.header-nav ul>li>a {
    display: block;
    color: #222;
    line-height: 54px;
    font-size: 18px;
    font-weight: bold;
}

.header-nav ul>li {
    padding: 0 25px;
}

.index-nav.header-nav ul>li:first-child>a {
    padding-left: 0;
}

.header-nav ul>li ol {
    position: absolute;
    background: #223450;
    top: 49px;
    min-width: 100%;
    z-index: 50;
    display: none;
    left: 0;
    padding-bottom: 10px !important;
}

.header-nav ul>li ol li {
    float: left;
    width: 100%;
    padding: 0 30px;
}

/*width: 180px;*/

.header-nav ul>li ol li a {
    font-size: 15px;
    display: block;
    white-space: nowrap;
    color: #fff;
    line-height: 41px;
    border-bottom: 1px solid #375077;
}

.header-nav ul>li ol:hover,
.header-nav ul>li ol li:hover {
    background: #223450;
}

.header-nav ul>li ol li a:hover {
    text-decoration: none;
    background: #4f6e9e;
    border-bottom: 1px solid #fff !important;
}

.index-nav ul>li ol li a {
    border-right: 1px solid #375077;
}

.special-tit {
    margin: 0px 0 3px;
    padding: 5px 0 10px;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #eee;
}

.special-tit .panel-body {
    padding: 0;
}

.special-tit h3 {
    margin-bottom: 10px;
}

.special-tit h3 a,
.special-tit h3 {
    line-height: 23px;
    font-size: 18px;
    font-weight: bold;
    color: #23527c;
}

.special-tit h3.special-intro-tit {
    margin: 6px 0 0px;
    font-size: 16px;
    font-weight: normal;
}

.special-tit h4 i {
    font-style: normal;
    line-height: 24px;
}

.special-tit p {
    line-height: 20px;
    font-size: 13px;
}

.special-introduction {
    margin: 3px 0 5px;
}

.special-more {
    display: inline-block;
    font-size: 15px;
    height: 28px;
    line-height: 25px;
    padding: 1px 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4b75b6), to(#375077)) #375077;
    background-image: -webkit-linear-gradient(top, #4b75b6, #375077);
    border-color: #0176c3;
    color: #fff;
    margin: 6px 0 6px;
    border-radius: 5px;
}

.special-more:hover {
    color: #fff;
}

.back-intro {
    margin: 10px;
}

/* .back-intro span{border: solid 1px #ddd;padding: 5px;background-color: #ddd;text-indent: 2em;} */

.j-news-content p,
.j-news-content {
    font-size: 18px;
    line-height: 30px;
}

.col-lg-8 .archcon .archimg li,
.col-lg-9 .archcon .archimg li {
    width: 25%;
}

.col-lg-8 .columimg {
    width: 608px;
}

.col-lg-9 .columimg {
    width: 710px;
}

/* register */

.marginT30 {
    margin-top: 30px;
}

.user .top .logor li {
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    float: left;
}

.user .top .logor ul>li>span {
    display: inline-block;
    width: 2px;
    height: 15px;
    background: #eaf6f7;
    position: relative;
    top: 3px;
}

.user .top .logor .toptnav li a {
    font-size: 14px;
    padding: 0 15px;
}

.user .top .logor .toptnav li:last-child a {
    padding-right: 0;
}

.regetit {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: #0760b9;
    font-size: 22px;
    text-align: center;
}

.colorRed {
    color: #ff0000;
}

.user {
    background: #f4f4f4;
}

.user-register {
    margin-bottom: 53px;
}

.user-register .container {
    max-width: 900px;
}

.user-register .top {
    background: #f4f4f4;
}

.user .top {
    width: 100%;
    height: 60px;
    padding-top: 10px;
}

.user-register .logotxt {
    color: #333;
    font-size: 25px;
    margin: 2px 0 0 8px;
}

.user-register .top .logor li {
    color: #666;
}

.user-register .top .logor li i {
    font-style: normal;
}

.user-register .top .logor li a {
    color: #0760b9;
}

.user-register .top .logor ul>li>span {
    background: #a8a8a8;
}

.user-register .top .logor .toptnav li:first-child a {
    padding-left: 0;
}

.rege-con {
    background: #fff;
}

.servicebtn {
    color: #337ab7;
}

.common-line {
    margin-bottom: 20px;
    position: relative;
}

.rege-con .rege-form label {
    width: 94px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    padding-right: 10px;
    margin: 0;
}

.line-phone input {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    border: solid 1px #dfdfdf;
    width: 80%;
    max-width: 338px;
    padding-left: 10px;
}

.line-phone input.codeinput {
    width: 40%;
    max-width: 197px;
}

.line-phone input::-webkit-input-placeholder {
    color: #666;
}

.line-phone input::-moz-placeholder {
    color: #666;
}

.line-phone input::-ms-input-placeholder {
    color: #666;
}

.line-phone input::-moz-placeholder {
    color: #666;
}

.line-phone .codewrap {
    width: 30%;
    max-width: 141px;
    padding-left: 10px;
}

.line-phone .codewrap .gettestcode {
    width: 100%;
    background: #0760b9;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border: solid 1px #dfdfdf;
    border-left: 0;
}

.line-phone input.regelogbtn {
    text-align: center;
    background: #0760b9;
    color: #fff;
    font-size: 20px;
    padding: 0;
    border-radius: 5px;
}

.line-phone input.regelogbtn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.agreewrap {
    margin: 0;
}

.reg_agree #stAgree {
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 4px;
    margin-right: 10px;
    cursor: pointer;
    background: url(/style/web/images/public/icoinput.png) no-repeat;
}

.reg_agree #stAgree.active {
    background-position: -19px 0px;
}

.rege-form {
    /*width: 490px;margin: 0 auto;*/
    padding: 20px 0 60px;
}

i.colorRed {
    font-style: normal;
    margin-right: 5px;
}

.warning {
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    padding-left: 10px;
}

.warning p,
.warning span {
    color: #ff0000;
    display: inline-block;
}

.warning span.text-success,
.warning p.text-success {
    color: #3c763d;
}

.glyphicon:before {
    position: relative;
    top: 2px;
}

.user-register .container.serviceAgreement {
    padding: 15px 25px;
    background: #fff;
    border-radius: 10px;
}

.serviceAgreement .sertit {
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.serviceAgreement .sercon {
    font-size: 14px;
    line-height: 22px;
}

.line-phone.dedinewrap {
    text-align: center;
}

.line-phone input.define {
    background: #0760b9;
    color: #fff;
    font-size: 20px;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    margin: 20px 0 0;
}

.line-phone input.define:hover {
    cursor: pointer;
}

.tempplace {
    display: none;
}

.monitor {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(10, 10, 10, 0.6);
    top: 0;
    left: 0;
    z-index: 1000;
}

.loginwrap {
    display: none;
}

.login-con {
    width: 337px;
    margin: 0 auto;
}

.login-con .line-phone input {
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.login-con .line-phone input.autoinput {
    width: auto;
    height: auto;
}

.user-login .container,
.serviceAgreement {
    display: none;
    max-width: 537px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
    width: 90%;
    ;
    padding: 2em;
    transform: translate(-50%, -50%);
}

.user-login .container .tab-list {
    border-bottom: solid 1px #eee;
    margin-bottom: 40px;
}

.user-login .container .tab-list li {
    width: 72px;
    float: left;
    font-size: 18px;
    position: relative;
    padding-bottom: 20px;
    margin-right: 50px;
}

.user-login .container .tab-list li a {
    color: #999;
}

.user-login .container .tab-list li.active a {
    color: #333;
}

.user-login .container .tab-list li.active:after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #282828;
    position: absolute;
    bottom: -1px;
}

.forgetwrap {
    font-size: 12px;
}

.forgetpass li {
    float: left;
    height: 20px;
    line-height: 20px;
}

.forgetpass li:last-child a {
    margin-right: 0;
}

.forgetpass li a {
    color: #999;
    margin: 0 15px;
}

.forgetpass>li>span {
    display: inline-block;
    width: 2px;
    height: 15px;
    background: #d3d3d3;
    position: relative;
    top: 3px;
}

.autologin input {
    width: 14px;
    line-height: 22px;
    height: 14px;
    margin: 0 6px 0 0;
}

.closelogin {
    position: absolute;
    top: -14px;
    right: -14px;
    cursor: pointer;
    width: 33px;
    height: 33px;
    background: url(/style/web/images/public/icocuo.png) no-repeat;
}

.login-con .warning {
    height: auto;
    line-height: inherit;
    /*position: absolute;bottom: -16px;*/
}

#phonelogin .phone86 {
    display: block;
    width: 30%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #666;
    border: solid 1px #dfdfdf;
    border-right: 0;
}

#phonelogin .phonenum {
    width: 70%;
}

#phonelogin .line-phone .codewrap .gettestcode {
    height: 48px;
    line-height: 48px;
}

#phonelogin .line-phone input.codeinput {
    max-width: inherit;
    width: 70%;
}

/* forget password */

.temppass,
.stepdefine {
    display: none;
}

.rege-form.forget-form {
    padding-bottom: 30px;
}

/* sign up */

.signup .main-right {
    padding-top: 30px;
    border: solid 1px #ccc;
}

.signup-form .signtit,
.contribution .contritit {
    font-size: 22px;
    text-align: center;
    margin-bottom: 25px;
}

/* .signup-form .signtit.signtit2{font-size:17px;margin: 16px 0;} */

.alline {
    font-size: 15px;
    margin-bottom: 5px;
    overflow: hidden;
}

.alline input[type=text],
.signline input[type=tel],
.signline input[type=email] {
    width: 75%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    border: solid 1px #dfdfdf;
    max-width: 450px;
    padding-left: 10px;
    float: left;
}

.alline input[type=radio] {
    margin: 0px 1px 1px 0;
    height: 42px;
}

.alline label {
    height: 42px;
    line-height: 42px;
    padding-right: 16px;
    width: 25%;
    text-align: right;
    float: left;
}

.signbtn,
.contribtn {
    text-align: center;
    margin-top: 16px;
}

/*contribution*/

.alline.contriline input[type=file] {
    width: 75%;
    padding: 10px 0;
    font-size: 14px;
    max-width: 450px;
    float: left;
}

.header .logo {
    width: auto;
    max-width: 50%;
}

@media (min-width: 1320px) {
    .header-nav {
        display: block;
    }
    .phone-nav {
        display: none;
    }
    .container {
        padding: 0;
        width: 1300px;
    }
    /*.main-left{padding: 0;width: 830px;}*/
    /*.main-right{float: right;padding: 0;width: 330px;}*/
    .rege-con .rege-form label {
        width: 328px;
    }
    .user-login .container.loginwrap {
        min-height: 467px;
    }
    .user-login .container {
        padding: 60px;
    }
    #phonelogin .phone86 {
        width: 64px;
    }
    #phonelogin .phonenum {
        width: 273px;
    }
}

@media (min-width: 1280px) {
    .header-nav ul>li {
        padding: 0 18px;
    }
    .leftjump {
        max-height: calc(100% - 105px);
    }
}

@media (max-width: 1219px) {
    .header-nav {
        display: none;
    }
    .phone-nav {
        display: block;
    }
    .rege-con .rege-form label {
        width: 35%;
    }
    .line-phone input {
        width: 65%;
    }
}

@media (max-width: 767px) {
    .allwrap .listwrap .meet-title a {
        font-size: 14px;
    }
    .allwrap {
        padding: 20px 0 20px 0;
    }
    .meetinglist .allwrap:first-child {
        padding-top: 10px;
    }
    .banner,
    .banner .owl-wrapper-outer,
    .banner .pic>img,
    .banner .container,
    .banner .item {
        height: auto;
    }
    .meet-more {
        display: none;
    }
    .user-register .warning {
        float: none;
    }
    .rege-con .rege-form label.tempplace,
    .user-register .warning {
        display: block;
        height: 10px;
        line-height: inherit;
    }
    .top .logor .toptnav li a {
        padding: 0 12px;
    }
    .rege-con .rege-form label {
        width: 25%;
        padding-right: 6px;
        font-size: 13px;
    }
    .line-phone input {
        width: 70%;
    }
    #phonelogin .line-phone input.codeinput {
        width: 65%;
    }
    #phonelogin .line-phone .codewrap {
        width: 35%;
    }
    .login-con {
        width: 95%;
    }
    /*  .line-phone input{max-width:100%;} */
    .user-login .container .tab-list li {
        width: 50%;
        text-align: center;
        margin-right: 0;
    }
}

@media (max-width: 560px) {
    .rege-con .rege-form label,
    .signline label {
        /*line-height:22px;*/
        padding-right: 8px;
    }
}

/*****map*****************/

@media (max-width: 414px) {
    .i-banner {
        height: 100px;
    }
    .i-banner .owl-controls .owl-page span {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }
    .i-banner .mc .mcCon {
        padding: 6px 8px;
    }
    .i-banner .i-j-tit>span {
        font-size: 12px;
        line-height: 16px;
    }
    .i-banner .owl-controls {
        bottom: 6px;
    }
    .i-banner,
    .i-journal-all .jorunal-all-box {
        margin-bottom: 20px;
    }
}

.i-banner .owl-wrapper-outer,
.i-banner .owl-wrapper,
.i-banner .owl-item,
.i-banner .item,
.i-banner .pic {
    height: 100%;
}

.i-banner {
    overflow: hidden;
}

body,
body .article-main-right.active .metrics {
    font-size: 16px;
    color: #222;
}

/*
 .article-list-time ,.article-list-author,.article-time > span,.article-list-info .free
, .special-other span,.article-list .article-list-author a,.i-com-lay .article-column,.detail-info span,.news-list-thumb .other-info span,
.article-other span,.com-box a,.special-author,.i-gray{font-family:"Source Sans Pro",sans-serif; font-weight:300;}*/

.news-list-thumb .other-info span.clickNum {
    display: none;
}

.p-menu,
.c-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.p-menu .header {
    background: transparent;
}

.c-menu {
    background: #333;
}

.c-menu .header {
    background: #333;
}

.i-nav {
    padding: 20px 0;
    border-bottom: 5px solid #000;
    background: #fff;
    margin-bottom: 15px;
}

.i-nav.header-nav {
    background: #223450;
}

.i-nav .logo {
    max-height: 50px;
    line-height: 50px;
}

.i-nav.header-nav ul>li>a {
    height: 40px;
    line-height: 40px;
}

.i-nav.header-nav ul>li>a,
.i-searchBox .sub,
.header-right .search-text,
.com-title,
.com-title2,
.footer h3,
.article-list-title a,
.news-list-title a,
.special-list-title a,
.article-other a,
.news-other a,
.special-other a,
.journal-info .tit,
.left-news>h3,
.news-list-thumb li a span.tit,
.i-banner .i-j-tit>span,
.content-nav .contents-title,
.article-pc .articleEn .article-title h1,
.com-author-info b,
.article-main-mid .navTitle,
.Abstract-left-list.active a,
.References-left-list.active a,
.Supplements-left-list.active a,
.article-title,
.chooseAll,
.i-nav.header-nav ul>li>a i,
.j-news-content p,
.j-news-content,
body,
body div.content,
.des-column .con {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
}

.i-nav.header-nav ul>li>a i,
.i-nav.header-nav ul>li>a i,
.header-right .search-text,
.i-nav.header-nav ul>li ol li a,
.i-nav.header-nav ul>li>a i,
.main-tpl5 .com-title2,
.com-title2,
.com-title {
    font-weight: bold;
}

.chooseAll,
.i-nav.header-nav ul>li>a .fa {
    font: normal normal normal 14px/1 FontAwesome;
}

.i-banner {
    margin-bottom: 30px;
}

.i-banner img {
    width: 100%;
}

.i-nav.header-nav ul>li ol {
    background: #181717;
    top: 82px;
}

.i-nav.header-nav ul>li>a i {
    font-style: normal;
}

.i-nav.header-nav ul>li>a span,
.i-nav.header-nav ul>li>a span,
.i-nav.header-nav .top-menu>li a span {
    display: inline-block;
    width: 13px;
    height: 7px;
    background: none;
    top: -2px;
}

.i-nav.header-nav ul>li:hover>a span,
.i-nav.header-nav ul>li:hover>a span {
    background: none;
}

.i-nav.header-nav ul>li ol li,
.i-nav.header-nav ul>li ol li a {
    text-align: left;
}

.i-nav.header-nav ul>li ol li,
.i-nav.header-nav ul>li ol li a {
    border-bottom: 0;
}

.i-nav.header-nav ul>li ol:hover,
.i-nav.header-nav ul>li ol li:hover,
.i-nav.header-nav ul>li ol li:hover a {
    background: #181717;
}

.i-searchBox .searchtext {
    width: 100%;
    z-index: 9;
    padding: 0 10px;
    background: #fff;
    color: #000;
    font-size: 18px;
    border-radius: 0;
}

.index-header .header-right .searchIcon {
    padding-top: 20px;
}

.i-searchBox a {
    margin-left: 10px;
}

.i-searchBox .search-content {
    position: relative;
    height: 45px;
}

.i-searchBox .search-content .searchtext {
    width: 500px;
    float: left;
}

.i-searchBox .sub {
    z-index: 9;
    width: 100px;
    background: #fff;
    border-radius: 0;
    color: #000;
    font-size: 18px;
}

.i-searchBox .search-journals {
    background: #fff;
    width: 280px;
    position: absolute;
    top: 45px;
    left: 520px;
    padding: 5px;
}

#search-journal-list {
    width: 100%;
    text-indent: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    margin-bottom: 15px;
}

.i-searchBox .search-journals li {
    margin-bottom: 8px;
    padding: 0 0 0 10px !important;
    float: none;
}

.i-nav.header-nav ul>li.searchIcon:hover {
    background: none;
}

.search-journals input {
    font-size: 18px;
    color: #000;
}

.header-right .search-text {
    display: block;
    cursor: pointer;
    padding: 0 18px;
    font-size: 18px;
}

.header-right .search-text .fa {
    margin-left: 5px;
}

.search-bg {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 280px;
    left: 0;
    top: 88px;
    background: #000;
    padding: 100px 50px;
    transition: all 0.6s ease-out 0s;
}

.search-bg .search-journal-list {
    width: 100%;
}

.search-bg .search-journal-list,
.header-right .search-text,
.i-searchBox .searchtext,
.search-journals input,
.i-searchBox .sub,
.showSelected {
    height: 40px;
    line-height: 40px;
}

.showSelected {
    width: 280px;
    font-size: 18px;
    background: #fff;
    padding: 0 10px;
    margin: 0 20px;
    float: left;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.showSelected .fa {
    position: absolute;
    right: 10px;
    top: 15px;
}

.i-searchBox .search-journals ul {
    height: 200px;
    overflow: auto;
    overflow-x: hidden;
}

.advSearch {
    color: #fff;
    font-size: 18px;
    margin-left: 20px;
}

.advSearch:hover {
    color: #fff;
}

.search-mark {
    color: #fff;
    margin-top: 5px;
}

/*banner*/

.i-banner {
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec;
}

.i-banner .carousel-indicators {
    bottom: 30px;
    text-align: center;
}

.i-banner .owl-wrapper-outer,
.i-banner .owl-wrapper,
.i-banner .owl-item,
.i-banner .item,
.i-banner .pic {
    height: 100%;
}

.i-banner .carousel-indicators li {
    width: 14px;
    height: 14px;
    border: 0;
    margin: 0 18px;
    background: #fff;
}

.i-banner .carousel-indicators .active {
    background: #a90000;
}

.i-banner .container {
    height: 100%;
    position: relative;
    border: 1px solid #e8eaee;
}

.i-banner .mc .mcCon {
    width: 490px;
    /*height:100%;*/
    padding: 25px 30px;
    background: rgba(41, 48, 60, 0.78);
    position: absolute;
    top: 45px;
    left: 85px;
    bottom: 45px;
    word-break: break-word;
}

.i-banner .i-j-tit {
    width: 88%;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.i-banner .i-j-tit h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.i-banner .i-j-tit>span {
    display: block;
    font-size: 27px;
    line-height: 35px;
    /*margin-bottom:10px;*/
}

.i-banner .i-j-tit h3,
.i-banner .i-j-tit span {
    color: #fff;
}

.i-banner {
    position: relative;
}

.i-banner .introduction {
    font-size: 14px;
    line-height: 23px;
    margin-top: 20px;
    color: #fff;
}

.i-banner .owl-buttons {
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -20px;
}

.i-banner .owl-controls .owl-page span {
    width: 5px;
    height: 5px;
    background: #e8eaee;
    margin: 0 3px;
}

.i-banner .owl-controls .owl-page.active span {
    background: #666;
}

.i-banner .article-list-author a {
    color: #fff;
}

.i-banner .owl-pagination {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.i-banner .item {
    position: relative;
}

.i-banner .owl-prev,
.i-banner .owl-next {
    width: 40px;
    height: 40px;
}

.i-banner .owl-prev {
    background: url("../images/custom/tpl5/to_left.png") no-repeat 0;
    position: absolute;
    left: 15px;
    background-size: 100%;
}

.i-banner .owl-next {
    background: url("../images/custom/tpl5/to_right.png") no-repeat 0;
    position: absolute;
    right: 15px;
    background-size: 100%;
}

/* .i-banner  .owl-controls .owl-buttons{display:none!important;} */

/* .i-banner:hover   .owl-controls .owl-buttons{display:block!important;} */

.com-title {
    font-size: 24px;
    padding: 20px 0;
}

.com-title2 {
    font-size: 24px;
    padding: 10px 0;
    border-top: 2px solid #292929;
    margin-bottom: 5px;
    background: rgb(232 234 238);
    padding: 10px;
}

.com-title2.article-title {
    text-align: left;
    border: 0;
}

.com-p10 {
    padding-bottom: 40px;
}

.com-box {
    position: relative;
}

.com-box a {
    position: absolute;
    font-size: 14px;
    color: #222;
    right: 0;
    top: 15px;
    right: 10px;
}

.footer-links {
    margin-top: 40px;
}

.article-title {
    margin-bottom: 30px;
    font-weight: bold;
}

.journals-box {
    background: #e8eaee;
}

.journals-box .i-content-journals {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 20px;
}

.journals-box .journal-item {
    perspective: 1000px;
    -webkit-perspective: 1000px;
    position: relative;
    padding: 0 15px;
    width: 16.6%;
    float: left;
    margin-bottom: 15px;
    text-align: center;
    transition: all 0.1s ease;
}

.main-index .journals-box .journal-item {
    width: 12.5%;
}

.journals-box .journal-item a {
    display: block;
}

.main-index .journals-box .journal-item img {
    width: 138px;
    height: 181px;
}

.journals-box .journal-item img {
    width: 190px;
    height: 249px;
    max-width: 100%;
}

.journal-item .journal-info {
    height: 60px;
    margin-top: 10px;
    text-align: center;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.2;
}

.journal-info .tit {
    display: block;
    font-size: 16px;
    color: #222;
    margin-bottom: 0;
    word-break: break-word;
}

.journal-info .desc {
    color: #333;
    line-height: 25px;
}

.journals-box .float-r {
    float: right;
}

.more-journal,
.more-links {
    height: 0;
    position: relative;
    top: 22px;
}

.more-journal .fa,
.more-links .fa {
    font-size: 20px;
}

.more-journal a,
.more-links a {
    border-radius: 50%;
    background: #666;
    color: #fff;
    width: 37px;
    height: 37px;
    line-height: 38px;
    display: inline-block;
}

.more-journal a:hover .fa,
.more-links a:hover .fa {
    color: #fff;
}

.more-journal a:hover,
.more-links a:hover {
    color: #fff;
}

.journal-page {
    background: none;
}

.j-news-list .news-list-thumb {
    margin-left: -15px;
    margin-right: -15px;
}

.j-news-list .news-list-thumb .other-info {
    position: absolute;
    bottom: 20px;
}

.j-news-list .news-list-thumb li a {
    padding: 10px 10px 30px 10px;
}

.bottom-fixed {
    background: #069 url("../images/back_top.png") no-repeat center center !important;
}

.footer.ban-footer img {
    height: 50px;
}

.footer.ban-footer,
.footer.ban-footer a {
    color: #fff;
}

.footer.ban-footer p {
    line-height: 25px;
}

.footer {
    padding: 20px 0 5px 0;
    background: #29303c;
}

.footer h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.footer .footer-l {
    width: 260px;
}

.footer .footer-r {
    width: calc(100% - 260px);
}

.footer .footer-r .footer-con-b {
    padding-left: 0;
}

.footer .footer-r li {
    margin-bottom: 10px;
}

.footer .footer-r li a {
    font-size: 16px;
    line-height: 18px;
}

.bq {
    margin-top: 20px;
    border-top: 1px solid #585d67;
    padding: 10px 0 5px 0;
}

.footer-share li {
    float: left;
    font-size: 20px;
    margin-right: 16px;
    position: relative;
}

.footer-share.footer-links .wchat-box {
    position: absolute;
    top: 40px;
}

.article-list-info .article-column {
    margin-bottom: 10px;
}

/*
.article-list-info .article-column span{font-weight:bold;font-size:18px;}
*/

.article-list-info .free {
    color: #a40000;
}

.derived i.current,
.base-title .more:hover,
.news-list li a:hover,
.article-list-title a:hover,
.article-list-time a:hover,
.article-list-zy font a:hover,
.special-list-title a:hover,
.special-other a:hover,
.article-other a:hover {
    color: #006699;
}

.article-list-author a:hover {
    color: #666;
}

.article-list-title a,
.news-list-title a,
.special-list-title a {
    font-size: 20px;
    color: #222;
    line-height: 21px;
    margin-bottom: 5px;
}

.article-list-author a,
.news-list-title a,
.special-list-title a,
.article-list-time font,
.article-list-time font span {
    color: #6f6f6f;
    line-height: 18px;
}

.article-list .article-list-zy {
    display: none;
}

.detailAbout .top-menu li a {
    display: block;
    padding: 10px 0;
}

.detailAbout .top-menu li a,
.detailAbout .top-menu li a i {
    color: #069;
    font-size: 14px;
    font-style: normal;
}

.detailAbout .article-title {
    text-align: left;
}

.detailAbout .top-menu li ol li {
    padding-left: 1em;
}

.search-result-wrap .container .article-list input[type=checkbox],
.search-result-wrap .container .article-list input[type=radio] {
    margin-top: 12px;
}

.reference-tab .td2 {
    word-break: break-word;
}

li.article-author-address p.lostOf {
    display: none;
    margin-bottom: 5px;
}

body .about-article.about-author1 {
    margin-top: 0;
}

.main .article-content ul#htmlContent2 p {
    text-indent: 0;
}

.j-info-app,
.article-app #infoEn {
    font-size: 14px;
}

.j-info-app a,
.article-app a {
    color: #069;
}

#aboutArticle1 .modal-footer {
    display: inline;
    border: 0;
    padding: 0;
    margin-bottom: 10px;
}

.main figure:first-of-type {
    margin-top: 0;
}

.about-article-nav a {
    font-weight: bold;
}

.iphone-wrapper li h4.navTitle {
    padding-left: 15px;
}

.article-app .modal-footer:before {
    display: inline-block;
}

body .content-nav {
    padding-top: 10px;
}

body .content-nav a {
    color: #222;
}

body .Abstract-left-list {
    margin-bottom: 0;
}

body .References-left-list {
    margin: 0;
}

body .about-article-nav a,
body .References-left-list a,
body .Supplements-left-list a {
    font-weight: normal;
}

.content-nav>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}

.content-nav .contents-title {
    line-height: 21px;
    margin-bottom: 6px;
}

.article-main-left .wrapper img {
    max-width: 80% !important;
}

.article-main-left.active {
    overflow-y: auto;
}

.authorOtherArticle .article-div {
    font-size: 14px;
}

.ng-cloak {
    display: none !important;
}

.zgjx-img img {
    max-width: 100%;
}

.about-article-nav.active a {
    font-weight: 700;
    color: #146e9e;
}

#FullText td>.MathJax {
    padding-bottom: 15px;
    display: inline-block;
}

ul li.article-author-address p.lostOf {
    padding-left: 24px;
}

#Highlights.articleListBox {
    padding: 15px;
    background: #ddd;
}

.article-highlights p {
    position: relative;
    padding-left: 10px;
}

.article-highlights p:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background: #222;
    left: 0;
    top: 13px;
    border-radius: 50%;
}

body .content-nav a:hover {
    color: #146e9e;
}

.listp a {
    font-size: 16px;
    color: #000;
}

.j-news-list>.listp>a {
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table_new .tableTitle {
    text-align: center;
}

body .table_type1 {
    width: auto;
    min-width: 50%;
}

.fQrcodeBox>div a {
    width: 98px;
    display: block;
    float: right;
    margin: 6px;
}

.fQrcodeBox img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.article-pc .inner .article-main-mid {
    padding-left: 30px;
}

.footer.ban-footer .qrcode {
    margin-left: 10px;
}

.footer.ban-footer .qrcode img {
    width: 100px;
    height: 100px;
    max-height: none;
    ;
}

.fQrcodeBox img {
    width: 40px;
    height: 40px;
}

.leftShare {
    position: absolute;
    left: 3px;
    margin-top: 30px;
}

.leftShare ul li {
    margin-bottom: 5px;
}

.leftShare ul li:hover {
    cursor: pointer;
}

.leftShare img {
    width: 25px;
}

.leftShare .weixinBox {
    position: absolute;
    bottom: -168px;
}

.leftShare .weixinBox img {
    width: 100%;
    height: auto;
}

.weixinBox {
    display: none;
    width: 160px;
    padding: 10px 10px;
    z-index: 10000;
    left: 0;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.js-qrcode-arr {
    position: absolute;
    top: -7px;
    left: 14px;
    width: 11px;
    height: 7px;
    background: url(/style/web/images/sprite.png) no-repeat;
}

.js-qrcode-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    background: url(/style/web/images/weixin_close.png) no-repeat;
}

.article-app .leftShare .weixinBox {
    bottom: 50px;
    left: auto;
    right: 0;
}

.article-app .leftShare {
    display: block;
    margin: 0 0 20px 0;
}

.article-app .leftShare ul li {
    float: left;
    margin-left: 10px;
}

.com-article-author-orcid {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/custom/orcid.png) no-repeat center center;
    background-size: contain;
    bottom: 1px;
}

.bio-con img {
    max-width: 125px;
    float: left;
    margin: 0 15px 10px 0;
}

.bio-con .authors-bio+.authors-bio {
    margin-top: 10px;
}

.authors-bio b {
    font-weight: bold;
    font-family: SOURCEHANSANSSC-BOLD, Arial, Helvetica, sans-serif;
}

.com40 {
    margin-bottom: 40px;
}

.com-bottom {
    margin-bottom: 20px;
}

.com-white {
    background: #fff;
    padding: 0 20px 20px 20px;
    max-width: 100%;
}

.com-header-adv {
    background: #e8eaee;
    padding: 13px 0 13px 0;
    text-align: center;
    height: 118px;
    overflow: hidden;
}

.com-header-adv .container {
    width: 730px;
    height: 90px;
    position: relative;
}

.com-header-adv #myCarouselHeader {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.com-header-adv .com-header-close {
    position: absolute;
    right: 5px;
    top: 5px;
    display: none;
}

.com-header-adv .com-header-close:hover {
    cursor: pointer;
}

.topAdv,
.topAdv li {
    overflow: hidden;
    height: 100%;
}

.topAdv li {
    opacity: 0;
    text-align: center;
    position: absolute;
    display: none;
}

.topAdv li:first-child {
    opacity: 1;
    display: block;
}

.topAdv li,
.topAdv li .pic {
    width: 100%;
    height: 100%;
}

.topAdv li .pic {
    text-align: center;
    overflow: hidden;
}

.topAdv li img {
    max-width: 100%;
    height: 90px;
}

.topAdv li .pic {
    background-size: cover !important;
}

.topAdv li .pic a {
    display: block;
}

.i-banner {
    /* height: 350px; */
	height: auto;
}

.i-com-lay {
    margin-left: -10px;
    margin-right: -10px;
    min-height: 125px;
}

.i-com-lay>div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.i-com-lay .i-com-lay-list {
    display: block;
    flex: 0 0 calc(20% - 20px);
    margin: 0 10px;
    padding: 0 0 116px 0;
    border: 0;
    position: relative;
    box-sizing: border-box;
}

.i-com-lay .i-com-lay-list:first-child {
    margin-left: 0;
}

.i-com-lay .i-com-lay-list:last-child {
    margin-right: 0;
}

.main-index .i-com-lay .i-com-lay-list {
    display: block;
}

.i-com-lay .i-com-lay-list>div {
    height: 100%;
    padding-bottom: 13px;
}

.i-com-lay .i-com-lay-list .article-img,
.i-com-lay .i-com-lay-list .news-img,
.i-com-lay .i-com-lay-list .special-img {
    height: 115px;
    border: 1px solid #dedede;
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
}

.i-com-lay .i-com-lay-list .article-img a,
.i-com-lay .i-com-lay-list .news-img a,
.i-com-lay .i-com-lay-list .special-img a {
    display: block;
    height: 100%;
}

.i-com-lay .i-com-lay-list .article-img img,
.i-com-lay .i-com-lay-list .news-img img,
.i-com-lay .i-com-lay-list .special-img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.i-com-lay .article-column {
    margin-bottom: 5px;
    font-size: 16px;
    color: #222;
}

.i-com-lay .article-list-title,
.i-com-lay .news-list-title,
.i-com-lay .article-list-title,
.i-com-lay .special-list-title {
    margin-bottom: 15px;
}

.i-com-lay .article-list-author,
.i-com-lay .news-author {
    margin-bottom: 5px;
}

/* .i-com-lay .article-list-time{display:none;} */

.special-author .i-gray>b {
    color: #222;
}

.article-other,
.news-other,
.special-other {
    position: absolute;
    width: calc(100% - 20px);
    bottom: 15px;
    /* left: 10px; */
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    color: #222;
    /*height:60px;display:flex;align-items:center;*/
}

.article-other>span,
.article-other>a,
.news-other>a,
.news-other>span,
.special-other>a,
.special-other>span {
    display: inline-block;
}

.special-other .special-author {
    line-height: 1.2;
}

.article-other>a,
.news-other>a,
.special-other>a {
    font-size: 16px;
    color: #222;
    line-height: 16px;
}

.article-other a {
    width: 135px;
    word-break: break-word;
}

.article-other>span {
    width: calc(100% - 150px);
    position: absolute;
    padding-left: 10px;
    font-size: 16px;
    right: 0;
    bottom: 7px;
}

.article-other>span:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #bababa;
    position: absolute;
    left: 0;
    top: 5px;
}

.i-gray,
.special-desc {
    color: #6f6f6f;
    line-height: 18px;
    font-size: 16px;
}

.news-date {
    font-size: 16px;
}

.footer-links {
    margin-top: 20px;
}

.footer-links ul li {
    float: left;
    text-align: center;
    width: 12.5%;
    position: relative;
}

.footer-links ul li:last-child {
    border: 0;
}

.footer-links ul li span {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #222;
    margin-top: 10px;
}

.footer-links ul li img {
    height: 90px;
}

.footer-links .wchat-box {
    display: none;
    position: absolute;
    top: 68px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
}

.footer-links .wchat-box img {
    width: 90px;
    height: 90px;
}

.footer-collaborator {
    margin-top: 40px;
}

.classifywrap {
    margin-bottom: 7px;
}

.classifywrap .classtit {
    font-weight: bold;
    float: left;
    margin-right: 15px;
    /*width: 40px;*/
}

.classifywrap .classlist a {
    color: #222;
}

.classifywrap .classlist .curr a {
    color: #1873ba;
}

.classifywrap .classlist i {
    padding-right: 15px;
    display: inline-block;
    margin-bottom: 10px;
    font-style: normal;
}

.classifywrap .classlist i:first-child {
    padding-left: 0;
}

.classifywrap .classlist i:last-child span {
    margin-left: 0;
    display: none;
}

.classifywrap .classlist i span {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 2px;
    height: 15px;
    margin-left: 20px;
    background: #7d7d7d;
}

.classifywrap.alphwrap .classtit {
    padding-top: 2px;
}

.classifywrap.alphwrap td i {
    display: block;
    float: left;
    padding: 0;
    height: 22px;
    border-radius: 3px;
    text-align: center;
    margin-right: 4px;
}

.classifywrap.alphwrap td i a {
    padding: 0 5px;
    text-decoration: none;
}

.classifywrap.alphwrap td i.curr a {
    font-weight: bold;
}

.letters i a {
    cursor: auto;
    color: #666;
    border: 1px solid #666;
    height: 22px;
    display: inline-block;
    min-width: 22px;
}

.letters i .ac {
    display: block;
    color: #1873ba;
    background: none;
    border: 1px solid #1873ba;
    cursor: pointer;
}

.letters i.ac a,
.letters .all a {
    cursor: pointer;
}

.letters i.curr .ac {
    background: #1873ba;
    color: #fff !important;
}

.hot-list-page .news-list,
.hot-list-page .article-list,
.special-list-paper .i-com-lay-list {
    margin-bottom: 25px;
    min-height: 400px;
}

.hot-list-page .article-list {
    min-height: 457px;
}

.article-list .article-list-author a {
    text-decoration: none;
    cursor: auto;
    color: #666;
}

#Abstract {
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
}

.main {
    padding-top: 20px;
}

.j-i-tpl5.main,
.main-index {
    padding-top: 0;
}

.detail-info {
    padding: 20px 0 10px 0;
    border: none;
    margin: 0 0 10px;
}

.detail-info span {
    margin-right: 20px;
    color: #666;
    font-size: 16px;
    line-height: 25px;
}

.detail-info span img {
    margin-right: 5px;
    position: relative;
    bottom: 1px;
}

.left-advs {
    margin-top: 20px;
}

.left-advs li {
    text-align: center;
    margin-bottom: 10px;
}

.left-advs img {
    max-width: 100%;
}

.news-thumb-left .news-list-thumb li a .i-xinwen-img {
    height: auto;
    text-align: center;
}

.news-thumb-left .news-list-thumb li a .i-xinwen-img img {
    height: auto;
    max-width: 100%;
}

.detail-info .shareBox .weixinBox {
    left: auto;
    margin-left: -35px;
    right: 0;
}

.detail-info .shareTool {
    /*width:100%;*/
    height: auto;
    text-align: right;
    overflow: hidden;
    margin: 10px 0;
    /* border-bottom:1px dashed #ccc; */
}

.detail-info .btmborder.btm-share .shareTool {
    margin: 0;
}

.detail-info .shareTool li {
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.detail-info .shareTool li img {
    width: 25px;
    height: 25px;
}

.detail-info .shareBox {
    position: relative;
}

.detail-info .weixinBox {
    display: none;
    width: 160px;
    padding: 15px 15px;
    position: absolute;
    z-index: 10000;
    left: 0;
    top: 38px;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.detail-info .box-article .weixinBox {
    left: 50%;
    margin-left: -35px;
}

.detail-info .js-qrcode-arr {
    position: absolute;
    top: -7px;
    left: 14px;
    width: 11px;
    height: 7px;
    background: url(/style/web/images/sprite.png) no-repeat;
}

.detail-info .js-qrcode-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    background: url(/style/web/images/weixin_close.png) no-repeat;
}

.detail-info .weixinBox p {
    font-size: 12px;
    color: #888;
    padding-left: 10px;
}

.detail-info .weixinCode img {
    width: 100%;
}

.detail-info .sources p span {
    margin-right: 8px;
    font-size: 12px;
    color: #666;
}

.left-news>h3 {
    font-size: 24px;
    padding-bottom: 5px;
    margin: 0 0 15px 0;
    border-bottom: 2px solid #292929;
}

.links-page .news-list-thumb li a {
    border: 0;
}

.service-nav>h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.detail-service ul li {
    margin-bottom: 15px;
}

.detail-service ul li a {
    color: #069;
    font-size: 18px;
}

.detail-service ul li.ac a {
    font-weight: bold;
}

body .rh-edit-news-detail a {
    color: #069;
    text-decoration: none;
}

body .rh-edit-news-detail a:hover {
    text-decoration: underline;
}

.detailAbout-l {
    position: sticky;
    top: 155px;
}

.back-intro {
    font-size: 18px;
}

.expert-alone {
    background: #e8eaee;
    margin-bottom: 30px;
}

.expert-alone .expertlidetail li b,
.expert-alone .expertlidetail li span {
    color: #222;
    font-size: 16px;
}

.expert-alone .expertimg img {
    max-width: 125px;
    height: auto;
}

.expert-alone {
    padding: 20px 20px;
}

.expert-alone .expertlidetail {
    top: auto;
}

.topjump {
    margin-bottom: 20px;
    background: #fff;
    padding-top: 10px;
}

/*sitemap*/

.site-journal {
    margin-bottom: 30px;
}

.site-journal>h3 {
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.site-journal>h3 a {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #069;
    padding-bottom: 14px;
}

.site-con .site-journal a,
.site-journal-nav>ul>li h3 {
    color: #222;
    font-size: 18px;
}

.site-journal-nav i {
    font-style: normal;
}

.site-journal-nav>ul>li {
    padding: 10px 60px 10px 0;
    position: relative;
}

.site-journal .site-journal-nav ol li a,
.site-con .site-journal-nav>ul>li ul li a {
    font-weight: normal;
    font-size: 16px;
    color: #069;
}

.site-journal-nav li ol li {
    float: none;
}

.site-journal-nav li ol {
    margin-top: 10px;
}

.site-journal-nav>ul>li h3 {
    margin-bottom: 10px;
}

.site-journal-nav li ol li,
.site-journal-nav>ul>li ul {
    line-height: 23px;
}

.site-footer>li {
    margin-bottom: 20px;
}

.site-footer h3 {
    margin-bottom: 15px;
}

.site-footer>li ol ol {
    margin-left: 20px;
}

.article-abstract .MathJax_SVG {
    font-size: 16px !important;
}

@media (min-width: 1200px) {
    .detailAbout.container {
        padding: 0 140px;
    }
    .journals-box .journal-item .pic {
        transform-origin: center center;
    }
    .journals-box .journal-item:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        z-index: 2;
        transition: all 0.5s ease;
    }
    /* .journals-box .journal-item:hover .pic{box-shadow:0 0 5px rgba(0,0,0,0.2);} */
    .journal-page .journal-item:hover {
        -webkit-transform: none;
        transform: none;
    }
    .i-searchBox .search-journals li:hover {
        background: #eee;
        cursor: pointer;
    }
    .news-thumb-left {
        width: 25%;
    }
    .news-detail-page .news-thumb-right {
        width: 75%;
    }
    .links-page .news-list-thumb li {
        width: 20%;
    }
    /* .detail-service.container{padding:0 140px;} */
    .i-com-lay .article-list-title,
    .i-com-lay .special-list-title {
        /* min-height: 107px; */
		height:auto;
    }
    .i-com-lay .article-list-title {
        /* min-height: 131px; */
		height:auto;
    }
    .i-com-lay .article-list-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
    .i-com-lay .article-list-title a {
        line-height: 1.3;
    }
    .special-list-paper .i-com-lay-list {
        min-height: 375px;
    }
    .news-detail-page .news-thumb-right {
        padding-left: 70px;
    }
    .detailAbout-l {
        margin-top: 76px;
    }
}

@media (max-width: 1300px) and (min-width:1200px) {
    .i-com-lay .i-com-lay-list {
        flex: 0 0 calc(25% - 20px);
    }
    .main-index .i-com-lay .i-com-lay-list:nth-child(5) {
        display: none;
    }
}

@media (min-width: 992px) {
    .figure table th,
    .figure table td {
        min-width: 5px;
        padding: 0 10px 0 5px;
    }
    .figure.table_new .article_table_fullText {
        overflow-x: auto;
        overflow-y: hidden;
    }
    /*.figure table{width:auto;}*/
    .body-opr-60834362ce60b92dc9a1caa6 .formula#E1 {
        table-layout: fixed;
        font-size: 13px;
    }
    .body-opr-60834362ce60b92dc9a1caa6 .formula#E1 td:nth-of-type(1) {
        overflow-y: hidden;
        overflow-x: auto;
        width: 700px;
    }
    body .table_type1 {
        width: 500px;
        min-width: auto;
    }
}

@media (max-width: 1200px) {
    .phone-nav {
        background: #333;
    }
    .phone-nav .container .logo img {
        filter: invert(100%);
    }
    .phone-nav .container .search-app {
        background: url("../images/custom/tpl5/searchw.png") no-repeat center center;
        background-size: 30px;
    }
    .navList span {
        color: #fff;
        background: #fff;
    }
    .detailAbout.container {
        padding: 0;
    }
    .i-banner .i-j-tit>span {
        font-size: 20px;
        line-height: 25px;
    }
    .main .article-content .figure .table-body {
        overflow: hidden;
    }
    .main .article-content .figure .table_content {
        overflow: scroll;
    }
    .journals-item .journal-item {
        width: 25%;
    }
    .main-index .i-com-lay {
        overflow: auto;
    }
    .main-index .i-com-lay>div {
        width: 1350px;
    }
    .i-feature-article,
    .i-special-issue {
        overflow: hidden;
    }
    .main-index .i-com-lay::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    .main-index .i-com-lay::-webkit-scrollbar-track {
        border-radius: 5px;
        background-color: #eee;
    }
    .main-index .i-com-lay::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #777;
    }
    .footer-links ul li {
        width: 25%;
        margin-bottom: 15px;
    }
    .footer-links ul li img {
        height: 80px;
    }
    .footer.ban-footer p {
        margin-top: 0;
        line-height: 16px;
    }
    .banner-box .container {
        padding-left: 0;
        padding-right: 0;
    }
    .hot-list-page .news-list,
    .hot-list-page .article-list,
    .special-list-paper .i-com-lay-list {
        width: 33.333%;
    }
    .footer-links .wchat-box img {
        width: 100px;
        height: 100px;
    }
    .footer-links .wchat-box {
        top: 30px;
        left: 30px;
    }
    .search-bg {
        display: none;
    }
    .journals-box .journal-item,
    .main-index .journals-box .journal-item {
        width: 25%;
    }
    .journals-box .journal-item img {
        width: 150px;
        height: 200px;
        max-width: 100%;
    }
    .main figure h4,
    .main figure h5 {
        text-indent: 0;
    }
}

.borderp {
    height: 0 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .hot-list-page .article-list {
        height: 370px;
    }
}

@media (max-width: 992px) {
    .i-banner .pic {
        position: relative;
    }
    .i-banner .mc .mcCon {
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: 0;
        width: 80%;
        height: 50%;
        padding: 15px 10px;
        transform: translate(-50%, -50%)
    }
    .i-banner .introduction {
        display: none;
    }
    .i-banner .i-j-tit h3 {
        display: none;
    }
    .figure table th,
    .figure table td {
        padding: 0 10px;
        font-size: 13px;
        min-width: auto;
    }
    .figure table {
        line-height: 18px;
    }
    .figure table {
        min-width: none;
    }
    .main .article-content .figure .table-body {
        max-height: 450px;
    }
    .table-body table {
        table-layout: auto;
    }
    .com-header-adv .container {
        width: 300px;
        height: 40px;
    }
    .com-header-adv {
        height: 65px;
        padding: 10px 0;
        display: none;
    }
    .com-header-adv .com-header-close img {
        width: 15px;
        height: 15px;
    }
    .hot-list-page .news-list,
    .hot-list-page .article-list,
    .special-list-paper .i-com-lay-list {
        width: 50%;
    }
    .footer-links ul li {
        width: 25%;
    }
    .footer .footer-r {
        margin-bottom: 20px;
    }
    .footer .footer-l,
    .footer .footer-r {
        width: 100%;
        float: none;
    }
    .footer .footer-r .footer-con-b {
        float: none;
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }
    .footer .footer-r li,
    .footer .footer-r li a {
        font-size: 12px;
    }
    .footer .footer-r li {
        margin-bottom: 5px;
    }
    .footer h3 {
        margin-bottom: 8px;
    }
    .footer-links {
        margin-bottom: 30px;
    }
    .footer .footer-r,
    .footer .footer-l,
    .footer {
        float: left;
    }
    body .book-btn-app {
        writing-mode: tb;
        font-weight: bold;
    }
    .book-btn-app {
        display: block;
    }
    .book-btn-app {
        position: fixed;
        top: 100px;
        left: 0;
        background: #eee;
        padding: 10px 2px;
        color: #222;
        z-index: 9;
    }
    .ac .book-btn-app {
        left: 60%;
    }
    body.ac,
    body,
    .leftjump,
    .leftjump.ac {
        transition: all 500ms;
    }
    body.ac {
        margin-left: 60%;
        overflow: hidden;
        width: 100%;
    }
    .leftjump {
        float: none !important;
        display: block !important;
        width: 0;
        background: rgba(0, 0, 0, 0.9);
        overflow: hidden;
        padding: 0;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0;
        z-index: 9999;
        overflow-x: hidden;
        overflow: scroll;
    }
    .leftjump.ac {
        width: 60%;
        padding: 60px 15px;
    }
    .leftjump.ac a,
    .leftjump a {
        color: #fff !important;
    }
    .book-btn-app .fa {
        font-size: 30px;
        color: #fff;
    }
}

@media only screen and (min-width: 360px) and (max-width: 768px) {
    .journals-box .journal-item .pic img {
        max-height: 100%;
    }
    .journals-box .journal-item {
        min-height: 225px;
    }
}

@media (max-width:768px) {
    .journals-box .journal-item {
        width: 33.333%;
    }
    .journals-box .journal-item .journal-info {
        width: 80%;
    }
    .body-opr-60834362ce60b92dc9a1caa6 .formula#E1 {
        font-size: 13px;
    }
    .journals-box .journal-item .pic {
        width: 100%;
        margin-bottom: 0;
        text-align: center;
    }
    .journals-box .journal-item .journal-info {
        width: 100%;
        padding-left: 0;
        height: 45px;
    }
    li .table-body table {
        table-layout: auto;
    }
    .fQrcodeBox>div a {
        float: none;
    }
    .fQrcodeBox>div {
        display: inline-block;
    }
    .i-banner .owl-prev,
    .i-banner .owl-next {
        display: none;
    }
    .i-com-lay .article-list-author {
        display: none;
    }
    .journals-box .journal-item,
    .main-index .journals-box .journal-item {
        width: 50%;
    }
}

@media (max-width:480px) {
    .detailAbout .top-menu li a,
    .detailAbout .top-menu li a i {
        font-size: 12px;
    }
    .detailAbout .detailAbout-l {
        padding: 0;
    }
    .detailAbout .detailAbout-r {
        padding-right: 0;
    }
    .detailAbout .top-menu li ol li {
        padding-left: 0;
    }
    .journals-box .journal-item {
        width: 50%;
        margin-bottom: 10px;
    }
    .hot-list-pape-feature .i-com-lay .i-com-lay-list {
        width: 100%;
    }
    .journal-info .tit {
        font-size: 14px;
    }
    .footer-links ul li {
        width: 33.333%;
    }
    .special-list .special-img img {
        width: 100%;
    }
    .news-list-thumb li a .i-xinwen-img img {
        width: 100%;
        height: auto;
    }
    .news-list-thumb li a .i-xinwen-img {
        height: auto;
    }
    .news-list-thumb-link li a .i-xinwen-img {
        height: 140px;
    }
    .news-list-thumb-link li a .i-xinwen-img img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
    }
}

@media (max-width:375px) {
    .footer-l {
        margin-bottom: 10px;
        width: 100%;
    }
    .footer span {
        display: block;
    }
    .journals-box .journal-item .journal-info {
        padding-left: 15px;
    }
    .journal-info .tit {
        margin-bottom: 6px;
    }
}

td>.MathJax {
    font-size: 18px;
}

.table_new tbody td {
    line-height: unset !important;
}

.search-content-left .article-list-author {
    word-break: break-word;
}

.article-detail-right .pdf-xml .download-pdf,
.article-detail-right .pdf-xml .download-xml {
    width: 100%;
    margin: 0;
}

.article-detail-right .pdf-xml {
    margin: 0;
}

.article-detail-right .pdf-xml .download-pdf {
    margin-top: 5px;
}

.article-pc .inner .article-main-right .article-right {
    padding-right: 0;
}

.qrModal img,
.qrModal2 img {
    max-width: 100%;
}

.qrModal,
.qrModal2 {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    z-index: 9999;
}

.list-new a i {
    float: none;
}

#FullText h5>span.sec-title[level='4'] {
    font-size: 16.5px;
    font-weight: bold;
    font-style: normal;
}

.author-box .author-content>h6 a {
    display: inline-block;
}

.articleEn .article-author>li sup a {
    color: #222;
    cursor: auto;
}

.articleEn .article-author>li sup a:hover {
    text-decoration: none;
}

.search-result-wrap input {
    border: 1px solid #dddee1;
}

.news-list-thumb li a span.tit {
    margin-bottom: 5px;
    color: #222;
    font-size: 20px;
    min-height: 72px;
    line-height: 1.2;
}

.news-list-thumb .other-info span {
    font-size: 16px;
}

.news-list-thumb .other-info .fa {
    margin-right: 5px;
}

#graphicalAbstractInfoEn {
    margin-top: 25px;
}

#graphicalAbstractInfoEn img {
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.article-right .specia_issue a {
    color: #0178d6;
}

.article-right .specia_issue h2 {
    margin-bottom: 9px;
}

.news-detail-page .article-title {
    margin-top: 45px;
}

.article-main-left.active .wrapper>a,
.inner .article-main-right.active .article-right-pic {
    display: none !important;
}

.articleBody .table-body table {
    table-layout: auto;
}

.table_new tbody td sub,
.table_new tbody td sup {
    white-space: nowrap;
}

.articleBodyEn #FullText>p,
.articleBodyEn #FullText>div>p,
.articleBodyEn #FullText>section>p,
.articleBodyEn #FullText>section>.formula {
    margin-bottom: 15px;
}

/* #FullText p sup{display: inline-block;} */

.reviewer-apply-page #imgcontainer img {
    height: 33px;
}

.MathJax span {
    font-family: 'Source Sans Pro' !important;
}

.articleEn .article-author>li a,
.article-info-en a {
    cursor: auto;
}

body .articleEn .article-author>li a:hover,
.article-main-mid .article-author a:hover,
.article-main-mid .article-keyword a:hover {
    text-decoration: none;
}

.article-pc .articleType .ccby-img {
    position: relative;
    bottom: 6px;
}

#myTabContent styled-content {
    display: inline-block;
}

.modal {
    z-index: 9999;
}

/*
.author-bor{border:1px solid #ccc;}
.article-list-author span {display: inline-block; margin-bottom: 2px;}  
.articleEn .article-author>li a{display: inline-block; margin-bottom: 2px;line-height:18px;}  
 */

label.fileLabel input,
label.fileLabel input:focus {
    outline: none;
}

label.fileLabel {
    position: relative;
    background: #fff;
    cursor: pointer;
}

label.fileLabel:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
}

label.fileLabel:after {
    content: "Select File";
    background-color: #efefef;
    border: 1px solid #222;
    height: 30px;
    line-height: 30px;
    position: absolute;
    width: 73px;
    border-radius: 3px;
    left: 0;
    top: 0;
    bottom: 0;
    color: #222;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}

label.fileLabel.ac:before {
    display: none;
}

.formula-wrap {
    overflow: auto;
}