.body{background:#f5f5f5;transition:opacity 0.2s ease}
.header{background:#fff;border-bottom:1px solid #e8e8e8;position:fixed;top:0;left:0;right:0;z-index:100;height:1rem}
.head-container{position:relative;width:100%;height:100%;display:flex;align-items:center;padding:0 0.2rem;box-sizing:border-box}
.logo{position:absolute;top:50%;left:0.2rem;height:.5rem;margin-top:-.25rem}
.logo>a{display:block;width:2.2rem;height:0.5rem;background:url(../images/index-logo.png) no-repeat;background-size:contain;background-position:center center}
.search-box{position:absolute;left:2.6rem;right:1.4rem;top:50%;margin-top:-.3rem;height:0.6rem}
.search-input-wrap{display:flex;align-items:center;height:100%;background:#f5f5f5;border-radius:20px;padding:0 0.2rem;color:#999}
.search-input-wrap .icon-search{width:0.26rem;height:0.26rem;margin-right:0.15rem;background-size:100%}
.search-placeholder{font-size:0.26rem}
.search-btn,.home-btn{position:absolute;top:50%;width:.5rem;height:.5rem;margin-top:-.25rem}
.back-btn{width:.5rem;height:.5rem;display:flex;align-items:center;justify-content:center}
.back-btn>i{display:block;width:0.32rem;height:0.4rem;background-position:50% 50%;background-size:100%}
.search-btn{right:0.8rem}
.home-btn{right:0.2rem}
.search-btn>i,.home-btn>i{display:block;width:0.4rem;height:0.4rem;background-size:100%}
.nav-title{position:absolute;left:0.8rem;right:1.4rem;text-align:center;height:0.7rem;line-height:0.7rem;font-size:0.32rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-form{flex:1;margin-left:0.4rem;display:flex;align-items:center;height:0.7rem}
.form-ctn{flex:1;height:100%;position:relative;display: flex;}
.search-icon{position:absolute;width:0.28rem;height:0.28rem;margin-left:0.24rem;background-size:100%;color: #fff;}
.search-icon-form{position:absolute;width:0.28rem;height:0.28rem;margin:0.22rem;background-size:100%;color: #fff;}
.search-bar{width:100%;height:100%;border-radius:35px;border:none;background:#f0f0f0;padding-right:0.56rem;padding-left:0.66rem;color:#333;font-size:0.28rem}
.search-bar::-webkit-input-placeholder{color:#bbb}
.search-bar::-moz-placeholder{color:#bbb}
.search-bar:-ms-input-placeholder{color:#bbb}
.search-bar::placeholder{color:#bbb}
.seach-btnnew{width:1.4rem;height:0.7rem;border:none;background:#FF6B9D;color:#fff;font-size:0.28rem;font-weight:500;border-radius:35px;margin-left:0.15rem}
.quick-entry{display:flex;flex-wrap:wrap;background:#fff;padding:0.2rem 0;margin-bottom:0.2rem;border-bottom:1px solid #f0f0f0}
.entry-item{width:16.66%;display:flex;flex-direction:column;align-items:center;padding:0.15rem 0}
.entry-icon{width:0.8rem;height:0.8rem;border-radius:50%;margin-bottom:0.1rem;background-size:60% auto;background-position:center center;background-repeat:no-repeat}
.entry-search{background:#FF6B9D url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGN4PSIxMyIgY3k9IjEzIiByPSI1Ii8+PHBhdGggZD0iTTI1IDEzYTggOCAwIDAgMS04IDggOCA4IDAgMCAxIDggLTgiLz48L3N2Zz4=) no-repeat center center;background-size:0.4rem auto}
.entry-category{background:#8dd178 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMiA4djItSDZhMiAyIDAgMCAwLTIgMnY0YTIgMiAwIDAgMCAyIDJoMmwxLjY2NyAxMS42NjdBMS45OTggMS45OTggMCAwIDAgOCAyNmgyMGEyIDIgMCAwIDAgMi0ydjItSDhjLS41NTIgMC0xLS40NDgtMS0xdjItSDJoLTJ2LTIwaDIwem0xMiAxMmMtMS4xMDUgMC0yLS44OTUtMi0yczAuODk1LTIgMi0yIDIgMC44OTUgMiAyLS44OTUgMi0yIDJ6Ii8+PC9zdmc+) no-repeat center center;background-size:0.4rem auto}
.entry-rank{background:#67b7f4 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjQiIHI9IjIiLz48Y2lyY2xlIGN4PSI4IiBjeT0iMTMiIHI9IjIiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjEzIiByPSIyIi8+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjIiIHg9IjQiIHk9IjIxIi8+PC9zdmc+) no-repeat center center;background-size:0.4rem auto}
.entry-topic{background:#42d1aa url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMiA0aDI4djI0SDB2LTI0em00IDRoMjB2LjhoLTIwem0wIDRoMjB2LjhoLTIwem0wIDRoMTZ2LjhoLTE2em0wIDRoMTZ2LjhoLTE2eiIvPjwvc3ZnPg==) no-repeat center center;background-size:0.4rem auto}
.entry-news{background:#9b59b6 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjggNHY0SDhjLTMuMzEzIDAtNiAyLjY4Ny02IDZzMi42ODcgNiA2IDZoMjB2LTR6bTAgOGgyMnY0SDhjLTMuMzEzIDAtNiAyLjY4Ny02IDZzMi42ODcgNiA2IDZoMjJ2LTR6bTAgOGgxNHY0SDhjLTMuMzEzIDAtNiAyLjY4Ny02IDZzMi42ODcgNiA2IDZoMTZ2LTR6Ii8+PC9zdmc+) no-repeat center center;background-size:0.4rem auto}
.entry-tag{background:#f39c12 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTYgMmMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptMCAyMGUtNy42MjcgMC0xNC02LjM3My0xNC0xNHM2LjM3My0xNCAxNC0xNCAxNCA2LjM3MyAxNCAxNC02LjM3MyAxNC0xNCAxNHoiLz48L3N2Zz4=) no-repeat center center;background-size:0.4rem auto}
.entry-text{font-size:0.22rem;color:#333}
/*分类导航栏*/
.category-nav{background:#fff;padding:0.15rem 0;border-bottom:1px solid #f0f0f0}
.cat-scroll{display:flex;overflow-x:auto;white-space:nowrap;padding:0 0.2rem;-webkit-overflow-scrolling:touch}
.cat-scroll::-webkit-scrollbar{display:none}
.cat-item{display:inline-block;padding:0.15rem 0.3rem;font-size:0.28rem;color:#666;margin-right:0.1rem;border-radius:20px}
.cat-item.active{background:#FF6B9D;color:#fff}

/*Banner区域*/
.banner-container{width:100%;height:3.88rem;overflow:hidden}
.banner-slide>a{display:block;width:100%;height:100%;position:relative}
.banner-slide>a>img{width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease}
.banner-tag{position:absolute;top:0.2rem;left:0.2rem;padding:0.08rem 0.15rem;background:#FF6B9D;color:#fff;font-size:0.22rem;border-radius:4px;pointer-events:none}
.banner-slide{width:100%;height:100%}
.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%}

/*通用区块*/
.section{padding:0.2rem;background:#fff;margin-bottom:0.2rem}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.2rem}
.section-title{font-size:0.32rem;font-weight:600;color:#333}
.section-more{font-size:0.26rem;color:#999}

/*漫画网格*/
.comic-grid{display:flex;flex-wrap:wrap;margin:0 -0.15rem}
.comic-card{width:33.33%;box-sizing:border-box;padding:0 0.15rem;margin-bottom:0.2rem}
.comic-cover{position:relative;width:100%;padding-top:133%;overflow:hidden;border-radius:8px;background:#f5f5f5}
.comic-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.3s ease}
.comic-cover img.loaded{opacity:1}
.comic-tag{position:absolute;top:0;left:0;padding:0.08rem 0.15rem;background:#FF6B9D;color:#fff;font-size:0.2rem;border-radius:0 0 8px 0;border:1px solid #FF6B9D}
.comic-tag-end{background:transparent;color:#999;border-color:#999}
.comic-info{padding-top:0.12rem}
.comic-title{font-size:0.26rem;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comic-author{font-size:0.22rem;color:#999;margin-top:0.04rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*专题网格*/
.topic-grid{display:flex;flex-wrap:wrap;margin:0 -0.15rem}
.topic-card{width:50%;box-sizing:border-box;padding:0 0.15rem;margin-bottom:0.2rem}
.topic-card img{width:100%;height:2.4rem;object-fit:cover;border-radius:8px;opacity:0;transition:opacity 0.3s ease}
.topic-card img.loaded{opacity:1}
.topic-name{display:block;font-size:0.26rem;color:#333;margin-top:0.1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*资讯列表*/
.news-list{padding:0}
.news-item{display:flex;padding:0.15rem 0;border-bottom:1px solid #f5f5f5}
.news-item:last-child{border-bottom:none}
.news-thumb{flex-shrink:0;width:1.8rem;height:1.3rem;border-radius:6px;overflow:hidden;background:#f5f5f5}
.news-thumb img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.3s ease}
.news-thumb img.loaded{opacity:1}
.news-content{flex:1;margin-left:0.15rem;display:flex;flex-direction:column;justify-content:space-between}
.news-title{font-size:0.28rem;color:#333;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:0.4rem}
.news-desc{font-size:0.22rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*标签区域*/
.tags-box{display:flex;flex-wrap:wrap}
.tag-item{display:inline-block;padding:0.1rem 0.2rem;background:#f5f5f5;color:#666;font-size:0.24rem;border-radius:16px;margin-right:0.1rem;margin-bottom:0.1rem}
.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.2rem;padding-left:0.2rem}
.wekrank-slide{width:2rem;margin-right:0.25rem}
.wek-cartoon-ctn{width:1.9rem;height:1.9rem;margin-bottom:0.15rem;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.wek-cartoon-img{width:100%;height:100%;object-fit:cover}
.wek-rank-icon{width:0.49rem;position:absolute;top:-0.23rem;right:-0.22rem}
.wek-infor{display:-webkit-flex;display:flex;align-items:center}
.wek-infor>.rank-number{display:none}
.cartoon-infor{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cartoon-infor>.bookname{font-size:0.26rem;color:#333;font-weight:500}
.cartoon-infor>.writename{font-size:0.22rem;color:#999}
.choose-list,.manhua-list{border-radius:10px;margin-right:0.15rem;margin-bottom:0.2rem;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.choose-list{width:3.45rem}
.choose-imgctn{width:100%;height:2.2rem}
.manhua-list{width:33.33%;box-sizing:border-box;padding-right:0.15rem;margin-right:0}
.new-imgctn,.updata-imgctn{width:100%;height:2.4rem;background-size:100% 100%}
.updata-ctn{margin-bottom:1.5rem}
.manhua-ctn{margin-top:0.2rem;padding:0 0.2rem;overflow:hidden}
.manhua-ctn>ul{display:-webkit-flex;display:flex;flex-wrap:wrap;margin-bottom:-0.2rem}
.manhua-infor{padding:0.15rem}
.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;font-weight:500}
.manhua-writename{font-size:0.22rem;color:#999;margin-top:0.06rem}
.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: #FF6B9D 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;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.2rem;
}
.mid4 .current{
	display:block
}
.pic-list li {
	width: 50%;
	height: 2.6rem;
	box-sizing: border-box;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
    margin-bottom: 0.2rem;
}
.pic-list li a {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.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.5rem;
	line-height: 0.5rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	background: linear-gradient(to top, rgba(0,0,0,.7), transparent);
	color: #fff;
	font-size: 0.26rem;
	padding-bottom: 0.05rem;
}
.news-list { overflow: hidden; zoom: 1; padding: 0 0.2rem; }
.news-list li { height: 0.7rem; line-height: 0.7rem; border-bottom: 0.01rem solid #f0f0f0; font-size: 0.28rem; 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:#333; display: inline-block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list li span { font-size: 0.3rem; color: #333 }

.links {
	padding-bottom: 10px;
}
.links-box a {
	display: inline-block;
    font-size: 0.28rem;
    border: 0.01rem solid #e4e4e4;
    border-radius: 20px;
    padding: 0.08rem 0.22rem;
    margin: 0.1rem 0.1rem 0 0;
    color: #666;
    background: #fff;
}
.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 { display: flex; border-bottom: 1px solid #e4e4e4; padding: 0.25rem 0; background: #fff; }
.main-nav a { flex: 1; text-align: center; font-size: 0.28rem; color: #666; border-right: 1px solid #e4e4e4; }
.main-nav a:last-child { border-right: none; }
.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: #FF6B9D solid 2px;
    color: #FF6B9D;
    padding-bottom: 3px;
}
.datanav {
    height: 34px;
    margin: 10px;
    border: 1px solid #FF6B9D;
    border-radius: 5px;
    background: #fff;
    display: -webkit-box;
    text-align: center;
}
.datanav a:not(:last-child) {
    border-right: 1px solid #FF6B9D;
}
.datanav a {
    line-height: 34px;
    font-size: 14px;
    -webkit-box-flex: 1;
    display: block;
    text-align: center;
    color: #FF6B9D;
    text-decoration: none;
}
.datanav a.cur {
    background: #FF6B9D;
    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:#f5f5f5}
.content{}
.more-cartoon-ctn{padding:0 0.24rem;}
.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:#FF6B9D;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 { padding: 0.4rem 0.24rem; text-align: center; background: #fff; margin: 0.2rem 0; font-size: 0; }
.mid-more a, .mid-more span { margin: 0 0.08rem; min-width: 0.8rem; height: 0.64rem; line-height: 0.64rem; text-align: center; border-radius: 32px; border: 1px solid #e8e8e8; color: #666; display: inline-block; font-size: 0.28rem; padding: 0 0.25rem; transition: all 0.2s ease; }
.mid-more a:active { background: rgba(255,107,157,0.1); }
.mid-more .ml-prev, .mid-more .ml-next { min-width: 1.2rem; }
.mid-more .noclick { color: #ccc; border-color: #f0f0f0; pointer-events: none; }
.mid-more .current { background: #FF6B9D; color: #fff; border-color: #FF6B9D; font-weight: 600; }
/**新闻详情**/
.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: #FF6B9D ;}
.article-content h3 { color: #FF6B9D ; margin:40px 0px 20px 0px; }
.article-content strong{ color: #FF6B9D;}
.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; background: #fff; border-bottom: 1px solid #f0f0f0; }
.news-nav a { flex: 1; height: 0.9rem; line-height: 0.9rem; font-size: 0.32rem; text-align: center; color:#666; position: relative; transition: all 0.2s ease; }
.news-nav a.active { color: #FF6B9D; font-weight: 600; }
.news-nav a.active::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 1.4rem; height: 4px; background: #FF6B9D; border-radius: 4px; transform: translateX(-50%); }
.search-result-hint { padding: 0.24rem; background: #fff; font-size: 0.26rem; color: #999; }
.search-result-hint em { color: #FF6B9D; font-style: normal; font-weight: 500; }
.search-result-hint strong { color: #333; font-weight: 600; margin: 0 0.05rem; }
.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 0.4rem; background: #fff; margin: 0.24rem; border-radius: 12px; }
.empty-icon { margin-bottom: 0.4rem; }
.empty-title { font-size: 0.34rem; color: #333; font-weight: 600; margin-bottom: 0.15rem; }
.empty-desc { font-size: 0.26rem; color: #999; margin-bottom: 0.5rem; }
.empty-btn { display: inline-block; padding: 0.2rem 0.8rem; border: 1px solid #FF6B9D; border-radius: 30px; color: #FF6B9D; font-size: 0.28rem; font-weight: 500; transition: all 0.2s ease; }
.empty-btn:active { background: #FF6B9D; color: #fff; }
.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 {margin: 0.2rem;width: 1.2rem;height: 0.52rem;margin-right: 0;line-height: 0.52rem;text-align: center;border-radius: 0.1rem;border: 1px solid #FF6B9D;color: #FF6B9D;display: inline-block;font-size: 0.24rem;margin-top: 0.4rem;}
.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:#FF6B9D;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 #FF6B9D; 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: #FF6B9D; border: 1px solid #FF6B9D; 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:#f5f5f5}
.detail-body .content img{width:100%;height:100%}
.detail-content{padding:0 .24rem;border-top:.4rem solid #fff;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{height:.5rem;line-height:.26rem;font-size:0.2rem;}
.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{font-size: 0.26rem;font-weight: bolder; position:absolute;display:flex;align-items:center;justify-content:center;left:0;bottom:.06rem;width:2.48rem;height:.74rem;line-height:.74rem;border-radius:37px;color:#FF6B9D;border:1px solid #FF6B9D;background:transparent;transition:all 0.2s ease}
.detail-read:active{background:#FF6B9D;color:#fff}
.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:#FF6B9D}
.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:#FF6B9D}
.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-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:#FF6B9D}
.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:#FF6B9D;background:-webkit-linear-gradient(270deg,#FF6B9D,#ffd364);background:linear-gradient(270deg,#FF6B9D,#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: #FF6B9D }
#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: #FF6B9D }
#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: #FF6B9D; 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: #FF6B9D; border: 1px solid #FF6B9D; 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 #FF6B9D;}
.xq_crf span { height: 30px; line-height: 30px; color: #fff; background-color: #FF6B9D; 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 #FF6B9D;border-bottom: 1px solid #FF6B9D;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: #FF6B9D; 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: #FF6B9D }

/**专区列表**/
.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 #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center; }
.list-nav .active { color: #FF6B9D; border-bottom: none; }
.more-cartoon-ctn { padding: 0.24rem; }
.down-game-ul { overflow: hidden; }
.down-game-ul li { height: 2.6rem; padding: 0.24rem; border-bottom: none; display: flex; background-color: #fff; margin-bottom: 0.24rem; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); transition: all 0.25s ease; }
.down-game-ul li:active { transform: scale(0.98); box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.down-game-ul li:last-child { margin-bottom: 0; }
.down-game-ul li a.pic { flex-shrink: 0; width: 1.8rem; height: 2.6rem; border-radius: 10px; overflow: hidden; position: relative; background: #f5f5f5; }
.down-game-ul img { width: 100%; height: 100%; font-size:0.3rem;object-fit: cover; opacity: 0; transition: opacity 0.3s ease; }
.down-game-ul img.loaded { opacity: 1; }
.down-game-ul .text { flex: 1; margin-left: 0.24rem; overflow: hidden; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.down-game-ul a, .down-game-ul .text p { display: block }
.down-game-ul .down { flex-shrink: 0; height: 0.64rem; line-height: 0.64rem; width: 1.5rem; margin-left: 0.15rem; border: 1px solid #FF6B9D; border-radius: 32px; text-align: center; color: #FF6B9D; font-size: 0.28rem; display: flex; align-items: center; justify-content: center; align-self: center; background: transparent; transition: all 0.2s ease; font-weight: 500; }
.down-game-ul .down:active { background: #FF6B9D; color: #fff; }
.down-game-ul .text a { font-size: 0.34rem; width: 100%; height: 0.64rem; line-height: 0.64rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333; font-weight: 600; }
.down-game-ul .text p { font-size: 0.24rem; color: #999; margin-top: 0.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 0.36rem; }
.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: #FF6B9D }
.addNub li:nth-child(3) .nub { background-color: #FF6B9D }
.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: #FF6B9D; }
.down-detail-mid1 .down-wrap { font-size: 1.4rem; color: #FF6B9D; 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: #FF6B9D; 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{}
.search-body{font-size:0.24rem;color:#999;background:#f5f5f5}
.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 #FF6B9D;
        border-radius: 0.05rem;
        margin: 0.4rem 0 0 0;
        text-align: center;
        font-size: 0.28rem;
        color: #FF6B9D;
    }

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

    .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: #FF6B9D;
        border-radius: 0.02rem;
        display: none;
    }
    .de_handle .hover
    {
        font-weight: bold;
        color: #FF6B9D;
    }

        .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: #FF6B9D;
    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: #FF6B9D;
			border-radius: 0.02rem;
	}

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

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

.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: #FF6B9D;
        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: #FF6B9D;
    }

    .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: flex;
    margin: 0 auto 0.3rem auto;
    background: #fff;
    border-radius: 10px;
    padding: 0.2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

    .hhot_item .photo
    {
        flex-shrink: 0;
        width: 1.6rem;
        height: 2.2rem;
        border-radius: 8px;
        position: relative;
        overflow: hidden;
    }

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

    .hhot_item .inf
    {
        flex: 1;
        margin-left: 0.2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hhot_item .name
    {
        height: 0.5rem;
        line-height: 0.5rem;
        font-size: 0.32rem;
        font-weight: 500;
    }

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

    .hhot_item .tip
    {
        flex: 1;
        line-height: 0.36rem;
        color: #999;
        font-size: 0.26rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hhot_item .writer
    {
        height: 0.32rem;
        line-height: 0.32rem;
        color: #a8a8a8;
        font-size: 0.24rem;
        position: relative;
        padding-left: 0.38rem;
    }

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

    .hhot_item .tags
    {
        display: none;
    }
.news_list {
    padding-top: 0.4rem;
}
.zx_item
{
    display: flex;
    margin: 0 0.24rem 0.24rem 0.24rem;
    background: #fff;
    border-radius: 12px;
    padding: 0.28rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    transition: all 0.25s ease;
}

.zx_item:active
{
    transform: scale(0.98);
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

    .zx_item .photo
    {
        flex-shrink: 0;
        width: 2.2rem;
        height: 1.54rem;
        border-radius: 10px;
        overflow: hidden;
        background: #f5f5f5;
    }

        .zx_item .photo img
        {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .zx_item .photo img.loaded
        {
            opacity: 1;
        }

    .zx_item .inf
    {
        flex: 1;
        margin-left: 0.24rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
    }

    .zx_item .name
    {
        height: 0.64rem;
        line-height: 0.64rem;
        font-size: 0.34rem;
        font-weight: 600;
        color: #333;
    }

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

    .zx_item .tip
    {
        flex: 1;
        line-height: 0.38rem;
        color: #999;
        font-size: 0.26rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 0.1rem;
        max-height: 0.76rem;
    }

    .zx_item .date
    {
        height: 0.32rem;
        line-height: 0.32rem;
        color: #a8a8a8;
        font-size: 0.24rem;
        margin-top: 0.1rem;
        padding-left: 0.35rem;
        background: url("../images/xg_date.png") no-repeat left center;
        background-size: auto 0.28rem;
    }
.page, .detail_page {     
	text-align: center;
    clear: both;
    width: 100%;
    padding: 0.4rem 0.24rem; 
    background: #fff;
    margin-top: 0.2rem;
}
.page a, .detail_page a {
    margin: 0 0.1rem;
    min-width: 0.8rem;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    border-radius: 32px;
    border: 1px solid #e8e8e8;
    color: #666;
    display: inline-block;
    font-size: 0.28rem;
    padding: 0 0.2rem;
    transition: all 0.2s ease;
}
.page a:hover, .detail_page a:hover {
    border-color: #FF6B9D;
    color: #FF6B9D;
}
.page a:active, .detail_page a:active {
    background: rgba(255,107,157,0.1);
}
.page a.current, .detail_page a.current {
    background: #FF6B9D;
    color: #fff;
    border-color: #FF6B9D;
    font-weight: 600;
}
.page a.disabled, .detail_page a.disabled {
    color: #ccc;
    border-color: #f0f0f0;
    pointer-events: none;
}