.headvideo{position: relative}
.header-banner{width:100%;height:1.97rem;vertical-align:bottom;margin:.1rem auto .2rem;position:relative}
.header-banner a,.headvideo a{z-index: 2;padding:0 .2rem;height:.44rem;display:table;border-radius:.1rem;border:solid 1px #fff;text-align:center;position:absolute;bottom:.32rem;right:.24rem;background:rgba(0,0,0,0.5)}
.header-banner a span,.headvideo a span{display:table-cell;vertical-align:middle;font-size:.24rem;color:#fff}
.header-banner a+a,.headvideo a+a{background-image:linear-gradient(59deg,#ff1e00 0,#ff7e00 100%);border:0;right:1.3rem;height:.46rem;padding:0 .22rem}
.header-banner a img{width:100%;height:1.97rem}
.headvideo a{bottom: -0.75rem}
.swiper-container{overflow:-webkit-paged-x}
.swiper-ztnav .game-nav1{width:auto}
.game-nav1 a i{top:0}
.game-intro{line-height:.36rem;letter-spacing:.01rem;color:#555;text-indent:.48rem;position:relative;overflow:hidden;width:100%;padding:0 .2rem;box-sizing:border-box;margin:.25rem auto}
.game-intro .read-more{color:#ff8439;position:absolute;width:1.1rem!important;background:white;bottom:0;right:.2rem;height:.36rem;line-height:.36rem;text-indent:0;text-align:right;cursor:pointer;margin-bottom:0;border:0;display:none}
.part-title{margin:.2rem auto;width:7.5rem;position:relative}
.modual1 .part-title{margin-bottom:0;left:-0.2rem}
.level2Modual10 .part-title,.modual2 .part-title{margin-bottom:0;left:-0.2rem}
.game-config{width:6rem}
.configure-pagination{width:3.8rem;box-sizing:border-box;height:.6rem;border:solid 1px #e6e6e6;border-radius:.3rem;display:flex;align-items:center;justify-content:center;margin:0 auto .2rem;position:static}
.configure-pagination span{display:table;width:50%;height:100%;text-align:center;line-height:.58rem;font-size:.26rem;cursor:pointer;color:#828282}
.configure-pagination .swiper-pagination-customs-active{color:#fff;background:#afafaf;border-radius:.29rem}
.configure-pagination span b{display:table-cell;vertical-align:middle;text-align:center;font-size:.26rem;color:#828282;font-weight:normal}
.configure-pagination span.swiper-pagination-customs-active:after{display:none}
.configure-pagination span.swiper-pagination-customs-active b{color:#fff}
.game-config li{display:flex;align-items:flex-start;justify-content:flex-start;color:#333;width:100%;box-sizing:border-box;padding:.2rem .28rem;border-top:.01rem solid #ccc}
.game-config li:first-child{border-top:0}
.game-config li span{width:1rem;display:block;flex-shrink:0}
.flow-swiper{text-align:center}
.flow-pagination{width:auto;height:.56rem;margin:.3rem auto;border-radius:.3rem;border:solid 1px #e6e6e6;display:inline-block;justify-content:space-between;position:static}
.flow-pagination span{float:left;display:table;height:.58rem;width:1.9rem;text-align:center;border-radius:.28rem;color:#828282}
.flow-pagination span b{display:table-cell;vertical-align:middle;text-align:center;font-size:.26rem;font-weight:normal}
.flow-pagination span.swiper-pagination-customs-active{color:#fff;background:#afafaf;border-radius:.29rem}
.toggle-ul span.swiper-pagination-customs-active:after{display:none}
.strategy-toggle span.swiper-pagination-customs-active b{color:#fff}
.flow-chart >.top{width:.22rem;height:.66rem;clear:both;overflow:hidden;margin:auto;background:url(/images/v1/dragon-bone-head.png) center top no-repeat;background-size:.22rem .66rem}
.flow-chart >.holder{position:relative;clear:both;overflow:hidden;background:url(/images/v1/dragon-bone-middle.png) center .08rem repeat-y;background-size:1.53rem .98rem}
.flow-chart >.holder >a{position:absolute;display:table;width:2.8rem;height:.6rem;border:1px solid #ccc;border-radius:.3rem;overflow:hidden;color:#333;background:#fff;text-align:center;table-layout:fixed;white-space:nowrap}
.flow-chart >.holder >a span{width:100%;height:100%;display:table-cell;vertical-align:middle;overflow:hidden}
.flow-chart >.bot{width:100%;height:.8rem;line-height:1.1rem;padding:.25rem 0 0 0;clear:both;overflow:hidden;text-align:center;cursor:pointer;font-size:.3rem;color:#ccc;background:url(/images/v1/dragon-bone-foot-open.png) center top no-repeat;background-size:.3rem .48rem}
.flow-chart >.open{background-image:url(/images/v1/dragon-bone-foot-open.png)}
.flow-chart >.close{background-image:url(/images/v1/dragon-bone-foot-close.png)}
.hot-swiper{margin:.15rem auto .2rem}
.hot-swiper .swiper-slide div{display:block;width:2.6rem;height:1.4rem;overflow:hidden;border-radius:.1rem;margin-bottom:.12rem}
.hot-swiper .swiper-slide{width:2.6rem;margin-left:.2rem;height:1.91rem}
.hot-swiper .swiper-slide:last-child{margin-right:.2rem}
.hot-swiper .swiper-slide img{width:100%;vertical-align:bottom;border-radius:.1rem}
.hot-swiper .swiper-slide span{text-align:center;display:block;width:100%;height:.4rem;line-height:.4rem;overflow:hidden;color:#666}
.pic-swiper .swiper-slide div{width:1.4rem;height:2.14rem;border-radius:0}
.pic-swiper .swiper-slide{width:1.4rem;margin-left:.26rem;height:2.67rem}
.pic-swiper .swiper-slide:last-child{margin-right:.2rem}
.pic-swiper .swiper-slide img{border-radius:0;height:100%}
.pic-swiper .swiper-slide span{font-size:.24rem;color:black}
.series-swiper .swiper-slide div{width:1.58rem;height:2.1rem}
.series-swiper .swiper-slide{width:1.58rem;margin-right:.4rem;margin-left:0;height:2.62rem}
.series-swiper .swiper-slide:first-child{margin-left:.2rem}
.series-swiper .swiper-slide:last-child{margin-right:.2rem}
.series-swiper .swiper-slide img{height:100%}
.series-swiper .swiper-slide span{font-size:.24rem;color:#666}
.label-container{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}
.label-container a{display:table;width:1.68rem;height:.6rem;border-radius:.04rem;border:solid 1px #ff8439;margin:0 .1rem .2rem 0;table-layout:fixed;text-align:center;flex-shrink:0;box-sizing:border-box;color:#ff8439;padding:0 .1rem}
.label-links a{border-color:#ccc;color:#333;width:2.3rem}
.label-container a:nth-child(4n){margin-right:0}
.label-links a:nth-child(4n){margin-right:.1rem}
.label-links a:nth-child(3n){margin-right:0}
.label-container a span{display:table-cell;width:100%;height:100%;overflow:hidden;white-space:nowrap;vertical-align:middle;font-size:.28rem;text-align:center}
.video-container{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}
.video-container a{width:3.48rem;height:2.72rem;margin-right:.14rem}
.video-container a:nth-child(even){margin-right:0}
.video-container a div{width:3.48rem;height:2.1rem;border-radius:.1rem;overflow:hidden;position:relative}
.video-container a img{width:100%;height:100%;vertical-align:bottom}
.video-container a div:after{content:"";display:block;width:1.1rem;height:1.1rem;background:url(/images/v1/mg19.png) no-repeat;background-size:100% 100%;margin:auto;left:0;right:0;top:.6rem;position:absolute;z-index:2}
.video-container a span{display:block;width:100%;height:.6rem;line-height:.6rem;overflow:hidden;color:#484848;text-align:center}
.download-container{margin:.2rem auto .4rem}
.download-container a{display:flex;width:100%;align-items:center;justify-content:flex-start;margin:.16rem auto}
.download-container a div{height:.3rem;line-height:.3rem;color:#ff8439}
.download-container a span{height:.26rem;width:1px;display:block;margin:0 .2rem;background:#ccc}
.download-container a b{display:block;height:.3rem;line-height:.3rem;font-weight:normal;color:#484848;flex-shrink:1;width:5.9rem;overflow:hidden}
.hotLabel{margin-bottom:.2rem}
.SHlevel1,.showHideModual,.twoPicLink{width:7.1rem;margin:auto}
.swiper-container.hotLabelSwiper{width:7.2rem;margin:auto;height:2.3rem}
.swiper-container.hotLabelSwiper .swiper-wrapper{height:2.04rem;width:102%}
.swiper-pagination-bullet{width:.14rem;height:.14rem;border-radius:.14rem;background:#c8c8c8;margin:0 .05rem;opacity:1}
.swiper-pagination-bullet-active{width:.42rem;background:#ff4416}
.hotLabelSwiper a{width:2.26rem;height:.54rem;line-height:.54rem;margin:0 .05rem .12rem .05rem;float:left;display:inline-block;font-size:.26rem;text-align:center;overflow:hidden;color:#999;background-color:#f3f3f3;border-radius:.18rem}
.hotLabelSwiper a.jihuo{background:#ff4416;color:white}
.hotLabelSwiper-pagination{bottom:0!important}
.SHlevel1_btn_container{float:left;width:100%;line-height:45px}
.SHlevel1_btn_container .toggleBtn{width:auto;float:left;height:45px;text-align:center;line-height:45px;font-size:14px;position:relative;width:20%;overflow:hidden}
.SHlevel1_btn_container .toggleBtn span{cursor:pointer}
.SHlevel1_btn_container .toggleBtn.checked span:before{display:block;position:absolute;height:.08rem;width:100%;background:#ff4416;content:'';bottom:-0.05rem;left:0;border:0;z-index:2;border-radius:.04rem}
.SHlevel1_con_container:before,.SHlevel1_con_container:after{display:table;clear:both;content:''}
.SHlevel1_con_container .SHlevel2{position:relative;border-top:1px solid #ddd}
.toggleContent{display:none;overflow:hidden}
.toggleContent.checked{display:block}
.SHlevel2{width:100%;margin:auto}
.SHlevel2_con_container{width:104%;position:relative;overflow:hidden;box-sizing:border-box;margin:auto}
.SHlevel2_con_container>a{display:block;width:2.2rem;margin:.2rem .24rem 0 0;float:left;position:relative}
.SHlevel2_con_container>a img{width:100%;display:block;border-radius:.08rem;border:solid 1px #ccc;box-sizing:border-box}
.SHlevel2_con_container>a span{display:block;width:100%;text-align:center;height:.4rem;line-height:.4rem;color:#666}
.SHlevel2_con_container+a{display:block;clear:both;padding:15px 0 0;text-align:center;width:100%;font-size:14px;color:#9c9c9c;border-top:1px solid #ddd;cursor:pointer}
.SHlevel2_con_container+a>span{display:inline-block;width:11px;height:12px;background:url(/images/gl/image4.png);position:relative;margin-left:5px;top:1px}
.SHlevel2_con_container+a.checked span{transform:rotate(180deg)}
.SHlevel2_btn_container{width:7.1rem;height:25px;margin:12px auto}
.SHlevel2_btn_container .toggleBtn{border-radius:.04rem;cursor:pointer;float:left;height:25px;line-height:25px;text-align:center;color:#9b9b9b;font-size:14px;border:1px solid #ddd;width:1.62rem;margin-right:2%;margin-bottom:6px;overflow:hidden;border-radius:.04rem}
.SHlevel2_btn_container .toggleBtn.leftMargin{margin-left:19.5%}
.SHlevel2_btn_container .toggleBtn.checked{background:#fe572d;color:white;border-color:#fe572d}
.SHlevel2_btn_container .toggleBtn:nth-of-type(4n+0){margin-right:0}
.read-all2{text-align:center;width:100%;height:1rem;position:relative;top:-0.4rem;cursor:pointer;background:linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 50%)}
.read-all2 span{background:url(/images/v1/mg21.png) no-repeat center center;background-size:50%;width:1rem;height:.6rem;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}
.read-all2 i{color:#ff8439;line-height:1.8rem;font-style:normal}
.read-all2.checked span{background:url(/images/v1/mg22.png) no-repeat center center;background-size:50%}
.fontSwiper{margin-left:.2rem}
.fontSwiper .swiper-slide{width:27%;margin-right:2%}
.fontSwiper .swiper-slide img{width:100%;display:block}
.fontSwiper p{display:block;width:100%;text-align:center;color:#555;font-size:.24rem;height:.5rem;line-height:.5rem}
.mapModual{overflow:hidden;width:7.3rem;margin-left:.2rem}
.littleTitle{font-size:.28rem;color:#000;margin:.3rem 0}
.mapModual .littleTitle:first-child{margin-top:.1rem}
.mapModual .fontSwiper .swiper-slide{width:38%;margin-right:2%}
.hasMoreLink .twoPicLink a{display:block;width:3.48rem;margin-left:.14rem;float:left}
.hasMoreLink .twoPicLink a:first-child{margin-left:0}
.hasMoreLink .twoPicLink a img{width:100%;height:1.975rem;border-radius:.08rem}
.hasMoreLink .twoPicLink a p{display:block;text-align:center;width:100%;height:.5rem;line-height:.5rem;color:#484848;font-size:.24rem}
.hasMoreLink .btnLink{width:7.1rem;clear:both;overflow:hidden;margin:.2rem auto .4rem}
.hasMoreLink .btnLink a{width:1.85rem;height:.6rem;overflow:hidden;margin-top:.2rem;border-radius:4px;border:solid 1px #ccc;line-height:.6rem;text-align:center;float:left;margin-right:.1rem;color:#333;font-size:.24rem;padding:0 .2rem}
.hasMoreLink .btnLink a:nth-child(3n+0){margin-right:0}
.hasMoreLink .twoLink{padding-bottom:1px;clear:both;overflow:hidden;margin:0 auto .4rem;width:7.1rem}
.hasMoreLink .twoLink a{width:1.85rem;height:.6rem;overflow:hidden;margin-bottom:.2rem;border-radius:4px;border:solid 1px #ccc;line-height:.6rem;text-align:center;float:left;margin-right:.1rem;color:#333;font-size:.24rem;padding:0 .2rem}
.hasMoreLink .twoLink a.long{width:3rem}
.hasMoreLink .twoLink a.noMargin{margin-right:0}
#bbs{margin:.2rem}
.flow-chart >.top{width:11px;height:33px;clear:both;overflow:hidden;margin:auto;background:url(/images/v1/dragon-bone-head.png) center top no-repeat;background-size:11px 33px}
#ALI213COMMENT{width:7.1rem}
.news-li li >a img{width:100%}


.zxbox{
    width: 100%;
    height: auto;
    margin-top: .4rem;
}

.zxbox .zxtab{
    width: 100%;
    background: #fbfbfb;
    height: .68rem;
}
.zxbox .zxtab span{
    float: left;
    color: #2a2a2a;
    padding: 0 0.2rem;
    font-size: .32rem;
    height: .68rem;
    line-height: .68rem;
    cursor:pointer;
    position: relative;
}
.zxbox .zxtab span.active{
    color: #2a2a2a;
    font-size: .36rem;
    font-weight: bold;
}
.zxbox .zxtab span.active::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -.05rem;
    left: 50%;
    width: .32rem;
    height: .11rem;
    background-color: #ff593b;
    border-radius: 0.05rem;
    margin-left: -.16rem;
}
.zxbox .zxconbox{
    width: 7.1rem;
    margin: .25rem auto;
}
.zxbox .zxconbox .zxcon{
    display: none;
    overflow: hidden;
}
.zxbox .zxconbox .zxcon.active{
    display: block;
}
.container .read-more, .container .load-more{
    width: 7rem;
}


.shuhuadata {
    width: 7.1rem;
    margin: auto;
    overflow: hidden;
}
.shuhuadata a{display:block;width:3.48rem;margin-left:.14rem;float:left}
.shuhuadata a:first-child{margin-left:0}
.shuhuadata a img{width:100%;height:1.975rem;border-radius:.08rem}
.shuhuadata a p{display:block;text-align:center;width:100%;height:.5rem;line-height:.5rem;color:#484848;font-size:.24rem}

.shuhuagl{
    width: 7.1rem;
    margin: auto;
    margin-top: .2rem;
}
.shuhuagl a{
    display: block;
    width: 100%;
    position: relative;
    height: .54rem;
    line-height: .54rem;
    text-indent: .1rem;
    overflow: hidden;
    color: #282828;
    font-size: .3rem;
}
.shuhuagl a::before{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: block;
    content: '';
    position: absolute;
    top: .25rem;
    left: 0;
    background: #282828;
}

.video-swiper a div:after {
    content: "";
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    background: url(/images/v1/mg19.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: .25rem;
    position: absolute;
    z-index: 2;
}