body,html,main,section{width:100%;height:100%;overflow:hidden}body{position:relative;overflow:auto!important;font-family:"Microsoft YaHei",Helvetica,"Heiti SC"}section{position:absolute;top:0;left:0;opacity:0;z-index:1;height:12.8rem;-webkit-transition:opacity .5s;transition:opacity .5s;background:url(../images/cover.jpg?v=45def9) center center no-repeat;background-size:8.7rem 12.8rem}section.active{opacity:1;z-index:2}main{width:100%;max-width:8.7rem;height:12.8rem;margin:0 auto;position:relative;overflow:hidden}.logo{position:absolute;z-index:4;top:.7rem;left:.4rem;width:2.54rem;height:.52rem;background:url(../images/logo2.png?v=45def9) center center no-repeat;background-size:100% 100%}img{display:block;width:100%;height:100%}.feihe{background:url(../images/feihe.png?v=45def9) center center no-repeat;background-size:100% 100%}.p0 .logo{background:0 0;left:50%;margin-left:-1.27rem;bottom:1.26rem;top:auto}.p0 .imgs{width:4rem;position:absolute;left:50%;margin-left:-2rem;top:50%;height:2.1rem;margin-top:-1.05rem}.p0 .imgs .card{position:absolute;width:1.4rem;height:2.16rem;left:1.4rem;top:-1.16rem}.p0 .imgs .feihe{width:1.12rem;height:1.52rem;position:absolute;z-index:2;left:.36rem;top:-.16rem;background:0 0}.p0 .imgs .cloud{width:3.74rem;height:2.08rem;margin-left:.14rem}.p0 .imgs .bar{position:absolute;top:1.3rem;left:0;width:100%;z-index:3;height:.1rem;border-radius:.05rem;font-size:0;overflow:hidden}.p0 .imgs .bar span{display:block;width:100%;height:.1rem;background:#fff}.p0 .imgs .bar div{position:absolute;z-index:2;display:block;height:100%;width:0;border-radius:.05rem;background:#754d22}.p0 .imgs p{width:100%;height:.26rem;margin:-.4rem auto 0}.p0 .imgs p img{width:auto;height:100%;margin:0 auto}.p0 .imgs p img.hide{display:none}.p1 .t1{position:absolute;z-index:2;right:0;top:0;width:3.7rem;height:5.52rem;background:url(../images/p1_tree.png?v=45def9) center center no-repeat;background-size:100% 100%}.p1 .box{position:absolute;left:50%;margin-left:-4.35rem;width:8.7rem;height:9.56rem;background:url(../images/p1_moon.png?v=45def9) center center no-repeat;background-size:100% 100%}.p1 .content{position:absolute;width:6.44rem;left:50%;margin-left:-3.22rem;top:0;height:100%;z-index:4}.p1 .content .txt{position:absolute;left:0;width:100%;bottom:2.66rem}.p1 .content .txt>div div{background:url(../images/p1_txt.png?v=45def9) center center no-repeat;background-size:4.64rem 2.26rem;height:.4rem}.p1 .content .txt>div div.line1{background-position-y:0}.p1 .content .txt>div div.line2{background-position-y:-.4rem}.p1 .content .txt>div div.line3{background-position-y:-.8rem}.p1 .content .txt>div div.line4{margin-top:.3rem;background-position-y:-1.5rem}.p1 .content .txt>div div.line5{background-position-y:-1.9rem}.p1 .content .btn{position:absolute;left:50%;bottom:1.52rem;width:4.9rem;height:.7rem;margin-left:-2.45rem;background:url(../images/p1_btn.png?v=45def9) center center no-repeat;background-size:100% 100%}.p1 .c1,.p1 .c2,.p1 .c3{position:absolute}.p1 .c1{left:-1rem;top:8rem;width:3.94rem;height:1.98rem;background:url(../images/p1_c1.png?v=45def9) center center no-repeat;background-size:100% 100%}.p1 .c2{right:-.8rem;top:5.84rem;width:2.34rem;height:1.22rem;background:url(../images/p1_c2.png?v=45def9) center center no-repeat;background-size:100% 100%}.p1 .c3{width:6.38rem;height:1.8rem;right:0;bottom:0;background:url(../images/p1_c3.png?v=45def9) center center no-repeat;background-size:100% 100%}.p2 .content{width:5.96rem;height:8.7rem;position:absolute;z-index:3;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../images/p2.png?v=45def9) center center no-repeat;background-size:100% 100%;padding-top:2.3rem}.p2 .content .checkbox{display:block;height:.86rem;position:relative;overflow:hidden}.p2 .content .checkbox.r2{height:1.54rem}.p2 .content .checkbox input{width:0;height:0;position:absolute;left:-999vw}.p2 .content .checkbox span{display:block;width:100%;height:100%;position:relative}.p2 .content .checkbox span:before{content:'';display:block;position:absolute;left:.74rem;top:.18rem;width:.44rem;height:.44rem;background:url(../images/checkbox.png?v=45def9) center center no-repeat;background-size:100% 100%}.p2 .content .checkbox input:checked+span:before{background:url(../images/checkbox_checked.png?v=45def9) center center no-repeat;background-size:100% 100%}.p2 .btn{position:absolute;z-index:5;left:50%;bottom:1.14rem;width:2.5rem;height:.7rem;margin-left:-1.25rem;background:url(../images/p2_btn.png?v=45def9) center center no-repeat;background-size:100% 100%}.p2 .tree{position:absolute;z-index:6;pointer-events:none;width:3.6rem;height:5.82rem;right:0;bottom:.3rem;background:url(../images/p1_tree.png?v=45def9) center center no-repeat;background-size:100% 100%}.p2 .c1,.p2 .c2{position:absolute}.p2 .c1{left:-.6rem;top:1.4rem;width:3.02rem;height:1.58rem;background:url(../images/p1_c1.png?v=45def9) center center no-repeat;background-size:100% 100%}.p2 .c2{right:.44rem;bottom:.4rem;width:2.34rem;height:1.22rem;background:url(../images/p1_c2.png?v=45def9) center center no-repeat;background-size:100% 100%}.p3 .content{position:absolute;top:50%;width:2.3rem;left:50%;z-index:2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.p3 .content .xinfeng{height:4.3rem;position:relative;z-index:3;margin-top:-.1rem;background:url(../images/p3.png?v=45def9) center center no-repeat;background-size:100% 100%}.p3 .content .heart{height:2.2rem;overflow:hidden}.p3 .content .heart i{display:block;background:url(../images/heart.png?v=45def9) center center no-repeat;background-size:100% 100%}.p3 .content .tips{position:relative;margin-top:.7rem;margin-left:-1.73rem;left:50%;z-index:4;width:3.46rem;height:.26rem;background:url(../images/creating_txt.png?v=45def9) center center no-repeat;background-size:100% 100%}.p3 .content .feihe{position:absolute;z-index:4;left:-.6rem;top:4.28rem;width:1.12rem;height:1.52rem;background:url(../images/p0_feihe.png?v=45def9) center center no-repeat;background-size:100% 100%}.p3 .content .c1_1,.p3 .content .c1_2{position:absolute;top:4.1rem;right:-2.02rem;background:url(../images/p0_cloud.png?v=45def9) right top no-repeat;background-size:5.22rem 2.9rem}.p3 .content .c1_1{width:5.22rem;height:2.9rem}.p3 .content .c1_2{z-index:4;width:2.4rem;height:1.1rem}.p3 .heart{width:2.4rem;margin:0 auto;position:relative}.p3 .heart i{position:absolute;display:block;width:.7rem;height:.62rem}.p3 .heart .i1{opacity:.8;top:.5rem}.p3 .heart .i2{left:1.1rem;top:.24rem;-webkit-transform:scale(.3) rotate(5deg);transform:scale(.3) rotate(5deg)}.p3 .heart .i3{right:0;top:0;opacity:.5;-webkit-transform:scale(.8) rotate(20deg);transform:scale(.8) rotate(20deg)}.p3 .heart .i4{opacity:.7;top:1.2rem;left:.84rem;-webkit-transform:scale(.7) rotate(15deg);transform:scale(.7) rotate(15deg)}.p3 .heart .i5{top:.9rem;left:1.5rem;opacity:.9;-webkit-transform:scale(.2) rotate(3deg);transform:scale(.2) rotate(3deg)}.p3 .heart .i6{top:1.1rem;left:1.48rem;opacity:.9;-webkit-transform:scale(.15) rotate(30deg);transform:scale(.15) rotate(30deg)}.p3 .heart .i7{top:1.56rem;left:.34rem;opacity:.9;-webkit-transform:scale(.8) rotate(-2deg);transform:scale(.8) rotate(-2deg)}.p3 .heart .i8{left:1.26rem;top:1.7rem;-webkit-transform:scale(.8) rotate(30deg);transform:scale(.8) rotate(30deg)}.p0.active .c1_1,.p0.active .c1_2,.p0.active .cloud,.p3.active .c1_1,.p3.active .c1_2,.p3.active .cloud{-webkit-animation:p3cloud 1.5s infinite linear alternate;animation:p3cloud 1.5s infinite linear alternate}.p0.active .feihe,.p3.active .feihe{-webkit-animation:p3niao .5s infinite linear alternate;animation:p3niao .5s infinite linear alternate}.p0.active .tips,.p0.active p,.p3.active .tips,.p3.active p{-webkit-animation:opacity 1s infinite alternate;animation:opacity 1s infinite alternate}.p4 .c1,.p4 .c2,.p4 .feihe{position:absolute;z-index:1}.p4 .feihe{width:1.12rem;height:1.52rem;top:7.44rem;left:.1rem;background:url(../images/p0_feihe.png?v=45def9) center center no-repeat;background-size:100% 100%}.p4 .c1{top:1.6rem;right:-1.2rem;width:5.22rem;height:2.9rem;background:url(../images/p0_cloud.png?v=45def9) center center no-repeat;background-size:100% 100%}.p4 .c2{left:-1.4rem;bottom:.7rem;width:4.78rem;height:1.42rem;background:url(../images/p4_c2.png?v=45def9) center center no-repeat;background-size:100% 100%}.p4 .content{position:absolute;z-index:5;left:0;width:100%;top:1.56rem;pointer-events:none}.p4 .content .img{width:5.52rem;height:8.12rem;margin:0 auto .1rem;background:#fff}.p4 .content .tips{width:4.42rem;height:.24rem;margin:0 auto;background:url(../images/tips.png?v=45def9) center center no-repeat;background-size:100% 100%}.p4 .result{position:absolute;left:0;width:100%;height:100%;top:0;z-index:6;opacity:0}.p4 .btns{position:absolute;bottom:.8rem;left:0;width:100%;z-index:7;font-size:0;text-align:center;margin-top:.2rem}.p4 .btns .btn_agin,.p4 .btns .btn_share{display:inline-block;vertical-align:top;width:2.5rem;height:.7rem}.p4 .btns .btn_agin{background:url(../images/btn_agin.png?v=45def9) center center no-repeat;background-size:100% 100%;margin-right:.64rem}.p4 .btns .btn_share{background:url(../images/btn_share.png?v=45def9) center center no-repeat;background-size:100% 100%}.p4 .btns .btn_link{display:block;margin:.28rem auto 0;height:.7rem;width:4.9rem;background:url(../images/btn_link.png?v=45def9) center center no-repeat;background-size:100% 100%}.canvas{width:0;height:0;overflow:hidden}.wrap{position:absolute;z-index:4;width:8.7rem;height:12.8rem;top:0;left:50%;pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#music{position:absolute;z-index:3;right:.24rem;top:.68rem;width:.54rem;height:.54rem;display:none;background:url(../images/music.png?v=45def9) center center no-repeat;background-size:100% 100%}#music.playing{-webkit-animation:rotate 3s infinite linear;animation:rotate 3s infinite linear}@-webkit-keyframes opacity{from{opacity:.2}to{opacity:1}}@keyframes opacity{from{opacity:.2}to{opacity:1}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes p3cloud{from{-webkit-transform:translateX(-.06rem);transform:translateX(-.06rem)}to{-webkit-transform:translateX(.06rem);transform:translateX(.06rem)}}@keyframes p3cloud{from{-webkit-transform:translateX(-.06rem);transform:translateX(-.06rem)}to{-webkit-transform:translateX(.06rem);transform:translateX(.06rem)}}@-webkit-keyframes p3niao{from{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes p3niao{from{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes i1{0%{top:.5rem;left:0}100%{top:100%;left:.8rem}}@keyframes i1{0%{top:.5rem;left:0}100%{top:100%;left:.8rem}}@-webkit-keyframes i2{0%{left:1.1rem;top:.24rem;-webkit-transform:scale(.3) rotate(5deg);transform:scale(.3) rotate(5deg)}100%{left:1rem;top:100%;-webkit-transform:scale(.5) rotate(5deg);transform:scale(.5) rotate(5deg)}}@keyframes i2{0%{left:1.1rem;top:.24rem;-webkit-transform:scale(.3) rotate(5deg);transform:scale(.3) rotate(5deg)}100%{left:1rem;top:100%;-webkit-transform:scale(.5) rotate(5deg);transform:scale(.5) rotate(5deg)}}@-webkit-keyframes i3{0%{right:0;top:0;-webkit-transform:scale(.8) rotate(20deg);transform:scale(.8) rotate(20deg)}100%{right:.8rem;top:100%;-webkit-transform:scale(1) rotate(20deg);transform:scale(1) rotate(20deg)}}@keyframes i3{0%{right:0;top:0;-webkit-transform:scale(.8) rotate(20deg);transform:scale(.8) rotate(20deg)}100%{right:.8rem;top:100%;-webkit-transform:scale(1) rotate(20deg);transform:scale(1) rotate(20deg)}}@-webkit-keyframes i4{0%{top:1.2rem;left:.84rem;-webkit-transform:scale(.7) rotate(15deg);transform:scale(.7) rotate(15deg)}100%{left:.84rem;top:100%;-webkit-transform:scale(.9) rotate(15deg);transform:scale(.9) rotate(15deg)}}@keyframes i4{0%{top:1.2rem;left:.84rem;-webkit-transform:scale(.7) rotate(15deg);transform:scale(.7) rotate(15deg)}100%{left:.84rem;top:100%;-webkit-transform:scale(.9) rotate(15deg);transform:scale(.9) rotate(15deg)}}@-webkit-keyframes i5{0%{top:.9rem;left:1.5rem;-webkit-transform:scale(.2) rotate(3deg);transform:scale(.2) rotate(3deg)}100%{top:100%;left:1.5rem;-webkit-transform:scale(.2) rotate(3deg);transform:scale(.2) rotate(3deg)}}@keyframes i5{0%{top:.9rem;left:1.5rem;-webkit-transform:scale(.2) rotate(3deg);transform:scale(.2) rotate(3deg)}100%{top:100%;left:1.5rem;-webkit-transform:scale(.2) rotate(3deg);transform:scale(.2) rotate(3deg)}}@-webkit-keyframes i6{0%{top:1.1rem;left:1.48rem;-webkit-transform:scale(.15) rotate(30deg);transform:scale(.15) rotate(30deg)}100%{top:100%;left:1rem;-webkit-transform:scale(.15) rotate(30deg);transform:scale(.15) rotate(30deg)}}@keyframes i6{0%{top:1.1rem;left:1.48rem;-webkit-transform:scale(.15) rotate(30deg);transform:scale(.15) rotate(30deg)}100%{top:100%;left:1rem;-webkit-transform:scale(.15) rotate(30deg);transform:scale(.15) rotate(30deg)}}@-webkit-keyframes i7{0%{top:1.56rem;left:.34rem;-webkit-transform:scale(.8) rotate(-4deg);transform:scale(.8) rotate(-4deg)}100%{top:100%;left:1.2rem;-webkit-transform:scale(.2) rotate(-4deg);transform:scale(.2) rotate(-4deg)}}@keyframes i7{0%{top:1.56rem;left:.34rem;-webkit-transform:scale(.8) rotate(-4deg);transform:scale(.8) rotate(-4deg)}100%{top:100%;left:1.2rem;-webkit-transform:scale(.2) rotate(-4deg);transform:scale(.2) rotate(-4deg)}}@-webkit-keyframes i8{0%{left:1.26rem;top:1.7rem;-webkit-transform:scale(.8) rotate(3deg);transform:scale(.8) rotate(3deg)}100%{top:100%;left:1.2rem;-webkit-transform:scale(1) rotate(3deg);transform:scale(1) rotate(3deg)}}@keyframes i8{0%{left:1.26rem;top:1.7rem;-webkit-transform:scale(.8) rotate(3deg);transform:scale(.8) rotate(3deg)}100%{top:100%;left:1.2rem;-webkit-transform:scale(1) rotate(3deg);transform:scale(1) rotate(3deg)}}.p3.active .heart .i1{-webkit-animation:i1 1.5s infinite linear;animation:i1 1.5s infinite linear}.p3.active .heart .i2{-webkit-animation:i2 3s infinite linear;animation:i2 3s infinite linear}.p3.active .heart .i3{-webkit-animation:i3 1s infinite linear;animation:i3 1s infinite linear}.p3.active .heart .i4{-webkit-animation:i4 1s infinite linear;animation:i4 1s infinite linear}.p3.active .heart .i5{-webkit-animation:i5 3s infinite linear;animation:i5 3s infinite linear}.p3.active .heart .i6{-webkit-animation:i6 1.5s infinite linear;animation:i6 1.5s infinite linear}.p3.active .heart .i7{-webkit-animation:i7 1s infinite linear;animation:i7 1s infinite linear}.p3.active .heart .i8{-webkit-animation:i8 .6s infinite linear;animation:i8 .6s infinite linear}.share{position:absolute;z-index:-1;opacity:0;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);padding-top:2rem}.share.active{z-index:99;opacity:1}.share .arrow{position:absolute;top:.1rem;right:.2rem;width:.8rem;height:1.56rem;background:url(../images/arrow.png?v=45def9) center center no-repeat;background-size:100% 100%}.share .text{margin:0 auto;width:5.04rem;height:1.02rem;background:url(../images/share_text.png?v=45def9) center center no-repeat;background-size:100% 100%}