[data-v-6da63cc6]:export{g_main_sidebar_width:80px;g_sub_sidebar_width:140px}.design-title[data-v-6da63cc6]{color:#333;font-size:16px}.design-tool[data-v-6da63cc6]{display:inline-block;padding:0 10px;margin:10px 0;color:#666;font-size:14px}.design-tool i[data-v-6da63cc6]{display:block;text-align:center}.design-tool span[data-v-6da63cc6]{cursor:pointer;display:block}.ghost[data-v-6da63cc6]{opacity:.5}.component-list[data-v-6da63cc6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:250px}.center-content[data-v-6da63cc6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:960px;height:640px;position:relative;z-index:1}.center-content .drag-content[data-v-6da63cc6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;height:auto;position:relative;overflow-y:hidden;overflow-x:hidden}.center-content .drag-content .drag-item[data-v-6da63cc6]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;position:relative}.center-content .drag-content .drag-item .del-item[data-v-6da63cc6]{position:absolute;right:0;top:0;display:none;cursor:pointer;z-index:999;color:#f66}.center-content .drag-content .drag-item:hover .del-item[data-v-6da63cc6]{display:block}.component-editor[data-v-6da63cc6]{width:300px;height:100%}