big,blockquote,body,caption,cite,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,label,legend,li,ol,p,pre,q,small,span,strong,table,tbody,td,tfoot,th,thead,ul{margin:0;padding:0}fieldset,img{border:0}blockquote:after,q:after{content:""}table{border-collapse:collapse;border-spacing:0}td,th{text-align:left}ol,ul{list-style:none}a:visited{text-decoration:none}a:active{text-decoration:underline}a:hover,a:link{text-decoration:none}li{list-style:none}blockquote,body,button,input,p,select,td,textarea,th{font-family:tahoma,arial,'Hiragino Sans GB','\5FAE\8F6F\96C5\9ED1',sans-serif}textarea{line-height:1.4em}h1,h2,h3{font-size:14px}h4,h5,h6{font-size:12px}a:link,a:visited{color:#fff;text-decoration:none}img,input,select{vertical-align:middle;-webkit-appearance:none}button{border:none;outline:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:0}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;margin:0;padding:0;outline:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body,html{position:relative;height:100%;width:100%;overflow-y:hidden}.container{position:relative;height:100%;background-color:#EEE;overflow-x:hidden}.container .logo{position:fixed;top:.5rem;left:.825rem;width:3.775rem;z-index:9}.container .center{position:absolute;left:0;right:0;margin:auto}.container .page,.container .save-bg{position:fixed;top:0;left:0;width:18.75rem;height:100%;background-color:#FFF;display:none;background-image:url(../img/index_bg.jpg);background-size:100% 100%;background-position:top;background-repeat:no-repeat}.container .page img,.container .save-bg img{display:block}.container .save-bg{display:block}.container .page-2 .title-box{bottom:67%;width:13.275rem}.container .page-2 .title-box .title{width:100%}.container .page-2 .title-box .fxp{position:absolute;right:.325rem;bottom:0;width:3.075rem}.container .page-2 .s_title{bottom:56%;width:18.6rem;-webkit-animation-delay:1s;animation-delay:1s}.container .page-2 .b_car{top:56%;width:14.1rem;-webkit-animation:drive 2s linear;animation:drive 2s linear}.container .page-2 .start{top:83%;width:9.625rem;opacity:0;-webkit-animation:fadeInUpBig 1s 1s forwards,pulses2 2s 2s linear infinite;animation:fadeInUpBig 1s 1s forwards,pulses2 2s 2s linear infinite}.container .page-2 .rule-btn{top:93%;width:3.325rem}.container .page-2{display:block}.container .feifei{position:fixed;top:91%;right:2rem;width:6.55rem;z-index:-1}.container .feifei .btn-img{width:100%;pointer-events:none}.container .page-3 #save-img,.container .page-result #save-img{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;width:100%;height:100%;z-index:20}.container .page-3 .result-box,.container .page-result .result-box{bottom:44%;width:15.275rem}.container .page-3 .result-box .cert,.container .page-result .result-box .cert{width:100%}.container .page-3 .result-box .medal,.container .page-result .result-box .medal{position:absolute;right:.525rem;top:-1.075rem;width:2.6rem}.container .page-3 .result-box .result,.container .page-result .result-box .result{position:absolute;left:2.725rem;bottom:2.375rem;width:10.6rem}.container .page-3 .result-box .distance,.container .page-result .result-box .distance{position:absolute;left:3rem;bottom:4.4rem;text-decoration:underline;font-size:.75rem;font-weight:700;font-style:italic;color:#d9683f}.container .page-3 .result-box .distance.killer,.container .page-result .result-box .distance.killer{bottom:5.5rem}.container .page-3 .white,.container .page-result .white{top:57%;left:-.8rem;height:1.525rem}.container .page-3 .product-box,.container .page-result .product-box{position:relative;top:57%;width:15.425rem;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:20}.container .page-3 .product-box .swiper-box,.container .page-result .product-box .swiper-box{position:fixed;left:0;top:1.875rem;bottom:-.5rem;right:.2rem;z-index:22}.container .page-3 .product-box .swiper-box .swiper-container,.container .page-result .product-box .swiper-box .swiper-container{width:100%;height:100%}.container .page-3 .product-box .swiper-box .swiper-slide,.container .page-result .product-box .swiper-box .swiper-slide{position:relative;height:100%}.container .page-3 .product-box .swiper-box .bottom,.container .page-result .product-box .swiper-box .bottom{position:absolute;left:.1rem;right:.1rem;bottom:.6rem;height:1.15rem;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;background-color:rgba(246,218,142,.4)}.container .page-3 .product-box .swiper-box .hand-box,.container .page-result .product-box .swiper-box .hand-box{position:absolute;left:3.925rem;top:.275rem}.container .page-3 .product-box .swiper-box .hand-box .hand,.container .page-result .product-box .swiper-box .hand-box .hand{position:absolute;left:50%;top:50%;-webkit-transform:translate(-40%,-4%);-ms-transform:translate(-40%,-4%);transform:translate(-40%,-4%);width:1.125rem;-webkit-animation:frontbhind 2s linear infinite;animation:frontbhind 2s linear infinite}.container .page-3 .product-box .swiper-box .circle,.container .page-result .product-box .swiper-box .circle{-webkit-animation:frontbhind1 2s linear infinite;animation:frontbhind1 2s linear infinite;width:.525rem}.container .page-3 .product-box .swiper-box .handwithc,.container .page-result .product-box .swiper-box .handwithc{width:1.125rem;-webkit-animation:frontbhind1 2s linear infinite;animation:frontbhind1 2s linear infinite}.container .page-3 .product-box .swiper-box .left-tip,.container .page-result .product-box .swiper-box .left-tip{position:absolute;left:4.9rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:6.575rem}.container .page-3 .product-box .pbg,.container .page-result .product-box .pbg{width:100%}.container .page-3 .product-box .pp,.container .page-result .product-box .pp{top:.9rem;height:3.15rem}.container .page-3 .product-box .pp-bottom,.container .page-result .product-box .pp-bottom{position:absolute;bottom:1.925rem;left:0;right:0;margin:auto;width:11.45rem}.container .page-3 .product-box .pp_ry,.container .page-result .product-box .pp_ry{top:.9rem;width:13.2rem}.container .page-3 .product-box .btn_shjc_box,.container .page-result .product-box .btn_shjc_box{cursor:pointer;bottom:1.25rem;width:3.975rem}.container .page-3 .product-box .btn_shjc,.container .page-result .product-box .btn_shjc{width:100%}.container .page-3 .tip,.container .page-result .tip{top:88%;width:8.85rem;z-index:-1}.container .page-3 .btn-box,.container .page-result .btn-box{top:91%;width:14.675rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:99;font-size:0}.container .page-3 .btn-box .btn,.container .page-result .btn-box .btn{position:relative;z-index:21;cursor:pointer;width:6.55rem;overflow:hidden}.container .page-3 .btn-box .more_protect_box,.container .page-result .btn-box .more_protect_box{position:relative;cursor:pointer}.container .page-3 .btn-box .more_protect_box .more_protect,.container .page-result .btn-box .more_protect_box .more_protect{width:6.55rem}.container .page-3 .btn2-box,.container .page-result .btn2-box{position:absolute;top:91%;right:2rem;width:6.55rem}.container .page-3 .btn2-box .btn-img,.container .page-result .btn2-box .btn-img{width:100%;pointer-events:none}.container .page-result{display:block;z-index:-1;opacity:0}.container .page-result .product-box{position:relative}.container .page-result .product-box .pp{top:2.7rem;height:2.8rem}.container .page-result .ykhs{top:6.5rem;width:12.025rem}.container .page-result .slogan{position:absolute;left:1.5rem;bottom:1.3rem;width:9.3rem}.container .page-result .ewm{position:absolute;right:1.5rem;bottom:.6rem;background-color:#fff;border:solid .05rem #b26a24;width:2.65rem;height:2.65rem;padding:.1rem;-webkit-box-sizing:border-box;box-sizing:border-box}.pop,.pop1{position:fixed;top:0;left:0;width:100%;height:100%;display:none}.pop .pop-inner,.pop1 .pop-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop .pop-inner .rule,.pop1 .pop-inner .rule{width:13.25rem}.pop .pop-inner .close,.pop1 .pop-inner .close{position:absolute;width:.9rem;top:.6rem;right:.6rem}.pop1{background-color:rgba(0,0,0,.7)}.pop1 .pop-inner .close{top:.8rem;right:1.2rem}.new_pai{position:absolute;top:-2.8rem;left:0;right:0;margin:auto;width:8rem}.new_pai.new_pai2{top:-2.2rem}.alertpop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:99;pointer-events:none}.alertpop .alert-inner{position:absolute;top:42%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.alertpop .alert-inner.isbuff{top:14%}.alertpop .alert-inner.isbuff .al_img{height:1.75rem;width:auto}.alertpop .alert-inner.lx{top:14%}.alertpop .alert-inner.lx .al_img{width:9.575rem;height:auto}.alertpop .alert-inner .al_img{width:11.075rem}.page-1{background-image:none!important}#audio-btn{position:fixed;width:1.375rem;height:1.375rem;top:1.125rem;right:.85rem;background:url(../img/music.png) no-repeat center center;background-size:100% 100%;z-index:10}.rotate{background-image:url(../img/music1.png)!important;animation:rotate-left 2s linear infinite;-webkit-animation:rotate-left 2s linear infinite;-moz-animation:rotate-left 2s linear infinite}@-webkit-keyframes rotate-left{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate-left{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes pulses2{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulses2{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes drive{0%{-webkit-transform:translate(-15%,15%);transform:translate(-15%,15%)}50%{-webkit-transform:translate(-5%,5%);transform:translate(-5%,5%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes drive{0%{-webkit-transform:translate(-15%,15%);transform:translate(-15%,15%)}50%{-webkit-transform:translate(-5%,5%);transform:translate(-5%,5%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes frontbhind{0%{-webkit-transform:translate(-40%,-4%);transform:translate(-40%,-4%)}50%{-webkit-transform:translate(-81%,-4%);transform:translate(-81%,-4%)}100%{-webkit-transform:translate(-40%,-4%);transform:translate(-40%,-4%)}}@keyframes frontbhind{0%{-webkit-transform:translate(-40%,-4%);transform:translate(-40%,-4%)}50%{-webkit-transform:translate(-81%,-4%);transform:translate(-81%,-4%)}100%{-webkit-transform:translate(-40%,-4%);transform:translate(-40%,-4%)}}@-webkit-keyframes frontbhind1{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-80%);transform:translateX(-80%)}}@keyframes frontbhind1{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-80%);transform:translateX(-80%)}}@media screen and (max-height:603px){.container .feifei{top:91.5%}.container .page-result .result-box{width:14.2rem}.container .page-result .result-box .result{width:8.55rem}.container .page-result .result-box .distance{bottom:4rem}.container .page-result .result-box .distance.killer{bottom:4.78rem}.container .page-result .white{height:1.4rem}.container .page-result .product-box{top:56.5%;width:14.2rem}.container .page-result .product-box .ykhs{top:6.2rem;width:11.025rem}.container .page-result .product-box .slogan{width:8.3rem;bottom:1rem}.container .page-result .product-box .ewm{width:2.5rem;height:2.5rem;bottom:.3rem}.container .page-3 .result-box{width:14.2rem}.container .page-3 .result-box .result{width:8.55rem}.container .page-3 .result-box .distance{bottom:4rem}.container .page-3 .result-box .distance.killer{bottom:4.78rem}.container .page-3 .white{height:1.4rem}.container .page-3 .product-box{top:56.5%;width:14.2rem}.container .page-3 .product-box .pp{top:.5rem;height:2.5rem}.container .page-3 .product-box .pp_ry{top:.5rem;width:auto;height:4rem}.container .page-3 .tip{top:88.5%}.container .page-3 .btn-box{top:91.5%}}@media (max-aspect-ratio:375/550) and (min-aspect-ratio:375/600){.container .page-2 .title-box{bottom:68%}.container .page-2 .s_title{bottom:58%}.container .page-3 .result-box{max-width:14.5rem;height:48%}.container .page-3 .result-box .result{width:61%}.container .page-3 .result-box .cert{width:auto;height:100%;margin:0 auto}.container .page-3 .result-box .distance{bottom:4rem}.container .page-3 .result-box .distance.killer{bottom:33%}.container .page-3 .tip{top:88.5%}.container .page-3 .product-box{max-width:14.5rem;width:13.35rem}.container .page-3 .product-box .pbg{width:100%;margin:0 auto}.container .page-3 .product-box .swiper-box .hand-box{left:1.925rem}.container .page-3 .product-box .swiper-box .left-tip{left:2.9rem}}@media (max-aspect-ratio:375/604) and (min-aspect-ratio:375/666){.container .page-3 .result-box{width:14rem}.container .page-3 .result-box .result{width:61%}.container .page-3 .result-box .cert{width:100%}.container .page-3 .result-box .distance{bottom:4rem}.container .page-3 .result-box .distance.killer{bottom:33%}.container .page-3 .product-box{width:14rem}.container .page-3 .product-box .pbg{width:100%}.container .page-3 .product-box .pp{height:2.7rem;width:auto}.container .page-3 .product-box .pp_ry{width:12.2rem}}@media screen and (min-width:414px) and (max-height:672px){.container .feifei{top:91.5%}.container .page-3 .result-box{width:14.4rem}.container .page-3 .result-box .result{width:8.55rem}.container .page-3 .result-box .distance{bottom:4rem}.container .page-3 .result-box .distance.killer{bottom:4.78rem}.container .page-3 .white{height:1.4rem}.container .page-3 .product-box{width:14.4rem}.container .page-3 .product-box .pp{top:.5rem;height:2.5rem}.container .page-3 .tip{top:89%}.container .page-3 .btn-box{top:91.5%}}