.container[data-v-303df174]{position:relative;width:100%;height:100%}.components-list[data-v-303df174]{padding:8px;box-sizing:border-box;height:100%}.components-list .components-item[data-v-303df174]{display:inline-block;width:48%;margin:1%;transition:transform 0ms!important}.components-draggable[data-v-303df174]{padding-bottom:20px}.components-title[data-v-303df174]{font-size:14px;color:#222;margin:6px 2px}.components-title .svg-icon[data-v-303df174]{color:#666;font-size:18px}.components-body[data-v-303df174]{padding:8px 10px;background:#f6f7ff;font-size:12px;cursor:move;border:1px dashed #f6f7ff;border-radius:3px}.components-body .svg-icon[data-v-303df174]{color:#777;font-size:15px}.components-body[data-v-303df174]:hover{border:1px dashed #787be8;color:#787be8}.components-body:hover .svg-icon[data-v-303df174]{color:#787be8}.left-board[data-v-303df174]{width:260px;position:absolute;left:0;top:0;height:100vh}.left-scrollbar[data-v-303df174]{height:calc(100vh - 42px);overflow:hidden}.center-scrollbar[data-v-303df174]{overflow:hidden;border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8;box-sizing:border-box}.center-board[data-v-303df174]{width:auto;margin:0 350px 0 260px;box-sizing:border-box}.empty-info[data-v-303df174]{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.action-bar[data-v-303df174]{display:flex;justify-content:flex-end;position:relative;height:42px;text-align:right;padding:0 15px;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none}.action-bar .delete-btn[data-v-303df174]{color:#f56c6c}.action-bar .mytab[data-v-303df174]{margin-right:10px}.logo-wrapper[data-v-303df174]{position:relative;height:42px;background:#fff;border-bottom:1px solid #f1e8e8;box-sizing:border-box}.logo[data-v-303df174]{position:absolute;left:12px;top:6px;line-height:30px;color:#00afff;font-weight:600;font-size:17px;white-space:nowrap}.logo>img[data-v-303df174]{width:30px;height:30px;vertical-align:top}.logo .github[data-v-303df174]{display:inline-block;vertical-align:sub;margin-left:15px}.logo .github>img[data-v-303df174]{height:22px}.center-board-row[data-v-303df174]{padding:12px 12px 15px 12px;box-sizing:border-box}.drawing-board[data-v-303df174]{height:100%;position:relative}.drawing-board .components-body[data-v-303df174]{padding:0;margin:0;font-size:0}.drawing-board .sortable-ghost[data-v-303df174]{position:relative;display:block;overflow:hidden}.drawing-board .sortable-ghost[data-v-303df174]:before{content:" ";position:absolute;left:0;right:0;top:0;height:3px;background:#5959df;z-index:2}.drawing-board .components-item.sortable-ghost[data-v-303df174]{width:100%;height:60px;background-color:#f6f7ff}.drawing-board .active-from-item>.el-form-item[data-v-303df174]{background:#f6f7ff;border-radius:6px}.drawing-board .active-from-item>.drawing-item-copy[data-v-303df174],.drawing-board .active-from-item>.drawing-item-delete[data-v-303df174]{display:initial}.drawing-board .active-from-item>.component-name[data-v-303df174]{color:#409eff}.drawing-board .el-form-item[data-v-303df174]{margin-bottom:15px}.drawing-item[data-v-303df174]{position:relative;cursor:move}.drawing-item.unfocus-bordered:not(.active-from-item)>div[data-v-303df174]:first-child{border:1px dashed #ccc}.drawing-item .el-form-item[data-v-303df174]{padding:12px 10px}.drawing-row-item[data-v-303df174]{position:relative;cursor:move;box-sizing:border-box;border:1px dashed #ccc;border-radius:3px;padding:0 2px;margin-bottom:15px}.drawing-row-item .drawing-row-item[data-v-303df174]{margin-bottom:2px}.drawing-row-item .el-col[data-v-303df174]{margin-top:22px}.drawing-row-item .el-form-item[data-v-303df174]{margin-bottom:0}.drawing-row-item .drag-wrapper[data-v-303df174]{min-height:80px}.drawing-row-item.active-from-item[data-v-303df174]{border:1px dashed #409eff}.drawing-row-item .component-name[data-v-303df174]{position:absolute;top:0;left:0;font-size:12px;color:#bbb;display:inline-block;padding:0 6px}.drawing-item:hover>.el-form-item[data-v-303df174],.drawing-row-item:hover>.el-form-item[data-v-303df174]{background:#f6f7ff;border-radius:6px}.drawing-item:hover>.drawing-item-copy[data-v-303df174],.drawing-item:hover>.drawing-item-delete[data-v-303df174],.drawing-row-item:hover>.drawing-item-copy[data-v-303df174],.drawing-row-item:hover>.drawing-item-delete[data-v-303df174]{display:initial}.drawing-item>.drawing-item-copy[data-v-303df174],.drawing-item>.drawing-item-delete[data-v-303df174],.drawing-row-item>.drawing-item-copy[data-v-303df174],.drawing-row-item>.drawing-item-delete[data-v-303df174]{display:none;position:absolute;top:-10px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;font-size:12px;border:1px solid;cursor:pointer;z-index:1}.drawing-item>.drawing-item-copy[data-v-303df174],.drawing-row-item>.drawing-item-copy[data-v-303df174]{right:56px;border-color:#409eff;color:#409eff;background:#fff}.drawing-item>.drawing-item-copy[data-v-303df174]:hover,.drawing-row-item>.drawing-item-copy[data-v-303df174]:hover{background:#409eff;color:#fff}.drawing-item>.drawing-item-delete[data-v-303df174],.drawing-row-item>.drawing-item-delete[data-v-303df174]{right:24px;border-color:#f56c6c;color:#f56c6c;background:#fff}.drawing-item>.drawing-item-delete[data-v-303df174]:hover,.drawing-row-item>.drawing-item-delete[data-v-303df174]:hover{background:#f56c6c;color:#fff}.design-mode[data-v-303df174]{width:100%;height:100%;background:#fafafa}.design-mode .container[data-v-303df174]{margin:0 auto 100px;background:#fff;border-radius:10px}.design-mode .container[data-v-303df174] .el-upload{display:none}.design-mode .container .center-board .center-scrollbar[data-v-303df174]{height:calc(100vh - 42px);overflow:hidden;border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8;box-sizing:border-box}.design-mode .container .center-board .action-bar[data-v-303df174]{border:none;display:flex;align-items:center}.design-mode .container .center-board .action-bar .save[data-v-303df174]{width:138px;height:37px;background:#508ef9;border-radius:5px;font-size:16px;color:#fff;text-align:center;line-height:37px;font-size:14px;margin-right:20px;cursor:pointer}