body,html,main,section{width:100%;height:100%;overflow:hidden}body{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;font-family:"Microsoft YaHei",Helvetica,"Heiti SC"}.rotate,section{position:absolute;top:0;left:0;z-index:1}section{opacity:1;-webkit-transition:none;transition:none}.rotate{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:4}img{display:block;width:100%;height:auto}canvas{background:#fff}body{opacity:0}body.inited{opacity:1}body.loaded #index{pointer-events:none}body.loaded #tip{opacity:1!important}body.loaded #tip.hide{opacity:0!important}body.loaded #loading{display:none}#last{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}#last.hide{opacity:0;pointer-events:none}#last .redirect{display:block;width:.8rem;height:.8rem;position:absolute;left:50%;margin-left:-.4rem;background:#fff;bottom:1.8rem;border-radius:50%}#last .redirect::after,#last .redirect:before{content:"";position:absolute;width:.8rem;height:.8rem;border-radius:.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:.01rem solid #fff}#last .redirect::before{-webkit-animation:scale 1s infinite;animation:scale 1s infinite}#last .redirect:after{opacity:.5;-webkit-animation:scale2 1.5s infinite;animation:scale2 1.5s infinite}#last .replay{height:.56rem;width:2.04rem;right:0;bottom:.2rem;z-index:2;position:absolute;background:url(../images/last/agin.png) center center no-repeat;background-size:1.6rem .2rem}.game{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.game canvas{display:block}#index{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}#index #logo{position:absolute;width:2.26rem;height:.36rem;left:.4rem;top:.4rem;background:url(../images/logo.png) center center no-repeat;background-size:100% 100%}#index #loading,#index #tip{position:absolute;left:50%;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#index #loading{top:50%;font-size:.32rem;color:#000;text-align:center}#index #loading .bar{width:3rem;height:.06rem;background:#f9f9f9;border-radius:.06rem;-webkit-box-shadow:0 0 .1rem gray;box-shadow:0 0 .1rem gray;overflow:hidden}#index #loading .bar span{width:0;display:block;height:100%;background:#000}#index #loading p{margin-top:.1rem;text-shadow:0 0 .1rem #fff}#index #tip{top:65%;opacity:0;width:.56rem;height:3.66rem;background:url(../images/tips.png) center center no-repeat;background-size:100% 100%;-webkit-transition:opacity .5s;transition:opacity .5s}#index #arrow{position:absolute;left:50%;top:102%;margin-left:-.22rem;width:.44rem;height:.6rem;background:url(../images/arrow.png) center center no-repeat;background-size:100% 100%;-webkit-animation:arrow 1s infinite;animation:arrow 1s infinite}@-webkit-keyframes arrow{from{opacity:0;-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes arrow{from{opacity:0;-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{opacity:1;-webkit-transform:none;transform:none}}body#cover{opacity:1;overflow:scroll;height:53.64rem}body#cover.fixed{height:100vh;overflow:hidden}body#cover #bg{top:0;position:absolute;z-index:1;height:52.52rem;pointer-events:none}body#cover #desc{position:relative;padding-top:.3rem;z-index:4;pointer-events:none}body#cover #logo{left:.3rem;top:.3rem;width:2.28rem;height:.36rem;position:absolute;z-index:99;background:url(../images/logo.png) center center no-repeat;background-size:100% 100%}body#cover #top{top:0;pointer-events:none;position:absolute;left:0;z-index:2;width:100%;height:8.16rem;background:url(../images/cover/top.png) center center no-repeat;background-size:100% 100%}body#cover .content{top:1rem;position:absolute;left:0;width:100%;z-index:3}body#cover .content #bottom{height:2.6rem;pointer-events:none;position:absolute;left:0;z-index:4;width:100%;bottom:0}body#cover .content #content{margin:0 auto;z-index:3;width:5.2rem;background:#fff;padding:.1rem .1rem .2rem}body#cover .content #swiper{margin:0 auto .2rem;height:3.8rem;position:relative}body#cover .content #swiper a{position:absolute;top:50%;margin-top:-.3rem;width:.6rem;height:.6rem;display:block;z-index:3}body#cover .content #swiper a.swiper-prev{left:-.76rem;background:url(../images/cover/prev.png) center center no-repeat;background-size:100% 100%}body#cover .content #swiper a.swiper-next{right:-.76rem;background:url(../images/cover/next.png) center center no-repeat;background-size:100% 100%}body#cover .content #swiper .swiper-container{height:3.8rem}body#cover .content #swiper .swiper-pagination{position:static;width:100%;font-size:0;text-align:center}body#cover .content #swiper .swiper-pagination-bullet{width:.14rem;height:.14rem;border-radius:50%;margin:0 .12rem;background:#9c7442;opacity:.4}body#cover .content #swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}body#cover .content .textarea{margin:0 .24rem;height:4.8rem;position:relative;background:url(../images/cover/textarea.png) 0 -.01rem no-repeat;background-size:.04rem .6rem;background-repeat:repeat}body#cover .content .textarea.temp{background:url(../images/cover/temp2.png) center center no-repeat;background-size:4.34rem 4.2rem}body#cover .content textarea{display:block;position:relative;z-index:2;width:100%;border:0;resize:none;height:4.8rem;background:0 0;font-size:.32rem;color:#b78d57;text-align:center;line-height:.6rem;outline:0;overflow:hidden;padding:0}body#cover .btns2{position:absolute;z-index:5;left:0;width:100%;top:11rem;font-size:0;text-align:center}body#cover .btns2 .arrow{width:.28rem;height:.42rem;position:absolute;left:50%;top:.96rem;margin-left:-.14rem;background:url(../images/cover/arrow.png) center center no-repeat;background-size:100% 100%;-webkit-animation:arrow 1s infinite;animation:arrow 1s infinite}body#cover .btns2 .btn_create{width:2.2rem;height:.5rem;margin:0 auto .74rem;background:url(../images/cover/btn_create.png) center center no-repeat;background-size:100% 100%}body#cover .btns2 .btn_href,body#cover .btns2 .btn_tel{display:inline-block;vertical-align:top;width:2.38rem;height:.6rem}body#cover .btns2 .btn_href{background:url(../images/cover/btn_href.png) center center no-repeat;background-size:100% 100%}body#cover .btns2 .btn_tel{margin-left:1.5rem;background:url(../images/cover/btn_tel.png) center center no-repeat;background-size:100% 100%}body#cover #preview{position:fixed;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,.5);opacity:0;z-index:-1}body#cover #preview.show{z-index:999;opacity:1}body#cover #preview img{pointer-events:initial}body#cover #preview .box{position:absolute;left:50%;top:50%;width:5.2rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body#cover #preview .box .img{width:100%;height:100%}body#cover #preview .box .img img{display:block;width:100%;height:100%}body#cover #preview .box .result{height:9.86rem;background:#fff}body#cover #preview .box .btns{padding:.2rem 0 0;height:1rem;text-align:center;font-size:0;position:relative}body#cover #preview .box .btns::before{content:'';position:absolute;top:100%;height:.46rem;left:0;width:100%;background:url(../images/cover/tips.png) center center no-repeat;background-size:contain}body#cover #preview .box .btns div{display:inline-block;width:.9rem;height:.74rem;margin:0 .8rem}body#cover #preview .box .btns div.btn_agin{background:url(../images/cover/btn_agin.png) center center no-repeat;background-size:100% 100%}body#cover #preview .box .btns div.btn_save{position:relative;background:url(../images/cover/btn_save.png) center center no-repeat;background-size:100% 100%}body#cover #preview .box .btns div.btn_save .img{opacity:0;width:100%!important;height:100%!important;margin:0!important}body#cover .canvas{width:0;height:0;overflow:hidden}@-webkit-keyframes scale{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes scale{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes scale2{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes scale2{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-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)}}#music{width:.8rem;height:.8rem;position:absolute;right:.2rem;top:.2rem;z-index:999;background:url(../images/music.png) left top no-repeat;background-size:1.6rem .8rem;background-position-x:-.8rem}#music.playing{background-position-x:0;-webkit-animation:rotate 3s infinite linear;animation:rotate 3s infinite linear}