@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes updown{0%{opacity:1;transform:translate3d(0,-5%,0)}100%{opacity:1;transform:none}}@keyframes flash{0%{transform:scale3d(1.02,1.02,1);opacity:1}30%{transform:translate3d(0,16px,0);opacity:.8}58%,61%,63%{opacity:1}60%,62%,64%{opacity:.4}70%{transform:translate3d(0,36px,0) scale3d(1,1,1);opacity:1}68%,71%,73%{opacity:1}70%,72%,74%{opacity:.4}100%{transform:none;opacity:1}}@keyframes light1{0%{opacity:0;transform:translate3d(300px,-300px,0)}70%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate3d(-400px,100px,0)}}@keyframes progressDot{0%{transform:scale3d(0.01,.01,1)}100%{transform:none}}@keyframes progressLine1{0%{width:100%}100%{width:87%}}@keyframes progressDot1{0%{opacity:0;transform:rotate(-30deg)}100%{transform:none;opacity:1}}@keyframes progressLine2{0%{width:100%}100%{width:63%}}@keyframes progressDot2{0%{opacity:0;transform:rotate(-52deg)}100%{opacity:1;transform:none}}@keyframes progressLine3{0%{width:100%}100%{width:33.5%}}@keyframes progressDot3{0%{opacity:0;transform:rotate(-80deg)}100%{opacity:1;transform:none}}@keyframes progressLine4{0%{width:100%}100%{width:12%}}@keyframes progressDot4{0%{opacity:0;transform:rotate(-120deg)}100%{opacity:1;transform:none}}.page-start .scence-cont,.page-start .text,.page-start .slogan,.page-start .btn,.bubble,.page-prepare-01 h1,.page-class-01 h1,.page-prepare-03 .cellphone,.page-prepare-03 .light,.page-prepare-03 .compute img,.page-prepare-03 .slogan,.page-class .slogan,.page-class-02 .teacher .hand,.page-class-02 .students .stu-mouth,.page-class-02.on.scene-2 .text-2,.page-class-03 .light,.page-class-03 .light i,.page-class-03 .tea-02 .hand,.page-class-03 .stu-a,.page-class-03 .stu-a .book,.page-class-03 .desk-d,.page-class-03 .stu-b,.page-class-03 .stu-c,.page-class-03 .stu-c .book,.page-class-03 .stu-c .zzz,.page-last02.on,.songSwitch{-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body{font:28px MFYANSONG_NONCOMMERCIAL-REGULAR,"Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei",sans-serif;color:#000;line-height:1.5;background:#000;margin:0 auto}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}address,cite,dfn,em,var,i{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}form{display:inline}small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none;color:#000;-webkit-text-size-adjust:auto}a:active{color:#000}img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{font:28px MFYANSONG_NONCOMMERCIAL-REGULAR,"Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei",sans-serif;font-size:100%;vertical-align:middle;outline:0;-webkit-appearance:auto}table{border-collapse:collapse;border-spacing:0}textarea{resize:none}.l{float:left;display:inline}.r{float:right;display:inline}.radius_4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.hidden{line-height:99999px;overflow:hidden}.hide{display:none}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}.clear{clear:both}.relative{position:relative}header,footer,article,section,nav,menu,hgroup{display:block;clear:all}input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none}textarea{-webkit-appearance:none}html,body{width:100%;height:100%}input{width:90%;height:40px;font-size:26px;border:1px solid #19b5ee;border-radius:5px;margin:20px 5% 0;padding:5px;box-sizing:border-box}.main{position:relative;width:100%;height:100%;overflow:hidden}.page-son{position:absolute;top:0;left:50%;width:720px;margin-left:-360px;height:100%;overflow:hidden;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/bg_sky_nostar.jpg) no-repeat;background-size:cover}.page-son .bg{position:absolute;content:'';top:0;left:0;width:720px;z-index:1;height:100%}.page-son .cont-wrap{position:relative;z-index:5}.page-son .teacher-day{font-size:26px;text-align:center;letter-spacing:2px;line-height:1.9;color:#fff;margin-bottom:91px}.page-son .day-layer{position:absolute;z-index:5;top:50%;left:50%;transform:translate3d(-50%,-70%,0)}.page-son .total-day{position:relative;width:509px;margin:0 auto}.page-son .total-day .progress{display:none}.page-son .total-day .progress.on{display:block}.page-son .total-day .day-num{position:absolute;top:96px;left:50%;transform:translateX(-50%);height:115px;font-size:28px;color:#fffeb4}.page-son .total-day .day-num span{font-size:140px;line-height:115px}.page-son .bot-download{position:absolute;bottom:0;left:0;width:100%;height:120px;z-index:12;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/bg-bot-download.png) center no-repeat;background-color:#fff;pointer-events:all}.page-son .bot-download a{position:absolute;right:34px;top:50%;transform:translateY(-50%);width:210px;height:74px;text-align:center;line-height:74px;color:#1b1627;font-size:28px;border-radius:5px;background-color:#fff9a0;pointer-events:all}.page-son .save-html{position:absolute;height:100px;width:478px;bottom:172px;left:50%;z-index:12;margin-left:-239px}.page-son .save-html .qrcode{width:100px;height:100px}.page-son .save-html .qrcode-txt{float:right;text-align:right;font-size:26px;color:#fff}.page-son .save-html .qrcode-txt a{color:#fff}.page-son .footer-layer{position:absolute;width:478px;height:163px;bottom:52px;left:50%;z-index:5;margin-left:-239px}.page-son .footer-layer h1{position:absolute;top:23px;left:0}.page-son .footer-layer .qrcode{float:right;text-align:center;font-size:18px;color:#8d8b93}.page-son .footer-layer .img-ewm{padding-bottom:5px}.page-son .save-bottom{position:absolute;bottom:0;left:0;width:100%;height:300px;z-index:12;pointer-events:none}.page-date{display:none;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/img_date.jpg) no-repeat;background-size:cover;font-size:0;z-index:11}.page-date.on{display:block}.page-date:after{content:"";display:inline-block;vertical-align:middle;width:0;height:100%}.page-date .cont-wrap{position:relative;vertical-align:middle}.page-date p{padding:5%}.page-date p a{color:#fff}.date_ctrl{z-index:20}.img-calendar-wrap{position:relative;width:447px;margin:24% auto}.img-calendar{display:block;width:100%;opacity:0;animation:fadeInDown 1s forwards,updown .8s linear infinite alternate 1s}.date-piker-hidden{position:absolute;display:block;margin:0;box-sizing:border-box;top:0;left:0;width:100%;height:100%;opacity:0;font-size:0}.blue-tip-txt{text-align:center;font-weight:600;letter-spacing:5px;font-size:33px;color:#0f0d44}.page-last01{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/bg-sky.png) no-repeat;background-size:cover;z-index:9}.canvas-img{position:absolute;top:0;left:0;z-index:10;opacity:0}.bg-stars-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bg-stars-wrap .star,.bg-stars-wrap .bg-dot{position:absolute}.bg-stars-wrap .bg-dot{animation:flash 8s linear infinite alternate}.bg-stars-wrap .star{opacity:0}.bg-stars-wrap .star1{top:89px;left:203px;animation:light1 8s forwards infinite}.bg-stars-wrap .star2{top:41px;right:233px;animation:light1 8s forwards infinite 1s}.bg-stars-wrap .star3{top:138px;right:190px;animation:light1 5s forwards infinite .8s}.bg-stars-wrap .star4{top:518px;right:146px;animation:light1 4s forwards infinite .2s}.bg-stars-wrap .star5{left:114px;top:315px;animation:light1 4s linear forwards infinite 0s}.bg-stars-wrap .star6{right:46px;top:780px;animation:light1 6s forwards infinite .3s}.bg-stars-wrap .star7{top:500px;right:146px;animation:light1 7s forwards infinite 3s}.progress{position:relative}.progress .img-tit{display:block;padding-top:250px;margin:0 auto}.progress .txt{position:absolute;width:720px;top:370px;left:50%;margin-left:-360px;padding-left:6px;letter-spacing:4px;font-size:24px;color:#fff;text-align:center;line-height:1.9}.progress .dot-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.progress-light-wrap{position:absolute;left:50%;margin-left:-279px;width:542px;height:542px}.progress-light-wrap .white-line,.progress-light-wrap .yellow-line{position:absolute;right:0;top:0;height:100%;transition:all .3s}.progress-light-wrap .white-line{width:100%;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/bg_light_white.png) center center no-repeat;z-index:1}.progress-light-wrap .yellow-line{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/bg_light_yellow.png) right center no-repeat;z-index:2}.progress-light-wrap .dot{position:absolute;width:47px;opacity:1}.page-last02 .dot-wrap{opacity:0}.page-last02 .progress .img-tit{opacity:0;animation:fadeInUp .8s forwards .5s}.page-last02 .progress .txt{opacity:0;animation:fadeInUp 1.5s forwards .5s}.page-last01{}.page-last01 .progress-love .progress-light-wrap .yellow-line{width:12%}.page-last01 .progress-worth .progress-light-wrap .yellow-line{width:33.5%}.page-last01 .progress-soft .progress-light-wrap .yellow-line{width:63%}.page-last01 .progress-insist .progress-light-wrap .yellow-line{width:87%}.page-last01 .dot{animation:none!important}.page-last02.on{}.page-last02.on .progress-love .progress-light-wrap .yellow-line{animation:progressLine4 .9s forwards}.page-last02.on .progress-worth .progress-light-wrap .yellow-line{animation:progressLine3 .8s forwards}.page-last02.on .progress-soft .progress-light-wrap .yellow-line{animation:progressLine2 .65s forwards}.page-last02.on .progress-insist .progress-light-wrap .yellow-line{animation:progressLine1 .5s forwards}.progress-love{width:509px;height:449px}.progress-love .progress-light-wrap .yellow-line{width:12%}.progress-love .progress-light-wrap .dot-wrap{animation:progressDot4 .85s forwards .1s}.progress-love .progress-light-wrap .dot{top:77px;right:43px;animation:progressDot .85s forwards .1s}.progress-worth{width:509px;height:494px}.progress-worth .progress-light-wrap .yellow-line{width:33.5%}.progress-worth .progress-light-wrap .dot-wrap{animation:progressDot3 .75s forwards .1s}.progress-worth .progress-light-wrap .dot{width:38px;top:-1px;right:166px;animation:progressDot .75s forwards .1s}.progress-soft{width:509px;height:497px}.progress-soft .progress-light-wrap .yellow-line{width:63%}.progress-soft .progress-light-wrap .dot-wrap{animation:progressDot2 .55s forwards .1s}.progress-soft .progress-light-wrap .dot{width:26px;top:1px;left:183px;opacity:.9;animation:progressDot .55s forwards .1s}.progress-insist{width:509px;height:494px}.progress-insist .progress-light-wrap .yellow-line{width:87%}.progress-insist .progress-light-wrap .dot-wrap{animation:progressDot1 .6s forwards .2s}.progress-insist .progress-light-wrap .dot{width:24px;top:76px;left:61px;opacity:.75;animation:progressDot .6s forwards .2s}.waveWrap{position:absolute;width:200px;height:200px}.wave{width:50px;height:50px;box-sizing:border-box;border:5px solid #fff;background:#fff;display:block;margin:80px auto;border-radius:50%;opacity:0}@-webkit-keyframes doorFadeOut{form{-webkit-transform:translate3d(0,0,0) scale3d(1,1,1)}to{-webkit-transform:translate3d(0px,-400px,0) scale3d(20,20,1)}}@keyframes doorFadeOut{form{transform:translate3d(0,0,0) scale3d(1,1,1)}to{transform:translate3d(0px,-400px,0) scale3d(20,20,1)}}@-webkit-keyframes wave{from{opacity:0;transform:scale(0)}25%{opacity:1;transform:scale(1.5);border-color:transparent;background:#fff}50%{transform:scale(3);border-color:#fff;background:transparent}100%{transform:scale(4);border-color:transparent}}@keyframes wave{from{opacity:0;transform:scale(0)}25%{opacity:1;transform:scale(1.5);border-color:transparent;background:#fff}50%{transform:scale(3);border-color:#fff;background:transparent}100%{transform:scale(4);border-color:transparent}}@-webkit-keyframes prepare-hand02{from{-webkit-transform:translate(10px,10px)}to{-webkit-transform:translate(-10px,-10px)}}@keyframes prepare-hand02{from{transform:translate(10px,10px)}to{transform:translate(-10px,-10px)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes scence3{0%{opacity:0}40%{opacity:1;-webkit-transform:scale3d(11.5,11.5,1)}100%{opacity:1;transform:none}}@keyframes scence3{0%{opacity:0}40%{opacity:1;transform:scale3d(11.5,11.5,1)}100%{opacity:1;transform:none}}@-webkit-keyframes shakecellphone{0%,100%{-webkit-transform:none}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0) rotate(10deg)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0) rotate(-10deg)}}@keyframes shakecellphone{0%,100%{transform:none}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0) rotate(10deg)}20%,40%,60%,80%{transform:translate3d(10px,0,0) rotate(-10deg)}}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0.3)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0.3)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes stuMou{to{-webkit-transform:scaleY(0.05)}form{-webkit-transform:scaleY(1)}}@keyframes stuMou{to{transform:scaleY(0.05)}form{transform:scaleY(1)}}@-webkit-keyframes classTeaHand1{0%{-webkit-transform:translate(5px,10px)}100%{-webkit-transform:translate(0px)}}@keyframes classTeaHand1{0%{transform:translate(5px,10px)}100%{transform:translate(0px)}}@-webkit-keyframes lightInto{0%{transform:translate3d(0px,-250px,0)}85%{transform:translate3d(0px,20px,0)}100%{transform:none}}@keyframes lightInto{0%{transform:translate3d(0px,-250px,0)}85%{transform:translate3d(0px,20px,0)}100%{transform:none}}@-webkit-keyframes ObjIn{0%{transform:translate3d(0px,200px,0)}75%{transform:translate3d(0px,-15px,0)}100%{transform:none}}@keyframes ObjIn{0%{transform:translate3d(0px,200px,0)}75%{transform:translate3d(0px,-15px,0)}100%{transform:none}}@-webkit-keyframes ObjIn2{0%{transform:translate3d(0px,-30px,0)}100%{transform:none}}@keyframes ObjIn2{0%{transform:translate3d(0px,-30px,0)}100%{transform:none}}@-webkit-keyframes fadeInZZZ-1{0%{opacity:0}10%{opacity:1}79%{opacity:1}90%{opacity:0}}@keyframes fadeInZZZ-1{0%{opacity:0}10%{opacity:1}79%{opacity:1}90%{opacity:0}}@-webkit-keyframes fadeInZZZ-2{30%{opacity:0}40%{opacity:1}79%{opacity:1}90%{opacity:0}}@keyframes fadeInZZZ-2{30%{opacity:0}40%{opacity:1}79%{opacity:1}90%{opacity:0}}@-webkit-keyframes fadeInZZZ-3{60%{opacity:0}70%{opacity:1}79%{opacity:1}90%{opacity:0}}@keyframes fadeInZZZ-3{60%{opacity:0}70%{opacity:1}79%{opacity:1}90%{opacity:0}}@-webkit-keyframes classTeaHand2{from{-webkit-transform:translateY(-5px) rotate(-5deg)}to{-webkit-transform:translateY(5px) rotate(5deg)}}@keyframes classTeaHand2{from{transform:translateY(-5px) rotate(-5deg)}to{transform:translateY(5px) rotate(5deg)}}@-webkit-keyframes song{to{-webkit-transform:rotate(360deg)}}@keyframes song{to{transform:rotate(360deg)}}.page-loading{z-index:12}.page-loading .loading-wrap{text-align:center;height:200px;top:50%;margin-top:-100px;width:100%;position:absolute}.page-loading .line{width:80%;margin:30px auto;height:4px;background:#878787}.page-loading .line span{display:block;background:#f66f00;height:100%;width:0}.page-loading p{color:#f66f00;font-size:35px;letter-spacing:2px}.page-son .scence-cont{position:absolute;top:50%;left:50%;margin-left:-360px;margin-top:-640px;width:720px;height:1280px;overflow:hidden}.btm-txt-wrap{pointer-events:none}.page-start{z-index:10;text-align:center;overflow:hidden;background:#1b1d32 url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/start/main-bg.jpg) no-repeat;background-size:cover}.page-start .img-scence-bg{position:absolute;top:0;left:0;width:100%}.page-start .scence-cont{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/start/door.png) no-repeat bottom;background-size:contain;z-index:2}.page-start .main-wrap{position:absolute;width:100%;bottom:15%}.page-start .text{font-size:28px;line-height:2;margin-top:30px;color:#fff;margin-bottom:100px}.page-start .text,.page-start .slogan,.page-start .btn{opacity:0}.page-start .person{pointer-events:none}.page-start .btn{width:305px;position:relative;height:77px;display:block;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/start/btn.png) no-repeat;margin:-77px auto 0;text-align:center;font-size:32px;line-height:77px;letter-spacing:4px;z-index:10}.page-start.on .slogan{-webkit-animation:fadeInDown 1s forwards;-ms-animation:fadeInDown 1s forwards;animation:fadeInDown 1s forwards}.page-start.on .text{-webkit-animation:fadeIn 1s 1s forwards;-ms-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards}.page-start.on .btn{-webkit-animation:fadeInUp 1s 2s forwards;-ms-animation:fadeInUp 1s 2s forwards;animation:fadeInUp 1s 2s forwards}.page-start.over .scence-cont{-webkit-animation:doorFadeOut ease-in 1s forwards;-ms-animation:doorFadeOut ease-in 1s forwards;animation:doorFadeOut ease-in 1s forwards}.bubble{position:absolute;padding:25px 30px;font-size:28px;border-radius:10px 10px 0;background:rgba(255,255,255,.4);visibility:visible;opacity:0}.bubble::after{content:'';width:0;position:absolute;height:0;border-bottom:16px solid rgba(255,255,255,.4);right:-16px;bottom:0;border-right:16px solid transparent}.page-prepare-01,.page-class-01{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/img_date.jpg) no-repeat;background-size:cover;visibility:hidden}.page-prepare-01 h1,.page-class-01 h1{font-size:50px;text-align:center;height:auto;position:absolute;line-height:1.8;left:0;right:0;top:50%;margin-top:-120px;opacity:0}.page-prepare-01.on,.page-class-01.on{visibility:visible}.page-prepare-01.on h1,.page-class-01.on h1{-webkit-animation:fadeIn 1s forwards;-ms-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.page-prepare-01.on{z-index:12}.page-prepare-02{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/prepare02/main-bg-2.jpg?v=1.0) bottom no-repeat;background-size:cover;overflow:hidden;opacity:0}.page-prepare-02 .person{position:absolute;bottom:0;width:100%}.page-prepare-02 .person .person-main{float:right;position:relative}.page-prepare-02 .person .person-hand{position:absolute;right:10%;bottom:450px}.page-prepare-02 .person .bubble{position:absolute;top:90px;right:35%}.page-prepare-02:after{content:'';position:absolute;width:100%;background:linear-gradient(transparent,#9cb7bd);bottom:0;height:35%;pointer-events:none}.page-prepare-02.on{-webkit-animation:fadeIn .5s forwards;-ms-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards;z-index:13;visibility:visible}.page-prepare-02.on .person-hand{-webkit-animation:prepare-hand02 linear .5s .5s alternate infinite;-ms-animation:prepare-hand02 linear .5s .5s alternate infinite;animation:prepare-hand02 linear .5s .5s alternate infinite}.page-prepare-02.on .waveWrap{bottom:39%;bottom:426px;left:18px}.page-prepare-02.on .waveWrap .tip{text-align:center;color:#686868;font-size:40px;pointer-events:none;margin-left:10px;margin-top:10px}.page-prepare-02.on .wave{-webkit-animation:wave linear 1s 1s infinite;-ms-animation:wave linear 1s 1s infinite;animation:wave linear 1s 1s infinite}.page-prepare-02.on .bubble{-webkit-animation:fadeInRight 1.5s 1s forwards;-ms-animation:fadeInRight 1.5s 1s forwards;animation:fadeInRight 1.5s 1s forwards}.page-prepare-03{background:#bdcccf;visibility:hidden}.page-prepare-03 .img-scence-bg{position:absolute;top:0;left:0;width:100%}.page-prepare-03 .person{position:absolute;bottom:0;right:0}.page-prepare-03 .waveWrap{bottom:436px;left:35px}.page-prepare-03 .cellphone{position:absolute;bottom:450px;left:90px}.page-prepare-03 .light{position:absolute;left:0;top:0;opacity:0}.page-prepare-03 .compute{position:absolute;left:210px;bottom:830px}.page-prepare-03 .compute img{opacity:0}.page-prepare-03 .compute .img-1{float:left;position:relative;top:100px;margin-right:-100px;z-index:15}.page-prepare-03 .compute .img-2{position:relative;z-index:14}.page-prepare-03 .compute .img-3{position:absolute;right:-20px;bottom:-40px}.page-prepare-03 .person-2{display:none}.page-prepare-03 .bubble{padding:35px 30px;left:130px;bottom:660px}.page-prepare-03 .btm-txt-wrap{position:absolute;bottom:-5px;left:0;width:100%;height:30%;padding-top:20%;box-sizing:border-box;pointer-events:none;background:linear-gradient(to bottom,rgba(152,179,185,0),#98b3b9 53%)}.page-prepare-03 .slogan{text-align:center;font-size:50px;font-weight:700;color:#fff;width:100%;letter-spacing:3px;opacity:0}.page-prepare-03.on{-webkit-animation:scence3 1.4s forwards;-ms-animation:scence3 1.4s forwards;animation:scence3 1.4s forwards;-webkit-transform:scale3d(11.5,11.5,1);-ms-transform:scale3d(11.5,11.5,1);transform:scale3d(11.5,11.5,1);-webkit-transform-origin:8.5% 48.5%;-ms-transform-origin:8.5% 48.5%;transform-origin:8.5% 48.5%;z-index:14;visibility:visible}.page-prepare-03.on #slogan-1{-webkit-animation:fadeIn 1s 1s forwards;-ms-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards}.page-prepare-03.on .compute .img-1{-webkit-animation:scaleIn .5s 2s forwards;-ms-animation:scaleIn .5s 2s forwards;animation:scaleIn .5s 2s forwards}.page-prepare-03.on .compute .img-2{-webkit-animation:scaleIn .5s 2.25s forwards;-ms-animation:scaleIn .5s 2.25s forwards;animation:scaleIn .5s 2.25s forwards}.page-prepare-03.on .compute .img-3{-webkit-animation:scaleIn .5s 2.5s forwards;-ms-animation:scaleIn .5s 2.5s forwards;animation:scaleIn .5s 2.5s forwards}.page-prepare-03.scene-1 #slogan-2{-webkit-animation:fadeIn 1s forwards;-ms-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.page-prepare-03.scene-1 .light{-webkit-animation:fadeIn 1s 1s forwards;-ms-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards}.page-prepare-03.scene-1 .cellphone{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-animation:shakecellphone 1.5s linear 2.5s alternate infinite;-ms-animation:shakecellphone 1.5s linear 2.5s alternate infinite;animation:shakecellphone 1.5s linear 2.5s alternate infinite}.page-prepare-03.scene-1 .wave{-webkit-animation:wave linear 1s 2s infinite;-ms-animation:wave linear 1s 2s infinite;animation:wave linear 1s 2s infinite}.page-prepare-03.scene-1 #slogan-1{display:none}.page-prepare-03.scene-1 #slogan-2{display:block}.page-prepare-03.scene-2 #slogan-3{-webkit-animation:fadeIn 1s 1s forwards;-ms-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards}.page-prepare-03.scene-2 .bubble{-webkit-animation:scaleIn 1s .5s forwards;-ms-animation:scaleIn 1s .5s forwards;animation:scaleIn 1s .5s forwards}.page-prepare-03.scene-2 .cellphone{display:none}.page-prepare-03.scene-2 .person-2{display:block}.page-prepare-03.scene-2 #slogan-1,.page-prepare-03.scene-2 #slogan-2,.page-prepare-03.scene-2 .person-1,.page-prepare-03.scene-2 .cellphone{display:none}.page-prepare-03.scene-2 #slogan-3{display:block}.scence4.on .waveWrap{top:615px;right:75px;z-index:21}.scence4.on .wave{-webkit-animation:wave linear 1s 4.5s infinite;-ms-animation:wave linear 1s 4.5s infinite;animation:wave linear 1s 4.5s infinite}@media only screen and (max-height:1200px){.scence4 .scence-cont{top:0;margin-top:0}}.page-class{visibility:hidden}.page-class .img-sence-bg{width:100%;position:absolute;top:0;left:0}.page-class .slogan{text-align:center;font-size:50px;font-weight:700;color:#fff;width:100%;bottom:60px;z-index:15;display:none}.page-class .btm-txt-wrap{position:absolute;bottom:-5px;left:0;width:100%;height:30%;padding-top:20%;box-sizing:border-box;background:linear-gradient(to bottom,rgba(146,187,158,0),#92bb9e 53%);pointer-events:none}.page-class.on{visibility:visible}.page-class.on.scrollUp{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}@media only screen and (max-height:1200px){.page-class .scence-cont{top:0;margin-top:0}}.page-class-01.on{z-index:21}.page-class-02{opacity:0;background:#afc7c9}.page-class-02 .teacher{position:absolute;width:56%;right:2%;bottom:400px}.page-class-02 .teacher .tea{position:relative}.page-class-02 .teacher .hand{width:180px;height:175px;position:absolute;top:95px;left:70px}.page-class-02 .teacher .mouth{position:absolute;width:18px;height:13px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/class01/zui-2.png) no-repeat;top:73px;left:234px}.page-class-02 .hand02{display:none}.page-class-02 .students{position:absolute;width:87%;bottom:0}.page-class-02 .students .stu-mouth{width:27px;height:17px;position:absolute;top:109px;left:22%;overflow:hidden;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/class01/zui.png) no-repeat}.page-class-02.on.scene-2 .text-1{display:none!important}.page-class-02.on.scene-2 .hand01{display:none}.page-class-02.on.scene-2 .hand02{display:block}.page-class-02.on.scene-2 .text-2{display:block;opacity:0;-webkit-animation:fadeIn 1s .5s forwards;-ms-animation:fadeIn 1s .5s forwards;animation:fadeIn 1s .5s forwards}.page-class-02.on.scene-2 .wave{display:none}.page-class-02.on.scene-2 .teacher .mouth{width:14px;height:8px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/class01/zui-3.png) no-repeat}.page-class-02.on.scene-2 .teacher .hand{height:143px;top:17px;-webkit-animation:classTeaHand1 linear .5s alternate infinite;-ms-animation:classTeaHand1 linear .5s alternate infinite;animation:classTeaHand1 linear .5s alternate infinite;-webkit-animation-iteration-count:5;-ms-animation-iteration-count:5;animation-iteration-count:5}.page-class-02.on{z-index:22;-webkit-animation:fadeIn 1s forwards;-ms-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.page-class-02.on .stu-mouth{-webkit-animation:stuMou linear .4s alternate infinite;-ms-animation:stuMou linear .4s alternate infinite;animation:stuMou linear .4s alternate infinite}.page-class-02.on .text-1{opacity:0;display:block;-webkit-animation:fadeIn 1s 1s forwards;-ms-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards}.page-class-02.on .waveWrap{top:135px;left:40px}.page-class-02.on .wave{-webkit-animation:wave linear 1s 1.5s infinite;-ms-animation:wave linear 1s 1.5s infinite;animation:wave linear 1s 1.5s infinite}.page-class-03{background:#afc7c9;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}.page-class-03 .light{position:absolute;right:0;top:0}.page-class-03 .light i{opacity:0;position:absolute;right:0;width:270px;height:290px;top:40px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/class02/hd02.png?v=1.03) bottom left no-repeat}.page-class-03 .teacher{width:341px;height:599px;top:220px;left:150px;position:absolute}.page-class-03 .teacher .tea{position:absolute;left:0;top:0;display:none}.page-class-03 .tea-02 .person{position:relative}.page-class-03 .tea-02 .hand{width:256px;height:224px;position:absolute;left:150px;top:-50px}.page-class-03 .students{height:810px;width:100%;position:absolute;bottom:0;left:0}.page-class-03 .stu-a{width:315px;height:400px;position:absolute;top:0;left:0}.page-class-03 .stu-a .person{position:relative;left:0}.page-class-03 .stu-a .person02{display:none}.page-class-03 .stu-a .book{position:absolute;top:123px;left:88px}.page-class-03 .stu-a .desk{position:absolute;left:-65px;top:129px}.page-class-03 .desk-d{position:absolute;top:300px}.page-class-03 .stu-b{position:absolute;top:0;right:50px}.page-class-03 .stu-c{position:absolute;right:0;width:460px;height:580px}.page-class-03 .stu-c .desk{position:absolute;right:0;top:280px}.page-class-03 .stu-c .book{position:absolute;top:275px;right:18px}.page-class-03 .stu-c .person{position:absolute}.page-class-03 .stu-c .person01{right:50px;top:103px}.page-class-03 .stu-c .person02{right:50px;top:229px;display:none}.page-class-03 .stu-c .zzz{position:absolute;visibility:hidden}.page-class-03 .stu-c .zz1{top:220px;width:24px;left:270px}.page-class-03 .stu-c .zz2{top:187px;width:33px;left:305px}.page-class-03 .stu-c .zz3{top:148px;left:347px}.page-class-03 .teacher,.page-class-03 .stu-a,.page-class-03 .desk-d,.page-class-03 .stu-b,.page-class-03 .stu-c{transform:translate3d(0,200px,0)}.page-class-03 .book{transform:translate3d(0px,-30px,0)}.page-class-03.on{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s;z-index:22}.page-class-03.on .stu-b,.page-class-03.on .stu-c,.page-class-03.on .teacher,.page-class-03.on .stu-a,.page-class-03.on .desk-d{-webkit-animation:ObjIn 1s .3s forwards;-ms-animation:ObjIn 1s .3s forwards;animation:ObjIn 1s .3s forwards}.page-class-03.on .book{-webkit-animation:ObjIn2 1s .3s forwards;-ms-animation:ObjIn2 1s .3s forwards;animation:ObjIn2 1s .3s forwards}.page-class-03.on .light{-webkit-animation-name:lightInto;-ms-animation-name:lightInto;animation-name:lightInto;-webkit-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:.3s;-ms-animation-delay:.3s;animation-delay:.3s}.page-class-03.on .light i{-webkit-animation:fadeIn .5s 1.5s forwards;-ms-animation:fadeIn .5s 1.5s forwards;animation:fadeIn .5s 1.5s forwards}.page-class-03.on .tea-01{display:block}.page-class-03.on .text-1{display:block;opacity:0;-webkit-animation:fadeIn 1s 1.5s forwards;-ms-animation:fadeIn 1s 1.5s forwards;animation:fadeIn 1s 1.5s forwards}.page-class-03.on .waveWrap{left:16px;top:82px}.page-class-03.on .wave{-webkit-animation:wave linear 2s 1s infinite;-ms-animation:wave linear 2s 1s infinite;animation:wave linear 2s 1s infinite}.page-class-03.scene-2 .text-1,.page-class-03.scene-2 .tea-01,.page-class-03.scene-2 .wave{display:none}.page-class-03.scene-2 .text-2{opacity:0;-webkit-animation:fadeIn 1s 1s forwards;-ms-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards}.page-class-03.scene-2 .text-2,.page-class-03.scene-2 .tea-02{display:block;visibility:visible}.page-class-03.scene-2 .tea-02 .hand{-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-animation:classTeaHand2 1s ease-in-out infinite alternate;-ms-animation:classTeaHand2 1s ease-in-out infinite alternate;animation:classTeaHand2 1s ease-in-out infinite alternate}.page-class-03.scene-2 .stu-a .person01{display:none}.page-class-03.scene-2 .stu-a .person02{display:block}.page-class-03.scene-3 .text-1,.page-class-03.scene-3 .text-2,.page-class-03.scene-3 .wave,.page-class-03.scene-3 .tea-01,.page-class-03.scene-3 .tea-02{display:none}.page-class-03.scene-3 .tea-03{display:block;opacity:0;-webkit-animation:fadeIn .35s forwards;-ms-animation:fadeIn .35s forwards;animation:fadeIn .35s forwards}.page-class-03.scene-3 .text-3{opacity:0;display:block;visibility:visible;-webkit-animation:fadeIn 1s forwards;-ms-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.page-class-03.scene-3 .zzz{opacity:0;visibility:visible}.page-class-03.scene-3 .zz1{-webkit-animation:fadeInZZZ-1 1.6s 1s ease-in-out infinite;-ms-animation:fadeInZZZ-1 1.6s 1s ease-in-out infinite;animation:fadeInZZZ-1 1.6s 1s ease-in-out infinite}.page-class-03.scene-3 .zz2{-webkit-animation:fadeInZZZ-2 1.6s 1s ease-in-out infinite;-ms-animation:fadeInZZZ-2 1.6s 1s ease-in-out infinite;animation:fadeInZZZ-2 1.6s 1s ease-in-out infinite}.page-class-03.scene-3 .zz3{-webkit-animation:fadeInZZZ-3 1.6s 1s ease-in-out infinite;-ms-animation:fadeInZZZ-3 1.6s 1s ease-in-out infinite;animation:fadeInZZZ-3 1.6s 1s ease-in-out infinite}.page-class-03.scene-3 .stu-a .person01{display:block}.page-class-03.scene-3 .stu-a .person02{display:none}.page-class-03.scene-3 .stu-c .person01{display:none}.page-class-03.scene-3 .stu-c .person02{display:block}.page-last02{visibility:hidden}.page-last02.on{visibility:visible;z-index:99;opacity:0;-webkit-animation:fadeIn 1s forwards;-ms-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.page-class-04.on .waveWrap{top:345px;right:30px}.page-class-04.on .waveWrap.in .wave{-webkit-animation:wave linear 1s infinite;-ms-animation:wave linear 1s infinite;animation:wave linear 1s infinite}.page-last02 .role,.page-last01 .role{color:#fffeb4;font-size:1.2em}#song{visibility:hidden;position:absolute;bottom:-100%}.songSwitch{position:absolute;z-index:99;top:1em;color:#eee;right:1em;width:60px;height:60px;background:url(//cs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/songSwitch.png)}.songSwitch.on{background-position:-75px 0;-webkit-animation:song linear 2s infinite;-ms-animation:song linear 2s infinite;animation:song linear 2s infinite}.page-last01 .bg{bottom:0;width:100%}.page-last01 .bg img{width:100%;min-height:100%}@keyframes scence4{0%{opacity:0;transform:scale3d(11.5,11.5,1)}100%{opacity:1;transform:none}}@keyframes pcPage{0%{transform:none}100%{transform:translate3d(0,-244px,0)}}@keyframes mouseMove1{0%{transform:none}100%{transform:translate3d(-276px,-24px,0)}}@keyframes handMove{0%{transform:none;transform-origin:50% 100%}100%{transform:rotateZ(-18deg) translate3d(-9px,6px,0)}}@keyframes armMove{0%{transform:none;transform-origin:60% 100%}100%{transform:rotateZ(-5deg) translate3d(-1px,-5px,0)}}@keyframes closePc{from{transform-origin:50% 50%;opacity:1}50%{opacity:0;transform:scale3d(0.3,.3,.3)}to{opacity:0}}@keyframes pptLogoShow{0%{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes icoBounceInLeft{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-193px,129px,0) scale3d(0.3,.3,.3)}20%{transform:scale3d(1.5,1.5,1.5)}40%{transform:scale3d(0.98,.98,.98)}60%{opacity:1;transform:scale3d(1.13,1.13,1.13)}80%{transform:scale3d(0.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes icoBounceInRight{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(203px,129px,0) scale3d(0.3,.3,.3)}20%{transform:scale3d(1.5,1.5,1.5)}40%{transform:scale3d(0.98,.98,.98)}60%{opacity:1;transform:scale3d(1.13,1.13,1.13)}80%{transform:scale3d(0.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes pptLogoScaleToSmall{0%{transform:none}100%{transform:translate3d(0,0,0) scale3d(0.56,.56,.56)}}@keyframes btnShow{0%{opacity:0;transform:translate3d(0,20px,0)}100%{opacity:1;transform:none}}@keyframes icoBounceOutRight{20%{transform:scale3d(0.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:translate3d(-193px,129px,0) scale3d(0.3,.3,.3)}}@keyframes icoBounceOutRight2{20%{transform:scale3d(0.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:translate3d(-193px,-2px,0) scale3d(0.3,.3,.3)}}@keyframes icoBounceOutRight3{20%{transform:scale3d(0.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:translate3d(-193px,-40px,0) scale3d(0.3,.3,.3)}}@keyframes icoBounceOutLeft{20%{transform:scale3d(0.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:translate3d(193px,129px,0) scale3d(0.3,.3,.3)}}@keyframes icoBounceOutLeft2{20%{transform:scale3d(0.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:translate3d(193px,0,0) scale3d(0.3,.3,.3)}}@keyframes icoBounceOutLeft3{20%{transform:scale3d(0.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:translate3d(193px,-30px,0) scale3d(0.3,.3,.3)}}@keyframes icoBounceOutLeft4{20%{transform:scale3d(0.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:translate3d(193px,-50px,0) scale3d(0.3,.3,.3)}}@keyframes moveToClickBtn{0%{transform:none!important}100%{transform:rotateZ(-5deg) translate3d(-107px,4px,0)}}@keyframes handMove2{0%{transform:none!important}100%{transform:rotateZ(2deg) translate3d(3px,0,0)}}@keyframes armMove2{0%{transform:none!important}100%{transform:rotateZ(2deg) translate3d(4px,3px,0)}}@keyframes hideSth{0%{opacity:1}100%{opacity:0}}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:scale3d(0.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(0.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes txtShow{0%{opacity:0}100%{height:auto;opacity:1}}@keyframes showSth{0%{opacity:0}100%{opacity:1;transform:none}}.click-dot{position:absolute;top:692px;right:150px;width:50px;height:50px;background:#fff;border-radius:100%;z-index:10;opacity:0}.scence4{background:linear-gradient(to top,#98b3b9,#a5c4c6);z-index:20;display:none;opacity:0}.scence4.on{display:block;transform-origin:6% 52.4%;transform:scale3d(11.5,11.5,1);animation:scence4 1s forwards 1s}.scence4.on .wave{z-index:11}.scence4 .click-dot{transform:scale3d(0.1,.1,.1);animation:showSth .3s forwards 5.1s}.scence4 .img-scence-bg{position:absolute;top:0;left:0;width:100%}.scence4 .img-person{position:absolute;bottom:-12px;left:50%;width:537px;margin-left:-252px;z-index:10}.scence4 .mouse-hand-wrap{position:absolute;right:76px;bottom:405px;width:144px;height:200px;z-index:9}.scence4 .img-hand-mouse{position:absolute;top:2px;left:8px;width:83px;animation:handMove .9s forwards 2.4s}.scence4 .img-hand{position:absolute;top:70px;right:0;width:89px;animation:armMove .9s forwards 2.2s}.scence4 .img-phone{position:absolute;bottom:490px;right:-9px;width:130px}.scence4 .img-mouse{position:absolute;bottom:551px;right:140px;width:70px;opacity:0}.scence4 .dialog-wrap{position:absolute;top:535px;left:17px;width:254px;height:108px;box-sizing:border-box;padding:32px 0 0 36px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/101ppt-history/img/s4_bg_dialog.png) center center no-repeat;opacity:0}.scence4 .dialog-cont{font-size:30px;color:#0b1a3f}.scence4 .pc-page-wrap{position:absolute;top:50%;left:50%;margin-top:-375px;margin-left:-292px;width:576px;height:322px;overflow:hidden}.scence4 .ico-list-wrap{position:absolute;top:50%;left:50%;margin-top:-375px;margin-left:-292px;width:576px;height:322px}.scence4 .img-ico1{position:absolute;bottom:-43px;right:-25px;width:161px;opacity:0;animation:icoBounceInLeft 1s forwards 4.1s}.scence4 .img-ico2{position:absolute;bottom:35px;left:-62px;width:133px;opacity:0;animation:icoBounceInRight 1s forwards 4.2s}.scence4 .img-ico3{position:absolute;bottom:-47px;left:56px;width:104px;opacity:0;animation:icoBounceInRight .9s forwards 4.1s}.scence4 .img-ico4{position:absolute;top:-36px;left:-10px;width:161px;opacity:0;animation:icoBounceInRight 1.1s forwards 4s}.scence4 .img-ico5{position:absolute;top:120px;right:50px;width:94px;opacity:0;animation:icoBounceInLeft 1.2s forwards 4.05s}.scence4 .img-ico6{position:absolute;top:122px;left:89px;width:69px;opacity:0;animation:icoBounceInRight 1.2s forwards 4.1s}.scence4 .img-ico7{position:absolute;top:-88px;right:-15px;width:211px;opacity:0;animation:icoBounceInLeft linear 1.5s forwards 4s}.scence4 .img-logo{position:absolute;top:50%;left:50%;width:272px;margin-left:-136px;margin-top:-112px;opacity:0;animation:pptLogoShow .2s forwards 4s,pptLogoScaleToSmall .2s forwards 5.2s}.scence4 .img-btn{position:absolute;top:50%;left:50%;width:262px;margin-left:-131px;margin-top:37px;opacity:0;animation:btnShow .4s forwards 5.2s}.scence4 .img-finish{position:absolute;top:50%;left:50%;width:163px;margin-left:-80px;margin-top:-107px;opacity:0}.scence4 .phone-hand-wrap{position:absolute;bottom:455px;right:78px;width:221px;height:216px;opacity:0}.scence4 .img-phone-hand{position:absolute;top:0;left:0;width:221px}.scence4 .img-arrow{position:absolute;top:465px;right:235px;z-index:9;animation:mouseMove1 1s forwards 2.5s}.scence4 .img-pc-page{position:absolute;top:35px;left:50%;width:500px;margin-left:-255px;animation:pcPage .5s linear forwards 2s,closePc .8s forwards 3.6s}.scence4 .txt1{animation:hideSth .5s forwards 3.4s}.scence4 .txt2{animation:txtShow .5s forwards 3.9s}.scence4.go .click-dot{display:none}.scence4.go .img-ico1{opacity:1;animation:icoBounceOutRight3 .5s forwards .8s}.scence4.go .img-ico5{opacity:1;animation:icoBounceOutRight2 .5s forwards .8s}.scence4.go .img-ico7{opacity:1;animation:icoBounceOutRight .6s forwards .7s}.scence4.go .img-ico4{opacity:1;animation:icoBounceOutLeft .6s forwards .7s}.scence4.go .img-ico6{opacity:1;animation:icoBounceOutLeft2 .6s forwards .7s}.scence4.go .img-ico2{opacity:1;animation:icoBounceOutLeft3 .6s forwards .7s}.scence4.go .img-ico3{opacity:1;animation:icoBounceOutLeft4 .6s forwards .7s}.scence4.go .img-arrow{transform:translate3d(-276px,-24px,0)!important;animation:moveToClickBtn .6s forwards .1s}.scence4.go .img-hand-mouse{transform:rotateZ(-5deg) translate3d(-1px,-5px,0)!important;animation:handMove2 .5s forwards}.scence4.go .img-hand{transform:rotateZ(-5deg) translate3d(-1px,-5px,0)!important;animation:armMove2 .9s forwards}.scence4.go .img-logo{opacity:1;transform:translate3d(0,0,0) scale3d(0.56,.56,.56)!important;animation:hideSth .1s forwards 1.02s}.scence4.go .img-btn{opacity:1;animation:hideSth .1s forwards 1.02s}.scence4.go .img-finish{animation:bounceIn .8s forwards 1.3s}.scence4.go .img-phone{animation:hideSth 1s forwards 2.2s}.scence4.go .img-mouse{animation:showSth .05s forwards 2.7s}.scence4.go .mouse-hand-wrap{animation:hideSth .5s forwards 2.6s}.scence4.go .phone-hand-wrap{animation:showSth .5s forwards 2.8s}.scence4.go .dialog-wrap{animation:icoBounceInRight 1.5s forwards 3s}.scence4.go .txt2{opacity:1;animation:hideSth .4s forwards 1.3s}.scence4.go .txt3{display:block;animation:txtShow .5s forwards 1.7s}.btm-txt-wrap{position:absolute;bottom:-5px;left:0;width:100%;height:410px;padding-top:20%;box-sizing:border-box;background:linear-gradient(to bottom,rgba(152,179,185,0),#98b3b9 53%);z-index:11}.btm-txt-wrap .txt{text-align:center;font-size:50px;color:#fff;font-weight:700;letter-spacing:4px;line-height:1.6;opacity:0;height:0}.btm-txt-wrap .txt1{opacity:1;transform:none}@keyframes scence7{0%{transform:translate3d(0,100%,0)}100%{opacity:1;transform:none}}@keyframes sthSlipeUp{0%{transform:translate3d(0,200px,0)}100%{opacity:1;transform:none}}@keyframes armBtmMove{0%{transform:none}40%{transform:rotateZ(-30deg) scale3d(1.05,1.04,1)}60%{transform:none}70%{transform:rotateZ(-18deg) translate3d(0,-4px,0) scale3d(1.01,1.04,1)}100%{transform:none}}@keyframes armTopMove{0%{transform:none}100%{transform:rotateZ(1deg) scale3d(1.13,1.01,1)}}@keyframes stuHandMove{0%{transform:none}40%{transform:rotateZ(-33deg) translate3d(-36px,-46px,0) scale3d(1.001,.99,1)}60%{transform:none}70%{transform:rotateZ(-23deg) translate3d(-26px,-33px,0) scale3d(1.001,.99,1)}100%{transform:none}}@keyframes armBtmMove2{0%{transform:none}50%{transform:rotateZ(-15deg) scale3d(1.05,1.15,1)}70%{transform:none}80%{transform:rotateZ(-8deg) translate3d(0,-4px,0) scale3d(1.01,1.04,1)}100%{transform:none}}@keyframes armTopMove2{0%{transform:none}100%{transform:rotateZ(1deg) scale3d(1.13,1.01,1)}}@keyframes armBtmMove3{0%{transform:none}60%{transform:rotateZ(-6deg) scale3d(1.3,.95,1)}70%{transform:none}80%{transform:rotateZ(-2deg) translate3d(0,-1px,0) scale3d(1.2,.94,1)}100%{transform:none}}@keyframes armTopMove3{0%{transform:none}100%{transform:translate3d(-2px,0,0)}}@keyframes teacherClick{0%{transform:rotateZ(-120deg)}100%{transform:none}}@keyframes icoBounceInRightTop{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(203px,-129px,0) scale3d(0.3,.3,.3)}20%{transform:scale3d(1.5,1.5,1.5)}40%{transform:scale3d(0.98,.98,.98)}60%{opacity:1;transform:scale3d(1.13,1.13,1.13)}80%{transform:scale3d(0.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.scence7{background:linear-gradient(to top,#92bb9e 10%,#dae6e2 40%);z-index:22;display:none;transform:translate3d(0,100%,0)}.scence7.on{display:block;animation:scence7 .5s forwards}.scence7 .click-dot{position:absolute;top:423px;right:100px;opacity:0;transform:scale3d(0.1,.1,.1);animation:showSth .3s forwards 4s}.scence7 .img-scence-bg{position:absolute;top:0;left:0;width:100%}.scence7 .ico-list{position:absolute;top:134px;right:0;width:594px;height:384px}.scence7 .img-ico1{position:absolute;top:-2px;right:5px;width:132px;opacity:0}.scence7 .img-ico2{position:absolute;top:170px;left:5px;width:133px;opacity:0}.scence7 .img-ico3{position:absolute;left:142px;bottom:24px;width:106px;opacity:0}.scence7 .img-ico4{position:absolute;left:-7px;top:-3px;width:161px;opacity:0}.scence7 .img-ico5{position:absolute;right:30px;top:125px;width:94px;opacity:0}.scence7 .img-ico6{position:absolute;left:166px;top:80px;width:91px;opacity:0}.scence7 .teacher-wrap{position:absolute;top:226px;right:0;width:228px;height:588px;transform:translate3d(0,200px,0);animation:sthSlipeUp .8s forwards}.scence7 .img-teacher-body{position:absolute;top:0;left:0;width:228px}.scence7 .img-teacher-hand{position:absolute;top:187px;left:0;width:95px;transform-origin:10% 80%;transform:rotateZ(-120deg)}.scence7 .img-ctrl{position:absolute;left:71px;top:190px;width:40px}.scence7 .img-desk{position:absolute;top:536px;right:0;width:621px;transform:translate3d(0,200px,0);animation:sthSlipeUp .6s forwards .3s}.scence7 .pad1,.scence7 .book-1{position:absolute;top:683px;right:170px;width:209px;height:172px;transform:translate3d(0,200px,0);animation:sthSlipeUp .58s forwards .42s}.scence7 .book-1{top:724px;right:176px}.scence7 .img-pad1{position:absolute;top:0;left:0;width:209px}.scence7 .img-screen1{position:absolute;top:27px;left:79px;width:89px;opacity:0}.scence7 .pad2,.scence7 .book-2{position:absolute;top:610px;left:111px;width:130px;height:143px;transform:translate3d(0,200px,0);animation:sthSlipeUp .6s forwards .45s}.scence7 .book-2{top:653px;left:103px}.scence7 .img-pad2{position:absolute;top:0;left:0;width:130px}.scence7 .img-screen2{position:absolute;top:36px;left:54px;width:49px;opacity:0}.scence7 .img-pad3,.scence7 .book-3{position:absolute;top:520px;left:156px;width:131px;transform:translate3d(0,200px,0);animation:sthSlipeUp .6s forwards .4s}.scence7 .book-3{top:549px;left:146px}.scence7 .stu1-wrap{position:absolute;top:615px;left:110px;width:391px;height:658px;z-index:10;transform:translate3d(0,200px,0);animation:sthSlipeUp .6s forwards .5s}.scence7 .img-stu1{position:absolute;top:0;left:0;width:391px}.scence7 .img-stu-arm-top1{position:absolute;top:154px;left:221px;width:112px;animation:armTopMove 1s forwards 1s alternate 2}.scence7 .img-stu-arm-btm1{position:absolute;top:169px;left:305px;width:67px;transform-origin:10% 80%}.scence7 .img-stu-hand1{position:absolute;top:138px;right:10px;width:29px}.scence7 .stu2-wrap{position:absolute;top:564px;left:-105px;width:308px;height:579px;z-index:9;transform:translate3d(0,200px,0);animation:sthSlipeUp .5s forwards .4s}.scence7 .img-stu2{position:absolute;top:0;left:0}.scence7 .img-stu-arm-top2{position:absolute;top:131px;right:90px;animation:armTopMove2 1s forwards 1s alternate 2}.scence7 .img-stu-arm-btm2{position:absolute;top:112px;right:20px;transform-origin:10% 80%}.scence7 .stu3-wrap{position:absolute;top:479px;left:46px;width:129px;height:218px;z-index:8;transform:translate3d(0,200px,0);animation:sthSlipeUp .6s forwards .3s}.scence7 .img-stu3{position:absolute;top:0;left:0}.scence7 .img-stu-arm-top3{position:absolute;top:98px;right:24px;animation:armTopMove3 3s forwards 1s}.scence7 .img-stu-arm-btm3{position:absolute;top:78px;right:-36px;transform-origin:10% 80%}.scence7 .btm-txt-wrap{box-sizing:content-box;background:linear-gradient(to bottom,rgba(146,187,158,0),#92bb9e 53%)}.scence7 .txt1{animation:fadeOut .5s forwards 2s}.scence7 .txt2{animation:fadeIn .5s forwards 2.5s}.scence7.go .click-dot{display:none}.scence7.go .img-teacher-hand{animation:teacherClick .5s forwards .02s}.scence7.go .img-ico3{animation:icoBounceInRightTop 2s forwards .35s}.scence7.go .img-ico4{animation:icoBounceInRight 1.6s forwards .45s}.scence7.go .img-ico2{animation:icoBounceInRightTop 1.6s forwards .5s}.scence7.go .img-ico6{animation:icoBounceInRight 1.6s forwards .5s}.scence7.go .img-ico1{animation:icoBounceInLeft 1.6s forwards .55s}.scence7.go .img-ico5{animation:icoBounceInLeft 1.6s forwards .6s}.scence7.go .img-screen1{animation:fadeIn .6s forwards .5s}.scence7.go .img-screen2{animation:fadeIn .6s forwards .55s}.scence7.go .txt2{animation:fadeOut .5s forwards}.scence7.go .txt3{animation:fadeIn .5s forwards .6s}@keyframes fly{0%{opacity:0;transform:none}10%{opacity:1}100%{opacity:0;filter:blur(1px);transform:scale3d(20,20,20) translate3d(60px,60px,0) rotateZ(120deg)}}@keyframes fly2{0%{opacity:0;transform:none}10%{opacity:1}100%{opacity:0;filter:blur(1px);transform:scale3d(20,20,20) translate3d(60px,-60px,0) rotateZ(120deg)}}@keyframes fly3{0%{opacity:0;transform:none}10%{opacity:1}100%{opacity:0;filter:blur(1px);transform:scale3d(20,20,20) translate3d(-60px,-60px,0) rotateZ(120deg)}}@keyframes fly4{0%{opacity:0;transform:none}10%{opacity:1}100%{opacity:0;filter:blur(1px);transform:scale3d(20,20,20) translate3d(-60px,60px,0) rotateZ(120deg)}}@keyframes linghtMove{0%{opacity:1}100%{opacity:1;transform:rotateZ(360deg)}}@keyframes pptLogoMove{0%{opacity:0;transform:scale3d(0,0,1) translate3d(0,120px,0)}100%{opacity:1;transform:none}}.scence8{z-index:23;display:none;opacity:0}.scence8.on{display:block;animation:fadeIn .5s forwards}.scence8 .scence-cont{z-index:5;overflow:visible}.scence8 .img-light-circle{position:absolute;top:-70px;left:50%;margin-left:-710px;width:1419px;transform-origin:50% 50%}.scence8 .img-logo{position:absolute;top:340px;left:50%;width:243px;margin-left:-121px;z-index:6;opacity:0;transform:scale3d(0,0,1) translate3d(0,120px,0);-webkit-animation:pptLogoMove 1s 8s forwards;-ms-animation:pptLogoMove 1s 8s forwards;animation:pptLogoMove 1s 8s forwards}.scence8 .img-road{position:absolute;top:480px;left:50%;width:720px;margin-left:-360px}.scence8 .door{position:absolute;top:50%;left:50%;width:46px;height:57px;margin-top:-120px;margin-left:-20px;border-radius:8px 8px 0 0;background:#fffffd}.scence8 .bg-fly-list{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.scence8 .bg-fly-list img{position:absolute;top:50%;left:50%;margin-top:-200px}.scence8 .img-book{width:40px;margin-left:-20px;opacity:0;transform:scale3d(0.1,.1,.1);animation:fly3 6s forwards 3s}.scence8 .img-book2{width:40px;margin-left:-20px;opacity:0;transform:scale3d(0.1,.1,.1) rotateZ(-45deg);animation:fly3 7s forwards .5s}.scence8 .img-book3{width:40px;margin-left:-20px;opacity:0;transform:scale3d(0.1,.1,.1);animation:fly2 7s forwards 1s}.scence8 .img-word{width:40px;margin-left:-20px;opacity:0;transform:scale3d(0.1,.1,.1);animation:fly3 6s forwards 1.8s}.scence8 .img-ppt{width:40px;margin-left:-20px;opacity:0;transform:scale3d(0.1,.1,.1);animation:fly2 6s forwards 2s}.scence8 .img-pen{width:20px;margin-left:-10px;opacity:0;transform:scale3d(0.1,.1,.1) rotateZ(-40deg);animation:fly2 6s forwards 3.5s}.scence8 .img-pic{width:20px;margin-left:-10px;opacity:0;transform:scale3d(0.1,.1,.1) rotateZ(-40deg);animation:fly2 6s forwards 3.5s}.scence8 .img-screen{width:20px;margin-left:-10px;opacity:0;transform:scale3d(0.1,.1,.1) rotateZ(40deg);animation:fly 7s forwards 3.6s}.scence8 .img-qd{width:20px;margin-left:-10px;opacity:0;transform:scale3d(0.1,.1,.1) rotateZ(10deg);animation:fly4 7s forwards 4s}.scence8 .img-applause{width:20px;margin-left:-10px;opacity:0;transform:scale3d(0.1,.1,.1) rotateZ(10deg);animation:fly 9s forwards 5s}.scence8 .img-interaction{width:20px;margin-left:-10px;opacity:0;transform:scale3d(0.1,.1,.1) rotateZ(10deg);animation:fly3 7s forwards 6s}.scence8 .img-count{width:20px;margin-left:-10px;opacity:0;transform:scale3d(0.1,.1,.1) rotateZ(10deg);animation:fly2 7s forwards 6.5s}.scence8 .img-person{position:absolute;top:563px;left:50%;width:98px;margin-left:-49px;z-index:6}.scence8 .img-shadow{position:absolute;top:840px;left:50%;width:239px;margin-left:-120px}.scence8 .txt{position:absolute;left:0;width:100%;text-align:center;font-size:50px;color:#fff;font-weight:700;letter-spacing:4px;line-height:1.6;opacity:0}.scence8 .txt1{bottom:216px;opacity:1;animation:fadeOut 1s forwards 2s}.scence8 .txt2{bottom:135px;animation:fadeIn 1s forwards 3s,fadeOut 1s forwards 5s}.scence8 .txt3{bottom:216px;animation:fadeIn 1s forwards 6s,fadeOut 1s forwards 8s}.scence8 .txt4{bottom:216px;animation:fadeIn 2s forwards 9s}.scence8 .btn-make-poster{position:absolute;bottom:115px;left:50%;margin-left:-150px;width:300px;height:72px;line-height:72px;text-align:center;font-size:32px;color:#0f0d44;border-radius:6px;background:linear-gradient(to bottom,#fffbb6,#fff99e);opacity:0;animation:fadeInUp 1s forwards 9s;z-index:25}.scence8 .btn-make-poster:before{content:"";position:absolute;top:5px;left:5px;width:100%;height:72px;border-radius:6px;border:1px solid #fffaa4}