.page .buttomText .text,.page-3.active .collection-1{-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}*{box-sizing:border-box}html,body{width:100%;height:100%;font-family:"Microsoft Yahei"}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,cmsArea,th,td{margin:0;padding:0}body{font:28px "Microsoft YaHei";color:#000;line-height:1.5;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,cmsArea{font:28px "Microsoft YaHei";font-size:100%;vertical-align:middle;outline:0;-webkit-appearance:auto}table{border-collapse:collapse;border-spacing:0}cmsArea{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}body{overflow:hidden;background-color:#fff;width:100%;height:100%;margin:0;padding:0}.flipbook-viewport{overflow:hidden;width:100%;height:100%}.flipbook-viewport .page{width:461px;height:600px;background-color:#fff;background-repeat:no-repeat;background-size:100% 100%}.flipbook .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);-moz-box-shadow:0 0 20px rgba(0,0,0,.2);-ms-box-shadow:0 0 20px rgba(0,0,0,.2);-o-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}.flipbook-viewport .page img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.flipbook-viewport .shadow{-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s}@-webkit-keyframes reverseRotataZ{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(-360deg)}}@-webkit-keyframes rotataZ{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg)}}.pull-left{position:absolute;bottom:5%;right:0;overflow:hidden;width:240px;height:200px}.loadinner{position:absolute;width:76%;height:100%;margin-left:-38%;left:50%;text-align:center;font-size:11px;line-height:20px}.graph{background:#6c6c6c;width:70%;margin:10px auto 0}#bar{display:block;background:#f1f1f1;height:3px;width:10px}#diary{width:70%;margin:0 auto}#chupin{width:100%;position:absolute;bottom:80px}#cpright{position:absolute;bottom:50px;color:#757575;font-size:9px;text-align:center;width:100%;letter-spacing:-1px;word-spacing:-1px}#btns{position:absolute;left:50%;top:15%;width:44%;margin:0 0 0 -22%;z-index:999}#btns button,#btns a{line-height:36px;background:#1ea5d2;border:1px solid #fcfcfc;color:#404040;width:100%;height:36px;font-size:17px;font-family:"微软雅黑";display:block;text-decoration:none;text-align:center}.shade{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000008}.loadingImg{width:60px;height:60px;position:fixed;bottom:1%;left:42%}.sk-fading-circle{width:60px;height:60px;position:relative;top:32%;left:40%}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}.number{width:15%;height:10%;position:fixed;top:47%;left:45%;z-index:1000009;color:#fff}.previousPage{width:16%;height:20%;position:fixed;top:80%;left:22%;z-index:999999;background:transparent!important}.return{width:16%;height:20%;position:fixed;top:80%;left:40%;z-index:999999;background:transparent!important}.nextPage{width:16%;height:20%;position:fixed;top:80%;left:58%;z-index:999999;background:transparent!important}.btnImg{width:100%;position:fixed;bottom:0;z-index:99999;background-size:cover;point-events:none}.g-plugin-confirm{position:fixed;z-index:9999999999999;left:0;top:0;right:0;bottom:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;background-color:rgba(0,0,0,.35);justify-content:center;align-items:center}.g-plugin-confirm>div{background:rgba(255,255,255,.9);width:80%;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.g-plugin-confirm>div>div:nth-child(1){text-align:center;color:#000;padding:22px}.g-plugin-confirm>div>div:nth-child(2){display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;border-top:1px solid #cbcbd1}.g-plugin-confirm>div>div:nth-child(2) a{-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:1px solid #cbcbd1;text-align:center;padding:8px 0;color:#3bbec0;font-size:22px;text-decoration:none}.g-plugin-confirm>div>div:nth-child(2) a:last-child{border-right:0}@-webkit-keyframes fadeIn02{0%{opacity:0}100%{opacity:.2}}@keyframes fadeIn02{0%{opacity:0}100%{opacity:.2}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rotateMusic{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotateMusic{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes flash{0%,100%{opacity:1}50%{opacity:.6}}@keyframes flash{0%,100%{opacity:1}50%{opacity:.6}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.05)}}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@-webkit-keyframes animateFilp{0%{background-position:0 0}4%{background-position:-82px 0}8%{background-position:-164px 0}12%{background-position:-246px 0}16%{background-position:-328px 0}20%{background-position:-410px 0}24%{background-position:-492px 0}28%{background-position:0 -78px}32%{background-position:-82px -78px}36%{background-position:-164px -78px}40%{background-position:-246px -78px}44%{background-position:-328px -78px}48%{background-position:-410px -78px}52%{background-position:-492px -78px}56%{background-position:0 -156px}60%{background-position:-82px -156px}65%{background-position:-164px -156px}70%{background-position:-246px -156px}75%{background-position:-328px -156px}80%{background-position:-410px -156px}85%{background-position:-492px -156px}90%{background-position:0 -234px}95%{background-position:-82px -234px}100%{background-position:-164px -234px}}@keyframes animateFilp{0%{background-position:0 0}4%{background-position:-82px 0}8%{background-position:-164px 0}12%{background-position:-246px 0}16%{background-position:-328px 0}20%{background-position:-410px 0}24%{background-position:-492px 0}28%{background-position:0 -78px}32%{background-position:-82px -78px}36%{background-position:-164px -78px}40%{background-position:-246px -78px}44%{background-position:-328px -78px}48%{background-position:-410px -78px}52%{background-position:-492px -78px}56%{background-position:0 -156px}60%{background-position:-82px -156px}65%{background-position:-164px -156px}70%{background-position:-246px -156px}75%{background-position:-328px -156px}80%{background-position:-410px -156px}85%{background-position:-492px -156px}90%{background-position:0 -234px}95%{background-position:-82px -234px}100%{background-position:-164px -234px}}@-webkit-keyframes bottomTip{0%,100%{-webkit-transform:scale(1.2) translate(0,10px)}50%{-webkit-transform:scale(1.2) translate(0,0)}}@keyframes bottomTip{0%,100%{transform:scale(1.2) translate(0,10px)}50%{transform:scale(1.2) translate(0,0)}}@-webkit-keyframes page4snowmd{30%{-webkit-transform:translate(15px,0) rotate(10deg)}60%{-webkit-transform:translate(-15px,0) rotate(-10deg)}100%{top:700px}}@keyframes page4snowmd{30%{transform:translate(15px,0) rotate(10deg)}60%{transform:translate(-15px,0) rotate(-10deg)}100%{top:700px}}@-webkit-keyframes page4snowmd2{30%{-webkit-transform:translate(-15px,0) rotate(10deg)}60%{-webkit-transform:translate(15px,0) rotate(-10deg)}100%{top:700px}}@keyframes page4snowmd2{30%{transform:translate(-15px,0) rotate(10deg)}60%{transform:translate(15px,0) rotate(-10deg)}100%{top:700px}}@-webkit-keyframes page4Input{0%{width:104px;height:33px;background-position:0 -69px}40%{width:109px;height:34px;background-position:0 -35px}80%{width:113px;height:35px;background-position:0 0}}@keyframes page4Input{0%{width:104px;height:33px;background-position:0 -69px}40%{width:109px;height:34px;background-position:0 -35px}80%{width:113px;height:35px;background-position:0 0}}@-webkit-keyframes page4girl{0%{opacity:0;-webkit-transform:translate(10px,0)}100%{opacity:1;-webkit-transform:translate(0px,0)}}@keyframes page4girl{0%{opacity:0;transform:translate(10px,0)}100%{opacity:1;transform:translate(0px,0)}}@-webkit-keyframes page4lover{0%{opacity:0;-webkit-transform:translate(0px,-20px)}100%{opacity:1;-webkit-transform:translate(0px,0)}}@keyframes page4lover{0%{opacity:0;transform:translate(0px,-20px)}100%{opacity:1;transform:translate(0px,0)}}@-webkit-keyframes page3leaf1{0%,100%{-webkit-transform:translate(5px,0) rotate(2deg)}50%{-webkit-transform:translate(-35px,80px) rotate(-25deg)}}@keyframes page3leaf1{0%,100%{transform:translate(5px,0) rotate(2deg)}50%{transform:translate(-35px,80px) rotate(-25deg)}}@-webkit-keyframes page3leaf2{0%,100%{-webkit-transform:translate(-5px,0) rotate(30deg)}50%{-webkit-transform:translate(15px,40px) rotate(-10deg)}}@keyframes page3leaf2{0%,100%{transform:translate(-5px,0) rotate(30deg)}50%{transform:translate(15px,40px) rotate(-10deg)}}@-webkit-keyframes page3shouji{0%,100%{-webkit-transform:translate(-5px,0) rotate(2deg);transform:translate(-5px,0) rotate(2deg)}50%{-webkit-transform:translate(15px,-20px) rotate(-5deg);transform:translate(15px,-20px) rotate(-5deg)}}@keyframes page3shouji{0%,100%{-webkit-transform:translate(-5px,0) rotate(2deg);transform:translate(-5px,0) rotate(2deg)}50%{-webkit-transform:translate(15px,-20px) rotate(-5deg);transform:translate(15px,-20px) rotate(-5deg)}}@-webkit-keyframes page3qian{0%,100%{-webkit-transform:translate(-5px,0) rotate(2deg);transform:translate(-5px,0) rotate(2deg)}50%{-webkit-transform:translate(15px,-10px) rotate(-5deg);transform:translate(15px,-10px) rotate(-5deg)}}@keyframes page3qian{0%,100%{-webkit-transform:translate(-5px,0) rotate(2deg);transform:translate(-5px,0) rotate(2deg)}50%{-webkit-transform:translate(15px,-10px) rotate(-5deg);transform:translate(15px,-10px) rotate(-5deg)}}@-webkit-keyframes page3che{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-10px) rotate(5deg);transform:translateY(-10px) rotate(5deg)}100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@keyframes page3che{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-10px) rotate(5deg);transform:translateY(-10px) rotate(5deg)}100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@-webkit-keyframes page3yifu{100%{-webkit-transform:translate(-10px,5px)}}@keyframes page3yifu{100%{transform:translate(-10px,5px)}}@-webkit-keyframes page3naiping{100%{-webkit-transform:translate(-10px,-5px)}}@keyframes page3naiping{100%{transform:translate(-10px,-5px)}}@-webkit-keyframes page3Heart{0%{background-position:0 0}12%{background-position:-91px 0}24%{background-position:-182px 0}36%{background-position:-273px 0}48%{background-position:-364px 0}60%{background-position:-455px 0}70%{background-position:0 -93px}80%{background-position:-91px -93px}90%{background-position:-182px -93px}100%{background-position:-273px -93px}}@keyframes page3Heart{0%{background-position:0 0}12%{background-position:-91px 0}24%{background-position:-182px 0}36%{background-position:-273px 0}48%{background-position:-364px 0}60%{background-position:-455px 0}70%{background-position:0 -93px}80%{background-position:-91px -93px}90%{background-position:-182px -93px}100%{background-position:-273px -93px}}@-webkit-keyframes autumnbG{0%{background-position:-43234px -616px}10%{background-position:-2695px -1232px}15%{background-position:-2695px -616px}20%{background-position:-3234px 0}25%{background-position:-2695px 0}30%{background-position:-2156px -1232px}35%{background-position:-2156px -616px}40%{background-position:-2156px 0}45%{background-position:-1617px -1232px}50%{background-position:-1617px -616px}55%{background-position:-1617px 0}60%{background-position:-1078px -1232px}65%{background-position:-1078px -616px}70%{background-position:-1078px 0}75%{background-position:-539px -1232px}80%{background-position:-539px -616px}85%{background-position:-539px 0}90%{background-position:0 -1232px}95%{background-position:0 -616px}100%{background-position:0 0}}@keyframes autumnbG{0%{background-position:-43234px -616px}10%{background-position:-2695px -1232px}15%{background-position:-2695px -616px}20%{background-position:-3234px 0}25%{background-position:-2695px 0}30%{background-position:-2156px -1232px}35%{background-position:-2156px -616px}40%{background-position:-2156px 0}45%{background-position:-1617px -1232px}50%{background-position:-1617px -616px}55%{background-position:-1617px 0}60%{background-position:-1078px -1232px}65%{background-position:-1078px -616px}70%{background-position:-1078px 0}75%{background-position:-539px -1232px}80%{background-position:-539px -616px}85%{background-position:-539px 0}90%{background-position:0 -1232px}95%{background-position:0 -616px}100%{background-position:0 0}}@-webkit-keyframes grassland{0%{background-position:-460px -507px}11%{background-position:-1px -507px}22%{background-position:-1378px -254px}33%{background-position:-919px -254px}44%{background-position:-460px -254px}55%{background-position:-1px -254px}66%{background-position:-1378px -1px}77%{background-position:-919px -1px}88%{background-position:-460px -1px}99%{background-position:-1px -1px}100%{background-position:-1px -1px}}@keyframes grassland{0%{background-position:-460px -507px}11%{background-position:-1px -507px}22%{background-position:-1378px -254px}33%{background-position:-919px -254px}44%{background-position:-460px -254px}55%{background-position:-1px -254px}66%{background-position:-1378px -1px}77%{background-position:-919px -1px}88%{background-position:-460px -1px}99%{background-position:-1px -1px}100%{background-position:-1px -1px}}@-webkit-keyframes mount{0%{-webkit-transform:translateX(-665px)}100%{-webkit-transform:translateX(0px)}}@keyframes mount{0%{transform:translateX(-665px)}100%{transform:translateX(0px)}}@-webkit-keyframes page1man{0%{background-position:-1px -1px}50%{background-position:-128px -1px}100%{background-position:-1px -1px}}@keyframes page1man{0%{background-position:-1px -1px}50%{background-position:-128px -1px}100%{background-position:-1px -1px}}@-webkit-keyframes scarf{0%{background-position:-1px 0}50%{background-position:-57px 0}}@keyframes scarf{0%{background-position:-1px 0}50%{background-position:-57px 0}}@-webkit-keyframes leaf-ani1{0%{transform:translate(0px,0)}5%{transform:translate(142.5px,-20px)}10%{transform:translate(285px,0)}20%{transform:translate(570px,20px)}100%{transform:translate(570px,0)}}@keyframes leaf-ani1{0%{transform:translate(0px,0)}5%{transform:translate(142.5px,-20px)}10%{transform:translate(285px,0)}20%{transform:translate(570px,20px)}100%{transform:translate(570px,0)}}@-webkit-keyframes leaf-ani1-i{0%{transform:none}20%{transform:rotate(270deg)}}@keyframes leaf-ani1-i{0%{transform:none}20%{transform:rotate(270deg)}}@-webkit-keyframes leaf-ani2{5%{transform:translate(0px,0)}10%{transform:translate(142.5px,-20px)}15%{transform:translate(285px,20px)}25%{transform:translate(570px,-10px)}100%{transform:translate(570px,0)}}@keyframes leaf-ani2{5%{transform:translate(0px,0)}10%{transform:translate(142.5px,-20px)}15%{transform:translate(285px,20px)}25%{transform:translate(570px,-10px)}100%{transform:translate(570px,0)}}@-webkit-keyframes leaf-ani1-2{5%{transform:none}15%{transform:rotate(-180deg)}22%{transform:rotate(0deg)}25%{transform:rotate(90deg)}}@keyframes leaf-ani1-2{5%{transform:none}15%{transform:rotate(-180deg)}22%{transform:rotate(0deg)}25%{transform:rotate(90deg)}}@-webkit-keyframes leaf-ani3{10%{transform:translate(0px,0)}35%{transform:translate(570px,-20px)}100%{transform:translate(570px,0)}}@keyframes leaf-ani3{10%{transform:translate(0px,0)}35%{transform:translate(570px,-20px)}100%{transform:translate(570px,0)}}@-webkit-keyframes leaf-ani1-3{5%{transform:none}10%{transform:rotate(0deg)}35%{transform:rotate(90deg)}}@keyframes leaf-ani1-3{5%{transform:none}10%{transform:rotate(0deg)}35%{transform:rotate(90deg)}}@-webkit-keyframes leaf-ani4{30%{transform:translate(0px,0)}50%{transform:translate(570px,50px)}100%{transform:translate(570px,0)}}@keyframes leaf-ani4{30%{transform:translate(0px,0)}50%{transform:translate(570px,50px)}100%{transform:translate(570px,0)}}@-webkit-keyframes leaf-ani1-4{30%{-webkit-transform:perspective(600px) rotateX(0deg)}38%{-webkit-transform:perspective(600px) rotateX(45deg)}40%{-webkit-transform:perspective(600px) rotateX(90deg)}42%{-webkit-transform:perspective(600px) rotateX(45deg)}50%{-webkit-transform:perspective(600px) rotateX(0deg)}}@keyframes leaf-ani1-4{30%{transform:perspective(600px) rotateX(0deg)}38%{transform:perspective(600px) rotateX(45deg)}40%{transform:perspective(600px) rotateX(90deg)}42%{transform:perspective(600px) rotateX(45deg)}50%{transform:perspective(600px) rotateX(0deg)}}@-webkit-keyframes leaf-ani5{30%{transform:translate(0px,0)}50%{transform:translate(600px,50px)}100%{transform:translate(600px,0)}}@keyframes leaf-ani5{30%{transform:translate(0px,0)}50%{transform:translate(600px,50px)}100%{transform:translate(600px,0)}}@-webkit-keyframes leaf-ani1-5{30%{transform:rotate(0deg)}40%{transform:rotate(270deg)}50%{transform:rotate(90deg)}}@keyframes leaf-ani1-5{30%{transform:rotate(0deg)}40%{transform:rotate(270deg)}50%{transform:rotate(90deg)}}@-webkit-keyframes leaf-ani6{40%{transform:translate(0px,0)}60%{transform:translate(600px,50px)}100%{transform:translate(600px,0)}}@keyframes leaf-ani6{40%{transform:translate(0px,0)}60%{transform:translate(600px,50px)}100%{transform:translate(600px,0)}}@-webkit-keyframes leaf-ani1-6{40%{transform:rotate(0deg)}50%{transform:rotate(270deg)}60%{transform:rotate(90deg)}}@keyframes leaf-ani1-6{40%{transform:rotate(0deg)}50%{transform:rotate(270deg)}60%{transform:rotate(90deg)}}@-webkit-keyframes leaf-ani7{50%{transform:translate(0px,0)}70%{transform:translate(600px,50px)}100%{transform:translate(600px,0)}}@keyframes leaf-ani7{50%{transform:translate(0px,0)}70%{transform:translate(600px,50px)}100%{transform:translate(600px,0)}}@-webkit-keyframes leaf-ani1-7{50%{transform:rotate(0deg)}60%{transform:rotate(270deg)}70%{transform:rotate(0deg)}}@keyframes leaf-ani1-7{50%{transform:rotate(0deg)}60%{transform:rotate(270deg)}70%{transform:rotate(0deg)}}@-webkit-keyframes leaf-ani8{60%{transform:translate(0px,0)}80%{transform:translate(600px,50px)}100%{transform:translate(600px,0)}}@keyframes leaf-ani8{60%{transform:translate(0px,0)}80%{transform:translate(600px,50px)}100%{transform:translate(600px,0)}}@-webkit-keyframes leaf-ani1-8{60%{transform:rotate(0deg)}90%{transform:rotate(90deg)}}@keyframes leaf-ani1-8{60%{transform:rotate(0deg)}90%{transform:rotate(90deg)}}body,html{width:100%;height:100%;overflow:hidden;font-family:'Microsoft YaHei'!important;background:#f75245}*{box-sizing:border-box}body{background-size:cover;position:relative;font-family:"Microsoft Yahei"}.loading{position:absolute;height:100%;text-align:center;top:0;left:0;right:0;z-index:10}.loading .loadingMain{position:absolute;top:43%;width:100%;transform:translate(0,-50%);color:#fff;font-size:30px}.loading .dengs{margin-bottom:50px;height:250px}.loading .progress{width:351px;height:25px;background:#fff;margin:40px auto;border-radius:30px;padding:3px 5px}.loading .progress .progressLen{width:341px;height:19px}.loading .progress i{height:100%;width:0;display:block;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/loading.png) no-repeat}.loading footer{color:#fdd0c6;font-size:20px;position:absolute;bottom:77px;width:100%}.dengs{width:107px;height:149px;margin:15px auto 10px;position:relative}.dengs div{position:absolute}.dengs .d-1{width:58px;height:81px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page5-sprite.png);background-position:-331px 0;left:0;bottom:0}.dengs .d-2{width:24px;height:37px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page5-sprite.png);background-position:-389px 0;right:0;top:30px}.dengs .d-3{width:22px;height:31px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page5-sprite.png);background-position:-413px 0;left:30px;top:10px}.dengs.dengs-2{width:200px;height:250px}.dengs.dengs-2 .d-1{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/other.png) -345px 0!important;width:103px;height:142px}.dengs.dengs-2 .d-2{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/other.png) -285px 0!important;width:49px;height:65px;top:80px}.dengs.dengs-2 .d-3{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/other.png) -448px -62px!important;width:44px;height:59px}.dengs.dengs-2 .d-1{-webkit-animation:page5d1 8s alternate linear infinite;-ms-animation:page5d1 8s alternate linear infinite;animation:page5d1 8s alternate linear infinite}.dengs.dengs-2 .d-2{-webkit-animation:page5d2 9s alternate linear infinite;-ms-animation:page5d2 9s alternate linear infinite;animation:page5d2 9s alternate linear infinite}.dengs.dengs-2 .d-3{-webkit-animation:page5d3 4s alternate linear infinite;-ms-animation:page5d3 4s alternate linear infinite;animation:page5d3 4s alternate linear infinite}.mainPage-Wrap,.post-page{width:100%;height:100%;position:absolute;height:1334px;left:0}.mainPage-Wrap .main-page,.post-page .main-page{position:absolute;left:52%;top:50%;transform:translate(-50%,-49%)}.mainPage-Wrap .bgZW,.post-page .bgZW{position:relative;min-height:100%;min-width:100%}.canvas-img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:10;display:none}.canvas-img.show{display:block}.main-page .flipbookWrap{position:absolute;width:620px;height:934px;left:6px;top:98px}.main-page .page-cover{z-index:10;position:absolute;width:630px;height:940px;left:3px;top:98px;background:#ec5a5b}.main-page .page-cover img{width:100%;height:100%}.main-page .page-cover.hide{-webkit-animation:fadeOut 1s forwards;-ms-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards}.main-page .page-coverBtn{width:285px;height:111px;display:block;position:absolute;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/other.png) 0 0 no-repeat;bottom:-65px;left:50%;margin-left:-140px;-webkit-animation:bounce 1.5s forwards alternate infinite;-ms-animation:bounce 1.5s forwards alternate infinite;animation:bounce 1.5s forwards alternate infinite}.main-page .bottom-tips{width:42px;height:62px;position:absolute;bottom:-90px;display:none;right:50px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/other.png) -448px 0 no-repeat;-webkit-animation:bottomTip 1s linear alternate infinite;-ms-animation:bottomTip 1s linear alternate infinite;animation:bottomTip 1s linear alternate infinite}.main-page .posts{display:none}.main-page .posts.show{display:block}.flipbook-viewport{overflow:visible}.flipbook-viewport .flipbook{overflow:visible!important}.mainPage-Wrap{top:50%;transform:translate(0,-50%);z-index:1;height:100%}.mainPage-Wrap .posts{z-index:10}.post-page{top:0}.posts{background:#fff;top:97px;left:4px;right:48px;bottom:53px;position:absolute}.posts .layer{width:100%;height:100%;color:#b08122;display:none}.posts .layer.on{display:block}.posts .layer-name{position:absolute;right:0;top:90px;font-size:38px;width:200px;text-align:center}.posts .layer-text{position:absolute;left:96px;top:225px;line-height:2}.posts .codeText{position:absolute;font-size:14px;color:#727171;text-align:center;right:70px;bottom:71px}.posts .ppt-logo{border:0;text-align:center;position:absolute;bottom:5px;left:50%;margin-left:-66px}.posts .codeImg{position:absolute;width:90px;right:80px;bottom:130px}.posts .img{display:block}.posts.longName .layer-name{font-size:27px;top:99px}.page{width:100%;height:100%}.page::after{content:'';width:100%;height:21px;position:absolute;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/juchi.jpg) -2px 0 no-repeat;top:0;left:0}.page .cnt{padding:30px 20px;height:100%;background:#fffaf4}.page .cnt::after{content:'';position:absolute;height:78px;width:82px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/filpAni2.png);bottom:0;right:0;visibility:hidden;-webkit-transform:scale(1.4,.8) translate(-14px,10px);-ms-transform:scale(1.4,.8) translate(-14px,10px);transform:scale(1.4,.8) translate(-14px,10px)}.page .topLayer{margin-bottom:30px}.page .animateWrap{width:530px;height:615px;overflow:hidden;background:#fff;margin-left:6px;position:relative;perspective:600px;transform-style:preserve-3d}.page .animateWrap .textTop{position:absolute;top:5px;left:20px;width:112px;height:88px;display:block}.page .buttomText{height:230px;padding:0 20px 40px;position:relative}.page .buttomText .text{width:100%}.page .buttomText .text-1{height:39px;margin-bottom:25px}.page .buttomText .text-2{height:30px;background-position:0 -56px;margin-bottom:13px!important}.page .buttomText .text-3{height:38px;background-position:0 -90px;margin-bottom:13px}.page .toMEle{visibility:hidden}.page.active .toMEle{visibility:visible}.page.active .buttomText:before{-webkit-animation:fadeIn02 1s 2.5s forwards;-ms-animation:fadeIn02 1s 2.5s forwards;animation:fadeIn02 1s 2.5s forwards}.page.active .buttomText .text{-webkit-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn}.page.active .buttomText .text-2{-webkit-animation-delay:1s;-ms-animation-delay:1s;animation-delay:1s}.page.active .buttomText .text-3{-webkit-animation-delay:2s;-ms-animation-delay:2s;animation-delay:2s}.page.active .cnt::after{visibility:visible;-webkit-animation:animateFilp 1.5s step-start alternate infinite;-ms-animation:animateFilp 1.5s step-start alternate infinite;animation:animateFilp 1.5s step-start alternate infinite}.hide{display:none}.layer-tip{position:fixed;background:#fff;width:100%;bottom:0;text-align:center;height:150px;line-height:150px;transition:transform .3s;transform:translate3d(0,100%,0);z-index:10}.layer-tip.show{transform:none}.handleLayer .main-page,.mainPage-Wrap .main-page{transform:translate(-50%,-51%)}.handleLayer{z-index:12;height:100%;width:100%;pointer-events:none}.handleLayer .handleLayerWrap{position:absolute;left:15px;bottom:-40px;width:100%;display:none}.handleLayer .skipPage{position:absolute;color:#fff;bottom:-15px;left:20px;border:2px solid #fff;padding:5px 20px;background:rgba(255,255,255,.25);border-radius:30px;z-index:99;font-size:20px;line-height:24px;display:none}.handleLayer .musicBtn{width:60px;height:60px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/music.png) 0 -60px;position:absolute;top:-20px;right:10px;z-index:99;-webkit-animation:rotateMusic 1.5s linear infinite;-ms-animation:rotateMusic 1.5s linear infinite;animation:rotateMusic 1.5s linear infinite}.handleLayer .musicBtn.stop{-webkit-animation:none;-ms-animation:none;animation:none;background-position:0 0}.handleLayer .main-page{width:672px;height:1086px}.handleLayer .seeAaginAni{position:absolute;color:#fff;font-size:22px;left:50%;bottom:-20px;width:120px;display:none;margin-left:-60px}.handleLayer .seeAaginAni i{display:inline-block;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/seeAagin.png) no-repeat;width:22px;height:22px;vertical-align:top;margin-right:5px;position:relative;top:5px}.handleLayer .toNextPage{width:120px;height:300px;position:absolute;right:-30px;bottom:-50px;display:none}.handleLayer .vowBtn,.handleLayer .saveBtn,.handleLayer .shareBtn{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/other.png?v=1.0.1);display:inline-block;position:relative;vertical-align:middle;z-index:99}.handleLayer .toNextPage,.handleLayer .skipPage,.handleLayer .musicBtn,.handleLayer .vowBtn,.handleLayer .shareBtn,.handleLayer .seeAaginAni{pointer-events:all}.handleLayer .vowBtn{width:184px;height:71px;background-position:0 -189px;margin-left:60px}.handleLayer .saveBtn{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/longSave.png) no-repeat;width:295px;height:70px;margin-left:20px;margin-right:20px;left:10px}.handleLayer .shareBtn{width:189px;height:71px;background-position:-184px -189px;margin-right:-10px;left:20px}.layer-share{position:absolute;width:100%;height:100%;z-index:90;background:rgba(102,101,101,.9);display:none}.layer-share .dengs{margin-right:20px;margin-top:20px}.layer-share .jt{text-align:right;padding-top:20px;padding-right:50px}.layer-share .text{color:#fff;width:100%;font-size:24px;text-align:center;width:280px;float:right}.page-1 .topLayer{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-textRight.png?V=1.0.1) no-repeat;background-position:top right}.page-1 .text{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/flt/page1-textBottom.png?V=1.0.1) no-repeat}.page-1 .text-3{width:568px!important}.page-1 .buttomText{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-textBottom2.png?V=1.0.1) bottom center no-repeat}.page-1 .mount{width:1195px;height:500px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-shan.png) no-repeat;-webkit-transform:translateX(-665px);-ms-transform:translateX(-665px);transform:translateX(-665px);-webkit-animation-duration:10s;-ms-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}.page-1 .grassland{position:absolute;width:457px;height:251px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-glass.png) no-repeat;background-position:-460px -507px;bottom:0;right:0}.page-1 .pesonWrap{width:125px;height:258px;position:absolute;right:75px;bottom:70px}.page-1 .pesonWrap.on .peson-1{display:none}.page-1 .pesonWrap.on .peson-2{display:block}.page-1 .person{width:125px;height:258px;display:block;position:absolute;top:0;left:0;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-person.png) no-repeat}.page-1 .person.peson-1{background-position:-1px -1px}.page-1 .person.peson-1 .scarf{top:20px;left:54px}.page-1 .person.peson-2{background-position:-128px -1px;display:none;left:22px}.page-1 .person.peson-2 .scarf{top:20px;left:38px}.page-1 .scarf{position:absolute;display:block;width:56px;height:24px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-weijin.png) no-repeat;background-position:-1px 0}.page-1 .leaf{transform-style:preserve-3d;position:absolute;transform-origin:center}.page-1 .leaf .qz{width:100%;height:100%;display:block;transform:rotateZ(-90deg)}.page-1 .leaf i{width:100%;height:100%;transform-style:preserve-3d;transform-origin:center;display:block}.page-1 .leaf-1{width:36px;height:20px;left:-40px}.page-1 .leaf-1 i{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-leaf1.png) no-repeat}.page-1 .leaf-2{width:30px;height:30px;left:-40px}.page-1 .leaf-2 i{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-leaf2.png) no-repeat}.page-1.active .topLayer{-webkit-animation:grassland;-ms-animation:grassland;animation:grassland}.page-1.active .mount{-webkit-animation-name:mount;-ms-animation-name:mount;animation-name:mount}.page-1.active .grassland{-webkit-animation:grassland 1s step-start alternate infinite;-ms-animation:grassland 1s step-start alternate infinite;animation:grassland 1s step-start alternate infinite}.page-1.active .scarf{-webkit-animation:scarf .6s step-start infinite;-ms-animation:scarf .6s step-start infinite;animation:scarf .6s step-start infinite}.page-1.active .leaf-ani1{-webkit-animation:leaf-ani1 linear 6s infinite;-ms-animation:leaf-ani1 linear 6s infinite;animation:leaf-ani1 linear 6s infinite;top:30%}.page-1.active .leaf-ani1 i{-webkit-animation:leaf-ani1-i 6s infinite;-ms-animation:leaf-ani1-i 6s infinite;animation:leaf-ani1-i 6s infinite}.page-1.active .leaf-ani2{-webkit-animation:leaf-ani2 linear 6s infinite;-ms-animation:leaf-ani2 linear 6s infinite;animation:leaf-ani2 linear 6s infinite;top:50%}.page-1.active .leaf-ani2 i{-webkit-animation:leaf-ani1-2 6s infinite;-ms-animation:leaf-ani1-2 6s infinite;animation:leaf-ani1-2 6s infinite}.page-1.active .leaf-ani3{-webkit-animation:leaf-ani3 linear 6s infinite;-ms-animation:leaf-ani3 linear 6s infinite;animation:leaf-ani3 linear 6s infinite;top:25%}.page-1.active .leaf-ani3 i{-webkit-animation:leaf-ani1-3 6s infinite;-ms-animation:leaf-ani1-3 6s infinite;animation:leaf-ani1-3 6s infinite}.page-1.active .leaf-ani4{-webkit-animation:leaf-ani4 linear 6s infinite;-ms-animation:leaf-ani4 linear 6s infinite;animation:leaf-ani4 linear 6s infinite;top:125px}.page-1.active .leaf-ani4 i{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation:leaf-ani1-4 6s infinite;-ms-animation:leaf-ani1-4 6s infinite;animation:leaf-ani1-4 6s infinite}.page-1.active .leaf-ani5{top:200px;left:-50px;-webkit-animation:leaf-ani5 linear 6s infinite;-ms-animation:leaf-ani5 linear 6s infinite;animation:leaf-ani5 linear 6s infinite}.page-1.active .leaf-ani5 i{-webkit-animation:leaf-ani1-5 6s infinite;-ms-animation:leaf-ani1-5 6s infinite;animation:leaf-ani1-5 6s infinite}.page-1.active .leaf-ani6{top:300px;-webkit-animation:leaf-ani6 linear 6s infinite;-ms-animation:leaf-ani6 linear 6s infinite;animation:leaf-ani6 linear 6s infinite}.page-1.active .leaf-ani6 i{-webkit-animation:leaf-ani1-6 6s infinite;-ms-animation:leaf-ani1-6 6s infinite;animation:leaf-ani1-6 6s infinite}.page-1.active .leaf-ani7{top:200px;-webkit-animation:leaf-ani7 linear 6s infinite;-ms-animation:leaf-ani7 linear 6s infinite;animation:leaf-ani7 linear 6s infinite}.page-1.active .leaf-ani7 i{-webkit-animation:leaf-ani1-7 6s infinite;-ms-animation:leaf-ani1-7 6s infinite;animation:leaf-ani1-7 6s infinite}.page-1.active .leaf-ani8{top:150px;-webkit-animation:leaf-ani8 linear 6s infinite;-ms-animation:leaf-ani8 linear 6s infinite;animation:leaf-ani8 linear 6s infinite}.page-1.active .leaf-ani8 i{-webkit-animation:leaf-ani1-8 6s infinite;-ms-animation:leaf-ani1-8 6s infinite;animation:leaf-ani1-8 6s infinite}.page-2 .topLayer{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-textRight.png) no-repeat;background-position:top right}.page-2 .text{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/flt/page2-textBottom.png?V=1.0.1) no-repeat}.page-2 .buttomText{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-textBottom2.png?V=1.0.1) bottom center no-repeat}.page-2 .animateWrap{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page1-mainBg.jpg) no-repeat}.page-2 .aniEle{display:block;position:absolute}.page-2 .wall{width:476px;height:236px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-wall.png) no-repeat;bottom:-3px;right:0}.page-2 .sprite{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-sprite.png) no-repeat}.page-2 .role1,.page-2 .role2,.page-2 .tree-after{width:540px;height:616px;bottom:-3px;right:0}.page-2 .role1{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-role1.png) no-repeat}.page-2 .hand1{width:42px;height:53px;background-position:-201px 0;top:343px;left:228px}.page-2 .role2{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-role2.png) no-repeat;opacity:0}.page-2 .hand2{width:65px;height:39px;background-position:0 -88px;bottom:250px;right:80px}.page-2 .tree-after{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-tree.png) no-repeat}.page-2 .cat{width:38px;height:54px;background-position:-112px -46px;bottom:101px;left:61px}.page-2 .cat-tail{width:37px;height:28px;background-position:-65px -88px;left:30px;bottom:10px}.page-2 .cloud-1{width:1006px;height:317px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-cloudDS.png) no-repeat;left:-300px;bottom:0}.page-2 .cloud-2{width:548px;height:187px;left:200px;top:-100px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-cloudTK.png) no-repeat}.page-2 .cloud-3{width:532px;height:157px;left:-100px;top:150px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-cloudZJ.png) no-repeat}.page-2 .plane1{width:89px;height:46px;background-position:-112px 0;top:200px;right:-90px}.page-2 .plane2{width:33px;height:16px;background-position:-150px -46px;top:250px;right:-40px}.page-2 .cat-tail{transform-origin:left bottom}.page-2 .tree-before{width:540px;height:97px;right:-5px;bottom:0;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page2-tree2.png) no-repeat}.page-2.active .cloud-1{-webkit-animation:page2Cloud1 40s linear alternate infinite;-ms-animation:page2Cloud1 40s linear alternate infinite;animation:page2Cloud1 40s linear alternate infinite}.page-2.active .cloud-2{-webkit-animation:page2Cloud2 50s linear alternate infinite;-ms-animation:page2Cloud2 50s linear alternate infinite;animation:page2Cloud2 50s linear alternate infinite}.page-2.active .cloud-3{-webkit-animation:page2Cloud3 30s linear alternate infinite;-ms-animation:page2Cloud3 30s linear alternate infinite;animation:page2Cloud3 30s linear alternate infinite}.page-2.active .plane1{-webkit-animation:page2plane 9s both;-ms-animation:page2plane 9s both;animation:page2plane 9s both}.page-2.active .plane2{-webkit-animation:page2plane 9s 2s both;-ms-animation:page2plane 9s 2s both;animation:page2plane 9s 2s both}.page-2.active .cat-tail{-webkit-animation:page2CatTail 1.5s linear infinite;-ms-animation:page2CatTail 1.5s linear infinite;animation:page2CatTail 1.5s linear infinite}.page-2.active .hand1{transform-origin:left bottom;-webkit-animation:page2hand1 1.5s linear infinite;-ms-animation:page2hand1 1.5s linear infinite;animation:page2hand1 1.5s linear infinite}.page-2.active .tree-before{-webkit-animation:page2TreeBefore 1s step-start alternate infinite;-ms-animation:page2TreeBefore 1s step-start alternate infinite;animation:page2TreeBefore 1s step-start alternate infinite}.page-2.active .role1{-webkit-animation:fadeOut .5s 4s both;-ms-animation:fadeOut .5s 4s both;animation:fadeOut .5s 4s both}.page-2.active .role2{-webkit-animation:fadeIn .5s 4s both;-ms-animation:fadeIn .5s 4s both;animation:fadeIn .5s 4s both}.page-2.active .hand2{transform-origin:left top;-webkit-animation:page2hand2 2s linear infinite;-ms-animation:page2hand2 2s linear infinite;animation:page2hand2 2s linear infinite}@-webkit-keyframes page2hand2{0%,100%{-webkit-transform:translate(0px,5px) rotate(-20deg)}50%{-webkit-transform:translate(5px,-5px) rotate(20deg)}}@keyframes page2hand2{0%,100%{transform:translate(0px,5px) rotate(-20deg)}50%{transform:translate(5px,-5px) rotate(20deg)}}@-webkit-keyframes page2hand1{0%,100%{-webkit-transform:translate(0,0) rotate(0deg)}50%{-webkit-transform:translate(5px,5px) rotate(-30deg)}}@keyframes page2hand1{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(5px,5px) rotate(-30deg)}}@-webkit-keyframes page2TreeBefore{0%,100%{background-position:0 0;height:97px}50%{background-position:0 -98px;height:89px}}@keyframes page2TreeBefore{0%,100%{background-position:0 0;height:97px}50%{background-position:0 -98px;height:89px}}@-webkit-keyframes page2CatTail{0%,100%{-webkit-transform:translate(0,0) rotate(0deg)}50%{-webkit-transform:translate(0,5px) rotate(-25deg)}}@keyframes page2CatTail{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(0,5px) rotate(-25deg)}}@-webkit-keyframes page2plane{0%{-webkit-transform:translate(0,0)}100%{-webkit-transform:translate(-730px,-150px)}}@keyframes page2plane{0%{transform:translate(0,0)}100%{transform:translate(-730px,-150px)}}@-webkit-keyframes page2Cloud3{0%{-webkit-transform:translate(0,0)}100%{-webkit-transform:translate(-200px,0)}}@keyframes page2Cloud3{0%{transform:translate(0,0)}100%{transform:translate(-200px,0)}}@-webkit-keyframes page2Cloud2{0%{-webkit-transform:translate(0,0)}100%{-webkit-transform:translate(300px,0)}}@keyframes page2Cloud2{0%{transform:translate(0,0)}100%{transform:translate(300px,0)}}@-webkit-keyframes page2Cloud1{0%{-webkit-transform:translate(0,0)}100%{-webkit-transform:translate(800px,0)}}@keyframes page2Cloud1{0%{transform:translate(0,0)}100%{transform:translate(800px,0)}}.page-3 .topLayer{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-textRight.png) no-repeat;background-position:top right}.page-3 .text{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-textBottom.png?V=1.0.1) no-repeat}.page-3 .text.text-1{margin-bottom:15px}.page-3 .text.text-2{margin-bottom:15px}.page-3 .text.text-3{margin-bottom:10px}.page-3 .text.text-4{height:30px;background-position:0 -130px}.page-3 .textTop{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-sprite.png) no-repeat;background-position:0 -319px}.page-3 .homeBg{width:539px;height:616px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-aniBg2.jpg?v=1.02) no-repeat;background-position:-3234px -616px}.page-3 .heartBg{width:442px;height:329px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-heart.png) no-repeat;position:absolute;top:120px;left:50%;margin-left:-221px}.page-3 .buttomText{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-textBottom2.png) bottom center no-repeat}.page-3 .aniEle{display:block;position:absolute;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-sprite.png) no-repeat}.page-3 .aniEle i{width:100%;height:100%;display:block;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-sprite.png) no-repeat}.page-3 .role-1{width:398px;height:319px;background-position:0 0;right:20px;bottom:45px}.page-3 .role-2{width:317px;height:394px;background-position:-398px 0;right:100px;bottom:45px;opacity:0}.page-3 i.heartAni{display:block;height:93px;width:91px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page3-heartAni.png) no-repeat;position:absolute;top:105px;left:57px}.page-3 .leaf-1{width:35px;height:40px;background-position:-160px -398px;right:80px;top:50px}.page-3 .leaf-2{width:35px;height:40px;background-position:0 -407px;right:50px;top:250px}.page-3 .naiping{width:68px;height:55px;background-position:-258px -319px;left:55px;top:290px}.page-3 .yifu{width:62px;height:67px;background-position:-196px -319px;left:80px;top:198px}.page-3 .che{width:67px;height:60px;left:180px;top:150px;background-position:-196px -386px}.page-3 .qian{width:48px;height:39px;background-position:-112px -398px;left:270px;top:220px}.page-3 .shouji{width:84px;height:79px;background-position:-112px -319px;left:350px;top:140px}.page-3.active .homeBg{-webkit-animation:autumnbG 2s .2s step-start alternate infinite;-ms-animation:autumnbG 2s .2s step-start alternate infinite;animation:autumnbG 2s .2s step-start alternate infinite}.page-3.active .leaf-1{-webkit-animation:page3leaf1 10s alternate infinite;-ms-animation:page3leaf1 10s alternate infinite;animation:page3leaf1 10s alternate infinite}.page-3.active .leaf-2{-webkit-animation:page3leaf2 10s alternate infinite;-ms-animation:page3leaf2 10s alternate infinite;animation:page3leaf2 10s alternate infinite}.page-3.active .naiping{-webkit-animation:page3naiping 2s forwards,fadeOut .5s 1.8s forwards;-ms-animation:page3naiping 2s forwards,fadeOut .5s 1.8s forwards;animation:page3naiping 2s forwards,fadeOut .5s 1.8s forwards}.page-3.active .yifu{-webkit-animation:page3yifu 2.5s forwards,fadeOut .5s 2.1s forwards;-ms-animation:page3yifu 2.5s forwards,fadeOut .5s 2.1s forwards;animation:page3yifu 2.5s forwards,fadeOut .5s 2.1s forwards}.page-3.active .che{-webkit-animation:page3che 2.5s forwards,fadeOut .5s 2.4s forwards;-ms-animation:page3che 2.5s forwards,fadeOut .5s 2.4s forwards;animation:page3che 2.5s forwards,fadeOut .5s 2.4s forwards}.page-3.active .qian{-webkit-animation:page3qian 3s forwards,fadeOut .5s 2.8s forwards;-ms-animation:page3qian 3s forwards,fadeOut .5s 2.8s forwards;animation:page3qian 3s forwards,fadeOut .5s 2.8s forwards}.page-3.active .shouji{-webkit-animation:page3shouji 4s forwards,fadeOut .5s 3.2s forwards;-ms-animation:page3shouji 4s forwards,fadeOut .5s 3.2s forwards;animation:page3shouji 4s forwards,fadeOut .5s 3.2s forwards}.page-3.active .heartBg{-webkit-animation:fadeOut 2s 4s forwards;-ms-animation:fadeOut 2s 4s forwards;animation:fadeOut 2s 4s forwards}.page-3.active .role-1{-webkit-animation:fadeOut 1s 3s forwards;-ms-animation:fadeOut 1s 3s forwards;animation:fadeOut 1s 3s forwards}.page-3.active .role-2{-webkit-animation:fadeIn 1s 4s forwards;-ms-animation:fadeIn 1s 4s forwards;animation:fadeIn 1s 4s forwards}.page-3.active .heartAni{-webkit-animation:fadeIn .5s 4.5s both,page3Heart .7s step-start alternate infinite;-ms-animation:fadeIn .5s 4.5s both,page3Heart .7s step-start alternate infinite;animation:fadeIn .5s 4.5s both,page3Heart .7s step-start alternate infinite}.page-3.active .collection-1{-webkit-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn}.page-3.active .buttomText:before{-webkit-animation-delay:3.5s;-ms-animation-delay:3.5s;animation-delay:3.5s}.page-3.active .buttomText .text-4{-webkit-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}.page-4 .topLayer{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-textRight.png) no-repeat;background-position:top right}.page-4 .textTop{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-sprite.png) no-repeat;background-position:-290px -185px}.page-4 .buttomText{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-textBottom2.png?V=1.0.1) bottom center no-repeat}.page-4 .text{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-textBottom.png?V=1.0.1) no-repeat}.page-4 .layer{width:100%;height:100%;display:block;position:absolute;left:0;top:0}.page-4 .aniEle{display:block;position:absolute;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-sprite.png) no-repeat}.page-4 .layer-1{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-mainBg1.png) no-repeat}.page-4 .layer-1 .boy{width:279px;height:324px;background-position:0 -364px;left:0;bottom:0}.page-4 .layer-1 .girl{width:152px;height:245px;background-position:-279px -364px;left:156px;top:50px}.page-4 .layer-1 .shoujiWrap{width:290px;height:364px;left:213px;top:71px}.page-4 .layer-1 .shoujiIn{width:100%;height:100%;position:relative}.page-4 .layer-1 .dialog-1{width:116px;height:62px;background-position:-279px -609px;left:67px;top:72px}.page-4 .layer-1 .dialog-2{width:115px;height:56px;background-position:-279px -671px;left:112px;top:132px}.page-4 .layer-1 .dialog-3{width:138px;height:67px;background-position:-290px -273px;left:46px;top:170px}.page-4 .layer-1 .input{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-input.png) no-repeat;width:113px;height:35px;background-position:0 -69px;left:112px;top:42px}.page-4 .layer-2{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-mainBg2.png) #fff no-repeat}.page-4 .layer-2 .loverWhite{width:100%;height:100%;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-white.png) no-repeat center;top:0;left:0}.page-4 .layer-2 .loverRed{width:539px;height:616px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-red.png) no-repeat center;right:0;top:0}.page-4 .layer-2 .loverWhite{width:100%;height:100%;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-white.png) no-repeat center;top:0;left:0;opacity:0}.page-4 .layer-2 .role{width:503px;height:412px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-qiuhun.png) no-repeat center;bottom:50px;left:30px}.page-4 .layer-2 .flower{width:141px;height:185px;background-position:-290px 0;left:169px;bottom:150px}.page-4 .layer-2 .lover{width:378px;height:324px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page4-lover.png) no-repeat center;top:25px;right:25px}.page-4 .snows{width:100%;height:100%;position:absolute}.page-4 .snows i{display:block;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.page-4 .snow-md{width:26px;height:23px;background-position:-316px -340px;left:100px;top:-40px;-webkit-animation:page4snowmd 5s linear infinite;-ms-animation:page4snowmd 5s linear infinite;animation:page4snowmd 5s linear infinite}.page-4 .snow-normal{width:18px;height:16px;background-position:-342px -340px;left:300px;top:-40px;-webkit-animation:page4snowmd2 6s 1.5s linear infinite;-ms-animation:page4snowmd2 6s 1.5s linear infinite;animation:page4snowmd2 6s 1.5s linear infinite}.page-4 .snow-lg{width:26px;height:23px;background-position:-290px -340px;left:350px;top:-40px;-webkit-animation:page4snowmd2 4s 2s linear infinite;-ms-animation:page4snowmd2 4s 2s linear infinite;animation:page4snowmd2 4s 2s linear infinite}.page-4 .snow-xs{width:16px;height:14px;background-position:-360px -340px;left:400px;top:-40px;-webkit-animation:page4snowmd 5s 3s linear infinite;-ms-animation:page4snowmd 5s 3s linear infinite;animation:page4snowmd 5s 3s linear infinite}.page-4.active .input{-webkit-animation:page4Input 1s 2.5s step-start infinite;-ms-animation:page4Input 1s 2.5s step-start infinite;animation:page4Input 1s 2.5s step-start infinite}.page-4.active .boy{-webkit-animation:fadeIn 1s both;-ms-animation:fadeIn 1s both;animation:fadeIn 1s both}.page-4.active .girl{-webkit-animation:page4girl 1s 1s both;-ms-animation:page4girl 1s 1s both;animation:page4girl 1s 1s both}.page-4.active .shoujiWrap{-webkit-animation:fadeIn .5s 1.5s both;-ms-animation:fadeIn .5s 1.5s both;animation:fadeIn .5s 1.5s both}.page-4.active .dialog-1{-webkit-animation:fadeIn .8s 2s both;-ms-animation:fadeIn .8s 2s both;animation:fadeIn .8s 2s both}.page-4.active .dialog-2{-webkit-animation:fadeIn .8s 2.8s both;-ms-animation:fadeIn .8s 2.8s both;animation:fadeIn .8s 2.8s both}.page-4.active .dialog-3{-webkit-animation:fadeIn .8s 3.6s both;-ms-animation:fadeIn .8s 3.6s both;animation:fadeIn .8s 3.6s both}.page-4.active .layer-1{-webkit-animation:fadeOut .5s 5s forwards;-ms-animation:fadeOut .5s 5s forwards;animation:fadeOut .5s 5s forwards}.page-4.active .role{-webkit-animation:fadeIn .5s 5.5s both;-ms-animation:fadeIn .5s 5.5s both;animation:fadeIn .5s 5.5s both}.page-4.active .flower{-webkit-animation:fadeIn .5s 6s both;-ms-animation:fadeIn .5s 6s both;animation:fadeIn .5s 6s both}.page-4.active .lover{-webkit-animation:page4lover 1s 6.5s both;-ms-animation:page4lover 1s 6.5s both;animation:page4lover 1s 6.5s both}.page-4.active .loverWhite{-webkit-animation:fadeIn 1s 6.5s both,flash 1s 7.5s infinite;-ms-animation:fadeIn 1s 6.5s both,flash 1s 7.5s infinite;animation:fadeIn 1s 6.5s both,flash 1s 7.5s infinite}.page-5:after{display:none}.page-5.active .text p{-webkit-animation:fadeIn 1s both;-ms-animation:fadeIn 1s both;animation:fadeIn 1s both}.page-5.active .text p:nth-child(2){-webkit-animation-delay:1s;-ms-animation-delay:1s;animation-delay:1s}.page-5.active .text p:nth-child(3){-webkit-animation-delay:2s;-ms-animation-delay:2s;animation-delay:2s}.page-5.active .text p:nth-child(4){-webkit-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}.page-5.active .text p:nth-child(5){-webkit-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s}.page-5.active .text p:nth-child(6){-webkit-animation-delay:5s;-ms-animation-delay:5s;animation-delay:5s}.page-5.active .d-1{-webkit-animation:page5d1 8s alternate linear infinite;-ms-animation:page5d1 8s alternate linear infinite;animation:page5d1 8s alternate linear infinite}.page-5.active .d-2{-webkit-animation:page5d2 9s alternate linear infinite;-ms-animation:page5d2 9s alternate linear infinite;animation:page5d2 9s alternate linear infinite}.page-5.active .d-3{-webkit-animation:page5d3 4s alternate linear infinite;-ms-animation:page5d3 4s alternate linear infinite;animation:page5d3 4s alternate linear infinite}.page-input{width:100%;height:100%;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page5-bg2.jpg) no-repeat center;background-size:contain;text-align:center;padding-top:90px}.page-input .input-text{width:480px;height:85px;margin:20px auto 30px;display:block;border:2px solid #b97e0d;border-radius:8px;padding:20px 20px 0;background:#fff;text-align:left}.page-input .input-text input{outline:0;border:0;caret-color:#b97e0d;font-size:25px;line-height:30px;height:32px;width:440px;background:#fff}.page-input .text{margin-left:20px;color:#b97e0d;font-size:34px;line-height:1.8}.page-input .sprite{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/page5-sprite.png)}.page-input .dengs{-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);margin-left:130px;margin-top:-20px;margin-bottom:-130px}.page-input .btn{width:345px;height:78px;margin:15px auto 0;display:block;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/other.png) 0 -111px no-repeat}.page-input .fjj{margin-bottom:-20px}.page-input .ppt-logo{background:#fffaf4;width:170px;margin:5px auto}.page-random{position:absolute;z-index:10;display:none;top:97px;left:4px;right:32px;bottom:36px;background:rgba(102,101,101,.9)}.page-random.show{display:block}.page-random .wrap{width:100%;height:100%;position:relative}.page-random .randomLayer{width:469px;height:612px;background:#fff url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/postRom.png);margin:150px auto 0;overflow:hidden}.page-random .randomText{width:334px;height:81px;margin:100px auto 160px}.page-random .title{display:block;width:334px;height:81px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/post-sprite.png) no-repeat;display:none}.page-random .title.text-1{background-position:0 -161px}.page-random .title.text-2{background-position:-671px -81px}.page-random .title.text-3{background-position:-336px -81px}.page-random .title.text-4{background-position:-668px 0}.page-random .title.text-5{background-position:-334px 0}.page-random .title.text-6{background-position:0 -81px}.page-random .title.text-7{background-position:0 0}.page-random .title.on{display:block}.page-random .waitting{width:23px;height:158px;display:block;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/2019newyear/images/post-sprite.png) no-repeat;background-position:-333px -161px;margin:0 auto}@-webkit-keyframes page5d1{0%,100%{-webkit-transform:translate(5px,0) rotate(2deg)}50%{-webkit-transform:translate(-15px,-20px) rotate(-5deg)}}@keyframes page5d1{0%,100%{transform:translate(5px,0) rotate(2deg)}50%{transform:translate(-15px,-20px) rotate(-5deg)}}@-webkit-keyframes page5d2{0%,100%{-webkit-transform:translate(5px,0) rotate(-2deg)}50%{-webkit-transform:translate(-5px,10px) rotate(5deg)}}@keyframes page5d2{0%,100%{transform:translate(5px,0) rotate(-2deg)}50%{transform:translate(-5px,10px) rotate(5deg)}}@-webkit-keyframes page5d3{0%{-webkit-transform:translate(0px,0)}100%{-webkit-transform:translate(-10px,-10px)}}@keyframes page5d3{0%{transform:translate(0px,0)}100%{transform:translate(-10px,-10px)}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.handleLayer .musicBtn{top:-80px}.handleLayer .handleLayerWrap{bottom:-50px}.handleLayer .skipPage{bottom:-25px}}