#loading,body,html,main{width:100%;height:100%;overflow:hidden}body{color:#fff;font-size:.24rem;text-align:center}main{max-width:8.7rem;margin:0 auto;position:relative;overflow:hidden}#animation_container,#canvas,#dom_overlay_container{width:8.7rem;height:100%;position:absolute;left:50%;top:0;margin-left:-4.35rem;z-index:2}#tap{position:absolute;top:auto;z-index:3;left:50%;width:1.84rem;bottom:1.4rem;height:1.84rem;margin-left:-.92rem;-webkit-transition:opacity .3s;transition:opacity .3s}#tap.hide{opacity:0}#tap span{display:block;position:absolute;top:-.2rem;left:50%;width:3.34rem;height:.4rem;margin-left:-1.67rem}#result{display:none;position:absolute;z-index:4;width:100%;height:100%;background:url(../../images/result.jpg?v=183203) center center no-repeat;background-size:8.7rem 12.8rem}#result .btn{display:block;position:absolute;width:3.86rem;height:1rem;background:url(../../images/btn.png?v=183203) center center no-repeat;background-size:cover;left:50%;margin-left:-1.93rem;bottom:1.9rem}#animation_container *{pointer-events:none}img{display:block;width:100%;height:100%}#loading{position:absolute;z-index:3;background:#0bd5b9}#loading .content{position:absolute;top:4.64rem;left:0;width:100%}#loading .content .wawa{width:1.6rem;height:1.6rem;margin:0 auto .1rem}#loading .content .bar{width:3.36rem;height:.08rem;border-radius:.04rem;background:#fff;overflow:hidden;margin:0 auto}#loading .content .bar span{display:block;width:0;height:100%;background:#00706c}#loading .content p{line-height:.66rem;text-align:center}#loading .logo{position:absolute;bottom:1.36rem;left:50%;margin-left:-1.08rem;width:2.16rem;height:.44rem}