html{font-size:16px;min-height:100%;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.generate-avatar-page .wrapper{background-image:url(../images/img/20190829-bg.png);background-repeat:no-repeat;background-size:cover;margin:0 auto;max-width:500px;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.generate-avatar-page .img-load{left:-9999px;max-width:none!important;position:fixed;top:10px;width:10rem!important}.generate-avatar-page #export{display:none;height:250px;margin:50px auto;width:250px}.generate-avatar-page .center,.generate-avatar-page .g-flex-center,.generate-avatar-page .long-press,.generate-avatar-page .long-press .l-img,.generate-avatar-page .long-press .l-tips,.generate-avatar-page .operation-box,.generate-avatar-page .operation-btns,.generate-avatar-page .operation-header{align-items:center;display:flex;justify-content:center}.generate-avatar-page .operation-header{display:flex;flex-direction:column;margin-top:1.8rem}.generate-avatar-page .operation-header div{background-repeat:no-repeat;background-size:contain}.generate-avatar-page .operation-header .h-logo{text-align:center}.generate-avatar-page .operation-header .h-logo img{height:1.5rem}.generate-avatar-page .operation-header .h-title{background-image:url(../images/img/20190906-logo2.png);height:6.3rem;margin-top:.5rem;width:13.125rem}.generate-avatar-page .operation-header .h-slogan{background-image:url(../images/img/20190906-logo3.png);height:1.05rem;margin-top:.125rem;width:9.35rem}.generate-avatar-page .operation-box{margin-top:.5rem}.generate-avatar-page .operation-box .next,.generate-avatar-page .operation-box .prev{background-image:url(../images/img/20190829-btn.png);background-size:contain;border-radius:50%;height:2.275rem;width:2.275rem}.generate-avatar-page .operation-box .prev{transform:rotate(180deg)}.generate-avatar-page .operation-box .operation-img{background:#fff;border:.25rem solid #fbe6b5;border-radius:.75rem;font-size:0;margin:0 .75rem}.generate-avatar-page .operation-box .operation-img .cropper-content{border-radius:.5rem;height:9.5rem;margin-left:50%;overflow:hidden;position:relative;transform:translate(-50%);width:9.5rem}.generate-avatar-page .operation-btns{display:flex;flex-direction:column;margin-top:.75rem}.generate-avatar-page .operation-btns .o-btn{background-size:100% 100%}.generate-avatar-page .operation-btns .o-btn1{background-image:url(../images/img/btn1.png);background-size:11.6rem 4.325rem;height:3.325rem;position:relative;width:11.6rem}.generate-avatar-page .operation-btns .o-btn1 input[type=file]{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.generate-avatar-page .operation-btns .o-btn2{background-image:url(../images/img/save-btn.png);background-size:11.6rem 3.75rem;height:3.75rem;position:relative;width:11.6rem}.generate-avatar-page .operation-done{text-align:center}.generate-avatar-page .operation-done .act-done-text{height:.75rem;margin:1.25rem 0 2rem}.generate-avatar-page .operation-done .act-done-happy{height:5.15rem;margin-bottom:2.5rem}.generate-avatar-page center{color:#fff}.generate-avatar-page center a{color:#fff;text-decoration:none}@media screen and (min-height:600px){.generate-avatar-page .operation-box{margin-bottom:1rem;margin-top:1rem}}@media screen and (min-height:700px){.generate-avatar-page .operation-box{margin-bottom:1.5rem;margin-top:1.5rem}.generate-avatar-page .operation-btns{margin-bottom:.5rem}}