.avp{padding:20px;position:relative}.avp .footer{position:fixed;bottom:15px;left:50%;margin-left:-80px;color:#999;font-size:12px;transform:scale(.9);z-index:-1}.avp .footer a{color:#000;vertical-align:middle}.avp .footer a .logo{width:20px;vertical-align:middle;margin-right:3px}.avp .cover{margin-top:30px;text-align:center}.avp .cover .title{font-size:24px;line-height:1.5}.avp .cover .showcase{width:90%;margin:30px 0}.avp .cover .tip{color:#aaa;margin-top:20px;transform:scale(.8)}.avp .btn{position:relative;display:block;width:100%;border-radius:5px;font-size:17px;padding:15px 0;text-align:center;margin-top:15px}.avp .btn.solid{background-color:#7b66ff;color:#fff}.avp .btn.solid:active{background-color:#6851f5}.avp .btn.line{border:1px solid #7b66ff;color:#7b66ff;background-color:#fff}.avp .btn.line:active{background-color:rgba(123,102,225,.05)}.avp .editor{text-align:center}.avp .editor .canvas{width:360px;height:420px;position:relative;overflow:hidden;border-radius:5px;margin:0 auto}.avp .editor .canvas .bg{width:100%;position:absolute;left:0;top:0}.avp .editor .canvas .pic-area{width:360px;height:420px;border-radius:5px;overflow:auto;position:relative}.avp .editor .canvas .pic-area .device{position:relative}.avp .editor .canvas .qrcode{position:absolute;bottom:10px;right:10px;width:160px}.avp .editor .adjust-btn{display:inline-block;text-align:center;margin:20px 5px 10px;padding:5px 8px;border-radius:4px;border:1px solid #aaa;vertical-align:middle}.avp .editor .adjust-btn img{width:12px;margin-right:2px;vertical-align:middle}.avp .editor .adjust-btn:active{background-color:rgba(0,0,0,.05)}.avp .final .tip{font-size:17px;margin:40px 0}.avp .final .tip,.avp .loader{text-align:center}.avp .loader:before{position:absolute;width:16px;height:16px;left:15px;border:2px solid #fff;border-left-color:transparent;border-radius:10px;animation:rolling 1s infinite;content:""}@keyframes rolling{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}