@charset "utf-8";
body{ background:#999;}
/*头部*/
.header-wei800 {}
/*头部*/
.news-nav {width: 100%; height: 45px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); 
box-shadow: 0 2px 5px rgba(0,0,0,.1);
position: fixed;
	max-width:720px;
	bottom:100%;
	left: 50%;
	transform: translate(-50%,100%);
	z-index:999;
}
/*头部分类*/
#article-category { position: absolute; z-index: 255; width: 100%; height: 25px; margin-top: 10px; overflow: hidden; background: #fff;}
#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; margin-left: 10px; line-height: 25px; list-style: none;}
#article-category ul li a { display: block; width: 3.7rem; height: 25px; font-size: 15px; font-weight: normal; line-height: 25px; color: #636363; text-align: center; text-decoration: none;}
#article-category ul li.cur a { color: #fff; background: #f23030; border-radius: 3px;}

/*分类弹出层*/
.article-classify-box { position:fixed; top: 0; right: 0; z-index: 10000; width: 100%; height: 100%; -ms-flex-direction: column; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; background: #f3f5f7; overflow-y: auto; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .3s linear; transition: all .3s linear;}
.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 { padding: 10px 0; font-size: 16px; font-weight: bold; line-height: 25px; color: #222; border-bottom: 1px solid #d9dfe6;}
.article-inner-list { position: relative; margin-top: 15px; overflow: hidden;}
.article-inner-list>a { position: relative; display: inline-block; width: 30%; text-align: center;}
.article-inner-list .article-subitem { margin-bottom: 5px; font-size: 14px; line-height: 38px; color: #666; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; background: #f6f6f9; border:1px solid #dee3e9; border-radius: 5px;}
.article-inner-list .article-subitem.current { color: #f23030; border: 1px solid #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; min-height: 60px; margin-right: 8px; -webkit-box-flex: 1; -webkit-box-pack: justify; -webkit-box-orient: vertical;}
.article-list .tit,.article-list a.tit { position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; font-weight: 400; line-height: 1.2; color: #222; word-break: break-all; text-overflow: ellipsis; overflow: hidden;}
.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; margin-left: 4px; vertical-align: -3px; background: url(../images/paper_views_bg.png) no-repeat center center; background-size: 100% auto; -webkit-background-size: 100% auto;}
.article-list .article-img { position: relative; display: block; width: 100px; height: 60px; overflow: hidden;}
.article-list .article-img .img { width: 100%; height: 100%; vertical-align: top;}
.article-list .infonews-u-img { position: relative; display: -webkit-box; display: box; margin: 4px 0 6px; overflow: hidden;}
.article-list .infonews-u-img .img-wrap { display: block;-webkit-box-flex: 1; width: 33.33%; min-height: 61px; max-height: 180px; margin-right: 6px; overflow: hidden;}
.article-list .infonews-u-img img { width: 100%; vertical-align: top;}
.article-name { position: relative;}

/*广告位分割线*/
.border-right { position: relative;}
.border-right:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; display: block; width: 1px; background: #f8f8f8; pointer-events: none;}
.border-bottom { position: relative;}
.border-bottom:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; z-index: 13; display: block; height: 1px; background: #f8f8f8; pointer-events: none;}

/*轮播广告位图*/
.swiper-pagination { right: 20px; bottom: 0 !important; left: auto !important; width: auto !important;}
.swiper-pagination .swiper-pagination-bullet { background: #fff; border: 1px solid #eee; box-sizing: border-box; opacity: 1;}
.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 img { width: 100% !important;}

/*盒子模型*/
.ub { position: relative; display: -webkit-box !important; display: box !important;}
.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%; margin: auto; overflow: hidden; background: #fff;}
.ad-box ul { width: 100%; overflow: hidden; border-bottom: 1px solid #eee;}
.ad-box ul li { width: 100%; overflow: hidden;}
.ad-box ul li a,.ad-box dl a { display: block;}
.ad-box ul li a img,.ad-box dl a img { width: 100%; width: -moz-calc(100%); width: -webkit-calc(100%); width: calc(100%);}
.ad-col02-box ul li { float: left; width: 50%; overflow: hidden;}/*---2个并排广告位 ----*/
.ad-col03-box ul li { float: left; width: 33.33%; overflow: hidden;}/*---3个并排广告位 ----*/
.ad-col04-box ul li { float: left; width: 25%; overflow: hidden;}/*---4个并排广告位 ----*/
.ad-col05-box ul li { float: left; width: 20%; overflow: hidden;}/*---5个并排广告位 ----*/
/*左一右二广告*/
.ad-box dl { width: 100%; overflow: hidden;}
.ad-box dl dt,.ad-box dl dd { width: 50%; overflow: hidden;}
.ad-box dl dd span { display: block; width: 100%; overflow: hidden;}
.ad-box dl dd span:nth-child(2) { -webkit-box-align: end; box-align: end;}
.ad-box dl dd span:nth-child(2):after { content: none !important;}
/*---2排8个广告位 ----*/
.ad-col08-box ul li { float: left; width: 25%; overflow: hidden; border-bottom: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; box-sizing: border-box;}/*---8个广告位 ----*/
.ad-col08-box ul li:nth-child(4),.ad-col08-box ul li:nth-child(8) { border-right: 1px solid transparent;}
.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;}
.blank-div { width: 100%; height: 8px; background: #f3f5f7; border-bottom: 1px solid #eee; clear: both;}

/*标题*/
.goods-floor-title { display: block; height: 2rem; padding: 0 .5rem; font-size: .7rem; line-height: 2rem; color: #222; text-align: center; background: #fff; border-bottom: 1px solid #eee;}
.goods-floor-title .title-name { float: left; font-size: .75rem; font-weight: bold; line-height: 2rem; color: #222;}
.goods-floor-title a.more-link { float: right; width: auto; height: 2rem; line-height: 2rem;}
.goods-floor-title a .iconfont { position: relative; bottom: -1px; float: right; width: .65rem; height: 2rem; font-size: .45rem; line-height: 2rem; color: #fa4862;}
.goods-floor-title a span { display: inline-block; margin-right: .2rem; font-weight: normal; font-size: .6rem; line-height: 2rem; color: #222;}