body,html{position:relative}.container .page,body{width:100%;height:100%;z-index:10;overflow:hidden}.pace .pace-activity,.pace .pace-progress:before{border-radius:50%;line-height:1;display:block;position:absolute}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}@font-face{font-family:myFont;src:url(../js/font.ttf) format('truetype')}html{height:100%}body{background-image:url(../images/repeat.jpg);background-size:100% auto;font-size:14px;font-family:"Microsoft Yahei",sans-serif,"Helvetica Neue",Helvetica,Arial;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none}.abs{position:absolute;width:100%}.layer{width:100%;display:block}.audio,.pace.pace-inactive,.page3 .infoCon{display:none}.container{left:0;top:0;height:100%}.container .page{left:0;top:0;opacity:0;-webkit-transition:opacity .5s ease}.container .page.active{opacity:1;z-index:100}.container .page.active.page4{z-index:9999999}.page1.active .logo{-webkit-animation:fadeInUp 1s ease forwards}.page1.active .con .title{-webkit-animation:fadeInDown 1s ease forwards}.page1.active .con .planeCon{-webkit-animation:lineMove .5s steps(2,start) infinite}.page1.active .con .planeCon .plane{-webkit-animation:plane .5s linear infinite}.page1.active .con .text1{-webkit-animation:zoomIn 1s ease forwards}.page1.active .con .text2{-webkit-animation:slideInRight 1s ease forwards}.page1.active .con .text3{-webkit-animation:slideInLeft 1s ease forwards}.page1.active .con .words .year{-webkit-animation:numCon 1s ease infinite}.page1.active .con .btnCon .red{-webkit-animation:btn .5s linear infinite}.page1.active .con .btnCon .btn{-webkit-animation:slideInRight 1s ease forwards}.page1 .con{width:5.2rem;left:.6rem;height:6.05rem;top:50%;-webkit-transform:translateY(-60%)}.page1 .con .title{font-size:.24rem;text-align:center;width:100%;left:0;bottom:100%;margin-bottom:.5rem}.page1 .con .text1{width:2.02rem;left:0;top:0}.page1 .con .text2{width:4.5rem;left:0;top:3.85rem}.page1 .con .text3{width:3.25rem;right:0;bottom:0}.page1 .con .words{width:2.9rem;top:2.3rem;left:.9rem}.page1 .con .words .year{width:2.3rem;left:.1rem;top:.32rem}.page1 .con .planeCon{width:4.04rem;height:3.25rem;background-image:url(../images/line.png);background-size:auto 100%;background-position:0 0;right:-.45rem;top:-.4rem}.page1 .con .planeCon .plane{width:3.15rem;height:2.44rem;left:.3rem;top:.4rem}.page1 .con .btnCon{width:.85rem;left:.3rem;top:100%;margin-top:1rem}.page1 .con .btnCon .red{width:.63rem;height:.52rem;background-image:url(../images/btn2.png);background-size:100% auto;background-position:top center;left:.1rem;bottom:.1rem}.page1 .con .btnCon .btn{width:1.53rem;left:100%;margin-left:.2rem;bottom:100%}.page1 .logo{width:.55rem;left:2.9rem;bottom:.5rem}@-webkit-keyframes btn{0%,100%{height:.45rem}50%{height:.35rem;opacity:.5}}@-webkit-keyframes plane{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(5%)}}@-webkit-keyframes lineMove{0%{background-position:0 0}100%{background-position:-200% 0}}.page3 .infoCon{width:100%;height:100%;left:0;top:0;z-index:999999}.page3 .infoCon .infoBox{width:5.15rem;left:.7rem;top:50%;-webkit-transform:translateY(-50%);font-family:myFont;z-index:100}.page3 .infoCon .infoBox .text{width:100%;height:100%;color:#403314;left:0;top:0;box-sizing:border-box;padding:.6rem .8rem 0 .75rem}.page3 .infoCon .infoBox .text h1{text-align:center;font-size:.32rem;color:#a20000;margin-bottom:10px}.page3 .infoCon .infoBox .text p{font-size:.3rem;line-height:1.8em}.page4.active .btnGroup #more{-webkit-animation:bounceInUp 1s ease forwards}.page4.active .btnGroup #share{-webkit-animation:bounceInUp 1s .5s ease forwards}.page4.active .product{-webkit-animation:fadeInUp 1s ease forwards}.page4 .resultCon{width:4.3rem;left:1.05rem;bottom:50%;margin-bottom:1.2rem}.page4 .resultCon .rain{width:3.48rem;height:2.6rem;left:.41rem;bottom:50%;background-image:url(../images/rain.png);background-size:100% auto;-webkit-animation:rain .5s linear infinite}.audio,.load{background-size:auto 100%}.page4 .resultCon .name{color:#262626;font-size:.38rem;font-family:myFont;width:100%;text-align:center;left:0;height:.95rem;line-height:.95rem;top:1.48rem}.page4 .resultCon .desc{width:100%;left:0;top:100%;margin-top:.25rem;text-align:center}.page4 .resultCon .desc h1{font-size:.32rem;font-family:myFont;line-height:1.5em}.page4 .resultCon .desc p{font-size:.2rem;text-align:center;color:#d50000}.page4 .btnGroup{width:2.2rem;left:2.1rem;top:50%;margin-top:.8rem}.page4 .btnGroup img{opacity:0;margin-bottom:.2rem}.page4 .product{text-align:center;bottom:.2rem;width:100%;left:0;font-size:20px;line-height:1.4em;color:#4a4a4a}.page4 .shareCon{background-color:rgba(0,0,0,.8);width:100%;height:100%;left:0;top:0;z-index:100;display:none}.page4 .shareCon .con{width:1.8rem;left:2.3rem;top:1.5rem}.page4 .shareCon .con .hand{width:.44rem;right:0;top:1rem;z-index:-1;-webkit-animation:hand .5s ease infinite}.page4 .shareCon .con .text{width:1.6rem;left:100%;margin-left:.2rem;bottom:.2rem}.page4 .shareCon .con .arrow{width:1.9rem;bottom:30%;left:100%}.audio{width:.46rem;height:.46rem;right:.2rem;top:.2rem;background-image:url(../images/music.png);background-position:right top;z-index:10000}.audio.on{-webkit-transform-origin:center;-webkit-animation:audio 2s linear infinite;background-position:left top}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(2,2)}100%{-webkit-transform:scale(1,1)}}@-webkit-keyframes audio{0%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg)}}.load{width:.82rem;height:1.08rem;left:50%;bottom:50%;-webkit-transform:translateX(-50%);background-image:url(../images/load.png);background-repeat:no-repeat;background-position:0 0;z-index:99999;-webkit-animation:load .5s steps(2,end) infinite}.pace,.pace .pace-progress{z-index:2000;height:1.2rem;width:2rem}@-webkit-keyframes rain{0%{background-position:0 0}100%{background-position:0 -100%}}@-webkit-keyframes load{0%{background-position:0 0}100%{background-position:200% 0}}@-webkit-keyframes hand{0%,100%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(-10%,10%)}}@-webkit-keyframes downLine{0%{opacity:1;-webkit-transform:translateY(-50%)}100%{opacity:.2;-webkit-transform:translateY(200%)}}@-webkit-keyframes userDown{0%{top:10%}100%{top:100%}}@-webkit-keyframes arrow{0%,100%{opacity:.5;-webkit-transform:translate(-50%,-50%)}50%{opacity:1;-webkit-transform:translate(0,0)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes userOut{0%{left:.8rem;top:50%}100%{left:2.3rem;top:0}}@-webkit-keyframes tvOut{0%{opacity:1;-webkit-transform:scale(1,1)}100%{opacity:0;-webkit-transform:scale(4,4)}}@-webkit-keyframes conOut{0%{opacity:1;-webkit-transform:scale(1,1) rotateZ(0)}100%{opacity:0;-webkit-transform:scale(0,0) rotateZ(720deg)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(200%)}100%{opacity:1;-webkit-transform:translateY(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@-webkit-keyframes slideOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100%)}}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes numCon{0%,100%{-webkit-transform:rotateZ(0)}50%{-webkit-transform:rotateZ(10deg)}}@-webkit-keyframes tvImg{0%{background-position:0 0}100%{background-position:-400% 0}}@-webkit-keyframes tvShadow{0%,100%{opacity:1}50%{opacity:.5}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;margin:auto;top:0;left:0;right:0;bottom:0}.pace .pace-progress{position:absolute;-webkit-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.pace .pace-progress:before{content:attr(data-progress-text);text-align:center;color:#c3181b;font-weight:700;font-family:"Helvetica Neue",sans-serif;font-size:.4rem;padding:20% 0 .14rem;width:50%;height:40%;margin:.2rem 0 0 .6rem;z-index:999}.pace .pace-activity{font-size:.3rem;z-index:2000;-webkit-animation:pace-theme-center-atom-spin 2s linear infinite;-moz-animation:pace-theme-center-atom-spin 2s linear infinite;-o-animation:pace-theme-center-atom-spin 2s linear infinite;animation:pace-theme-center-atom-spin 2s linear infinite;content:' ';top:0;left:0;height:1.2rem;width:2rem}.pace .pace-activity:after,.pace .pace-activity:before{border-radius:50%;content:' ';display:block;position:absolute;top:-.1rem;left:-.1rem;height:1.2rem;width:2rem}.pace .pace-activity:after{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}.pace .pace-activity:before{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}@-webkit-keyframes pace-theme-center-atom-spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-moz-keyframes pace-theme-center-atom-spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-o-keyframes pace-theme-center-atom-spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@keyframes pace-theme-center-atom-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}/*  |xGv00|4b22a07155cf3d2b3a0c530574323791 */