.drag_container[data-v-0d0fa91e] .split{border-radius:0}.drag_container .split-vertical[data-v-0d0fa91e],.drag_container>.split-horizontal[data-v-0d0fa91e]:nth-child(n+2){border-radius:12px!important;background:#fff;overflow:hidden}.df_tit[data-v-0d0fa91e]{height:40px;border-bottom:1px solid #e5e6eb}.gen_model_container[data-v-0d0fa91e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:6px;height:100%}.gen_model_container .header-container[data-v-0d0fa91e]{background:#fff;padding:20px 20px;border-radius:6px}.gen_model_container .gen-container[data-v-0d0fa91e]{background-color:#fff;padding:20px 20px;margin-top:15px;border-radius:6px;height:100%;overflow:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.gen_model_container .gen-container .gen_con[data-v-0d0fa91e]{border:1px dashed #c3c3c3;position:relative;overflow:hidden;height:100%}.gen_model_container .gen-container .gen_con .components-list[data-v-0d0fa91e]{padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:260px;position:absolute;left:0;top:0}.gen_model_container .gen-container .gen_con .center-board[data-v-0d0fa91e]{height:100%;width:auto;margin:0 350px 0 260px;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px dashed #c3c3c3;border-right:1px dashed #c3c3c3}[data-v-0d0fa91e]{-webkit-box-sizing:border-box;box-sizing:border-box}.container[data-v-0d0fa91e]{position:relative;width:100%;height:100%}.components-list[data-v-0d0fa91e]{padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:350px}.components-list .components-item[data-v-0d0fa91e]{display:inline-block;width:48%;margin:1%;-webkit-transition:-webkit-transform 0ms!important;transition:-webkit-transform 0ms!important;transition:transform 0ms!important;transition:transform 0ms,-webkit-transform 0ms!important}.components-draggable[data-v-0d0fa91e]{height:calc(100% - 40px);overflow-y:auto;padding:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.components-draggable .components-item[data-v-0d0fa91e]{width:calc(50% - 14px);margin:7px}.components-draggable .components-item .components-body[data-v-0d0fa91e]{text-align:center}.components-draggable .components-item .components-body .img[data-v-0d0fa91e]{padding:16px 0}.components-draggable .components-item .components-body .img img[data-v-0d0fa91e]{width:100%;height:26px}.components-draggable.double_con .components-item[data-v-0d0fa91e]{width:calc(50% - 14px)}.components-draggable.double_con .components-item .img[data-v-0d0fa91e]{height:26px;padding:0;margin:0 -4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex}.components-draggable.double_con .components-item .single .img[data-v-0d0fa91e]:before{content:" ";display:block;width:calc(100% - 8px);margin:0 4px;border:1px dashed #cccfd5;height:26px}.components-draggable.double_con .components-item .double .img[data-v-0d0fa91e]:after,.components-draggable.double_con .components-item .double .img[data-v-0d0fa91e]:before{content:" ";display:block;width:calc(50% - 4px);margin:0 4px;border:1px dashed #cccfd5;height:26px}.components-draggable.double_con .components-item .doubles_first .img[data-v-0d0fa91e]:before{content:" ";display:block;width:calc(66.66667% - 4px);margin:0 4px;border:1px dashed #cccfd5;height:26px}.components-draggable.double_con .components-item .doubles_first .img[data-v-0d0fa91e]:after,.components-draggable.double_con .components-item .doubles_second .img[data-v-0d0fa91e]:before{content:" ";display:block;width:calc(33.33333% - 4px);margin:0 4px;border:1px dashed #cccfd5;height:26px}.components-draggable.double_con .components-item .doubles_second .img[data-v-0d0fa91e]:after{content:" ";display:block;width:calc(66.66667% - 4px);margin:0 4px;border:1px dashed #cccfd5;height:26px}.components-draggable.double_con .components-item .three .img[data-v-0d0fa91e]:after,.components-draggable.double_con .components-item .three .img[data-v-0d0fa91e]:before{content:" ";display:block;width:calc(33.33333% - 4px);margin:0 4px;border:1px dashed #cccfd5;height:26px}.components-draggable.double_con .components-item .three .img p[data-v-0d0fa91e]:first-child{width:calc(33.33333% - 4px);margin:0 4px;border:1px dashed #cccfd5;height:28px}.components-draggable.double_con .components-item .four .img[data-v-0d0fa91e],.components-draggable.double_con .components-item .four[data-v-0d0fa91e]{width:100%}.components-draggable.double_con .components-item .four .img p[data-v-0d0fa91e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%}.components-draggable.double_con .components-item .four .img p[data-v-0d0fa91e]:after,.components-draggable.double_con .components-item .four .img p[data-v-0d0fa91e]:before{content:" ";display:block;width:calc(50% - 4px);margin:0 4px;border:1px dashed #cccfd5;height:26px}.components-body[data-v-0d0fa91e]{padding:8px 10px;background:#f6f7ff;font-size:12px;cursor:move;border:1px dashed #f6f7ff;border-radius:3px}.components-body .svg-icon[data-v-0d0fa91e]{color:#777;font-size:15px}.components-body[data-v-0d0fa91e]:hover{border:1px dashed #787be8;color:#787be8}.components-body:hover .svg-icon[data-v-0d0fa91e]{color:#787be8}.left-board[data-v-0d0fa91e]{width:260px;position:absolute;left:0;top:0;height:100vh}.center-scrollbar[data-v-0d0fa91e],.left-scrollbar[data-v-0d0fa91e]{height:calc(100vh - 42px);overflow:hidden}.center-scrollbar[data-v-0d0fa91e]{border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8;-webkit-box-sizing:border-box;box-sizing:border-box}.center-board[data-v-0d0fa91e]{height:100vh;width:auto;margin:0 350px 0 260px;-webkit-box-sizing:border-box;box-sizing:border-box}.empty-info[data-v-0d0fa91e]{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.action-bar[data-v-0d0fa91e]{position:relative;height:42px;text-align:right;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none}.action-bar .delete-btn[data-v-0d0fa91e]{color:#f56c6c}.logo-wrapper[data-v-0d0fa91e]{position:relative;height:42px;background:#fff;border-bottom:1px solid #f1e8e8;-webkit-box-sizing:border-box;box-sizing:border-box}.logo[data-v-0d0fa91e]{position:absolute;left:12px;top:6px;line-height:30px;color:#00afff;font-weight:600;font-size:17px;white-space:nowrap}.logo>img[data-v-0d0fa91e]{width:30px;height:30px;vertical-align:top}.logo .github[data-v-0d0fa91e]{display:inline-block;vertical-align:sub;margin-left:15px}.logo .github>img[data-v-0d0fa91e]{height:22px}.center-board-row[data-v-0d0fa91e]{padding:14px 14px 0 14px;-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100% - 40px);overflow-y:auto}.center-board-row>.el-form[data-v-0d0fa91e]{height:100%}.center-board[data-v-0d0fa91e]{overflow:scroll!important}.drawing-board{height:100%;position:relative}.drawing-board .el-col{float:none!important}.drawing-board .drag-wrapper>.el-col{float:left!important}.drawing-board .components-body{padding:0;margin:0;font-size:0}.drawing-board .sortable-ghost{position:relative;display:block;overflow:hidden}.drawing-board .sortable-ghost:before{content:" ";position:absolute;left:0;right:0;top:0;height:3px;background:#5959df;z-index:2}.drawing-board .components-item.sortable-ghost{width:100%;height:60px;background-color:#f6f7ff}.drawing-board .active-from-item>.el-form-item{background:#f6f7ff;border-radius:6px}.drawing-board .active-from-item>.drawing-item-copy,.drawing-board .active-from-item>.drawing-item-delete{display:initial}.drawing-board .active-from-item>.component-name{color:#409eff}.drawing-board .el-form-item{margin-bottom:15px}.drawing-item{position:relative;cursor:move}.drawing-item.unfocus-bordered:not(.active-from-item)>div:first-child{border:1px dashed #ccc}.drawing-item .el-form-item{padding:12px 10px}.drawing-row-item{position:relative;cursor:move;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px dashed #ccc;border-radius:3px;padding:0 2px;margin-bottom:15px}.drawing-row-item .drawing-row-item{margin-bottom:4px}.drawing-row-item .el-col{margin-top:22px;padding:0 2px}.drawing-row-item .el-form-item{margin-bottom:0}.drawing-row-item .drag-wrapper{min-height:60px}.drawing-row-item.active-from-item{border:1px dashed #409eff}.drawing-row-item .component-name{position:absolute;top:0;left:0;font-size:12px;color:#bbb;display:inline-block;padding:0 6px}.drawing-item:hover>.el-form-item,.drawing-row-item:hover>.el-form-item{background:#f6f7ff;border-radius:6px}.drawing-item:hover>.drawing-item-copy,.drawing-item:hover>.drawing-item-delete,.drawing-row-item:hover>.drawing-item-copy,.drawing-row-item:hover>.drawing-item-delete{display:initial}.drawing-item>.drawing-item-copy,.drawing-item>.drawing-item-delete,.drawing-row-item>.drawing-item-copy,.drawing-row-item>.drawing-item-delete{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,.drawing-row-item>.drawing-item-copy{right:56px;border-color:#409eff;color:#409eff;background:#fff}.drawing-item>.drawing-item-copy:hover,.drawing-row-item>.drawing-item-copy:hover{background:#409eff;color:#fff}.drawing-item>.drawing-item-delete,.drawing-row-item>.drawing-item-delete{right:24px;border-color:#f56c6c;color:#f56c6c;background:#fff}.drawing-item>.drawing-item-delete:hover,.drawing-row-item>.drawing-item-delete:hover{background:#f56c6c;color:#fff}.drawing-item .el-form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.drawing-row-item .el-form-item .el-form-item__label{padding:0}.active-from-item>.render_container,.drawing-item:hover>.render_container,.drawing-row-item:hover>.render_container{background:#f6f7ff;border-radius:6px}.active-from-item .el-form-item .el-divider .el-divider__text,.drawing-item:hover .el-form-item .el-divider .el-divider__text{background-color:#f6f7ff}.render_container{padding:8px;margin-bottom:4px}.render_container .center,.render_container .Ui_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.render_container .Ui_box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.render_container .Ui_box.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.render_container .Ui_box.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.render_container .Ui_box.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.render_container .avatar-uploader{width:auto!important}.render_container .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:100px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px}.render_container .avatar-uploader .el-upload img{width:100%}.imgR_box .el-upload--picture-card,.imgR_box .el-upload-list--picture-card .el-upload-list__item{width:80px;height:80px;line-height:80px}.imgR_box .el-upload--picture-card .flx_hov span,.imgR_box .el-upload-list--picture-card .el-upload-list__item .flx_hov span{margin:0 2px!important}.global_set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;border-bottom:1px solid #e5e6eb;padding-right:14px}