.component-wrap[data-v-6a47c788]{position:absolute}.bg .iconfont[data-v-066fd74b]{margin-right:0}.bg[data-v-066fd74b]{width:100%;height:100%;top:0;left:0;position:fixed;background-image:linear-gradient(0deg,#fff1eb 0,#ace0f9);z-index:10;display:flex;align-items:center;overflow:auto;z-index:1001}.bg .phone-container[data-v-066fd74b]{width:calc(100% - 507px);height:100%;display:flex;align-items:center;justify-content:center;transform:scale(.8)}.bg .phone-container .canvas-container[data-v-066fd74b]{width:423px;height:866px;overflow-y:scroll;background:url(../img/phone-img.26d85d18.png);background-size:100% 100%;position:fixed;top:-40px;left:254px;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}.bg .phone-container .canvas-container[data-v-066fd74b]::-webkit-scrollbar{display:none}.bg .phone-container .canvas-container .screen-box[data-v-066fd74b]{margin:91px auto 0;height:699px;position:relative;box-sizing:border-box;background-size:100% 100%;padding:32px 24px 0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}.bg .phone-container .canvas-container .screen-box[data-v-066fd74b]::-webkit-scrollbar{display:none}.bg .phone-container .canvas-container .screen-box .header-title[data-v-066fd74b]{width:376px;height:32px;position:fixed;top:50px;background:#fff;z-index:9;font-size:16px;line-height:32px;transform:translateX(-1px);color:#409eff;font-weight:600;text-align:center}.bg .phone-container .canvas-container .screen-box .header-title .totalN[data-v-066fd74b]{color:#c8def3}.bg .phone-container .canvas-container .screen-box .content-container[data-v-066fd74b]{border:1px solid #8c939d;margin:0 auto;height:667px;box-sizing:border-box;background:#fff;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}.bg .phone-container .canvas-container .screen-box .content-container[data-v-066fd74b]::-webkit-scrollbar{display:none}.bg .phone-container .canvas-container .screen-box .content-container .canvas[data-v-066fd74b]{background:#fff;position:relative;margin:0 auto;background-position:50%;background-size:100% 100%;box-sizing:border-box;padding-top:32px}.bg .preview-setting[data-v-066fd74b]{width:600px;height:100%;overflow:auto;background:#fff;position:fixed;right:0;top:0;padding:20px 0;box-sizing:border-box;text-align:left}.bg .preview-setting[data-v-066fd74b] .el-form-item__label{color:#606266}.bg .preview-setting[data-v-066fd74b] .el-input__inner{height:32px;line-height:32px;color:#606266}.bg .preview-setting .setting-title[data-v-066fd74b]{font-size:18px;padding-top:11px;margin-left:20px}.bg .preview-setting .tags-li-icon[data-v-066fd74b]{position:absolute;right:12px;top:12px;cursor:pointer}.bg .preview-setting .tags-li-icon .el-icon-close[data-v-066fd74b]{font-size:20px}.bg .preview-setting .el-form[data-v-066fd74b]{margin-right:0}.bg .preview-setting .el-form .half-form[data-v-066fd74b]{width:310px}.bg .preview-setting .el-form .half-form[data-v-066fd74b] .el-form-item__content,.bg .preview-setting .el-form .half-form[data-v-066fd74b] .el-input__inner{width:260px}.bg .preview-setting .el-form .base-setting[data-v-066fd74b]{padding:20px;border-bottom:1px dashed #e8e8e8}.bg .preview-setting .el-form .base-setting .mini-title[data-v-066fd74b]{font-size:14px}.bg .preview-setting .el-form .base-setting .base-container[data-v-066fd74b]{height:126px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}.bg .preview-setting .el-form .base-setting .base-container .avatar-uploader-icon[data-v-066fd74b]{width:120px;height:120px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;font-size:28px;color:#8c939d;line-height:120px;text-align:center}.bg .preview-setting .el-form .base-setting .base-container .media-cover[data-v-066fd74b]{width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer}.bg .preview-setting .el-form .base-setting .base-container .input-container[data-v-066fd74b]{height:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.bg .preview-setting .el-form .other-form[data-v-066fd74b]{padding:20px}.bg .preview-setting .el-form .other-form .wx-qrcode[data-v-066fd74b]{font-size:14px;display:flex;align-items:center}.bg .preview-setting .el-form .other-form .wx-qrcode span[data-v-066fd74b]{margin-right:10px}.btns-box[data-v-066fd74b]{width:100%;text-align:right}