.workflow-container{width:100%;overflow-x:hidden}.tool-bar{height:50px;line-height:50px}.fd-nav-content{height:100%;background-color:#eef2f8;min-height:calc(100vh - 110px)}.error-modal-desc{font-size:13px;color:rgba(25,31,37,.56);line-height:22px;margin-bottom:14px}.error-modal-list{height:200px;overflow-y:auto;margin-right:-25px;padding-right:25px}.error-modal-item{padding:10px 20px;line-height:21px;background:#f6f6f6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;border-radius:4px}.error-modal-item-label{-webkit-box-flex:0;-ms-flex:none;flex:none;font-size:15px;color:rgba(25,31,37,.56);padding-right:10px}.error-modal-item-content{text-align:right;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:13px;color:#191f25}#body.blur{-webkit-filter:blur(3px);filter:blur(3px)}.zoom{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;width:125px;right:40px;margin-top:30px;z-index:10}.zoom .zoom-in,.zoom .zoom-out{width:30px;height:30px;background:#fff;color:#c1c1cd;cursor:pointer;background-size:100%;background-repeat:no-repeat}.zoom .zoom-out{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaBAMAAADKhlwxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURaatreLj497f39bY2OPk5P////j5+VldYurr68DCxIyPkiDQbJAAAAAEdFJOUwXlrGkduK76AAAAtElEQVRYw+3XwQkCMRCF4adYgIcUILgViAWYdVAsIIt6NrIVKBbgagsWYJ9Gr5vgvKM47/wxEMjlB4CZk+/zU3xWiW71Gw+kO2rWyjhptwq6HTwwFCUOjUww0p5OxxeYX9V6u0QV1bqp4QjtIYQW06ZNmzb9f7q999YV9e6c2bOkbzl9Kek1pfc5fSq+cvPoLxZ1tH9i2rRp07+iuTriyourOq4Y9TUaUo1ypUtWNFfoTP2/AHPvPAeb/lUXAAAAAElFTkSuQmCC)}.zoom .zoom-out.disabled{opacity:.5}.zoom .zoom-in{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaBAMAAADKhlwxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURaatreDh4d7f39bY2OPk5P////j5+VldYsDCxOrr7I+SlTlIcdUAAAAEdFJOUwXqrGkW5OnHAAAA2klEQVRYw+3XPQrCQBCG4VE8gEXsBXMC8QAmjnqCXRJrI+QCjtj7V1oY8QCixzT+pNvFmUZE56u2eFhYSJEXAKAb4PtFHXgsRN7iO65hMeMsx2apg5HhbRoB1JGJjcU2NLhXl5f3oXdg63QAYcbWNoZAoCNAgUbVqr9Up0OBtpulRBO1+DolWqlW/Ws6Pz23J9q9joVXJ+TY2aePLr3w6bFIT1x67n3lthrRtTpm+p2o/mttRdpcKBPoZK1/M6o/pWV1JCsvWdXJipFfo6asUVnpCitaVuiS+r8BtlxMpwU/+zoAAAAASUVORK5CYII=)}.zoom .zoom-in.disabled{opacity:.5}.auto-judge:hover .editable-title,.node-wrap-box:hover .editable-title{border-bottom:1px dashed #fff}.auto-judge:hover .editable-title.editing,.node-wrap-box:hover .editable-title.editing{text-decoration:none;border:1px solid #d9d9d9}.auto-judge:hover .editable-title{border-color:#15bc83}.editable-title{line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dashed transparent}.editable-title::-moz-placeholder{color:#bfbfbf;opacity:1}.editable-title:-ms-input-placeholder{color:#bfbfbf}.editable-title::-webkit-input-placeholder{color:#bfbfbf}.editable-title:focus,.editable-title:hover{border-color:#40a9ff;border-right-width:1px!important}.editable-title:focus{outline:0;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.editable-title:hover{border-bottom:1px dashed #fff}.editable-title-input{-webkit-box-flex:0;-ms-flex:none;flex:none;height:18px;padding-left:4px;text-indent:0;font-size:12px;line-height:18px;z-index:1;font-variant:tabular-nums;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;list-style:none;position:relative;display:inline-block;width:100%;color:rgba(0,0,0,.65);background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;-webkit-transition:all .3s;transition:all .3s}.editable-title-input:hover{text-decoration:none}.ant-btn,.node-wrap-box{position:relative}.node-wrap-box{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;width:220px;min-height:72px;-ms-flex-negative:0;flex-shrink:0;background:#fff;border-radius:4px;cursor:pointer}.node-wrap-box: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;-webkit-transition:all .1s cubic-bezier(.645,.045,.355,1);transition:all .1s cubic-bezier(.645,.045,.355,1);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.node-wrap-box.active:after,.node-wrap-box:active:after,.node-wrap-box:hover:after{border:1px solid #3296fa;-webkit-box-shadow:0 0 6px 0 rgba(50,150,250,.3);box-shadow:0 0 6px 0 rgba(50,150,250,.3)}.node-wrap-box.active .close,.node-wrap-box:active .close,.node-wrap-box:hover .close{display:block}.node-wrap-box.error:after{border:1px solid #f25643;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.node-wrap-box .title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:16px;padding-right:30px;width:100%;height:24px;line-height:24px;font-size:12px;color:#fff;text-align:left;background:#576a95;border-radius:4px 4px 0 0}.node-wrap-box .title .iconfont{font-size:12px;margin-right:5px}.node-wrap-box .placeholder{color:#bfbfbf}.node-wrap-box .close{display:none;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-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 .content{position:relative;font-size:14px;padding:16px;padding-right:30px}.node-wrap-box .content .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.node-wrap-box .content .arrow{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:14px;font-size:14px;color:#979797}.start-node.node-wrap-box .content .text{display:block;white-space:nowrap}.node-wrap-box:before{content:"";position:absolute;top:-12px;left:50%;-webkit-transform:translateX(-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.start-node:before{content:none}.add-node-popover{min-height:160px}.add-node-popover-header{position:relative;margin-bottom:15px}.add-node-popover-close{cursor:pointer;position:absolute;top:5px;right:5px;color:rgba(0,0,0,.25)}.add-node-popover-body{display:-webkit-box;display:-ms-flexbox;display:flex}.add-node-popover-item{margin-right:10px;cursor:pointer;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#191f25!important}.add-node-popover-item .item-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;width:80px;height:80px;margin-bottom:5px;background:#fff;border:1px solid #e2e2e2;border-radius:50%;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.add-node-popover-item .iconfont{font-size:35px;line-height:80px}.add-node-popover-item.approver .item-wrapper{color:#ff943e}.add-node-popover-item.condition .item-wrapper{color:#15bc83}.add-node-popover-item:hover .item-wrapper{background:#3296fa;-webkit-box-shadow:0 10px 20px 0 rgba(50,150,250,.4);box-shadow:0 10px 20px 0 rgba(50,150,250,.4)}.add-node-popover-item:hover .iconfont{color:#fff;width:35px!important}.add-node-popover-item:active .item-wrapper{-webkit-box-shadow:none;box-shadow:none;background:#eaeaea}.add-node-popover-item:active .iconfont{color:inherit}.top-left-cover-line{left:-1px}.top-left-cover-line,.top-right-cover-line{position:absolute;height:3px;width:50%;background-color:#eef2f8;top:-2px}.top-right-cover-line{right:-1px}.bottom-left-cover-line{left:-1px}.bottom-left-cover-line,.bottom-right-cover-line{position:absolute;height:3px;width:50%;background-color:#eef2f8;bottom:-2px}.bottom-right-cover-line{right:-1px}.dingflow-design{width:100%;height:100%}.dingflow-design .box-scale{-webkit-transform:scale(1);transform:scale(1);display:inline-block;position:relative;width:100%;padding:54.5px 0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;-webkit-transform-origin:0 0 0;transform-origin:0 0 0}.dingflow-design .add-node-btn-box{width:240px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;position:relative}.dingflow-design .add-node-btn-box: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 .el-icon-plus{color:#fff;font-size:16px}.dingflow-design .node-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;padding:0 50px;position:relative}.dingflow-design .branch-wrap,.dingflow-design .node-wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%}.dingflow-design .branch-box-wrap{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:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:270px;width:100%;-ms-flex-negative:0;flex-shrink:0}.dingflow-design .branch-box{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:visible;min-height:180px;height:auto;border-bottom:2px solid #ccc;border-top:2px solid #ccc;position:relative;margin-top:15px}.dingflow-design .branch-box .col-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;margin:auto;width:2px;height:100%;background-color:#cacaca}.dingflow-design .add-branch{border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;padding:0 10px;height:30px;line-height:30px;border-radius:15px;color:#3296fa;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);position:absolute;top:-16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:center center;transform-origin:center center;cursor:pointer;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.dingflow-design .add-branch:hover{-webkit-transform:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1);-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.1);box-shadow:0 8px 16px 0 rgba(0,0,0,.1)}.dingflow-design .add-branch:active{-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-shadow:none;box-shadow:none}.dingflow-design .col-box{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.dingflow-design .condition-node{min-height:220px}.dingflow-design .condition-node,.dingflow-design .condition-node-box{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;-webkit-box-flex:1}.dingflow-design .condition-node-box{padding-top:30px;padding-right:50px;padding-left:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.dingflow-design .auto-judge{position:relative;width:220px;min-height:72px;background:#fff;border-radius:4px;padding:14px 19px;cursor:pointer}.dingflow-design .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;-webkit-transition:all .1s cubic-bezier(.645,.045,.355,1);transition:all .1s cubic-bezier(.645,.045,.355,1);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.dingflow-design .auto-judge.active:after,.dingflow-design .auto-judge:active:after,.dingflow-design .auto-judge:hover:after{border:1px solid #3296fa;-webkit-box-shadow:0 0 6px 0 rgba(50,150,250,.3);box-shadow:0 0 6px 0 rgba(50,150,250,.3)}.dingflow-design .auto-judge.active .close,.dingflow-design .auto-judge:active .close,.dingflow-design .auto-judge:hover .close{display:block}.dingflow-design .auto-judge.error:after{border:1px solid #f25643;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.dingflow-design .auto-judge .title-wrapper{position:relative;font-size:12px;color:#15bc83;text-align:left;line-height:16px}.dingflow-design .auto-judge .title-wrapper .editable-title{display:inline-block;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dingflow-design .auto-judge .title-wrapper .priority-title{display:inline-block;float:right;margin-right:10px;color:rgba(25,31,37,.56)}.dingflow-design .auto-judge .placeholder{color:#bfbfbf}.dingflow-design .auto-judge .close{display:none;position:absolute;right:-10px;top:-10px;width:20px;height:20px;font-size:14px;color:rgba(0,0,0,.25);border-radius:50%;text-align:center;line-height:20px;z-index:2}.dingflow-design .auto-judge .content{font-size:14px;color:#191f25;text-align:left;margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.dingflow-design .auto-judge .sort-left,.dingflow-design .auto-judge .sort-right{position:absolute;top:0;bottom:0;display:none;z-index:1}.dingflow-design .auto-judge .sort-left{left:0;border-right:1px solid #f6f6f6}.dingflow-design .auto-judge .sort-right{right:0;border-left:1px solid #f6f6f6}.dingflow-design .auto-judge:hover .sort-left,.dingflow-design .auto-judge:hover .sort-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dingflow-design .auto-judge .sort-left:hover,.dingflow-design .auto-judge .sort-right:hover{background:#efefef}.dingflow-design .add-node-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:240px;padding:20px 0 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dingflow-design .add-node-btn .btn{outline:none;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);width:30px;height:30px;background:#3296fa;border-radius:50%;position:relative;border:none;line-height:30px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.dingflow-design .add-node-btn .btn .iconfont{color:#fff;font-size:16px}.dingflow-design .add-node-btn .btn:hover{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-box-shadow:0 13px 27px 0 rgba(0,0,0,.1);box-shadow:0 13px 27px 0 rgba(0,0,0,.1)}.dingflow-design .add-node-btn .btn:active{-webkit-transform:none;transform:none;background:#1e83e9;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.dingflow-design .end-node{border-radius:50%;font-size:14px;color:rgba(25,31,37,.4);text-align:left}.dingflow-design .end-node .end-node-circle{width:10px;height:10px;margin:auto;border-radius:50%;background:#dbdcdc}.dingflow-design .end-node .end-node-text{margin-top:5px;text-align:center}.approval-setting{border-radius:2px;margin:20px 0;position:relative;background:#fff}