.flex-center,.flex-column-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-column-center,.node-wrap-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.node-wrap-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.node-wrap-box .error-tip{border-radius:50%;border:1px solid;color:red;cursor:pointer;height:30px;line-height:30px;position:absolute;right:0;top:15%;-webkit-transition:right .5s;transition:right .5s;width:30px}.node-wrap-box.condition{padding:30px 50px 0}.node-wrap-box.condition .error-tip{right:60px}.node-wrap-box.empty{overflow:hidden}.node-wrap-box.approver:before{background:#f0f2f5;border-color:#cacaca transparent transparent;border-style:solid;border-width:8px 6px 4px;content:"";height:4px;left:50%;position:absolute;top:-10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}.node-wrap-box.error.condition .error-tip{right:0}.node-wrap-box.error .error-tip{right:-40px}.node-wrap-box.error .flow-path-card{border:1px solid red}.node-wrap-box.error .flow-path-card:hover{border-width:0}.end-node{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-size:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-bottom:40px}.end-node:before{background:#dbdcdc;border-radius:50%;border:none;content:"";height:10px;margin-bottom:12px;margin:auto;width:10px}.flow-path-card{background:#fff;border-radius:4px;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.3);box-shadow:0 0 6px 0 rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:12px;min-height:82px;overflow:hidden;position:relative;text-align:left;width:220px}.flow-path-card:hover{-webkit-box-shadow:0 0 0 2px #3296fa,0 0 5px 4px rgba(0,0,0,.2);box-shadow:0 0 0 2px #3296fa,0 0 5px 4px rgba(0,0,0,.2)}.flow-path-card .panel__header{-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:24px;line-height:24px;padding-left:16px;padding-right:30px;position:relative;width:100%}.flow-path-card .panel__header .title-box{display:inline-block;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.flow-path-card .panel__header .title-input{background:inherit;border:none;color:inherit;left:0;opacity:0;position:absolute}.flow-path-card .panel__header .title-input:focus{background-color:#f0f2f5;border-radius:6px;-webkit-box-shadow:0 0 2px 2px #7ec3e1;box-shadow:0 0 2px 2px #7ec3e1;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;font-size:12px;height:18px;margin-left:1px;opacity:1;padding-left:4px;padding:2px;width:97%}.flow-path-card .panel__header .title-text{vertical-align:middle}.flow-path-card .panel__header>.actions{position:absolute;right:0;top:0;visibility:hidden}.flow-path-card:not(.start-node):hover .actions{visibility:visible}.flow-path-card:not(.start-node):hover .title-text{border-bottom:1px dashed currentColor}.flow-path-card .body{-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:30px;padding:12px;position:relative}.flow-path-card .body .text{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis}.flow-path-card .icon-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:absolute;top:0;width:14px}.flow-path-card .icon-wrapper.left{left:0}.flow-path-card .icon-wrapper.right{right:0}.flow-path-card .icon-wrapper>.left-arrow,.flow-path-card .icon-wrapper>.right-arrow{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flow-path-card.copy .panel__header{background-color:#3296fa}.flow-path-card.approver:hover{-webkit-box-shadow:0 0 0 2px #ff9431,0 0 5px 4px rgba(0,0,0,.2);box-shadow:0 0 0 2px #ff9431,0 0 5px 4px rgba(0,0,0,.2)}.flow-path-card.approver .panel__header{background-color:#ff9431}.flow-path-card.start-node:hover{-webkit-box-shadow:0 0 0 2px #576a95,0 0 5px 4px rgba(0,0,0,.2);box-shadow:0 0 0 2px #576a95,0 0 5px 4px rgba(0,0,0,.2)}.flow-path-card.start-node .panel__header{background-color:#576a95}.flow-path-card.condition{padding:8px 14px}.flow-path-card.condition .panel__header{color:inherit;height:18px;line-height:18px;padding:0}.flow-path-card.condition .panel__header .title-text{color:#15bc83}.flow-path-card.condition .body{padding:8px 14px}.flow-path-card.condition .icon-wrapper:hover{background-color:#f1f1f1}.flow-path-card.condition .left-arrow,.flow-path-card.condition .right-arrow{visibility:hidden}.flow-path-card.condition:hover .left-arrow,.flow-path-card.condition:hover .right-arrow{visibility:visible}.col-box:first-of-type .condition .left,.col-box:last-of-type .condition .right,.flow-path-card.condition:hover .priority{display:none}.add-node-btn-box{height:100px;margin:auto;padding-top:30px;position:relative;width:220px}.add-node-btn-box:before{background-color:#cacaca;bottom:0;content:"";height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:2px;z-index:-1}.add-node-btn-box .add-node-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.add-node-btn-box .add-node-btn .btn{background-color:#3296fa;border-color:transparent;border-radius:15px;cursor:pointer;height:32px;outline:none;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:3 2px}.add-node-btn-box .add-node-btn .btn:hover{-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.1);box-shadow:0 8px 16px 0 rgba(0,0,0,.1);-webkit-transform:scale(1.2);transform:scale(1.2)}.add-node-btn-box .add-node-btn .btn .icon{color:#fff}.branch-wrap .branch-box-wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.branch-wrap .branch-box{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#f0f2f5;border-bottom:2px solid #cacaca;border-top:2px solid #cacaca;-webkit-box-sizing:border-box;box-sizing:border-box}.branch-wrap .branch-box>.col-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.branch-wrap .branch-box>.col-box:first-of-type:before{background:#f0f2f5;content:"";height:3px;left:0;position:absolute;top:-2px;width:calc(50% - 1px)}.branch-wrap .branch-box>.col-box:first-of-type:after{background:#f0f2f5;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:calc(50% - 1px)}.branch-wrap .branch-box>.col-box:last-of-type:before{background:#f0f2f5;content:"";height:3px;position:absolute;right:0;top:-2px;width:calc(50% - 1px)}.branch-wrap .branch-box>.col-box:last-of-type:after{background:#f0f2f5;bottom:-2px;content:"";height:3px;position:absolute;right:0;width:calc(50% - 1px)}.branch-wrap .branch-box>.col-box .center-line{background:#cacaca;height:100%;position:absolute;width:2px}.branch-wrap .branch-box>.btn{background:#fff;border-radius:15px;border:none;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);cursor:pointer;outline:none;padding:6px 10px;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:99}.branch-wrap .branch-box>.btn:hover{-webkit-transform:scale(1.1) translateY(-50%);transform:scale(1.1) translateY(-50%)}.condition-box{-ms-flex-pack:distribute;justify-content:space-around;padding:10px 20px;text-align:center}.condition-box,.condition-box .condition-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.condition-box .condition-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:30px;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:12px;height:60px;line-height:60px;margin-bottom:4px;width:60px}.condition-box .condition-icon .iconfont{font-size:28px}.condition-box .condition-icon:hover{background:#3296fa;-webkit-box-shadow:0 0 8px 4px rgba(0,0,0,.1);box-shadow:0 0 8px 4px rgba(0,0,0,.1)}.condition-box .condition-icon:hover>.iconfont{color:#fff}.condition-box>div:first-child .iconfont{color:#ff943e}.condition-box>div:nth-child(2) .iconfont{color:#3296fa}.relative{position:relative}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icon{font-size:14px;height:14px;width:14px}.priority{font-size:12px;position:absolute;right:0}.flowCard_tooltip{width:120px}