.add-item[data-v-38b29d6e]{margin-top:8px}.url-item[data-v-38b29d6e]{margin-bottom:12px}.tab-editor[data-v-24f4435b]{position:absolute;top:40px;bottom:0;left:0;right:0;font-size:14px}.left-editor[data-v-24f4435b]{position:relative;height:100%;background:#1e1e1e;overflow:hidden}.setting[data-v-24f4435b]{position:absolute;right:15px;top:3px;color:#a9f122;font-size:18px;cursor:pointer;z-index:1}.right-preview[data-v-24f4435b]{height:100%}.right-preview .result-wrapper[data-v-24f4435b]{height:calc(100vh - 40px);width:100%;overflow:auto;padding:12px;box-sizing:border-box}.action-bar[data-v-24f4435b]{height:40px;background:#f2fafb;padding:8px 8px;box-sizing:border-box}.action-bar .bar-btn[data-v-24f4435b]{display:inline-block;padding:0 6px;line-height:32px;color:#8285f5;cursor:pointer;font-size:14px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.action-bar .bar-btn i[data-v-24f4435b]{font-size:20px}.action-bar .bar-btn[data-v-24f4435b]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-24f4435b]{margin-left:8px}.action-bar .delete-btn[data-v-24f4435b]{color:#f56c6c}.action-bar .delete-btn[data-v-24f4435b]:hover{color:#ea0b30}.action-bar[data-v-59e27083]{height:40px;background:#f2fafb;padding:8px 8px;box-sizing:border-box}.action-bar .bar-btn[data-v-59e27083]{display:inline-block;padding:0 6px;line-height:32px;color:#8285f5;cursor:pointer;font-size:14px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.action-bar .bar-btn i[data-v-59e27083]{font-size:20px}.action-bar .bar-btn[data-v-59e27083]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-59e27083]{margin-left:8px}.action-bar .delete-btn[data-v-59e27083]{color:#f56c6c}.action-bar .delete-btn[data-v-59e27083]:hover{color:#ea0b30}.json-editor[data-v-59e27083]{height:100vh}ul[data-v-be324a0e]{list-style:none;padding:0;overflow-y:scroll;height:250px}ul li[data-v-be324a0e]{display:inline-block;padding:12px;margin:3px 0;border-radius:2px}ul li.active[data-v-be324a0e],ul li[data-v-be324a0e]:hover{cursor:pointer;color:#fff;background-color:#1890ff}.ant-form-item[data-v-247797ea]{margin-bottom:10px}.right-header[data-v-247797ea]{position:relative;height:64px;overflow:hidden;transition:all .3s;line-height:64px;background:#fff;padding:15px}.right-main[data-v-247797ea]{height:calc(100vh - 94px);overflow-y:auto;margin:10px 10px 0;padding:5px}.select-item[data-v-247797ea]{display:-ms-flexbox;display:flex;border:1px dashed #fff;box-sizing:border-box}.select-item .close-btn[data-v-247797ea]{cursor:pointer;color:#f56c6c}.select-item .a-input+.a-input[data-v-247797ea]{margin-left:4px}.select-item+.select-item[data-v-247797ea]{margin-top:4px}.select-item.sortable-chosen[data-v-247797ea]{border:1px dashed #409eff}.select-line-icon[data-v-247797ea]{line-height:32px;font-size:22px;padding:0 4px;color:#777}.option-drag[data-v-247797ea]{cursor:move}.time-range .el-date-editor[data-v-247797ea]{width:227px}.time-range[data-v-247797ea] .el-icon-time{display:none}.document-link[data-v-247797ea]{position:absolute;display:block;width:26px;height:26px;top:0;left:0;cursor:pointer;background:#409eff;z-index:1;border-radius:0 0 6px 0;text-align:center;line-height:26px;color:#fff;font-size:18px}.node-label[data-v-247797ea]{font-size:14px}.node-icon[data-v-247797ea]{color:#bebfc3}.container{position:relative;width:100%;height:100%}.left-main{height:calc(100vh - 64px);overflow-y:auto;padding:8px;box-sizing:border-box}.left-main .components-item{display:inline-block;width:48%;margin:1%;transition:transform 0ms!important}.components-draggable{padding-bottom:20px}.center-header{position:relative;height:64px;overflow:hidden;transition:all .3s;line-height:64px;background:#fff;padding:20}.center-header .select-lang-trigger{float:right}.center-main{height:calc(100vh - 88px);overflow-y:auto;margin:24px 16px 0}.components-body{padding:8px 10px;background:#f6f7ff;font-size:12px;cursor:move;border:1px dashed #f6f7ff;border-radius:3px}.components-body:hover{border:1px dashed #787be8;color:#787be8}.empty-info{height:100%;position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.action-bar{position:relative;height:42px;text-align:right;padding:10px 10px;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none}.action-bar .delete-btn{color:#f56c6c}.logo-wrapper{position:relative;height:42px;background:#fff;border-bottom:1px solid #f1e8e8;box-sizing:border-box}.left-header{position:relative;height:64px;padding-left:24px;overflow:hidden;transition:all .3s;line-height:64px}.left-header img{height:32px;width:32px;vertical-align:middle}.left-header h3{display:inline-block;margin:0 0 0 12px}.center-board-row{box-sizing:border-box;background:#fff;padding:24px;min-height:calc(100vh - 157px)}.drawing-board{min-height:inherit;position:relative}.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>.ant-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 .ant-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 .ant-form-item{padding:12px 10px}.drawing-row-item{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{margin-bottom:2px}.drawing-row-item .a-col{margin-top:22px}.drawing-row-item .ant-form-item{margin-bottom:0}.drawing-row-item .drag-wrapper{min-height:80px}.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>.ant-form-item,.drawing-row-item:hover>.ant-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}