.add-item[data-v-1566ed3c]{margin-top:8px}.url-item[data-v-1566ed3c]{margin-bottom:12px}.tab-editor[data-v-4e26aaf6]{position:absolute;top:33px;bottom:0;left:0;right:0;font-size:14px}.left-editor[data-v-4e26aaf6]{position:relative;height:100%;background:#1e1e1e;overflow:hidden}.setting[data-v-4e26aaf6]{position:absolute;right:15px;top:3px;color:#a9f122;font-size:18px;cursor:pointer;z-index:1}.right-preview[data-v-4e26aaf6]{height:100%}.right-preview .result-wrapper[data-v-4e26aaf6]{height:calc(100vh - 33px);width:100%;overflow:auto;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box}.action-bar[data-v-4e26aaf6]{height:33px;background:#f2fafb;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.action-bar .bar-btn[data-v-4e26aaf6]{display:inline-block;padding:0 6px;line-height:32px;color:#8285f5;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-bar .bar-btn i[data-v-4e26aaf6]{font-size:20px}.action-bar .bar-btn[data-v-4e26aaf6]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-4e26aaf6]{margin-left:8px}.action-bar .delete-btn[data-v-4e26aaf6]{color:#f56c6c}.action-bar .delete-btn[data-v-4e26aaf6]:hover{color:#ea0b30}[data-v-4e26aaf6] .el-drawer__header{display:none}[data-v-00336938] .el-drawer__header{display:none}.action-bar[data-v-00336938]{height:33px;background:#f2fafb;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.action-bar .bar-btn[data-v-00336938]{display:inline-block;padding:0 6px;line-height:32px;color:#8285f5;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-bar .bar-btn i[data-v-00336938]{font-size:20px}.action-bar .bar-btn[data-v-00336938]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-00336938]{margin-left:8px}.action-bar .delete-btn[data-v-00336938]{color:#f56c6c}.action-bar .delete-btn[data-v-00336938]:hover{color:#ea0b30}.json-editor[data-v-00336938]{height:calc(100vh - 33px)}.center-tabs[data-v-6227db4d]{padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.right-board[data-v-6227db4d]{width:350px;position:absolute;right:0;top:0;padding-top:3px}.right-board .field-box[data-v-6227db4d]{position:relative;height:calc(100vh - 42px);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.right-board .el-scrollbar[data-v-6227db4d]{height:100%}.select-item[data-v-6227db4d]{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px dashed #fff;-webkit-box-sizing:border-box;box-sizing:border-box}.select-item .close-btn[data-v-6227db4d]{cursor:pointer;color:#f56c6c}.select-item .el-input+.el-input[data-v-6227db4d]{margin-left:4px}.select-item+.select-item[data-v-6227db4d]{margin-top:4px}.select-item.sortable-chosen[data-v-6227db4d]{border:1px dashed #17b3a3}.select-line-icon[data-v-6227db4d]{line-height:32px;font-size:22px;padding:0 4px;color:#777}.option-drag[data-v-6227db4d]{cursor:move}.time-range .el-date-editor[data-v-6227db4d]{width:227px}.time-range[data-v-6227db4d] .el-icon-time{display:none}.document-link[data-v-6227db4d]{position:absolute;display:block;width:26px;height:26px;top:0;left:0;cursor:pointer;background:#17b3a3;z-index:1;border-radius:0 0 6px 0;text-align:center;line-height:26px;color:#fff;font-size:18px}.node-label[data-v-6227db4d]{font-size:14px}.node-icon[data-v-6227db4d]{color:#bebfc3}.tooltip-item[data-v-6227db4d]{color:#e6a23c;padding-left:8px;font-size:18px}.container-FromGen{position:relative;width:100%;height:100%}.components-list{padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.components-list .components-item{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{padding-bottom:20px}.components-title{font-size:14px;color:#222;margin:6px 2px}.components-title .svg-icon{color:#666;font-size:18px}.components-body{padding:8px 10px;background:#f6f7ff;font-size:12px;cursor:move;border:1px dashed #f6f7ff;border-radius:3px}.components-body .svg-icon{color:#777;font-size:15px}.components-body:hover{border:1px dashed #787be8;color:#787be8}.components-body:hover .svg-icon{color:#787be8}.left-board{width:260px;position:absolute;left:0;top:0;height:100vh}.center-scrollbar,.left-scrollbar{height:calc(100vh - 42px);overflow:hidden}.center-scrollbar{border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8}.center-board,.center-scrollbar{-webkit-box-sizing:border-box;box-sizing:border-box}.center-board{height:100vh;width:auto;margin:0 350px 0 260px}.empty-info{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: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{color:#f56c6c}.logo-wrapper{position:relative;height:42px;background:#fff;border-bottom:1px solid #f1e8e8;-webkit-box-sizing:border-box;box-sizing:border-box}.logo{position:absolute;left:12px;top:6px;line-height:30px;color:#00afff;font-weight:600;font-size:17px;white-space:nowrap}.logo>img{width:30px;height:30px;vertical-align:top}.logo .github{display:inline-block;vertical-align:sub;margin-left:15px}.logo .github>img{height:22px}.center-board-row{padding:12px 12px 15px 12px;-webkit-box-sizing:border-box;box-sizing:border-box}.center-board-row>.el-form{height:calc(100vh - 69px)}.drawing-board{height:100%;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>.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:#17b3a3}.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:2px}.drawing-row-item .el-col{margin-top:22px}.drawing-row-item .el-form-item{margin-bottom:0}.drawing-row-item .drag-wrapper{min-height:80px}.drawing-row-item.active-from-item{border:1px dashed #17b3a3}.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:#17b3a3;color:#17b3a3;background:#fff}.drawing-item>.drawing-item-copy:hover,.drawing-row-item>.drawing-item-copy:hover{background:#17b3a3;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}.def-upload .show-img[data-v-5bee46b4]{position:relative}.def-upload .show-img .l-del-btn[data-v-5bee46b4]{position:absolute;top:35px;left:45px;padding:auto 20px;color:red}.base-info-cls .base-form[data-v-2639a51c]{width:100%}.base-info-cls .section-card[data-v-2639a51c]{background:#fff;border:1px solid #ebeef5;border-radius:8px;margin-bottom:18px;overflow:hidden;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.03);box-shadow:0 1px 4px rgba(0,0,0,.03);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease}.base-info-cls .section-card[data-v-2639a51c]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.07);box-shadow:0 4px 12px rgba(0,0,0,.07)}.base-info-cls .section-header[data-v-2639a51c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;height:48px;background:linear-gradient(135deg,#f0f7ff,#ecf5ff);border-bottom:1px solid #ebeef5}.base-info-cls .section-header .header-bar[data-v-2639a51c]{width:3px;height:16px;background:#409eff;border-radius:2px;margin-right:10px}.base-info-cls .section-header .header-icon[data-v-2639a51c]{font-size:18px;color:#409eff;margin-right:8px}.base-info-cls .section-header .header-text[data-v-2639a51c]{font-size:15px;font-weight:600;color:#303133;letter-spacing:.5px}.base-info-cls .section-header .header-sub[data-v-2639a51c]{margin-left:14px;font-size:12px;color:#909399}.base-info-cls .section-header--warning[data-v-2639a51c]{background:linear-gradient(135deg,#fdf6ec,#fefaf0)}.base-info-cls .section-header--warning .header-bar[data-v-2639a51c]{background:#e6a23c}.base-info-cls .section-header--warning .header-icon[data-v-2639a51c]{color:#e6a23c}.base-info-cls .section-body[data-v-2639a51c]{padding:22px 20px 6px}.base-info-cls .inline-tip[data-v-2639a51c]{font-size:12px;color:#909399;line-height:1.6;margin-top:4px;padding:2px 8px;background:#fdf6ec;border-left:2px solid #e6a23c;border-radius:2px}.base-info-cls .inline-tip i[data-v-2639a51c]{color:#e6a23c;margin-right:3px}.base-info-cls[data-v-2639a51c] .el-form-item{margin-bottom:20px}.base-info-cls[data-v-2639a51c] .el-form-item__label{font-weight:500;color:#606266;padding-right:12px}.base-info-cls[data-v-2639a51c] .el-input__inner,.base-info-cls[data-v-2639a51c] .el-textarea__inner{border-radius:4px;-webkit-transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.base-info-cls[data-v-2639a51c] .el-input__inner:focus,.base-info-cls[data-v-2639a51c] .el-textarea__inner:focus{border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.12);box-shadow:0 0 0 2px rgba(64,158,255,.12)}.base-info-cls[data-v-2639a51c] .el-textarea__inner{padding:12px 15px;line-height:1.6}.base-info-cls .full-width[data-v-2639a51c]{width:100%!important}.base-info-cls .full-width[data-v-2639a51c] .el-input__inner{width:100%}.base-info-cls .no-append-bg[data-v-2639a51c] .el-input-group__append{background-color:#fff;border:none}.base-info-cls .checkbox-group[data-v-2639a51c] .el-checkbox{margin-right:12px;margin-bottom:4px}.base-info-cls .file-item[data-v-2639a51c]{margin-bottom:6px}.base-info-cls .file-item[data-v-2639a51c] .el-link{font-size:13px}.base-info-cls .empty-text[data-v-2639a51c]{color:#c0c4cc;font-size:13px}@media (max-width:768px){.base-info-cls[data-v-2639a51c] .el-form-item__label{width:110px!important}.base-info-cls[data-v-2639a51c] .el-form-item__content{margin-left:110px!important}.base-info-cls .section-body[data-v-2639a51c]{padding:16px 14px 2px}.base-info-cls .section-header[data-v-2639a51c]{padding:0 14px;height:42px}.base-info-cls .section-header .header-sub[data-v-2639a51c]{display:none}}@media (max-width:480px){.base-info-cls[data-v-2639a51c] .el-form-item__label{width:90px!important;font-size:13px}.base-info-cls[data-v-2639a51c] .el-form-item__content{margin-left:90px!important}.base-info-cls .section-card[data-v-2639a51c]{border-radius:6px;margin-bottom:12px}}.base-info-cls .show-title-tip[data-v-d72d0c98]{margin-bottom:10px}.base-info-cls .show-info[data-v-d72d0c98]{line-height:32px;margin-left:10px;color:#e6a23c}.base-info-cls .no-append-bg[data-v-d72d0c98] .el-input-group__append{background-color:#fff;border:none}