@keyframes roll1{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-2598px,0,0);transform:translate3d(-2598px,0,0)}}@keyframes roll2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-2691px,0,0);transform:translate3d(-2691px,0,0)}}@keyframes roll3{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-1961px,0,0);transform:translate3d(-1961px,0,0)}}@keyframes roll4{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-2409px,0,0);transform:translate3d(-2409px,0,0)}}@-webkit-keyframes shake-slow{0%{-webkit-transform:translate(0px,0) rotate(0deg)}2%{-webkit-transform:translate(-1px,8px) rotate(1.5deg)}4%{-webkit-transform:translate(7px,0) rotate(-.5deg)}6%{-webkit-transform:translate(8px,8px) rotate(-3.5deg)}8%{-webkit-transform:translate(-4px,-3px) rotate(-1.5deg)}10%{-webkit-transform:translate(5px,0) rotate(-2.5deg)}12%{-webkit-transform:translate(-10px,-3px) rotate(-3.5deg)}14%{-webkit-transform:translate(5px,7px) rotate(2.5deg)}16%{-webkit-transform:translate(8px,-8px) rotate(-1.5deg)}18%{-webkit-transform:translate(9px,-6px) rotate(-3.5deg)}20%{-webkit-transform:translate(3px,1px) rotate(-.5deg)}22%{-webkit-transform:translate(6px,8px) rotate(-2.5deg)}24%{-webkit-transform:translate(-8px,-1px) rotate(2.5deg)}26%{-webkit-transform:translate(7px,-10px) rotate(0.5deg)}28%{-webkit-transform:translate(7px,-4px) rotate(-3.5deg)}30%{-webkit-transform:translate(-2px,-6px) rotate(-1.5deg)}32%{-webkit-transform:translate(-1px,0) rotate(2.5deg)}34%{-webkit-transform:translate(6px,2px) rotate(-.5deg)}36%{-webkit-transform:translate(2px,7px) rotate(1.5deg)}38%{-webkit-transform:translate(2px,-9px) rotate(1.5deg)}40%{-webkit-transform:translate(-5px,-1px) rotate(-.5deg)}42%{-webkit-transform:translate(-8px,2px) rotate(-.5deg)}44%{-webkit-transform:translate(-4px,3px) rotate(0.5deg)}46%{-webkit-transform:translate(-10px,-2px) rotate(-.5deg)}48%{-webkit-transform:translate(1px,9px) rotate(1.5deg)}50%{-webkit-transform:translate(6px,7px) rotate(1.5deg)}52%{-webkit-transform:translate(-8px,4px) rotate(0.5deg)}54%{-webkit-transform:translate(6px,-8px) rotate(-2.5deg)}56%{-webkit-transform:translate(2px,-9px) rotate(-2.5deg)}58%{-webkit-transform:translate(-2px,-9px) rotate(0.5deg)}60%{-webkit-transform:translate(2px,7px) rotate(-.5deg)}62%{-webkit-transform:translate(0px,0) rotate(-1.5deg)}64%{-webkit-transform:translate(-9px,-4px) rotate(-3.5deg)}66%{-webkit-transform:translate(6px,-6px) rotate(0.5deg)}68%{-webkit-transform:translate(0px,-7px) rotate(-2.5deg)}70%{-webkit-transform:translate(-10px,1px) rotate(1.5deg)}72%{-webkit-transform:translate(-7px,9px) rotate(2.5deg)}74%{-webkit-transform:translate(2px,-6px) rotate(-.5deg)}76%{-webkit-transform:translate(5px,1px) rotate(-.5deg)}78%{-webkit-transform:translate(-1px,5px) rotate(2.5deg)}80%{-webkit-transform:translate(3px,7px) rotate(2.5deg)}82%{-webkit-transform:translate(-6px,-7px) rotate(-.5deg)}84%{-webkit-transform:translate(-8px,8px) rotate(-2.5deg)}86%{-webkit-transform:translate(8px,3px) rotate(-2.5deg)}88%{-webkit-transform:translate(-8px,3px) rotate(-1.5deg)}90%{-webkit-transform:translate(-7px,-4px) rotate(-3.5deg)}92%{-webkit-transform:translate(-8px,4px) rotate(2.5deg)}94%{-webkit-transform:translate(-6px,-6px) rotate(-3.5deg)}96%{-webkit-transform:translate(-3px,2px) rotate(-3.5deg)}98%{-webkit-transform:translate(2px,1px) rotate(-.5deg)}}@keyframes shake-slow{0%{transform:translate(0px,0) rotate(0deg)}2%{transform:translate(-6px,-8px) rotate(2.5deg)}4%{transform:translate(3px,-9px) rotate(-.5deg)}6%{transform:translate(3px,-8px) rotate(2.5deg)}8%{transform:translate(0px,5px) rotate(0.5deg)}10%{transform:translate(3px,2px) rotate(0.5deg)}12%{transform:translate(8px,0) rotate(0.5deg)}14%{transform:translate(4px,7px) rotate(-3.5deg)}16%{transform:translate(-4px,0) rotate(-.5deg)}18%{transform:translate(1px,3px) rotate(-1.5deg)}20%{transform:translate(-8px,-1px) rotate(-3.5deg)}22%{transform:translate(5px,9px) rotate(2.5deg)}24%{transform:translate(-9px,-10px) rotate(-2.5deg)}26%{transform:translate(0px,7px) rotate(-1.5deg)}28%{transform:translate(-10px,7px) rotate(2.5deg)}30%{transform:translate(8px,-7px) rotate(-1.5deg)}32%{transform:translate(0px,-8px) rotate(-.5deg)}34%{transform:translate(9px,7px) rotate(-.5deg)}36%{transform:translate(-7px,6px) rotate(0.5deg)}38%{transform:translate(8px,-10px) rotate(-.5deg)}40%{transform:translate(8px,0) rotate(0.5deg)}42%{transform:translate(0px,-2px) rotate(1.5deg)}44%{transform:translate(5px,-2px) rotate(-.5deg)}46%{transform:translate(1px,-10px) rotate(-2.5deg)}48%{transform:translate(4px,-1px) rotate(2.5deg)}50%{transform:translate(-5px,-4px) rotate(2.5deg)}52%{transform:translate(3px,2px) rotate(-3.5deg)}54%{transform:translate(1px,-6px) rotate(-.5deg)}56%{transform:translate(-3px,-4px) rotate(-.5deg)}58%{transform:translate(-10px,-10px) rotate(2.5deg)}60%{transform:translate(8px,7px) rotate(-3.5deg)}62%{transform:translate(9px,-6px) rotate(-3.5deg)}64%{transform:translate(-5px,8px) rotate(-.5deg)}66%{transform:translate(1px,-3px) rotate(0.5deg)}68%{transform:translate(-6px,9px) rotate(1.5deg)}70%{transform:translate(-5px,8px) rotate(-1.5deg)}72%{transform:translate(-10px,-2px) rotate(2.5deg)}74%{transform:translate(0px,-4px) rotate(1.5deg)}76%{transform:translate(-2px,-5px) rotate(0.5deg)}78%{transform:translate(-2px,9px) rotate(-3.5deg)}80%{transform:translate(7px,4px) rotate(-3.5deg)}82%{transform:translate(-1px,-4px) rotate(-1.5deg)}84%{transform:translate(3px,-6px) rotate(0.5deg)}86%{transform:translate(7px,-8px) rotate(-1.5deg)}88%{transform:translate(4px,-9px) rotate(1.5deg)}90%{transform:translate(1px,-6px) rotate(2.5deg)}92%{transform:translate(-8px,-1px) rotate(-1.5deg)}94%{transform:translate(-4px,-1px) rotate(0.5deg)}96%{transform:translate(-6px,9px) rotate(1.5deg)}98%{transform:translate(7px,4px) rotate(-.5deg)}}@-webkit-keyframes arrMove{0%,100%{transform:translateY(0);-webkit-transform:translateY(0)}50%{transform:translateY(20px);-webkit-transform:translateY(20px)}}@keyframes arrMove{0%,100%{transform:translateY(0);-webkit-transform:translateY(0)}50%{transform:translateY(40px);-webkit-transform:translateY(40px)}}@-webkit-keyframes pAni{0%{background-position:0 0}100%{background-position:-1800px 0}}@keyframes pAni{0%{background-position:0 0}100%{background-position:-1800px 0}}@-webkit-keyframes pRun{0%,50%{top:310px;left:70px;transform:scale3d(1,1,1)}85%{top:-10px;left:410px;transform:scale3d(0.5,.5,.5);opacity:1}100%{top:-10px;left:410px;transform:scale3d(0.5,.5,.5);opacity:0}}@keyframes pRun{0%,50%{top:310px;left:70px;transform:scale3d(1,1,1)}85%{top:-10px;left:410px;transform:scale3d(0.5,.5,.5);opacity:1}100%{top:-10px;left:410px;transform:scale3d(0.5,.5,.5);opacity:0}}@-webkit-keyframes basketAni{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}100%{transform:rotate(10deg)}}@keyframes basketAni{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}100%{transform:rotate(10deg)}}@-webkit-keyframes phoneAni{0%{transform:translateX(0)}100%{transform:translateX(50px)}}@keyframes phoneAni{0%{transform:translateX(0)}100%{transform:translateX(50px)}}@-webkit-keyframes qrcodeAni{0%{transform:translateX(0)}100%{transform:translateX(-146px)}}@keyframes qrcodeAni{0%{transform:translateX(0)}100%{transform:translateX(-146px)}}@-webkit-keyframes lineAni{0%{transform:translateY(0)}100%{transform:translateY(118px)}}@keyframes lineAni{0%{transform:translateY(0)}100%{transform:translateY(118px)}}@-webkit-keyframes cardAni{0%{transform:translate3d(0,0,0)}50%,75%{transform:translate3d(0,80px,0)}100%{transform:translate3d(500px,80px,0)}}@keyframes cardAni{0%{transform:translate3d(0,0,0)}50%,75%{transform:translate3d(0,80px,0)}100%{transform:translate3d(500px,80px,0)}}@-webkit-keyframes pillAni{0%{transform:translateY(0)}54%{opacity:0}55%{opacity:1}100%{transform:translateY(330px);opacity:1}}@keyframes pillAni{0%{transform:translateY(0)}54%{opacity:0}55%{opacity:1}100%{opacity:1;transform:translateY(330px)}}@-webkit-keyframes glassAni{0%{top:92px;left:0;transform:rotate(-180deg)}100%{top:72px;left:80px;transform:rotate(0);opacity:1}}@keyframes glassAni{0%{top:130px;left:-30px;transform:rotate(-180deg)}100%{top:72px;left:80px;transform:rotate(0);opacity:1}}@keyframes parkingAni{0%{transform:translateY(-1422px)}100%{transform:translateY(-200px)}}@keyframes roll5{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-2687px,0,0);transform:translate3d(-2687px,0,0)}}@-webkit-keyframes loadMove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loadMove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes roll6{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-1229px,0,0);transform:translate3d(-1229px,0,0)}}@-webkit-keyframes downloadMove{0%{opacity:1;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes downloadMove{0%{opacity:1;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bikeMove{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}}@keyframes bikeMove{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}}@-webkit-keyframes lunMove{0%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes lunMove{0%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes faMove{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@keyframes faMove{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@-webkit-keyframes mouseMove{from{background:url(../images/p8/1.png) no-repeat;background-size:100% auto}to{background:url(../images/p8/xiao.gif) no-repeat;background-size:100% auto}}@keyframes mouseMove{from{background:url(../images/p8/1.png) no-repeat;background-size:100% auto}to{background:url(../images/p8/xiao.gif) no-repeat;background-size:100% auto}}@-webkit-keyframes shouMove{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(10px,10px,0);transform:translate3d(10px,10px,0)}}@keyframes shouMove{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(10px,10px,0);transform:translate3d(10px,10px,0)}}@-webkit-keyframes sao2Move{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,158px,0);transform:translate3d(0,158px,0)}}@keyframes sao2Move{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,158px,0);transform:translate3d(0,158px,0)}}@-webkit-keyframes doorLMove{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-220px,0,0);transform:translate3d(-220px,0,0)}}@keyframes doorLMove{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-220px,0,0);transform:translate3d(-220px,0,0)}}@-webkit-keyframes doorRMove{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(220px,0,0);transform:translate3d(220px,0,0)}}@keyframes doorRMove{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(220px,0,0);transform:translate3d(220px,0,0)}}@-webkit-keyframes btnMove{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}@keyframes btnMove{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}@-webkit-keyframes handMove{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(5px,5px,0);transform:translate3d(5px,5px,0)}}@keyframes handMove{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(5px,5px,0);transform:translate3d(5px,5px,0)}}@-webkit-keyframes handsAni{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}@keyframes handsAni{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}*{margin:0 auto;padding:0;outline:0}html,body{width:100%;height:100%;margin:0 auto;max-width:750px}body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}#rotate{position:fixed;top:10px;right:10px;z-index:200;width:65px;height:65px;background-image:url(../images/mu.png);background-repeat:no-repeat;background-size:100% auto;-webkit-tap-highlight-color:rgba(255,0,0,0)}.rotate_ani{-webkit-animation:rotating 3s linear 0s infinite;-moz-animation:rotating 3s linear 0s infinite;-ms-animation:rotating 3s linear 0s infinite;animation:rotating 3s linear 0s infinite}@-webkit-keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#97acd9;z-index:100}.loading .loadBg{width:750px;height:1464px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading #loadBox{width:100%;height:300px;position:absolute;top:25%;left:0;right:0}.loading .loadIcon{position:absolute;top:0;left:0;right:0;-webkit-animation:shake-slow 2s linear 0s infinite;animation:shake-slow 2s linear 0s infinite}.loading .loadLine{width:40%;height:20px;background:#fff;border-radius:20px;position:absolute;left:0;right:0;bottom:40px}.loading .loadLine span{display:block;height:100%;background:#466bb2;border-radius:20px;margin-left:0}.loading .timeline{position:absolute;bottom:-5px;left:0;right:0;text-align:center;font-size:24px;color:#020003;font-weight:700}.posAbs{position:absolute}.center{left:0;right:0;margin:auto}@-webkit-keyframes videoBtnPulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes videoBtnPulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.2,1.2,1.2);-ms-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.gray{display:none}.main{position:relative;top:0;left:0;width:100%;overflow-x:hidden;overflow-y:scroll}.main .btn{position:absolute;top:-10px;left:0}.main .btn_active{-webkit-animation:btnMove .5s linear infinite;animation:btnMove .5s linear infinite}.main .hand{position:absolute;top:55px;right:10px;-webkit-animation:handMove .5s linear infinite;animation:handMove .5s linear infinite}.main .rollTxt{position:absolute;top:50px;left:50px;display:flex}.main .part1{width:750px;height:1408px;background:url(../images/1.jpg) no-repeat;background-size:100% auto;position:relative}.main .part1 .arr{position:absolute;top:950px;left:10px;-webkit-animation:arrMove 2s linear infinite;animation:arrMove 2s linear infinite}.main .part1 .btn_bg{position:absolute;top:460px;left:50px;width:347px;height:90px;background:url(../images/1_02.png) no-repeat;background-size:100% auto}.main .part1 .dataImg{position:absolute;top:1010px;left:150px}.main .part1 .aniBox{position:absolute;top:356px;left:0}.main .part1 .aniBox img{position:absolute}.main .part1 .aniBox .person{position:absolute;top:310px;left:70px;width:300px;height:400px;background:url(../images/p1/1.png) no-repeat;background-size:1800px auto}.main .part1 .aniBox .bar{top:0;left:500px}.main .part1 .aniBox .road{position:absolute;top:-140px;left:0;width:750px;height:1090px;background:url(../images/p1/a2.png) no-repeat;background-size:100% auto}.main .part1 .aniBox.active .person{-webkit-animation:pAni .5s steps(6) 5,pRun 3s ease-in forwards;animation:pAni .5s steps(6) 5,pRun 3s ease-in forwards}.main .part1 .aniBox.active .road{background:url(../images/p1/a3.png) no-repeat;background-size:100% auto}.main .part1 .rollTxt{-webkit-animation:roll1 8.66s linear infinite;animation:roll1 8.66s linear infinite}.main .part2{width:750px;height:1510px;background:url(../images/2.jpg) no-repeat;background-size:100% auto;position:relative}.main .part2 .btn_bg{position:absolute;top:880px;left:350px;width:347px;height:90px;background:url(../images/2_02.png) no-repeat;background-size:100% auto}.main .part2 .dataImg{position:absolute;top:1070px;left:0;right:0}.main .part2 .aniBox{position:absolute;top:356px;left:0}.main .part2 .aniBox img{position:absolute}.main .part2 .aniBox .woman{top:80px;left:90px}.main .part2 .aniBox .basket{top:290px;left:30px}.main .part2 .aniBox .phone{position:absolute;top:140px;left:400px;width:157px;height:298px;background:url(../images/p2/phone.png) no-repeat;background-size:100% auto}.main .part2 .aniBox .phone .rect{top:80px;left:19px}.main .part2 .aniBox .phone .line{top:40px;left:-10px}.main .part2 .aniBox .phone .qrcode{top:97px;left:180px}.main .part2 .aniBox .phone .pay{top:110px;left:23px;opacity:0}.main .part2 .aniBox.active .phone{-webkit-animation:phoneAni .8s linear forwards;animation:phoneAni .8s linear forwards}.main .part2 .aniBox.active .qrcode{-webkit-animation:qrcodeAni .8s linear forwards,fadeOut .1s linear 2s forwards;animation:qrcodeAni .8s linear forwards,fadeOut .1s linear 2s forwards}.main .part2 .aniBox.active .line{animation:lineAni 1s linear 1s 2,fadeOut .1s linear 2s forwards;-webkit-animation:lineAni 1s linear 1s 2,fadeOut .1s linear 2s forwards}.main .part2 .aniBox.active .rect{animation:fadeOut .1s linear 2s forwards;-webkit-animation:fadeOut .1s linear 2s forwards}.main .part2 .aniBox.active .pay{animation:fadeIn 1s linear 2s forwards;-webkit-animation:fadeIn 1s linear 2s forwards}.main .part2 .aniBox.active .basket{animation:basketAni 1s linear 3s 2;-webkit-animation:basketAni 1s linear 3s 2}.main .part2 .rollTxt{-webkit-animation:roll2 8.97s linear infinite;animation:roll2 8.97s linear infinite}.main .part3{width:750px;height:1505px;background:url(../images/3.jpg) no-repeat;background-size:100% auto;position:relative}.main .part3 .btn_bg{position:absolute;top:1020px;left:190px;width:347px;height:90px;background:url(../images/3_02.png) no-repeat;background-size:100% auto}.main .part3 .dataImg{position:absolute;top:1170px;left:55px}.main .part3 .aniBox{position:absolute;top:356px;left:0}.main .part3 .aniBox img{position:absolute}.main .part3 .aniBox .pos1{position:absolute;top:260px;left:140px;width:454px;height:209px;background:url(../images/p3/pos1.png) no-repeat;background-size:100% auto}.main .part3 .aniBox .pos1 .pos2{top:0;left:0}.main .part3 .aniBox .pos1 .card{top:-200px;left:120px}.main .part3 .aniBox .pill{top:90px;left:190px;opacity:0}.main .part3 .aniBox .dig{top:140px;left:70px;opacity:0}.main .part3 .aniBox.active .card{-webkit-animation:cardAni 1s linear forwards;animation:cardAni 1s linear forwards}.main .part3 .aniBox.active .pill{-webkit-animation:pillAni .8s ease-in-out .8s forwards;animation:pillAni .8s ease-in-out .8s forwards}.main .part3 .aniBox.active .dig{-webkit-animation:bounceIn .8s ease-in-out 1.5s forwards;animation:bounceIn .8s ease-in-out 1.5s forwards}.main .part3 .rollTxt{-webkit-animation:roll3 6.53666667s linear infinite;animation:roll3 6.53666667s linear infinite}.main .part4{width:750px;height:1505px;background:url(../images/4.jpg) no-repeat;background-size:100% auto;position:relative}.main .part4 .btn_bg{position:absolute;top:580px;left:470px;width:253px;height:96px;background:url(../images/4_02.png) no-repeat;background-size:100% auto}.main .part4 .dataImg{position:absolute;top:1160px;left:25px}.main .part4 .aniBox{position:absolute;top:356px;left:0}.main .part4 .aniBox img{position:absolute}.main .part4 .aniBox .person{position:absolute;top:140px;left:180px;width:373px;height:468px;background:url(../images/p4/person.png) no-repeat;background-size:100% auto}.main .part4 .aniBox .person .cigar{top:146px;left:106px;opacity:0}.main .part4 .aniBox .person .hands{top:265px;left:14px;-webkit-animation:handsAni .5s linear infinite;animation:handsAni .5s linear infinite}.main .part4 .aniBox .person .glass{opacity:0}.main .part4 .aniBox .person .gold{top:202px;left:96px;opacity:0}.main .part4 .aniBox .person .veg{top:380px;left:-60px}.main .part4 .aniBox .playBg{top:70px;left:50px}.main .part4 .aniBox .dig{top:300px;left:30px;opacity:0}.main .part4 .aniBox.active .hands{animation:none;-webkit-animation:none}.main .part4 .aniBox.active .glass{-webkit-animation:glassAni 1s linear forwards;animation:glassAni 1s linear forwards}.main .part4 .aniBox.active .gold,.main .part4 .aniBox.active .cigar{-webkit-animation:fadeIn .2s ease-in-out .8s forwards;animation:fadeIn .2s ease-in-out .8s forwards}.main .part4 .aniBox.active .dig{-webkit-animation:bounceIn .5s ease-in-out 1.5s forwards;animation:bounceIn .5s ease-in-out 1.5s forwards}.main .part4 .rollTxt{-webkit-animation:roll4 8.03s linear infinite;animation:roll4 8.03s linear infinite}.main .part5{width:750px;height:1482px;background:url(../images/5.jpg) no-repeat;background-size:100% auto;position:relative}.main .part5 .btn_bg{position:absolute;top:970px;left:350px;width:347px;height:90px;background:url(../images/5_02.png) no-repeat;background-size:100% auto}.main .part5 .dataImg{position:absolute;top:1110px;left:68px}.main .part5 .aniBox{position:absolute;top:360px;left:0;height:1140px;width:750px;overflow:hidden}.main .part5 .aniBox img{position:absolute}.main .part5 .aniBox .parking{position:absolute;top:-340px;left:0;width:750px;height:1422px;transform:translateY(-1422px);animation:parkingAni 20s linear infinite}.main .part5 .aniBox .parking img{position:relative}.main .part5 .aniBox .parking2{transform:translateY(-200px)}.main .part5 .aniBox .car{top:280px;left:274px}.main .part5 .aniBox .tc{top:50px;left:480px;opacity:0}.main .part5 .aniBox .icon{top:75px;left:580px;opacity:0}.main .part5 .aniBox .w1{top:380px;left:440px;animation:flash 2s linear infinite}.main .part5 .aniBox .w2{top:330px;left:220px;animation:flash 2s linear infinite}.main .part5 .aniBox .dig{top:190px;left:110px;opacity:0}.main .part5 .aniBox.active .tc{-webkit-animation:fadeIn .5s linear forwards;animation:fadeIn .5s linear forwards}.main .part5 .aniBox.active .icon{-webkit-animation:bounceInDown 1s linear .3s forwards;animation:bounceInDown 1s linear .3s forwards}.main .part5 .aniBox.active .dig{-webkit-animation:bounceIn .8s ease-in-out 1.3s forwards,slideOutUp 1s linear 3s forwards;animation:bounceIn .8s ease-in-out 1.3s forwards,slideOutUp 1s linear 3s forwards}.main .part5 .aniBox.active .w1,.main .part5 .aniBox.active .w2{-webkit-animation:fadeOut .1s linear 3s forwards;animation:fadeOut .1s linear 3s forwards}.main .part5 .aniBox.active .car{-webkit-animation:slideOutUp 1s linear 3s forwards;animation:slideOutUp 1s linear 3s forwards}.main .part5 .aniBox.active .parking{animation-play-state:paused;-webkit-animation-play-state:paused}.main .part5 .rollTxt{-webkit-animation:roll5 8.95666667s linear infinite;animation:roll5 8.95666667s linear infinite}.main .part6{width:750px;height:1484px;background:url(../images/6.jpg) no-repeat;background-size:100% auto;position:relative}.main .part6 .btn_bg{position:absolute;top:885px;left:365px;width:347px;height:90px;background:url(../images/6_02.png) no-repeat;background-size:100% auto}.main .part6 .dataImg{position:absolute;top:1105px;left:45px}.main .part6 .aniBox{position:absolute;width:100%;top:395px;left:0}.main .part6 .aniBox img{position:absolute}.main .part6 .aniBox .phone{top:32px;left:0}.main .part6 .aniBox .g4,.main .part6 .aniBox .g5{top:0;left:400px}.main .part6 .aniBox .g5{opacity:0}.main .part6 .aniBox .load{top:195px;left:170px;-webkit-animation:loadMove 2s linear infinite;animation:loadMove 2s linear infinite}.main .part6 .aniBox .download{width:213px;height:210px;top:163px;left:130px}.main .part6 .aniBox .download img{opacity:0}.main .part6 .aniBox .x1{bottom:0;left:0}.main .part6 .aniBox .x2{bottom:0;left:58px}.main .part6 .aniBox .x3{bottom:1px;right:0}.main .part6 .aniBox .x4{bottom:32px;right:29px}.main .part6 .aniBox .x5{bottom:31px;left:29px}.main .part6 .aniBox .x6{bottom:63px;left:59px}.main .part6 .aniBox .x7{bottom:92px;right:0}.main .part6 .aniBox .x8{bottom:62px;left:0}.main .part6 .aniBox .x9{bottom:121px;left:61px}.main .part6 .aniBox.active .g4{-webkit-animation:fadeOut .2s linear forwards;animation:fadeOut .2s linear forwards}.main .part6 .aniBox.active .g5{-webkit-animation:fadeIn .2s linear forwards;animation:fadeIn .2s linear forwards}.main .part6 .aniBox.active .load{-webkit-animation:fadeOut .2s linear forwards;animation:fadeOut .2s linear forwards}.main .part6 .aniBox.active .download img{-webkit-animation-name:downloadMove;-webkit-animation-duration:.2s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-name:downloadMove;animation-duration:.2s;animation-timing-function:linear;animation-fill-mode:forwards}.main .part6 .aniBox.active .download .x1{-webkit-animation-delay:.2s;animation-delay:.2s}.main .part6 .aniBox.active .download .x2{-webkit-animation-delay:.4s;animation-delay:.4s}.main .part6 .aniBox.active .download .x3{-webkit-animation-delay:.6s;animation-delay:.6s}.main .part6 .aniBox.active .download .x4{-webkit-animation-delay:.8s;animation-delay:.8s}.main .part6 .aniBox.active .download .x5{-webkit-animation-delay:1s;animation-delay:1s}.main .part6 .aniBox.active .download .x6{-webkit-animation-delay:1.2s;animation-delay:1.2s}.main .part6 .aniBox.active .download .x7{-webkit-animation-delay:1.4s;animation-delay:1.4s}.main .part6 .aniBox.active .download .x8{-webkit-animation-delay:1.6s;animation-delay:1.6s}.main .part6 .aniBox.active .download .x9{-webkit-animation-delay:1.8s;animation-delay:1.8s}.main .part6 .rollTxt{-webkit-animation:roll6 4.09666667s linear infinite;animation:roll6 4.09666667s linear infinite}.main .part7{width:750px;height:1452px;background:url(../images/7.jpg) no-repeat;background-size:100% auto;position:relative}.main .part7 .btn_bg{position:absolute;top:940px;left:360px;width:347px;height:90px;background:url(../images/7_02.png) no-repeat;background-size:100% auto}.main .part7 .dataImg{position:absolute;top:1150px;left:40px}.main .part7 .rollTxt{-webkit-animation:roll7 10s linear infinite;animation:roll7 10s linear infinite}@keyframes roll7{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}}.main .part7 .aniBox{background:url(../images/p7/car.png) no-repeat top left;background-size:100% auto;width:750px;height:562px;position:absolute;top:520px;left:0}.main .part7 .aniBox .bikeBox{position:absolute;width:310px;height:370px;top:-60px;left:750px}.main .part7 .aniBox .bikeBox img{position:absolute}.main .part7 .aniBox .bikeBox .ren{top:20px;left:20px}.main .part7 .aniBox .bikeBox .lun1{top:255px;left:0}.main .part7 .aniBox .bikeBox .lun2{top:263px;left:192px}.main .part7 .aniBox .bikeBox .f1{transform-origin:bottom left;top:11px;left:175px}.main .part7 .aniBox .bikeBox .f2{transform-origin:bottom left;top:23px;left:208px}.main .part7 .aniBox .bikeBox .h1{top:38px;left:125px}.main .part7 .aniBox .bikeBox .h2{top:52px;left:231px}.main .part7 .aniBox .bikeBox .h3{top:0;left:140px}.main .part7 .aniBox.active .bikeBox{-webkit-animation:bikeMove 10s linear infinite;animation:bikeMove 10s linear infinite}.main .part7 .aniBox.active .lun1,.main .part7 .aniBox.active .lun2{-webkit-animation:lunMove 1s linear infinite;animation:lunMove 1s linear infinite}.main .part7 .aniBox.active .f1,.main .part7 .aniBox.active .f2{-webkit-animation:faMove 1s linear infinite;animation:faMove 1s linear infinite}.main .part7 .aniBox.active .h1,.main .part7 .aniBox.active .h2,.main .part7 .aniBox.active .h3{-webkit-animation:lunMove 1.5s linear infinite;animation:lunMove 1.5s linear infinite}.main .part8{width:750px;height:1378px;background:url(../images/8.jpg) no-repeat;background-size:100% auto;position:relative}.main .part8 .btn_bg{position:absolute;top:945px;left:20px;width:347px;height:90px;background:url(../images/8_02.png) no-repeat;background-size:100% auto}.main .part8 .dataImg{position:absolute;top:1170px;left:52px}.main .part8 .rollTxt{-webkit-animation:roll8 7.89s linear infinite;animation:roll8 7.89s linear infinite}@keyframes roll8{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-2367px,0,0);transform:translate3d(-2367px,0,0)}}.main .part8 .aniBox{position:absolute;width:584px;height:742px;top:375px;left:0;right:0}.main .part8 .aniBox .ren{top:140px;left:97px}.main .part8 .aniBox .shou{top:450px;left:97px;transform-origin:bottom left;-webkit-animation:shouMove 2s linear infinite;animation:shouMove 2s linear infinite}.main .part8 .aniBox .mouse{top:255px;left:283px;width:47px;height:41px;background:url(../images/p8/1.png) no-repeat;background-size:100% auto}.main .part8 .aniBox .menkuang{top:0;left:0;right:0}.main .part8 .aniBox .deng1,.main .part8 .aniBox .deng2{width:57px;height:29px;top:17px;left:0;right:0}.main .part8 .aniBox .deng2{opacity:0}.main .part8 .aniBox .sao1{top:137px;left:223px;opacity:0}.main .part8 .aniBox .sao2{top:100px;left:200px;opacity:0}.main .part8 .aniBox .LDoor{background:url(../images/p8/3.png) no-repeat top left;background-size:295px;width:295px;height:698px;top:44px;left:0}.main .part8 .aniBox .RDoor{background:url(../images/p8/4.png) no-repeat top right;background-size:294px;width:294px;height:698px;top:44px;right:0}.main .part8 .aniBox.active .sao1{-webkit-animation:fadeIn .5s linear forwards,fadeOut .2s linear 2.5s forwards;animation:fadeIn .5s linear forwards,fadeOut .2s linear 2.5s forwards}.main .part8 .aniBox.active .sao2{-webkit-animation:fadeIn .5s linear forwards,sao2Move 1s linear .5s 2,fadeOut .2s linear 2.5s forwards;animation:fadeIn .5s linear forwards,sao2Move 1s linear .5s 2,fadeOut .2s linear 2.5s forwards}.main .part8 .aniBox.active .deng2{-webkit-animation:fadeIn .5s linear 2.5s forwards;animation:fadeIn .5s linear 2.5s forwards}.main .part8 .aniBox.active .LDoor{-webkit-animation:doorLMove 1s linear 2.5s forwards;animation:doorLMove 1s linear 2.5s forwards}.main .part8 .aniBox.active .RDoor{-webkit-animation:doorRMove 1s linear 2.5s forwards;animation:doorRMove 1s linear 2.5s forwards}.main .part8 .aniBox.active .mouse{-webkit-animation:mouseMove 0s linear 3.5s forwards;animation:mouseMove 0s linear 3.5s forwards}.main .author{width:750px;height:1106px;background:url(../images/author_01.jpg) no-repeat;background-size:100% auto;position:relative}.main .author .btn_bg{position:absolute;top:860px;left:190px;width:347px;height:90px;background:url(../images/author_02.png) no-repeat;background-size:100% auto}.main .author .share_btn{position:absolute;top:-10px}.main .author .rollTxt{-webkit-animation:roll5 8.95666667s linear infinite;animation:roll5 8.95666667s linear infinite}@keyframes roll5{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-2687px,0,0);transform:translate3d(-2687px,0,0)}}.shareTips{position:fixed;top:0;left:0;display:none;z-index:300}.fmPage{background:url(../images/fmBg.jpg) no-repeat top left;background-size:100% auto;width:100%;height:100%;position:relative;z-index:99}.fmPage img{position:absolute}.fmPage .fmTxt{top:135px;left:85px}.fmPage .fmTxt1{top:900px;right:55px}.fmPage .fmBtn{width:390px;height:170px;top:944px;left:330px}.fmPage .fmBtn1{top:8px}.fmPage .fmBtn2{-webkit-animation:btnMove .5s linear infinite;animation:btnMove .5s linear infinite}.fmPage .hand{top:75px;left:260px;-webkit-animation:handMove .5s linear infinite;animation:handMove .5s linear infinite}.fmPage .videobox{position:absolute;top:0;left:0;right:0;width:100%;height:100%;display:none}.fmPage .videobox video{width:100%;z-index:1}.fmPage .videobox .skipBtn{position:absolute;top:40px;left:0;z-index:10}