.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, .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, .header-nav ul > li ol, .qikan .subBtn, .header-nav, .pageTagsUl li.current, .pageTagsUl li.clickpage:hover, 
.messageBoard .tj, .btn-primary{background-color:#1c6bb0;}
.article-list-journalg{background:transparent;}
.mainColor{color:#0960c0;}

.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:hover{color:#1c6bb0;}
body{background:#f5f5f5;}
 .phone-nav{background:#2c7ec6;}
.journalwrap .col-lg-4{padding-right:0;}
.top .topt{height: 59px;line-height: 59px;background:#fff;font-size: 15px;}
.toptnav{margin:0;}
.toptnav li a{color:#333;}
.toptnav li a:hover{color:#333;text-decoration:;}
.toptnav li span{border:#7d7d7d solid 1px;}
.top .topt .toptform{margin-top: 12px;}
.toptform .form-group .form-control,.toptform .form-group{background: #efefef;}
.toptform .form-group.gjcselect .form-control{background: url(../../../images/custom/select_arrow.png) no-repeat scroll right 5px center #efefef;}
.toptform .tj{background: url(../../../images/custom/icoseabtn.png) no-repeat center #efefef;}
.header{background: url(../../../images/custom/topbg.png) no-repeat center;}
.header .logo{padding: 35px 0;}
.header .logor{margin: 36px 0;}
.header .logor li{line-height: 22px;color: #fff;font-size: 13px;}
.header .logor .QRcode{max-width: 122px;margin-right: 20px;}
.header .logor .QRcode img{width:100%;}
.header .logor .coder{position: relative;top: -5px;}
.header-nav{background:#1c6bb0;}
.header-nav ul > li{height:37px;line-height:37px;}
.header-nav ul > li > a{padding: 0 24px;    display: block;}
.header-nav ul > li ol li a{color:#fff;}
.header-nav ul > li.active > a, .header-nav ul > li ol li:hover, .header-nav ul > li:hover > a{background: #2c7ec7;}
.header-nav ul > li ol{top:37px;}
.phone-nav .search-app-wrap,.smallUl{background: rgba(35, 106, 185, 0.9);}

.logotxt:hover{color:#fff;}

/* .article-list-left{position:inherit;} */
/* banner */
.ban-banner4{background: #fff;padding: 23px 65px 28px;position: relative;margin-bottom:48px;}
.ban-banner4:before{content: '';width: 100%;height: 10px;text-align: center; background: url("../../../images/ban-shadow_03.png") no-repeat 0;position: absolute;left: 0;bottom: -10px;}
.ban-banner4 .left{display: block;padding: 7px 0 0; }
.ban-banner4 .left img{width: 182px;max-height: 230px;border: 1px solid #e5e6e9;}

.ban-banner4 .right{padding: 0 0 0 30px;}

.ban-banner4 .right .tit{font-size: 16px;color: #333;line-height: 24px;font-weight: bolder;margin: 0 0 4px;}
.ban-banner4 .right .tit{display:block;}
.ban-banner4 .right .tit.tit-en{line-height:16px;font-size:14px;font-weight:normal;}
.ban-banner4 .author a{display: block;color: #333;line-height: 24px;float: left;padding: 0 4px 0 0;}
.ban-banner4 .doi,.ban-banner4 .doi a{color: #333;line-height: 20px;}
.ban-banner4 .doi{padding: 0 0 10px;border-bottom: 1px dashed #c5c5c5;}
.ban-banner4 .text{line-height: 24px;color: #666;padding: 13px 0 0;font-size:12px;}
.ban-banner4 .text>a{color: #394884;line-height: 24px;margin: 0 0 0 30px;}
.ban-banner4 .owl-page span{width: 26px !important;height: 6px !important;border-radius: 2px !important;background: #c4cadc !important;margin: 0 3px !important;opacity: 1 !important;}
.ban-banner4 .owl-page.active span{background: #1c6bb0 !important;}
.ban-banner4 .owl-prev,.ban-banner4 .owl-next{width: 32px;height: 32px;position: absolute;top: 0;bottom: 0;margin: auto;}
.ban-banner4 .owl-prev{background: url("../../../images/ban-banner2-arrow_03.png") no-repeat 0;left: 20px;}
.ban-banner4 .owl-next{background: url("../../../images/ban-banner2-arrow_05.png") no-repeat 0;right: 20px;}
.ban-banner4 .owl-pagination{height: 6px;font-size: 0;position: absolute;left: 0;right: 0;bottom: -26px;}

.ban2-message{background: #fff;padding: 12px 20px;margin: 45px 0 24px;}
.ban2-message .left{padding: 8px 0 0;}

.ban2-baseTitle .tit{color: #01694e;font-size: 15px;font-weight: bolder;line-height: 25px;padding: 0 0 0 15px;position: relative;}
.ban2-baseTitle .tit:before{content: '';width: 4px;height: 15px;background: #01694e;position: absolute;left: 0;top: 5px;}
.titcon .mores{color:#1c6bb0;position: relative;top: 5px;}

/* archive list */
.j-archive-article .article-list-left{position:inherit;}

/* tab */
.j-right .tabulwrap.readwrap .article-list{padding: 14px 0 10px 22px;}
.j-right .tabulwrap.readwrap .article-list .article-list-left{position: absolute;left:0;}
.ban4-main .j-tabwrap .tabulwrap .tab-box{border-bottom: solid 1px #e9e9e9;}
.ban4-main .j-tabwrap .tabulwrap .tab-ul{border-bottom:0;}
.ban4-main .j-tabwrap .tabulwrap .tab-ul li{margin:0;}
.ban4-main .tabulwrap .tab-ul li.comtit a{font-size:18px;}
.ban4-main .tabulwrap .tab-ul li.active a{font-weight:bold;}
.ban4-main .j-tabwrap .tabulwrap .tab-ul p.board{margin: 18px 15px 0 18px;}
.comtit span{height: 28px;top: 17px;background: url(../../../images/custom/icontpl4.png) no-repeat;}
.semic-list .article-list .article-list-right{padding:0;}

/* .j-tabwrap .tabulwrap .tab-ul li span{left: 14px;} */
.j-tabwrap .tabulwrap .tab-ul li i{padding: 0 0 14px 21px;}
 .tabulwrap .tab-ul li.active i{border-bottom: solid 2px #1c6bb0;}

.j-tabwrap .tabulwrap .tab-ul li.j-accepted span{background-position: 0 0;}
.j-tabwrap .tabulwrap .tab-ul li.j-hot span{background-position: 0px -37px;}
.j-tabwrap .tabulwrap .tab-ul li.j-classify span{background-position: 0px -77px;}
.j-tabwrap .tabulwrap .tab-ul li.j-current span{background-position: -1px -123px;} 
.j-tabwrap .tabulwrap .tab-ul li.j-archive span{background-position: 0 -166px;} 

.j-tabwrap .tabulwrap .tab-ul li.j-accepted.active span,.j-tabwrap .tabulwrap .tab-ul li.j-accepted:hover span{background-position: -37px 0;}
.j-tabwrap .tabulwrap .tab-ul li.j-hot.active span,.j-tabwrap .tabulwrap .tab-ul li.j-hot:hover span{background-position: -37px -37px;}
.j-tabwrap .tabulwrap .tab-ul li.j-classify.active span,.j-tabwrap .tabulwrap .tab-ul li.j-classify:hover span{background-position: -37px -77px;}
.j-tabwrap .tabulwrap .tab-ul li.j-current.active span,.j-tabwrap .tabulwrap .tab-ul li.j-current:hover span{background-position: -37px -123px;}
.j-tabwrap .tabulwrap .tab-ul li.j-archive.active span,.j-tabwrap .tabulwrap .tab-ul li.j-archive:hover span{background-position: -36px -166px;}
.j-tabwrap .tabulwrap .authorwrap .qkwrap font .doi{color:#1c6bb0;}

/*tabson*/
#ycb .tabson li{float:left;}
#ycb .tabson li a{display:block;padding:6px 10px;background:#ccc;color:#fff;margin:10px 15px 10px 0;border-radius:5px;}
#ycb .tabson li.active a{background:#1c6bb0;}

#xnzk .tabson li{float:left;}
#xnzk .tabson li a{display:block;padding:6px 10px;background:#ccc;color:#fff;margin:10px 15px 10px 0;border-radius:5px;min-width: 60px;text-align: center;}
#xnzk .tabson li.active a{background:#1c6bb0;}


.zxfw .comtit span,.zxfw.j-news-ggxx .comtit span{background-position: -74px 0px;}
.xzzq .comtit span{background-position: -74px -33px;}
.top50 .comtit span{background-position: -74px -78px;}
.j-news-ggxx .comtit span{background-position: -74px -124px;}
.j-news-yqlj .comtit span{background-position: -74px -165px;}

.subonline{display:block;width:100%;height: 80px;line-height: 80px; background: url(../../../images/custom/subonlinebg.png) no-repeat right #ff9727;text-align: center;border-radius: 8px;}

 .comwrap {padding:0 20px;margin-top:20px;}
 .j-tabwrap .comwrap{margin:0;}
 .comtit{font-size:18px;margin-bottom: 6px;line-height: 56px;}
 .comtit i{border-bottom: solid 2px #1c6bb0;}
 .j-right .comtit i{padding: 0 0 14px 24px;}

 .comlist{padding-bottom:15px;} 
 .comlist li a{line-height:24px;}
 .comlist li a span{top:5px;}
.xzzz .comlist li{min-width:50%;float:left;}
.xzzz .comlist li:nth-child(even){padding-left:40px;}
.xzzz .comlist li a{position:relative;}
.zxfw .comlist li a span,.xzzq .comlist li a span,.top50 .comlist li a span{background-position: -133px -57px;}
.j-news-ggxx .comlist li a span{background-position: -133px -79px;}
.j-news-yqlj .comlist li a span{background-position: -133px -95px;}

.j-news-ggxx .comlist li{padding: 10px 0;border-bottom: dashed 1px #ddd;}
.j-news-ggxx .comlist li:last-child{border:none;}
.ban4-main .j-news-ggxx .comlist li a span,.j-news-ggxx-r.j-news-ggxx .comlist li a span{top: 14px;}
.j-news-ggxx.point-reset .comlist li a span{top: 12px;}

.item-div .morelist{position:relative;top:-5px;}
.j-right .tabulwrap .tab-ul .board{margin:18px 27px 0 37px;}
.tabulwrap .tab-ul li.j-list-view span{background-position: 0 -208px;}
.tabulwrap .tab-ul li.j-list-load span{background-position: 0-251px;} 
.tabulwrap .tab-ul li.j-list-view.active span,.tabulwrap .tab-ul li.j-list-view:hover span{background-position: -37px -208px;}
.tabulwrap .tab-ul li.j-list-load.active span,.tabulwrap .tab-ul li.j-list-load:hover span{background-position: -37px -251px;}
.ban4-main .j-right .comtit.j-list-load i{padding-left: 30px;}
.comtit .mores{position:relative;top:8px;}

.emailrss{padding: 20px 28px;margin: 20px 0 10px;}
.emailrss p{text-align: center;width: 50%;float: left;font-size: 14px;}
.emailrss p span{display: block;margin:0 auto 12px;width:43px; height:32px;background: url(../../../images/custom/icontpl4.png) no-repeat;}
.emailrss p.emailwrap a span{background-position: -118px 0;}
.emailrss p.rsswrap a span{background-position: -118px -56px;}
.emailrss p a:hover{color: #1c6bb0;}
.emailrss p.emailwrap a:hover span{background-position: -183px 0;}
.emailrss p.rsswrap a:hover span{background-position: -183px -56px;}

.search-result-wrap .container{background:#fff;padding-top:15px;}

/*投审稿*/
.tsgxt li{width:49%;border:solid 1px #1c6bb0;background:#fff; height:38px;line-height:38px;text-align:center;margin:0 0 10px 0;border-radius:5px;}
.tsgxt li a{display:block;width:100%;height:100%;}
/* 文章列表页 */
.article-list a.doi{color:#1c6bb0;}
.article-list .listwrap{width: 76%;}
.article-list .listwrap2{width: 100%;}
.archive-new-list li{padding: 15px 0;border-bottom: 1px solid #eaeaea;}
.archive-new-list .article-list-left{position: inherit;}
.archive-new-list li:last-child{border-bottom: none;}
.archive-new-list li .pic{width: 128px;padding: 3px 0 0;}
.archive-new-list li .pic img{max-width: 100%;border: 4px solid #ddd;}
.archive-new-list li .right{width: 590px;padding: 0 0 0 25px;}
.archive-new-list li .right .tit{font-size: 16px;font-weight: bolder;color: #000;line-height: 20px;padding: 0 0 4px;}
.archive-new-list li .right .author,.archive-new-list li .right .doi{line-height: 24px;color: #666;}
.archive-new-list li .right .author a,.archive-new-list li .right .doi a{font-size: 14px;color: #666;line-height: 24px;}
.archive-new-list li .right .doi a{color: #5d6c8d;}
.archive-new-list li .right .three{padding: 5px 0 0;}
.archive-new-list li .right .three a{float: left;display: block;color: #666;line-height: 24px;padding: 0 25px;position: relative;}
.archive-new-list li .right .three a:before{content: '';width: 1px;height: 14px;background: #666;position: absolute;right: 0;top: 5px;}
.archive-new-list li .right .three a.one{padding-left: 0;}
.archive-new-list li .right .three a.last:before{display: none;}
.archive-new-list li .right .three .three-wrap{display: inline-block;position: relative;}
.archive-new-list li .right .three .three-wrap:before{content: '';width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 10;}

/*过刊浏览*/
.archtop .arcmethod li.method1.active{background-position: -35px -35px;}
.archtop .arcmethod li.method2.active{background-position: 0 -35px;}
.archtop .arcmethod li.method1{background-position: -35px 0;}
.archtop .arcmethod li.method2{background-position: 0 0}

/* 文章列表页end */
@media only screen and (min-width: 1220px){
	.ban-banner4 .left.left-news{width:182px;height:236px;}
	.ban-banner4 .left{width: 478px;height: 236px;}
	/* .ban-banner4 .left.left-news{width:182px;height:362px;} */
	.ban-banner4 .right{width: 572px;}
	.ban-banner4 .right.right-news{width:847px;}
	.j-tabwrap.col-lg-8{padding:0 20px;}
}

/*banner end  */
/* news detail */
.maintpl4cn .news-tit-wrap{margin: 20px 15px 10px;}
.j-news-content{padding:0 20px 20px;}
@media only screen and (max-width: 1220px){
	.ban-banner4 .left{width: 47%;    max-height: 200px;overflow: hidden;}
    .ban-banner4 .right{width: 50%;float:left;}
    .ban-banner4 .text,.ban-banner4 .doi{display:none;}
    .ban-banner4:before{background-size: 100% 100%;}
    .j-tabwrap .tabulwrap .tab-ul p.board{display:none;}
    .ban4-main .j-tabwrap .tabulwrap .tab-ul li.comtit{width:20%;} 
    .xzzz .comlist li{width:100%;min-width:100%;padding:0 !important;float:none;}
    
}
@media screen (min-width: 992px) and (max-width: 1220px){
	.tsgxt li{width:100%;float:none;}
}
@media only screen and (max-width: 991px){
	 .j-right.col-lg-4{padding: 20px 0 0 0;}
}
@media only screen and (max-width:767px){
	.ban-banner4 .left,.ban-banner4 .right{width: 100%;float:none;padding:0;}
	.ban-banner4 .left{margin-bottom:10px;}
	.ban4-main .j-tabwrap .tabulwrap .tab-ul li.comtit{font-size:14px;width:112px;}
	.tabulwrap .article-list .listpic{display:none;}
	.tabulwrap .article-list .listwrap{width:100%;padding:0;}
	.article-list .listpic{display:none;}
	.article-list .listwrap{width:100%;padding: 0;}
	/*投审稿*/
	.tsgxt li{width:100%;float:none;}
}

/* 环境化学独立样式 */
.hjhx-menu{background: #3171e1 !important;}
.hjhx-logo{background:url(../../../images/custom/hjhx_02.jpg)}
.hjhx-color .header-nav{background-color: #3171e1;}

/* 环境保护科学独立样式 */
.hjbhkx-menu{background: #51a05e !important;}
.hjbhkx-logo{background:url(../../../images/custom/hjbhkx_02.jpg)}
.hjbhkx-color .header-nav{background-color: #2b7001;}
.hjbhkx-color .header-nav ul > li.active > a,.hjbhkx-color .header-nav ul > li ol li:hover,.hjbhkx-color .header-nav ul > li:hover > a{background: #2b7001;}
.hjbhkx-color .header .logor li{color:#000;text-shadow: -1.5px 0 #fff, 0 1.5px #fff, 1.5px 0 #fff, 0 -1.5px #fff;}

/* 环境化学右侧搜索 */
.sousuo form{width:100%;}
.sousuo{min-height:120px;}
.sousuo .gjcselect{width: 23%;padding-right: 5px;}
.sousuo .gjcselect select{6px;background: url(../../../images/select_arrow.png) no-repeat scroll right center #fff;}
.sousuo .gjcfield{width: 63%;}
.sousuo .tj{ width: 14%; height: 34px;background: #215cc4;color: #fff;border-radius: 0 5px 5px 0;}
.sousuo .shuru{border-radius: 5px 0 0 5px;}

/* 文章详情页面 图片弹框独立样式 */
.messageBoardWrap {
    position: fixed;
    left: 50%;
    right: 0;
    top: 50%;
    z-index: 1001;
    width: 65%;
    max-width: 1170px;
    max-height: 600px;
    padding: 2em;
    /* margin: 0 auto; */
    background: #fff;
    border-radius: 10px;
    display: none;
    transform: translate(-50%,-50%);
}
.monitor {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(10, 10, 10, 0.6);
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
.messageClose {
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
}
.messageBoard .layui-layer-phimg{text-align:center;}
.messageBoard img{max-width:95%;max-height:95%;}
/*fix*/
.fixwrap{position: fixed;top: 32%;left: 5px;width: 400px;border: solid 1px #1c6bb0;border-radius: 5px;padding: 15px 10px;z-index:  420;background: #fff;}
.fixwrap h3{font-size: 18px;padding-bottom: 13px;color: #1c6bb0;border-bottom: #e6e6e6 solid 1px;margin-bottom: 9px;}
.fixwrap .fixcon>div{line-height: 23px;text-indent: 2em;font-size: 13px;}
.fixwrap .fixcon>div a{color: #0092EF;}
.closefix{position:absolute;top:5px;right:5px;}
