.upload-box[data-v-327863c4]{cursor:pointer;font-size:12px;color:#999;margin-right:8px;margin-bottom:8px;box-sizing:border-box}.upload-box .upload-box-btn[data-v-327863c4]{width:100px;height:100px;background:transparent;box-sizing:border-box;border:1px dashed hsla(0,0%,89.8%,.898039);border-radius:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.upload-box .upload-box-btn-small[data-v-327863c4]{width:60px;height:60px}.upload-box .img-box[data-v-327863c4]{border:1px solid hsla(0,0%,89.8%,.898039);border-radius:6px;width:100px;height:100px;position:relative;display:inline-block}.upload-box .img-box-small[data-v-327863c4]{width:60px;height:60px}.upload-box .img-box .img-inner[data-v-327863c4]{vertical-align:top;width:100%;height:100%;object-fit:contain}.component-wrap[data-v-753cdae4]{position:relative;cursor:pointer}.component-wrap .color-select-layer[data-v-753cdae4]{position:relative;left:0;top:-10px;padding:15px 0}.component-wrap .component-desc[data-v-753cdae4]{position:absolute;left:-90px;min-width:70px;min-height:20px;padding:4px 7px;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);box-sizing:border-box;text-align:center;line-height:20px;font-size:12px;background:#fff;border-radius:2px;top:0}.component-wrap .component-attr[data-v-753cdae4]{position:fixed;height:calc(100% - 60px);top:112px;right:0;background:#fff;border-top:1px solid #f7f8fa;width:370px;padding:10px;z-index:1;overflow:hidden}.component-wrap .component-attr-edit[data-v-753cdae4]{height:100%;overflow-x:hidden;overflow-y:auto}.component-wrap .component-attr-edit-title[data-v-753cdae4]{padding:10px 0 15px 10px;border-bottom:2px solid #f2f4f6;margin-bottom:10px;color:#303133;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.component-wrap .component-attr-edit-title span[data-v-753cdae4]{font-size:18px}