html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; } body { margin: 0; font-size: 0.14rem; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: middle; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol { list-style: none outside none; } h1, h2, h3 { line-height: 2; font-weight: normal; } h1 { font-size: 0.24rem; } h2 { font-size: 0.22rem; } h3 { font-size: 0.2rem; }h4,h5,h6{font-size:0.18rem;} input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}

.wrapper{max-width:7.5rem; margin:0 auto;  position:relative;}
header{width:7.5rem; height:1.27rem; color:#202020; background:rgba(14,24,41,0.6); padding:0 .15rem; position:fixed; top:0; z-index:5;}
header .logo{width:1.44rem; height:1.44rem;  margin-top:.15rem; float:left;}
header .ginfo{width:1.93rem; height:.74rem; background:url(../png/ginfo3012.png) no-repeat; background-size:contain; text-indent:-999px; overflow:hidden; margin:.2rem 0 0 .18rem; float:left;}
header .top_btn{height:.5rem; margin-top:.25rem; float:right;}
header .top_btn a{width:1.64rem; height:.60rem; text-indent:-999px; overflow:hidden; margin-left:.12rem; float:left;}
header .top_btn a.lqlb{background:url(../png/lqlb.png) no-repeat; background-size:contain;}
header .top_btn a.xzyx{background:url(../png/xzyx.png) no-repeat; background-size:contain;}


.wrap{width:7.5rem;padding:11.47rem 0 0 0;position: relative;}
.wap_logo{
    width:2.49rem;height: 1.42rem;
}

.down_rode{
    width:5.56rem;
    height:2.06rem;
    background:rgba(102,127,247,0.16);
    border-radius:.10rem;
    margin: 0 auto .53rem;
}
.down_code{
    width:2.06rem;
    height:1.67rem;
    float: left;margin-right: 0.13rem;
    margin-left: .28rem;
    margin-top: .20rem;
    background:url(../png/ss_code.png) no-repeat; background-size:contain;
}
.down_code img{
    width:1.38rem;
    height:1.38rem;
    display: inline-block;
    margin-top: 0.15rem;
    margin-left: 0.55rem;
}
.yj_apple{
    display: inline-block;
    float: left;margin-bottom: 0.15rem;
    margin-top: 0.20rem;
    width:2.85rem;
    height:.76rem;background:url(../png/ss_apple.png) no-repeat; background-size:contain;
}
.yj_android{
    display: inline-block;
    float: left;
    width:2.85rem;
    height:.76rem;background:url(../png/ss_android4ff9.png) no-repeat; background-size:contain;
}
.slideboxft{
    background:url(../jpg/wap_bg.jpg); background-size:100%;
}
.slidebox {width:6.93rem;height:3.94rem;margin:0 auto; overflow:hidden; position:relative;}
.slidebox .bd,.slidebox .bd li,.slidebox img {width:6.93rem; height:3.94rem;}
.slidebox .hd{width:100%; height:.18rem; text-align:center; position:absolute; bottom:.14rem; right:0; z-index:2;}
.slidebox .hd li{width:.18rem; height:100%; background:#fff; border-radius:.1rem; text-indent:-999px; overflow:hidden; display:inline-block; margin:0 .04rem; cursor:pointer;}
.slidebox .hd li.on{background:#db0000;}

.info_opens{height:.4rem; line-height:.4rem; color:#c50e0a; font-size:.22rem; background:rgba(222,222,222,.7); background-size:contain; padding:0 .2rem; margin:0 auto .2rem auto;}
.info_opens span{color:#505050;}

.newsbox{min-height:5rem; height:auto; padding:0 0.24rem .2rem;background:url(../jpg/wap_bg.jpg); background-size:100%;}
.news-tab{height:.62rem; color:#DBDBDD; font-size:.25rem;border-bottom:.01rem solid #c7c8c7; background: #668ECF;}
.news-tab li{width:25%; height:.61rem; line-height:.61rem;text-align:center; float:left; cursor:pointer;}
.news-tab li.active{color:#FFFFFF;background: #33538A;}
.news-con{color:#c8b7af; margin-top:.42rem; min-height:1rem;}
.news-con .news-c{display:none;}
.news-con .news-c li{height:.48rem; line-height:.48rem; font-size:.22rem; overflow:hidden; margin:.1rem 0;border-bottom:1px dashed rgba(51,50,78,1);}
.news-con .news-c li i{width:.56rem; height:.22rem; line-height:.22rem; color:#fff; font-size:.14rem; font-style:normal; background-size:contain; padding-left:.1rem; margin:.08rem .1rem 0 0; float:left;}
.news-con .news-c li a{max-width:4.6rem; color:#6b6b6b; overflow:hidden; float:left;}
.news-con .news-c li a:hover{color:#c50e0a;}
.news-con .news-c li span{float:right;}
.news-con .news-c .more{ display:block; font-size:0.26rem; color:#696969; overflow:hidden; float:none; margin:.3rem auto .1rem auto; text-align:center;}
.prismatic{
    float: left;margin:0.18rem 0.1rem 0rem 0.08rem;
  display: inline-block; width: .15rem;height: .14rem;background:url(../png/prismatic.png) no-repeat; background-size:contain; 
}

.yxzlbox{
    padding-top: .6rem;
    background:url(../jpg/wap_bg.jpg); background-size:100%;
  
}
.yxzlbox .yxzl_title{
    height: 1.08rem;background:url(../png/yxzl_title.png) no-repeat; background-size:contain; 
}
.yxzlbox .yxzl_content{
    height:6.61rem;
    padding-top: 0.73rem;
    
    background:RGBA(100, 200, 254, 0.32);
    display: flex;
    
}
.yxzlbox .yxzl_content ul{
    flex:1;
    position: relative;
    padding-top:2.72rem;
    text-align: center;
}
.yxzlbox .yxzl_content .yxzl_sm{
    width: 1.84rem;height: 5.89rem;
}
.zl_left{
    background:url(../png/zl_left.png) no-repeat; background-size:100%;
}
.zl_center{
    background:url(../png/zl_center.png) no-repeat; background-size:100%;
}
.zl_right{
    background:url(../png/zl_right.png) no-repeat; background-size:100%;
}
.yxzlbox  .yxzl_sm li{
    height: 0.45rem;line-height: 0.45rem;font-size: 0.16rem;
}
.yxzlbox  .yxzl_sm li .turn_zl{
 display: inline-block;text-align: center;
}
.going{
    width:.79rem;
    height:.32rem;background:url(../png/go.png) no-repeat; background-size:contain;
    position: absolute;left: 0.86rem;top: 1.75rem;
}
.zl_icon{
    display: inline-block;margin-right: 0.10rem;
    width: 0.11rem;height: 0.11rem;background:url(../png/zl_icon.png) no-repeat; background-size:contain;
}
.yxzlbox  .yxzl_sm li a:hover{
    color: #FF3600;
}
.yxts{
      padding-top: 0.70rem;
    background:url(../jpg/wap_bg.jpg); background-size:100%;  
}
.yxts_title{
    height: 1.08rem;background:url(../png/yxts_title.png) no-repeat; background-size:contain; 
     
}
.yxts_content{position: relative;
    background:url(../png/yxts_bg.png) no-repeat; background-size:100%;padding-top: 0.99rem;padding-bottom: 1rem;
}


.footer_code{
    width: 6.18rem;height: 3.10rem;background:url(../png/footer_code.png) no-repeat; background-size:contain;margin:.85rem auto 0;
}


.u-kefu{height:1.28rem; padding:.2rem 0;background:url(../png/footer_bg-3.png)}
.u-kefu .item{width:20%; color:#636363; font-size:.18rem; text-align:center; float:left;}
.u-kefu .item i{width:.5rem; height:.5rem; background-size:cover; display:block; margin:0 auto .1rem;}
.u-kefu .item .i1{background-image:url(../png/custom-2.png);}
.u-kefu .item .i2{background-image:url(../png/phone-2.png);}
.u-kefu .item .i3{background-image:url(../png/serve-2.png);}
.u-kefu .item .i4{background-image:url(../png/recharge-2.png);}
.u-kefu .item .i5{background-image:url(../png/platform-2.png);}

footer{color:#636363; border-top:.02rem solid rgba(60,60,60,.5); text-align:center; padding:.2rem 0 .8rem 0;background:url(../png/footer_bg-3.png)}
footer .back_top{width:3.4rem; height:.6rem; background:url(../png/back_top-3.png) no-repeat; background-size:3.4rem .6rem; display:block; margin:0 auto; cursor:pointer;}
footer p{margin-top:.16rem;}
footer a{color:#636363;}
footer a:hover{color:#03b4f5;}



/* 列表页*/
.art_wrap{max-width:7.5rem; margin:0 auto; position:relative;}
.art_wrap main{padding:2.25rem .2rem .15rem .2rem;}
.art_wrap .u-kefu, .art_wrap footer{background: none;}

.local{height:.64rem; line-height:.4rem; color:#373e4e; font-size:.38rem;font-weight: 700; border-left:.14rem solid #373e4e; padding-left:.1rem; margin-bottom:.44rem;position: relative;}
.local a{color:#585d67; font-size:.24rem; position: absolute;right:0;top: 0.18rem; }
.local a:hover{color:#373e4e;}
.backhome{
    width:1.67rem;
    height:.52rem;display: inline-block;
    background:url(../png/backhome.png) no-repeat; background-size:contain;
    position: absolute;
    right: 0.15rem;
    top:2.17rem;
}

.art-tab{height:.62rem; color:#484848; font-size:.25rem;border-bottom:.01rem solid #c7c8c7; }
.art-tab a{width:25%; height:.61rem; line-height:.61rem; color:#DBDBDD; text-align:center; float:left; cursor:pointer;background: #2D2851;}
.art-tab a.active{color:#DBDBDD;background: #33538A;}
.rdhide{
    display: none;
}




.art-list{color:#353535; min-height:1.5rem;}



.art-list li{height:.48rem; line-height:.48rem; font-size:.22rem; overflow:hidden; margin:.1rem 0; border-bottom:1px dotted #858a92;}
.art-list li a{max-width:4.6rem; color:#353535; overflow:hidden; float:left;}
.art-list li a:hover{color:#c50e0a;}
.art-list li span{float:right;}
.artList{
    margin-bottom: 1rem;
}

/*内容页*/
.spanNews{
    font-size:.19rem; position: absolute;left: 0.16rem;top: 0.39rem;font-weight:400;color:rgba(36,42,84,1);
    opacity:0.44;
}

.art-title{line-height:.4rem;font-size:.3rem; text-align:center;color:rgba(51,50,78,1);}
.art-info{font-size:.24rem; text-align:center; margin-bottom:.2rem;color:rgba(64,64,64,1);}
.art-body{color:#484848; font-size:.24rem;}
.art-body img{width:100%; display:block; margin:.2rem auto !important;}
.return{width:4.2rem; height:.48rem; line-height:.48rem; color:#fff; font-size:.18rem; background:#373e4e; border-radius:4px; text-align:center; overflow:hidden; display:block; margin:.3rem auto .1rem auto;}
.next_page{
    margin-top: 0.91rem;color:rgba(124, 28, 24, 1);
}
.next_page a{
    color:rgba(124, 28, 24, 1);
}

/* 翻页 */
.scott{ color: #33538A; font-size:.2rem; text-align: center; padding-top: .2rem;}
.scott a{color:#9f4646;}

/*游戏资料页*/
.yxzl_logo{
    width: 3.46rem;height: .82rem; background:url(../png/yxzl_logo.png) no-repeat; background-size:contain;margin: 0 auto;margin-bottom: 0.30rem;
}
.data-tab{
    width:7.02rem;
    height:.51rem;
    background:url(../png/yxzl_bg.png) no-repeat; background-size:contain;
    padding:0.04rem 0.15rem 0.04rem 2.2rem;
    display: flex;
}
.data-tab a{
    display:block;
    float: left;color: rgba(255, 255, 255, 1);font-size: 0.20rem;
    line-height: 0.43rem;text-align: center;
    flex: 1;
}
.data-tab a.active{
    background:url(../png/yxzl_active.png) no-repeat;background-size: 100%;
}
.pic_txt{
    margin-top: 0.61rem;
}
.pic_txt ul{
    display: -webkit-flex;
    display: flex;justify-content: flex-start;flex-direction: row;
    flex-wrap: wrap;
}

.pic_txt li{
    width:1.27rem;display: inline-block;
    font-size: .19rem;
    flex: 1;

}
.pic_txt li img{
    width:1.27rem;
    height:1.24rem;
}
.pic_txt li p{
    height: 0.48rem;line-height: 0.48rem;text-align: center;width:1.27rem;
}


/* 首页幻灯片 */
.yxts_slidebox {width:6.16rem;  margin:0 auto .6rem auto;  position:relative;}
#certify {
	position: relative;
	
	margin: 0 auto
}


#certify  .swiper-slide {
    width:2.54rem;height:5.49rem;
    border: 0.05rem solid #1E8FED;
	background: #fff;
	overflow:hidden;
}
#certify  .swiper-slide img{
	display: block;width:2.54rem;
    height:5.49rem;
}
#certify  .swiper-slide-next{
    transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(-0deg) !important;
    z-index: 0;
    opacity: 1;
    transition-duration: 0ms;
}
#certify  .swiper-slide-prev{
    transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(-0deg) !important;
    z-index: 0;
    opacity: 1;
    transition-duration: 0ms;
}


#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
	margin: 0 0.05rem;
    width: 0.17rem;height: 0.17rem;margin-right: 0.07rem;
    border:0.01rem solid #1E8FED;
    background: transparent;
	border-radius:50%;
	opacity: 1;
}

#certify .swiper-pagination{
    position: relative;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #1E8FED;
}


.yxts_content .prev{
    position: absolute;left: 0.11rem;top:3.3rem;
    display: block;
    width:.44rem;
    height:.70rem;
    background:url(../png/yxts_left.png) no-repeat; background-size:contain;
    z-index: 100;
}
.yxts_content .next{
    position: absolute;right: 0.11rem;top:3.3rem;
    display: inline-block;
    width:.44rem;
    height:.70rem;background:url(../png/yxts_right.png) no-repeat; background-size:contain;z-index: 100;
}

/* 视频弹窗 */
.video_start{
    width:1rem;height:1rem;
}

/* 弹窗 */
.pop{display:none}
.pop .mask{
    width: 100%;
    height: 100%;background: rgba(0,0,0,0.5);position: fixed;
    top: 0;
    z-index: 100;
}
.pop .i_video{
    width: 7.5rem;height: 4.53rem;
    position: fixed;top: 50%;left: 50%;margin-left: -3.75rem;margin-top:-2.26rem;z-index: 1000;
    min-width: 100%;
    min-height: 100%;
    object-fit: fill;/*这里是关键*/
}
.pop .i_close{
    position: fixed;top: 50%;right: 0%;
    display: block;width: 0.7rem;height: 0.7rem;
    border-radius: 50%;line-height: 0.7rem;
    text-align: center;
    font-size:0.5rem;
    margin-left: -0.5rem;margin-top:-2.5rem;
    z-index: 10001;background: rgba(0,0,0,0.5);
}
.pop .i_video .video_play{
    width: 7.5rem;height: 4.53rem;
}






/*屏幕适配*/
@media only screen and (max-width: 375px){ /*iphone6*/
	
}
@media only screen and (max-width: 320px){ /*iphone5*/
	
}
@media only screen and (min-width: 415px){ /*大于6P的尺寸（ipad，pc）*/
	
}


/* S 16+适龄小图标 */
.age_icon_box{
    width: 1rem;
    height: 1.28rem;
    background: url(../png/age_icon_1666b8f.png) no-repeat center center/cover;
    position: fixed;
    top: 50%;
    margin-top: -.64rem;
    right: 0.2rem;
    z-index: 4;
}
/* E 16+适龄小图标 */

/* S 16+适龄提示弹窗 */
.age_pop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0,0,0,.6);
    display: none;
}
.age_pop_layer{
    width: 5.7rem;
    height: 6.98rem;
    padding: 0 .32rem;
    background-color: #383a46;
    border-radius: 0.1rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%); 
    -moz-transform:translate(-50%, -50%); 
    -webkit-transform:translate(-50%, -50%); 
    -o-transform:translate(-50%, -50%);
    z-index: 10;
}
.age_pop_title{
    font-size: .23rem;
    color: #fff;
    margin-top: .34rem;
    font-weight: bold;
}
.age_pop_close{
    width: .4rem;
    height: .4rem;
    background: url(../png/age_icon_clost_506b8f.png) no-repeat center center/cover;
    position: absolute;
    top: 0.2rem;
    right: 0.12rem;
}
.age_pop_content{
    max-height: 5.88rem;
    margin-top: 0.1rem;
    overflow-y: auto;
    font-size: .17rem;
    color: #fff;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify;
}
/* E 16+适龄提示弹窗 */

/* S 横屏处理 */
@media all and (orientation : landscape){
    .age_icon_box{
        width: 0.71rem;
        height: 0.91rem;
        margin-top: -.45rem;
    }

    .age_pop_layer{
        height: 3rem;
    }
    .age_pop_content{
        max-height: 2rem;
    }
}
/* E 横屏处理 */