html,body{height:100%;padding:0;margin:0}.fl{float:left}.clearfix:after{content:'.';display:block;height:0;visibility:hidden;clear:both}.swiper-container{width:100%;max-width:750px;height:100%;margin:0 auto}.page{position:relative;width:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.page1{background:url(../images/bg1.jpg) no-repeat;background-size:100% 100%}.page2{background:url(../images/bg2.jpg) no-repeat;background-size:100% 100%}.page3{background:url(../images/bg3.jpg) no-repeat;background-size:100% 100%}.page4{background:url(../images/bg4.jpg) no-repeat;background-size:100% 100%}.page5{background:url(../images/bg5.jpg) no-repeat;background-size:100% 100%}.page6{background:url(../images/bg6.jpg) no-repeat;background-size:100% 100%}.page7{background:url(../images/bg7.jpg) no-repeat;background-size:100% 100%}.page8{background:url(../images/bg8.jpg) no-repeat;background-size:100% 100%}.page9{background:url(../images/bg9.jpg) no-repeat;background-size:100% 100%}.page10{background:url(../images/bg10.jpg) no-repeat;background-size:100% 100%}.page11{background:url(../images/bg11.jpg) no-repeat;background-size:100% 100%}.page1 .logo183{position:absolute;left:.3rem;top:.54rem}.page1.active .logo183{-webkit-animation:slideInDown 0.6s ease-in;animation:slideInDown 0.6s ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page1 .logo{position:absolute;width:1.74rem;height:1.62rem;left:1.83rem;top:.2rem}.page1.active .logo{-webkit-animation:slideInDown 0.6s ease-in;animation:slideInDown 0.6s ease-in;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-50px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:rotate(0)}}.page1 .title1{position:absolute;width:.95rem;height:4.47rem;left:50%;margin-left:-1.08rem;top:2.23rem}.page1.active .title1{-webkit-animation:slideInDown1 1s ease-in;animation:slideInDown1 1s ease-in;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInDown1{0%{opacity:0;height:0}100%{opacity:1;height:4.47rem}}@keyframes slideInDown1{0%{opacity:0;height:0}100%{opacity:1;height:4.47rem}}.page1 .title2{position:absolute;width:1.09rem;height:5.09rem;left:50%;margin-left:-.18rem;top:1.9rem}.page1.active .title2{-webkit-animation:slideInDown2 1s ease-in;animation:slideInDown2 1s ease-in;-webkit-animation-delay:2.6s;animation-delay:2.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInDown2{0%{opacity:0;height:0}100%{opacity:1;height:5.09rem}}@keyframes slideInDown2{0%{opacity:0;height:0}100%{opacity:1;height:5.09rem}}.yjnv{position:absolute;width:4.27rem;height:3.04rem;left:50%;margin-left:-.35rem;top:6.18rem;background:url(../images/yjnv.png) no-repeat;background-size:100% 100%}.page1.active .yjnv{-webkit-animation:flyIn1 1.5s ease-in-out;animation:flyIn1 1.5s ease-in-out;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes flyIn1{0%{opacity:0.3;-webkit-transform:translate3d(100%,100%,0)}100%{opacity:1;-webkit-transform:translate(0,0)}}@keyframes flyIn1{0%{opacity:0.3;transform:translate3d(100%,100%,0)}100%{opacity:1;transform:translate(0,0)}}.yjnan{position:absolute;width:7.98rem;height:6.75rem;left:50%;margin-left:-5.75rem;top:6.07rem;background:url(../images/yjnan.png) no-repeat;background-size:100% 100%}.page1.active .yjnan{-webkit-animation:flyIn2 1.5s ease-in-out;animation:flyIn2 1.5s ease-in-out;-webkit-animation-delay:4.9s;animation-delay:4.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes flyIn2{0%{opacity:0.3;-webkit-transform:translate3d(100%,100%,0)}100%{opacity:1;-webkit-transform:translate(0,0)}}@keyframes flyIn2{0%{opacity:0.3;transform:translate3d(100%,100%,0)}100%{opacity:1;transform:translate(0,0)}}.page1 .btn{position:absolute;width:4.01rem;height:.90rem;left:50%;margin-left:-2.05rem;top:11.5rem;opacity:0}.page1.active .btn{-webkit-animation:lantern 2s ease-in-out infinite;animation:lantern 2s ease-in-out infinite;-webkit-animation-delay:6.5s;animation-delay:6.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes lantern{0.00%,100%,75%,15%,39%,60%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);opacity:1}30%,31.5%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);opacity:.8}52.5%{-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0);-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);opacity:.8}67.5%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);opacity:.8}}@keyframes lantern{0.00%,100%,75%,15%,39%,60%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);opacity:1}30%,31.5%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);opacity:.8}52.5%{-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0);-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);opacity:.8}67.5%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);opacity:.8}}.page2 .logo{width:2.45rem;height:2.19rem;margin:1.4rem auto 0}.page2.active .logo,.page3.active .logo,.page4.active .logo,.page5.active .logo,.page6.active .logo,.page7.active .logo{-webkit-animation:slideInDown 0.7s ease-in;animation:slideInDown 0.7s ease-in;-webkit-animation-delay:0.2s;animation-delay:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page2 .info{position:relative;width:7.5rem;height:5.91rem;margin:.5rem auto 0}.page.active .info{-webkit-animation:fadeIn 0.7s ease-in;animation:fadeIn 0.7s ease-in;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.page2 .info .dialog{position:relative;width:4.9rem;height:3.85rem;padding:.67rem .54rem;margin:0 auto}.page2 .info p{width:4.9rem;font-size:.32rem;line-height:.5rem;color:#8f4210;overflow-y:scroll}.page2.active .info p{-webkit-animation:slideInDown3 1.5s ease-in;animation:slideInDown3 1.5s ease-in;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInDown3{0%{opacity:0;height:0}100%{opacity:1;height:3.9rem}}@keyframes slideInDown3{0%{opacity:0;height:0}100%{opacity:1;height:3.9rem}}.page2 .info .dialog .mengban{position:absolute;width:4.9rem;height:.46rem;left:50%;margin-left:-2.45rem;bottom:.55rem;background:url(../images/mengban.png) no-repeat;background-size:100% 100%}.page2 .info .long1{position:absolute;left:0;top:3.2rem}.page2 .info .long2{position:absolute;right:0;top:-.3rem}.page2 .indicate1{margin:2.4rem auto 0}.page2.active .indicate1{-webkit-animation:indicate1 1s linear infinite;animation:indicate1 1s linear infinite}@-webkit-keyframes indicate1{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-10px)}100%{-webkit-transform:translate(0,0)}}@keyframes indicate1{0%{transform:translate(0,0)}50%{transform:translate(0,-10px)}100%{transform:translate(0,0)}}.page3 .logo{width:1.76rem;height:1.63rem;margin:.45rem auto 0}.page3 .info{position:relative;width:7.5rem;height:3.72rem;margin:.33rem auto 0}.page3 .info .dialog{position:relative;width:4.8rem;height:1.77rem;padding:.56rem .55rem;margin:0 auto}.page3 .info p{width:4.9rem;font-size:.32rem;line-height:.45rem;color:#8f4210;overflow:hidden}.page3.active .info p,.page4.active .info p,.page5.active .info p,.page9.active .info p,.page10.active .info p,.page11.active .info p{-webkit-animation:slideInDown4 1s ease-in;animation:slideInDown4 1s ease-in;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInDown4{0%{opacity:0;height:0}100%{opacity:1;height:1.77rem}}@keyframes slideInDown4{0%{opacity:0;height:0}100%{opacity:1;height:1.77rem}}.page3 .info .long1{position:absolute;left:0;top:1.2rem}.page3 .info .long2{position:absolute;right:0;top:-.2rem}.page3 .perfect{margin:1.9rem auto 0}.page3.active .perfect{-webkit-animation:fadeIn 1s ease-in;animation:fadeIn 1s ease-in;-webkit-animation-delay:3.9s;animation-delay:3.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page .answers{width:5.5rem;margin:-.15rem auto}.page .answers .answer,.page .answers .answer_h{margin-top:.15rem}.page.active .answers .answer-1{-webkit-animation:fadeIn 0.3s ease-in;animation:fadeIn 0.3s ease-in;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page.active .answers .answer-2{-webkit-animation:fadeIn 0.3s ease-in;animation:fadeIn 0.3s ease-in;-webkit-animation-delay:3.3s;animation-delay:3.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page.active .answers .answer-3{-webkit-animation:fadeIn 0.3s ease-in;animation:fadeIn 0.3s ease-in;-webkit-animation-delay:3.6s;animation-delay:3.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page.active .answers .answer-4{-webkit-animation:fadeIn 0.3s ease-in;animation:fadeIn 0.3s ease-in;-webkit-animation-delay:3.9s;animation-delay:3.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page .answers .answer p,.page .answers .answer_h p{width:5.50rem;font-size:.3rem;line-height:1.1rem;font-weight:bold;text-align:center;color:#fff0e1;overflow:hidden}.page.active .answers .answer-1 p{-webkit-animation:answerSlide 0.3s linear;animation:answerSlide 0.3s linear;-webkit-animation-delay:3.4s;animation-delay:3.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page.active .answers .answer-2 p{-webkit-animation:answerSlide 0.3s linear;animation:answerSlide 0.3s linear;-webkit-animation-delay:3.7s;animation-delay:3.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page.active .answers .answer-3 p{-webkit-animation:answerSlide 0.3s linear;animation:answerSlide 0.3s linear;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page.active .answers .answer-4 p{-webkit-animation:answerSlide 0.3s linear;animation:answerSlide 0.3s linear;-webkit-animation-delay:4.3s;animation-delay:4.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes answerSlide{0%{height:0}100%{height:1.10rem}}@keyframes answerSlide{0%{height:0}100%{height:1.10rem}}.page4 .logo{width:1.76rem;height:1.63rem;margin:.45rem auto 0}.page4 .info{position:relative;width:7.5rem;height:3.72rem;margin:.33rem auto 0}.page4 .info .dialog{position:relative;width:4.8rem;height:1.77rem;padding:.56rem .55rem;margin:0 auto}.page4 .info p{width:4.9rem;height:1.77rem;font-size:.32rem;line-height:.45rem;color:#8f4210;overflow:hidden}.page4 .info .long1{position:absolute;left:0;top:1.2rem}.page4 .info .long2{position:absolute;right:0;top:-.2rem}.page5 .logo{width:1.76rem;height:1.63rem;margin:.45rem auto 0}.page5 .info{position:relative;width:7.5rem;height:3.72rem;margin:.33rem auto 0}.page5 .info .dialog{position:relative;width:4.8rem;height:1.77rem;padding:.56rem .55rem;margin:0 auto}.page5 .info p{width:4.9rem;height:1.77rem;font-size:.32rem;line-height:.45rem;color:#8f4210;overflow:hidden}.page5 .info .long1{position:absolute;left:0;top:1.2rem}.page5 .info .long2{position:absolute;right:0;top:-.2rem}.page5 .answers .answer1,.page5 .answers .answer1_h{width:4.5rem;height:.8rem;padding:.3rem .5rem}.page5 .answers .answer1 p,.page5 .answers .answer1_h p{width:4.5rem;font-size:.3rem;line-height:.4rem;font-weight:bold;color:#fff0e1;text-align:center;overflow:hidden}.page5.active .answers .answer-3 p{-webkit-animation:answerSlide1 0.5s linear;animation:answerSlide1 0.5s linear;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes answerSlide1{0%{height:0}100%{height:.8rem}}@keyframes answerSlide1{0%{height:0}100%{height:.8rem}}.page6 .logo{width:1.76rem;height:1.63rem;margin:.45rem auto 0}.page6 .info{position:relative;width:7.5rem;height:3.72rem;margin:.33rem auto 0}.page6 .info .dialog{position:relative;width:4.8rem;height:1.77rem;padding:.56rem .55rem;margin:0 auto}.page6 .info p{width:4.9rem;font-size:.28rem;line-height:.38rem;color:#8f4210;overflow:hidden}.page6.active .info p{-webkit-animation:slideInDown5 1s ease-in;animation:slideInDown5 1s ease-in;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInDown5{0%{opacity:0;height:0}100%{opacity:1;height:1.9rem}}@keyframes slideInDown5{0%{opacity:0;height:0}100%{opacity:1;height:1.9rem}}.page6 .info .long1{position:absolute;left:0;top:1.2rem}.page6 .info .long2{position:absolute;right:0;top:-.2rem}.page7 .logo{width:1.76rem;height:1.63rem;margin:.45rem auto 0}.page7 .info{position:relative;width:7.5rem;height:3.72rem;margin:.33rem auto 0}.page7 .info .dialog{position:relative;width:4.88rem;height:2.09rem;padding:.5rem .5rem;margin:0 auto}.page7 .info p{width:4.88rem;font-size:.3rem;line-height:.36rem;color:#8f4210;overflow:hidden}.page7.active .info p,.page8.active .info p{-webkit-animation:slideInDown5 1s ease-in;animation:slideInDown5 1s ease-in;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInDown5{0%{opacity:0;height:0}100%{opacity:1;height:2.09rem}}@keyframes slideInDown5{0%{opacity:0;height:0}100%{opacity:1;height:2.09rem}}.page7 .info .long1{position:absolute;left:0;top:1.3rem}.page7 .info .long2{position:absolute;right:0;top:-.3rem}.page8 .title{margin:.85rem auto 0}.page.active .title{-webkit-animation:flash 0.9s linear;animation:flash 0.9s linear;-webkit-animation-delay:0.2s;animation-delay:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes flash{0%{-webkit-transform:translate3d(-100%,0,0)}80%{-webkit-transform:translate3d(10%,0,0)}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes flash{0%{transform:translate3d(-100%,0,0)}80%{transform:translate3d(10%,0,0)}100%{transform:translate3d(0,0,0)}}.page8 .info,.page9 .info,.page10 .info,.page11 .info{position:relative;width:7.5rem;height:3.72rem;margin:.35rem auto 0}.page8 .info .dialog{position:relative;width:5.08rem;height:2.09rem;padding:.5rem .4rem;margin:0 auto}.page8 .info p{width:5.08rem;height:2.16rem;font-size:.3rem;line-height:.36rem;color:#8f4210;text-align:center;overflow:hidden}.page8 .info .long1{position:absolute;left:0;top:1.6rem}.page8 .info .long2{position:absolute;right:0;top:-.3rem}.page8 .jieju{margin:-.45rem auto}.page.active .jieju{-webkit-animation:boom 0.5s ease-in;animation:boom 0.5s ease-in;-webkit-animation-delay:3.3s;animation-delay:3.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes boom{0%{-webkit-transform:scale(0)}90%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@-webkit-keyframes boom{0%{transform:scale(0)}90%{transform:scale(1.2)}100%{transform:scale(1)}}.page8 .btns{width:6.2rem;margin:.45rem auto 0}.again{margin:0 auto}.page.active .btns{-webkit-animation:fadeIn 0.5s ease-in;animation:fadeIn 0.5s ease-in;-webkit-animation-delay:4.5s;animation-delay:4.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page.active .again{-webkit-animation:fadeIn 0.5s ease-in;animation:fadeIn 0.5s ease-in;-webkit-animation-delay:4.5s;animation-delay:4.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.btns .download{display:block}.page9 .title{margin:.85rem auto 0}.page9 .info .dialog{position:relative;width:4.98rem;height:1.19rem;padding:.55rem .45rem;margin:0 auto}.page9 .info p{width:4.98rem;height:1.19rem;font-size:.3rem;line-height:.36rem;color:#8f4210;overflow:hidden}.page9 .info .long1{position:absolute;left:0;top:.8rem}.page9 .info .long2{position:absolute;right:0;top:-.4rem}.page9 .jieju{margin:-1.25rem auto}.page9 .btns{width:6.2rem;margin:-1.65rem auto 0}.page10 .title{margin:.85rem auto 0}.page10 .info .dialog{position:relative;width:5.08rem;height:1.19rem;padding:.55rem .4rem;margin:0 auto}.page10 .info p{width:5.1rem;height:1.19rem;font-size:.3rem;line-height:.36rem;color:#8f4210;overflow:hidden}.page10 .info .long1{position:absolute;left:0;top:.8rem}.page10 .info .long2{position:absolute;right:0;top:-.4rem}.page10 .jieju{position:absolute;left:50%;margin-left:-3rem;top:4.9rem}.page10 .btns{width:6.2rem;margin:5.22rem auto 0}.page11 .title{margin:.85rem auto 0}.page11 .info .dialog{position:relative;width:5.08rem;height:1.29rem;padding:.55rem .4rem;margin:0 auto}.page11 .info p{width:5rem;height:1.5rem;margin:0 auto;font-size:.3rem;line-height:.36rem;color:#000;overflow:hidden}.page11 .info .long3{position:absolute;left:0;top:.8rem}.page11 .info .long4{position:absolute;right:0;top:-.4rem}.page11 .jieju{margin:-1.28rem auto}.page11 .btns{width:6.2rem;margin:1.4rem auto 0}.audio{position:absolute;right:.5rem;top:.55rem;z-index:10}.audio.active{-webkit-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.shareMask{display:none;position:absolute;width:100%;max-width:750px;height:100%;left:0;top:0;background:url(../images/bg8.png) no-repeat;background-size:100% 100%;z-index:11}.shareMask .indicate{position:absolute;right:.68rem;top:.75rem}.shareMask .indicate.active{-webkit-animation:indicate 1s ease-in;animation:indicate 1s ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes indicate{0%{-webkit-transform:translate(-30%,30%)}33%{-webkit-transform:translate(0,0)}66%{-webkit-transform:translate(-10%,10%)}100%{-webkit-transform:translate(0,0)}}@keyframes indicate{0%{transform:translate(-30%,30%)}33%{transform:translate(0,0)}66%{transform:translate(-10%,10%)}100%{transform:translate(0,0)}}.shareMask .close-btn{margin:5rem auto}#orientationchange{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;opacity:0.7}#orientationchange p{position:absolute;width:100%;height:1.2rem;top:50%;font-size:1rem;text-align:center;line-height:1.2rem;color:#fff}