.el-drawer__header{margin-bottom:10px}.el-drawer__header>span{font-weight:700;font-size:15px}

.dialog-title[data-v-7ef5b56a]{display:flex;flex-direction:row;align-items:center;padding-right:50px}.dialog-title .title[data-v-7ef5b56a]{font-weight:700;font-size:16px;line-height:22px}.dialog-title .right[data-v-7ef5b56a]{margin-left:auto;display:flex;flex-direction:row;align-items:center}.dialog-title .right .el-button[data-v-7ef5b56a]{margin-left:5px}.page[data-v-7ef5b56a]{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-7ef5b56a]{border-radius:6px;text-align:center;padding:2px 8px}.type1[data-v-7ef5b56a],.type4[data-v-7ef5b56a]{border:1px solid #10A667;background:rgba(16,166,103,0.1);color:#10A667}.type2[data-v-7ef5b56a]{border:1px solid #FF7A00;background:rgba(255,122,0,0.1);color:#FF7A00}.type3[data-v-7ef5b56a]{border:1px solid #60656B;background:rgba(96,101,107,0.1);color:#60656B}.type8[data-v-7ef5b56a]{border:1px solid #9746E8;background:rgba(151,70,232,0.1);color:#9746E8}.type9[data-v-7ef5b56a]{border:1px solid #2F8BF8;background:rgba(47,139,248,0.1);color:#2F8BF8}.type0[data-v-7ef5b56a]{border:1px solid #FF4A4A;background:rgba(255,74,74,0.1);color:#FF4A4A}.btn-text[data-v-7ef5b56a]{margin-left:0px}

#processContainer[data-v-6cb38e46]{width:100%;height:100%}.splitpanes.default-theme .splitpanes__pane[data-v-6cb38e46]{background-color:#fff}.column-left[data-v-6cb38e46]{display:flex;flex-direction:column;align-items:center;padding:var(--small-space) 0}.column-left .title[data-v-6cb38e46]{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;font-size:16px}.column-left .largeSize[data-v-6cb38e46]{font-size:12px;font-weight:400}.column-left .color[data-v-6cb38e46]{color:#346ffa;font-weight:700}.column-left .list_card[data-v-6cb38e46]{width:100%;height:calc(100% - 80px);overflow-y:auto}.column-left .filterInput[data-v-6cb38e46]{padding:var(--middle-space) var(--big-space) var(--small-space)}.column-left .group[data-v-6cb38e46]{width:100%;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding-right:10px}.column-left .group .group_name[data-v-6cb38e46]{margin-left:7px;overflow-x:auto}.column-left .group .icon[data-v-6cb38e46]{margin-left:auto;font-size:16px}.column-left .group .icon i[data-v-6cb38e46]{margin-left:5px}.column-right[data-v-6cb38e46]{height:100%;overflow-y:auto;padding:0 var(--big-space)}.warn[data-v-6cb38e46]{color:#ff0000}.contral[data-v-6cb38e46]{width:100%;padding:var(--middle-space) 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.contral .rightSearch[data-v-6cb38e46]{margin-left:auto;width:300px}.stop[data-v-6cb38e46]{color:#ec3226}.open[data-v-6cb38e46]{color:#00b632}.currentVersion[data-v-6cb38e46]{color:#00b632}.newestVersion[data-v-6cb38e46]{color:#f37c26}.flowTable[data-v-6cb38e46]{height:1px;flex-grow:1}.page[data-v-6cb38e46]{height:50px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}

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

.splitpanes.default-theme .splitpanes__pane{height:100%;background-color:#fff !important}.el-dialog__body{padding:5px 10px !important}.personContent{height:650px;overflow:hidden}.chooseContent{width:100%;height:calc(100% - 50px);overflow-y:auto}.containerHeight{height:calc(100% - 50px);width:100%}.column-left{height:100%;overflow-y:auto}.column-right{height:100%;display:flex;flex-direction:column}.column-right .page{height:50px;margin-top:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.labelList{display:flex;flex-direction:row;align-items:center}.labelList img{width:16px;height:16px;margin-right:5px}.treeList{height:calc(100% - 50px);overflow-y:auto}

#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}

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

table[data-v-d9b3b484]{width:100%;table-layout:fixed}table th[data-v-d9b3b484],table td[data-v-d9b3b484]{text-align:center}.deleteTextBtn[data-v-d9b3b484]{color:#F56C6C}.textMode[data-v-d9b3b484] .el-input__inner{border:solid 0px;background-color:transparent}.group[data-v-d9b3b484]{-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-d9b3b484]{display:none}.group-prefix[data-v-d9b3b484]{position:absolute;top:-36px;text-align:center;width:100%}.group-prefix .el-select[data-v-d9b3b484]{width:60px}.group-header[data-v-d9b3b484]{text-align:center;margin:4px 0 0;margin-bottom:10px}.group-header .group-drag[data-v-d9b3b484]{cursor:grab}.group-header .name[data-v-d9b3b484]{margin:0 8px}.group-header .el-select[data-v-d9b3b484]{width:60px}.group-header .el-button[data-v-d9b3b484]{margin-left:10px;color:#F56C6C}.group-body[data-v-d9b3b484]{padding:0 4px}.group-body .item-drag[data-v-d9b3b484]{cursor:grab}.group-footer[data-v-d9b3b484]{padding:8px 0;text-align:center}.basic-footer[data-v-d9b3b484]{text-align:center;margin-top:-30px}.basic-footer[data-v-d9b3b484]: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-327e8124]{width:100%;height:100%;overflow-y:auto;background:#fff;box-sizing:border-box}.oper[data-v-327e8124]{margin-top:10px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.configPage[data-v-327e8124]{height:100%;padding:0 10px;position:relative;display:flex;flex-direction:column}.configPage .configList[data-v-327e8124]{flex:1 1;overflow-y:auto}.configPage .updateFieId[data-v-327e8124]{position:absolute;right:10px;top:8px;font-size:14px}.tips[data-v-327e8124]{cursor:pointer;color:var(--theme-color);font-size:16px}.addPeople[data-v-327e8124]{margin-left:5px}.ccTop[data-v-327e8124]{border-top:2px dashed #ccc;padding-top:10px}.itemLabel[data-v-327e8124]{margin-left:5px;font-size:14px}.readOnly[data-v-327e8124] .add-node-btn{visibility:hidden}.readOnly[data-v-327e8124] .showClose{display:none}.readOnly[data-v-327e8124] .showClose i{visibility:hidden}.readOnly[data-v-327e8124] .branch-box{margin-top:0}.readOnly[data-v-327e8124] .branch-box .add-branch{display:none}.help[data-v-327e8124]{color:#888;line-height:22px}

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

.wrapper[data-v-cf143d96]{max-width:800px;margin:0 auto;font-size:14px}.inlineBlock[data-v-cf143d96]{display:inline-block;width:400px;margin:0 10px 0 15px}.tips[data-v-cf143d96]{color:#888;font-size:0.8em}.flex[data-v-cf143d96]{display:flex;justify-content:flex-end}.flex2[data-v-cf143d96]{justify-content:flex-start;align-items:center}.dialog-title[data-v-cf143d96]{margin-left:10px;width:200px;display:inline-block}.size18[data-v-cf143d96]{font-size:18px;color:#303133}.marginR10[data-v-cf143d96]{margin-right:10px}.marginL10[data-v-cf143d96]{margin-left:10px}

#flowContainer[data-v-52d34dab]{width:100%;height:100%;overflow:hidden}.header[data-v-52d34dab]{width:100%;height:45px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #e5e8f1}.header .title[data-v-52d34dab]{font-size:16px;font-weight:700}.designerCom[data-v-52d34dab]{height:calc(100% - 50px);overflow-y:auto;background-color:#eff1f6}.designerCom .navMeau[data-v-52d34dab]{width:100%;height:50px;display:flex;flex-direction:row;background-color:#fff;justify-content:center;align-items:center}.designerCom .navMeau .nav[data-v-52d34dab]{width:260px;height:36px;margin-right:18px;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#f5f5f5;position:relative;cursor:pointer}.designerCom .navMeau .nav img[data-v-52d34dab]{width:24px;height:24px;margin-right:5px}.designerCom .navMeau .nav span[data-v-52d34dab]{font-size:14px;font-weight:600}.designerCom .navMeau .nav[data-v-52d34dab]::after{width:0px;height:0px;border-width:18px;border-style:solid;border-color:transparent transparent transparent #f5f5f5;position:absolute;content:" ";right:-36px}.designerCom .navMeau .nav[data-v-52d34dab]::before{width:0px;height:0px;border-width:18px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;content:" ";left:0px}.designerCom .navMeau .basic[data-v-52d34dab]::before{width:0px;height:0px;border-width:18px;border-style:solid;border-color:transparent transparent transparent #f5f5f5;position:absolute;content:" ";left:0px}.designerCom .navMeau .process[data-v-52d34dab]::after{width:0px;height:0px;border-width:18px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;content:" ";left:0px}.designerCom .navMeau .isActive[data-v-52d34dab]{background:var(--theme-color);color:#fff}.designerCom .navMeau .isActive[data-v-52d34dab]::after{border-color:transparent transparent transparent var(--theme-color)}.designerCom .navMeau .basic.isActive[data-v-52d34dab]::before{border-color:transparent transparent transparent var(--theme-color)}.designerCom .navMeau .process.isActive[data-v-52d34dab]::after{border-color:transparent transparent transparent #fff}.designerCom .content[data-v-52d34dab]{margin-top:10px;background-color:#fff;width:100%;height:calc(100% - 60px);overflow-y:auto;padding:10px}.designerCom i[data-v-52d34dab]{font-size:22px;margin-right:5px}.designerCom .iconActive[data-v-52d34dab]{color:#fff}

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