.main{width:100%}.main .top-box{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/topbar-bg_af7dda0.png) center no-repeat;background-size:cover}.main .top-box .top-icon{background:url(https://webinput.nie.netease.com/img/xyq/icon3.png) no-repeat;background-size:contain}.main .top-box .btns-download{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/btn-dw_0c35898.png) no-repeat;background-size:contain}.main .top-box .btns-net{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/btn-gw_c760723.png) no-repeat;background-size:contain}.main .nav{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/nav-bg_de69f63.png) center no-repeat;background-size:cover}.main .nav-left{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/nav-btn-prev_aa77846.png) center no-repeat!important;background-size:100% 100%!important}.main .nav-right{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/nav-btn-next_e39ebe2.png) center no-repeat!important;background-size:100% 100%!important}.main .box-content{width:100%;height:17.32rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/bg_4e58534.jpg) center no-repeat;background-size:cover;overflow:hidden;font-size:0}.main .box-content .logo{display:block;width:2rem;height:.77rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/logo_9fb98ac.png) no-repeat;background-size:cover;margin:0 auto}.main .box-content .title{width:6.62rem;height:2.36rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/title_6f1d722.png) no-repeat;background-size:cover;margin:0 auto}.main .box-content .tit{width:3.62rem;height:.42rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/tit_eaa3791.png) no-repeat;background-size:cover;margin:0 auto .22rem}.main .box-content .getway{display:block;width:2.41rem;height:.66rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/get-way_26814d9.png) no-repeat;background-size:cover;margin:4rem auto 0}.main .box-content .getway.cur{background:url(../img/shcn/getway-h.png) no-repeat}.main .box-content .switch-wrap{padding:0 .8rem;position:relative}.main .box-content .switch-wrap .switch-item .item-btns{position:absolute;left:.1rem;bottom:-.1rem;width:2.08rem;height:.47rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/switch-bg_2518dfe.png) no-repeat;background-size:cover;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.main .box-content .switch-wrap .switch-item .item-btns.cur0{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/switch-bg_2518dfe.png) no-repeat;background-size:contain}.main .box-content .switch-wrap .switch-item .item-btns.cur1{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/attack-bg_184d27f.png) no-repeat;background-size:contain}.main .box-content .switch-wrap .switch-item .item-btns.cur2{background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/casting-bg_5e5c0b4.png) no-repeat;background-size:contain}.main .box-content .switch-wrap .switch-item .item-btns .btn1{margin-left:.2rem}.main .box-content .switch-wrap .switch-item .item-btns .btn2{margin:0 .1rem 0 .05rem}.main .box-content .switch-wrap .switch-item .item-btns.btncur{left:.45rem}.main .box-content .switch-wrap .switch-item .item-btns .btn{width:.53rem;height:.3rem}.main .box-content .switch-wrap .switch-item.s1{position:absolute;top:.15rem;left:1.2rem;width:2.33rem;height:2.33rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/circle_c09a8dc.png) no-repeat;background-size:cover;z-index:2}.main .box-content .switch-wrap .switch-item.s1 .item-title1{position:absolute;top:.1rem;left:-.5rem;width:.35rem;height:1.25rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/n1_76b26dc.png) no-repeat;background-size:cover}.main .box-content .switch-wrap .switch-item.s1 .item-gif{display:inline-block;width:2.09rem;height:2.09rem;background-size:cover;overflow:hidden;border-radius:100%;position:absolute;top:50%;left:50%;margin-left:-1.05rem;margin-top:-1.05rem}.main .box-content .switch-wrap .switch-item.s1 .item-gif .gif{position:absolute;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;width:5rem;height:5rem}.main .box-content .switch-wrap .switch-item.s1 .item-gif.gifcur{margin-left:.38rem}.main .box-content .switch-wrap .switch-item.s2{position:absolute;top:.15rem;left:4.1rem;width:2.33rem;height:2.33rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/circle_c09a8dc.png) no-repeat;background-size:cover;z-index:2}.main .box-content .switch-wrap .switch-item.s2 .item-title2{width:.35rem;height:1.25rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/n2_edbd68e.png) no-repeat;background-size:cover;position:absolute;right:-.5rem;top:.1rem}.main .box-content .switch-wrap .switch-item.s2 .item-gif{width:2.09rem;height:2.09rem;background-size:cover;overflow:hidden;border-radius:100%;position:absolute;top:50%;left:50%;margin-left:-1.05rem;margin-top:-1.05rem}.main .box-content .switch-wrap .switch-item.s2 .item-gif .gif{position:absolute;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;width:5rem;height:5rem}.main .box-content .switch-wrap .switch-item.s3{position:absolute;left:1.2rem;top:2.75rem;width:2.33rem;height:2.33rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/circle_c09a8dc.png) no-repeat;background-size:cover;z-index:2}.main .box-content .switch-wrap .switch-item.s3 .item-title1{position:absolute;left:-.5rem;top:.1rem;width:.35rem;height:1.25rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/n3_aea38ba.png) no-repeat;background-size:cover}.main .box-content .switch-wrap .switch-item.s3 .item-gif{width:2.09rem;height:2.09rem;background-size:cover;overflow:hidden;border-radius:100%;position:absolute;top:50%;left:50%;margin-left:-1.05rem;margin-top:-1.05rem}.main .box-content .switch-wrap .switch-item.s3 .item-gif .gif{position:absolute;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;width:5rem;height:5rem}.main .box-content .switch-wrap .switch-item.s4{position:absolute;top:2.75rem;left:4.1rem;width:2.33rem;height:2.33rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/circle_c09a8dc.png) no-repeat;background-size:cover;z-index:2}.main .box-content .switch-wrap .switch-item.s4 .item-title2{width:.35rem;height:1.25rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/n4_0a2acc4.png) no-repeat;background-size:cover;position:absolute;right:-.5rem;top:.1rem}.main .box-content .switch-wrap .switch-item.s4 .item-gif{width:2.09rem;height:2.09rem;background-size:cover;overflow:hidden;border-radius:100%;position:absolute;top:50%;left:50%;margin-left:-1.05rem;margin-top:-1.05rem}.main .box-content .switch-wrap .switch-item.s4 .item-gif .gif{position:absolute;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;width:5rem;height:5rem}.main .box-content .switch-wrap .switch-item.s5{position:absolute;left:1.2rem;top:5.35rem;width:2.33rem;height:2.33rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/circle_c09a8dc.png) no-repeat;background-size:cover;z-index:2}.main .box-content .switch-wrap .switch-item.s5 .item-title1{position:absolute;left:-.5rem;top:.1rem;width:.35rem;height:1.25rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/boy_85989c6.png) no-repeat;background-size:cover}.main .box-content .switch-wrap .switch-item.s5 .item-gif{width:2.09rem;height:2.09rem;background-size:cover;overflow:hidden;border-radius:100%;position:absolute;top:50%;left:50%;margin-left:-1.05rem;margin-top:-1.05rem}.main .box-content .switch-wrap .switch-item.s5 .item-gif .gif{position:absolute;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;width:5rem;height:5rem}.main .box-content .switch-wrap .switch-item.s6{position:absolute;top:5.35rem;left:4.1rem;width:2.33rem;height:2.33rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/circle_c09a8dc.png) no-repeat;background-size:cover;z-index:2}.main .box-content .switch-wrap .switch-item.s6 .item-title2{width:.35rem;height:1.25rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/girl_7b4ef61.png) no-repeat;background-size:cover;position:absolute;right:-.5rem;top:.1rem}.main .box-content .switch-wrap .switch-item.s6 .item-gif{width:2.09rem;height:2.09rem;background-size:cover;overflow:hidden;border-radius:100%;position:absolute;top:50%;left:50%;margin-left:-1.05rem;margin-top:-1.05rem}.main .box-content .switch-wrap .switch-item.s6 .item-gif .gif{position:absolute;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;width:5rem;height:5rem}.popup1{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(1,1,1,.8);z-index:999;display:none}.popup1 .pop-cont{position:absolute;top:50%;margin-top:-3rem;left:50%;margin-left:-3.47rem;width:6.94rem;height:7.14rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/pop_bg1_7a77e3c.png) no-repeat;background-size:cover}.popup1 .pop-cont .cont-title{width:5.51rem;height:.57rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/t1_9a31395.png) no-repeat;background-size:cover;margin:.3rem 0 0 1rem}.popup1 .pop-cont .cont-text{width:5.8rem;margin:.2rem 0 0 .7rem}.popup1 .pop-cont .cont-text .text{width:5.5rem;font-size:.24rem;font-family:"Microsoft YaHei";color:#914e2e;line-height:.32rem}.popup1 .pop-cont .cont-text .cont-tit{width:5.5rem;font-size:.24rem;font-family:"Microsoft YaHei";color:#914e2e;line-height:.32rem}.popup1 .pop-cont .cont-text.swiperBox{height:5.2rem;overflow:auto}.popup1 .pop-cont .cont-text.swiperBox::-webkit-scrollbar{width:.06rem;height:.01rem}.popup1 .pop-cont .cont-text.swiperBox::-webkit-scrollbar-thumb{border-radius:.1rem;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#914e2e}.popup1 .pop-cont .cont-text.swiperBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:.1rem;background:#EDEDED}.popup1 .close{position:absolute;top:-.4rem;right:-.2rem;width:.88rem;height:1.73rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/shcn/close_888541b.png) no-repeat;background-size:cover}.popup1.show{display:block}.popup2{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(1,1,1,.8);z-index:999;display:none}.popup2 .pop-cont{position:absolute;top:50%;margin-top:-2.8rem;left:.3rem;width:7.17rem;height:4.83rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/pop_bg2_b6637e7.png) no-repeat;background-size:cover}.popup2 .pop-cont .cont-title{width:3.8rem;height:.35rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/t2_2b21ba3.png) no-repeat;background-size:cover;margin:1.5rem 0 0 1.6rem}.popup2 .pop-cont .cont-text{width:5.43rem;margin:.6rem 0 0 1.8rem}.popup2 .pop-cont .cont-text .text{font-size:.24rem;font-family:"Microsoft YaHei";color:#914e2e;line-height:.32rem}.popup2 .close{position:absolute;bottom:-.8rem;left:3rem;width:.94rem;height:.94rem;background:url(https://xyq.res.netease.com/m/zt/20210201151859/img/close_3107fb9.png) no-repeat;background-size:cover}.popup2.show{display:block}