body,html,main,section{width:100%;height:100%;overflow:hidden}body{position:relative;font-family:"Microsoft YaHei",Helvetica,"Heiti SC"}section{position:absolute;top:0;left:0;opacity:0;z-index:1;-webkit-transition:opacity .5s;transition:opacity .5s}section.active{opacity:1;z-index:2}.btn{display:block;position:absolute;left:50%;width:4.8rem;margin-left:-2.4rem;height:.78rem;bottom:.98rem}.p1{background:url(../images/p1.jpg?v=ce8573) center center no-repeat;background-size:8.7rem 12.8rem}.p1 .btn{background:url(../images/p1_btn.png?v=ce8573) center center no-repeat;background-size:100% 100%}.p2,.p3{background:url(../images/p2.jpg?v=ce8573) center center no-repeat;background-size:8.7rem 12.8rem}.p2 .form,.p3 .form{position:absolute;left:50%;width:5.66rem;margin-left:-2.83rem;top:5.34rem;height:3rem}.p2 .form .title,.p3 .form .title{height:.98rem;background:url(../images/p2_title.png?v=ce8573) left top no-repeat;background-size:contain;margin-bottom:.18rem}.p2 .form .placeholder,.p3 .form .placeholder{color:#fff;font-size:.34rem;text-align:justify;position:absolute;width:100%;z-index:2;text-decoration:underline;word-break:break-all}.p2 .form input,.p2 .form textarea,.p3 .form input,.p3 .form textarea{position:relative;z-index:3;display:block;width:100%;outline:0;border:0;background:0 0;color:#fff;font-size:.36rem;opacity:0}.p2 .form .text,.p3 .form .text{position:relative;height:.76rem}.p2 .form .text .placeholder,.p3 .form .text .placeholder{line-height:1.2;letter-spacing:.03rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-height:.76rem;overflow:hidden}.p2 .form .text textarea,.p3 .form .text textarea{resize:none}.p2 .form .text .pen,.p3 .form .text .pen{position:absolute;z-index:1;top:50%;width:.4rem;height:.38rem;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/pen.png?v=ce8573) center center no-repeat;background-size:100% 100%}.p2 .form .from,.p3 .form .from{position:absolute;right:0;top:2.2rem;width:100%}.p2 .form .from .placeholder,.p2 .form .from input,.p3 .form .from .placeholder,.p3 .form .from input{font-size:.28rem;text-align:right!important}.p2 .logo,.p3 .logo{bottom:2.42rem}.p2 .btn,.p3 .btn{background:url(../images/p2_btn.png?v=ce8573) center center no-repeat;background-size:100% 100%}.p1 .logo{top:.6rem}.logo{position:absolute;width:2.18rem;height:.54rem;left:50%;margin-left:-1.09rem;background:url(../images/logo.png?v=ce8573) center center no-repeat;background-size:100% 100%}.p3 .form input,.p3 .form textarea{display:none}.p3 .result{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;z-index:2}.p3 .result img{position:absolute;opacity:0;left:50%;width:8.7rem;height:12.8rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.p3 .btns{font-size:0;text-align:center;position:absolute;z-index:4;left:0;width:100%;bottom:1rem}.p3 .btns>*{display:inline-block;vertical-align:top;width:.8rem;height:.8rem;position:relative}.p3 .btns>* img{display:block;width:100%;height:100%;opacity:0}.p3 .btns>* span{display:block;text-align:center;width:2rem;letter-spacing:.04rem;font-size:.24rem;color:#fff;position:absolute;left:50%;bottom:-.34rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.p3 .btns .btn_save{margin:0 1.34rem;background:url(../images/btn_save.png?v=ce8573) center center no-repeat;background-size:100% 100%}.p3 .btns .btn_back{background:url(../images/btn_back.png?v=ce8573) center center no-repeat;background-size:100% 100%}.p3 .btns .btn_pyq{background:url(../images/btn_pyq.png?v=ce8573) center center no-repeat;background-size:100% 100%}.share{background:rgba(0,0,0,.8);position:absolute;z-index:9;left:0;top:0;width:100%;height:100%;display:none}.share.active{display:block}.share div{top:.1rem;right:.3rem;position:absolute;width:3.92rem;height:1.76rem;background:url(../images/tips.png?v=ce8573) center center no-repeat;background-size:100% 100%}.canvas{width:0;height:0;overflow:hidden}.p3 .placeholder{text-decoration:none!important}#music{position:absolute;z-index:5;right:.2rem;top:.2rem;width:.8rem;height:.8rem;display:none;background:url(../images/music.png?v=ce8573) center center no-repeat;background-size:100% 100%}#music.playing{-webkit-animation:rotate 3s infinite linear;animation:rotate 3s infinite linear}@-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)}}.p1 .btn,.p2 .btn{-webkit-animation:huxi 1s infinite alternate;animation:huxi 1s infinite alternate}@-webkit-keyframes huxi{from{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes huxi{from{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}