.body{background:#f9f9f9;}
.header{background:#fff}
.head-container{position:relative;width:100%;height:1rem;border-bottom:1px solid #e4e4e4;}
.logo>a{display:block;width:100%;height:100%;background:url(../images/index-logo.png) no-repeat;background-size:100%;background-position: center center;}
.login-btn,.search-btn{position:absolute;top:50%;width:.4rem;height:.4rem;margin-top:-.2rem}
.search-btn{right:0.5rem}
.login-btn{right:1.3rem}
.login-btn>i{display:block;width:0.4rem;height:0.4rem;background-size:100%}
.banner-container{width:100%;height:3.88rem}
.banner-slide>a>img{width:100%;height:3.88rem}
.banner-container>.banner-pagination{bottom:2px;text-align:right;padding-right:0.24rem}
.swiper-pagination-bullet{width:0.16rem;height:0.16rem;opacity:1;background:#fff}
.swiper-pagination-bullet-active{height:0.18rem;background:url(../images/banner-active.png) no-repeat;background-size:100% 100%}
.title-ctn{display:-webkit-flex;display:flex;justify-content:space-between}
.titlelist{font-size:0.3rem;font-weight:bold;color:#333;margin:0.3rem 0 0 0.24rem}
.more-btn{font-size:0.26rem;color:#666;margin:0.3rem 0.24rem 0 0}
.wekrank-wrapper{padding-top:0.3rem;padding-left:0.24rem}
.wekrank-slide{width:1.8rem;margin-right:0.36rem}
.wek-cartoon-ctn{width:1.78rem;height:1.78rem;margin-bottom:0.2rem}
.wek-cartoon-img{width:1.78rem;height:1.78rem;border:1px solid #e4e4e4;border-radius:8px}
.wek-rank-icon{width:0.49rem;position:absolute;top:-0.23rem;right:-0.22rem}
.wek-infor{display:-webkit-flex;display:flex}
.wek-infor>.rank-number{font-size:0.2rem;color:#ff6600;margin:0rem 0.14rem;}
.cartoon-infor{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cartoon-infor>.bookname{font-size:0.26rem;color:#333}
.cartoon-infor>.writename{font-size:0.22rem;color:#999}
.choose-list,.manhua-list{border:1px solid #e4e4e4;border-radius:8px;margin-right:0.24rem;margin-bottom:0.24rem;background:#fff;overflow:hidden}
.choose-list{width:3.37rem}
.choose-imgctn{width:100%;height:2.12rem}
.manhua-list{width:2.16rem}
.new-imgctn,.updata-imgctn{width:100%;height:2.9rem;background-size:100% 100%}
.updata-ctn{margin-bottom:1.5rem}
.manhua-ctn{margin-top:0.3rem;padding:0 0.24rem;overflow:hidden}
.manhua-ctn>ul{display:-webkit-flex;display:flex;flex-wrap:wrap;margin-right:-0.24rem;margin-bottom:-0.24rem}
.manhua-infor{padding:0.16rem 0.20rem}
.choose-img,.manhua-img{width:100%;height:100%;object-fit:cover;}
.bookname,.manhua-bookname,.manhua-writename,.writename{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.manhua-bookname{font-size:0.26rem;color:#333}
.manhua-writename{font-size:0.22rem;color:#999;margin-top:0.08rem}
.foot-nav{width:100%;position:absolute;bottom:0;display:-webkit-flex;display:flex;background:rgba(0,0,0,.75);padding:0.2rem 0}
.cancel-btn{position:relative;width:0.75rem;height:0.86rem}
.cancel-icon{display:block;width:0.75rem;height:0.86rem}
.appinfor-ctn{height:0.86rem}
.appinfor-ctn>ul>li{float:left}
.appinfor-ctn>ul>li:first-child{width:0.87rem;height:0.87rem;float:left;margin-right:0.2rem}
.appinfor-ctn>ul>li:first-child>img{width:100%;height:100%}
.appinfor-ctn>ul>li:nth-child(2){margin-right:0.57rem}
.appmsg>p{color:#fff}
.appmsg-text1{font-size:0.32rem;margin-bottom:0.05rem}
.appmsg-text2{font-size:0.24rem}
.goapp-btn{display:block;width:1.88rem;height:0.56rem;line-height:0.56rem;color:#000;font-size:0.24rem;text-align:center;border-radius:8px;background:#eac80e;margin-top:0.16rem}
.pz-cnt{font-size:0.28rem;margin-top: 0.3rem;padding: 0 0.24rem;overflow: hidden;}
.mid0 {
	background-color: #ededed;
	border-bottom: 1px solid #e5e5e5
}
.cata-nav {
	overflow: hidden;
	zoom: 1;
}
.cata-nav li {
	width: 25%;
	float: left;
	text-align: center;
	padding: 20px 0 15px 0;
}
.cata-nav li .bg {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 38%;
	margin: 0 auto;
}
.cata-nav li:first-child .bg {
	background: #ff6600 url(sy-ico.png) 12px -575px no-repeat;
	background-size: 35px auto
}
.cata-nav li:nth-child(2) .bg {
	background: #8dd178 url(sy-ico.png) 12px -515px no-repeat;
	background-size: 35px auto
}
.cata-nav li:nth-child(3) .bg {
	background: #67b7f4 url(sy-ico.png) 12px -691px no-repeat;
	background-size: 35px auto
}
.cata-nav li:last-child .bg {
	background: #42d1aa url(sy-ico.png) 12px -632px no-repeat;
	background-size: 35px auto
}
.cata-nav li a {
	font-size: 1.6rem;
	line-height: 30px;
	display: block
}
.mid-tab .tab-bd {
	display: none
}
.mid-tab .current {
	display: block
}
.pic-list {
	overflow: hidden;
	margin-right: 10px;
}
.mid4 .current{
	display:block
}
.pic-list li {
	width: 50%;
    height: 2.19rem;
    float: left;
    margin-top: 0.24rem;
}
.pic-list li a {
	display: block;
	height: 100%;
	margin-left: 10px;
	overflow: hidden;
	position: relative
}
.pic-list li img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.pic-list li .tit {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 0.4rem;
	line-height: 0.4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	background: rgba(0,0,0,.6);
	color: #fff
}
.news-list { overflow: hidden; zoom: 1; padding: 0 10px; }
.news-list li { height: 0.6rem; line-height: 0.6rem; border-bottom: 0.01rem dashed #dcdcdc; font-size: 0.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list li:last-child { border-bottom: none }
.news-list li a, .news-list li span { font-size: 0.28rem;color:#666; }
.news-list li span { font-size: 0.3rem; color: #333 }

.links {
	padding-bottom: 10px;
}
.links-box a {
	display: inline-block;
    font-size: 0.3rem;
    border: 0.01rem solid #eee;
    border-radius: 0.1rem;
    padding: 0.04rem 0.2rem;
    margin: 0.12rem 0 0 0.12rem;
    color: #666;
}
.footer { text-align: center; background-color: #ededed; border-top: 1px solid #e5e5e5; padding: 0 0 12px 0; }
.foot-top{height:30px;}
.foot-top a { display: inline-block; height: 30px; line-height: 30px; font-size: 1.6rem; padding: 3px 20px 3px 45px; color: #333; border: 1px solid #dcdcdc; border-radius: 18px; }
.foot-top a:nth-child(1) { background: url(sy-ico.png) 10px -651px no-repeat; background-size: 30px auto; margin-right: 6px;font-size:0.3rem; }
.foot-top a:nth-child(2) { background: url(sy-ico.png) 10px -349px no-repeat; background-size: 35px auto; margin-left: 6px; }
.main-nav { border-bottom: 1px solid #dbdbdb; box-shadow: 1px 1px 0px #fdfdfd; -webkit-box-shadow: 1px 1px 0px #fdfdfd; margin-bottom: 12px; padding-right: 0.3rem;}
.main-nav a { border-right: 1px solid #dbdbdb;font-size: 0.3rem;color: #666;padding-right: 0.3rem; }
.gotop{font-size:0.3rem;padding:0 0.3rem;border-radius:0.05rem;color:#666;}

.navbottom
{
    padding-bottom: 35px;
}
.wrapper-nav
{
    position: absolute;
    z-index: 1;
    height: 40px;
    left: 0;
    width: 100%;
    overflow: hidden;
}

#navscroller
{
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#navscroller ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

#navscroller li
{
    display: block;
    float: left;
    width: 75px;
    height: 100%;
    padding-top: 10px;
    border-right: 0px solid #e3e3e3;
    background-color: white;
    color: #666;
    font-size: 16px;
    padding-top: 8px;
}
#navscroller li a
{
    text-decoration: none;
    color: #666;
}
#navscroller li h1
{
    font-size: 16px;
    font-weight: normal;
}
#navscroller .navcurr
{
    text-decoration: block;
    border-bottom: #ff6600 solid 2px;
    color: #ff6600;
    padding-bottom: 3px;
}
.datanav {
    height: 34px;
    margin: 10px;
    border: 1px solid #ff6600;
    border-radius: 5px;
    background: #fff;
    display: -webkit-box;
    text-align: center;
}
.datanav a:not(:last-child) {
    border-right: 1px solid #ff6600;
}
.datanav a {
    line-height: 34px;
    font-size: 14px;
    -webkit-box-flex: 1;
    display: block;
    text-align: center;
    color: #ff6600;
    text-decoration: none;
}
.datanav a.cur {
    background: #ff6600;
    color: #fff;
}
.list-bookname,.list-img-ctn,.list-infor-ctn{float:left;font-size:0.3rem;}
.wek-populat-body{font-size:0.24rem;color:#999;background:#fff}
.header{background:#fff;border-bottom: 1px solid #e4e4e4;}
.head-container{position:relative;width:100%;height:0.99rem;border-bottom:1px solid #e4e4e4;padding:0.3rem 0 0.29rem}
.back-btn,.search-btn{position:absolute;width:0.32rem;height:.4rem}
.back-btn{left:0.4rem}

.back-btn>i{display:block;width:0.32rem;height:0.4rem;background-position:50% 50%;background-size:100%}
.search-btn>i{display: block;width: 0.4rem;height: 0.4rem;background-size: 100%;}
.seach-btnnew{position: absolute;width: 0.6rem;height: 0.4rem;border:none;background-color:#fff;color:#666;right:0.3rem;font-size:0.28rem}
.module-name{width:5rem;text-align:center;color:#333;position:absolute;font-size:0.34rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.content{}
.more-cartoon-ctn{padding:0 0.24rem;}
.search-result{padding:0 0.24rem;}
.search-stats{font-size:0.24rem;color:#999;margin-bottom:0.2rem}
.search-stats span{color:#ff6600;font-weight:bold}
.search-mh-list{padding:0;margin:0;list-style:none}
.search-mh-list li{margin-bottom:0.2rem}
.search-mh-item{display:flex;background:#fff;border-radius:0.16rem;box-shadow:0 2px 12px rgba(0,0,0,0.06);overflow:hidden;transition:transform 0.2s}
.search-mh-item:active{transform:scale(0.98)}
.search-mh-cover{width:2rem;height:2.6rem;flex-shrink:0;position:relative}
.search-mh-cover img{width:100%;height:100%;object-fit:cover}
.search-mh-badge{position:absolute;top:0.1rem;left:0.1rem;font-size:0.2rem;padding:0.04rem 0.1rem;border-radius:0.06rem}
.search-mh-badge.finished{background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff}
.search-mh-badge.ongoing{background:transparent;color:#ff6600;border:1px solid #ff6600}
.search-mh-info{flex:1;padding:0.2rem;min-width:0;display:flex;flex-direction:column;justify-content:center}
.search-mh-title{font-size:0.3rem;color:#333;font-weight:bold;margin-bottom:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.search-mh-author{font-size:0.24rem;color:#999;margin-bottom:0.08rem}
.search-mh-desc{font-size:0.24rem;color:#666;line-height:0.36rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.search-mh-action{width:1.4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 0.1rem}
.search-mh-action .action-read{width:100%;height:0.56rem;line-height:0.56rem;font-size:0.24rem;font-weight:bold;background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;border-radius:0.28rem;text-align:center;box-shadow:0 2px 8px rgba(255,102,0,0.25)}
.search-empty{text-align:center;padding:2rem 0}
.search-empty i{font-size:1.2rem;color:#ddd;margin-bottom:0.24rem}
.search-empty p{font-size:0.32rem;color:#666;margin-bottom:0.12rem}
.search-empty .search-tip{font-size:0.26rem;color:#999}
.search-news-list{padding:0;margin:0;list-style:none}
.search-news-list li{margin-bottom:0.2rem}
.search-news-item{display:flex;background:#fff;border-radius:0.16rem;box-shadow:0 2px 12px rgba(0,0,0,0.06);overflow:hidden;transition:transform 0.2s}
.search-news-item:active{transform:scale(0.98)}
.search-news-cover{width:2rem;height:1.4rem;flex-shrink:0}
.search-news-cover img{width:100%;height:100%;object-fit:cover;border-radius:0.16rem 0 0 0.16rem}
.search-news-info{flex:1;padding:0.2rem;min-width:0;display:flex;flex-direction:column;justify-content:center}
.search-news-title{font-size:0.3rem;color:#333;font-weight:bold;margin-bottom:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.search-news-desc{font-size:0.24rem;color:#666;line-height:0.36rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0.1rem}
.search-news-meta{display:flex;align-items:center;gap:0.2rem}
.search-news-author{font-size:0.22rem;color:#999}
.search-news-time{font-size:0.22rem;color:#999}
.search-box{padding:0 0.24rem;margin-bottom:0.2rem}
.search-form-inner{display:flex;align-items:center;height:0.8rem;background:#fff;border-radius:0.4rem;box-shadow:0 2px 8px rgba(0,0,0,0.06);padding:0 0.24rem}
.search-form-inner i{font-size:0.34rem;color:#999;margin-right:0.16rem}
.search-input-inner{flex:1;height:100%;font-size:0.28rem;background:transparent;border:none;color:#333}
.search-submit-inner{width:1.2rem;height:0.56rem;background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;border:none;border-radius:0.28rem;font-size:0.26rem;font-weight:bold;margin-left:0.16rem}
.search-hot{background:#fff;border-radius:0.16rem;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:0.24rem;margin-bottom:0.2rem}
.search-hot-title{font-size:0.28rem;color:#333;font-weight:bold;margin-bottom:0.16rem;display:flex;align-items:center;gap:0.1rem}
.search-hot-title i{font-size:0.28rem;color:#ff6600}
.search-hot-tags{display:flex;flex-wrap:wrap;gap:0.12rem}
.search-hot-tags a{display:block;font-size:0.24rem;color:#666;padding:0.08rem 0.2rem;background:#f5f5f5;border-radius:0.2rem;transition:all 0.2s}
.search-hot-tags a:active{background:#fff7f0;color:#ff6600}
.more-cartoon-list{width:100%;height:3.32rem;position:relative;overflow:hidden;margin-top:0.32rem;background:#fff;padding-bottom:0.16rem;border-bottom:1px solid #e4e4e4}
.list-img-ctn img{width:2.5rem;height:3.32rem;background:url(../../images/place/index2.png) no-repeat;background-size:cover}
.list-infor-ctn{width:4.23rem;padding-left:0.24rem;padding-top:0.04rem}
.list-detail{overflow:hidden}
.works-ctn{margin-bottom:0.2rem;margin-top:0.02rem}
.list-bookname{width: 100%;height:0.4rem;line-height:0.4rem;font-size:0.35rem;color:#333;font-weight:bold;margin-top:0.1rem;}
.list-scroe{width:1.7rem;height:0.34rem;margin-right:-0.03rem}
.list-scroe>i{display:block;float:left;width:0.28rem;height:0.28rem;margin-right:0.03rem;margin-left:0.02rem;background-size:100% 100%}
.list-writer{width:3.58rem}
.list-msg{height:0.3rem;font-size:0.2rem;color:#999;}
.list-title{margin-right:0.12rem;font-size:0.2rem;color:#999}
.list-summary{line-height:0.35rem;}
.load-ctn{position:relative;height:0.34rem;margin-top:0.34rem}
.loading{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.loadTxt{font-size:0.26rem;color:#666}
.loadTxt:before{content:'';position:absolute;left:-0.3rem;top:0.03rem;width:0.3rem;height:0.28rem;background:url(../images/load.png) no-repeat;background-size:100%}

.list-upTime{margin-top:0.24rem}
.list-content,.list-summary,.list-upTime,.list-writer{font-size:0.3rem;color:#999}
.no-result-ctn{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.result-kong{width:2.75rem;height:2.85rem;margin:0 auto;margin-bottom:0.24rem}
.result-text{text-align:center;color:#a8b0b5;font-size:0.26rem}
.box-size{-webkit-box-sizing:border-box;box-sizing:border-box}
.nav-container{border-bottom:0.5px solid #e4e4e4}
.swiper-naveach{display:inline;overflow-x:scroll;-webkit-overflow-scrolling:touch;width:100%;white-space:nowrap;padding-left:0.24rem}
.swiper-naveach li{display:inline-block;margin-bottom:0.05rem;margin-right:0.5rem;height:0.72rem;line-height:0.72rem}
.rank-list i{position:absolute;top:1rem;right:1rem;background:url(../../../Public/images/list/1.png);background-size:cover;width:0.16rem;height:0.44rem}
.naVbottom::before{position:absolute;content:'';margin-top:0.6rem;margin-left:.05rem;padding:.04rem .2rem;background-color:#ff6600;border-radius:.16rem;font-size:.16rem}
#swiper-nav ul li::after{content:'22';margin-left:.1rem;padding:.05rem .15rem;border:#999 solid 1px;border-radius:.16rem;font-size:.16rem;color:#999}
.mid-more { height: 0.8rem; line-height: 0.8rem; text-align: center; background-color: #f6f6f6; margin:0.1rem 0.24rem; font-size:0.2rem;}
.mid-more a{border:0.01rem solid #ccc;padding:0.1rem;background-color:#fff;color:#666;}
.mid-more #pnv a{ display:inline-block; height:0.6rem; line-height:0.6rem; padding:0 0.24rem; margin:0.1rem 0.06rem; font-size:0.24rem; color:#666; background-color:#fff; border:0.02rem solid #e4e4e4; border-radius:0.08rem; vertical-align:middle; }
.mid-more #pnv a.ml-prev,
.mid-more #pnv a.ml-next{ padding:0 0.32rem; color:#ff6600; border-color:#ff6600; }
.mid-more #pnv a.ml-curr.active{ color:#fff !important; background-color:#ff6600; border-color:#ff6600; cursor:default; }
.mid-more #pnv a.noclick{ color:#ccc !important; cursor:not-allowed; pointer-events:none; opacity:0.5; }
.mid-more #pnv a.inde{ padding:0 0.28rem; }
/**新闻详情**/
.article-head { padding: 10px 8px; border-bottom: 1px solid #eee; box-shadow: 1px 1px 4px #fff; -webkit-box-shadow: 1px 1px 0px #fff; }
.article-head .info{font-size: 0.24rem;margin-top: 0.2rem;}
.article-head h1 { font-size: 0.5rem; color: #333; line-height: 0.5rem; }
.article-head h2 { font-size: 0.5rem; color: #333; line-height: 0.5rem; }
.article-content, .article-inwrap p, .article-inwrap b, .article-inwrap strong, .article-inwrap a, .article-inwrap span, .article-inwrap em { font-size: 0.3rem; line-height: 0.5rem; }
.article-content a { color: #ff6600 ;}
.article-content h3 { color: #ff6600 ; margin:40px 0px 20px 0px; }
.article-content strong{ color: #ff6600;}
.article-content table a { color: inherit;text-decoration:none !important;}
.article-inwrap p { margin: 0; }
.article-head span { height: 25px; color: #999; margin: 5px; font-size:0.26rem;}
.article-content { padding: 10px; }
.article-content img { display: block; margin: 0px auto; max-width: 100% !important; }
/**新闻列表**/
.news-nav{display:flex;justify-content:center;background:#fff;margin-bottom:0.2rem;border-radius:0.16rem;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:0 0.24rem}
.news-nav a{flex:1;height:0.88rem;line-height:0.88rem;font-size:0.3rem;text-align:center;color:#666;position:relative;transition:all 0.2s}
.news-nav a.active{color:#ff6600;font-weight:bold}
.news-nav a.active:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0.8rem;height:0.04rem;background:linear-gradient(90deg,#ff6600,#ff8c42);border-radius:0.02rem}
.news-list-ul li { height: 56px; padding: 10px 0; margin: 0 8px; display: -webkit-box; display: box; border-bottom: 1px solid #e5e5e5; }
.news-list-ul li .pic { display: block; width: 87px; height: 56px; margin-right: 10px; margin-right: 10px; }
.news-list-ul li img { width: 87px; height: 56px; }
.news-list-ul li .text a, .news-list-ul li .info { display: block; width: 100%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; line-height: 20px; }
.news-list-ul li .text { display: block; -webkit-box-flex: 1; box-flex: 1; }
.news-list-ul li .text a { white-space: nowrap; color: #474747; }
.news-list-ul li .info { font-size: 12px; height: 34px; line-height: 18px; display: -webkit-box; display: box; -webkit-line-clamp: 2; word-wrap: break-word; word-break: break-all; -webkit-box-orient: vertical; color: #999; }
.down-list .pop-wrap:last-child { border-bottom: none }
.down-list h3 .ico { background: none }
.down-list h3 .ico img { width: 100%; height: 100%; }
.pop-down-list { width: 100%; /*display:none; position:absolute; left:0; top:87px; background-color:#fff; -moz-box-shadow: 0px 2px 2px #ccc;-webkit-box-shadow: 0px 2px 2px #ccc;box-shadow: 0px 2px 2px #ccc;*/ }
.down-list .down-tab { display: none }
.down-list .current { display: block }
.article-content iframe { max-width: 100%; height: auto !important;color: #474747;}
.phnav{color: #999; margin-top:8px;font-size:0.2rem;margin-bottom:8px;}
.phnav a{color: #999;margin: 0 3px;text-decoration: none;}
.phnav h2{display:inline;}
.phnav h3{display:inline;}
.article-content p{text-indent:2em;}
.dis-bot { border-bottom: 10px solid #ededed !important; background-color:#fff;width: 100%;overflow: hidden;}
.dis-bot1 { border-bottom: 3px solid #ededed !important; }
.article-inwrap{background-color:#fff;}
.relate-app-list {overflow: hidden;}
.u-widget-wrap-b { border-bottom: 1px solid #eee;margin: 0; }
.u-widget-wrap-c { border: 1px solid #eee;margin: 5px; }
.u-widget-wrap { padding: 0.16rem; overflow: hidden;}
.u-widget-wrap a{text-decoration:none !important;color:#666;}
.u-widget-wrap .info .cover {width: 1.3rem;height: 1.3rem;margin-right: 0.16rem;}
.u-widget-wrap .info .cover img { width: 100%; height: 100%; margin: 0; object-fit: cover;}
.u-widget-wrap .info { display: box; display: -webkit-box; position:relative;font-size:0.2rem;}
.u-widget-wrap .info p{font-size:0.24rem;color:#666;margin:0;line-height:0.4rem;}
.u-widget-wrap .info .link{-webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; }
.u-widget-wrap .info .link .size{-webkit-box-flex: 1; box-flex: 1;text-overflow: ellipsis;  white-space: nowrap;overflow: hidden;width: 3rem;}
.u-widget-wrap .info .link div.down{-webkit-box-flex: 1; box-flex: 1;text-align:right;}
.u-widget-wrap .info  a.down, .u-widget-wrap .info  a.action-read {margin: 0.2rem;width: 1.2rem;height: 0.52rem;margin-right: 0;line-height: 0.52rem;text-align: center;border-radius: 0.25rem;display: inline-block;font-size: 0.24rem;font-weight:bold;margin-top: 0.4rem;background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;box-shadow:0 2px 8px rgba(255,102,0,0.25)}
.u-widget-wrap .info .tags{position:absolute;bottom:-5px;left:70px;margin-top:5px;}
.u-widget-wrap .info .tags a{text-overflow: ellipsis; white-space: nowrap;width:60px; overflow: hidden;margin-right:3px; text-align: center; border-radius: 15px;background-color:#ff6600;color:#FFF;display: inline-block; line-height:20px;padding:0 2px;font-size:13px;}
.u-widget-wrap .info .tags a:nth-child(1){ background-color: #009933; }
.u-widget-wrap .info .tags a:nth-child(2){ background-color: #6666FF; }
.u-widget-wrap .info .tags a:nth-child(3){ background-color: #0066FF; }
.u-widget-wrap .info .tags a:nth-child(4){ background-color: #66CC00; }
.mid-title { border-bottom: 0.02rem solid #eee; border-left: 0.08rem solid #ff6600; height: 0.9rem;font-size:0.3rem;line-height: 0.9rem;}
.mid-title h2 { display: inline-block; height: 0.9rem; line-height: 0.9rem; font-size: 0.4rem; color: #333; padding-left: 0.2rem; float: left;}
.mid-title .rfresh { float: right; height: 45px; line-height: 45px; padding: 0 10px 0 25px; font-size: 1.5rem; color: #a0a0a0; background: url(sy-ico.png) -5px -799px no-repeat; background-size: 30px auto;}
.mid-title .rfresh:active { background-color: #f6f6f6;}
.mid-title a { float: right; height: 0.9rem; line-height: 0.9rem; margin-right: 10px; }
.mid-title span { color: #999; font-size: 0.3rem;margin-left: 0.1rem;}
.goappurl{
	width: 100%;
    margin: 20px auto;
}
.xtcs-ul li img{display:inline;}
.tab-bd .text-ul li, .xtcs-ul li { width: 25%; float: left; text-align: center; margin-top: 10px; font-size:0.2rem;}
.tab-bd .text-ul img, .xtcs-ul li img { width: 65px; height: 65px; object-fit:cover;}
.tab-bd .text-ul .tit, .xtcs-ul li .tit { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 14px; overflow: hidden;color:#474747;}
.tab-bd .text-ul .down, .xtcs-ul li .down { display: inline-block; width: 60px; height: 22px; line-height: 24px; color: #ff6600; border: 1px solid #ff6600; font-size: 1.3rem; border-radius: 12px; }
.xtcs-ul { overflow: hidden; padding-bottom: 12px; }

.icon-tag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAkCAYAAAAjMNwcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfJJREFUeNrs2k0oBHEYx/H/jlVWOSwrB0XeIklJUcTBgYOLLUevJzcHriQOysGd23o5KntRKCdFHBRFid2Di1h2D8pLiN/T/CcvMfPMdeZ56nva3cN++s/s7Mw/kEgklMuJoBHUjSpQIUqhEMpT3psM2kQTKGm4+GAAjaMzVIKmUD3KQnWoWL/Ha1WjY7SLyoNMLEJZQjWoBV3+ej2lvDv03ebQG5o1mFirqAC1/YHll1lGnUEmVhj1oGfl36GVFjYcsFYE6+cYNli0BPNRVLC+JmiDFdEr60mY/l9h1q+hYDHACCumL0SjguV8SC6iIr2yHoXGHmwINaJWwXIGy0YzqFeweOewLnSFDoWDB9aBNoSCD0bnrQOh4IOVoQuh4IPRdVdaKPhgL8LgDiyt/2TLMMHokqJKKPhg+6hZKPhgO8p8AiTDBNtCpahJOHhgr2gSLaBcIXEGo4mhIxQXNB4YDT3NvkHrgsYDe1fmfbGURgsJjz2YhTaI7vThKWgOYBbagEaTlcYA+46W1mg5QmUPZqH1K3O7T1zQnMEstD6N5vfDk26DZTi7dyy0e2Xukar0KRidora5+8Osw3MM7enVtoZO0K0yn5TT/osHj66sYTSK2t3sQPxA86hWmbeEpjUYYZ6ia/0er3WOGggLJT8FGACxyZdWh3MkoAAAAABJRU5ErkJggg==)}
.detail-body{font-size:.24rem;background:#f9f9f9}
.detail-body .content img{width:100%;height:100%}
.detail-nav{position:relative;width:100%;height:1rem;border-bottom:#e4e4e4 solid 1px;background:#fff}
.go-back{width:.32rem;top:0;background-position:50% 50%;background-size:100%;line-height: 1rem;}
.go-search{right:.4rem;width:.4rem;background-size:100%}
.nav-title{text-align:center;height:1rem;line-height:1rem;font-size:0.3rem;color:#333;width: 4.89rem;margin: 0 0.15rem;}
.detail-content{padding:0.4rem .24rem 0;background:#fff}
.icon-login{position:absolute;top:.3rem;bottom:.3rem;right:1.3rem;width:.4rem;background:url(../images/V_1_1/header/icon_me.png) no-repeat;background-size:100%}
.detail-left{overflow:hidden;float:left;width:2.63rem;height:3.5rem;border-radius:.08rem;box-shadow:0 0 10px rgba(0,0,0,.2);background-color:#f9f9f9;}
.detail-left img{width:100%;height:100%;}
.detail-right{position:relative;margin-left:2.87rem;padding-top:.06rem;padding-bottom:0.2rem;}
.detail-right h1{font-size:0.3rem;height:0.4rem;line-height:0.4rem;}
.detail-right h2{font-size:0.3rem;height:0.4rem;line-height:0.4rem;}
.detail-right h3{margin-top:0.2rem;color:#333;height:0.3rem;line-height:0.3rem;}
.detail-name{height:.3rem;line-height:.32rem}
.detail-author,.detail-type{height:.22rem;line-height:.24rem;font-size:.2rem}
.detail-type i{margin-right:.06rem;color:#a8b0b5}
.detail-type em{margin-right:.26rem;}
.detail-desc{font-size:0.2rem;line-height:0.34rem;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.detail-tag{margin-top:0.2rem;font-size:.18rem;color:#a8b0b5;}
.detail-tag a{text-align:center;float:left;height:.4rem;line-height:.4rem;margin-right:0.06rem;background-size:100% 100%;padding: 0.01rem 0.11rem;color: #333;width: 1.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.detail-tag a:before{content:'\00a0'}
.detail-read{position:absolute;text-align:center;left:0;bottom:0.2rem;width:2.48rem;height:.74rem;line-height:.74rem;border-radius:.08rem;color:#fff;background:#ff6600;font-size:0.2rem;}
.detail-star{position:absolute;top:.06rem;right:0;height:.28rem}
.detail-star i{float:left;width:.28rem;height:.28rem;margin-left:.03rem;background-size:100% 100%}
.show-change{border-bottom:#e4e4e4 solid 1px;background:#fff}
.show-change h3{text-align:center;float:left;width:50%;color:#a8b0b9}
.show-change h3.active{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAICAYAAAAP1Fp1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpi/L+NYTgAdij9c6h7hGmYRMZ6IN6AFDGjETKAkQGKCE8g9hgOkcI0DCLDA0lsyEcKCxD/ZxheABQpP0ZzyCgYjZDRCBkFNAcAAQYAWAAKcHxi+fMAAAAASUVORK5CYII=) 50% 100% no-repeat;background-size:1rem;color:#ff6600}
.show-change h3 i{display:inline-block;margin:.68rem auto .22rem;width:1rem;line-height:.24rem}
.show-change h3 i[data-count]:after{position:absolute;content:attr(data-count);margin-left:.1rem;padding:0 .15rem;border:#a8b0b9 solid 1px;border-radius:.16rem;font-size:.16rem}
.show-change h3.active i[data-count]:after{border-color:#ff6600}
.chapter-menu{margin:0 .24rem 1.25rem}
.chapter-info{overflow:hidden;padding:.36rem 0;color:#5f6675}
.chapter-time{float:left;font-size:.2rem}
.chapter-sort{float:right;height:.2rem;line-height:.2rem;padding-left:.3rem;font-size:.2rem}
.chapter-sort[data-type=asc]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAb1BMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbw3/OPAAAAJHRSTlMA8ULrGtl/Oa4FzTwSxx8O+OjBs1E1LRfj0rmIc2snopyDYErmVLiEAAAAkklEQVQY06XQyw6DIBCF4dFWFLDeFe+9nfd/xjKlCwldNOm3IfkTMpOhOTodVclORCry1b2Ne+x5DvSjTYdtQRRUAaBO/baCjZq6u2DLlpOpkUE1uNIIp+pIro8ebSE6Em3G5ltBVo9GBtNTXMr/Yv4lKo7y/FaUx9gmjko5akzGPhOcKuY4uD3zz3cjOUrNR34BuIMLzdjf4QwAAAAASUVORK5CYII=) 0 0 no-repeat;background-size:auto 100%}
.chapter-sort[data-type=asc]:after{content:'正序'}
.chapter-sort[data-type=desc]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAclBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbn+Ue6AAAAJXRSTlMA8UIb69l/Oa4Fzcc8Eg7os1E1LSEX49LAuYhza/f2opyDYEoqh5ckMwAAAJBJREFUGNOVztkOgjAQheEDSIFS9pbd3Xn/V7STetGqMfG7/CeTHFSJYwpYhRpgTeScYlgDzXxsU0dmHBVNhh8SpwbLSFbw/Irl11j/FUWbs+WiOfZU8s6RXjoU262nVosO3VWwda9gGspJznSGbyM2KgSEbU2GNytFCh92v4V0HLgPHGUUanoAS3TwHdMH8AR1SgvXweTthgAAAABJRU5ErkJggg==) 0 0 no-repeat;background-size:auto 100%}
.chapter-sort[data-type=desc]:after{content:'倒序'}
.chapter-list{margin-right:-.2rem;}
.chapter-list .lz{font-size: 0.2rem;color: #ff8c42;}
.chapter-pm{position:relative;float:left;width:1.6rem;margin-right:.2rem;margin-bottom:.24rem;background:#fff}
.chapter-all,.chapter-pm{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;border:#eee solid 1px;border-radius:.1rem;color:#666;font-size:.22rem;background:#fff}
.chapter-pm a{overflow:hidden;display:block;height:.66rem;line-height:.66rem;margin:0 .14rem;color:#666}
.chapter-pm.locker:after{content:'';position:absolute;top:-.12rem;right:-.08rem;width:.19rem;height:.23rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAMAAADeH4ToAAAAZlBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmfn5+0tLRiljwTAAAAH3RSTlMA7TmY8trOs6J8YDfluKyNbVhNRiwnFgzUx7uFcmgbSK4+gwAAAH9JREFUGNPNj1kSgjAQBYMhAolsCu7aev9LmiGksKIHoL9e9Uy9mlGBp9Vl25/UF12GYPpFaSJVVDdg1+hClvdBDUBz9GE8+5kPngpMaB9zsFOql5oS9BS20hLooIjuMLsH1Kmz854zcHcbwbVwGaQ25a1yUl4qW7n7d/P197cPiLIjWzhebQQAAAAASUVORK5CYII=) 0 0 no-repeat;background-size:100%;z-index:2}
.chapter-all{display:block;width:100%;height:.74rem;line-height:.74rem}
.chapter-tm{overflow:hidden;display:block;border:#eee solid 1px;border-radius:.12rem;margin-right:.2rem;margin-bottom:.24rem;background:#fff}
.tm-left{position:relative;float:left;width:2.24rem;height:1.4rem;background-color:#e4e4e4}
.tm-right{padding-left:2.24rem}
.tm-right h4{margin:.34rem .24rem 0;line-height:.22rem;font-size:.22rem;color:#333}
.tm-right p{margin:.36rem .24rem 0;line-height:.2rem;font-size:.2rem;color:#a8b0b5}
.chapter-tm.locker .tm-left:after{content:'';position:absolute;right:0;bottom:0;width:.62rem;height:.3rem;background:rgba(0,0,0,.35) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO5JREFUeNpi/P//PwMOoAbEAUCsB8TMQHwFiDcD8SWsqkEGYcFT/+MGS7HpwWbInv+EwTkg5sBn0Bw0DdOB2BWInYC4F01uAy6DJNAUumFxrTmaGn1sBpUhKZiDI+xAuBbNxWBxJqRw10Viz2fADRYisTVhDGSDWJDYP/AY9AebHmSDviCxP+Ix6B0S+zu6iZxALIqkQAeqiBnNkH9ALIvE5wNifrDFwIDyBOLnaLHxD4h/A/FfNPwHSiOD90AcBjJo43/KwSZQGH1goBy8Axn0lwoG/WNioBIY5gYxUssgISqYIwAy6AAVDLoIEGAAnoTXPa9ECesAAAAASUVORK5CYII=) 50% 50% no-repeat;background-size:auto 75%}
.comment-menu{margin:0 .24rem 1.25rem}
.comment-main{margin-top:.34rem;border-bottom:#eee solid 1px}
.comment-main:last-child{border-width:0}
.user-info{position:relative;height:.8rem;padding-left:1.03rem;margin-bottom:.2rem}
.user-head{position:absolute;top:0;left:0;width:.8rem!important;height:.8rem!important;border-radius:100%}
.user-sign{position:absolute;top:.52rem;left:.52rem;width:.28rem!important;height:.28rem!important}
.user-name{padding-top:.1rem;line-height:.24rem;color:#333}
.user-name em{margin-left:.25rem;font-weight:bold;font-size:.18rem;color:#ff6600}
.user-updatetime{padding-top:.15rem;font-size:.18rem;color:#a8b0b5}
.comment-content{color:#333}
.comment-info{padding:.28rem 0 .28rem;line-height:.18rem;font-size:.18rem;color:#a8b0b5}
.comment-iwom{float:right}
.comment-replay{padding-left:.35rem;margin-right:.4rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNpiXLFhKwMQmAJxFRAbAzErEP9lIA0wATEjEF8D4onh/l6bWIAMCyA+zkAdIAHETis3bksD2dTDQH3QBTJYnQYG84IM/k4Dg7+BDP5HA4PBsckwavDQNZiJVgaz08BcLpDB92hg8FeQwTU0MLgYVLrtBeIYIC4DYmFo8fcfqgCUK9mAWBxN428gvgNlMyLRH4F4FrDYnMsCFVwKxcxoBoAsYIGW1fVI4jeAWA/EABpCVHL7i4ZBLv4FxA1AnIKk7gM10/FcII6AsjUIKWYhMVJWAvEbIA6CBhvOKgwgwACfRyu36qcnFwAAAABJRU5ErkJggg==) 0 center no-repeat;background-size:.22rem .2rem}
.comment-up{padding-left:.37rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABMElEQVQ4jbXUvyuFURzH8ZfrFskkkc2ETFLK6m9QJovFqmShUAaThUUWi5LNXYxWpcfwlOTJRrks3HQX5edw71O3m/v0eHg+dTrf8/2c8z6nzjnftqPSiRQawgo+sYsgNqIw+HFBMQV0GFdor4/nsICdpEWFFODlBmisbUz9FdzTIr//V3Bvi/wgBrKCuzCe4FdaGfHljaK/Hl+gihmsoyMBvDQyNnGHNzzjMgqDMrQdlU5mcdAweRLn+EoAttIHNqMwWCtivsl8zwCM1Y7VkbGJywKemswsJ23WdEHtN/23XtM8tyyq5gWu5AW+zQt8lgf4PgqD6zzAp6QrQr9VKQ/wYxQGxzG4+x/BG3FQwEOT2ZkRGmIvHhSxiBf01XPlen+oVjeSGrWKdhOFwVbjLt/1P0k9rEXDuwAAAABJRU5ErkJggg==) 0 center no-repeat;background-size:.22rem .22rem}
.comment-app-down{text-align:center;display:block;height:.72rem;line-height:.72rem;margin:.3rem .24rem 0;border:#eee solid 1px;border-radius:.12rem;color:#fff;font-size:.22rem;background:#ff6600;background:-webkit-linear-gradient(270deg,#ff6600,#ffd364);background:linear-gradient(270deg,#ff6600,#ffd364)}
#secChapter{margin-top:0.2rem;background-color:#fff;}
.dis-bot .u-tags { padding: 10px 0 5px 10px; }
.dis-bot .u-tags a { display: inline-block; padding: 5px 12px; height: 22px; -webkit-border-radius: 11px; border-radius: 11px; line-height: 22px; background: #ff3da5; margin: 0 6px 10px 0; color: #FFF; }
.dis-bot .u-tags a:nth-child(2) { background: #f93dff; }
.dis-bot .u-tags a:nth-child(3) { background: #595fff; }
.swiper-container1 { padding: 15px 0 20px 0; position: relative }
.swiper-container1 .swiper-slide { width: 150px; }
.swiper-container1 img { width: 100%; height: 100% }
.swiper-container1>.swiper-pagination { bottom: 0 !important; }
#details { margin: 0 10px; font-size: 1.5rem; height:auto; overflow: hidden }
#details a { color: #ff6600 }
#details .little{font-size:0.26rem;}
#details, #details p, #details a, #details strong, #details b, #details em { font-size: 0.3rem; line-height: 0.5rem; }
#details p { font-size: 0.3rem; color:#999; }
#detailss { margin: 0 10px; font-size: 1.5rem; height:auto; overflow: hidden }
#detailss a { color: #ff6600 }
#detailss, #detailss p, #detailss a, #detailss strong, #detailss b, #detailss em { font-size: 1.5rem; line-height: 25px; }
#detailss p { font-size: 1.3rem; color:#999; }
.cnxh-title { position: relative; height: 36px; line-height: 36px; text-align: center;  }
.cnxh-title span { display: block; width: 90px; height: 36px; line-height: 36px; margin: 0 auto; font-size: 14px; background-color: #fff; z-index: 99; position: relative }
.cnxh-title:after { content: ''; position: absolute; top: 18px; left: 0; width: 92%; margin: 0 4%; height: 1px; background: #707070; }
.cnxh-nav { height: 35px; }
.cnxh-nav .swiper-slide { overflow: hidden; height: 35px; line-height: 35px; float: left; font-size: 14px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center }
.cnxh-nav .active { color: #ff6600; border-bottom: none }
.game-cnxh { padding-bottom: 12px; }
.tab-bd .text { padding: 5px 10px; }
.tab-bd .text .title { display: block; height: 30px; line-height: 30px; margin-top: 5px; overflow: hidden; font-weight: bold; font-size: 16px; }
.tab-bd .text .info { font-size: 0.3rem; line-height: 22px; color: #999; display: -webkit-box; -webkit-line-clamp: 3; word-wrap: break-word; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.tab-bd .text .info a { font-size: 14px; line-height: 22px; color: #999; }
.tab-bd .text .info .more { color: #4486d7; font-size: 14px; }
.tab-bd .text-ul { overflow: hidden; }
.tab-bd .text-ul li, .xtcs-ul li { width: 25%; float: left; text-align: center; margin-top: 10px; }
.tab-bd .text-ul img, .xtcs-ul li img { width: 65px; height: 65px; }
.text-ul img{display:inline;}
.tab-bd .text-ul .down, .xtcs-ul li .down { display: inline-block; width: 60px; height: 22px; line-height: 24px; color: #ff6600; border: 1px solid #ff6600; font-size: 12px; border-radius: 12px; }
.xtcs-ul { overflow: hidden; padding-bottom: 12px; }
.swiper-tab,.swiper-tab2{width:100%;overflow:hidden;}
/***soft页面介绍图片点击放大轮播**/
.swiper-full{display:block;width: 100%;height: 100%;z-index:9999;overflow: hidden; }
.swiper-full img{width:100%;height:100%}
.topic_list{font-size:0.24rem;margin-top:0.1rem;}
/* 插入CSS代码 */
.down_div { padding: 5px 0px; width: 100%; height: 70px; background: #FFF; color: #B2B2B2; margin: 5px 0px; }
.down_div .yx_left { width: 25%; float: left; height: 70px; display: inline-block; color: #B2B2B2; }
.down_div .yx_left img { width: 65px; height: 65px; display: block; margin: 3px auto 0px auto; }
.down_div .yx_right { width: 75%; float: left; height: 47px; color: #B2B2B2; }
.down_div .yx_right .rgt_l { width: 72%; float: left; height: 45px; display: inline-block; }
.yx_right .right1 { height: 25px; width: 100%; float: left; }
.yx_right .right1 span { display: inline-block; text-align: center; }
.yx_right .right1 .title { font-size: 15px; color: #333; line-height: 25px; width: 58%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; }
.yx_right .right1 .title1 { font-size: 15px; color: #333; line-height: 25px; width: 90%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; }
.yx_right .right1 .yx_cate { width: 38%; border: 1px solid #E7E7E7; border-radius: 10px; height: 20px; font-size: 12px; line-height: 20px; margin: 2px 1% 0px 1%; float: right; }
.yx_right .right2 { width: 100%; height: 20px; float: left; }
.yx_right .right2 span { display: inline-block; font-size: 14px; line-height: 22px; height: 22px; float: left; }
.yx_right .right2 .num { width: 60%; text-align: left; }
.yx_right .right2 .size { width: 40%; text-align: center; }
.down_div .yx_right .rgt_r { width: 28%; height: 45px; float: left; }
.yx_right .rgt_r span { display: block; line-height: 28px; width: 88%; border-radius: 14px; height: 28px; border: 1px solid #FF7D01; color: #FF7D01; margin: 5px auto; text-align: center; font-size:14px;}
.down_div .yx_txt { width: 75%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 22px; line-height: 22px; border-top: 1px dashed #E7E7E7; font-size: 14px; text-align: left; }
.down_div .yx_txt a { display: inline-block; height: 18px; line-height: 18px; text-align: center; padding: 0px 8px; margin: 2px 6px 2px 0px; float: left; border-radius: 10px; background-color: #57B007; font-size: 10px; color: #FFF; }
.down_div .yx_txt span { display: inline-block; height: 22px; float: left; font-size:14px;line-height:20px;}
.down_div .yx_txt a:nth-child(3) { background-color: #FF7D01; }
.down_div .yx_txt a:nth-child(4) { background-color: #AA59F2; }
.down_div .yx_txt a:nth-child(5) { background-color: #348DF2; }
.down_a { width: 100%; background: #FFF; margin: 5px 0px; }
.down_a a { display: block; height: 30px; padding: 5px 0px; color: #333; }
.down_a span { display: inline-block; float: left; }
.down_a .a_tit { width: 78%; float: left; margin: 0px 1%; height: 30px; line-height: 30px; font-size: 15px; text-indent: 3px; }
.down_a .a_down { width: 18.5%; height: 28px; line-height: 28px; border: 1px solid #FF7D01; color: #FF7D01; text-align: center; border-radius: 14px; }
.xq_crf { margin: 10px 0px; padding: 0; border: 1px solid #ff6600;}
.xq_crf span { height: 30px; line-height: 30px; color: #fff; background-color: #ff6600; display: inline-block; text-align: center; width: 100%; }
.xq_crf ul { overflow: hidden; zoom: 1; }
.xq_crf li { float: left; width: 33.33333%; min-height: 35px;height: 35px; text-align: center; padding: 0; }
.xq_crf li img { width: 66px; height: 66px; }
.xq_crf li a.tit { display: inline-block; width: 100%; border-right: 1px solid #ff6600;border-bottom: 1px solid #ff6600;height: 35px; line-height: 35px; font-size: 14px; text-align: center; overflow: hidden; color: #333; }
.swiper-container5 { position: relative; padding-bottom: 18px; border-bottom: 8px solid #f6f6f6; }
.swiper-container5 .swiper-slide { overflow: hidden; margin-top: 5px; }
.swiper-container5 a { display: inline-block; width: 33.33%; float: left; height: 36px; line-height: 30px; text-align: center; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 3px solid #fff; background-color: #f0f0f0; color: #ff6600; font-size: 1.3rem; }
.swiper-container5 .swiper-pagination { bottom: 5px }
.swiper-container5 .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #dfdfdf; opacity: 1 }
.swiper-container5 .swiper-pagination-bullet-active { background-color: #ff6600 }

/**专区列表**/
.zq-list { overflow: hidden; margin-right: 10px; padding-bottom: 10px; }
.zq-list li { width: 50%; float: left; margin-top: 0.2rem; padding-bottom: 0.6rem; position: relative; overflow: hidden; font-size:0.28rem;height: auto;}
.zq-list li a { display: block; height: 100%; margin-left: 10px; overflow: hidden; }
.zq-list li img { width: 100%; height: 100%; display:inline;}
.zq-list li .tit { position: absolute; bottom: 0; margin: 0; height: 0.6rem; text-align: center; font-size: 0.28rem; line-height: 0.6rem; }
.zq-game .picauto { position: relative; margin: 0.2rem; }
.zq-game .picauto img { height: 100%; width: 100% ;font-size:0.3rem;}
.zq-game .picauto .tit { position: absolute; width: 100%; left: 0; bottom: 0; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; background: rgba(0,0,0,.6); color: #fff; font-size: 1.4rem; }
.zq-game .picauto .tit h2{ font-size:16px;color: #fff;font-weight: normal;}
.down-game-ul{font-size:0.3rem;}
.list-nav { display: -webkit-box; display: -moz-box; display: box; }
.list-nav a, .list-nav span { display: block; width: 1%; height: 40px; line-height: 40px; font-size: 1.7rem; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; text-align: center; }
.list-nav .active { color: #ff6600; border-bottom: none; }
.down-game-ul li { height: 1.2rem; padding: 0.2rem; border-bottom: 0.01rem solid #eee; display: -webkit-box; display: -moz-box; display: box;background-color: #fff;}
.down-game-ul img { width: 1.2rem; height: 1.2rem; font-size:0.3rem;object-fit: cover;}
.down-game-ul .text { display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; margin: 0 8px; }
.down-game-ul a, .down-game-ul .text p { display: block }
.down-game-ul .down, .down-game-ul .action-read { height: 0.5rem; line-height: 0.5rem; width: 1.2rem; margin-top: 0.32rem; border-radius: 0.25rem; text-align: center; font-size: 0.24rem; font-weight:bold; background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;box-shadow:0 2px 8px rgba(255,102,0,0.25)}
.down-game-ul .text a { font-size: 0.3rem; width: 100%; height: 0.6rem; line-height: 0.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333;}
.down-game-ul .text p { font-size: 0.28rem; color: #999; margin-top: 0.14rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.addNub .nub { display: inline-block; height: 22px; width: 22px; margin: 19px 8px 0 0; text-align: center; line-height: 22px; color: #fff; background-color: #c1c1c1; border-radius: 50%; }
.addNub li:nth-child(1) .nub { background-color: #b91818 }
.addNub li:nth-child(2) .nub { background-color: #ff6600 }
.addNub li:nth-child(3) .nub { background-color: #ff6600 }
.rank-list-ul { overflow: hidden; margin: 0 5px 10px 5px; }
.rank-list-ul li { width: 50%; float: left; height: 30px; margin-top: 10px; -webkit-box-sizing: border-box; padding: 0 5px 10px 5px; }
.rank-list-ul li a { text-align: center; display: block; font-size: 1.5rem; height: 28px; line-height: 28px; border: 1px solid #eee; }
.mid1-top { padding: 10px; display: -webkit-box; display: -moz-box; display: box; }
.mid1-top .pic img { height: 65px; width: 65px; float: left }
.mid1-top .text { height: 70px; margin: -3px 8px; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0;overflow: hidden; }
.mid1-top .text h2 { font-weight: normal; }
.mid1-top .text h1 { font-weight: normal; }
.mid1-top .like { height: 25px; margin-top: 20px; text-align: center; line-height: 27px; font-size: 1.4rem; overflow: hidden; }
.mid1-top .like em { font-size: 1.4rem; color: #ff6600; }
.down-detail-mid1 .down-wrap { font-size: 1.4rem; color: #ff6600; margin: 0 10px; padding-bottom: 10px; }
.down-detail-mid1 .down-wrap a, .down-detail-mid1 .down-wrap .down-btn-new { width: 100%; display: block; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; margin-top: 10px; font-size: 1.6rem; }
.down-detail-mid1 .down-wrap a:nth-child(1), .down-detail-mid1 .down-wrap span:nth-child(1) { background-color: #30a822; }
.down-detail-mid1 .down-wrap a:nth-child(2), .down-detail-mid1 .down-wrap span:nth-child(2) { background-color: #0099ff; }
.down-detail-mid1 .down-wrap a:nth-child(3), .down-detail-mid1 .down-wrap span:nth-child(3) { background-color: #F10E9C; }
.down-detail-mid1 .down-wrap a:nth-child(3), .down-detail-mid1 .down-wrap span:nth-child(4) { background-color:#660099; }
.down-detail-mid1 .down-wrap a:nth-child(3), .down-detail-mid1 .down-wrap span:nth-child(5) { background-color:#006699; }
.down-detail-mid1 .down-wrap a:nth-child(3), .down-detail-mid1 .down-wrap span:nth-child(6) { background-color:#990000; }
.down-detail-mid1 .down-wrap a:nth-child(3), .down-detail-mid1 .down-wrap span:nth-child(7) { background-color:#3333CC; }
.down-detail-mid1 .down-wrap a:nth-child(3), .down-detail-mid1 .down-wrap span:nth-child(8) { background-color:#663300; }
.down-detail-mid1 .down-wrap a:nth-child(3), .down-detail-mid1 .down-wrap span:nth-child(9) { background-color:#FF0000; }
.down-btn-zx { width: 45%; display:inline-block; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; margin-top: 10px; font-size: 1.6rem;background-color: #ff6600; margin-right:8%; }
.down-btn-sc { width: 45%; display:inline-block; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; margin-top: 10px; font-size: 1.6rem;background-color: #45a8eb; }
.bgwhite{background-color:#fff;}
.search-body{font-size:0.24rem;color:#999;background:#f9f9f9}
.header{background:#fff}
.head-container{position:relative;width:100%;height:1rem;padding:0.3rem 0 0.29rem}
.form-ctn{width:5.13rem;height:0.6rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0.2rem}
.search-icon{position:absolute;width:0.26rem;height:0.26rem;margin-left:0.24rem;margin-top:0.18rem;background-size:0.26rem 0.26rem}
.search-bar{width:100%;height:100%;border-radius:20px;border:1px solid #e4e4e4;background:#eee;padding-right:0.66rem;padding-left:0.66rem;color:#333;font-size:0.26rem;display: inherit;}
.ov672
{
    width: 6.72rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.de_header
{
    width: 100%;
    height: 0.84rem;
    line-height: 0.84rem;
    position: fixed;
    left: 0;
    top: 0.84rem;
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid #fce6ee;
    font-size: 0.34rem;
    text-align: center;
}

    .de_header .backa
    {
        display: block;
        width: 0.84rem;
        height: 0.84rem;
        position: absolute;
        left: 0;
        top: 0;
        background: url("../images/backa.png") no-repeat center center;
        background-size: 100% 100%;
    }

    .de_header .homea
    {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 1.2rem;
        font-size: 0.28rem;
        text-align: center;
    }
.de_header .homea img{width:0.42rem;margin-top: 0.21rem;margin-left: 0.2rem;}

.de_zw
{
    height: 0.84rem;
    clear: both;
    padding-bottom: 1px;
}

.de_top
{
    width: 6.72rem;
    margin: 0 auto;
    padding: 0.4rem 0 0.3rem 0;
}

    .de_top .photo
    {
        float: left;
        display: block;
        width: 1.84rem;
        height: 2.6rem;
        border-radius: 0.1rem;
        position: relative;
        overflow: hidden;
    }

        .de_top .photo img
        {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .de_top .inf
    {
        width: 4.6rem;
        float: right;
    }

    .de_top .name
    {
        height: 0.48rem;
        line-height: 0.48rem;
        font-size: 0.32rem;
    }

        .de_top .name h1
        {
            height: 0.48rem;
            line-height: 0.48rem;
            font-size: 0.32rem;
        }

    .de_top p
    {
        font-size: 0.28rem;
        color: #999;
        line-height: 0.42rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .de_top .ctrla
    {
        display: block;
        width: 3.1rem;
        height: 0.76rem;
        line-height: 0.76rem;
        border: 1px solid #ff6600;
        border-radius: 0.05rem;
        margin: 0.4rem 0 0 0;
        text-align: center;
        font-size: 0.28rem;
        color: #ff6600;
    }

    .de_top .ctrla1
    {
        float: left;
        color: #fff;
        background: #ff6600;
    }

    .de_top .ctrla2
    {
        float: right;
    }

.de_handle
{
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    width: 6.72rem;
    margin: 0 auto;
    border-bottom: 1px solid #ebeff4;
    font-size: 0.32rem;
}

    .de_handle .btn
    {
        display: inline-block;
        width: 2.2rem;
        text-align: center;
        position: relative;
		color:#333;
    }

    .de_handle i
    {
        width: 0.4rem;
        height: 0.04rem;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -0.2rem;
        background: #ff6600;
        border-radius: 0.02rem;
        display: none;
    }
    .de_handle .hover
    {
        font-weight: bold;
        color: #ff6600;
    }

        .de_handle .hover i
        {
            display: block;
        }

.wp672
{
    width: 6.72rem;
    margin-left: auto;
    margin-right: auto;
}

.de_con
{
    display: none;
}

.show
{
    display: block;
}

.de_con .lz
{
    height: 0.84rem;
    line-height: 0.84rem;
    color: #ff6600;
    margin: 0 auto;
    width: 1rem;
	font-size: 0.26rem;
}

.de_list 
{
    text-align:center;
}

.de_list li
{
    height: 1rem;
    line-height: 1rem;
    clear: both;
    border-top: 1px solid #ebeff4;
    text-align:left;
}
.de_list li a{
	font-size: 0.24rem;
    color: #333;
    display: block;
}
    .de_list li em
    {
        color: #999;
        float: right;
    }

    .de_list li span
    {
        display: inline-block;
        max-width: 5.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.de_scroll
{
    margin: 0.3rem 0 0 0;
    width: 7.5rem;
    height: 4.4rem;
    overflow-y: hidden;
    overflow-x: auto;
}

    .de_scroll .s_list
    {
        padding-left: 0.1rem;
    }

    .de_scroll img
    {
        display: block;
        width: 3.2rem;
        height: 4.4rem;
        float: left;
        margin-left: 0.29rem;
    }

.de_floor
{
    padding-bottom: 0.24rem;
    border-bottom: 1px solid #ebeff4;
}

    .de_floor .title
    {
        height: 0.8rem;
        line-height: 0.8rem;
        clear: both;
    }

        .de_floor .title strong
        {
            font-size: 0.3rem;
            float: left;
			position:relative;
        }
		.de_floor .title strong i{
		    width: 0.9rem;
			height: 0.04rem;
			position: absolute;
			left: 9%;
			bottom: 0.05rem;
			background: #ff6600;
			border-radius: 0.02rem;
	}

        .de_floor .title a
        {
            float: right;
            color: #ff6600;
			font-size: 0.26rem;
        }

    .de_floor .tip
    {
        line-height: 0.6rem;
        font-size: 0.3rem;
        color: #666;
    }
    .de_floor .tip a{
        color:#ff6600;
    }

.xg_item
{
    display: block;
    height: 1.5rem;
}

    .xg_item .photo
    {
        float: left;
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        position: relative;
        overflow: hidden;
    }

        .xg_item .photo img
        {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .xg_item dl
    {
        float: right;
        width: 4.9rem;
    }

    .xg_item dt
    {
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.32rem;
    }

    .xg_item .name
    {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .xg_item dd
    {
        line-height: 0.4rem;
        height: 0.8rem;
        color: #999;
        font-size: 0.24rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

	.qt_list li
{
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #ebeff4;
    padding-left: 0.3rem;
    position: relative;
	font-size:0.28rem;
	color:#333;
}

    .qt_list li:last-child
    {
        border: 0;
    }

    .qt_list li i
    {
        display: block;
        width: 0.08rem;
        height: 0.08rem;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -0.04rem;
        background: #aeaeae;
        border-radius: 100%;
    }

    .qt_list li span
    {
        color: #aeaeae;
    }

    .qt_list li a
    {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		color:#333;
    }
	.dp_list
{
    width: 7.32rem;
    margin-top: 0.3rem;
}

    .dp_list li
    {
        height: 3.48rem;
        float: left;
        margin: 0 0.6rem 0 0;
        text-align: center;
        line-height: 0.72rem;
        font-weight: bold;
    }

    .dp_list .photo
    {
        display: block;
        width: 1.84rem;
        height: 2.6rem;
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem;
    }

        .dp_list .photo img
        {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .dp_list .name
    {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 1.84rem;
		font-size: 0.26rem;
		color: #333;
    }
.sd_top
{
    width: 6.72rem;
    margin: 0 auto;
    padding: 0.28rem 0 0 0;
}

    .sd_top .tip
    {
        line-height: 0.58rem;
        color: #666;
    }

    .sd_top .name
    {
        line-height: 0.5rem;
        font-weight: bold;
        color: #333;
        font-size: 0.4rem;
    }

    .sd_top .date
    {
        height: 0.5rem;
        line-height: 0.5rem;
        color: #999;
        margin: 0.16rem auto 0.2rem;
		font-size:0.26rem;
    }

.sd_top_span_p
{
    margin-bottom: 0.15rem;
    font-size: 0.3rem;
}

.sd_list
{
    width: 6.72rem;
    margin: 0 auto 0.2rem auto;
}

.sd_item
{
    display: block;
    height: 3.08rem;
    margin-bottom: 0.7rem;
}

    .sd_item .photo
    {
        float: left;
        display: block;
        width: 1.84rem;
        height: 2.6rem;
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem;
    }

        .sd_item .photo img
        {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .sd_item .inf
    {
        width: 4.6rem;
        float: right;
        height: 3rem;
        border-bottom: 1px solid #ebeff4;
    }

    .sd_item .tp
    {
        height: 0.44rem;
        line-height: 0.44rem;
        font-size: 0.32rem;
        clear: both;
    }

    .sd_item .nm
    {
        float: left;
        display: inline-block;
        max-width: 3.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		color:#333;
    }

    .sd_item .num
    {
        width: 0.44rem;
        display: inline-block;
        float: left;
        font-size: 0.32rem;
        color: #ff6600;
        overflow: hidden;
        height: 0.44rem;
    }

    .sd_item:nth-child(1) .num
    {
        color: #fff;
        text-indent: -3rem;
        background: url("../images/score1.png") no-repeat left center;
        background-size: auto 100%;
    }

    .sd_item:nth-child(2) .num
    {
        color: #fff;
        text-indent: -3rem;
        background: url("../images/score2.png") no-repeat left center;
        background-size: auto 100%;
    }

    .sd_item:nth-child(3) .num
    {
        color: #fff;
        text-indent: -3rem;
        background: url("../images/score3.png") no-repeat left center;
        background-size: auto 100%;
    }

    .sd_item .fen
    {
        float: right;
        font-size: 0.26rem;
        color: #ff6600;
    }

    .sd_item .stars
    {
        height: 0.21rem;
        width: 1.1rem;
        background: url("../images/star.png") no-repeat left center;
        background-size: auto 100%;
        margin: 0.07rem 0 0.15rem 0;
    }

    .sd_item .starin
    {
        height: 0.21rem;
        background: url("../images/star.png") no-repeat left center;
        background-size: auto 100%;
    }

    .sd_item p
    {
        line-height: 0.42rem;
        color: #999;
        font-size: 0.24rem;
    }

    .sd_item .tip
    {
        line-height: 0.4rem;
        color: #999;
        font-size: 0.24rem;
        height: 0.8rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        margin-top: 0.1rem;
    }
	.latelyread{
		margin-top:0.3rem;
	}
	.hm_goon
{
    width: 92%;
    margin: 0 auto 0.3rem auto;
    background: #fff;
    padding: 0.3rem 0;
    height: 1.04rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.2rem #ddd;
    position: relative;
}

    .hm_goon .tit
    {
        float: left;
        text-align: center;
        width: 1.8rem;
        height: 1.04rem;
        padding-right: 0.1rem;
        line-height: 0.42rem;
        background: url("../images/goon_tit.png") no-repeat right center;
        background-size: auto 100%;
        margin-right: 0.1rem;
    }
	.hm_goon .tit span{font-size:0.26rem;color:#333;display: block;}

        .hm_goon .tit img
        {
            display: block;
            width: 0.62rem;
            height: 0.62rem;
            margin: 0 auto;
        }

    .hm_goon .item
    {
        display: block;
        width: 1.6rem;
        text-align: center;
        float: left;
        padding-top: 0.06rem;
    }

    .hm_goon .photo
    {
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 0.1rem;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
    }

        .hm_goon .photo img
        {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .hm_goon .item span
    {
        line-height: 0.56rem;
        display: block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		font-size: 0.26rem;
		color: #333;
    }

    .hm_goon .item .gray
    {
        color: #d2d2d2;
    }

    .hm_goon .close
    {
        width: 0.6rem;
        height: 0.6rem;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        background: url("../images/goon_close.png") no-repeat center center;
        background-size: 0.3rem 0.3rem;
    }
	
	.hhot_item
{
    display: block;
    height: 2.12rem;
    margin: 0 auto 0.4rem auto;
        margin-bottom: 0.6rem;
}

    .hhot_item .photo
    {
        display: block;
        width: 1.48rem;
        height: 2.12rem;
        border: 1px solid #e3e4e6;
        position: relative;
        overflow: hidden;
        float: left;
    }

        .hhot_item .photo img
        {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .hhot_item .inf
    {
        float: right;
        width: 5.14rem;
        border-bottom: 0.01rem #ededed solid;
        padding-bottom: 0.33rem;
    }

    .hhot_item .name
    {
        height: 0.54rem;
        line-height: 0.54rem;
        font-size: 0.3rem;
    }

    .hhot_item .nm
    {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		color:#333;
    }

    .hhot_item .tip
    {
        height: 0.88rem;
        line-height: 0.44rem;
        color: #878787;
        font-size: 0.24rem;
        margin-bottom: 0.36rem;
    }

    .hhot_item .writer
    {
        height: 0.28rem;
        line-height: 0.28rem;
        color: #a8a8a8;
        font-size: 0.22rem;
        position: relative;
        padding-left: 0.35rem;
        float: left;
    }

        .hhot_item .writer img
        {
            display: block;
            width: 0.28rem;
            height: 0.28rem;
            border-radius: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

    .hhot_item .tags
    {
        float: right;
    }

        .hhot_item .tags span
        {
            display: inline-block;
            height: 0.3rem;
            line-height: 0.3rem;
            border: 1px solid #b8b8b8;
            border-radius: 0.05rem;
            font-size: 0.2rem;
            padding: 0 0.1rem;
            text-align: center;
            color: #999;
            margin-left: 0.1rem;
        }
.news_list {
    padding-top: 0.4rem;
}
.zx_item
{
    display: block;
    height: 1.5rem;
    width: 92%;
    margin: 0 auto 0.4rem auto;
    margin-bottom: 0.7rem;
}

    .zx_item .photo
    {
        display: block;
        width: 1.48rem;
        height: 1.5rem;
        border: 1px solid #e3e4e6;
        position: relative;
        overflow: hidden;
        float: left;
    }

        .zx_item .photo img
        {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .zx_item .inf
    {
        float: right;
        width: 5.14rem;
        border-bottom: 0.01rem #ededed solid;
        padding-bottom: 0.43rem;
    }

    .zx_item .name
    {
        height: 0.54rem;
        line-height: 0.54rem;
        font-size: 0.3rem;
    }

    .zx_item .nm
    {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		color:#333;
    }

    .zx_item .tip
    {
        height: 0.44rem;
        line-height: 0.44rem;
        color: #878787;
        font-size: 0.24rem;
        margin-bottom: 0.15rem;
        overflow: hidden;
    }

    .zx_item .date
    {
        height: 0.28rem;
        line-height: 0.28rem;
        color: #a8a8a8;
        font-size: 0.22rem;
        position: relative;
        padding-left: 0.35rem;
        background: url("../images/xg_date.png") no-repeat left center;
        background-size: auto 0.28rem;
    }
/* 统一分页样式 */
.page, .detail_page, .pagination {
	background:#fff;padding:0.15rem 0.2rem;margin-bottom:0.15rem;border-radius:0.08rem;box-shadow:0 1px 4px rgba(0,0,0,0.04);text-align:center;clear:both;width:100%;box-sizing:border-box
}
.page #pnv, .detail_page #pnv, .pagination #pnv {
	display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0.08rem
}
.page #pnv a, .detail_page #pnv a, .pagination #pnv a {
	display:inline-flex;align-items:center;justify-content:center;height:0.5rem;line-height:0.5rem;padding:0 0.16rem;font-size:0.22rem;color:#666;background:#f5f5f5;border-radius:0.06rem;border:1px solid #eee;transition:all 0.2s
}
.page #pnv a:hover, .page #pnv a:active, .detail_page #pnv a:hover, .detail_page #pnv a:active, .pagination #pnv a:hover, .pagination #pnv a:active {
	background:#fff7f0;border-color:#ff6600;color:#ff6600
}
.page #pnv a.ml-prev, .page #pnv a.ml-next, .detail_page #pnv a.ml-prev, .detail_page #pnv a.ml-next, .pagination #pnv a.ml-prev, .pagination #pnv a.ml-next {
	padding:0 0.2rem;color:#ff6600;border-color:#ff6600;background:#fff7f0;width:auto
}
.page #pnv a.ml-curr.active, .detail_page #pnv a.ml-curr.active, .pagination #pnv a.ml-curr.active {
	color:#fff;background:#ff6600;border-color:#ff6600;font-weight:bold
}
.page #pnv span.ml-curr, .detail_page #pnv span.ml-curr, .pagination #pnv span.ml-curr {
	font-size:0.24rem;color:#ff6600;font-weight:bold;padding:0 0.1rem
}
.page #pnv a.noclick, .detail_page #pnv a.noclick, .pagination #pnv a.noclick {
	color:#ccc;background:#f0f0f0;border-color:#ddd;cursor:not-allowed;pointer-events:none
}
.page #pnv a.inde, .detail_page #pnv a.inde, .pagination #pnv a.inde {
	padding:0 0.18rem
}
.page #pnv .page-info, .detail_page #pnv .page-info, .pagination #pnv .page-info {
	font-size:0.22rem;color:#999;margin:0 0.08rem;padding:0.06rem 0.12rem;background:#f8f8f8;border-radius:0.04rem
}

.head-container{display:flex;align-items:center;height:1.05rem;background:#fff;padding:0 0.12rem;border-bottom:1px solid #f0f0f0}
.head-left{position: relative; width:1.1rem;height:1.05rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo{margin:0;width: 100%;height: 100%;position:absolute;top:0;}
.logo-btn{display:block;width:0.85rem;height:0.85rem;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTM2IDRIMTFjLTUuNSAwLTEwIDQuNS0xMCAxMHYyNGMwIDUuNSA0LjUgMTAgMTAgMTBoMjVjNS41IDAgMTAtNC41IDEwLTEwdi0yNGMwLTUuNS00LjUtMTAtMTAtMTB6bTAgMzBjLTQuNCAwLTgtMy42LTgtOHYtMjBjMC00LjQgMy42LTggOC04IDggMCA4IDMuNiA4IDh2MjBjMCA0LjQtMy42IDgtOCA4em0tMjItOGMtLjYgMC0xLS40LTEtMXYtNGMwLS42LjQtMSAxLTFzMS4wLjQgMSAxdi0xNGMwLS42LjQtMSAxLTEgMS4wLjQgMSAuNCAxLjAgMSAxLjB2MTdjMCAuNi0uNCAxLTEgMXoiIGZpbGw9IiNmZjY2MDAiLz48L3N2Zz4=) no-repeat center/contain;background-size:contain}
.search-wrap{flex:1;height:0.56rem;margin:0 0.1rem;min-width:0}
.search-trigger{display:flex;align-items:center;height:100%;background:#f5f5f5;border-radius:0.28rem;padding:0 0.2rem;color:#999;font-size:0.26rem;white-space:nowrap}
.search-trigger i{font-size:0.28rem;margin-right:0.1rem;color:#999;flex-shrink:0}
.search-placeholder{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.head-right{width:0.8rem;height:1.05rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.home-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.home-btn i{font-size:0.34rem;color:#666}

.search-head{display:flex;align-items:center;height:1rem;background:#fff;padding:0 0.16rem;border-bottom:1px solid #f0f0f0;overflow:hidden}
.back-btn{width:0.7rem;height:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.back-btn>i{font-size:0.34rem;color:#333}
.search-form{flex:1;display:flex;align-items:center;min-width:0}
.search-input-wrap{flex:1;position:relative;height:0.56rem;background:#f5f5f5;border-radius:0.28rem;overflow:hidden;display: flex;}
.search-icon{position:absolute;left:0.16rem;top:50%;margin-top:-0.17rem;font-size:0.34rem;color:#999;pointer-events:none}
.search-input{width:100%;height:100%;padding-left:1rem;padding-right:0.8rem;font-size:0.26rem;background:transparent;border:none;color:#333;box-sizing:border-box}
.search-submit{width:1rem;height:0.56rem;background:#ff6600;color:#fff;border:none;border-radius:0.28rem;font-size:0.24rem;margin-left:0.12rem;flex-shrink:0}

.detail-nav{display:flex;align-items:center;height:1rem;background:#fff;border-bottom:1px solid #e4e4e4;padding:0 0.16rem}
.go-back{width:0.9rem;height:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.go-back i{font-size:0.34rem;color:#333}
.nav-title{flex:1;text-align:center;font-size:0.3rem;color:#333;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0.16rem}
.nav-right{display:flex;align-items:center;height:1rem;flex-shrink:0}
.go-home{width:0.9rem;height:1rem;display:flex;align-items:center;justify-content:center}
.go-home i{font-size:0.32rem;color:#666}
.go-search{width:0.9rem;height:1rem;display:flex;align-items:center;justify-content:center}
.go-search i{font-size:0.32rem;color:#666}

.continue-bar{position:fixed;bottom:1.1rem;left:0;right:0;background:rgba(255,255,255,0.95);border-top:1px solid #f0f0f0;box-shadow:0 -2px 12px rgba(0,0,0,0.06);z-index:90;padding:0.16rem 0.24rem;display:none}
.continue-bar.show{display:block}
.latelyread{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0.16rem;padding-bottom:0.08rem}
.latelyread::-webkit-scrollbar{display:none}
.latelyread-item{flex-shrink:0;width:1.2rem;text-align:center}
.latelyread-item img{width:1.2rem;height:1.6rem;border-radius:0.08rem;object-fit:cover}
.latelyread-item span{display:block;font-size:0.2rem;color:#666;margin-top:0.06rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}

.swipe-banner{width:100%;position:relative;margin-bottom:0.2rem;padding:0 0.24rem;box-sizing:border-box}
.banner-container{width:100%;height:4rem;border-radius:0.16rem;overflow:hidden}
.banner-slide{position:relative;width:100%;height:100%}
.banner-slide>a{display:block;width:100%;height:100%}
.banner-slide>a>img{width:100%;height:100%;object-fit:cover}
.banner-overlay{position:absolute;bottom:0;left:0;right:0;padding:0.5rem 0.35rem;background:linear-gradient(transparent,rgba(0,0,0,0.8));border-radius:0 0 0.16rem 0.16rem}
.banner-title{font-size:0.34rem;color:#fff;font-weight:bold;margin-bottom:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,0.3)}
.banner-desc{font-size:0.24rem;color:rgba(255,255,255,0.8);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.banner-pagination{bottom:0.35rem;text-align:right;padding-right:0.35rem}
.swiper-pagination-bullet{width:0.12rem;height:0.12rem;border-radius:50%;opacity:0.6;background:#fff;margin:0 0.08rem}
.swiper-pagination-bullet-active{width:0.3rem;border-radius:0.06rem;background:#ff6600;opacity:1}
.banner-prev,.banner-next{position:absolute;top:50%;width:0.6rem;height:0.6rem;margin-top:-0.3rem;background:rgba(0,0,0,0.5);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}
.banner-prev{left:0.3rem}
.banner-next{right:0.3rem}
.banner-prev i,.banner-next i{font-size:0.28rem;color:#fff}
.banner-prev:active,.banner-next:active{background:rgba(255,102,0,0.7)}

.cate-grid{display:flex;flex-wrap:nowrap;background:#fff;padding:0.24rem 0.16rem;margin-bottom:0.2rem;box-sizing:border-box}
.cate-item{width:25%;display:flex;justify-content:center;box-sizing:border-box}
.cate-link{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 0.08rem}
.cate-icon{width:1.1rem;height:1.1rem;border-radius:50%;margin-bottom:0.08rem;display:flex;align-items:center;justify-content:center;font-size:0.48rem;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.08);transition:all 0.2s}
.cate-icon:active{transform:scale(0.95);box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.cate-icon-1{background:linear-gradient(135deg,#ff6600,#ff8c42)}
.cate-icon-2{background:linear-gradient(135deg,#5ec95e,#7ed97e)}
.cate-icon-3{background:linear-gradient(135deg,#56b7ff,#7bc7ff)}
.cate-icon-4{background:linear-gradient(135deg,#a855f7,#c076f7)}
.cate-icon-5{background:linear-gradient(135deg,#f472b6,#f692c6)}
.cate-icon-6{background:linear-gradient(135deg,#64748b,#8696aa)}
.cate-text{font-size:0.24rem;color:#333;width:100%;text-align:center;font-weight:500}

.section-box{background:#fff;margin-bottom:0.2rem;padding-bottom:0.24rem}
.section-header{display:flex;justify-content:space-between;align-items:center;padding:0.24rem;border-bottom:1px solid #f5f5f5}
.section-title{display:flex;align-items:center;font-size:0.32rem;color:#333;font-weight:bold}
.title-icon{width:0.08rem;height:0.32rem;background:#ff6600;border-radius:0.04rem;margin-right:0.12rem}
.title-icon-font{font-size:0.28rem;color:#ff6600;margin-right:0.1rem}
.section-more{font-size:0.26rem;color:#999}

.hot-swiper{width:100%;padding:0.24rem 0;box-sizing:border-box}
.hot-wrapper{padding:0 0.24rem}
.hot-slide{width:calc(33.33% - 0.16rem)!important;margin-right:0.24rem;box-sizing:border-box}
.hot-slide:last-child{margin-right:0}
.hot-card{display:block;width:100%}
.hot-img-wrap{position:relative;width:100%;padding-top:133%;border-radius:0.14rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.hot-img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.hot-badge{position:absolute;top:0.12rem;left:0.12rem;padding:0.04rem 0.14rem;background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;font-size:0.18rem;border-radius:0.06rem;font-weight:bold}
.hot-info{margin-top:0.14rem}
.hot-title{font-size:0.26rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.hot-author{font-size:0.22rem;color:#999;margin-top:0.06rem}

.update-list{padding:0 0.24rem}
.update-item{display:flex;align-items:center;padding:0.2rem 0;border-bottom:1px solid #f5f5f5}
.update-item:last-child{border-bottom:none}
.update-item:active{background:#fafafa}
.update-img{width:1.4rem;height:1.9rem;border-radius:0.1rem;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.update-img img{width:100%;height:100%;object-fit:cover}
.update-info{flex:1;margin-left:0.2rem;min-width:0}
.update-title{font-size:0.3rem;color:#333;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.update-desc{font-size:0.24rem;color:#999;margin-top:0.06rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.update-meta{display:flex;align-items:center;margin-top:0.1rem;gap:0.2rem}
.update-author{font-size:0.22rem;color:#666}
.update-chapter{font-size:0.22rem;color:#ff6600;background:#fff7f0;padding:0.02rem 0.1rem;border-radius:0.06rem}
.update-hot{font-size:0.22rem;color:#999;display:flex;align-items:center}
.update-hot i{font-size:0.2rem;margin-right:0.04rem;color:#ff6600}
.update-arrow{width:0.16rem;height:0.16rem;border-right:2px solid #ccc;border-bottom:2px solid #ccc;transform:rotate(-45deg);margin-right:0.1rem;flex-shrink:0}

.topic-grid{display:flex;flex-wrap:wrap;padding:0.2rem}
.topic-item{width:50%;padding:0.1rem;box-sizing:border-box}
.topic-item a{display:block;position:relative;border-radius:0.14rem;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06)}
.topic-item img{width:100%;height:auto;min-height:2rem;max-height:2.6rem;object-fit:cover}
.topic-overlay{position:absolute;bottom:0;left:0;right:0;height:0.9rem;background:linear-gradient(transparent,rgba(0,0,0,0.75));display:flex;align-items:flex-end;padding:0.18rem}
.topic-name{font-size:0.26rem;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}

.news-list{padding:0 0.24rem}
.news-list li{height:0.8rem;line-height:0.8rem;border-bottom:1px dashed #f0f0f0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center}
.news-list li:last-child{border-bottom:none}
.news-list li:active{background:#fafafa}
.news-list li a{font-size:0.28rem;color:#333;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list li a:active{color:#ff6600}

.tag-cloud{ padding: 0.16rem 0.24rem;display: flex;flex-wrap: wrap;gap: 0.08rem;}
.tag-cloud a{display:inline-block;padding:0.06rem 0.16rem;background:#f8f8f8;color:#555;font-size:0.24rem;border-radius:0.16rem;border:1px solid #eee;line-height:1.4}
.tag-cloud a:active{background:#ff6600;color:#fff;border-color:#ff6600}

.link-list{padding:0.24rem}
.link-list a{display:inline-block;padding:0.12rem 0.24rem;color:#666;font-size:0.26rem;margin:0.08rem}

.footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e4e4e4;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,0.05);padding-bottom:env(safe-area-inset-bottom)}
.footer-nav{display:flex;height:1.1rem}
.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0.08rem}
.nav-icon{font-size:0.38rem;color:#999}
.nav-text{font-size:0.22rem;color:#999;margin-top:0.06rem}
.nav-item.active .nav-text{color:#ff6600}
.nav-item.active .nav-icon{color:#ff6600}

/* 底部内容空间，避免被tab栏和继续阅读栏遮挡 */
.content{padding-bottom:2.8rem}

.crumb-bar{background:#fff;padding:0.16rem 0.24rem;border-bottom:1px solid #f5f5f5}
.crumb-bar__inner{display:flex;align-items:center;font-size:0.24rem}
.crumb-bar__ico{margin-right:0.12rem}
.crumb-bar__sep{margin:0 0.12rem;color:#ccc}
.crumb-bar a{color:#888}
.crumb-bar a:hover{color:#ff6600}
.crumb-bar__cur{color:#333}

.detail-card{display:flex;background:#fff;padding:0.24rem;margin-bottom:0.2rem;border-radius:0.16rem;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.detail-cover{width:2.2rem;height:3rem;border-radius:0.12rem;overflow:hidden;flex-shrink:0;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.detail-cover img{width:100%;height:100%;object-fit:cover}
.detail-badge{position:absolute;top:0;left:0;padding:0.08rem 0.16rem;background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;font-size:0.2rem;border-radius:0 0 0.12rem 0}
.detail-info{flex:1;margin-left:0.24rem;display:flex;flex-direction:column}
.detail-title{font-size:0.34rem;color:#333;font-weight:bold;margin-bottom:0.16rem;line-height:1.3}
.detail-meta{display:flex;gap:0.32rem;margin-bottom:0.16rem}
.meta-item{display:flex;align-items:center;font-size:0.24rem;color:#666}
.meta-item i{color:#999;margin-right:0.08rem;font-size:0.22rem}
.detail-desc{font-size:0.24rem;color:#999;line-height:0.4rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0.2rem}
.detail-tags{display:flex;flex-wrap:wrap;margin-bottom:0.2rem}
.detail-tags a{padding:0.08rem 0.2rem;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);color:#666;font-size:0.22rem;border-radius:0.2rem;margin-right:0.12rem;border:1px solid #eee}
.detail-tags a:active{background:#ff6600;color:#fff;border-color:#ff6600}
.detail-actions{margin-top:auto;display:flex;gap:0.16rem}
.action-btn{display:block;height:0.7rem;line-height:0.7rem;text-align:center;border-radius:0.35rem;font-size:0.28rem;font-weight:bold}
.action-read{flex:1;background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;box-shadow:0 4px 12px rgba(255,102,0,0.3)}
.action-collect{width:1.6rem;background:#f5f5f5;color:#666;border:1px solid #ddd}
.action-collect.active{background:#ffe8d6;color:#ff6600;border-color:#ff6600}

.detail-tabs{display:flex;background:#fff;border-bottom:1px solid #f5f5f5;margin-bottom:0.2rem}
.detail-tab-item{flex:1;height:1rem;line-height:1rem;text-align:center;font-size:0.3rem;color:#666;position:relative}
.detail-tab-item.active{color:#ff6600;font-weight:bold}
.detail-tab-item.active:after{content:'';position:absolute;bottom:0;left:50%;width:0.8rem;height:0.04rem;background:linear-gradient(90deg,#ff6600,#ff8c42);border-radius:0.02rem;transform:translateX(-50%)}

.tab-content{background:#fff;padding:0.24rem;border-radius:0.16rem;margin-bottom:0.2rem}
.chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.24rem;padding:0.2rem;background:#fff;border-radius:0.16rem;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.chapter-status{font-size:0.24rem;color:#ff6600;padding:0.06rem 0.16rem;background:#fff7f0;border-radius:0.2rem;border:1px solid #ffe4d0}
.chapter-count{font-size:0.24rem;color:#999}
.chapter-sort{display:flex;align-items:center;gap:0.06rem;font-size:0.24rem;color:#666;padding:0.06rem 0.16rem;background:#f8f8f8;border-radius:0.2rem}
.chapter-sort i{font-size:0.22rem;color:#ff6600}
.chapter-sort:active{background:#fff7f0}
.chapter-sort:after{content:''!important}
.chapter-list-wrapper{background:#fff;border-radius:0.16rem;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:0.16rem}
.chapter-list{display:flex;flex-wrap:wrap;margin-right:0}
.chapter-list li{width:50%;margin-bottom:0.12rem;padding:0 0.08rem;box-sizing:border-box}
.chapter-list li a{display:block;padding:0.2rem 0.16rem;font-size:0.26rem;color:#333;border:none;border-radius:0.12rem;text-align:left;background:#fafafa;transition:all 0.2s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chapter-list li a:active{background:#fff7f0;color:#ff6600}
.chapter-list li a.lz{color:#ff8c42;font-weight:bold}

.info-section{margin-bottom:0.32rem}
.info-title{font-size:0.28rem;color:#333;font-weight:bold;margin-bottom:0.2rem;padding-left:0.16rem;border-left:0.06rem solid #ff6600}
.info-content-text{font-size:0.26rem;color:#666;line-height:0.48rem;text-indent:2em}
.like-list{display:flex;flex-wrap:wrap}
.like-item{width:33.33%;display:flex;flex-direction:column;align-items:center;margin-bottom:0.24rem;padding:0 0.08rem;box-sizing:border-box}
.like-item img{width:1.6rem;height:2.2rem;border-radius:0.1rem;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.like-name{font-size:0.24rem;color:#333;margin-top:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;text-align:center}

.category-tabs{background:#fff;border-bottom:1px solid #f5f5f5;position:sticky;z-index:90;top: -0.1rem;}
.tabs-scroll{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
.tabs-list{display: flex; gap: 0.24rem;list-style: none; padding:0.12rem  0;}
.cate-tab-item{box-sizing:border-box;}
.cate-tab-item a{display: block;font-size:0.26rem;color:#666;padding:0.1rem 0.2rem;border-radius:0.16rem;}
.cate-tab-item.active a{color:#ff6600;font-weight:bold;background:#fff7f0}

.filter-bar{display:flex;background:#fff;border-bottom:1px solid #f5f5f5;padding:0.12rem;position:sticky;top:0.6rem;z-index:89}
.filter-item{flex:1;text-align:center;font-size:0.24rem;color:#666;padding:0.1rem 0;border-radius:0.16rem}
.filter-item.active{color:#ff6600;font-weight:bold;background:#fff7f0}

.comic-list{padding:0.24rem}
.comic-card{display:flex;align-items:center;background:#fff;padding:0.24rem;margin-bottom:0.2rem;border-radius:0.16rem;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:all 0.2s}
.comic-card:active{transform:scale(0.98);box-shadow:0 1px 4px rgba(0,0,0,0.08)}
.comic-cover{width:1.8rem;height:2.4rem;border-radius:0.12rem;overflow:hidden;flex-shrink:0;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.comic-cover img{width:100%;height:100%;object-fit:cover}
.comic-badge{position:absolute;top:0;left:0;padding:0.06rem 0.14rem;font-size:0.18rem;border-radius:0 0 0.1rem 0}
.comic-badge.finished{background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff}
.comic-badge.ongoing{background:transparent;border:1px solid #ff6600;color:#ff6600}
.comic-info{flex:1;max-width:3.2rem;margin-left:0.24rem;display:flex;flex-direction:column;min-width:0}
.comic-title{font-size:0.3rem;color:#333;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.comic-author{font-size:0.24rem;color:#999;margin-top:0.08rem;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.comic-author i{margin-right:0.06rem;flex-shrink:0}
.comic-desc{font-size:0.22rem;color:#999;margin-top:0.06rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.comic-tags{display:flex;flex-wrap:wrap;margin-top:0.1rem}
.comic-tags span{padding:0.04rem 0.14rem;background:#f5f5f5;color:#666;font-size:0.2rem;border-radius:0.1rem;margin-right:0.08rem}
.comic-action{margin-left:0.2rem;display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:1.4rem}
.comic-action .action-read{width:100%;padding:0.14rem 0;text-align:center;background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;font-size:0.24rem;border-radius:0.25rem;font-weight:bold;box-shadow:0 2px 8px rgba(255,102,0,0.25)}
.comic-action .action-collect{margin-top:0.1rem;font-size:0.24rem;color:#ccc}
.comic-action .action-collect.active{color:#ff6600}

.pagination{text-align:center;padding:0.32rem;background:#fff;margin-bottom:1.2rem}
.pagination a{margin:0 0.12rem;padding:0.16rem 0.28rem;font-size:0.26rem;color:#666;border:1px solid #eee;border-radius:0.25rem;display:inline-block}
.pagination a:hover,.pagination a:active{background:#fff7f0;border-color:#ff6600;color:#ff6600}
.pagination a.active{background:linear-gradient(135deg,#ff6600,#ff8c42);color:#fff;border-color:#ff6600;font-weight:bold}
.pagination a.noclick{opacity:0.5;pointer-events:none;color:#ccc;border-color:#eee}

/* ============ 漫画库主页样式 ============ */
.mh-home-section{background:#fff;margin-bottom:0.2rem;border-radius:0.16rem;overflow:hidden}
.section-header-row{display:flex;justify-content:space-between;align-items:center;padding:0.24rem;border-bottom:1px solid #f0f0f0}
.section-title-row{display:flex;align-items:center;gap:0.15rem}
.section-title-row .section-title{font-size:0.32rem;font-weight:bold;color:#333;margin:0}
.section-tabs{display:flex;gap:0.1rem}
.section-tabs .tab-item{padding:0.06rem 0.16rem;font-size:0.22rem;color:#666;background:#f5f5f5;border-radius:0.15rem;text-decoration:none}
.section-tabs .tab-item.active{color:#fff;background:#ff6600}
.section-more{font-size:0.24rem;color:#ff6600;text-decoration:none}
.mh-home-grid{display:flex;flex-wrap:wrap;padding:0.15rem}
.mh-home-card{display: inline-block;width:calc(33.333% - 0.3rem);margin:0.05rem}
.mh-home-card .card-cover{position:relative;display:block}
.mh-home-card .card-cover img{width:100%;height:auto;display:block}
.mh-home-card .card-status{position:absolute;top:0.04rem;left:0.04rem;padding:0.02rem 0.06rem;font-size:0.14rem;border-radius:0.03rem;font-weight:500}
.mh-home-card .card-status.status-ongoing{color:#ff6600;background:rgba(255,255,255,0.95);border:1px solid #ff6600}
.mh-home-card .card-status.status-end{color:#fff;background:#ff6600}
.mh-home-card .card-info{padding:0.08rem}
.mh-home-card .card-title{font-size:0.22rem;font-weight:500;margin:0 0 0.04rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
.mh-home-card .card-author{font-size:0.2rem;color:#999;margin:0}

/* 分类热门排行 */
.mh-home-hot{padding:0.15rem 0.24rem;border-top:1px solid #f0f0f0}
.hot-header{display:flex;align-items:center;gap:0.1rem;margin-bottom:0.12rem}
.hot-icon{font-size:0.26rem}
.hot-title{font-size:0.26rem;font-weight:bold;color:#333}
.hot-list{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap}
.hot-item{width:calc(50% - 0.1rem);display:flex;align-items:center;padding:0.08rem 0}
.hot-num{display:flex;align-items:center;justify-content:center;width:0.3rem;height:0.3rem;font-size:0.18rem;font-weight:bold;color:#fff;background:#999;border-radius:50%;margin-right:0.08rem;flex-shrink:0}
.hot-item:nth-child(1) .hot-num{background:#FF4757}
.hot-item:nth-child(2) .hot-num{background:#FF6B81}
.hot-item:nth-child(3) .hot-num{background:#FFA502}
.hot-item:nth-child(n+4) .hot-num{background:#999}
.hot-item a{font-size:0.22rem;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ============ 移动端资讯主页样式 ============ */
.news-home-grid{padding:0.15rem}
.news-home-card{display:flex;background:#fff;border-radius:0.1rem;overflow:hidden;margin-bottom:0.12rem;border:1px solid #eee}
.news-home-card .card-cover{display:block;width:1.8rem;height:1.3rem;flex-shrink:0;overflow:hidden}
.news-home-card .card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.news-home-card .card-info{flex:1;padding:0.12rem;display:flex;flex-direction:column;min-width:0}
.news-home-card .card-title{font-size:0.26rem;font-weight:600;margin:0 0 0.06rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
.news-home-card .card-title a{color:#333;text-decoration:none}
.news-home-card .card-desc{font-size:0.22rem;color:#999;line-height:1.4;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0.06rem}
.news-home-card .card-meta{display:flex;gap:0.2rem;font-size:0.2rem;color:#bbb}

/* ============ M端分类页面网格布局 ============ */
.comic-grid{display:flex;flex-wrap:wrap;padding:0.15rem;background:#fff;margin-bottom:0.2rem}
.comic-grid-item{width:calc(33.333% - 0.1rem);margin:0.05rem;display:flex;flex-direction:column;box-sizing:border-box}
.comic-grid-cover{position:relative;width:100%;padding-top:135%;border-radius:0.1rem;overflow:hidden;background:#f5f5f5}
.comic-grid-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.comic-grid-badge{position:absolute;top:0.06rem;left:0.06rem;padding:0.02rem 0.08rem;font-size:0.16rem;border-radius:0.04rem;font-weight:500}
.comic-grid-badge.ongoing{color:#ff6600;background:rgba(255,255,255,0.95);border:1px solid #ff6600}
.comic-grid-badge.finished{color:#fff;background:#ff6600}
.comic-grid-info{padding:0.08rem 0.04rem;display:flex;flex-direction:column;flex:1}
.comic-grid-title{font-size:0.24rem;font-weight:500;margin:0 0 0.04rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
.comic-grid-author{font-size:0.2rem;color:#999;margin:0 0 0.04rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comic-grid-score{font-size:0.18rem;color:#ff6600;display:flex;align-items:center}
.comic-grid-score i{font-size:0.16rem;margin-right:0.02rem}