.btn-oval{border-radius:30px;border:1px solid #ccc}.btn-oval,.btn-rectangle{width:80px;height:40px;line-height:40px;float:left;text-align:center;color:#ccc}.btn-rectangle{border-radius:5px;border:1px solid #ccc}.btn-diamond{width:80px;float:left;position:relative}.btn-diamond .node-name{width:80px;color:#ccc;line-height:40px;float:left;text-align:center;position:absolute;z-index:1}.btn-diamond-up1{position:absolute;border-bottom:19px solid #fff;border-left:39px solid transparent;border-right:39px solid transparent;margin:1px 1px 0}.btn-diamond-up2{width:0;height:0;border-bottom:20px solid #ccc;border-left:40px solid #fff;border-right:40px solid #fff}.btn-diamond-down1{position:absolute;border-top:19px solid #fff;border-left:39px solid transparent;border-right:39px solid transparent;margin:0 1px 1px}.btn-diamond-down2{width:0;height:0;border-top:20px solid #ccc;border-left:40px solid #fff;border-right:40px solid #fff}.btn-oval:hover,.btn-rectangle:hover{border-color:#c6e2ff;background-color:#ecf5ff}.btn-diamond:hover .btn-diamond-up1{border-bottom:19px solid #ecf5ff}.btn-diamond:hover .btn-diamond-up2{border-bottom:20px solid #8f9499}.btn-diamond:hover .btn-diamond-down1{border-top:19px solid #ecf5ff}.btn-diamond:hover .btn-diamond-down2{border-top:20px solid #8f9499}.btn-oval.is-finish,.btn-rectangle.is-finish{border:1px solid #1e87f0;color:#fff;background-color:#1e87f0}.btn-oval.is-finish:hover,.btn-rectangle.is-finish:hover{background:#66b1ff;border:1px solid #66b1ff}.btn-oval.is-active,.btn-rectangle.is-active{border:1px solid #ffc417;color:#fff;background-color:#ffc417}.btn-oval.is-active:hover,.btn-rectangle.is-active:hover{background:#ebb563;border:1px solid #ebb563}.btn-diamond.is-executed .btn-diamond-up1,.btn-diamond.is-executed .btn-diamond-up2{border-bottom:20px solid #a9d1f9}.btn-diamond.is-executed2 .btn-diamond-up1,.btn-diamond.is-executed2 .btn-diamond-up2{border-bottom:20px solid #f34545}.btn-diamond.is-finish .btn-diamond-up1,.btn-diamond.is-finish .btn-diamond-up2{border-bottom:20px solid #1e87f0}.btn-diamond.is-finish:hover .btn-diamond-up1,.btn-diamond.is-finish:hover .btn-diamond-up2{border-bottom:20px solid #66b1ff}.btn-diamond.is-executed .btn-diamond-down1,.btn-diamond.is-executed .btn-diamond-down2{border-top:20px solid #a9d1f9}.btn-diamond.is-executed2 .btn-diamond-down1,.btn-diamond.is-executed2 .btn-diamond-down2{border-top:20px solid #f34545}.btn-diamond.is-finish .btn-diamond-down1,.btn-diamond.is-finish .btn-diamond-down2{border-top:20px solid #1e87f0}.btn-diamond.is-finish:hover .btn-diamond-down1,.btn-diamond.is-finish:hover .btn-diamond-down2{border-top:20px solid #66b1ff}.btn-diamond.is-active .btn-diamond-up1,.btn-diamond.is-active .btn-diamond-up2{border-bottom:20px solid #ffc417}.btn-diamond.is-active:hover .btn-diamond-up1,.btn-diamond.is-active:hover .btn-diamond-up2{border-bottom:20px solid #ebb563}.btn-diamond.is-active .btn-diamond-down1,.btn-diamond.is-active .btn-diamond-down2{border-top:20px solid #ffc417}.btn-diamond.is-active:hover .btn-diamond-down1,.btn-diamond.is-active:hover .btn-diamond-down2{border-top:20px solid #ebb563}.btn-diamond.is-active .node-name,.btn-diamond.is-executed2 .node-name,.btn-diamond.is-executed .node-name,.btn-diamond.is-finish .node-name{color:#fff}.qcent-icon-long-arrow-rt{float:left;line-height:40px;display:inline-block;font-size:2rem;padding:0 10px;color:#ccc}.qcent-icon-long-arrow-rt.is-finish{color:#1e87f0}.callback-line{position:absolute;margin-top:-25px;height:20px;border-top-left-radius:10px;border-top-right-radius:10px;border-top:2px solid #ccc;border-left:2px solid #ccc;border-right:2px solid #ccc;right:40px}.callback-line.line-1{width:160px;z-index:9}.callback-line.line-2{width:320px;z-index:8}.callback-line.line-3{width:480px;z-index:7}.callback-line.line-4{width:640px;z-index:6}.callback-line.len-8.line-1{width:130px}.callback-line.len-8.line-2{width:262px}.callback-line.len-8.line-3{width:394px}.callback-line.len-8.line-4{width:526px}.callback-line .el-icon-caret-bottom{margin-left:-9px;margin-top:10px;color:#ccc}.callback-line.is-executed2{border-top-color:#f34545;border-left-color:#f34545;border-right-color:#f34545;z-index:10}.callback-line.is-executed2 .el-icon-caret-bottom{color:#f34545}.beeline-parent{width:80px;padding:0 10px;line-height:40px;float:left}.beeline{display:inline-block;width:50px;height:2px;background-color:#ccc;vertical-align:middle}.beeline-parent.len-3{width:200px}.beeline-parent.len-3 .beeline{width:170px}.beeline-parent.len-8{width:52px}.beeline-parent.len-8 .beeline{width:22px}.el-icon-caret-right{vertical-align:middle;margin-left:-.5rem;color:#ccc}.beeline.is-executed{background-color:#a9d1f9}.el-icon-caret-right.is-executed{color:#a9d1f9}.beeline.is-active{background-color:#ffc417}.el-icon-caret-right.is-active{color:#ffc417}.beeline.is-finish{background-color:#1e87f0}.el-icon-caret-right.is-finish{color:#1e87f0}.el-icon-caret-top{float:left;width:80px;text-align:center;font-size:2rem!important;vertical-align:text-bottom;height:20px;color:#ccc}.el-icon-caret-top.hide{opacity:0}.el-icon-caret-top.is-executed{color:#a9d1f9}.el-icon-caret-top.is-executed2{color:#f34545}.el-icon-caret-top.is-finish{color:#1e87f0}.el-icon-caret-top.is-active{color:#ffc417}.left-pct70[data-v-6deed34c]{width:70%;height:100%}.left-pct100[data-v-6deed34c]{width:100%;height:100%}.tools-lines[data-v-6deed34c]{background-color:#fff9eb;margin-bottom:10px}.item[data-v-6deed34c]{display:inline-block;height:40px;margin:10px 0;padding:5px 17px;border-right:1px solid #d8d8d8}.item[data-v-6deed34c]:hover{background-color:#ffedc2}.item i[data-v-6deed34c]{vertical-align:middle}.right[data-v-6deed34c]{-webkit-box-flex:0;flex:0 0 30%;-webkit-flex:0 0 30%;-moz-flex:0 0 30%;-ms-flex:0 0 30%;-o-flex:0 0 30%;margin-left:10px;min-height:100%;overflow-y:auto}