.node-wrap-box[data-v-618e219f]{position:relative;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;flex-direction:column}.node-wrap-box.condition[data-v-618e219f]{padding:30px 50px 0}.node-wrap-box.empty[data-v-618e219f]{overflow:hidden}.node-wrap-box.approver[data-v-618e219f]:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:4px;border-style:solid;border-width:8px 6px 4px;border-color:#cacaca transparent transparent;background:#f5f5f7}.node-wrap-box.error.condition .error-tip[data-v-618e219f]{right:0}.node-wrap-box.error .error-tip[data-v-618e219f]{right:-40px}.node-wrap-box.error .flow-path-card[data-v-618e219f]{border:1px solid red}.node-wrap-box .error-tip[data-v-618e219f]{position:absolute;right:0;top:15%;width:30px;height:30px;color:red;cursor:pointer;border-radius:50%;border:1px solid;line-height:30px;transition:right .5s}.node-wrap-box.condition .error-tip[data-v-618e219f]{right:60px}.end-node[data-v-618e219f]{font-size:12px;text-align:center;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;flex-direction:column;border:1px solid #d4d7dd;width:244px;height:34px;line-height:34px;border-radius:4px;position:relative}.end-node[data-v-618e219f]:before{content:"";width:10px;height:10px;margin:auto;border:none;margin-bottom:12px;border-radius:50%;background:#dbdcdc;top:-10px;position:absolute}.flow-path-card[data-v-618e219f]{width:244px;font-size:12px;border-radius:4px;text-align:left;cursor:pointer;overflow:hidden;position:relative;box-sizing:border-box;box-shadow:0 0 6px 0 rgba(0,0,0,.3);padding:0 4px 4px;background:#fff}.flow-path-card.copy[data-v-618e219f]{background-color:#aab4cd}.flow-path-card.copy[data-v-618e219f]:hover{box-shadow:0 0 0 2px #aab4cd,0 0 5px 4px rgba(0,0,0,.2)}.flow-path-card.approver[data-v-618e219f]{background-color:#2689f1}.flow-path-card.approver[data-v-618e219f]:hover{box-shadow:0 0 0 2px #2689f1,0 0 5px 4px rgba(0,0,0,.2)}.flow-path-card.start-node[data-v-618e219f]{background-color:#0db37c}.flow-path-card.start-node[data-v-618e219f]:hover{box-shadow:0 0 0 2px #0db37c,0 0 5px 4px rgba(0,0,0,.2)}.flow-path-card.condition[data-v-618e219f]{background-color:#fff2e3}.flow-path-card.condition[data-v-618e219f]:hover{box-shadow:0 0 0 2px #fff2e3,0 0 5px 4px rgba(0,0,0,.2)}.flow-path-card .header[data-v-618e219f]{padding:0 10px;width:100%;height:28px;line-height:28px;color:#fff;position:relative;box-sizing:border-box}.flow-path-card .header .title-box[data-v-618e219f]{position:relative;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-path-card .header .title-input[data-v-618e219f]{position:absolute;left:0;border:none;background:inherit;color:inherit;opacity:0}.flow-path-card .header .title-input[data-v-618e219f]:focus{border-radius:6px;font-size:12px;padding:2px;padding-left:4px;width:97%;margin-left:1px;height:18px;box-sizing:border-box;box-shadow:0 0 2px 2px #7ec3e1;background-color:#f5f5f7;color:#000;opacity:1}.flow-path-card .header .title-text[data-v-618e219f]{vertical-align:middle}.flow-path-card .header>.actions[data-v-618e219f]{position:absolute;right:0;top:0;visibility:hidden}.flow-path-card:not(.start-node):hover .actions[data-v-618e219f]{visibility:visible}.flow-path-card:not(.start-node):hover .title-text[data-v-618e219f]{border-bottom:1px dashed currentColor}.flow-path-card .body[data-v-618e219f]{position:relative;padding:12px 10px;padding-right:30px;box-sizing:border-box;background-color:#fff;border-radius:4px;color:#35413d}.flow-path-card .body .text[data-v-618e219f]{margin:0;display:inline-block;width:100%;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-path-card .icon-wrapper[data-v-618e219f]{position:absolute;top:0;height:100%;width:14px;box-sizing:border-box}.flow-path-card .icon-wrapper.left[data-v-618e219f]{left:5px}.flow-path-card .icon-wrapper.right[data-v-618e219f]{right:5px}.flow-path-card .icon-wrapper>.left-arrow[data-v-618e219f],.flow-path-card .icon-wrapper>.right-arrow[data-v-618e219f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flow-path-card.condition .header[data-v-618e219f]{color:#35413d}.flow-path-card.condition .header .title-text[data-v-618e219f]{color:#ff8600}.flow-path-card.condition .header .actions[data-v-618e219f],.flow-path-card.condition .header .priority[data-v-618e219f]{right:10px}.flow-path-card.condition .icon-wrapper[data-v-618e219f]:hover{background-color:#f1f1f1}.flow-path-card.condition .icon-wrapper.left[data-v-618e219f]{left:0}.flow-path-card.condition .icon-wrapper.right[data-v-618e219f]{right:0}.flow-path-card.condition .left-arrow[data-v-618e219f],.flow-path-card.condition .right-arrow[data-v-618e219f]{visibility:hidden}.flow-path-card.condition:hover .icon-wrapper[data-v-618e219f]{background-color:#f1f1f1}.flow-path-card.condition:hover .left-arrow[data-v-618e219f],.flow-path-card.condition:hover .right-arrow[data-v-618e219f]{visibility:visible}.col-box:first-of-type .condition .left[data-v-618e219f],.col-box:last-of-type .condition .right[data-v-618e219f],.flow-path-card.condition:hover .priority[data-v-618e219f]{display:none}.add-node-btn-box[data-v-618e219f]{width:220px;height:100px;position:relative;padding-top:30px;margin:auto}.add-node-btn-box[data-v-618e219f]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;margin:auto;width:2px;height:100%;background-color:#cacaca}.add-node-btn-box .add-node-btn[data-v-618e219f]{display:flex;justify-content:center}.add-node-btn-box .add-node-btn .btn[data-v-618e219f]{width:28px;height:28px;border-radius:14px;cursor:pointer;outline:none;background-color:#fff;border-color:transparent;transition:transform .5s;box-shadow:0 0 7px 0 hsla(0,0%,68.6%,.3)}.add-node-btn-box .add-node-btn .btn[data-v-618e219f]:hover{transform:scale(1.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.1)}.add-node-btn-box .add-node-btn .btn .icon[data-v-618e219f]{color:#0db37c;font-weight:600}.branch-wrap .branch-box-wrap[data-v-618e219f]{display:inline-flex;flex-direction:column;align-items:center}.branch-wrap .branch-box[data-v-618e219f]{align-items:stretch;border-bottom:2px solid #cacaca;border-top:2px solid #cacaca;box-sizing:border-box}.branch-wrap .branch-box>.col-box[data-v-618e219f]{display:flex;flex-direction:column;align-items:center;position:relative}.branch-wrap .branch-box>.col-box[data-v-618e219f]:first-of-type:after,.branch-wrap .branch-box>.col-box[data-v-618e219f]:first-of-type:before{content:"";position:absolute;left:0;height:3px;width:calc(50% - 1px);background:#fff}.branch-wrap .branch-box>.col-box[data-v-618e219f]:first-of-type:before{top:-2px}.branch-wrap .branch-box>.col-box[data-v-618e219f]:first-of-type:after{bottom:-2px}.branch-wrap .branch-box>.col-box[data-v-618e219f]:last-of-type:after,.branch-wrap .branch-box>.col-box[data-v-618e219f]:last-of-type:before{content:"";position:absolute;right:0;height:3px;width:calc(50% - 1px);background:#fff}.branch-wrap .branch-box>.col-box[data-v-618e219f]:last-of-type:before{top:-2px}.branch-wrap .branch-box>.col-box[data-v-618e219f]:last-of-type:after{bottom:-2px}.branch-wrap .branch-box>.col-box .center-line[data-v-618e219f]{height:100%;width:2px;background:#cacaca;position:absolute}.branch-wrap .branch-box>.btn[data-v-618e219f]{z-index:99;cursor:pointer;position:absolute;top:0;outline:none;transform:translateY(-50%);padding:6px 10px;border:none;border-radius:15px;background:#fff;font-size:14px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);transition:transform .3s}.branch-wrap .branch-box>.btn[data-v-618e219f]:hover{transform:scale(1.1) translateY(-50%)}.condition-box[data-v-618e219f]{display:flex;justify-content:space-around;align-items:center;text-align:center;padding:10px 0}.condition-box>div:first-child .condition-icon[data-v-618e219f]{background-color:#2689f1}.condition-box>div:nth-child(2) .condition-icon[data-v-618e219f]{background-color:#aab4cd}.condition-box>div:nth-child(3) .condition-icon[data-v-618e219f]{background-color:#ffecd7}.condition-box>div:nth-child(3) .condition-icon .iconfont[data-v-618e219f]{color:#ffa139;font-weight:600}.condition-box .condition-icon[data-v-618e219f]{width:36px;height:36px;line-height:36px;border-radius:18px;box-sizing:border-box;font-size:12px;cursor:pointer;margin:0 auto 4px}.condition-box .condition-icon .iconfont[data-v-618e219f]{font-size:16px;color:#fff}.condition-box .condition-icon[data-v-618e219f]:hover{box-shadow:0 0 8px 4px rgba(0,0,0,.1)}.relative[data-v-618e219f]{position:relative}.flex[data-v-618e219f]{display:flex}.justify-center[data-v-618e219f]{justify-content:center}.icon[data-v-618e219f]{vertical-align:middle;width:14px;height:14px;font-size:14px}.priority[data-v-618e219f]{position:absolute;right:0;font-size:12px}[data-v-72d6f7c0]:export{menuText:#bfcbd9;menuActiveText:#0db37c;subMenuActiveText:#f4f4f5;menuBg:#304156;menuHover:#263445;subMenuBg:#1f2d3d;subMenuHover:#001528;sideBarWidth:180px}.container[data-v-72d6f7c0]{height:calc(100vh - 114px);background-color:#fff}.container .header[data-v-72d6f7c0]{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px;border-bottom:1px solid #e6e6e6;font-size:16px}.container .header .left[data-v-72d6f7c0]{display:flex;justify-content:flex-start;align-items:center}.container .header .left .back-btn[data-v-72d6f7c0]{margin-right:40px;color:#6c7571;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.container .header .left .back-btn .iconfont[data-v-72d6f7c0]{margin-top:1px;vertical-align:text-top;font-size:14px;display:inline-block}.container .header .left .back-btn[data-v-72d6f7c0]:after{content:"";position:absolute;top:0;right:-20px;width:1px;height:100%;background-color:#e0e0e0}.container .header .left .title[data-v-72d6f7c0]{font-weight:700;color:#35413d}.container .header .right-btns .el-button--primary[data-v-72d6f7c0]{background-color:#2689f1;border-color:#2689f1}.container .header .right-btns .el-button--primary[data-v-72d6f7c0]:hover{background-color:#4ea4ff;border-color:#4ea4ff}.container .flow-container[data-v-72d6f7c0]{padding:20px;width:100%;height:calc(100% - 60px);min-height:500px;box-sizing:border-box;text-align:center;overflow:auto}.container .flow-container .scale-slider[data-v-72d6f7c0]{position:fixed;z-index:99;color:#97a09c}.container .flow-container .scale-slider .btn[data-v-72d6f7c0]{display:inline-block;padding:5px;border:1px solid #cacaca;border-radius:3px;background:#fff;margin-left:10px;margin-right:10px;cursor:pointer}.container .flow-container .approve-box[data-v-72d6f7c0]{transform-origin:0 0;width:-moz-max-content;width:max-content;margin:0 auto}