.spirit-border,.spirit-btn1,.spirit-btn2,.spirit-btn3,.spirit-btn3-b,.spirit-btn4,.spirit-btn4-b,.spirit-btn5,.spirit-btn5-b,.spirit-btn6,.spirit-btn6-b,.spirit-btn7,.spirit-btn-icon1,.spirit-btn-icon1-a,.spirit-btn-icon2,.spirit-btn-icon2-a,.spirit-btn-icon3,.spirit-btn-icon3-a,.spirit-btn-icon4,.spirit-btn-icon4-a,.spirit-btn-icon5,.spirit-btn-icon5-a,.spirit-btn-icon6,.spirit-btn-icon6-a,.spirit-btn-join,.spirit-btn-next,.spirit-btn-prev,.spirit-close,.spirit-cloud,.spirit-dot-a,.spirit-dot-b,.spirit-intro-bg,.spirit-logo,.spirit-mask,.spirit-play-icon,.spirit-role1,.spirit-role2,.spirit-role3,.spirit-role4,.spirit-sec5-btn-bg,.spirit-sec5-btn-bg-a,.spirit-text1,.spirit-text2,.spirit-text3,.spirit-video-bg{background-image:url("./images/spirit.png");background-repeat:no-repeat;background-size:22.51rem 20.07rem}.spirit-border{width:6.04rem;height:3.78rem;background-position:-6.80rem -11.20rem}.spirit-btn1{width:2.42rem;height:.62rem;background-position:-12.86rem -13.06rem}.spirit-btn2{width:2.42rem;height:.62rem;background-position:-12.86rem -13.70rem}.spirit-btn3{width:3.31rem;height:.90rem;background-position:-13.19rem -7.23rem}.active.spirit-btn3-b{width:3.31rem;height:.90rem;background-position:-13.19rem -8.15rem}.spirit-btn4{width:3.31rem;height:.90rem;background-position:-13.19rem -9.07rem}.active.spirit-btn4-b{width:3.31rem;height:.90rem;background-position:-13.19rem -9.99rem}.spirit-btn5{width:3.31rem;height:.90rem;background-position:-7.54rem -8.12rem}.active.spirit-btn5-b{width:3.31rem;height:.90rem;background-position:-7.54rem -9.04rem}.spirit-btn6{width:3.31rem;height:.90rem;background-position:-7.54rem -9.96rem}.active.spirit-btn6-b{width:3.31rem;height:.90rem;background-position:-12.86rem -11.20rem}.spirit-btn7{width:1.22rem;height:.44rem;background-position:-21.18rem -6.65rem}.active .spirit-btn-icon1{width:.58rem;height:.58rem;background-position:-21.80rem -10.66rem}.spirit-btn-icon1-a{width:.58rem;height:.58rem;background-position:-21.18rem -11.28rem}.active .spirit-btn-icon2{width:.58rem;height:.58rem;background-position:-21.78rem -11.28rem}.spirit-btn-icon2-a{width:.58rem;height:.58rem;background-position:-21.18rem -11.88rem}.active .spirit-btn-icon3{width:.58rem;height:.58rem;background-position:-21.78rem -11.88rem}.spirit-btn-icon3-a{width:.58rem;height:.58rem;background-position:-21.16rem -14.00rem}.active .spirit-btn-icon4{width:.62rem;height:.57rem;background-position:-21.18rem -10.07rem}.spirit-btn-icon4-a{width:.62rem;height:.57rem;background-position:-21.82rem -10.07rem}.active .spirit-btn-icon5{width:.72rem;height:.41rem;background-position:-21.18rem -9.21rem}.spirit-btn-icon5-a{width:.72rem;height:.41rem;background-position:-21.18rem -9.64rem}.active .spirit-btn-icon6{width:.59rem;height:.62rem;background-position:-21.88rem -7.11rem}.spirit-btn-icon6-a{width:.59rem;height:.62rem;background-position:-21.88rem -8.16rem}.spirit-btn-join{width:2.42rem;height:.62rem;background-position:-12.86rem -14.34rem}.spirit-btn-next{width:.68rem;height:1.03rem;background-position:-21.18rem -7.11rem}.spirit-btn-prev{width:.68rem;height:1.03rem;background-position:-21.18rem -8.16rem}.spirit-close{width:.57rem;height:.56rem;background-position:-21.74rem -13.99rem}.spirit-cloud{width:7.50rem;height:3.06rem;background-position:-.02rem -8.12rem}.spirit-dot-a{width:.20rem;height:.21rem;background-position:-21.88rem -7.75rem}.spirit-dot-b{width:.19rem;height:.21rem;background-position:-22.10rem -7.75rem}.spirit-intro-bg{width:6.60rem;height:8.08rem;background-position:-.02rem -.02rem}.spirit-logo{width:2.76rem;height:.92rem;background-position:-12.86rem -12.12rem}.spirit-mask{width:6.53rem;height:7.65rem;background-position:-6.64rem -.02rem}.spirit-play-icon{width:.60rem;height:.60rem;background-position:-21.18rem -10.66rem}.spirit-role1{width:4.19rem;height:7.19rem;background-position:-13.19rem -.02rem}.spirit-role2{width:5.09rem;height:6.61rem;background-position:-17.40rem -.02rem}.spirit-role3{width:3.76rem;height:4.81rem;background-position:-.02rem -15.24rem}.spirit-role4{width:3.76rem;height:6.36rem;background-position:-17.40rem -6.65rem}.spirit-sec5-btn-bg-a{width:2.17rem;height:.81rem;background-position:-10.87rem -9.04rem}.active.spirit-sec5-btn-bg{width:2.17rem;height:.81rem;background-position:-10.87rem -8.12rem}.spirit-text1{width:3.74rem;height:.64rem;background-position:-17.40rem -14.00rem}.spirit-text2{width:5.02rem;height:.95rem;background-position:-17.40rem -13.03rem}.spirit-text3{width:3.72rem;height:.54rem;background-position:-17.40rem -14.66rem}.spirit-video-bg{width:6.76rem;height:4.02rem;background-position:-.02rem -11.20rem}.section1{height:13.33rem;background:url("./images/bg1.png")}.section2{height:10.78rem;background:url("./images/bg2.png")}.section3{height:9.80rem;background:url("./images/bg3.png")}.section4{height:10.99rem;background:url("./images/bg4.png")}.section5{height:10.76rem;background:url("./images/bg5.png")}.section6{height:14.77rem;background:url("./images/bg6.png")}.section7{height:8.12rem;background:url("./images/bg7.png")}.section{background-size:7.5rem;position:relative;left:0;top:0;overflow:hidden}.flex{display:flex;display:-webkit-flex}div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.section1{padding-top:0.29rem}.section1 .logo{margin:0 auto}.section1 .text1{margin:1.80rem auto 0;position:relative;left:0;top:0;z-index:10}.section1 .text2{margin:0.27rem auto 0;position:relative;left:0;top:0;z-index:10}.section1 .text3{position:absolute;left:50%;bottom:1.53rem;z-index:10;margin-left:-2.27rem;width:4.54rem;height:0.67rem;background:url("./images/text3.png") 0 0 no-repeat;background-size:4.54rem}.section1 .btn{justify-content:center;position:absolute;width:100%;left:0;bottom:0.66rem;z-index:10;cursor:default}.section1 .btn a{display:block}.section1 .btn .spirit-btn1{margin-right:0.53rem}.section1 .cloud{position:absolute;left:0;bottom:0;z-index:9;width:7.5rem;height:3.97rem;background:url("./images/cloud.png") 0 0 no-repeat;background-size:7.5rem}.section1 .role-ul .role-li{position:absolute;top:2.85rem;opacity:0}.section1 .role-ul .role-li:nth-child(1){top:5.39rem;left:2.92rem;z-index:3;animation:char2 1s ease-in-out forwards 0.3s;-webkit-animation:char2 1s ease-in-out forwards 0.3s}.section1 .role-ul .role-li:nth-child(2){top:5.41rem;left:0.60rem;animation:char1 1s ease-in-out forwards;-webkit-animation:char1 1s ease-in-out forwards}.section1 .role-ul .role-li:nth-child(3){top:5.18rem;left:-0.60rem;animation:char1 1s ease-in-out forwards 0.5s;-webkit-animation:char1 1s ease-in-out forwards 0.5s}.section1 .role-ul .role-li:nth-child(4){top:3.07rem;left:5.10rem;animation:char2 1s ease-in-out forwards 0.8s;-webkit-animation:char2 1s ease-in-out forwards 0.8s}@keyframes char1{from{transform:translateX(-6.90rem) translateY(-0.10rem) rotate(1deg);opacity:0}to{transform:translateX(0) translateY(-0.10rem) rotate(1deg);opacity:1}}@-webkit-keyframes char1{from{-webkit-transform:translateX(-6.90rem) translateY(-0.10rem) rotate(1deg);opacity:0}to{-webkit-transform:translateX(0) translateY(-0.10rem) rotate(1deg);opacity:1}}@keyframes char2{from{transform:translateX(9.67rem) translateY(-0.10rem) rotate(1deg);opacity:0}to{transform:translateX(0) translateY(-0.10rem) rotate(1deg);opacity:1}}@-webkit-keyframes char2{from{-webkit-transform:translateX(9.67rem) translateY(-0.10rem) rotate(1deg);opacity:0}to{-webkit-transform:translateX(0) translateY(-0.10rem) rotate(1deg);opacity:1}}@keyframes char1-1{0%,100%{transform:translateY(-0.10rem) rotate(1deg)}50%{transform:translateY(0) rotate(0deg)}}@-webkit-keyframes char1-1{0%,100%{-webkit-transform:translateY(-0.10rem) rotate(1deg)}50%{-webkit-transform:translateY(0) rotate(0deg)}}.section2 .intro{margin:1.86rem auto 0;width:6.89rem;background:rgba(42,10,56,.7);color:#ecccfb;font-size:0.24rem;line-height:0.36rem;word-break:break-all;padding:0.37rem 0.33rem 0.28rem 0.45rem;text-indent:2em}.section2 .video{margin:0.35rem auto;width:6.76rem;height:4.02rem;position:relative;left:0;top:0}.section2 .video iframe{width:6.76rem;height:4.02rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section2 .video .cover{position:absolute;left:0;top:0;width:6.76rem;height:4.02rem}.section2 .video .cover img{width:6.76rem;height:4.02rem;display:block}.section2 .video .cover .play{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section3 .btn-ul{margin:1.80rem auto 0;flex-wrap:wrap;width:6.90rem;padding:0 0.02rem}.section3 .btn-ul .btn-li{margin-bottom:0.25rem}.section3 .btn-ul .btn-li:nth-child(odd){margin-right:0.22rem}.section3 .role-show{justify-content:center}.section3 .role-show .role-box.role-left{margin-right:0.22rem}.section3 .role-show .role-box{width:3.31rem;height:5.00rem;position:relative;left:0;top:0}.section3 .role-show img{width:3.31rem;height:5.00rem;display:block}.section3 .role-show .role-box .sec3-btn{position:absolute;left:0;bottom:0.30rem;justify-content:center;width:100%}.section3 .role-show .role-box .sec3-btn a:nth-child(1){margin-right:0.23rem}.section3 .role-show .role-box .sec3-btn a{display:block;color:#008688;font-size:0.25rem;text-align:center;line-height:.44rem}.section4{position:relative;left:0;top:0}.section4 .swiper-container{margin:2.07rem auto 0;width:6.60rem;height:8.08rem}.section4 .next4{position:absolute;right:0;top:5.90rem;z-index:100}.section4 .prev4{position:absolute;left:0;top:5.90rem;z-index:100}.section4 .swiper-slide img{width:6.45rem;height:3.77rem;display:block;margin:0.08rem auto}.section4 .swiper-slide .intro{margin:0.43rem 0.36rem 0}.section4 .swiper-slide .intro .title{color:#859dff;font-size:0.28rem;line-height:0.28rem}.section4 .swiper-slide .intro .desc{color:#dce3fd;font-size:0.26rem;line-height:0.36rem;max-height:2.90rem;overflow-y:scroll;margin-top:0.3rem;text-indent:2em}.section5 .btn-ul{background:#015842;width:6.90rem;height:1.86rem;margin:2.22rem auto 0;padding:0.09rem 0.07rem;flex-wrap:wrap}.section5 .btn-ul .btn-li{align-items:center;justify-content:center;margin-right:0.12rem}.section5 .btn-ul .btn-li:nth-child(3),.section5 .btn-ul .btn-li:nth-child(6){margin-right:0}.section5 .btn-ul .btn-li:nth-child(n+4){margin-top:0.07rem}.section5 .btn-ul .btn-li .btn-name{font-size:0.26rem;font-weight:bold;color:#fff;margin-left:0.1rem;text-shadow:0 0 0.04rem #15cf9b}.section5 .btn-ul .btn-li.active .btn-name{text-shadow:0 0 0.04rem #f7ab60}.section5 .intro{background:#fff;width:6.90rem;margin:0.3rem auto 0;padding:0.25rem 0.23rem;height:5.42rem}.section5 .intro .part-li{display:none}.section5 .intro .part-li:nth-child(1){display:block}.section5 .intro .title{color:#13c99a;font-size:0.24rem;font-weight:bold}.section5 .intro .content{overflow-y:auto;max-height:4.4rem;margin-top:0.20rem}.section5 .intro .desc{color:#033f2f;font-size:0.22rem;line-height:0.36rem;text-indent:2em}.section5 .intro img{display:block;width:6.30rem;margin:0.24rem auto}.section6 .content{width:6.89rem;margin:2.56rem auto 0;position:relative;left:0;top:0}.section6 .content .bg-part1{width:6.89rem;height:0.39rem;background:url("./images/title-bg-part1.png") 0 0 no-repeat;background-size:6.89rem 0.40rem;position:relative;left:0;top:0.01rem}.section6 .content .bg-part2{width:6.89rem;background:url("./images/title-bg-part3.png") 0 0 repeat-y;background-size:6.89rem 0.10rem;position:relative;left:0;top:0;z-index:10}.section6 .content .bg-part3{width:6.89rem;height:0.40rem;background:url("./images/title-bg-part2.png") 0 0 no-repeat;background-size:6.89rem 0.40rem;position:relative;left:0;top:-0.01rem}.section6 .content .bg-part2 .title{height:0.34rem;background-position:0 0;background-repeat:no-repeat;background-size:1.17rem;margin-left:0.46rem;padding-bottom:0.5rem}.section6 .content .bg-part2 .title1{background-image:url("./images/title2.png")}.section6 .content .bg-part2 .title2{margin-top:0.15rem;background-image:url("./images/title4.png")}.section6 .content .bg-part2 .title3{margin-top:0.15rem;background-image:url("./images/title1.png")}.section6 .content .bg-part2 .title4{margin-top:0.15rem;background-image:url("./images/title3.png")}.section6 .content .bg-part2 .title5{margin-top:0.15rem;background-image:url("./images/title5.png")}.section6 .content .bg-part2 .part-content{padding-left:0.46rem;padding-right:0.3rem;font-size:0.26rem;color:#245d81;line-height:0.36rem;padding-bottom:0.15rem}.section6 .content .bg-part2 .line{width:6rem;border-top:0.03rem solid #d3e4ef;border-bottom:0.01rem solid #f0f8fd;margin:0 auto}.section6 .content .reward{padding-left:0.3rem}.section6 .content .reward img{width:3.21rem}.section6 .content .join-btn{position:absolute;bottom:-0.31rem;left:50%;margin-left:-1.21rem}.section7 .swiper-container{margin:2.50rem auto 0}.section7 .swiper-slide{width:6.04rem;height:3.78rem;opacity:0}.section7 .swiper-wrapper{position:relative;left:0;top:0;width:6.04rem;height:3.78rem}.section7 .swiper-wrapper img{display:block;width:5.89rem;height:3.63rem;margin:0.07rem auto;border:0.01rem solid #5e63a1}.section7 .swiper-wrapper .border{position:absolute;left:0;top:0}.section7 .swiper-wrapper .swiper-slide-prev,.section7 .swiper-wrapper .swiper-slide-active,.section7 .swiper-wrapper .swiper-slide-next{opacity:1}.section7 .swiper-pagination{height:.46rem;padding:0 0.56rem;border-radius:.23rem;background:rgba(0,0,0,.6);align-items:center;justify-content:center;margin:0.42rem auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section7 .swiper-pagination .swiper-pagination-bullet{width:.20rem;height:.21rem;background-image:url("./images/spirit.png");background-repeat:no-repeat;background-size:22.51rem 20.07rem;background-position:-21.88rem -7.75rem;margin-right:.24rem;opacity:1;background-color:transparent}.section7 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}.section7 .swiper-pagination .swiper-pagination-bullet-active{width:.19rem;height:.21rem;background-position:-22.10rem -7.75rem;background-color:transparent}.section7 .next7{right:0}.section7 .prev7{left:0}.join-mask{width:100%;height:100%;position:fixed;left:0;top:0;z-index:99999;background:rgba(0,0,0,.8);display:none}.join-mask .content{margin:20% auto;position:relative;left:0;top:0}.join-mask .content .close{position:absolute;right:0.77rem;top:1.10rem}.join-mask .content .RCode{width:2.20rem;height:2.20rem;border-radius:30%;position:absolute;left:2.94rem;top:3.64rem}.join-mask .content .reward{position:absolute;left:1.47rem;top:5.88rem;color:#fff;font-size:0.24rem;width:5.10rem;height:0.53rem;line-height:0.53rem;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}