.col{width: 1200px; margin: auto;}
.clear{clear: both; font-size: 0; line-height: 0; float: none;}
.mbx{height: 50px; line-height: 50px; font-size: 14px; padding: 10px 0;}
.mbx a{color: #666;}
.mbx a:hover{color: #f6ab00;}
.mbx span{padding: 0 8px;}
.left{width: 880px; overflow: hidden;}
.right{width: 300px;}
.page{clear: both; width: 100%; text-align: center; line-height: 30px; overflow: hidden; padding: 15px 0;}
#pages a{border: 1px solid #e5e5e5; color: #3e3a39; overflow: hidden; margin: 0 2px 0 0; padding: 5px 10px;}
#pages a:hover{background: #3e3a39; color: #fff;}
#pages span{font-weight: 700; color: #5ea910; margin: 0 5px;}
/*swiper*/
.arrow-lefts{position: absolute; left: 0px; top: 50%; margin-top: -15px; width: 34px; height: 40px; z-index: 99;}
.arrow-rights{position: absolute; right: 0px; top: 50%; margin-top: -15px; width: 34px; height: 40px; z-index: 99;}
.swiper-container{width: 880px; height: 360px; color: #fff; text-align: center;}
/*右边 大家都在看*/
.topadvert{width: 300px; height: 187px; margin-bottom: 10px;}
.topadvert img{width: 300px; height: 187px;}
.right .artlist{background: #fff; padding: 10px; width: auto; /* margin-top: 10px; */}
.right .artlist h1{font-size: 20px; font-weight: 400; color: #f18d00; line-height: 38px; height: 38px; margin-bottom: 6px;}
.right .artlist ul li{border-bottom: 1px solid #e9e9e9; padding-left: 5px; overflow: hidden; margin-top: 10px; height: 87px; font-size: 14px;}
.right .artlist ul li a{color: #646464; display: block;}
.right .artlist ul li a:hover{text-decoration: underline;}
.right .artlist .seeDetail{background: #f18d00; color: #fff; width: 66px; height: 24px; text-align: center; line-height: 26px; margin-top: 8px;}
.right .artlist .seeDetail:hover{text-decoration: none;}
.right .artlist .artlistL{width: 100px; height: 65px; margin-top: 5px;}
.right .artlist .artlistL img{width: 100px; height: 65px;}
.right .artlist .artlistR{width: 150px;}
/*文章显示页*/
.showart{padding: 10px 35px; background: #fff; width: 810px; height: auto; margin: 1px auto 40px;}
.showart .title{font-size: 20px; text-align: center; line-height: 30px; font-weight: bold;}
.showart .info{height: 30px; border-bottom: 1px solid #84c225; margin-top: 10px; margin-bottom: 20px;}
.showart .artcon{font-size: 14px; line-height: 22px;}
.showart .artcon img{margin:10px auto; max-width:750px}
.showart #hits{font-weight: 400 !important;}
.article_title{border-bottom: 1px solid #e9e9e9; overflow: hidden; line-height: 40px; position: relative; margin-bottom: 20px; text-align: center;}
.article_title .article_title_info{font-size: 26px; color:#f18d00; padding-top: 12px; font-weight: bold;}
.article_title .article_title_right{position: relative; line-height: 46px; width: 348px; margin: auto; text-align: center;}
.article_title .shareBox{position: absolute; right: 0px; top: 10px;}
.article_title i{font-style: normal;}
/*下一篇文章按钮*/
.next_article_box{text-align: center; width:810px; height:40px; border-top:1px solid #e9e9e9; padding:10px 0 0 0; margin: 20px auto;}
.next_article{display: inline-block; width: 170px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #c8cdd1; border-radius: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #474747; transition: all 0.5s; -webkit-transition: all 0.5s;}
.next_article:hover{background: #008d49; border: 1px solid #008d49; color: #fff;}
.mf10{margin-left: 10px;}
.next_article_box ul li{text-align:left; padding:5px; border-radius:5px; width:810px; font-size: 15px;}
.next_article_box a{color:#333;}
.next_article_box a:hover{ color:#f08300 !important;}

@media screen and (max-width:1199px) {
	.col{overflow: hidden; width: 94%;}
	.right{display:none;}
	.showart{width: 94%;}
	.next_article_box{width: 95%;}
}

@media screen and (max-width:768px) {
	.col{overflow: hidden; width: 94%; padding-bottom:20px;}
	.right{display:none;}
	.article_title .article_title_info{font-size:24px;}
	.showart{width: 94%; margin:1px auto 0px; padding:10px 20px;}
	.next_article_box{width:95%;}
	.mbx{padding: 5px 0 5px 20px;}
	.next_article_box ul{overflow:hidden;}
}

@media screen and (max-width:639px) {
	.showart .artcon img{width:98% !important; height:auto !important;}
	.article_title .article_title_right{width:98%;}
	.article_title .article_title_info{font-size:22px;}
}

@media screen and (max-width:479px) {
	.col{overflow: hidden; width: 94%; padding-bottom:10px;}
	.mbx{display:none;}
	.showart{margin:15px auto 5px; padding:10px 15px;}
	.article_title .article_title_info{font-size: 18px;}
	.next_article_box{display:none;}
	.article_title{margin-bottom:10px; line-height:20px;}
	.showart .artcon img{width:98% !important; height:auto !important;}
	.article_title .article_title_right{width:98%;}
}