@charset "utf-8";
body{ background:#f3f5f7;}
/*头部*/
/*头部*/
.header-wrap { width: 100%; height:45px;top: 0; left: 0; z-index: 999; background:#fff; position:fixed;}
.news-header{display: -webkit-box !important;display: box !important;position: relative; background:#fff; width:100%;}
.news-header .news-header-left,.news-header .news-header-right{ width:25px; height:25px; position:absolute; top:15px;}
.news-header .news-header-left{ left:10px; background:url(../images/news_header_left_icon.png) no-repeat;background-size:20px auto; z-index:999;}
.news-header .news-header-mid{position: relative;-webkit-box-flex: 1;box-flex: 1; text-align:center; line-height:50px; color:#f23030; font-size:0.8rem; font-weight:600;}
.news-header .news-header-right{ right:10px;background:url(../images/news_header_right_icon.png) no-repeat;background-size:20px auto;}
/*头部分类*/
#article-category { position: absolute; z-index: 255; width: 100%; height:25px;overflow: hidden; background:#fff; margin-top:10px;}
#article-category .no-data-tip{font-size: 16px;padding-left: 9px;}
#article-category .scroll { height:25px; overflow: hidden;}
#article-category ul { height:25px; line-height:30px; overflow: hidden; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);}
#article-category ul li { float: left; height:25px; line-height:25px; list-style: none; margin-left:10px;}
#article-category ul li a {width:3.7rem;display: block;text-align: center;height:25px;line-height: 25px;text-decoration: none; color: #636363; font-size:15px; font-weight: normal;}
#article-category ul li.cur a { color: #fff; background:#f23030; border-radius:3px;}



/*分类弹出层*/
.article-classify-box{-ms-flex-direction: column;-webkit-box-orient: vertical;box-orient: vertical;-webkit-flex-direction: column;
flex-direction: column;width: 100%;height: 100%;position:fixed;top: 0;right: 0;-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);-webkit-transition: all .3s linear;transition: all .3s linear;z-index:10000; background:#f3f5f7; height:100%; overflow-y:auto;}
.article-classify-box.show{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: all .3s linear;
transition: all .3s linear;}
.article-classify-con{ width:100%;}
.article-classify-list{ width:95%; margin:0 auto;}
.article-classify-list .article-item{line-height:25px;font-size: 16px;font-weight: bold;color: #222;padding:10px 0;border-bottom: 1px solid #D9DFE6;}
.article-inner-list{position: relative; overflow:hidden; margin-top:15px;}
.article-inner-list>a{position: relative;display:inline-block; width:30%; text-align:center; }
.article-inner-list .article-subitem{line-height: 38px;font-size: 14px;color: #666;border:1px solid #DEE3E9; border-radius:5px; margin-bottom:5px;background: #f6f6f9;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all;}
.article-inner-list .article-subitem.current{ border:1px solid #f23030; color:#f23030;}
.article-inner-list>a:not(:nth-child(3n+1)){ margin-left:3%;}


/**文章列表**/
.article-list-con{ margin-top:10px;}
.article-list{ background:#fff;}
.article-list>.article-link{display: -webkit-box;display: box;padding:12px 0 10px;margin: 0 16px;border-bottom: 1px solid #f5f5f5;}
.article-list>a.article-link div:first-child{ margin-right:8px;}
.article-list>a.article-link div:last-child{ margin-right:0;}
.article-list>.article-link-type{display:block;padding:12px 0 10px;margin: 0 16px;border-bottom: 1px solid #f5f5f5;}
.article-list .article-detail {position: relative;display: -webkit-box;display: box;-webkit-box-flex: 1;-webkit-box-pack: justify;
-webkit-box-orient: vertical;min-height:60px;margin-right:8px;}
.article-list .tit,.article-list a.tit{font-size:16px;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;line-height: 1.2; color:#222; position:relative;}
.article-list .info {width: 100%;margin-top:4px;line-height: 1.2;color: #ababab;}
.article-list .info span {margin-right:8px;font-size:11px;color: #ababab;}
.article-list .info .paper-views {position: static;}
.article-list .info .paper-views:after {content: '';display: inline-block;width: 13px;height: 13px;background: url(../images/paper_views_bg.png) no-repeat center center;background-size: 100% auto;-webkit-background-size: 100% auto;margin-left: 4px;vertical-align: -3px;}
.article-list .article-img{position: relative;overflow: hidden;display: block;width:100px;height:60px;}
.article-list .article-img .img {width: 100%;height: 100%;vertical-align: top;}
.article-list .infonews-u-img {overflow: hidden;display: -webkit-box;display: box;margin:4px 0 6px; position:relative;}
.article-list .infonews-u-img .img-wrap {overflow: hidden;display: block;-webkit-box-flex: 1;width: 33.33%;
min-height: 61px;max-height: 180px;margin-right:6px;}
.article-list .infonews-u-img img {width: 100%;vertical-align: top;}
.article-name{ position:relative;}

/*---广告位标题颜色 ----*/
h2.title{height:2rem;line-height:2rem; font-size:16px; font-weight:bold;color: #222;text-align: center;position: relative;}
h2.title.bg{ background:#fff;}
h2.title>font {display: inline-block;width:1.5rem;height:0.05rem;background: #999;position: relative;top:0.95rem;vertical-align: top;}
h2.title>span{ display:inline-block; margin:0 auto;font-weight:bold}
/*商品公共标题*/
.goods-floor-title{ display:block;height:2rem;line-height:2rem; padding:0 0.5rem;font-size:14px;color: #666;text-align: center; background:#fff;border-bottom: 1px solid #eee; font-weight:bold;}
.goods-floor-title .title-name{display: block;float: left;font-size:16px;line-height:2rem;color: #222;letter-spacing: 1px;}
.goods-floor-title a.more-link{ float:right; height:2rem; line-height:2rem;width:auto;}
.goods-floor-title a .iconfont{display: inline-block; float:right; width:0.65rem; height:2rem;line-height:2rem; font-size:0.55rem; color:#666; position:relative;vertical-align: top;}
.goods-floor-title a span{color: #222;font-size:15px; line-height:2rem; margin-right:0.2rem;display: inline-block; font-weight:normal;}


/*轮播广告位图*/
.swiper-pagination{ bottom:0 !important; left:auto !important; width:auto !important; right:20px;}
.swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:1; border:1px solid #eee; box-sizing:border-box;}
.swiper-pagination .swiper-pagination-bullet-active{ background:#f23030; border:none;}
.swiper-banner .swiper-wrapper .swiper-slide{ width:100% !important;}
.swiper-banner .swiper-wrapper .swiper-slide a{position: relative;overflow: hidden; width:100%; display:block; padding-top:100%}
.swiper-banner .swiper-wrapper .swiper-slide a img{position: absolute;display: block;top: 0;left: 0;width:100% !important;}

/*盒子模型*/
.ub {display: -webkit-box !important;display: box !important;position: relative;}
.ub-ver {-webkit-box-orient: vertical;box-orient: vertical;}
.ub-f1 {position: relative;-webkit-box-flex: 1;box-flex: 1;}
.ub-ac {-webkit-box-align: center;box-align: center;}

/*---并排广告位 ----*/
/*---并排广告位 ----*/
.ad-box{ width:100%; overflow:hidden;}
.ad-box ul{ width:100%; overflow:hidden; border-bottom:1px solid transparent;box-sizing: border-box;}
.ad-box ul.border-0{ border:0px !important; padding:0 !important;}
.ad-box ul li{ width:100%; overflow:hidden;box-sizing:border-box;}
.ad-box ul.border-0 li{ float:left;margin:0 !important;border:0px !important;}
.ad-box ul li a,.ad-box dl a{position: relative;overflow: hidden; width:100%; display:block; padding-top:100%}
.ad-box ul li a img,.ad-box dl a img{position: absolute;display: block;top: 0;left: 0; width:100%;}
/*---2排8个广告位 ----*/
.ad-col08-box ul li{ width:25%; float:left; overflow:hidden; border-bottom:1px solid transparent;box-sizing:border-box;}
.ad-col08-box ul li:nth-child(5),.ad-col08-box ul li:nth-child(6),.ad-col08-box ul li:nth-child(7),.ad-col08-box ul li:nth-child(8){ border-bottom:none;}

.ad-box ul li:nth-of-type(4n) {float: right;margin-right: -3px;}
.ad-col02-box ul{ padding-right:1px;}
.ad-col02-box ul li{ width:50%; float:left; overflow:hidden;}/*---2个并排广告位 ----*/
.ad-col03-box ul{ padding-right:2px;}
.ad-col03-box ul li{ width:33.33%; float:left; overflow:hidden;}/*---3个并排广告位 ----*/
.ad-col04-box ul,.ad-col08-box ul{ padding-right:3px;}
.ad-col04-box ul li{ width:25%; float:left; overflow:hidden;}/*---4个并排广告位 ----*/
.ad-col05-box ul{ padding-right:4px;}
.ad-col05-box ul li{ width:20%; float:left; overflow:hidden;}/*---5个并排广告位 ----*/
.ad-col02-box ul li:nth-of-type(2n) {margin-right: -1px; float:right;}
.ad-col03-box ul li:nth-of-type(3n+2){ margin-left:1px;}
.ad-col03-box ul li:nth-of-type(3n){ margin-right:-2px; float:right;}
.ad-col04-box ul li:nth-of-type(4n+2),.ad-col04-box ul li:nth-of-type(4n+3),.ad-col08-box ul li:nth-of-type(4n+2),.ad-col08-box ul li:nth-of-type(4n+3){margin-left:1px;}
.ad-col05-box ul li:nth-of-type(5n+2),.ad-col05-box ul li:nth-of-type(5n+3),.ad-col05-box ul li:nth-of-type(5n+4){ float:left;margin-left:1px; margin-right:0px;}
.ad-col05-box ul li:nth-of-type(5n){ margin-right:-4px; float:right;}


/*左一右二广告*/
.ad-box dl{ width:100%; overflow:hidden;border-bottom:1px solid transparent; padding-right:1px; box-sizing:border-box;}
.ad-box dl.border-0{ border:0px !important; padding:0px !important;}
.ad-box dl dt,.ad-box dl dd{ width:50%;overflow:hidden; float:left; position:relative;}
.ad-box dl dd{margin-right: -1px; float:right;}
.ad-box dl.border-0 dd{ margin:0 !important;}
.ad-box dl dd span{display:block; width:100%; overflow:hidden;}
.ad-box dl dd span:nth-child(1){border-bottom: 1px solid transparent;margin-top: -1px;}
.ad-box dl.border-0 dd span:nth-child(1){ border:0px !important; margin:0px !important;}
/*广告版式四*/
.topic-box{ min-height:100%; width:100%;}
.activity-ad-box,.activity-ad-col02,activity-ad-col03,activity-ad-col04{position:relative;padding:0 10px; box-sizing:border-box;}
.activity-ad-col02{ padding:0 15px 0 10px;}
.activity-ad-col03{padding:0 20px 0 10px;}
.activity-ad-col04{padding: 0 25px 0 10px;}
.activity-ad-box .ad-item{ position:relative; float:left; display:block;padding: 0 0 5px!important; width:100%; box-sizing:content-box;}
.activity-ad-col02 .ad-item{ width:50%;}
.activity-ad-col03 .ad-item{ width:33.33%;}
.activity-ad-col04 .ad-item{ width:25%;}
.activity-ad-col02 .ad-item:nth-of-type(2n) {margin-right: -5px; float:right;}
.activity-ad-col03 .ad-item:nth-of-type(3n+2){ margin-left:5px;}
.activity-ad-col03 .ad-item:nth-of-type(3n){ margin-right:-10px; float:right;}
.activity-ad-col04 .ad-item:nth-of-type(4n+2),.activity-ad-col04 .ad-item:nth-of-type(4n+3) {margin-left:5px;}
.activity-ad-box .ad-item:nth-of-type(4n) {float: right;margin-right: -15px;}
.activity-ad-box .ad-item .ad-img{position: relative;overflow: hidden; width:100%; display:block; padding-top:100%}
.activity-ad-box .ad-img img{position: absolute;display: block;top: 0;left: 0; width:100%;}
/*自定义模板*/
.custom-box{ width:100%; position:relative;}
.custom-box table{ width:100% !important;}
.custom-box img{ width:100%; height:auto;}
.blank-div{ height:8px; background:#f3f5f7; width:100%; border-bottom:1px solid #eee;clear:both;}