/* reset */
/* html,body { height: auto; } */
.wrapper { padding-top: 0;}
.wrapper,.wrapper *{ -webkit-box-sizing:border-box; box-sizing:border-box;}
a,img,input { border:none; background: none; text-decoration: none;}
#afooter{ display: none;}

/* spr */
.explore-skip-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817explore/m/explore-skip-spr.png); background-repeat:no-repeat; background-size:7.09rem 3.3rem;}
.explore-skip-spr.arrow-next{ width:0.33rem; height:0.56rem; background-position:2.81065% 72.9927%; float: right; padding: 0; transform: translateY(80%);}
.explore-skip-spr.arrow-next.swiper-button-disabled{ width:0.33rem; height:0.56rem; background-position:8.87574% 72.9927%; float: right; padding: 0; transform: translateY(80%);}
.explore-skip-spr.arrow-prev{ width:0.33rem; height:0.56rem; background-position:14.94083% 72.9927%; float: left; padding: 0; transform: translateY(80%);}
.explore-skip-spr.arrow-prev.swiper-button-disabled{ width:0.33rem; height:0.56rem; background-position:85.35503% 52.91971%; float: left; padding: 0; transform: translateY(80%);}
.explore-skip-spr.cartoon-go{ width:0.14rem; height:0.27rem; background-position:28.77698% 89.76898%;}
.explore-skip-spr.cartoon-next-btn{ width:4.9rem; height:1.18rem; background-position:91.3242% 8.96226%;}
.explore-skip-spr.cartoon-pack{ width:3.69rem; height:1.19rem; background-position:58.82353% 68.72038%;}
.explore-skip-spr.cateIcon1{ width:0.5rem; height:0.5rem; background-position:21.5478% 71.42857%; }
.explore-skip-spr.cateIcon2{ width:0.5rem; height:0.5rem; background-position:21.5478% 92.14286%; }
.explore-skip-spr.cateIcon3{ width:0.5rem; height:0.5rem; background-position:87.5569% 74.64286%; }
.explore-skip-spr.cateIcon4{ width:0.47rem; height:0.47rem; background-position:6.79758% 93.28622%; }
.explore-skip-spr.cateIcon5{ width:0.5rem; height:0.5rem; background-position:93.77845% 51.78571%; }
.explore-skip-spr.cateIcon6{ width:0.5rem; height:0.5rem; background-position:96.35812% 72.5%; }
.explore-skip-spr.page-next{ width:0.18rem; height:0.31rem; background-position:2.74964% 90.9699%;}
.explore-skip-spr.page-prev{ width:0.18rem; height:0.31rem; background-position:14.47178% 90.9699%;}
.explore-skip-spr.pull{ width:0.37rem; height:0.23rem; background-position:33.03571% 88.59935%;}
.explore-skip-spr.title-bg-left{ width:1.89rem; height:0.17rem; background-position:51.34615% 86.90096%;}
.explore-skip-spr.title-bg-right{ width:1.89rem; height:0.17rem; background-position:89.23077% 86.90096%;}
.explore-skip-spr.video-play{ width:1.73rem; height:1.73rem; background-position:3.54478% 12.10191%;}

