.main{width:100%}.main .top-box{background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/xql/topbar-bg_e398b30.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/20200527153618/img/xql/btn-dw_bdfa2b6.png) no-repeat;background-size:contain}.main .top-box .btns-net{background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/xql/btn-gw_e479679.png) no-repeat;background-size:contain}.main .nav{background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/xql/nav-bg_d073287.png) center no-repeat;background-size:cover}.main .nav .nav-left{background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/xql/nav-btn-prev_d909665.png) center no-repeat!important;background-size:100% 100%!important}.main .nav .nav-right{background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/xql/nav-btn-next_e306596.png) center no-repeat!important;background-size:100% 100%!important}.main .box-content{width:100%;height:16.61rem;background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/xql/bg_c5ce910.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/20200527153618/img/logo_9fb98ac.png) no-repeat;background-size:cover;margin:0 auto}.main .box-content .title{width:4.2rem;height:1.49rem;background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/xql/title_88b8e24.png) no-repeat;background-size:cover;margin:0 auto}.main .box-content .tit{width:4.11rem;height:.47rem;background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/xql/subtitle_b0e6cf4.png) no-repeat;background-size:cover;margin:.15rem auto .22rem}.main .box-content .switch-wrap{padding:0 .8rem;position:relative;margin-top:4.9rem}.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/20200527153618/img/zjjh/switch-bg_9536a68.png) no-repeat;background-size:cover;overflow:hidden;display:flex;flex-direction:row;align-items:center}.main .box-content .switch-wrap .switch-item .item-btns.cur0{background:url(https://xyq.res.netease.com/m/zt/20200527153618/img/zjjh/switch-bg_9536a68.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/20200527153618/img/zjjh/attack-bg_4d2b4ac.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/20200527153618/img/zjjh/casting-bg_9d253d7.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/20200527153618/img/xql/circle_68626be.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/20200527153618/img/xql/rb_1bb261a.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/20200527153618/img/xql/circle_68626be.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/20200527153618/img/xql/rg_07fb628.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/20200527153618/img/xql/circle_68626be.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/20200527153618/img/xql/mb_31d43ce.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/20200527153618/img/xql/circle_68626be.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/20200527153618/img/xql/mg_6d32149.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/20200527153618/img/xql/circle_68626be.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/20200527153618/img/xql/xb_abf0e29.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/20200527153618/img/xql/circle_68626be.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/20200527153618/img/xql/xg_40f0932.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}