div,a,li,span {-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
body {max-width:750px;min-width:320px;width:100%;margin:0 auto;overflow-x:hidden;}
.m-box {position:relative;width:100%;overflow-x:hidden;}
.m-box2 {background:#fefcf7;}
/* 头部 */
.top {position:relative;height:1.18rem;background-size:cover;}
.m-box .top {background-image:url(../images/m_bg_01.jpg);}
.m-box2 .top {background-image:url(../images/inside_bg_01.jpg);}
.top .btn-down {width:2.74rem;height:0.62rem;position:absolute;right:0.3rem;top:0.28rem;}
.top .btn-gift {display:none;}
.main-banner {position:relative;height:7.51rem;background:url(../images/m_bg_02.jpg) no-repeat;background-size:cover;}
.nav-box {position:relative;height:1.74rem;background:url(../images/m_bg_03.jpg) no-repeat;background-size:cover;z-index:111;}
.nav-box img {width:100%;height:auto;float:left;}
.nav-box:after {content:'';clear:both;display:block;height:0;}
.nav-box ul {position:absolute;padding:0 0.36rem;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;box-sizing:border-box;align-items:center;}
.nav-box ul li {flex:none; width:2.4rem; padding:0.8rem 0 0.24rem;box-sizing:border-box;height:100%;}
.nav-box ul li:nth-of-type(2){padding:0; width:1.8rem;}
.nav-box ul li a {display:block;height:100%;}
.pic-box {position:relative;overflow:hidden;line-height:0;box-sizing:border-box;}

.video-play {width:0.85rem;height:0.82rem;position:absolute; top:4.8rem; left:0; right:0; margin:auto; cursor:pointer; background:url(../images/m_public_img.png); background-size:3rem; display:none;}
.video-play:after{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/m_public_img.png) -0.86rem 0; background-size:3rem; animation:aniScale 0.5s linear infinite alternate;}

@keyframes aniScale{
	0%{
		transform: scale(0.8);
	}
	100%{
		transform: scale(1.05);
	}
}

.popup-video {width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);z-index:9999;display:none;}
.popup-video .video-box {width:6.4rem;height:3.6rem;position:absolute;left:50%;top:50%;margin:-1.8rem 0 0 -3.2rem;background:#000;}
.popup-video .video-box video {width:100%;}
.popup-video .close {width:20px;height:20px;background:url(../images/x_but_3.png); background-size:100% 100%; position:absolute;right:0;top:-26px;cursor:pointer;transition:0.3s;}
.popup-video .close:hover {transform:rotate(90deg);}

.box-1 {height:11.85rem;background:url(../images/m_bg_04.jpg);background-size:100% 100%;padding-top:2.5rem;}
.swiper-container-1 {width:7.14rem;height:4.22rem; box-sizing:border-box; background:rgba(255,252,247,0.4); padding:0.11rem 0.13rem; overflow:visible;margin:0 auto;position:relative;z-index:3;}
.swiper-container-1 .swiper-slide {text-align:center;overflow:hidden;}
.swiper-container-1 .swiper-slide img {width:100%; min-height:100%; object-fit:cover;}
.swiper-container-1 .swiper-pagination-1 {width:100%; position:absolute; bottom:0.25rem; left:0; text-align:center; z-index:11; font-size:0; line-height: 0; box-sizing:border-box;}
.swiper-container-1 .swiper-pagination-1 span{width:0.16rem; height:0.16rem; background:#fff; border-radius:50%; display:inline-block; margin:0 0.12rem; position:relative;}
.swiper-container-1 .swiper-pagination-1 .active{background:#fcfe44;}
.swiper-container-1 .prev,.swiper-container-1 .next {display:none;}

/*首页-游戏资讯*/
.news-box{width:6.88rem; height:4.6rem; border-bottom:0.05rem solid #bdeb81; background:#fff; position:relative; box-sizing:border-box; z-index:2; margin:0.16rem auto 0;}
.news-box .tab-num{display:flex; height:0.65rem; background:#bdeb81;}
.news-box .more{color:transparent; font-size:0; width:0.65rem; height:0.65rem; background:#ffac6d; position:absolute; top:0; right:0;}
.news-box .more:before,.news-box .more:after{content:''; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.news-box .more:before{width:0.45rem; height:0.03rem;}
.news-box .more:after{width:0.03rem; height:0.45rem;}
.news-box .tab-num li{margin:0 0.27rem; padding:0 0.06rem; position:relative;}
.news-box .tab-num li:after{content:''; width:0; height:0.04rem; background:#fbff99; position:absolute; left:0; right:0; bottom:0; margin:auto; transition:0.3s;}
.news-box .tab-num li a{display:block; line-height:0.65rem; font-size:0.24rem; color:#308565;}
.news-box .tab-num .on a{font-weight:bold;}
.news-box .tab-num .on:after{width:100%;}

.in-news{padding:0.04rem 0.3rem 0 0.2rem;}
.in-news li{display:flex; align-items:center; margin-top:0.42rem;}
.in-news a,.in-news span{font-size:0.24rem; color:#403d3c; line-height:110%;/* font-weight:lighter; */}
.in-news a{flex:auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.3s linear; margin-right:0.5rem;}
.in-news li:nth-of-type(n+6){display:none;}
.in-news .type{flex:none; position:relative; margin-right:0.15rem;}
.in-news .type:before,.in-news .type:after{font-size:0.24rem; color:#403d3c; line-height:110%;}
.in-news .type:before{content:'【';}
.in-news .type:after{content:'】';}
.in-news .time{flex:none;text-align:right;}

.box-2 {height:14.7rem;background:url(../images/m_bg_05.jpg);background-size:100% 100%;}
.swiper-container-2 {width:100%;height:100%;overflow:hidden;margin:0 auto;box-sizing:border-box;position:relative;z-index:3;}
.swiper-container-2 .swiper-slide {text-align:center;}
.swiper-container-2 .swiper-slide img {width:100%; height:100%;}
.swiper-container-2 .swiper-pagination-2 {position:absolute;width:0.9rem;text-align:center;box-sizing:border-box;z-index:33;font-size:0;letter-spacing:-5px; left:auto; right:0.38rem; top:2.44rem; bottom:auto;}
.swiper-container-2 .swiper-pagination-2 .bullet {display:block;width:0.9rem;height:0.9rem; margin-bottom:0.24rem;}
.swiper-container-2 .prev,.swiper-container-2 .next {display:none;}

.box-3 {height:7.8rem;background:url(../images/m_bg_06.jpg);background-size:100% 100%;padding-top:1.82rem;}
.slide-box-3{position:relative; overflow:visible;}
.slide-box-3 .slide-img{font-size:0; letter-spacing:-5px; text-align:center; display:block;}
.slide-box-3 .slide-img>*{position:relative; overflow:hidden; display:inline-block;}
.slide-box-3 .slide-img span{width:0.89rem; height:2.56rem; background:url(../images/foshow_tit.png); background-size:4rem; position:absolute; top:0; left:0; z-index:11;}
.slide-box-3 .slide-img .span-2{background-position-x:-0.9rem;}
.slide-box-3 .slide-img .span-3{background-position-x:-1.8rem;}
.slide-box-3 .slide-img .span-4{background-position-x:-2.7rem;}
.slide-box-3 .slide-img img{width:4.24rem; float:left; position:relative; opacity:0; transition:0.3s;}
.slide-box-3 .slide-img .on img{opacity:1;}
.slide-box-3 .slide-num {width:100%; position:absolute; left:0; bottom:-0.52rem; text-align:center;}
.slide-box-3 .slide-num li{display:inline-block; width:0.24rem; height:0.24rem; box-sizing:border-box; border:0.02rem solid #fff; transform:rotate(45deg); margin:0 0.11rem; position: relative;}
.slide-box-3 .slide-num li:after{position:absolute; width:0.14rem; height:0.14rem; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; content:'';}
.slide-box-3 .slide-num li.on{border-color:#398b66;}
.slide-box-3 .slide-num li.on:after{background:#398b66;}

/*内页*//*内标题*/
.inside-title {height:7rem;background:url(../images/inside_bg_02.jpg);background-size:100% auto;position:relative;}
.inside-title h2 {width:7.5rem; height:2.2rem; color:transparent; font-size:0; background:url(../images/m_inside_tit.png); background-size:7.5rem; position:absolute; left:0; right:0; bottom:0.15rem; margin:auto;}
.inside-title.tit-2 h2{background-position-y:-2.2rem;}
.inside-title.tit-3 h2{background-position-y:-4.4rem;}
.inside-title.tit-4 h2{background-position-y:-6.6rem;}
.inside-title.tit-5 h2{background-position-y:-8.8rem;}
.inside-title span {display:none;}
.inside-title .back {width:0.5rem; height:0.5rem; background:#ffac6d; position:absolute; right:0.3rem; bottom:-0.6rem; z-index:13;}
.inside-title .back:before,.inside-title .back:after{content:''; width:40%; height:0.01rem; background:#fff; transform-origin:center left; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.inside-title .back:before{transform:rotate(-43deg);}
.inside-title .back:after{transform:rotate(43deg);}
.inside-title.tit-3 .back{bottom:0.1rem;}
.inside-title.tit-5 .back,.inside-title.tit-4 .back{bottom:-0.82rem;}
.inside-title .nav-box{background:transparent; width:100%; position:absolute; top:0.56rem; left:0;}

/* 游戏资讯、游戏攻略 */
.inside-box .tab-num {display:flex; position:relative;z-index:5;padding:0.2rem 0.3rem 0.3rem;}
.inside-box .tab-num li {flex:none;position:relative; margin-right:0.6rem;}
.inside-box .tab-num-2{justify-content:center;}
.inside-box .tab-num-2 li{margin:0 0.3rem;}
.inside-box .tab-num li a{text-align:center; display:block; font-size:0.32rem; line-height:110%; color:#666666; position:relative;}
.inside-box .tab-num li a:after{content:''; width:0; height:0.04rem; background:#ffac6d; position:absolute; left:0; bottom:-0.31rem;}
.inside-box .tab-num li.on a{color:#ffac6d; font-weight:bold;}
.inside-box .tab-num li.on a:after{width:100%;}

.inside-box .tab-con{border-top:1px solid #a8dfd2; padding-bottom:0.7rem; position:relative; z-index:4;}
.news-list{background:#fffcf7;}
.news-list li{ padding:0.35rem 0.3rem; border-bottom:0.01rem solid #a8dfd2; display:flex;}
.news-list a,.news-list .time,.news-list .type{font-size:0.24rem; color:#666666; line-height:0.4rem; flex:none;}
.news-list a{flex:auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.3s linear;box-sizing:border-box;}
.news-list .type{display:inline-block; position:relative; margin-right:0.15rem; background:#666666; color:#fff; padding:0 0.14rem; border-radius:0.04rem;}

.load-more-btn {margin:0.4rem auto 0;display:block;width:2.6rem;height:0.55rem;line-height:0.55rem;background:#ffac6d; border:0.02rem solid #ffac6d;font-size:0.24rem;color:#fff;text-align:center;position:relative; border-radius:0.06rem;}
.load-more-btn.active {opacity:0.5;}
.load-more-btn:after {content:'点击加载更多';}
.load-more-btn.active:after {content:'没有更多了';}

/*礼包中心*/
.gift-list{position:relative; border-top:0.01rem solid #a8dfd2; padding-bottom:0.7rem;}
.gift-list li {border-bottom:0.01rem solid #a8dfd2;padding:0.28rem 0.3rem;line-height:0;display:flex; align-items:center; background:#fffcf7;}
.gift-list li:before{content:''; width:1.1rem;height:1.1rem;min-width:50px;min-height:50px;margin-right:0.1rem;flex:none; background:url(../images/gift_icon.png); background-size:cover;}
.gift-list .text {font-size:0.3rem; line-height:130%; color:#666666;flex:auto;padding-right:0.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.3s linear;}
.gift-list .get-btn,.wechat-box a {display:block;width:1.44rem;height:0.45rem;line-height:0.45rem;background:#ffac6d; border-radius:0.04rem; background-size:2rem;font-size:0.22rem;color:#fff;text-align:center;position:relative;border-radius:0.06rem;flex:none;}
.wechat-box a{background:#41c4a2;}
.gift-list .get-btn.active {opacity:0.5;}
.wechat-box {position:relative;border-bottom:0.01rem solid #a8dfd2; padding:0.3rem;display:flex;align-items:center; background:#fffcf7;}
.wechat-text {flex:auto;padding-right:0.3rem;overflow:hidden;}
.wechat-box .pic {width:1.1rem;height:1.1rem;min-width:50px;min-height:50px;margin-right:0.1rem;flex:none;}
.wechat-box .pic img {width:100%;}
.wechat-box a {flex:none;}
.wechat-box .wechat-text p {color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wechat-box .title {font-size:0.3rem;line-height:1.4em;}
.wechat-box .intr {font-size:0.24rem;line-height:1.4em;}
.wechat-box .bind:after {content:'立即领取';}

/* 详情页 */
.inside-box {min-height:7.8rem;min-height:calc(100vh - 0.5rem - 4.07rem - 1.32rem);box-sizing:border-box; background:#ffffb8 url(../images/inside_bg_03.jpg) no-repeat center top; background-size:100%;}
.inside-box .inside-padding .list-detail {padding:0.3rem 0.7rem 0;position:relative;}
.list-detail .title {font-size:0.3rem;color:#2e8364;line-height:140%;text-align:center;}
.list-detail .text {display:block;font-size:0.2rem;color:#fdfe43;line-height:150%;padding:0.15rem 0;text-align:center;font-weight:lighter;}
.m-text {padding:15px 0.3rem; background:#fffcf7;}
.m-text,.m-text p {font-size:0.16rem;color:#666666;line-height:160%;font-weight:lighter;}
.m-text img,.m-text video {max-width:95%;width:auto !important;height:auto !important;margin:10px auto;}
.page-updown {font-size:0.22rem;color:#ffac6d;position:relative; padding:0 0.3rem 0.5rem; background:#fffcf7; border-bottom:1rem solid #ffffb8;}
.page-updown a {display:block;color:#ffac6d;font-size:0.22rem;padding:0.15rem 0 0.05rem;line-height:160%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 0.3s linear;position:relative;}
.page_back {width:1.4rem;height:0.9rem;position:absolute;left:0;right:0;bottom:0.4rem;margin:auto;}
.page_back a {display:block;height:100%;}
.page_back a>* {display:none;}
@keyframes arrow {0% {transform:translate(0,0);opacity:0.9;}
50% {transform:translate(0,50%);opacity:0.6;}
100% {transform:translate(0,0);opacity:0.9;}
}

/* 提示消息 */
.msg-box-wrap,.loading-bg-wrap{
	width:100%;
	height:100%;
	z-index:100001; 
	position:fixed; 
	left:0;
	top:0;
	font-size:0;
	letter-spacing:-5px;
	vertical-align: middle;
	text-align:center;	
}
/* .msg-box-wrap{
	pointer-events: none;
} */
.msg-box-wrap:before,.loading-bg-wrap:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:100%;
}
.msg-box{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	background:rgba(0,0,0,0.5);
	color:#fff; 
	font-size:0.22rem; 
	line-height:130%;
	padding:0.16rem 0.3rem; 
	border-radius:0.08rem; 
	max-width:90%; 
	box-sizing:border-box; 
	text-align:center;
}