@charset "utf-8";
*{ margin:0; padding:0; box-sizing: border-box;}
body, input, button, textarea { color:#000; font:.4rem/1 "Microsoft YaHei", Arial, simsun, Tahoma, Verdana, Helvetica, sans-serif; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display:block; }
body {background: #ececec;}
img { border:none; max-width: 100%;}
li { list-style:none; }
i, em { font-style:normal; }
i{width: 1em;height: 1em;display: inline-block;background-repeat: no-repeat;background-size: 100% 100%;}
a { color:#333; text-decoration:none; cursor:pointer; -webkit-transition: color,background .2s;transition: color,background .2s;}
a:focus { outline:none; }
a:hover { text-decoration:none; }
input[type="text"]:focus ,select,textarea{ outline:none; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
img[src=""]{opacity: 0;}
.btn:active{box-shadow: 3px 3px 10px rgba(0,0,0,.2) inset;}

.flex-h,.flex-v{display:flex;display:-webkit-flex;align-items: center;justify-content: center;}
.flex-h{flex-direction:row;}
.flex-v{flex-direction:column;}
.flex1{flex:1;overflow: hidden;}

.input-row:after,.bind-row:after,.list .item:after,.filter-row:after{content: "";display: block;clear: both;}
.color-blue{color:#4888f4!important;}
.color-green{color:#58c073!important;}
.color-red{color:#ff0000!important;}
.color-base{color:#917140!important;}
.color-gray{color: #999;}
/* 标签 */
/* tag */
.ico-txt{display:inline-block;padding: .07rem .15rem; font-weight:normal;color:#fff;font-size:.32rem;border-radius: .1rem;margin-right: .2rem;}
.ico-txt{*display:inline;}
.ico-txt.red{background-color:#eb4c5e;}
.ico-txt.pink{background-color:#fcaaaa;}
.ico-txt.blue{background-color:#208aee;}
.ico-txt.yellow{background-color:#f19149;}
.ico-txt.green{background-color:#6db852;}
.ico-txt.purple{background-color:#be9bd9;}
.ico-txt.orange{background-color:#f19149;}
.ico-txt.border{color:red;border: 1px solid transparent;border-color: red;}
.ico-txt.border.red{background-color: transparent;color:#eb4c5e;border-color:#eb4c5e; }
.ico-txt.border.pink{background-color:#fcaaaa;background-color: transparent;color:#df0000;border-color:#df0000; }
.ico-txt.border.blue{background-color: transparent;color:#208aee;border-color:#208aee; }
.ico-txt.border.yellow{background-color: transparent;color:#ffbe58;border-color:#ffbe58; }
.ico-txt.border.green{background-color: transparent;color:#6db852;border-color:#6db852; }
.ico-txt.border.purple{background-color: transparent;color:#be9bd9;border-color:#be9bd9; }
.ico-txt.border.orange{background-color: transparent;color:#f19149;border-color:#f19149; }

.list{}
.list .item{padding:.25rem 0.25rem;display: block; position: relative;border-bottom: 1px solid #eee;}
.list .item-divider{background-color: #f4f4f4;padding: .2rem 0;}
.list .item-link .arrow-left{font-size: .7rem;position: absolute;left: .35rem;top:50%;margin-top: -.35rem;}
.list .item-link .arrow-right{font-size: 1rem;position: absolute;right: .35rem;top:50%;margin-top: -.5rem;color: #ccc;}
.list .item-link .arrow-left + .txt{padding-left: 1.4rem;}
.list a.item:active{background-color: #f4f4f4;}
.line{height: .15rem;background:#f2f4f7;}

.header{position: fixed;top: 0;width: 100%;left: 0;z-index: 100;height: 1.45rem;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.header .btn-left{width: 1.2rem;height: 1.45rem;display:block;float:left;text-align: center;}
.header .btn-back{background:url(../images/ico-back.png) center center no-repeat;background-size: auto .5rem;}
.header .btns{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.header .btns .btn-guanzhu{font-size: .36rem;padding: 0 .5rem;height:0.7rem;line-height:0.7rem;transition: all .3s;-webkit-transition: all .3s;display: inline-block;vertical-align: middle;margin-right: 0.4rem;}
.header .btns .btn-more{width: 1.2rem;height: 1.2rem;display: block;background:url(../images/more.png) center center no-repeat;background-size: .5rem auto;display: inline-block;vertical-align: middle;}
.header .logo{padding-top: .35rem;transition: all .3s;-webkit-transition: all .3s;}
.header .logo img{height: .75rem;}
.city-select{position: absolute;right: .4rem;top: .35rem;line-height: .6rem;color: #fff;width: 1.3rem;}
.ico-down-white{width: .34rem;height: .2rem;display: inline-block;background:url(../images/ico-arrow-white.png) center no-repeat;background-size: contain;}
.city-select i{margin-left: .15rem;position: absolute;top: 50%;transform: translateY(-50%);}
.header + .viewport{position:fixed;top: 1.45rem;left:0;right:0;bottom:0;overflow: visible;margin: 0 auto;background: #fff;}
.header + .viewport .swiper-pagination-bullet-active{background:#fff;}
.header + .viewport .topslide{position: relative;overflow: hidden;}
.header + .viewport .swiper-slide{height: 100%;overflow: scroll;-webkit-overflow-scrolling: touch;}

/* .header + .viewport .refresh{display: none;} */
/* .header + .viewport .refresh,.b-header + .viewport .refresh{position:absolute;bottom:100%;text-align:center;width:100%;padding:0 .4rem;background: #fff;} */
.header + .viewport .refresh,.b-header + .viewport .refresh{height: 0;position: relative;}
.header + .viewport .refresh,.b-header + .viewport .refresh .ad-wrap{position: absolute;bottom:0;}
.header + .viewport .refresh .show,.b-header + .viewport .refresh .show{position: relative;overflow: hidden;padding: 0.55rem 0.4rem 0;}
.header + .viewport .refresh .show,.b-header + .viewport .refresh .refresh-ad{position: absolute;bottom: .2rem;right: .6rem;width: 1.2rem;height: .6rem;font-size: .32rem;text-align: center;line-height: .6rem;color: #fff;background-color:rgba(0,0,0,.3);border-radius: .1rem;}
.header + .viewport .refresh .show img,.b-header + .viewport .refresh .show img{width: 100%;border-radius: 5px;}
.header + .viewport .refresh .show span,.b-header + .viewport .refresh .show span{background:rgba(0,0,0,.4);position: absolute;bottom: 0.2rem;right: 0.2rem;font-size:0.3rem;line-height:0.4rem;padding:.1rem .3rem;color: #fff;border-radius: 5px;}
.header + .viewport .refresh .circle,.b-header + .viewport .refresh .circle{height: .92rem;text-align: center;position: relative;}
.header + .viewport .refresh .circle,.b-header + .viewport .refresh .circle .out{position: absolute;top: 50%;left: 50%;
	/* width: .5rem;height: .5rem; */
	width: 0;height: 0;
	border-radius: 50%;background-color: rgb(240,112,101);transform: translate(-50%,-50%);}
.header + .viewport .refresh .circle,.b-header + .viewport .refresh .circle .inner{
	/* width: .26rem;height: .26rem; */
	width: 0;height: 0;
	border-radius: 50%;background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.header + .viewport .refresh .circle1,.b-header + .viewport .refresh .circle1{width: 10px;height: 10px;border-radius: 50%;background: #f00;margin: 0px auto;}
.header + .viewport .refresh .circle2,.b-header + .viewport .refresh .circle2{width: 0px;height: 0px;border-radius: 50%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.header + .viewport .loadmore{line-height:20px;text-align:center;width:100%;}

.tip-ad{margin: .3rem .4rem;background: #f2f8fe;text-align: center;color: #1b88ee;border-radius: 1rem;height: 1rem;line-height: 1rem;transition:  margin .3s;-webkit-transition: margin .3s;}
.tip-ad.hide{margin: -1rem .4rem 0 0;}

.header + .viewport .tab-menu::after{content: '';background: #eee;width: 100%;height: 0.1rem;display: block;}
.header + .viewport .tab-menu .swiper-slide{width: auto;}
.header + .viewport .tab-menu ul{overflow: hidden;padding-right: 0.5rem;}
.header + .viewport .tab-menu li{display: inline-block;text-align: center;white-space: nowrap;margin: 0.37rem 0 0.37rem 0.5rem;width: 1.5rem;}
.header + .viewport .tab-menu li img{width: .85rem;height: .85rem;display: block;margin: 0 auto 0.25rem;}
.header + .viewport .tab-menu li span{font-size: 0.35rem;color: #333;}

.header + .viewport .slogan{padding: 1.5rem .4rem;text-align: center;}
.header + .viewport .slogan img{width: 50%;opacity: 0.2;}
/* -------------------------------- 
 * 页底 
 * -------------------------------- */
.footer {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;background: #fff;border-top: 1px solid #eee;box-shadow: 0 1px 3px rgba(0,0,0,.05);}
.footer .bg{position: absolute;width: 100%;top: 0;left: 0;z-index: -1;}
.footer ul {float: left;width: 100%;position: relative;}
.footer li {float: left;width: 20%;height: 100%;text-align: center;position: relative;min-height: 1px;float: left;padding: .1rem 0;height: 1.3rem;font-size: .3rem;margin-top:0.1rem;}
.footer li .point {background: #f43531;width: 6px;height: 6px;border-radius: 100%;display: block;position: absolute;left: 50%;top: 5px;margin-left: 10px;}
.footer li .num{background: #f43531;min-width: 16px;height: 16px;line-height:16px;color:#fff;text-align:center;border-radius: 100%;display: block;position: absolute;left: 50%;top: 0px;margin-left: 5px;}
.footer li span{display: block;color:#2d2d2d;margin-top: .1rem;}
.footer li img{width:.6rem;}
.footer li.cent-logo{position: relative;}
.footer li.cent-logo img{width: 1.2rem;height: 1.2rem;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.footer .tmp{width: 100%;height: 20px;clear: both;}

.gotop{display:none;width: 1.2rem;height: 1.2rem;text-align:center;color:#fff;font-size:12px;border-radius:50%;background: url(../images/go-top.png) center center no-repeat;background-size:100% 100%;position:fixed;right:17px;bottom:2rem;z-index:199;line-height:1.3em;}



.empty{padding: .3rem 0;text-align: center;color: #999;}
/* -------------------------------- 
 * 首页 
 * -------------------------------- */
.news-list{padding-top: 0.2rem;}
.news-list li{padding: .4rem .4rem .5rem .4rem;position: relative;}
.news-list li:after{content: "";display: block;left:.4rem;right: .4rem;bottom: 0;height:1px;background:#f0f0f0;position: absolute;transform: scaleY(.5);-webkit-transform: scaleY(.5);clear: both;}
.news-list li .tit{color: #222222;font-weight: normal;line-height: .7rem;margin-bottom: .34rem; margin-top: -.15rem;font-size: 0.5rem;}
.news-list li .tit a{color: #222222;}
.news-list li .info{}
.news-list li .info .time{float: right;color: #999999;font-size: .34rem;line-height: .5rem;}
.news-list li .info .t{color: #999999;font-size: .34rem;white-space: nowrap;width: 5rem;overflow: hidden;display: inline-block;height: .5rem;line-height: .5rem;vertical-align: middle;}

/*一张小图*/
.news-list li.img-1 .img{position: absolute;right: .4rem;top: .4rem;width: 3.4rem;height: 2.4rem;display: block;border-radius: .1rem;overflow: hidden;}
.news-list li.img-1 .img img{object-fit: cover;width: 100%;height: 100%;}
.news-list li.img-1 .tit{margin-right: 3.85rem;margin-bottom: .6rem;height: 2.1rem;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}
/*3张小图*/
.news-list .img-3 .img{margin-bottom: .3rem;font-size: 0;}
.news-list .img-3 .img img{width: 3.26rem;height: 2.35rem;border-radius: .1rem;margin-right: .1rem;}
.news-list .img-3 .img img:last-child{margin-right: 0;}
/*视频*/
.news-list li.video .img{margin-bottom: .3rem;position: relative;}
.news-list li.video .img img{width: 100%;max-height: 5.7rem;}
.news-list li.video .img:before{content: "";display: block;width: 1.36rem;height: 1.36rem;background:url(../images/ico-play.png) no-repeat;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 20;}
.news-list li.video .img .time{position: absolute;right: 0;bottom: 0;z-index: 20;background:rgba(0,0,0,.4);color:rgba(255,255,255,.6);line-height: .5rem;padding: 0 .25rem;border-radius: .1rem;font-size: .3rem;}
/*广告*/
.news-list li.big .img{margin-bottom: .3rem;position: relative;}
.news-list li.big .img img{width: 100%;max-height: 5.7rem;border-radius: .2rem;overflow: hidden;}

/* -------------------------------- 
 * 内容页 
 * -------------------------------- */
.guanzhu-box{width:100%;padding:.6rem 0;position:relative;}
.guanzhu-box:after{content: "";display: block;clear: both;}
.ico-logo-cha,.ico-logo-wen{font-size: 1.3rem;width:1em;height:1em;display:inline-block;}
.ico-logo-wen{background-image:url(../images/logo-wen.png);background-size: 100% 100%;}
.guanzhu-box > img{float:left;}
.guanzhu-box .det{margin: 0 2.4rem 0 1.6rem;font-size: .34rem;color:#999;text-align:left;padding-top: .2rem;}
.guanzhu-box .det span{display:inline-block;}
.guanzhu-box .det .tit{font-size: .45rem;margin-bottom: .15rem;color:#000;}
.btn-guanzhu{background:#ea3323;color:#fff;display:inline-block;padding:0 .5rem;height: .8rem;line-height: .8rem;border-radius: .8rem;font-size: .36rem;}
.btn-guanzhu:active{opacity: .9;}
.guanzhu-box .btn-guanzhu{position:absolute;right:0;top:50%;margin-top: -.4rem;}

.a-header{position: fixed;width: 100%;top: 0;left: 0;height: 1.45rem;background-color: #fff;z-index: 99;}
.a-header .btn-left{width: 1.2rem;height: 1.45rem;display:block;float:left;text-align: center;}
.a-header .btn-back{background:url(../images/ico-back.png) center center no-repeat;background-size: auto .5rem;}
.a-header .btn-back:active,.a-header .btn-more:active{background-color: #eee;}
.a-header .btns{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.a-header .btns .btn-guanzhu{font-size: .36rem;padding: 0 .5rem;height:0.7rem;line-height:0.7rem;opacity: 0;visibility: hidden;transition: all .3s;-webkit-transition: all .3s;display: inline-block;vertical-align: middle;margin-right: 0.4rem;}
.a-header .btns .btn-more{width: 1.2rem;height: 1.2rem;display: block;background:url(../images/more.png) center center no-repeat;background-size: .5rem auto;display: inline-block;vertical-align: middle;}
.a-header .logo{padding-top: .35rem;opacity: 0;visibility: hidden;transition: all .3s;-webkit-transition: all .3s;}
.a-header .logo img{height: .75rem;}
.a-header + .viewport{padding-top: 1.45rem;background: #fff;overflow: hidden;}
.a-header + .viewport .slogan{padding: .2rem .4rem 1.5rem .4rem;text-align: center;}
.a-header + .viewport .slogan img{width: 50%;opacity: 0.2;}

.a-header.fixed{box-shadow: 0 0 3px rgba(0,0,0,.3);}
.a-header.fixed .logo,.a-header.fixed .btn-guanzhu{opacity: 1;visibility: visible;}

.article-con{padding: .3rem .4rem;}
.article-con .title{font-size: .72rem;color:#343434;line-height: .96rem;font-weight: normal;margin-bottom: .4rem;font-weight: bold;word-break:break-all;}
.article-con .info{color: #999;font-size: .36rem;}
.article-con .info span{margin-right: .5rem;}
.article-con .info span a{color: #999;}
.article-con .body .table_box{width:100%;overflow-x:auto;-webkit-overflow-scrolling: touch;}
.article-con .body{font-size: .5rem;line-height: .8rem;margin-bottom: 1rem;}
.article-con .body p{margin-bottom: 0.4rem;word-break: break-all;}
.article-con .body img{margin: 0.35rem 0 0.2rem;}
.article-con .body table{border-collapse:collapse;min-width:calc(100% + 1px)}
.article-con .body table p{margin-bottom: 0;}
.article-con .body table td{padding: 0 5px;border:1px solid #ccc;white-space:nowrap;}
.article-con .body h1{line-height: 1rem;font-size: 0.6rem;margin-bottom: 0.2rem;}
.article-con .body h2{line-height: 1rem;font-size: 0.6rem;margin-bottom: 0.2rem;}
.article-con .body h3{line-height: 1rem;font-size: 0.6rem;margin-bottom: 0.2rem;}
.article-con .body h4{line-height: 1rem;font-size: 0.6rem;margin-bottom: 0.2rem;}
.article-con .body h5{line-height: 1rem;font-size: 0.6rem;margin-bottom: 0.2rem;}
.article-con .body h6{line-height: 1rem;font-size: 0.6rem;margin-bottom: 0.2rem;}
.article-con .body font{line-height: 0.9rem;font-size: 0.5rem;}
.article-con .body font img{margin: 0;}
.article-con .tips{color: #999;font-size: .4rem;line-height: .72rem;margin-top: 1rem;margin-bottom: .8rem;}
.article-links{padding: 0.4rem;font-size: 0;}
.article-links li{line-height: 0.8rem;color: #999;font-size: 0.4rem;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;width: 10rem;word-break: break-all;}
.article-links li a{color: #999;}
.article-hezuo{margin-bottom: .8rem;text-align: right;}
.article-hezuo .btn{background-color: #f5f5f5;color: #202020;display:inline-block;line-height: .84rem;padding: 0 .25rem 0 .55rem;border-radius: .72rem 0 0 .72rem;}
.ico-arrow-red{width: .3rem;height: .3rem;display: inline-block;background:url(../images/ico-arrow-red.png) center center no-repeat;background-size: contain;}
.article-hezuo .btn i{margin-left: .2rem;}


/* -------------------------------- 
 * 专栏页 
 * -------------------------------- */
.b-header{position: fixed;width: 100%;top: 0;left: 0;background-color: #fff;z-index: 99;padding:0 0.4rem;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.b-header .logo,.b-header .btns{padding: .3rem 0;display: inline-block;vertical-align: middle;}
.b-header .logo img{height: .8rem;}
.b-header .btns{float: right;}
.b-header .btns .btn-news img,.b-header .btns .btn-search img{width: 0.6rem;margin: 0.1rem;}
.b-header .btns .btn-search{width: .8rem;height: .8rem;display: inline-block;vertical-align: middle;margin-right: 0.3rem;position: relative;}
.b-header .btns .btn-search p{position: absolute;right: -45%;top: 0%;font-size: 0.2rem;line-height: 0.35rem;background: #fe2716;border-radius: 0.4rem;color: #fff;padding: 0 0.1rem;font-weight: bold;}
.b-header .btns .btn-news{width: .8rem;height: .8rem;display: inline-block;vertical-align: middle;margin-left: 0.2rem;}
.b-header + .viewport{position:absolute;top: 1.45rem;bottom:0;left:0;right:0;
	overflow: visible;
	/* overflow: scroll;-webkit-overflow-scrolling: touch; */
	background: #fff;margin: 0 auto;}
.b-header + .viewport.swiper-container{overflow: visible;background: #fff;}
.b-header + .viewport >.swiper-slide{height: 100%;
	overflow: scroll;-webkit-overflow-scrolling: touch;
	/* 兼容火狐 */
	scrollbar-width: none;
	/* 兼容ie */
	-ms-overflow-style:none;
	background: #fff top no-repeat;background-size: 100% auto;}
.b-header + .viewport .swiper-slide .zhuanlanbg{width: 100%;position: absolute;}

.b-header + .viewport .zhuanlanslide{margin: .3rem auto;width:92%;height: 4.5rem;border-radius: .3rem;overflow: hidden;position: relative;z-index: 10;}
/*.b-header + .viewport .zhuanlanslide .swiper-wrapper{width:9.936rem;}*/
.b-header + .viewport .zhuanlanslide .swiper-pagination-bullet{width: 6px;height: 6px;transition: all .3s;-webkit-transition: all .3s;}
.b-header + .viewport .zhuanlanslide .swiper-pagination-bullet-active{border-radius: 3px;width: 20px;background: #fff;}
.b-header + .viewport .zhuanlanslide .swiper-slide{width: 100%;margin:0;}
.b-header + .viewport .zhuanlanslide .swiper-slide img{min-width: 100%;min-height: 100%;}

.b-header + .viewport .zhuanlansmenu-container{z-index: 10;position: relative;}
.b-header + .viewport .zhuanlansmenu{margin: .1rem 0.4rem 0;box-shadow: 0 0 5px rgba(0,0,0,.1);border-radius: 0.3rem;background: #fff;}
.b-header + .viewport .zhuanlansmenu ul{font-size: 0;}
.b-header + .viewport .zhuanlansmenu li{display: inline-block;position:relative;text-align: center;white-space: nowrap;margin: 0.55rem 0;width: 2rem;}
.b-header + .viewport .zhuanlansmenu li a img{width: .85rem;height: .85rem;display: block;margin: 0 auto 0.25rem;}
.b-header + .viewport .zhuanlansmenu li a span{font-size: 0.35rem;color: #555;}
.b-header + .viewport .zhuanlansmenu li .icon{position: absolute;right: 0;top: 0;}
.b-header + .viewport .zhuanlansmenu li p{position: absolute;left: 60%;top: 0;font-size: 0.2rem;line-height:0.4rem;background: #fe2716;border-radius: 0.4rem;color: #fff;padding: 0 0.1rem;font-weight: bold;}

.b-header + .viewport .lanmumenu{padding:0.55rem 0.4rem;z-index: 10;position: relative;}
.b-header + .viewport .lanmumenu a{color: inherit;}
.b-header + .viewport .lanmumenu .head{padding-bottom:0.56rem;color: #999999;}
.b-header + .viewport .lanmumenu .icon{height:0.5rem;margin-right: 0.1rem;}
.b-header + .viewport .lanmumenu .title{font-size: 0.55rem;color: #333;font-weight: bold;}
.b-header + .viewport .lanmumenu ul{font-size: 0;}
.b-header + .viewport .lanmumenu li{display: inline-block;text-align: center;white-space: nowrap;margin-right: 0.3rem;}
.b-header + .viewport .lanmumenu li:last-child{margin-right: 0;}
.b-header + .viewport .lanmumenu li img{width: 4.85rem;display: block;border-radius: 0.3rem;}

.b-header + .viewport .hot{margin:0 0.5rem;padding-top: 0.45rem;padding-bottom:0.4rem;color: #999999;border-bottom: solid 0.5px #f0f0f0;}
.b-header + .viewport .hot .icon{height:0.5rem;margin-right: 0.1rem;}
.b-header + .viewport .hot .title{color: #262626;font-size: 0.55rem;font-weight: bold;}

.b-header + .viewport .slogan{padding: 1.5rem .4rem;text-align: center;}
.b-header + .viewport .slogan img{width: 50%;opacity: 0.2;}

/* -------------------------------- 
 * 院校页 
 * -------------------------------- */
.c-header{position: fixed;width: 100%;top: 0;left: 0;background-color: #fff;z-index: 99;padding:0 0.4rem;border-bottom: solid 0.02rem #EEEEEE;}
.c-header .logo,.c-header .btns{padding: .3rem 0;display: inline-block;vertical-align: middle;}
.c-header .logo img{height: .8rem;}
.c-header .btns{float: right;}
.c-header .btns .btn-news img,.c-header .btns .btn-search img{width: 0.6rem;margin: 0.1rem;}
.c-header .btns .btn-search{width: .8rem;height: .8rem;display: inline-block;vertical-align: middle;margin-right: 0.2rem;}
.c-header .btns .btn-news{width: .8rem;height: .8rem;display: inline-block;vertical-align: middle;margin-left: 0.2rem;}
.c-header .search{font-size: 0;}
.c-header .search .back{width:.8rem;height: .6rem;display: none;vertical-align: middle;}
.c-header .search.active .back{width:.8rem;height: .6rem;display: inline-block;vertical-align: middle;}
.c-header .search .back img{width: auto;height: 100%;}
.c-header .search.active .search-box{width:9.09rem;}
.c-header .search-box{width:100%;height: .9rem;line-height:0.9rem;background-color: #F8F8F8;border:solid .02rem #EFEFEF;border-radius: 0.1rem;margin-bottom: 0.3rem;display: inline-block;}
.c-header .search-icon{width: 0.37rem;height: 0.38rem;margin: 0 0.3rem;vertical-align: middle;}
.c-header .search-input{width:8rem;vertical-align: middle;border: none;outline: none;background: transparent;font-size: 0.35rem;}
.c-header .search-input::-webkit-input-placeholder {color:#BBBBBB;}
.c-header .search-input:-moz-placeholder {color:#BBBBBB;}
.c-header .search-input::-moz-placeholder {color:#BBBBBB;}
.c-header .search-input:-ms-input-placeholder {color:#BBBBBB;}

.c-header + .viewport{position:absolute;top: 2.52rem;bottom:0;left:0;right:0;overflow: scroll;background: #fff;overflow: hidden;margin: 0 auto;}
.c-header + .viewport .left{position:relative;height:100%;border-right: solid 0.02rem #EEEEEE;width: 2.3rem;margin: 0;}
.c-header + .viewport .left .swiper-slide{height: auto;}
.c-header + .viewport .left li{height: 1.4rem;line-height: 1.4rem;text-align: center;font-size: 0.44rem;}
.c-header + .viewport .left li.active{background: #F8F8F8;color: #DA1520;}
.c-header + .viewport .right{position:absolute;height:100%;left: 2.32rem;right: 0;top: 0;text-align: center;overflow: scroll;}
.c-header + .viewport .right .banner{width: 7.7rem;height: 2.7rem;margin: 0.43rem 0.4rem 0.7rem;}
.c-header + .viewport .right .banner img{width: 100%;height: 100%;}
.c-header + .viewport .right .title{color: #666666;font-size: 0.42rem;position: relative;display: inline-block;margin-bottom: 0.46rem;}
.c-header + .viewport .right .title::before{content: '';position: absolute;top: 50%;left:-1.1rem;width: 0.6rem;height: 0.02rem;background: #EEEEEE;}
.c-header + .viewport .right .title::after{content: '';position: absolute;top: 50%;right:-1.1rem;width: 0.6rem;height: 0.02rem;background: #EEEEEE;}
.c-header + .viewport .right .hot{text-align: left;}
.c-header + .viewport .right .hot li{width: 2.7rem;padding:0.25rem 0;display: inline-block;text-align: center;}
.c-header + .viewport .right .hot li img{width: 1.6rem;height: 1.6rem;}
.c-header + .viewport .right .hot li span{display: block;font-size: 0.35rem;color: #666666;margin-top: 0.39rem;}
.c-header + .viewport .right .content{height:auto;}
.c-header + .viewport ul.normal{text-align: left;padding: 0.49rem 0.6rem;}
.c-header + .viewport .normal li{padding:0.18rem 0.49rem;display: inline-block;border-radius: 0.38rem;border: solid 0.02rem #999;font-size: 0.38rem;margin: 0 0.3rem 0.35rem 0;}
.c-header + .viewport .search-result{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #fff;z-index: 10;display: none;}
.c-header + .viewport .search-result .swiper-slide{height: auto;}

.hotpage .barner img{height: 3.6rem;width: 100%;}
.hotpage .tip{margin: .3rem .4rem;background: #f2f8fe;text-align: center;color: #1b88ee;border-radius: 1rem;height: 1rem;line-height: 1rem;transition:  margin .3s;-webkit-transition: margin .3s;}
.hotpage .tip img{width: .52rem;height: .51rem;margin-right:.2rem;vertical-align: middle;}
.hotpage ul{padding: 0 .4rem;}
.hotpage ul li{height: 1.5rem;line-height: 1.5rem;}
.hotpage ul li .idx{color: #ff4341;display: inline-block;width: .7rem;font-size: .6rem;vertical-align: middle;}
.hotpage ul li .tit{display: inline-block;width: 7.7rem;border-bottom: solid 1px #eeeeee;font-size: .45rem;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: .2rem;}
.hotpage ul li .hit{display: inline-block;width: 1.28rem;border-bottom: solid 1px #eeeeee;white-space: nowrap;color:#666666;font-size: .4rem;vertical-align: middle;}
.hotpage ul li .tit .hot{display:inline-block;font-size: .3rem;line-height:.5rem;color: #fff;background: #ff5757;padding:0 .1rem;border-radius: .1rem;vertical-align: middle;margin-left: .2rem;}
.hotpage ul li .hit .up{display:inline-block;width: .26rem;height: .32rem;background: url(../images/hot/up.png) no-repeat;background-size: 100%;margin-left: 5px;}
.hotpage ul li .hit .down{display:inline-block;width: .26rem;height: .32rem;background: url(../images/hot/down.png) no-repeat;background-size: 100%;margin-left: 5px;}

.columnpage .position{color: #999;font-size: .36rem;padding:0 .4rem;margin-top:.4rem;line-height: 1.5;}
.columnpage .position a{color: #999;}

.typepage .title{font-size: .45rem;margin: .4rem;}
.typepage .title img{height: .45rem;}
.typepage .special,.typepage .city{margin-bottom: -.3rem;padding-left: .4rem;}
.typepage .option{display: inline-block;width: 2.35rem;height: .88rem;border-radius: .44rem;border:solid 1px #d6dae6;text-align: center;line-height: .88rem;margin-right: .2rem;margin-bottom: .3rem;cursor: pointer;}
.typepage .option.active{color: #ff711f;border-color: #ff711f;}
.typepage .option.inactive{color: #dddddd;border-color: #dddddd;}
.typepage .button{width: 5.4rem;height: 1.1rem;line-height:1.1rem;margin:1rem auto;border-radius: 0.25rem;background: #aaaaaa;text-align: center;color: #fff;cursor: pointer;}
.typepage .button.active{background: #ff711f;}

.interestpage .title{font-size: .45rem;margin: .4rem;}
.interestpage .divider{height: .2rem;background: #f4f4f8;}
.header + .viewport.interestpage .topslide{padding: .4rem .4rem .4rem 0;margin-top: -.4rem;overflow: hidden;}
.interestpage .topslide .swiper-slide{padding: .6rem 0;margin-left:.4rem;width:2.8rem;height: 3rem;box-shadow: 0 0 10px rgba(0,0,0,.1);text-align: center;}
.interestpage .topslide .swiper-slide img{height: .7rem;margin-bottom: .2rem;}
.interestpage .topslide .swiper-slide h5{font-size: .35rem;line-height: .6rem;}
.interestpage .topslide .swiper-slide span{font-size: .3rem;line-height: .5rem;}
.interestpage .menuslide{overflow: hidden;}
.interestpage .menuslide .swiper-slide{height: 1.2rem;overflow: hidden;line-height: 1.4rem;width: 1.5rem;margin:0 .5rem;text-align: justify;font-size: .35rem;}
.interestpage .menuslide .swiper-slide:nth-last-child(1){margin-right:8.82rem;}
.interestpage .menuslide .swiper-slide.active{color: #fe7220;border-bottom: solid 1px #fe7220;}
.interestpage .menuscroll{position: absolute;top: 6.05rem;bottom: 0;left: 0;right: 0;overflow: hidden;}
.interestpage .menuscroll .swiper-slide{height:auto;}
.interestpage .menuscroll .swiper-slide:nth-last-child(1){height:100%;}
.interestpage .menuscroll .swiper-slide h5{font-size: .5rem;line-height: 1rem;margin-left: .4rem;margin-top: .5rem;}
.interestpage .menuscroll .swiper-slide a{display: inline-block;width: 2.56rem;height: 2.1rem;text-align: center;}
.interestpage .menuscroll .swiper-slide a img{height: .7rem;display:block;margin: .5rem auto .2rem;}
.interestpage .menuscroll .swiper-slide a span{font-size: .35rem;}
.interestpage .header + .viewport .slogan{position: absolute;bottom: 0;width: 100%;}

/*字体*/
.article-con.font-1 .body{font-size: .4rem;}
.article-con.font-2 .body{font-size: .5rem;}
.article-con.font-3 .body{font-size: .6rem;line-height: 1.8;}
.article-con.font-4 .body{font-size: .7rem;line-height: 1.8}

.ad-big{padding: 0 .4rem;margin-bottom: .6rem;}
.ad-big .img{display: block;margin-bottom: .4rem;border-radius: .15rem;overflow: hidden;font-size: 0;}
.ad-big .det{display: flex;align-items: center;}
.ad-big .det .name{color:#999;font-size: 0.34rem;}

.news-section{padding: .6rem 0;}
.news-section .title{padding: 0 .4rem;font-weight: normal;}
.in-news-list{}
.in-news-list .item{padding: .4rem;position:relative;display: block;overflow: hidden; margin-bottom: -1px;}
.in-news-list .item:active{background: #f4f4f4;}
.in-news-list .item:before{content: "";width: 100%;height: 1px;left:0;bottom:0;position:absolute;display:block;background-color: #f4f4f4;transform: scaleY(.5);-webkit-transform: scaleY(.5);}
.in-news-list .item:last-child:before{display: none;}
.in-news-list .item:after{content: "";display:block;clear: both;}
.in-news-list .item .img{display: block;width: 3.4rem;height: 2.4rem;float: left;overflow: hidden; margin-top: .09rem;border-radius: 0.1rem;}
.in-news-list .item .det{display: block;margin-left: 3.8rem;}
.in-news-list .item .det .tit{display:block;color:#222222;font-size: .48rem;line-height: .7rem;height: 1.4rem;overflow: hidden;}
.in-news-list .item .det .desc{display:-webkit-flex;display:flex;align-items: center;font-size: .34rem;color:#999;margin-top: .55rem;}
.in-news-list .item .det .desc .time,.in-news-list .item .det .desc .tag{line-height: .45rem;}

/*modal*/
.share-model{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 200;opacity: 0;visibility: hidden;transition: all .3s;-webkit-transition: all .3s;}
.share-model .inner{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 100;background:#fff;transition: all .3s;-webkit-transition: all .3s;transform: translateY(100%);-webkit-transform: translateY(100%);}
.share-model .cover{position: absolute;width: 100%;height: 100%;z-index: 99;background-color: rgba(0,0,0,.6);transition: all .3s;-webkit-transition: all .3s;opacity: 0;visibility: hidden;}
.share-model.active,.share-model.active .cover{opacity: 1;visibility: visible;}
.share-model.active .inner{-webkit-transform: translateY(0);transform: translateY(0);}

.share-model .btn-close{display: block;line-height: 1.3rem;text-align: center;color:#161616;}
.share-model .btn-close:active{background-color: #f4f4f4;}
.tool-content{background-color: #efefef;padding: .3rem 0;}
.tool-list{overflow: hidden;}
.tool-list li{width: 20%;float: left;text-align: center;}
.tool-list li a{padding: .4rem 0;display: block;float: none;margin: 0 auto;text-indent: 0;width: 100%; height: auto; background: none;color:#303030;font-size: .3rem;line-height: 1;}
.tool-list li a i{width: 1em;height: 1em;font-size: 1.45rem;display: inline-block;background-image: url(../images/sprites.png);background-repeat: no-repeat;background-color: #fff;background-size: 100% auto;border-radius:50%;vertical-align: top;}
.ico-wechat{background-position: 0 0;}
.ico-wechatquan{background-position: 0 -1em;}
.ico-qq{background-position: 0 -2em;}
.ico-qzone{background-position: 0 -3em;}
.ico-sina{background-position: 0 -4em;}
.ico-font{background-position: 0 -5em;}
.ico-night{background-position: 0 -6em;}
.ico-light{background-position: 0 -7em;}

.tool-list li span{display: block;margin-top: .3rem;}
.font-control{padding: .3rem .4rem;}
.font-control .row:after{content:"";display: block;clear: both;}
.font-control .row a{width: 25%;float: left;text-align: center;}
.font-control .row span.lines{height: .5rem;position: relative;display:block;width:100%}
.font-control .row span.lines:before{content:"";display: block;width: 100%;height: 1px;background:#ddd;position: absolute;bottom:0;left:0;}
.font-control .row span.lines:after{content: "";display: block;width: .1rem;height: .1rem;border-radius:50%;background-color: #eee;border-radius:50%;position: absolute;left: 50%;bottom: -.15rem;margin-left:-.15rem;border:.1rem solid #df0000;display: none;}
.font-control .row a.active{color:#df0000;}
.font-control .row a.active .lines:after{display: block;}


/*夜间模式*/
body.night{background:#444;color:#ccc;}
body.night .tool-content{background:#444;}
body.night .share-model .btn-close{background:#333;color:#ccc;}
body.night .tool-list li a{color:#999;}
body.night .tool-list li a i{background-color:#333;}
body.night .article-con .title{color:#ccc;}
body.night .a-header{background:#222;}
body.night .footer{background:#222;border-top-color: #333;}
body.night .line{background:#333;}
body.night .in-news-list .item .det .tit{color:#999;}
body.night .in-news-list .item:before{background:#333;}
body.night .article-hezuo .btn{background:#333;color:#999;}
body.night a{color:#999;}
body.night .guanzhu-box .det .tit{color:#999;}

/**/

/*地区选择弹窗*/
.modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 210;opacity: 0;visibility: hidden;transition: all .3s;-webkit-transition: all .3s;transform: translateY(.4rem);-webkit-transform: translateY(.4rem);}
.modal .head{padding: .7rem 0;text-align: center;position: relative;}
.modal .head .title{font-size: .48rem;color:#313131;margin:0;font-weight: normal;}
.modal .head .btn-close{display: inline-block;position: absolute;right: -0.2rem;top: 50%;margin-top:-3em;opacity: .5;padding: 1rem;-webkit-tap-highlight-color: transparent;}
.modal .head .btn-close::after{content:'';display: block;width: 1em;height: 1em;background:url(../images/ico-close.png) no-repeat;background-size: contain;}
.modal .subhead{padding: 0 .4rem;}
.modal .subhead .tit{float: right;color:#999;}
.modal .body{position: absolute;top: 2.8rem;bottom:0;width:100%;overflow: auto;}


.modal.active{opacity: 1;visibility: visible;transform: translateY(0);-webkit-transform: translateY(0);}

.city-list{overflow: hidden;}
.city-list .item{float: left;display: block;margin: 0 0 .4rem .4rem;line-height: 1.2rem;text-align: center;border:1px solid #eee;border-radius: 1.2rem;width: 3rem;position: relative;}
.city-list .item.active{color:#cf2020;}
.city-list .item.hot:after{content: "";display: block;position: absolute;top:-6px;right:0;width: .92rem;height:.6rem;background:url(../images/ico-hot.png) no-repeat;background-size: 100% 100%;}


.cate{background: #fff;overflow: hidden;}
.imgs-category{margin: .5rem 0;}
.imgs-category ul{overflow: hidden;margin: 0 .4rem;}
.imgs-category li{margin: 0 3px 0 0;float: left;width:2.8rem;height:1.6rem;position: relative;overflow: hidden;border-radius:5px;white-space: nowrap;line-height: 1.5rem;text-align: center;}
.imgs-category li span{position: absolute;width: 100%;top: 50%;left:0;text-align: center;color:#fff;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 10;}
.imgs-category li:before{content: "";display: block;background-color: rgba(0,0,0,.3);position: absolute;z-index:1;width: 100%;height: 100%;top:0;left: 0;}
.imgs-category .swiper-slide{width: auto;}
.imgs-category .more{background-color: #eee;display: block;position: relative;z-index: 30;}
.imgs-category .more:before{display: none;}
.imgs-category .more .ico-more{width: .6rem;}

.imgs-title{margin: 0 .4rem .45rem .4rem;font-weight: normal;font-size: 0.45rem;}
.imgs-type{padding-bottom: .5rem;}
.imgs-type ul{overflow: hidden;margin: 0 .4rem;}
.imgs-type li{width: 2.8rem;float: left;margin: 0 3px 0 0;}
.imgs-type li img{vertical-align: top;}
.imgs-type li span{display: block;margin-top: .3rem;font-size: .37rem;color:#3f3f3f;}
.imgs-type .swiper-slide{width: auto;}

.works-section{background-color: #ececec;padding: .5rem 0 0 0;}
.works { overflow: hidden;}
.works-item { position: relative;margin-bottom: .27rem;margin-left:.27rem;float: left; width: 5rem;background: #fff;border-radius:5px;overflow: hidden;border:1px solid #eee; }
.works-item img { width: 100% }
.works-item .img a:hover{opacity: .8;filter: alpha(opacity=80);}
.works .txt {font-size: .35rem;color:#999999;overflow: hidden;line-height: 0.47rem;word-break: break-all;padding-top: 0.1rem;}
.works .tim{margin: 0;padding:0 .2rem;line-height:1rem;color:#4e4e4e;border-top: 1px solid #eee;font-size: .28rem;}
.works .tim .time{float: right;color: #999999;}
.works-item .det{padding: .4rem .2rem;}
.works-item .tit{color: #000;position: relative;margin-bottom: .15rem;overflow: hidden;line-height: 0.5rem;word-break: break-all;}
.works-item .tit a{color: #000;font-size: 0.42rem;}
.works-item .tit .ico-dots{position: absolute;right: 0;top: 50%;margin-top: -.05rem;width: .5rem;height: .1rem;display: block;opacity: .5;}
.works-item .btns{padding: 15px 0 0;display: none;}
.works-item .btns .btn{margin-right: .55rem;color:#999999;font-size: .37rem;display: inline-flex;align-items: center;}
.works-item .btns .btn i{margin-left: .2rem; vertical-align: middle;}
.works-item .btns .btn span{vertical-align: middle;}
.works-item .btns .btn:hover{color:#666;}

.ico-dots{width: .18rem;height: .04rem;display: inline-block;background:url(../images/ico-dots-imgs.png) no-repeat;background-size:contain;}

.ico-download,.ico-share{width: .3rem;height: .3rem;display: inline-block;background-repeat: no-repeat;background-size:contain}
.ico-share{background-image: url(../images/ico-share.png);}
.ico-download{background-image:url(../images/ico-download.png);}

.modal-filter{background:none;}
.modal-filter .inner{position: absolute;left: 5%;right: 5%;top:5%;bottom:5%;background-color: #fff;z-index: 100;border-radius: 5px;}
.modal-filter  .cover{position: absolute;width: 100%;height: 100%;z-index: 99;background-color: rgba(0,0,0,.6);transition: all .3s;-webkit-transition: all .3s;opacity: 0;visibility: hidden;}
.modal-filter.active,.modal-filter.active .cover{opacity: 1;visibility: visible;}
.modal-filter.active .inner{-webkit-transform: translateY(0);transform: translateY(0);}
.modal-filter .body{top: 1.5rem;}
.modal-filter .tip{margin: 0 .4rem .4rem;color:#999;}

.modal-type{background:none;}
.modal-type .inner{position: absolute;left: 5%;right: 5%;top:5%;bottom:5%;background-color: #fff;z-index: 100;border-radius: 5px;}
.modal-type  .cover{position: absolute;width: 100%;height: 100%;z-index: 99;background-color: rgba(0,0,0,.6);transition: all .3s;-webkit-transition: all .3s;opacity: 0;visibility: hidden;}
.modal-type.active,.modal-type.active .cover{opacity: 1;visibility: visible;}
.modal-type.active .inner{-webkit-transform: translateY(0);transform: translateY(0);}
.modal-type .body{top: 1.5rem;}
.modal-type .tip{margin: 0 .4rem .4rem;color:#999;}

.filter-container{overflow: hidden;}
.filter-container .col{width: 50%;float: left;padding: 0 .4rem;}
.filter-container li{line-height: 1.1rem;text-align: center;margin-bottom: .05rem;}
.filter-container li a{display: inline-block;font-size: .5rem;color:#404040;padding: 0 .4rem;}
.filter-container li.active a{background:#f3f3f3;}

/* #show027_1,#show027_2{transform:scale(0.92);-webkit-transform:scale(0.92);margin-left: -0.4rem;} */
#show027_3{
	margin: -0.4rem 0 0;
}
#show027_4{
	margin: 0.3rem 0 -0.3rem;
}
/* #show027_2{transform-origin:0 0;-webkit-transform-origin:0 0;} */
#zxzz{display: none;}

::-webkit-scrollbar {
	display: none;
}

.article-con{
    padding: .3rem 0;
}
.article-con>*{
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}
.article-con #show027_1{
    padding: 0;
}
.article-con #show027_2{
    padding: 0;
}
.guanzhu-box .btn-guanzhu{
    right: 0.4rem;
}

.modal-type .filter-container li{text-align: left;}
@media (min-width: 600px){
	html{height: 100%;}
	body{width: 600px;margin: 0 auto;box-shadow: 0 0 15px rgba(0,0,0,.3);}
	.header,.footer,.a-header,.b-header,.c-header,.modal{width: 600px;left: 50%;margin-left: -300px;}
	.viewport{width: 600px;background: #fff;}
}

/* iphoneX、iphoneXs */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
}

/* iphone Xs Max */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
}

/* iphone XR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
}


html,body{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.noMoreData{
	padding: 1rem 0;
    text-align: center;
}

.loadBox{
    width: 0.66rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    margin-top: 0.6rem;
    margin-bottom:0.6rem;
}
.loadBox .load{
    display:inline-block;
    width:0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    background:#999;
    margin: 0 0.05rem;
}
.loadBox .load.load_1{
    animation: loading .75s  linear infinite;
}
.loadBox .load.load_2{
    animation: loading .75s  linear 0.15s infinite;
}
.loadBox .load.load_3{
    animation: loading .75s  linear .45s infinite;
}
@keyframes loading{
    0% {
        transform: translateY(0);
    }
    25%{
        transform: translateY(-35%);
    }
    50%{
        transform: translateY(0);
    }
    75%{
        transform: translateY(35%);
    }
    100%{
        transform: translateY(0);
    }
}


.article-con #show027_1>p{ padding-bottom: .2rem !important; position: relative; }

.article-con #show027_1>p::before{ content: ""; position: absolute; left: .4rem; right: .4rem; bottom: 0; height: 1px; background-color: #f2f4f7; }

#show027_1 .show-des{
	display: block;
	padding: .18rem .3rem;
	background: #fcfcfc;
	border-left: .12rem solid #eee;
	font-size: .42rem;
	color: #777;
	line-height: 2;
	margin-bottom: .2rem;
}
#show027_1 .show-tit{
	display: block;
	font-size: .45rem;
	color: #000;
	text-align: center;
	font-style: oblique;
	line-height: 2;
}
#show027_1 .show-des i {
	display: inline;
	color: #4571c1;
}
#show027_1 .show-tit i {
	display: inline;
	color: #d74532;
	font-style: oblique;
	margin: 0 3px;
}

/* -------------------------------- 
 * 内容页评论样式  --20200220-YK
 * -------------------------------- */
@font-face { font-family: 'iconfont'; /* project id 1567938 */ src: url("//at.alicdn.com/t/font_1567938_oeewpljr2oq.eot"); src: url("//at.alicdn.com/t/font_1567938_oeewpljr2oq.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1567938_oeewpljr2oq.woff2") format("woff2"), url("//at.alicdn.com/t/font_1567938_oeewpljr2oq.woff") format("woff"), url("//at.alicdn.com/t/font_1567938_oeewpljr2oq.ttf") format("truetype"), url("//at.alicdn.com/t/font_1567938_oeewpljr2oq.svg#iconfont") format("svg"); }

.iconfont { font-family: 'iconfont' !important; font-size: .44rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.TenYears_detail .icon-love { float: right; line-height: 42px; font-size: 40px; color: #555; margin-right: 20px; cursor: pointer; }

.TenYears_detail .icon-love:hover { color: #ef5353; }

.TenYears_detail .icon-love.isLove { color: #ef5353; }

body.noscroll { position: fixed; width: 100vw; }

.image-viewer { z-index: 13400 !important; }

.image-viewer .image-footer { text-align: center; top: 20px; bottom: auto !important; font-size: 14px !important; width: auto !important; left: 50% !important; -webkit-transform: translate3d(-50%, 0, 0) !important; transform: translate3d(-50%, 0, 0) !important; }

.image-viewer #viewer-close { font-size: 16px; padding: 12px 0 0 12px; }

.comment-self { display: flex; align-items: center; }

.comment-self .self-head { width: .9rem; height: .9rem; font-size: 0; border-radius: 50%; background: url(https://www.027art.com/abc/MoBanImgs/TenYears2019/PC/Zixin/common/images/avatar_default.jpg) 0 0 no-repeat; background-size: contain; overflow: hidden; }

.comment-self .self-head img { width: 100%; height: 100%; }

.comment-self .self-input { flex: 1; height: 1rem; line-height: 1rem; background-color: #f6f7f9; border-radius: .12rem; margin-left: .3rem; }

.comment-self .self-input .input-text { margin-left: .3rem; font-size: .38rem; color: #999; letter-spacing: 0; }

.comment-wrap { padding-top: .6rem; }

.comment-wrap div, .comment-wrap span, .comment-wrap h1, .comment-wrap h2, .comment-wrap h3, .comment-wrap h4, .comment-wrap h5, .comment-wrap h6, .comment-wrap p, .comment-wrap a, .comment-wrap em, .comment-wrap img, .comment-wrap q, .comment-wrap s, .comment-wrap i, .comment-wrap dl, .comment-wrap dt, .comment-wrap dd, .comment-wrap ol, .comment-wrap ul, .comment-wrap li, .comment-wrap form, .comment-wrap label, .comment-wrap table, .comment-wrap caption, .comment-wrap canvas, .comment-wrap section, .comment-wrap audio, .comment-wrap video { line-height: inherit; }

.comment-wrap textarea { border: 0; outline: 0; padding: 0; resize: none; font-family: inherit; }

.comment-wrap i { display: inline; }

.comment-wrap.init-comment { padding-bottom: .6rem; }

.comment-wrap .avatar-wrap { position: absolute; left: 0; top: 0; z-index: 1; width: .9rem; height: .9rem; font-size: 0; border-radius: 50%; background: url(//mat1.gtimg.com/v/comment/images/avatar_default.9d95c455.jpg) 0 0 no-repeat; background-size: contain; overflow: hidden; }

.comment-wrap .avatar-wrap img { width: 100%; height: 100%; }

.comment-wrap .comment-none { text-align: center; color: #999; margin-top: 1rem; margin-bottom: .4rem; font-size: .4rem; }

.comment-wrap .comment-short .comment-title { display: flex; align-items: center; }

.comment-wrap .comment-short .comment-title .title { font-size: .6rem; font-weight: bold; line-height: 1; }

.comment-wrap .comment-short .comment-title .title::before { float: left; content: ""; width: 0.34rem; height: 0.6rem; margin-right: 0.3rem; background: #ef5353; border-radius: 0rem 0.06rem 0.06rem 0rem; }

.comment-wrap .comment-short .comment-title .comment-self-wrap { flex: 1; margin: 0 .52rem 0 1rem; }

.comment-wrap .comment-short .comment-box { padding: 0 .36rem; }

.comment-wrap .comment-short .comment-box .comment { position: relative; margin-top: .54rem; padding: 0 0 .2rem 1.26rem; border-bottom: 1px solid #f0f0f0; }

.comment-wrap .comment-short .comment-box .comment:last-child { border-bottom: none; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-user { height: .96rem; line-height: .96rem; font-size: .42rem; color: #999; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-user .comment-username { font-weight: 700; color: #ef5353; margin-right: .36rem; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-content { font-size: .42rem; color: #333; line-height: 1.6; margin-top: 2px; word-wrap: break-word; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-images { margin: .15rem 0; overflow: hidden; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-images.m1 li { width: auto; height: auto; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-images.m1 li img { width: auto; height: auto; max-width: 6rem; max-height: 3.6rem; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-images.m3 .img-wrap { width: 100%; padding-bottom: 100%; position: relative; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-images.m3 li { width: 33.333%; padding: 0 .12rem .12rem 0; float: left; }

.comment-wrap .comment-short .comment-box .comment .comment-main .comment-images.m3 li img { position: absolute; width: 100%; height: 100%; object-fit: cover; vertical-align: top; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-operate { height: .48rem; line-height: .48rem; font-size: .36rem; margin-top: .15rem; color: #adadad; display: flex; align-items: baseline; justify-content: space-between; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-operate .icon-fire { color: #ef5353; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-operate .re-item.btn-vote.active { color: #ef5353; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-operate .re-item .iconfont { margin-right: .12rem; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-operate .re-item.btn-reply .iconfont { vertical-align: middle; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-operate .reply-dot { margin: 0 .06rem; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-wrap { background-color: #f7f7f7; padding: .3rem .36rem .4rem; margin-top: .3rem; border-radius: .12rem; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item { position: relative; padding-bottom: .34rem; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item .reply-content { font-size: .38rem; color: #4b4b4b; line-height: 1.64; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item .reply-content .avatar-wrap { display: none; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item .reply-content .reply-username { font-weight: 700; color: #222; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item .reply-content .reply-reply { color: #a3a3a3; margin: 0 .12rem; }

.comment-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-allBtn, .comment-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-moreBtn { font-size: .38rem; color: #adadad; display: inline-block; height: .42rem; line-height: .42rem; margin-top: .22rem; cursor: pointer; }

.comment-wrap .comment-short .comment-box .comment .comment-main .btn-reply.active { color: #ef5353; }

.comment-wrap .comment-short .comment-box .comment .comment-main .btn-vote.active { color: #ef5353; cursor: auto; }

.comment-wrap .comment-short .comment-moreBtn, .comment-wrap .comment-short .comment-noMore { display: block; width: 50%; height: 1.1rem; line-height: 1.1rem; text-align: center; color: #ef5353; font-size: .48rem; margin: .4rem auto 0; border: 1px solid #ef5353; border-radius: .24rem; }

.comment-wrap .comment-short .comment-moreBtn.loading { background-color: #f48c8c; color: #fff; }

.comment-wrap .comment-short .comment-noMore { border: none; color: #999; font-size: .42rem; }

.popup-msg { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 14000; display: none; }

.popup-msg .msg { padding: .22rem; background: rgba(0, 0, 0, 0.7); font-size: .4rem; color: #fff; line-height: 1.4; border-radius: .16rem; max-width: 220px; }

.popup-loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.06); z-index: 13500; display: none; }

.popup-loading .loading-ct { min-width: 3rem; min-height: 3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.85); border-radius: .26rem; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: .42rem; font-size: .36rem; color: #fff; }

.popup-loading .loading-ct .circle { border: 2px solid rgba(218, 141, 218, 0.5); border-radius: 50%; position: relative; width: 0; height: 0; padding: 12px; margin-bottom: 24px; }

.popup-loading .loading-ct .circle::after { content: ""; display: block; border-radius: 50%; width: 100%; height: 100%; position: absolute; top: -2px; left: -2px; border: 2px solid; border-color: transparent; border-left-color: #fff; animation: roller 1.2s infinite linear; }

.all-comment-wrap, .all-reply-wrap, .reply-send-wrap { display: none; transform: translateX(100%); will-change: transform; transition: all .2s; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 13000; background-color: #fff; padding-top: 0; }

.all-comment-wrap .all-comment, .all-reply-wrap .all-comment, .reply-send-wrap .all-comment { width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction: column; -webkit-overflow-scrolling: touch; }

.all-comment-wrap .all-topbar, .all-reply-wrap .all-topbar, .reply-send-wrap .all-topbar { height: 1.44rem; display: flex; justify-content: center; align-items: center; position: relative; border-bottom: 1px solid #f0f0f0; font-size: .54rem; color: #999; z-index: 1; background: #fff; }

.all-comment-wrap .all-topbar .icon-close, .all-reply-wrap .all-topbar .icon-close, .reply-send-wrap .all-topbar .icon-close { position: absolute; left: .12rem; height: 1.08rem; width: 1.08rem; display: flex; align-items: center; justify-content: center; font-size: .6rem; }

.all-comment-wrap .scroll-wrap, .all-reply-wrap .scroll-wrap, .reply-send-wrap .scroll-wrap { flex: 1; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.all-comment-wrap .comment-short .comment-self, .all-reply-wrap .comment-short .comment-self, .reply-send-wrap .comment-short .comment-self { padding: .48rem .36rem 0; }

.all-comment-wrap .comment-short .comment-box .comment, .all-reply-wrap .comment-short .comment-box .comment, .reply-send-wrap .comment-short .comment-box .comment { padding-bottom: .52rem; }

.all-comment-wrap .comment-short .comment-noMore, .all-reply-wrap .comment-short .comment-noMore, .reply-send-wrap .comment-short .comment-noMore { margin-top: 0; margin-bottom: 10px; font-size: .38rem; }

.all-reply-wrap, .reply-send-wrap { transform: translateY(100%); background-color: rgba(0, 0, 0, 0.4); }

.all-reply-wrap .reply-top-bg { height: 6%; }

.all-reply-wrap .all-comment { height: 94%; }

.all-reply-wrap .comment-short .comment-self { width: 100vw; margin-left: -1.62rem; }

.all-reply-wrap .comment-short .reply-separate { width: 100vw; margin-left: -1.62rem; margin-top: .6rem; text-align: center; font-size: .38rem; font-weight: 700; color: #333; line-height: 1.2; position: relative; }

.all-reply-wrap .comment-short .reply-separate::before, .all-reply-wrap .comment-short .reply-separate::after { content: ''; position: absolute; top: 50%; left: .36rem; width: 32%; height: 1px; background-color: #f0f0f0; }

.all-reply-wrap .comment-short .reply-separate::after { left: auto; right: .36rem; }

.all-reply-wrap .comment-short .comment-box .comment { padding-bottom: 0; }

.all-reply-wrap .comment-short .comment-box .comment .comment-main .reply-wrap { padding-left: 0; padding-right: 0; padding-bottom: 0; background-color: transparent; }

.all-reply-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item { padding-bottom: .5rem; }

.all-reply-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item .reply-content { font-size: .4rem; }

.all-reply-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item .reply-content .avatar-wrap { left: -1.26rem; display: block; }

.all-reply-wrap .comment-short .comment-box .comment .comment-main .reply-wrap .reply-item .reply-content .reply-username:first-child { color: #ef5353; }

.reply-send-wrap .reply-top-bg { height: 6%; }

.reply-send-wrap .all-comment { height: 94%; }

.reply-send-wrap .all-comment .all-topbar .topbar-right { position: absolute; right: .28rem; height: 1.08rem; width: 3rem; display: flex; justify-content: flex-end; align-items: center; }

.reply-send-wrap .all-comment .all-topbar .topbar-right .btn-send { padding: .16rem .5rem; font-size: .38rem; color: #fff; line-height: 1.2; background-color: #ebebeb; transition: background-color .1s linear; border-radius: .12rem; }

.reply-send-wrap .all-comment .all-topbar .topbar-right .btn-send.active { background-color: #ef5353; }

.reply-send-wrap .all-comment .send-wrap { flex: 1; background: #f8f8f8; padding: .36rem; display: flex; flex-direction: column; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.reply-send-wrap .all-comment .send-wrap .reply-input { min-height: 4rem; padding: .36rem; display: block; font-size: .4rem; line-height: 1.4; background-color: #fff; border-radius: .18rem; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct { padding: .44rem .32rem .32rem; text-align: left; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-top { display: flex; align-items: center; justify-content: space-between; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-top .btn-sort { padding: 5px; background: #f27979; border-radius: 4px; font-size: .36rem; color: #fff; margin-right: 12px; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-top p { font-size: 14px; color: #333; line-height: 1.4; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-top .top-txt { font-size: 13px; color: #888; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs { margin-top: 5px; overflow: hidden; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .img-item { width: 33.333%; padding: 0 .14rem .14rem 0; float: left; position: relative; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .img-item .img-wrap, .reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .img-item .add-wrap { width: 100%; padding-bottom: 100%; position: relative; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .img-item .bg-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .img-item .bg-wrap .icon-del { position: absolute; top: 0px; right: 0px; cursor: pointer; color: #fff; font-size: 14px; width: 20px; height: 20px; line-height: 20px; text-align: center; background: rgba(0, 0, 0, 0.3); border-bottom-left-radius: 4px; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .img-item img { position: absolute; height: 100%; width: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; vertical-align: top; display: inline-block !important; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .add-img { border: 2px dashed #ddd; background-color: #fff; cursor: pointer; padding: 0; border-radius: .1rem; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .add-img .label-img { position: absolute; top: 0; right: 0; opacity: 0; filter: alpha(opacity=0); z-index: 2; cursor: pointer; font-size: 0; width: 100%; height: 100%; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .add-img #upload-img { position: absolute; z-index: -1; clip: rect(0 0 0 0); opacity: 0; filter: alpha(opacity=0); }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .add-img .a-line { width: 1.16rem; height: 3px; border-radius: 3px; background-color: #ddd; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -.58rem; }

.reply-send-wrap .all-comment .send-wrap .layer-pop .layer-ct .layer-ct-imgs .add-img .line-v { width: 3px; height: 1.16rem; margin: -.58rem 0 0 -1px; }

.footer-wrap { position: fixed; width: 100%; height: 1.4rem; left: 0; bottom: 0; z-index: 190; background-color: #fff; transform: translateY(0); transition: transform 200ms ease-in-out 0s; padding: 0 .36rem; }

.footer-wrap.unpinned { transform: translateY(100%); }

.footer-wrap .footer-box { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }

.footer-wrap .footer-box::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; transform: scaleY(0.5); transform-origin: 0px 0px; background: #e0e0e0; }

.footer-wrap .footer-box .comment-self { flex: 1; }

.footer-wrap .footer-box .comment-self .self-input { height: .9rem; line-height: .9rem; border-radius: .9rem; }

.footer-wrap .footer-box .comment-self .self-input .iconfont { font-size: .52rem; display: inline; margin-right: .1rem; vertical-align: bottom; }

.footer-wrap .footer-box .footer-item { display: flex; justify-content: flex-end; align-items: center; height: 100%; margin-left: .7rem; color: #333; }

.footer-wrap .footer-box .footer-item .f-item { min-width: 1.2rem; height: 100%; display: flex; justify-content: center; align-items: center; margin-left: .3rem; }

.footer-wrap .footer-box .footer-item .f-item i { font-size: .54rem; line-height: 1.48rem; height: 100%; }

.footer-wrap .footer-box .footer-item .f-item .num { margin-left: .12rem; }

.footer-wrap .footer-box .footer-item .f-item.isLove .iconfont { color: #ef5353; }

.popup-login { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; display: none; }

.popup-login .mask-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-color: rgba(0, 0, 0, 0.3); }

.popup-login .iframe-wrap { width: 80%; min-height: 300px; height: 280px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000; padding-top: 26px; background-color: #fff; }

.popup-login .iframe-wrap .login-menu { background-color: #fcfcfc; color: #000; text-align: right; border-bottom: 1px solid #f4f4f4; position: absolute; top: 0; left: 0; right: 0; height: 26px; padding-right: 4px; }

.popup-login .iframe-wrap .login-menu .icon-close { padding: 2px; line-height: 26px; cursor: pointer; }

.popup-login .iframe-wrap .login-menu .icon-close:hover { color: #f94c4c; }

.popup-login .iframe-wrap iframe { width: 100%; height: 100%; border: 0; }

.loadingBox { margin: 0 auto; text-align: center; font-size: 0; padding-top: 0.6rem; padding-bottom: 0.6rem; display: flex; justify-content: center; }

.loadingBox .load { width: 6px; height: 6px; border-radius: 50%; background: #999; margin: 0 3px; font-size: 0; }

.loadingBox .load.load_1 { animation: loading .75s  linear infinite; }

.loadingBox .load.load_2 { animation: loading .75s  linear 0.15s infinite; }

.loadingBox .load.load_3 { animation: loading .75s  linear .45s infinite; }

@keyframes roller { 0% { transform: rotateZ(0); }
  100% { transform: rotateZ(360deg); } }