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:#e4eef7;}
/* 头部 */
.top{position:relative; height:1.2rem; 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 a{width:1.83rem; height:0.56rem; position:absolute; top:0.3rem;}
.top .btn-down{right:2.12rem;}
.top .btn-gift{right:0.24rem;}
.main-banner{position:relative; height:6.66rem; background:url(../images/m_bg_02.jpg) no-repeat; background-size:cover;}

.nav-box{position:relative;  height:0.62rem; background:url(../images/m_bg_03.jpg) no-repeat; background-size:cover;}
.nav-box img{width:100%; height:auto; float:left;}
.nav-box:after{content:''; clear:both; display:block; height:0;}
.nav-box ul{position:absolute; width:100%; height:100%; top:0; left:0; display:flex; justify-content:space-between; box-sizing:border-box; align-items:center;}
.nav-box ul li{flex:1; box-sizing:border-box; height:100%;}
.nav-box ul li:nth-of-type(2){padding:0;}
.nav-box ul li a{display:block; height:100%;}

.pic-box{position:relative; overflow:hidden; line-height:0; box-sizing:border-box;}
.box-1{height:6.5rem; background:url(../images/m_bg_04.jpg); background-size:100% 100%; padding-top:1.9rem;}
.swiper-container-1{width:100%; overflow:visible; margin:0 auto; box-sizing:border-box; position:relative; z-index:3;}
.swiper-container-1 .swiper-slide{text-align:center; text-align:center;}
.swiper-container-1 .swiper-slide img{width:6.69rem;}
.swiper-container-1 .prev,.swiper-container-1 .next{width:1.32rem; height:1.61rem; background:url(../images/m_public_img.png); background-size:3rem; position:absolute; top:50%; margin-top:-0.805rem; z-index:11;}
.swiper-container-1 .prev{left:0;}
.swiper-container-1 .next{right:0; background-position-x:-1.33rem;}
.swiper-pagination-1{width:100%; position:absolute; left:0; top:4.2rem; z-index:11; text-align:center; font-size:0; letter-spacing:-5px;}
.swiper-pagination-1 span{width:0.1rem; height:0.1rem; border-radius:0.1rem; background:#93a8c4; display:inline-block; margin:0 0.15rem; position:relative;}
.swiper-pagination-1 span:before{content:''; width:0.21rem; height:0; border-bottom:0.01rem dotted #3b5c88; position:absolute; top:0; bottom:0; left:-0.255rem; margin:auto;}
.swiper-pagination-1 .span-1:before{display:none;}
.swiper-pagination-1 span:after{content:''; width:0.2rem; height:0.2rem; border-radius:0.2rem; box-sizing:border-box; border:0.01rem solid #93a8c4; position:absolute; top:50%; left:50%; margin:-0.1rem 0 0 -0.1rem; display:none;}
.swiper-pagination-1 .active:after{display:block;}


/*内页*/
/*内标题*/
.inside-title{height:5.8rem; background:url(../images/inside_bg_02.jpg); background-size:100% 100%; position:relative;}
.inside-title h2{font-size:0; color:transparent; width:2rem; height:0.4rem; background:url(../images/m_inside_tit.png) no-repeat 0 0; background-size:100%; position:absolute; bottom:0.52rem; right:0; left:0; margin:auto;}
.inside-title.tit-2 h2{background-position-y:-0.4rem;}
.inside-title.tit-3 h2{background-position-y:-0.8rem;}
.inside-title.tit-4 h2{background-position-y:-1.2rem;}
.inside-title.tit-5 h2{background-position-y:-1.6rem;}
.inside-title span{display:none;}
.inside-title .back{display:none;}

/* 游戏资讯、游戏攻略 */
.inside-box .tab-num{display:flex; justify-content:center; justify-content:center; position:relative; z-index:3; padding:0.2rem 0 0.3rem;}
.inside-box .tab-num li{flex:none; position:relative; margin:0 0.5rem;}
.inside-box .tab-num li a{display:block; font-size:0.26rem; line-height:140%; color:#0e2b57; position:relative;}
.inside-box .tab-num li.on a{color:#3d64a2;}
.inside-box .tab-num li a:after{content:''; width:0; height:0.03rem; background:#3d64a2; position:absolute; left:0; right:0; bottom:-0.3rem; transition:0.3s;}
.inside-box .tab-num li.on a:after{width:100%;}
.inside-box .tab-con{border-top:1px solid #d0dfee;}

.news-list li{ padding:0.25rem 0; border-bottom:0.01rem dotted #d0dfee; display:flex;}
.news-list a,.news-list .time,.news-list .type{font-size:0.24rem; color:#445f88; 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.1rem;}
.news-list .type:before,.news-list .type:after{font-size:0.24rem; color:#445f88;}
.news-list .type:before{content:'【';}
.news-list .type:after{content:'】';}
.load-more-btn{margin:0.4rem auto 0; display:block; width:3rem; height:0.55rem; line-height:0.55rem; border-radius:0.55rem; border:0.02rem solid #3d64a2; font-size:0.24rem; color:#3d64a2; text-align:center; position:relative;}
.load-more-btn.active{border-color:#ccc; color:#ccc;}
.load-more-btn:after{content:'点击加载更多';}
.load-more-btn.active:after{content:'没有更多了';}

/*礼包中心*/
.gift-list{border-top:1px solid #d0dfee;}
.gift-list li{border-bottom:0.01rem dotted #d0dfee; padding:0.28rem 0.2rem 0.28rem 0; line-height:0; display:flex;}
.gift-list .text{font-size:0.24rem; line-height:0.5rem; color:#8d949b; flex:auto; padding-right:0.4rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.3s linear; font-weight:bold;}
.gift-list .get-btn,.wechat-box a{display:block; width:1.6rem; height:0.5rem; line-height:0.5rem; background:#5377ae; background-size:2rem; font-size:0.22rem; color:#fff; text-align:center; position:relative; flex:none; border-radius:0.05rem;;}
.gift-list .get-btn.active{background:#8d949b;}
.wechat-box{position:relative; border-bottom:0.01rem dotted #d0dfee; padding:0.3rem 0.2rem 0.3rem; display:flex; align-items:center;}
.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:#375d96; 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 - 1.2rem - 4.07rem - 1.32rem); padding:0 0.25rem 0.7rem; box-sizing:border-box;}
.inside-box .inside-padding .list-detail{padding-bottom:0.36rem; position:relative; border-top:0.01rem solid #d0dfee; border-bottom:0.01rem dashed #d0dfee;}
.list-detail .title{font-size:0.3rem; font-weight:bold; color:#0e2b57; line-height:1.4em; text-align:center; padding-top:0.42rem;}
.list-detail .text{display:block; font-size:0.2rem; color:#4b6690; line-height:1.4em; padding:0.15rem 0; text-align:center; font-weight:lighter;}

.m-text{padding:15px 0;}
.m-text,.m-text p{font-size:14px; color:#4b6690; line-height:24px; 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:#4b6690; position:relative; border-top:0.01rem solid #d0dfee;}
.page-updown a{display:block; color:#4b6690; font-size:0.22rem; padding:0.15rem 0 0.05rem; line-height:1.6em; 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;}