.flow-tree-zoom-box-wrapper[data-v-36fd1f0e]{position:absolute;top:0;right:0;bottom:0;left:0}.flow-tree-zoom-box-wrapper .zoom[data-v-36fd1f0e]{position:absolute;top:20px;right:40px;z-index:10;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;width:125px;height:40px;background:#f5f5f7}.flow-tree-zoom-box-wrapper .zoom .zoom-btn[data-v-36fd1f0e]{width:30px;height:30px;background:#fff;background-size:100%;background-repeat:no-repeat;color:#c1c1cd;cursor:pointer}.flow-tree-zoom-box-wrapper .zoom .zoom-in[data-v-36fd1f0e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaBAMAAADKhlwxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURaatreDh4d7f39bY2OPk5P////j5+VldYsDCxOrr7I+SlTlIcdUAAAAEdFJOUwXqrGkW5OnHAAAA2klEQVRYw+3XPQrCQBCG4VE8gEXsBXMC8QAmjnqCXRJrI+QCjtj7V1oY8QCixzT+pNvFmUZE56u2eFhYSJEXAKAb4PtFHXgsRN7iO65hMeMsx2apg5HhbRoB1JGJjcU2NLhXl5f3oXdg63QAYcbWNoZAoCNAgUbVqr9Up0OBtpulRBO1+DolWqlW/Ws6Pz23J9q9joVXJ+TY2aePLr3w6bFIT1x67n3lthrRtTpm+p2o/mttRdpcKBPoZK1/M6o/pWV1JCsvWdXJipFfo6asUVnpCitaVuiS+r8BtlxMpwU/+zoAAAAASUVORK5CYII=)}.flow-tree-zoom-box-wrapper .zoom .zoom-out[data-v-36fd1f0e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaBAMAAADKhlwxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURaatreLj497f39bY2OPk5P////j5+VldYurr68DCxIyPkiDQbJAAAAAEdFJOUwXlrGkduK76AAAAtElEQVRYw+3XwQkCMRCF4adYgIcUILgViAWYdVAsIIt6NrIVKBbgagsWYJ9Gr5vgvKM47/wxEMjlB4CZk+/zU3xWiW71Gw+kO2rWyjhptwq6HTwwFCUOjUww0p5OxxeYX9V6u0QV1bqp4QjtIYQW06ZNmzb9f7q999YV9e6c2bOkbzl9Kek1pfc5fSq+cvPoLxZ1tH9i2rRp07+iuTriyourOq4Y9TUaUo1ypUtWNFfoTP2/AHPvPAeb/lUXAAAAAElFTkSuQmCC)}.flow-tree-zoom-box-wrapper .zoom .rate[data-v-36fd1f0e]{color:#191f25;font-size:12px}.flow-tree-zoom-box-wrapper .scale-box-wrapper[data-v-36fd1f0e]{height:100%;width:100%;overflow:auto;background-color:#f5f5f7}.flow-tree-zoom-box-wrapper .scale-box-wrapper .scale-box[data-v-36fd1f0e]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:60px 0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;width:100%;background-color:#f5f5f7;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}.node[data-v-868e316a]{position:relative;margin:0 auto;min-height:80px;width:260px;border-radius:4px;background-color:#fff;color:#383838;cursor:pointer}.node[data-v-868e316a]:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1);content:"";-webkit-transition:all .1s cubic-bezier(.645,.045,.355,1);transition:all .1s cubic-bezier(.645,.045,.355,1);pointer-events:none}.node[data-v-868e316a]:active:after,.node[data-v-868e316a]:focus:after,.node[data-v-868e316a]:hover:after{-webkit-box-shadow:0 4px 15px 0 rgba(0,0,0,.2);box-shadow:0 4px 15px 0 rgba(0,0,0,.2)}.node:active .title .close-btn[data-v-868e316a],.node:focus .title .close-btn[data-v-868e316a],.node:hover .title .close-btn[data-v-868e316a]{display:block}.node .title[data-v-868e316a]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 32px 4px 14px;width:100%;height:32px;border-radius:4px 4px 0 0;background-color:inherit;color:inherit;text-align:left;font-size:15px;line-height:24px}.node .title:hover span[data-v-868e316a]{text-decoration:underline}.node .title img.icon[data-v-868e316a]{margin-right:6px;width:18px;height:18px}.node .title span[data-v-868e316a]{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.node .title input[data-v-868e316a]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 6px;height:24px;outline:none;border:none;border-radius:3px;-webkit-filter:brightness(80%);filter:brightness(80%);background-color:inherit;color:inherit;line-height:24px}.node .title .close-btn[data-v-868e316a]{position:absolute;top:8px;right:10px;z-index:100;display:none;border-radius:50%;color:#fff;text-align:center;font-size:16px;line-height:16px;opacity:.6;cursor:pointer}.node .content[data-v-868e316a]{position:relative;padding:14px;background-color:#fff;color:#383838;font-size:14px}.node .content .node-item[data-v-868e316a]{overflow:hidden;text-overflow:ellipsis}.node .content .node-item .node-line[data-v-868e316a]{margin-bottom:6px}.node .content .node-item .node-line[data-v-868e316a]:last-child{margin-bottom:0}.node .content .node-item .placeholder[data-v-868e316a]{position:relative;padding-right:20px;color:#a6a6a6}.node .content .node-item .placeholder[data-v-868e316a]:after{position:absolute;top:50%;right:6px;width:8px;height:8px;border-top:1px solid #a6a6a6;border-right:1px solid #a6a6a6;content:"";-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.node .content .node-item .rule[data-v-868e316a]{display:-webkit-box;overflow:hidden;margin-bottom:5px;color:#333;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.node .content .node-item .rule span[data-v-868e316a]{padding:0 4px}.node .content .node-item .rule .options[data-v-868e316a]{margin-bottom:0;padding-left:24px}.approval-node .title[data-v-868e316a]{background:#f29851;color:#fff}.notify-node .title[data-v-868e316a]{background:#1890ff;color:#fff}.route-node .title[data-v-868e316a]{background:#f5f5f5;color:#15bc83}.route-node .title .close-btn[data-v-868e316a]{color:#aaa}.self-node .title[data-v-868e316a],.start-node .title[data-v-868e316a]{background:#15bc83;color:#fff}.end-node .title[data-v-868e316a]{background:#e03d29;color:#fff}.wechat-node .title[data-v-868e316a]{background:#75c940;color:#fff}.callback-node .title[data-v-868e316a]{background:#36455a;color:#fff}.disabled-node[data-v-868e316a]{cursor:unset}.disabled-node[data-v-868e316a]:hover:after{border:1px solid transparent;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.disabled-node .title:hover span[data-v-868e316a]{text-decoration:none}.add-node-btn[data-v-55848a12]{position:relative;padding:28px 0 28px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.add-node-btn .btn[data-v-55848a12]{position:relative;padding:0;width:30px;height:30px;outline:none;border:none;border-radius:50%;background:#3296fa;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.add-node-btn .btn[data-v-55848a12]:hover{-webkit-box-shadow:0 13px 27px 0 rgba(0,0,0,.1);box-shadow:0 13px 27px 0 rgba(0,0,0,.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.menu-box[data-v-55848a12]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-12px -16px;padding:14px;min-height:160px;width:360px;border-radius:3px;background:#fff;-webkit-box-shadow:0 7px 21px 0 rgba(0,0,0,.1);box-shadow:0 7px 21px 0 rgba(0,0,0,.1)}.menu-box .triangle[data-v-55848a12]{position:absolute;top:8px;left:-7px;overflow:hidden;width:7px;height:14px}.menu-box .triangle .triggle-icon[data-v-55848a12]{width:9.8px;height:9.8px;background:#fff;-webkit-box-shadow:0 7px 21px 0 rgba(0,0,0,.1);box-shadow:0 7px 21px 0 rgba(0,0,0,.1);-webkit-transform:rotate(45deg) translate(4px,-1px);transform:rotate(45deg) translate(4px,-1px)}.menu-box .column[data-v-55848a12]{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.menu-box .column .action[data-v-55848a12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:6px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:3px;background:#fff;cursor:pointer}.menu-box .column .action[data-v-55848a12]:hover{border-color:#3da8f5}.menu-box .column .action img[data-v-55848a12]{margin-right:12px;width:22px;height:22px}.menu-box .column .action .name[data-v-55848a12]{margin-bottom:2px;color:#383838;font-weight:500;font-size:13px;line-height:16px}.menu-box .column .action .desc[data-v-55848a12]{color:#a6a6a6;font-size:12px;line-height:16px}.node-wrap[data-v-9696d2d0]{text-align:center}.node-wrap .node-box[data-v-9696d2d0]{position:relative;display:inline-block;text-align:left}.node-wrap .node-box[data-v-9696d2d0]:before{position:absolute;top:-12px;left:50%;width:0;height:4px;border-width:8px 6px 4px;border-style:solid;border-color:#cacaca transparent transparent;background:#f5f5f7;content:"";-webkit-transform:translateX(-50%);transform:translateX(-50%)}.node-wrap .hidden-node[data-v-9696d2d0],.node-wrap .no-input-node[data-v-9696d2d0]:before{display:none}.node-wrap .branches-box[data-v-9696d2d0]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;margin:auto;margin-top:15px;min-height:180px;height:auto}.node-wrap .branches-box[data-v-9696d2d0]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:auto;width:4px;height:100%;background-color:#f5f5f7;content:""}.node-wrap .branches-box .branch[data-v-9696d2d0]{position:relative;padding:40px 50px 0;border-top:2px solid #cacaca;border-bottom:2px solid #cacaca}.node-wrap .branches-box .branch[data-v-9696d2d0]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:auto;width:2px;height:100%;background-color:#cacaca;content:""}.node-wrap .branches-box .branch .cover-line[data-v-9696d2d0]{position:absolute;width:50%;height:4px;background-color:#f5f5f7}.node-wrap .branches-box .branch .top-left-cover-line[data-v-9696d2d0]{top:-3px;left:-1px}.node-wrap .branches-box .branch .top-right-cover-line[data-v-9696d2d0]{top:-3px;right:-1px}.node-wrap .branches-box .branch .bottom-left-cover-line[data-v-9696d2d0]{bottom:-3px;left:-1px}.node-wrap .branches-box .branch .bottom-right-cover-line[data-v-9696d2d0]{right:-1px;bottom:-3px}.node-wrap .branches-box .add-branch-button[data-v-9696d2d0]{position:absolute;top:-16px;left:50%;z-index:1;padding:0 10px;height:30px;outline:none;border:none;border-radius:15px;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);color:#3296fa;font-size:12px;line-height:30px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:center center;transform-origin:center center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.node-wrap .branches-box .animation-btn[data-v-9696d2d0]{cursor:pointer}.node-wrap .branches-box .animation-btn[data-v-9696d2d0]: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:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1)}.node-wrap .add-node-btn-box[data-v-9696d2d0]{position:relative;margin:auto;min-height:60px}.node-wrap .add-node-btn-box[data-v-9696d2d0]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:auto;width:2px;height:100%;background-color:#cacaca;content:""}.node-wrap .add-node-btn-box .add-node-btn[data-v-9696d2d0]{padding:24px 0 34px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.node-wrap .add-node-btn-box .add-node-btn .btn[data-v-9696d2d0]{position:relative;width:30px;height:30px;outline:none;border:none;border-radius:50%;background:#3296fa;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:#fff;line-height:30px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.node-wrap .add-node-btn-box .add-node-btn .btn[data-v-9696d2d0]:hover{-webkit-box-shadow:0 13px 27px 0 rgba(0,0,0,.1);box-shadow:0 13px 27px 0 rgba(0,0,0,.1);-webkit-transform:scale(1.3);transform:scale(1.3)}.flow-tree-point[data-v-4b302a05]{-ms-flex-negative:0;flex-shrink:0;width:100%;color:rgba(25,31,37,.4);text-align:left;font-size:14px}.flow-tree-point .flow-tree-point-circle[data-v-4b302a05]{margin:auto;width:10px;height:10px;border-radius:50%;background:#dbdcdc}.flow-tree-point .flow-tree-point-text[data-v-4b302a05]{margin-top:5px;text-align:center}