.wrapper{
	background: url(//game.gtimg.cn/images/gp/cp/a20230817explore/m/bg-repeat.jpg) repeat-y center top;
	background-size: 100%;
}

@-webkit-keyframes fadeInDn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,120px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0)
    }
}
@keyframes fadeInDn {
    0% {
        opacity: 0;
        transform: translate3d(0,120px,0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}
.fadeanim { -webkit-animation: fadeInDn .4s ease-out .2s both; animation: fadeInDn .4s ease-out .2s both;}

/* 跳转页面标题 */
.explore-text-tit-wrap{
	width: 100%;
	min-height: 5.88rem;
	padding: 2.4rem .68rem 1.48rem;
}
.explore-album-tit-wrap{
	width: 100%;
	min-height: 5.88rem;
	padding: 2.4rem .68rem 1.48rem;
}
.text-title{
	width: 100%;
	height: auto;
}
.text-title h3{
	width: 100%;
	font-size: .68rem;
	font-weight: bold;
	line-height: 1rem;
	color: #FFFFFF;
}
.text-title p{
	color: #7d7c7d;
	font-size: .36rem;
	line-height: 1rem;
}
.text-tit-line{
	width: 100%;
	height: .1rem;
	border-bottom: 2px solid #414041;
	margin-top: .2rem;
	position: relative;
}
.text-tit-line:before{
	content: '';
	width: 2.32rem;
	height: .08rem;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	clip-path: polygon(0% 0%, 97% 0%, 100% 100%, 0% 100%);
}
.text-tit-line:after{
	content: '';
	width: .1rem;
	height: .1rem;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: -.08rem;
}
/* 文章内容 */
.text-cont-detail{
	width: 100%;
	height: auto;
	padding: 0 .68rem 3.5rem;
	/*padding-bottom: 3.5rem;*/
}
.text-cont-detail p{
	font-size: .4rem;
	color: #e8e8e8;
	line-height: .7rem;
	margin-bottom: .8rem;
}
.text-cont-detail .text-img{
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: .8rem;
}
.text-cont-detail .text-img img{
	width: 9.88rem;
	height: 5.16rem;
	vertical-align: middle;
}
.text-cont-detail .text-img span{
	font-size: .36rem;
	color: #434343;
	line-height: .5rem;
}

/* 图集内容 */
.album-cont-detail{
	width: 100%;
	height: auto;
	padding: 0 .68rem 3.5rem;
	/*padding-bottom: 3.5rem;*/
}
.album-cont-detail img{
	width: 100%;
	height: auto;
	vertical-align: top;
	display: block;
	margin-bottom: .4rem;
}

/* 视频内容 */
.video-cont-detail{
	width: 100%;
	height: auto;
	padding: 1.4rem 0 2rem;
	overflow: hidden;
}
.video-cont-detail div.video-box{
	width: 100%;
	height: 6.34rem;
	position: relative;
}
.video-cont-detail div.video-box:after{
	content: '';
	width: 1.73rem;
	height: 1.73rem;
	background: rgba(0, 0, 0, .2);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.87rem 0 0 -.87rem;
	z-index: 1;
}
.video-cont-detail div.video-box img{
	width: 100%;
	height: 100%;
}
.video-cont-detail div.video-box .video-play{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.87rem 0 0 -.87rem;
	z-index: 2;
}
.video-cont-detail .video-info{
	width: 100%;
	padding: 0 .68rem;
}
.video-cont-detail .video-info .video-info-tit{
	font-size: .68rem;
	font-weight: bold;
	line-height: .78rem;
	color: #fff;
	padding: .88rem 0 .74rem;
}
.video-cont-detail .video-info .video-info-desc{
	font-size: .4rem;
	line-height: .72rem;
	color: #a6a6a7;
}

/* 漫画内容 */
.explore-skip-cont{
	width: 100%;
	height: auto;
	position: relative;
}
.nav.zindex, .explore-cartoon-bottom.zindex{
	z-index: 0;
}
.cartoon-cont{
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-bottom: 1.48rem;
}
.cartoon-cont p{
	width: 100%;
	height: auto;
}
.cartoon-cont p img{
	width: 100%;
	height: auto;
	vertical-align: top;
	margin: -1px 0 0 !important;
}
.cartoon-cont ul{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.cartoon-cont li{
	width: 100%;
	height: auto;
}
.cartoon-cont li img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
.cartoon-end-mask{
	width: 100%;
	height: 17.52rem;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(//game.gtimg.cn/images/gp/cp/a20230817explore/m/cartoon-mask.png) no-repeat center bottom;
	background-size: 100% 100%;
	z-index: 7;
	display: none;
}
.cartoon-end-mask.end{
	display: block;
}
.cartoon-end-mask .cartoon-more{
	width: 4.9rem;
	height: 3rem;
	text-align: center;
	position: absolute;
	bottom: .4rem;
	left: 50%;
	margin: 0 0 1.38rem -2.45rem;
}
.cartoon-end-mask a.cartoon-next-btn{
	color: #222222;
	font-size: .5rem;
	line-height: 1.18rem;
	display: block;
	position: relative;
}
.cartoon-end-mask .cartoon-more span{
	display: block;
	position: absolute;
	right: .6rem;
	top: 50%;
	margin-top: -.12rem;
}
.cartoon-end-mask p{
	font-size: .4rem;
	color: #ffffff;
	line-height: .5rem;
	margin-top: .8rem;
}
.explore-cartoon-bottom{
	width: 100%;
	height: 1.38rem;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 8;
}
.explore-cartoon-bottom .cartoon-cate-btn{
	height: 100%;
	float: left;
}
.explore-cartoon-bottom .cartoon-cate-btn p{
	width: auto !important;
	font-size: .4rem ;
	line-height: 1.38rem;
	color: #E8E8E8;
	float: left;
	padding: 0 .24rem 0 .5rem;
}
.explore-cartoon-bottom .cartoon-cate-btn .pull{
	float: right;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.explore-cartoon-bottom .cartoon-switch-arrow{
	width: 5.7rem;
	height: 100%;
	padding: 0 .4rem;
	float: right;
}
.cartoon-switch-arrow span{
	font-size: .4rem;
	color: #E8E8E8;
	float: left;
	line-height: 1.48rem;
	padding: 0 .34rem;
}
.cartoon-switch-arrow .cartoon-page-prev{
	float: left;
}
.cartoon-switch-arrow .cartoon-page-next{
	float: right;
}
.cartoon-page-prev span{
	float: right;
}
.cartoon-page-prev.disabled span{
	color: #48494a;
}
.cartoon-page-next.disabled span{
	color: #48494a;
}
.cartoon-page-prev span.swiper-button-disabled{
	display: none;
}
.cartoon-page-prev.disabled span.arrow-prev{
	display: none;
}
.cartoon-page-prev.disabled span.swiper-button-disabled{
	display: block;
}
.cartoon-page-next span.swiper-button-disabled{
	display: none;
}
.cartoon-page-next.disabled span.arrow-next{
	display: none;
}
.cartoon-page-next.disabled span.swiper-button-disabled{
	display: block;
}
.explore-cartoon-bottom .cartoon-cate-list{
	width: 100%;
	background: #111112;
	position: relative;
	top: 1.38rem;
	left: 0;
	z-index: 1;
	transition: all .5s;
	overflow-y: auto;
	padding-bottom: 3rem;
}
.explore-cartoon-bottom .cartoon-cate-list ul{
	width: 100%;
	padding: 0 .68rem;
	overflow-y: auto;
}
.cartoon-cate-list li{
	width: 100%;
	height: 1.39rem;
	border-bottom: 1px solid #414141;
	font-size: .4rem;
	line-height: 1.38rem;
	color: #e8e8e8;
}
.cartoon-cate-list li.cur{
	color: #ffb900;
}
.explore-cartoon-bottom .cartoon-cate-pack{
	width: 100%;
	height: 3rem;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
	display: none;
	z-index: 9;
}
.explore-cartoon-bottom .cartoon-cate-pack .cartoon-pack{
	font-size: .42rem;
	color: #fff;
	display: inline-block;
	line-height: 1.19rem;
	text-align: center;
	transform: translateY(50%);
	z-index: 2;
}

/* 探索更多轮播 */
.skip-more-cont{
	width: 100%;
	height: 14rem;
}
.skip-more-cont .skip-more-ani{
	opacity: 0;
}
.skip-more-cont .skip-more-tit{
	width: 100%;
	height: .88rem;
	margin-bottom: 1rem;
	position: relative;
}
.skip-more-cont .skip-more-tit p{
	width: 4.1rem;
	height: .88rem;
	line-height: .88rem;
	font-size: .68rem;
	color: #fff;
	letter-spacing: .1rem;
	text-align: center;
	margin: 0 auto;
}
.skip-more-cont .skip-more-tit .title-bg-left{
	display: block;
	position: absolute;
	top: 50%;
	left: 1.7rem;
	margin-top: -.1rem;
}
.skip-more-cont .skip-more-tit .title-bg-right{
	display: block;
	position: absolute;
	top: 50%;
	right: 1.6rem;
	margin-top: -.1rem;
}
.skip-more-swiper{
	width: 100%;
	height: 9.62rem;
	margin: 1.04rem auto 0;
	overflow: hidden;
}
.skip-more-swiper .swiper-slide{
	width: 100%;
	height: 100%;
}
.skip-more-swiper .swiper-slide ul{
	width: 100%;
	font-size: 0;
	text-align: center;
}
.skip-more-swiper .swiper-slide li{
	width: 4.64rem;
	height: 4.8rem;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 .3rem;
	position: relative;
}
.skip-more-swiper li .skip-more-img-wrap{
	width: 4.64rem;
	height: 2.62rem;
	position: relative;
}
.skip-more-swiper li a{
	width: 100%;
	height: 80%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
}
.skip-more-swiper li p{
	width: 100%;
	font-size: .4rem;
	line-height: .6rem;
	color: #e8e8e8;
	overflow: hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	text-align: left;
}
.skip-more-img-wrap img{
	width: 100%;
	height: 100%;
}
.skip-more-img-wrap .item-cate-detail{
	height: .5rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	padding-right: .2rem;
	clip-path: polygon(0% 0%, 86% 0%, 100% 100%, 0% 100%);
	z-index: 4;
}
.skip-more-img-wrap .item-cate-tit{
	color: #868482;
	font-size: .3rem;
	line-height: .5rem;
	float: left;
	padding: 0 .1rem;
}
.skip-more-img-wrap .item-cate-detail .explore-skip-spr{
	float: left;
	margin: -.02rem;
}
.skip-more-pagin{
	font-size: 0;
	text-align: center;
	display: inline-block;
}
.skip-more-pagin span{
	width: .28rem;
	height: .28rem;
	border: .02rem solid #fff;
	border-radius: 0;
	margin: 0 .22rem;
	opacity: 1;
}
.skip-more-pagin span.swiper-pagination-bullet-active{
	background-color: #fff;
}
.skip-more-arrow{
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	position: relative;
	top: -.28rem;
	margin: 0 auto 1.2rem;
	
}
.skip-more-arrow .page-prev{
	display: inline-block;
	margin-right: .56rem;
}
.skip-more-arrow .page-next{
	display: inline-block;
	margin-left: .56rem;
}

/*视频弹窗*/
.pop_video { padding: .02rem; outline: none; position: relative; display: none;}
.pop_video_close { position: absolute; right: .06rem; top: -.9rem; z-index: 5; width: .8rem; height: .8rem;}
.pop_video_close em { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #fff;}
.pop-close-icon1 { transform: rotate(45deg);}
.pop-close-icon2 { transform: rotate(-45deg);}
.pop_video_cont { width: 9.9rem; height: 5.58rem;text-align: center; clear: both; background: #000;}
#popVideoCon { width: 100%; height: 100%;}

/*弹窗*/
html.overflow,body.overflow { overflow: hidden;}
.pop_layer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.96); z-index: 99;}
.pop_comm { position: fixed !important; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99;}
.comm_pop { display: none; position: relative; outline: none;}
.pop_comm,.pop_comm *{ -webkit-box-sizing:border-box; box-sizing:border-box;}

.pop_comm.pop_video{transform: none; margin-left: -4.95rem; margin-top: -2.79rem;}
@media screen and (orientation: landscape) {
    .pop_comm.pop_video{width: 100%; height: 100%; left: 0; top: 0; margin: 0;}
    .pop_video_cont{width: 100%; height: 100%;}
    .pop_video_close{position: fixed; top: .06rem; transform: scale(.6); transform-origin: right top;}
}

/* 隐藏弹窗视频全屏按钮 */
.tvp_fullscreen_button { opacity: 0; pointer-events: none; }