img{display:block}body{background-color:#ffc928}section{margin:0;padding:0;border:0;width:100%;height:100%}#loading{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:3;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center}#loading p{margin-top:.40257649rem;font-size:.32206119rem}.spinner{width:.96618357rem;height:.96618357rem;position:relative}.container1>div,.container2>div,.container3>div{width:.1610306rem;height:.1610306rem;background-color:#ffb600;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.bg{background-image:url(../../images/index/bg2_5344d72.png);background-position:center;background-repeat:repeat-x;background-size:contain;overflow:hidden;width:100%;padding-top:.8rem;margin-top:-.2rem;position:relative}.bottom-box{position:fixed;left:0;right:0;bottom:0;height:1.8rem}.bottom-box .down-fixed{display:block;opacity:0;margin:0 auto;color:#FFF;font-size:.43rem;font-family:PingFang SC;font-weight:500;width:76%;height:1.2rem;text-align:center;line-height:1.2rem;background:#F6AB00;opacity:1;border-radius:.71rem;border:0}.bottom-box button{outline:0}.bottom-box button:focus{outline:0}.bottom-box button::-moz-focus-inner{border-color:transparent}.mask{width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none}.mask .tip{position:absolute;top:.4rem;right:2.267rem;font-size:.453rem;font-family:PingFang SC;font-weight:500;color:#FFF;opacity:1}.mask .mask-imgs{position:absolute;top:0;right:.56rem}.mask .mask-imgs img{height:.95rem;width:1.44rem}.box{background-color:#efefef;width:100%;height:14rem;margin-top:-8.2rem}.page-1 .P1-01{max-width:50%;max-height:2.5rem;margin-left:-100%;opacity:0}.page-1 .P1-03{max-width:33%;max-height:2.2rem;margin-left:50%;margin-top:1.2rem;opacity:0}.page-1 .P1-02{max-width:55%;max-height:5rem;margin-left:100%;margin-top:-.85rem;opacity:0}.page-1 .down{text-decoration:underline;height:.6rem;font-size:.43rem;font-family:PingFang SC;font-weight:400;line-height:1rem;margin-top:.48rem;color:#999;display:block;text-align:center;opacity:0}.page-1 .page-arrow{opacity:0;display:block;position:absolute;margin-bottom:0rem;width:.8rem;height:.8rem;margin-top:1.5rem;margin-left:45%;border:.125rem solid #ffc928;box-sizing:border-box;border-right:0;border-bottom:0}.page-1.page-active .P1-01{-webkit-animation:textleft .4s linear .2s forwards;animation:textleft .4s linear .2s forwards}.page-1.page-active .P1-02{-webkit-animation:imgright1 .4s linear .6s forwards;animation:imgright1 .4s linear .6s forwards}.page-1.page-active .P1-03{-webkit-animation:appear .4s linear 1.2s forwards;animation:appear .4s linear 1.2s forwards}.page-1.page-active .down{-webkit-animation:appear .4s linear 1.6s forwards;animation:appear .4s linear 1.6s forwards}.page-1.page-active .text{-webkit-animation:appear .4s linear 2s forwards;animation:appear .4s linear 2s forwards}.page-1.page-active .page-arrow{animation:arrow 1.2s ease-in 2s infinite;-webkit-animation:arrow 1.2s ease-in 2s infinite}.page-2 .P2-01{max-width:50%;max-height:2.6rem;margin-left:-10rem;opacity:0}.page-2 .P2-03{max-width:33%;max-height:2.41rem;margin-left:10%;margin-top:2.2rem;opacity:0}.page-2 .P2-02{max-width:65%;max-height:6.3rem;margin-left:10%;margin-top:-.5rem;margin-bottom:1rem;opacity:0}.page-2 .page-arrow{opacity:0;display:block;position:absolute;margin-bottom:.7rem;width:.8rem;height:.8rem;margin-left:45%;border:.125rem solid #ffc928;box-sizing:border-box;border-right:0;border-bottom:0}.page-2.page-active .P2-01{-webkit-animation:textleft .4s linear .2s forwards;animation:textleft .4s linear .2s forwards}.page-2.page-active .P2-02{-webkit-animation:imgright2 .4s linear .6s forwards;animation:imgright2 .4s linear .6s forwards}.page-2.page-active .P2-03{-webkit-animation:appear .4s linear 1.2s forwards;animation:appear .4s linear 1.2s forwards}.page-2.page-active .page-arrow{animation:arrow 1.2s ease-in 1s infinite;-webkit-animation:arrow 1.2s ease-in 1s infinite}.page-3 .P3-01{max-width:50%;max-height:2.5rem;margin-left:-10rem;opacity:0}.page-3 .P3-02{max-width:70%;max-height:8.3rem;margin-left:100%;margin-top:1.7rem;margin-bottom:1.2rem;opacity:0}.page-3 .P3-03{max-width:30%;max-height:2.2rem;margin-left:12%;margin-top:-9rem;z-index:100;opacity:0}.page-3 .page-arrow{opacity:0;display:block;position:absolute;margin-bottom:.7rem;width:.8rem;height:.8rem;margin-left:45%;border:.125rem solid #ffc928;box-sizing:border-box;border-right:0;border-bottom:0}.page-3.page-active .P3-01{-webkit-animation:textleft .4s linear .2s forwards;animation:textleft .4s linear .2s forwards}.page-3.page-active .P3-02{-webkit-animation:imgright3 .4s linear .6s forwards;animation:imgright3 .4s linear .6s forwards}.page-3.page-active .P3-03{-webkit-animation:appear .4s linear 1.2s forwards;animation:appear .4s linear 1.2s forwards}.page-3.page-active .page-arrow{animation:arrow 1.2s ease-in 1s infinite;-webkit-animation:arrow 1.2s ease-in 1s infinite}.page-4 .P4-01{max-width:50%;max-height:2.4rem;margin-left:-10rem;opacity:0}.page-4 .P4-03{max-width:37%;max-height:2.4rem;margin-left:54%;margin-top:2rem;opacity:0}.page-4 .P4-02{max-width:50%;max-height:4.8rem;margin-left:10%;margin-top:-1.5rem;opacity:0}.page-4 .down{opacity:0;margin-top:.7rem;margin-left:17.5%;width:65%;height:1.15rem;line-height:1.15rem;border-radius:.65rem;color:#fff;font-size:.53rem;display:block;background-image:-webkit-linear-gradient(top,#ffc928 0,#f6ac18 100%);background-image:-o-linear-gradient(top,#ffc928 0,#f6ac18 100%);background-image:linear-gradient(to bottom,#ffc928 0,#f6ac18 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc928', endColorstr='#fff6ac18', GradientType=0);text-align:center}.page-4 .text{opacity:0;max-width:26%;max-height:.6rem;margin-left:37%;margin-top:.15rem;margin-bottom:.5rem}.page-4.page-active .P4-01{-webkit-animation:textleft .4s linear .2s forwards;animation:textleft .4s linear .2s forwards}.page-4.page-active .P4-02{-webkit-animation:imgright4 .4s linear .6s forwards;animation:imgright4 .4s linear .6s forwards}.page-4.page-active .P4-03{-webkit-animation:appear .4s linear 1.2s forwards;animation:appear .4s linear 1.2s forwards}.page-4.page-active .down{-webkit-animation:appear .4s linear 1.6s forwards;animation:appear .4s linear 1.6s forwards}.page-4.page-active .text{-webkit-animation:appear .4s linear 2s forwards;animation:appear .4s linear 2s forwards}@-webkit-keyframes textleft{0%{margin-left:-100%;opacity:1}100%{margin-left:27%;opacity:1}}@keyframes textleft{0%{margin-left:-100%;opacity:1}100%{margin-left:27%;opacity:1}}@-webkit-keyframes imgright1{0%{margin-left:150%;opacity:1}100%{margin-left:27%;opacity:1}}@keyframes imgright1{0%{margin-left:150%;opacity:1}100%{margin-left:27%;opacity:1}}@-webkit-keyframes imgright2{0%{margin-left:150%;opacity:1}100%{margin-left:17%;opacity:1}}@keyframes imgright2{0%{margin-left:150%;opacity:1}100%{margin-left:17%;opacity:1}}@-webkit-keyframes imgright3{0%{margin-left:150%;opacity:1}100%{margin-left:24%;opacity:1}}@keyframes imgright3{0%{margin-left:150%;opacity:1}100%{margin-left:24%;opacity:1}}@-webkit-keyframes imgright4{0%{margin-left:150%;opacity:1}100%{margin-left:18%;opacity:1}}@keyframes imgright4{0%{margin-left:150%;opacity:1}100%{margin-left:18%;opacity:1}}@-webkit-keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes arrow{0%,30%{opacity:0;-webkit-transform:translate(0,.2rem) rotate(45deg)}60%{opacity:1;-webkit-transform:translate(0,0) rotate(45deg)}100%{opacity:0;-webkit-transform:translate(0,0) rotate(45deg)}}@keyframes arrow{0%,30%{opacity:0;-webkit-transform:translate(0,.2rem) rotate(45deg)}60%{opacity:1;-webkit-transform:translate(0,0) rotate(45deg)}100%{opacity:0;-webkit-transform:translate(0,0) rotate(45deg)}}