.mockup-dialog[data-v-f0bc7ca0]{align-items:center;display:flex;height:calc(100vh - 85px);justify-content:center}.mockup-preview-warp[data-v-f0bc7ca0]{border:1px dashed #ddd;position:relative;width:calc(100vh - 87px)}.mockup-preview-warp[data-v-f0bc7ca0]:before{content:"";display:block;padding-bottom:100%}.mockup-preview-warp>.scroll-viewer[data-v-f0bc7ca0]{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.mockup-preview-warp .mockup-preview-options[data-v-f0bc7ca0]{align-items:center;display:flex;left:10px;position:fixed;top:2px;z-index:1}.mockup-preview-warp .mockup-preview-options .el-switch+span[data-v-f0bc7ca0]{margin-left:32px}.mockup-preview-warp .mockup-preview-options span[data-v-f0bc7ca0]{margin-right:5px;white-space:nowrap}.mockup-preview-warp .mockup-viewer-outer[data-v-f0bc7ca0]{position:absolute}.mockup-option[data-v-f0bc7ca0]{display:flex;flex:1;flex-direction:column;height:100%;margin-left:20px;max-width:400px;min-width:350px;width:400px}.mockup-option .mockup-option-all[data-v-f0bc7ca0]{border:1px solid #ddd;border-radius:4px}.mockup-option .mockup-option-all .mockup-option-item[data-v-f0bc7ca0]{align-items:center;display:flex;padding:8px}.mockup-option .mockup-option-all .mockup-option-item+.mockup-option-item[data-v-f0bc7ca0]{padding-top:0}.mockup-option .mockup-option-all .mockup-option-item>span[data-v-f0bc7ca0]{font-weight:700;margin-right:5px;min-width:42px;white-space:nowrap;width:42px}.mockup-option .mockup-option-all .mockup-option-item .image-upload[data-v-f0bc7ca0]{flex:1;overflow:hidden;width:auto}.mockup-option .mockup-pieces[data-v-f0bc7ca0]{border:1px solid #ddd;border-radius:4px;flex:1;margin-top:10px;overflow:hidden}.mockup-option .mockup-pieces>.el-tabs[data-v-f0bc7ca0]{height:100%}.mockup-option .mockup-pieces>.el-tabs[data-v-f0bc7ca0]>.el-tabs__header{margin:0}.mockup-option .mockup-pieces>.el-tabs[data-v-f0bc7ca0]>.el-tabs__header:after{background-color:#ddd;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.mockup-option .mockup-pieces>.el-tabs[data-v-f0bc7ca0]>.el-tabs__header .el-tabs__nav-wrap{padding:0 20px}.mockup-option .mockup-pieces>.el-tabs[data-v-f0bc7ca0]>.el-tabs__header .el-tabs__nav-wrap:after{display:none}.mockup-option .mockup-pieces>.el-tabs[data-v-f0bc7ca0]>.el-tabs__header .el-tabs__new-tab{margin-right:16px}.mockup-option .mockup-pieces>.el-tabs[data-v-f0bc7ca0]>.el-tabs__content{width:100%}.mockup-option .mockup-pieces>.el-tabs[data-v-f0bc7ca0] .el-tab-pane{height:100%;overflow:auto}.mockup-option .mockup-pieces>.el-tabs dl[data-v-f0bc7ca0]{padding:0 16px}.mockup-option .mockup-pieces h4[data-v-f0bc7ca0]{align-items:center;display:flex;padding:8px}.mockup-option .mockup-pieces h4 .el-select[data-v-f0bc7ca0]{flex:1;width:auto}.mockup-option .mockup-pieces h4 strong[data-v-f0bc7ca0]{margin-right:5px;text-align:center;white-space:nowrap;width:42px}.mockup-option .mockup-pieces h4 span[data-v-f0bc7ca0]{align-items:center;border:1px solid #ddd;border-radius:3px;cursor:pointer;display:flex;height:30px;justify-content:center;margin-left:10px;width:30px}.mockup-option .mockup-pieces h4 span svg[data-v-f0bc7ca0]{height:12px;width:12px}.mockup-option .mockup-pieces h4 span[data-v-f0bc7ca0]:hover{border-color:#ff5c00;color:#ff5c00}.mockup-option .mockup-pieces .mockup-pieces-content[data-v-f0bc7ca0]{padding:0 16px}.mockup-option .mockup-pieces .mockup-pieces-content p[data-v-f0bc7ca0]{align-items:center;display:flex;margin-top:10px}.mockup-option .mockup-pieces .mockup-pieces-content p strong[data-v-f0bc7ca0]{font-weight:400;white-space:nowrap}.mockup-option .mockup-pieces .mockup-pieces-content p .el-slider[data-v-f0bc7ca0]{flex:1;margin-left:24px;width:auto}.mockup-option .mockup-pieces .mockup-pieces-content p .el-input[data-v-f0bc7ca0]{margin:0 5px}.mockup-option .mockup-pieces .mockup-pieces-content .el-slider[data-v-f0bc7ca0]{margin-left:12px;margin-right:12px}.mockup-option .mockup-pieces .mockup-pieces-content .el-tab-pane[data-v-f0bc7ca0]{padding-bottom:16px}.mockup-action[data-v-f0bc7ca0],.mockup-option .mockup-pieces .el-button[data-v-f0bc7ca0]{margin-top:10px}.mockup-action[data-v-f0bc7ca0]{display:flex}.mockup-action>.el-button[data-v-f0bc7ca0]{width:100px}.mockup-action>.el-button[data-v-f0bc7ca0]:first-child{flex:1}