*{box-sizing:border-box}body{width:7.5rem}.main{background:url("../images/bg-rj.jpg") top center no-repeat;background-size:7.5rem;height:46.21rem;width:7.5rem;margin:0 auto;overflow:hidden}.yj .main{background:url("../images/bg-yj.jpg") top center no-repeat;background-size:7.5rem}.smoke{mask:url("../images/mask.png");-webkit-mask:url("../images/mask.png");position:fixed;width:100%;height:100%;left:0;top:0;background:#fff;-webkit-animation:homeMask 2s steps(24) forwards;animation:homeMask 2s steps(24) forwards;overflow:hidden;z-index:2;-webkit-mask-size:2500% 100%;mask-size:2500% 100%;display:none}@keyframes homeMask{0%{-webkit-mask-position:left 0;mask-position:left 0}100%{-webkit-mask-position:right 0;mask-position:right 0}}@-webkit-keyframes homeMask{0%{-webkit-mask-position:left 0;mask-position:left 0}100%{-webkit-mask-position:right 0;mask-position:right 0}}.flex{display:flex;display:-webkit-flex}.section{position:relative}.section1{height:12.62rem;padding-top:9.50rem}.section1 .change-btn{margin:0 auto;animation:balloon 2s ease-in-out infinite;-webkit-animation:balloon 2s ease-in-out infinite}@-webkit-keyframes balloon{from,100%{-webkit-transform:translateY(0) rotate(2deg)}50%{-webkit-transform:translateY(-0.20rem) rotate(-2deg)}}@keyframes balloon{from,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-20px) rotate(-2deg)}}.section1 .a-btn{justify-content:center}.section1 .a-btn .download-btn{margin-right:.2rem}.section2{height:9.80rem;padding-top:3.98rem}.section2 .step-area{width:5.96rem;height:3.90rem;margin:0.48rem auto;position:relative;color:#75120d}.yj .section2 .step-area{color:#333333}.section2 .step-area .step{margin-bottom:0.36rem}.section2 .step-area .step-num{margin-right:0.16rem}.section2 .step-area .step-name{margin-top:0.06rem;white-space:nowrap}.section2 .step-area .step-t{width:4.00rem;line-height:0.30rem;margin-top:0.10rem}.section2 .step-area .step3 .step-t{color:#e44740;font-weight:bold}.yj .section2 .step-area .step3 .step-t{color:#a858d3}.section2 .step-area .join-btn{position:absolute;left:50%;margin-left:-1.645rem;bottom:-0.50rem}.section3{height:6.80rem;padding-top:1.12rem}.section3 .content{margin:0 auto;width:5.26rem}.section3 .content .next,.section3 .content .prev{top:43%;outline:0}.section3 .content .swiper-slide{position:relative;padding-bottom:0.4rem}.section3 .content .swiper-slide .img-btn{position:absolute;bottom:0;left:50%;margin-left:-1.25rem;color:#e44740;font-size:0.30rem;text-align:center;line-height:0.80rem}.yj .section3 .content .swiper-slide .img-btn{color:#874ea5}.section3 .content .swiper-slide .img-intro{margin-left:0.08rem;margin-top:0.08rem;color:#f4dcb1;font-size:0.22rem;line-height:0.30rem;position:relative}.yj .section3 .content .swiper-slide .img-intro{color:#c9bfed}.section3 .content .swiper-slide .img-intro p{text-indent:2em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:1.87rem}.section3 .content .swiper-slide .img{width:2.56rem;height:4.06rem;margin-top:0.08rem;margin-left:0.02rem}.section4{padding-top:1.12rem;height:5.50rem}.section4 .content{width:5.60rem;margin:0 auto}.section4 .swiper-slide{position:relative}.section4 .swiper-slide .img{width:2.44rem;height:2.53rem;display:block;margin:0 auto;padding-top:0.09rem}.section4 .swiper-slide .img-cover{display:none}.section4 .swiper-slide.active .img-cover{position:absolute;left:0.08rem;top:0.09rem;display:block}.section4 .swiper-slide .img-cover .img-intro{text-indent:2em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:1.87rem;color:#f4dcb1;font-size:0.22rem;line-height:0.30rem}.yj .section4 .swiper-slide .img-cover .img-intro{color:#c9bfed}.section4 .swiper-slide .img-btn{font-size:0.30rem;text-align:center;color:#e44740;line-height:0.80rem;margin:0 auto}.yj .section4 .swiper-slide .img-btn{color:#874ea5}.section4 .content .next,.section4 .content .prev{outline:0}.section5{padding-top:0.66rem;height:5.50rem}.section5 .content{margin:0 auto 0;position:relative}.section5 .content .video-img{width:6.24rem;height:3.38rem;position:absolute;left:0.63rem;top:0.34rem;border:0.02rem solid #e44740}.section5 .content .img-cover{width:6.20rem;height:3.34rem;position:absolute;left:0.65rem;top:0.36rem;background-color:rgba(0,0,0,.8)}.section5 .content .img-cover .play{position:absolute;left:50%;top:50%;margin-left:-1.07rem;margin-top:-1.07rem;cursor:pointer}.section5 .content .img-cover .play.ripple{animation:ripple 0.6s linear infinite;-webkit-animation:ripple 0.6s linear infinite}.section5 .content .img-cover .play.ripple2{animation:ripple 0.7s linear infinite;-webkit-animation:ripple 0.7s linear infinite}@keyframes ripple{form{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}@-webkit-keyframes ripple{form{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(1.4);opacity:0}}.section6{padding-top:1.17rem}.section6 .content{width:5.92rem;margin:0 auto}.section6 .content .swiper-slide{position:relative}.section6 .content .swiper-slide .img{width:5.76rem;height:3.26rem;position:absolute;left:0.08rem;top:0.08rem}.section6 .next{right:0.15rem}.section6 .prev{left:0.15rem}.section6 .next,.section6 .prev{outline:0;top:60%}.section6 .swiper-pagination{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;margin:0.20rem auto 0;position:relative}.section6 .swiper-pagination .swiper-pagination-bullet{background-color:transparent;opacity:1;margin-right:0.30rem;outline:0}.section6 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:visible!important;-webkit-overflow-scrolling:touch}}.mask-body{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:999;display:none}.mask-body .mask-content{position:absolute;left:50%;margin-left:-3.56rem;top:20%}.mask-body .mask-content .message-box{position:relative;font-size:0.24rem;width:5.20rem;height:2.00rem;margin:0.53rem auto 0}.mask-body .mask-content .message{width:5.20rem;height:2.00rem;display:block;border:0.02rem solid #e44740;background-color:#f8eee1;text-indent:7em;padding:0.24rem;line-height:0.34rem;border-radius:0;overflow:hidden}.yj .mask-body .mask-content .message{border:0.02rem solid #874ea5;background-color:#f6f4fd}.mask-body .mask-content .message-box .tips{color:#75120d;position:absolute;left:0.26rem;top:0.24rem}.yj .mask-body .mask-content .message-box .tips{color:#723194}.mask-body .mask-content .qq{border:0.02rem solid #e44740;background-color:#f8eee1;width:5.20rem;height:0.70rem;line-height:0.66rem;display:block;margin:0.20rem auto 0;padding-left:0.30rem;border-radius:0}.yj .mask-body .mask-content .qq{border:0.02rem solid #874ea5;background-color:#f6f4fd}.mask-body .mask-content .activity-intro{width:5.20rem;margin:0.20rem auto 0;font-size:0.22rem;line-height:0.32rem;color:#988180}.yj .mask-body .mask-content .activity-intro{color:#8b83a7}.mask-body .mask-content .activity-intro .title{color:#8b4640;font-weight:bold}.yj .mask-body .mask-content .activity-intro .title{color:#723194}.mask-body .mask-content .confirm{position:absolute;left:50%;margin-left:-1.645rem;bottom:-0.4rem}