.del{color:#ec3226}.el-drawer__header{margin-bottom:10px}.el-drawer__header>span{font-weight:700;font-size:15px;color:#303133}

.content[data-v-6350c609]{width:100%;height:60vh;padding:var(--middle-space) var(--middle-space) 0;display:flex;flex-direction:column}.content .nodeTable[data-v-6350c609]{height:1px;flex-grow:1}[data-v-6350c609].nodeForm{padding-top:var(--middle-space)}[data-v-6350c609].nodeForm .el-form-item{margin-bottom:var(--middle-space)}[data-v-6350c609].nodeForm .el-form-item__label,[data-v-6350c609].nodeForm .el-form-item__content{line-height:32px}[data-v-6350c609].nodeForm .btnRow .el-form-item__content{float:right}[data-v-6350c609] .el-table .el-table__cell .cell{color:inherit}[data-v-6350c609] .el-table .userTag{margin:2px 5px 2px 0}[data-v-6350c609] .el-table .container{display:flex;align-items:center}[data-v-6350c609] .el-table .container .addStyleApprove{margin-left:auto;flex-shrink:0;font-size:22px;line-height:20px;color:var(--theme-color);cursor:pointer}

.solt_item[data-v-1e171095]{display:flex;flex-direction:row;align-items:center}.solt_item img[data-v-1e171095]{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;margin-right:5px}.dialog-title[data-v-1e171095]{display:flex;flex-direction:row;align-items:center;padding-right:50px}.dialog-title .title[data-v-1e171095]{font-weight:700;font-size:16px;line-height:22px}.dialog-title .right[data-v-1e171095]{margin-left:auto;display:flex;flex-direction:row;align-items:center}.dialog-title .right .el-button[data-v-1e171095]{margin-left:5px}.page[data-v-1e171095]{padding:var(--middle-space, 12px) 0 var(--small-space, 8px);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.flowStatus[data-v-1e171095]{border-radius:6px;margin-left:0;text-align:center;padding:2px 8px}.type1[data-v-1e171095],.type4[data-v-1e171095]{border:1px solid #10a667;background:rgba(16,166,103,0.1);color:#10a667}.type2[data-v-1e171095]{border:1px solid #ff7a00;background:rgba(255,122,0,0.1);color:#ff7a00}.type3[data-v-1e171095]{border:1px solid #60656b;background:rgba(96,101,107,0.1);color:#60656b}.type8[data-v-1e171095]{border:1px solid #9746e8;background:rgba(151,70,232,0.1);color:#9746e8}.type9[data-v-1e171095]{border:1px solid #2f8bf8;background:rgba(47,139,248,0.1);color:#2f8bf8}.type0[data-v-1e171095]{border:1px solid #ff4a4a;background:rgba(255,74,74,0.1);color:#ff4a4a}.btn-text[data-v-1e171095]{margin-left:0px}[data-v-1e171095] .el-range-separator{width:-moz-max-content;width:max-content}

#processContainer[data-v-6831b831]{width:100%;height:100%}.splitpanes.default-theme .splitpanes__pane[data-v-6831b831]{background-color:#fff}.column-left[data-v-6831b831]{display:flex;flex-direction:column;align-items:center;padding:var(--small-space) 0}.column-left .title[data-v-6831b831]{padding:var(--middle-space) var(--big-space);margin-top:var(--small-space);width:100%;border-top:1px solid #ebefff;border-bottom:1px solid #ebefff;display:flex;flex-direction:row;justify-content:space-between}.column-left .title span[data-v-6831b831]{font-size:14px}.column-left .largeSize[data-v-6831b831]{font-size:12px;font-weight:400}.column-left .color[data-v-6831b831]{color:#346ffa;font-weight:700}.column-left .list_card[data-v-6831b831]{width:100%;height:calc(100% - 80px);overflow-y:auto}.column-left .filterInput[data-v-6831b831]{padding:var(--middle-space) var(--big-space) var(--small-space)}.column-left .group[data-v-6831b831]{width:calc(100% - 30px);display:flex;flex-direction:row;align-items:center;cursor:pointer}.column-left .group .group_name[data-v-6831b831]{font-size:14px;margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-left .group .icon[data-v-6831b831]{margin-left:auto;font-size:16px}.column-left .group .icon i[data-v-6831b831]{margin-left:5px}.column-left .group .icon i[data-v-6831b831]:hover{color:var(--theme-color)}.column-right[data-v-6831b831]{height:100%;overflow-y:auto;padding:0 var(--big-space);display:flex;flex-direction:column}.warn[data-v-6831b831]{color:#ff0000}.contral[data-v-6831b831]{width:100%;padding:var(--middle-space) 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.contral .btn[data-v-6831b831]{display:flex;flex-direction:row}.contral .importUpload[data-v-6831b831]{margin:0 10px}.contral .rightSearch[data-v-6831b831]{margin-left:auto;width:300px}.stop[data-v-6831b831]{color:#ec3226}.open[data-v-6831b831]{color:#00b632}.currentVersion[data-v-6831b831]{color:#00b632}.newestVersion[data-v-6831b831]{color:#f37c26}.flowTable[data-v-6831b831]{height:1px;flex-grow:1}.page[data-v-6831b831]{height:50px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}

.userStyle[data-v-630f4502]{padding:5px 10px;height:25px;display:flex;flex-direction:row;align-items:center;border-radius:5px;background-color:#f8f8f8;margin-right:5px;margin-bottom:5px;position:relative}.userStyle .el-image[data-v-630f4502]{width:20px;height:20px;border-radius:5px;-o-object-fit:contain;object-fit:contain}.userStyle[data-v-630f4502] .userAvatar{line-height:20px;font-size:12px;border-radius:5px;text-align:center;background-color:var(--theme-color);color:#fff}.userStyle .name[data-v-630f4502]{margin-left:5px;font-size:12px;line-height:28px}.userStyle .delete[data-v-630f4502]{position:absolute;right:-5px;top:-5px;font-size:14px;color:#d60a0a;cursor:pointer;display:none}.userStyle .noClick[data-v-630f4502]{cursor:not-allowed}.userStyle[data-v-630f4502]:hover{background-color:#ebeef5}.userStyle:hover .delete[data-v-630f4502]{display:block}

.userStyle[data-v-2c100360]{padding:5px 10px;height:25px;display:flex;flex-direction:row;white-space:nowrap;align-items:center;border-radius:5px;background-color:#f8f8f8;margin-right:5px;position:relative}.userStyle .el-image[data-v-2c100360]{width:20px;height:20px;flex:0 0 auto;border-radius:5px;-o-object-fit:contain;object-fit:contain}.userStyle .name[data-v-2c100360]{flex:0 0 auto;margin-left:5px;font-size:12px;line-height:28px}.userStyle .delete[data-v-2c100360]{position:absolute;right:-5px;top:-5px;font-size:14px;color:#d60a0a;cursor:pointer;display:none}.userStyle .noClick[data-v-2c100360]{cursor:not-allowed}.userStyle[data-v-2c100360]:hover{background-color:#ebeef5}.userStyle:hover .delete[data-v-2c100360]{display:block}

.usersContent[data-v-017f3df1]{max-height:170px;overflow-y:auto;display:flex;flex-direction:column;padding:5px 0}.inline[data-v-017f3df1]{display:flex;flex-direction:row;flex-wrap:wrap;padding:5px 0}[data-v-017f3df1] .userStyle{margin-bottom:5px}

.h5-layout{margin:10px auto;border-radius:15px;box-shadow:0 0 1px 5px #495060;padding:10px;height:500px;overflow-y:auto;overflow-x:hidden;width:420px}


.inlineChoice[data-v-6e88bfbc] {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.choiceField[data-v-6e88bfbc] {
  min-width: 80px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px dashed #ccc;
  border-radius: 5px;
  cursor: pointer;
}
.titleLine[data-v-6e88bfbc] {
  line-height: 30px;
}

#basicSetting[data-v-0b1c5a8c]{max-width:900px;margin:auto}.addPeople[data-v-0b1c5a8c]{width:30px}.radioList[data-v-0b1c5a8c]{display:flex;flex-direction:row;align-items:center}.radioList .el-radio[data-v-0b1c5a8c]{line-height:40px}.radioList .el-button[data-v-0b1c5a8c]{margin-left:15px}.inlineStyle[data-v-0b1c5a8c]{display:inline-block;margin-right:10px;margin-bottom:0px}.inlineStyle[data-v-0b1c5a8c] .el-form-item__label{float:left;min-width:45px;width:auto !important}.inlineStyle[data-v-0b1c5a8c] .el-form-item__content{float:left;margin-left:0 !important}.inlineList[data-v-0b1c5a8c]{width:456px}.inlineList[data-v-0b1c5a8c] .dynForm .el-input{width:300px}.tips[data-v-0b1c5a8c]{margin-left:20px;color:#888;font-size:0.8em}.filesList[data-v-0b1c5a8c]{margin-top:5px;width:100%;display:flex;flex-direction:column}.filesList .file[data-v-0b1c5a8c]{padding:5px 10px;height:30px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border-radius:5px}.filesList .file span[data-v-0b1c5a8c]{margin-right:auto}.filesList .file i[data-v-0b1c5a8c]{cursor:pointer;margin-right:10px}.filesList .file[data-v-0b1c5a8c]:hover{background-color:#ebeef5}

#usersContent[data-v-03f38090]{width:100%;overflow-y:auto;display:flex;flex-direction:column;max-height:170px}#usersContent .tag-block[data-v-03f38090]{line-height:1.2;display:flex;justify-content:flex-start}#usersContent .tag-block .name[data-v-03f38090]{width:55px;line-height:35px;flex-shrink:0}#usersContent .tag-block .tag-con[data-v-03f38090]{padding:5px 10px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;border-radius:5px}#usersContent .tag-block .tag-con .el-tag[data-v-03f38090]{display:flex;flex-direction:row;align-items:center;margin-right:5px;margin-bottom:10px}#usersContent .tag-block .tag-con .el-tag[data-v-03f38090] .el-icon-close{top:2px}#usersContent .tag-block .tag-con .el-image[data-v-03f38090]{width:16px;height:16px;margin-right:5px;border-radius:5px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}#usersContent .tag-block .tag-con .node-icon[data-v-03f38090] img{width:16px;height:16px;-o-object-fit:scale-down;object-fit:scale-down;flex-shrink:0}

#permission[data-v-5d48b9b4]{max-width:800px;margin:0 auto}.block[data-v-5d48b9b4]{display:block}.tips[data-v-5d48b9b4]{margin-left:20px;color:#888;font-size:0.8em}.addPeople[data-v-5d48b9b4]{margin-left:5px;font-size:16px;color:#4777e7}.addStyleApprove[data-v-5d48b9b4]{margin-left:5px;font-size:22px;line-height:32px;color:#5584ff;cursor:pointer}.noClick[data-v-5d48b9b4]{cursor:not-allowed}

/**
    Name:       IDEA default theme
    From IntelliJ IDEA by JetBrains
 */

.cm-s-idea span.cm-meta { color: #808000; }
.cm-s-idea span.cm-number { color: #0000FF; }
.cm-s-idea span.cm-keyword { line-height: 1em; font-weight: bold; color: #000080; }
.cm-s-idea span.cm-atom { font-weight: bold; color: #000080; }
.cm-s-idea span.cm-def { color: #000000; }
.cm-s-idea span.cm-variable { color: black; }
.cm-s-idea span.cm-variable-2 { color: black; }
.cm-s-idea span.cm-variable-3, .cm-s-idea span.cm-type { color: black; }
.cm-s-idea span.cm-property { color: black; }
.cm-s-idea span.cm-operator { color: black; }
.cm-s-idea span.cm-comment { color: #808080; }
.cm-s-idea span.cm-string { color: #008000; }
.cm-s-idea span.cm-string-2 { color: #008000; }
.cm-s-idea span.cm-qualifier { color: #555; }
.cm-s-idea span.cm-error { color: #FF0000; }
.cm-s-idea span.cm-attribute { color: #0000FF; }
.cm-s-idea span.cm-tag { color: #000080; }
.cm-s-idea span.cm-link { color: #0000FF; }
.cm-s-idea .CodeMirror-activeline-background { background: #FFFAE3; }

.cm-s-idea span.cm-builtin { color: #30a; }
.cm-s-idea span.cm-bracket { color: #cc7; }
.cm-s-idea  { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;}


.cm-s-idea .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }

.CodeMirror-hints.idea {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  color: #616569;
  background-color: #ebf3fd !important;
}

.CodeMirror-hints.idea .CodeMirror-hint-active {
  background-color: #a2b8c9 !important;
  color: #5c6065 !important;
}
/*
Copyright (C) 2011 by MarkLogic Corporation
Author: Mike Brevoort <mike@brevoort.com>

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.cm-s-xq-light span.cm-keyword { line-height: 1em; font-weight: bold; color: #5A5CAD; }
.cm-s-xq-light span.cm-atom { color: #6C8CD5; }
.cm-s-xq-light span.cm-number { color: #164; }
.cm-s-xq-light span.cm-def { text-decoration:underline; }
.cm-s-xq-light span.cm-variable { color: black; }
.cm-s-xq-light span.cm-variable-2 { color:black; }
.cm-s-xq-light span.cm-variable-3, .cm-s-xq-light span.cm-type { color: black; }
.cm-s-xq-light span.cm-property {}
.cm-s-xq-light span.cm-operator {}
.cm-s-xq-light span.cm-comment { color: #0080FF; font-style: italic; }
.cm-s-xq-light span.cm-string { color: red; }
.cm-s-xq-light span.cm-meta { color: yellow; }
.cm-s-xq-light span.cm-qualifier { color: grey; }
.cm-s-xq-light span.cm-builtin { color: #7EA656; }
.cm-s-xq-light span.cm-bracket { color: #cc7; }
.cm-s-xq-light span.cm-tag { color: #3F7F7F; }
.cm-s-xq-light span.cm-attribute { color: #7F007F; }
.cm-s-xq-light span.cm-error { color: #f00; }

.cm-s-xq-light .CodeMirror-activeline-background { background: #e8f2ff; }
.cm-s-xq-light .CodeMirror-matchingbracket { outline:1px solid grey;color:black !important;background:yellow; }

.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

.input[data-v-d41fbc6e]{width:210px}.wideInput[data-v-d41fbc6e]{width:calc(100% - 50px)}[data-v-d41fbc6e] .el-form-item{margin-bottom:3px}[data-v-d41fbc6e] .el-form-item__error{top:75% !important}[data-v-d41fbc6e] .el-divider--horizontal{margin:11px 0}.codemirror[data-v-d41fbc6e]{width:calc(100% - 50px);line-height:20px;display:inline-block;border:1px solid #f1eded}

.btns[data-v-255f82d6] .el-button--mini {
  margin-left: 0px !important;
  margin-right: 10px;
}

.btns[data-v-631278a8] .el-button--mini {
  margin-left: 0px !important;
  margin-right: 10px;
}
.fullHeight[data-v-631278a8] {
  height: 100%;
  overflow: auto;
}
.flex[data-v-631278a8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.w200[data-v-631278a8] {
  width: 200px;
}

.el-form-item__tip[data-v-42867e8c] {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
  line-height: 1.6;
}
.QRCodePageDataConent[data-v-42867e8c] {
  display: flex;
}
.QRCodePageDataConent .QRCodetextConent[data-v-42867e8c] {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.dialog-title[data-v-6d2574ee] {
  margin-left: 10px;
  width: 200px;
  display: inline-block;
}
.size18[data-v-6d2574ee] {
  font-size: 18px;
  color: #303133;
}
.treeCustomHeight[data-v-6d2574ee] {
  height: 400px;
  overflow: auto;
}

.wrapper[data-v-3cb011a0]{max-width:800px;margin:0 auto;font-size:14px}.wrapper[data-v-3cb011a0] .el-form-item{margin-bottom:5px !important}.inlineBlock[data-v-3cb011a0]{display:inline-block;width:400px;margin:0 10px 0 15px}.tips[data-v-3cb011a0]{color:#888;font-size:0.8em}.flex[data-v-3cb011a0]{display:flex;justify-content:flex-end}.flex2[data-v-3cb011a0]{justify-content:flex-start;align-items:center}.fontsize14[data-v-3cb011a0]{font-size:14px;color:#606266}.marginR10[data-v-3cb011a0]{margin-right:10px}.marginL10[data-v-3cb011a0]{margin-left:10px}.breakAll[data-v-3cb011a0]{word-break:break-all}.fontblod[data-v-3cb011a0]{color:#3a3a3a;font-weight:700}

.userName[data-v-33f176e2]{display:flex;flex-direction:row;align-items:center}.roleShow[data-v-33f176e2] .el-link--inner{display:flex;flex-direction:row;align-items:center;cursor:pointer}.roleShow[data-v-33f176e2] .el-link--inner img{width:20px;height:20px;margin-right:5px}.roleSource[data-v-33f176e2]{width:105px}.allSource[data-v-33f176e2]{width:100%}.styleRole[data-v-33f176e2]{margin-left:5px;cursor:pointer;color:#006EFF}.iconDle[data-v-33f176e2]{margin-left:5px;cursor:pointer;color:#d60a0a}#usersContent[data-v-33f176e2]{width:100%;display:flex;flex-direction:column}.addPeople[data-v-33f176e2]{width:100px}.inline[data-v-33f176e2]{flex-direction:row !important;flex-wrap:wrap}.allprjPriviUsers[data-v-33f176e2]{flex-direction:row !important;flex-wrap:wrap}

#deptRoles[data-v-4c3b1fd1]{width:100%;display:flex;flex-direction:column}.allSource[data-v-4c3b1fd1]{width:100%}.addPeople[data-v-4c3b1fd1]{padding-left:0px !important}

#deptRoles[data-v-cf3f3802]{width:100%;display:flex;flex-direction:column}.allSource[data-v-cf3f3802]{width:100%}.addPeople[data-v-cf3f3802]{padding-left:0px !important}

.listCenter[data-v-302bf761]{text-align:center;line-height:30px}.conditionTestDlg[data-v-302bf761] .el-input__inner{height:30px;line-height:30px}

.sql-tr td[data-v-6effbadc]{height:30px;padding:2px}.sql-tr .el-select[data-v-6effbadc]{display:block}.input-group[data-v-6effbadc]{display:flex;flex-flow:row nowrap}.input-group .prefix[data-v-6effbadc],.input-group .suffix[data-v-6effbadc]{padding:0 6px;line-height:24px}.input-group .ghost[data-v-6effbadc]{flex:0 0 100px;padding:0}.input-group .ghost .el-select[data-v-6effbadc]{width:100%;height:100%}.input-group .ghost .el-select[data-v-6effbadc] .el-input .el-input__inner{background-color:#eee;padding:0 4px}.input-group .input-content[data-v-6effbadc]{flex:1 1;margin-left:2px}.input-group .input-content .el-input[data-v-6effbadc]{width:100%}.input-group .input-content[data-v-6effbadc] .el-input,.input-group .input-content[data-v-6effbadc] .el-select{margin-bottom:2px}.width-full[data-v-6effbadc]{width:100%}

table[data-v-2b14d585]{width:100%;table-layout:fixed}table th[data-v-2b14d585],table td[data-v-2b14d585]{text-align:center}.deleteTextBtn[data-v-2b14d585]{color:#F56C6C}.textMode[data-v-2b14d585] .el-input__inner{border:solid 0px;background-color:transparent}.group[data-v-2b14d585]{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;position:relative;border:1px solid #ddd;margin:8px 0 42px;border-radius:4px;background-color:#fafafa;box-shadow:0 8px 20px -20px #5a5a5a}.group:first-of-type .group-prefix[data-v-2b14d585]{display:none}.group-prefix[data-v-2b14d585]{position:absolute;top:-36px;text-align:center;width:100%}.group-prefix .el-select[data-v-2b14d585]{width:60px}.group-header[data-v-2b14d585]{text-align:center;margin:4px 0 0;margin-bottom:10px}.group-header .group-drag[data-v-2b14d585]{cursor:grab}.group-header .name[data-v-2b14d585]{margin:0 8px}.group-header .el-select[data-v-2b14d585]{width:60px}.group-header .el-button[data-v-2b14d585]{margin-left:10px;color:#F56C6C}.group-body[data-v-2b14d585]{padding:0 4px}.group-body .item-drag[data-v-2b14d585]{cursor:grab}.group-footer[data-v-2b14d585]{padding:8px 0;text-align:center}.basic-footer[data-v-2b14d585]{text-align:center;margin-top:-30px}.basic-footer[data-v-2b14d585]:nth-child(1){margin-top:0}

.add-node-popover-body {
  max-width: 336px;
}
.add-node-popover-body .add-node-popover-item {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: #191F25 !important;
  margin-right: 8px;
  margin-bottom: 8px;
  width: 160px;
  background: rgba(17, 31, 44, 0.02);
  padding: 8px;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
.add-node-popover-body .add-node-popover-item .iconfont {
  font-size: 20px;
  line-height: 40px;
}
.add-node-popover-body .add-node-popover-item .item-wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-right: 12px;
}
.add-node-popover-body .add-node-popover-item:hover {
  background: #FFFFFF;
  border: 1px solid #ecedef;
  box-shadow: 0 2px 8px 0 rgba(17, 31, 44, 0.08);
}
.add-node-popover-body .add-node-popover-item.approver .item-wrapper {
  color: #FF943E;
}
.add-node-popover-body .add-node-popover-item.notifier .item-wrapper {
  color: #3296FA;
}
.add-node-popover-body .add-node-popover-item.route .item-wrapper {
  color: #15BC83;
}

.add-node-btn-box[data-v-9ab34258] {
  width: 240px;
  display: inline-flex;
  flex-shrink: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  position: relative;
}
.add-node-btn-box[data-v-9ab34258]::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  z-index: 0;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
.add-node-btn-box .add-node-btn[data-v-9ab34258] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 240px;
  padding: 20px 0 32px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 1;
}
.add-node-btn-box .add-node-btn .btn[data-v-9ab34258] {
  outline: none;
  width: 30px;
  background: #3296fa;
  cursor: pointer;
  border-radius: 10px;
  position: relative;
  border: none;
  line-height: 30px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.add-node-btn-box .add-node-btn .btn[data-v-9ab34258]:hover {
  transform: scale(1.3);
  box-shadow: 0 13px 27px 0 rgba(0, 0, 0, 0.1);
}
.add-node-btn-box .add-node-btn .btn .iconfont[data-v-9ab34258] {
  color: #fff;
  font-size: 16px;
}

.node-wrap,
.flow-wrap {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  width: 100%;
  padding: 0 50px;
  position: relative;
}

.branch-wrap {
  display: inline-flex;
  width: 100%;
}
.branch-wrap .branch-box-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  min-height: 270px;
  width: 100%;
  flex-shrink: 0;
}
.branch-wrap .branch-box-wrap .branch-box {
  display: flex;
  overflow: visible;
  min-height: 180px;
  height: auto;
  border-bottom: 2px solid #cccccc;
  border-top: 2px solid #cccccc;
  position: relative;
  margin-top: 15px;
}
.branch-wrap .branch-box-wrap .branch-box .add-branch {
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
  font-size: 12px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #fff;
  background-image: linear-gradient(90deg, #006EFF, #00C0FF);
  position: absolute;
  top: -16px;
  left: calc(50% - 34px);
  cursor: pointer;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.branch-wrap .branch-box-wrap .branch-box .col-box {
  background: #f0f2f5;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.branch-wrap .branch-box-wrap .branch-box .col-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  z-index: 0;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
.branch-wrap .branch-box-wrap .branch-box .col-box .top-left-cover-line {
  position: absolute;
  height: 8px;
  width: 50%;
  background-color: #f0f2f5;
  top: -4px;
  left: -1px;
}
.branch-wrap .branch-box-wrap .branch-box .col-box .bottom-left-cover-line {
  position: absolute;
  height: 8px;
  width: 50%;
  background-color: #f0f2f5;
  bottom: -4px;
  left: -1px;
}
.branch-wrap .branch-box-wrap .branch-box .col-box .top-right-cover-line {
  position: absolute;
  height: 8px;
  width: 50%;
  background-color: #f0f2f5;
  top: -4px;
  right: -1px;
}
.branch-wrap .branch-box-wrap .branch-box .col-box .bottom-right-cover-line {
  position: absolute;
  height: 8px;
  width: 50%;
  background-color: #f0f2f5;
  bottom: -4px;
  right: -1px;
}
.dingflow-design .auto-judge .sort-left,
.dingflow-design .auto-judge .sort-right {
  position: absolute;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1;
}
.condition-node {
  min-height: 220px;
  display: inline-flex;
  flex-direction: column;
  -webkit-box-flex: 1;
}
.condition-node .condition-node-box {
  padding-top: 30px;
  padding-right: 50px;
  padding-left: 50px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.condition-node .condition-node-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  width: 2px;
  background-color: #cacaca;
}
.condition-node .condition-node-box .auto-judge {
  position: relative;
  width: 260px;
  min-height: 88px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.condition-node .condition-node-box .auto-judge .close {
  display: none;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  z-index: 2;
  color: rgba(25, 31, 37, 0.56);
}
.condition-node .condition-node-box .auto-judge .noshow {
  display: none;
}
.condition-node .condition-node-box .auto-judge .priority-title {
  display: block;
  margin-right: 10px;
  float: right;
  color: rgba(25, 31, 37, 0.56);
}
.condition-node .condition-node-box .auto-judge:hover .close {
  display: block;
}
.condition-node .condition-node-box .auto-judge:hover .priority-title {
  display: none;
}
.condition-node .condition-node-box .auto-judge:hover::after {
  border: 1px solid #3296fa;
  box-shadow: 0 0 6px 0 rgba(50, 150, 250, 0.3);
}
.condition-node .condition-node-box .auto-judge::after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.condition-node .condition-node-box .auto-judge .title-wrapper {
  position: relative;
  font-size: 12px;
  padding: 0 5px;
  height: 44px;
  color: var(--theme-color);
  text-align: left;
  line-height: 16px;
  padding: 0 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
}
.condition-node .condition-node-box .auto-judge .title-wrapper .editable-title {
  line-height: 44px;
  font-size: 14px;
  overflow: hidden;
  border-bottom: dashed 1px transparent;
  display: inline-block;
  max-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.condition-node .condition-node-box .auto-judge .title-wrapper .editable-title i {
  font-size: 16px;
}
.condition-node .condition-node-box .auto-judge .title-wrapper .editable-title:hover {
  border-bottom: dashed 1px #ffffff;
}
.condition-node .condition-node-box .auto-judge .title-wrapper .editable-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 40px;
}
.condition-node .condition-node-box .auto-judge .content {
  font-size: 14px;
  color: #191f25;
  padding: 0 5px;
  text-align: left;
  line-height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.condition-node .condition-node-box .auto-judge .content i {
  font-size: 16px;
}
.condition-node .condition-node-box .auto-judge .sort-right {
  right: 0;
  border-left: 1px solid #f6f6f6;
}

.arrows[data-v-2bfadf0c] {
  height: 44px;
}
.arrows[data-v-2bfadf0c]::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 4px;
  border-style: solid;
  border-width: 8px 6px 4px;
  border-color: #cacaca transparent transparent;
  background: #f5f5f7;
}
.noArrows[data-v-2bfadf0c] {
  height: 44px;
}
.node-wrap-box[data-v-2bfadf0c] {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  width: 260px;
  min-height: 88px;
  flex-shrink: 0;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
}
.node-wrap-box .close[data-v-2bfadf0c] {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}
.node-wrap-box:hover .close[data-v-2bfadf0c] {
  display: block;
}
.node-wrap-box[data-v-2bfadf0c]:hover::after {
  border: 1px solid #3296fa;
  box-shadow: 0 0 6px 0 rgba(50, 150, 250, 0.3);
}
.node-wrap-box[data-v-2bfadf0c]::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.node-wrap-box .node-type-1[data-v-2bfadf0c] {
  background-image: linear-gradient(90deg, #2DC4EC, #17D8E4, #2DC4ED);
}
.node-wrap-box .node-type-2[data-v-2bfadf0c] {
  background-image: linear-gradient(90deg, #006EFF, #00C0FF);
}
.node-wrap-box .node-type-4[data-v-2bfadf0c] {
  background: #3296fa;
}
.node-wrap-box .title[data-v-2bfadf0c] {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 5px;
  width: 100%;
  height: 100%;
  line-height: 40px;
  color: #ffffff;
  text-align: left;
  border-radius: 4px 4px 0px 0px;
}
.node-wrap-box .title .edit-title[data-v-2bfadf0c] {
  line-height: 40px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-bottom: dashed 1px transparent;
}
.node-wrap-box .title .edit-title i[data-v-2bfadf0c] {
  font-size: 16px;
  margin-right: 5px;
}
.node-wrap-box .title .edit-title[data-v-2bfadf0c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 40px;
}
.node-wrap-box .content[data-v-2bfadf0c] {
  position: relative;
  height: 44px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.node-wrap-box .content i[data-v-2bfadf0c] {
  font-size: 16px;
  margin-right: 5px;
}
.node-wrap-box .content .text[data-v-2bfadf0c] {
  padding: 0 5px;
  display: block;
  font-size: 14px;
}

.design-engine[data-v-7650eec1] {
  position: relative;
  height: 100%;
  overflow: auto;
  background-color: #f0f2f5;
}
.design-engine .dingflow-design[data-v-7650eec1] {
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.design-engine .dingflow-design[data-v-7650eec1] .ant-popover-arrow {
  display: none !important;
}
.design-engine .dingflow-design .ie-polyfill-container[data-v-7650eec1] {
  display: -ms-grid;
  -ms-grid-columns: min-content;
}
.design-engine .dingflow-design .ie-polyfill-container .box-scale[data-v-7650eec1] {
  transform: scale(1);
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 54.5px 0;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  min-width: -moz-min-content;
  min-width: min-content;
  transform-origin: 50% 0px 0px;
}
.design-engine .dingflow-design .ie-polyfill-container .box-scale .end-node[data-v-7650eec1] {
  border-radius: 50%;
  font-size: 14px;
  color: rgba(25, 31, 37, 0.4);
  text-align: left;
}
.design-engine .dingflow-design .ie-polyfill-container .box-scale .end-node .end-node-circle[data-v-7650eec1] {
  width: 10px;
  height: 10px;
  margin: auto;
  border-radius: 50%;
  background: #dbdcdc;
}
.design-engine .dingflow-design .ie-polyfill-container .box-scale .end-node .end-node-text[data-v-7650eec1] {
  margin-top: 5px;
  text-align: center;
}

#DrawFlow[data-v-94a0b4f6]{width:100%;height:100%;overflow-y:auto;background:#fff;box-sizing:border-box}.el-select[data-v-94a0b4f6]{width:100%}.oper[data-v-94a0b4f6]{margin-top:10px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.configPage[data-v-94a0b4f6]{height:100%;padding:0 10px;position:relative;display:flex;flex-direction:column}.configPage .configList[data-v-94a0b4f6]{flex:1 1;overflow-y:auto}.configPage .updateFieId[data-v-94a0b4f6]{position:absolute;right:10px;top:8px;font-size:14px}.tips[data-v-94a0b4f6]{cursor:pointer;color:var(--theme-color);font-size:16px}.addPeople[data-v-94a0b4f6]{margin-left:5px}.ccTop[data-v-94a0b4f6]{border-top:2px dashed #ccc;padding-top:10px}.itemLabel[data-v-94a0b4f6]{margin-left:5px;font-size:14px}.readOnly[data-v-94a0b4f6] .add-node-btn{visibility:hidden}.readOnly[data-v-94a0b4f6] .showClose{display:none}.readOnly[data-v-94a0b4f6] .showClose i{visibility:hidden}.readOnly[data-v-94a0b4f6] .branch-box{margin-top:0}.readOnly[data-v-94a0b4f6] .branch-box .add-branch{display:none}.assigneeShowList[data-v-94a0b4f6]{margin-left:100px}.help[data-v-94a0b4f6]{color:#888;line-height:22px}

.bgcDrawer .el-drawer__header{background-image:linear-gradient(90deg, #006EFF, #00C0FF);color:#fff}

#toolbar_header {
  width: 100%;
  height: 100%;
}
.toolbar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44px;
  padding: 5px;
  border: 1px solid #e6e9ed;
}
.toolbar .split {
  width: 10px;
  height: 100%;
  border-right: 1px solid #eee;
  margin-right: 5px;
}
.toolbar .command {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #333;
  font-size: 16px;
  margin-right: 8px;
}
.toolbar .command i {
  font-size: 18px;
  color: #333;
  margin-right: 3px;
}
.toolbar .command .icon {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.toolbar .command span {
  display: block;
  font-size: 14px;
  cursor: pointer;
}
.toolbar .command:hover {
  color: #1890ff;
}
.toolbar .pull-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.toolbar .pull-right .exportStyle {
  margin-right: 8px;
  margin-bottom: 10px;
}
.toolbar .disable {
  color: rgba(0, 0, 0, 0.25);
}
.toolbar .disable i {
  cursor: not-allowed;
}
.toolbar .disable span {
  cursor: not-allowed;
}
.toolbar .disable:hover {
  color: rgba(0, 0, 0, 0.25);
}
.exportStyle {
  margin-top: 10px;
}

.item-panel {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  text-align: center;
  overflow-y: auto;
  margin-bottom: 10px;
}
.item-panel .panel {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 15px;
  cursor: pointer;
}
.item-panel .item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.item-panel .item.item-flow-rect {
  width: 100px;
  height: 50px;
  border: 1px solid #1890ff;
  background-color: rgba(24, 144, 255, 0.2);
}
.item-panel .item.item-flow-circle {
  width: 70px;
  height: 70px;
  border-radius: 60px;
  border: 1px solid #fa8c16;
  background-color: rgba(250, 140, 22, 0.2);
}
.item-panel .item.item-flow-rhombus {
  width: 70px;
  height: 70px;
  margin: 25px auto;
  border: 1px solid #13c2c2;
  background-color: rgba(19, 194, 194, 0.2);
  transform: rotate(45deg);
}
.item-panel .item.item-flow-rhombus span {
  transform: rotate(-45deg);
}
.item-panel .item.item-img {
  max-width: 100px;
}
.item-panel .item_nav {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item-panel .item_nav span {
  font-size: 14px;
  font-weight: 700;
}

.ccTop[data-v-119df950]{border-top:2px dashed #ccc;padding-top:5px}.detailDrawer[data-v-119df950]{width:100%;height:100%;overflow:hidden;padding-top:10px;box-shadow:0 8px 10px -5px rgba(0,0,0,0.2);background-color:#fff;display:flex;flex-direction:column}.approveLabel span[data-v-119df950]{font-size:14px}.el-select[data-v-119df950]{width:100%}.tips[data-v-119df950]{cursor:pointer;color:var(--theme-color);font-size:16px}.color-picker[data-v-119df950]{margin-bottom:0}.nodeConfig[data-v-119df950],.conditionConfig[data-v-119df950]{flex:1 1;height:100%;padding-left:10px;display:flex;flex-direction:column}.nodeConfig .fileIdList[data-v-119df950],.conditionConfig .fileIdList[data-v-119df950]{height:calc(100% - 240px);padding-right:5px;flex:1 1;overflow:hidden;display:flex;overflow-y:auto;flex-direction:column;align-items:flex-start;padding-bottom:10px}.nodeConfig .fileIdList .el-form[data-v-119df950],.conditionConfig .fileIdList .el-form[data-v-119df950]{width:100%}.defaultStyles[data-v-119df950]{height:40px;display:flex;flex-direction:row;align-items:center}.defaultStyles span[data-v-119df950]{width:90px;text-align:right;margin-right:5px;font-size:14px}.help[data-v-119df950]{color:#888;line-height:22px}.itemLabel[data-v-119df950]{margin-left:5px;font-size:14px}.el-drawer__wrapper[data-v-119df950]{pointer-events:none}[data-v-119df950] .bgcDrawer{pointer-events:auto}[data-v-119df950] .el-form-item{margin-bottom:2px}[data-v-119df950] .el-tabs__header{margin-bottom:5px}

.contextMenu[data-v-7c5677fb]{display:none;overflow:hidden;font-size:12px;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.contextMenu .command.disable .item[data-v-7c5677fb]{color:rgba(0,0,0,0.25);cursor:auto}.contextMenu .command.disable .item[data-v-7c5677fb]:hover{background:#fff}.contextMenu .item[data-v-7c5677fb]{display:flex;flex-direction:row;align-items:center;padding:5px 12px;cursor:pointer;transition:all 0.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.contextMenu .item[data-v-7c5677fb]:hover{background:#e6f7ff}.contextMenu .item i[data-v-7c5677fb]{margin-right:8px;margin-top:2px}

.vue-flowchart-editor[data-v-70574477]{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;position:relative}.vfe-chart[data-v-70574477]{width:100%;height:100%;overflow:hidden}.vfe-chart-header[data-v-70574477]{width:100%;height:44px}.vfe-chart-container[data-v-70574477]{width:100%;height:calc(100% - 44px);display:flex;flex-direction:row}.vfe-chart-container .vfe-chart-sidebar[data-v-70574477]{width:60px;background-color:#E1E3E5}.vfe-chart-container .vfe-chart-main[data-v-70574477]{position:relative;flex:1 1}.vfe-chart-container .vfe-chart-right[data-v-70574477]{width:400px}

.vue-flowchart-editor[data-v-032b1b20]{display:flex;flex:1;flex-direction:column;width:100%;height:100%;background:#fff;position:relative}.vfe-chart[data-v-032b1b20]{width:100%;height:100%;display:flex;flex-direction:column}.vfe-chart-container[data-v-032b1b20]{flex:1;display:flex;flex-direction:row}.vfe-chart-container .vfe-chart-sidebar[data-v-032b1b20]{width:60px;background-color:#E1E3E5}.vfe-chart-container .vfe-chart-main[data-v-032b1b20]{position:relative;flex:1 1}.vfe-chart-container .vfe-chart-right[data-v-032b1b20]{width:350px}

#flowchart[data-v-31e0fd67]{width:100%;height:100%;overflow:hidden}

#flowContainer[data-v-56617986]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.header[data-v-56617986]{width:100%;height:45px;display:flex;flex-direction:row;align-items:center;padding:0 16px;border-bottom:1px solid #e5e8f1}.header .title[data-v-56617986]{font-size:16px;font-weight:700}.header .oper[data-v-56617986]{width:270px;display:flex;flex-direction:row;justify-content:flex-end}.flowTabs[data-v-56617986]{margin:auto}.flowTabs[data-v-56617986] .el-tabs__header{margin-bottom:-3px !important}.flowTabs[data-v-56617986] .el-tabs__nav-wrap::after{background-color:#fff !important}.flowTabs .navIcon[data-v-56617986]{font-size:16px;margin-right:5px}.flowTabs .navName[data-v-56617986]{font-size:15px;font-weight:700}.content[data-v-56617986]{flex:1 1;padding:10px;overflow-y:auto}

#processSetting[data-v-5d536758]{width:100%;height:100%;overflow:hidden}