.node{width:60px;height:80px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.node-label{color:#999;margin-top:5px;font-size:12px;pointer-events:none}.node-icon{font-size:28px!important;pointer-events:none}.start-node{background:#67c23a;border-radius:50%;justify-content:center;align-items:center}.start-node,.submit-node{width:100%;height:100%;display:flex;flex-direction:column}.submit-node{border:1px solid #ff8c00}.submit-node-title{background:#fff;text-align:center;flex-shrink:0;font-size:12px;height:24px;line-height:24px}.submit-node-body{background:#ff8c00;text-align:center;height:100%;display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;overflow:hidden;padding:1px}.approval-node{width:100%;height:100%;border:1px solid #409eff;display:flex;flex-direction:column}.approval-node-title{background:#fff;text-align:center;flex-shrink:0;font-size:12px;height:24px;line-height:24px}.approval-node-body{background:#409eff;text-align:center;font-size:14px;color:#fff;overflow:hidden;padding:1px}.approval-node-body,.branch-node{height:100%;display:flex;justify-content:center;align-items:center}.branch-node{width:100%;background:#ff6b61;border-radius:50%;flex-direction:column}.branch-node-title{position:absolute;top:-17px;width:150px;text-align:center}.confluence-node{background:#9b7be0}.confluence-node,.finish-node{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.finish-node{background:#999}.preview-node{width:100%;height:100%;border:1px solid #999;display:flex;flex-direction:column}.preview-node-title{background:#999;color:#fff;text-align:center;flex-shrink:0;font-size:12px;height:24px;line-height:24px}.preview-node-body{background:#fff;text-align:center;height:100%;font-size:12px;overflow-y:hidden;padding:6px;display:flex;flex-direction:column;justify-content:center}.preview-node-body-item{text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.preview-node-body-item:last-of-type{margin:0}.preview-node-body-item span:first-of-type{color:#666}.preview-node-body-item span:last-of-type{color:#333}.audit-preview-node{width:100%;height:100%;display:flex;flex-direction:column}.audit-preview-node:hover>.audit-preview-node-arrow,.audit-preview-node:hover>.audit-preview-node-detail{display:block}.audit-preview-node-title{color:#fff;text-align:center;flex-shrink:0;font-size:12px;height:24px;line-height:24px}.audit-preview-node-body{background:#fff;text-align:center;height:100%;font-size:12px;overflow-y:hidden;padding:6px;display:flex;flex-direction:column;justify-content:center}.audit-preview-node-body-item{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.audit-preview-node-body-item:last-of-type{margin:0}.audit-preview-node-body-item span:first-of-type{color:#666}.audit-preview-node-body-item span:last-of-type{color:#333}.audit-preview-node-detail{position:absolute;top:80px;left:0;display:none;border-radius:4px;background:#fff;width:700px;max-height:60vh;overflow-x:hidden;overflow-y:auto;box-shadow:0 0 20px rgba(0,0,0,.5)}.audit-preview-node-detail__header{padding:5px 10px;border-bottom:1px solid #eee}.audit-preview-node-detail__content{padding:5px 10px;position:relative;overflow:visible}.audit-preview-node-detail__content table{width:100%;margin-bottom:5px;table-layout:fixed}.audit-preview-node-detail__content th{padding:0 5px;background:#ebebeb;width:85px}.audit-preview-node-detail__content td{padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes running-line{to{stroke-dashoffset:-1000}}.sone-process-preview[data-v-555cc434]{width:100%;position:relative;box-sizing:border-box}.sone-process-preview [data-v-555cc434]{box-sizing:border-box}.sone-process-preview-tips[data-v-555cc434]{position:absolute;width:300px;top:10px;left:10px;z-index:1000;background:#eaf4ff;padding:8px;border:1px solid #6ba1d8}.sone-process-preview-tips__title[data-v-555cc434]{font-weight:700;font-size:14px;margin-bottom:5px}.sone-process-preview-tips__content[data-v-555cc434]{text-align:justify;padding-left:20px}.sone-process-preview-legend[data-v-555cc434]{position:absolute;right:10px;top:10px;display:flex;flex-flow:column;align-items:center;justify-content:flex-start;border:1px solid #eee;padding:20px;z-index:1000;background:#fff}.sone-process-preview-legend-node[data-v-555cc434]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.sone-process-preview-legend-node>div[data-v-555cc434]{width:40px;height:18px;margin-right:10px;border-radius:4px}.sone-process-preview-legend-edge[data-v-555cc434]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.sone-process-preview-audit-table[data-v-555cc434]{position:fixed;z-index:3000;transition:all .2s linear;border-radius:4px;background:#fff;width:500px;max-height:60vh;overflow-x:hidden;overflow-y:auto;box-shadow:0 0 20px rgba(0,0,0,.5)}.sone-process-preview-audit-table__header[data-v-555cc434]{padding:5px 10px;border-bottom:1px solid #eee}.sone-process-preview-audit-table__content[data-v-555cc434]{padding:5px 10px}.sone-process-preview-audit-table__content th[data-v-555cc434]{padding:0 5px;background:#ebebeb}.sone-process-preview-audit-table__content td[data-v-555cc434]{padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sone-process-preview-operation[data-v-555cc434]{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column}.sone-process-preview-operation[data-v-555cc434] .el-button{margin-right:0!important;margin-bottom:5px}