#body1,.hbWrap .el-dialog__body{padding:0}#body1{height:100%}.hb .wrap{width:100%;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.hb .left,.hb .wrap{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.hb .left{width:100px;min-height:600px;border:1px solid #b1b1b1}.hb .right{margin-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;max-height:100%}.hb .right,.hb .right .boxOut{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.hb .right .boxOut{width:100%;padding-top:56.25%;height:0;border:1px solid #b1b1b1}.hb .boxOut>div{zoom:1;overflow:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.hb .oblong{width:50px;height:20px;margin:20px auto 0}.hb .oblong_color{background:#b1b1b1}.hb .oblong_line{width:46px;height:16px;margin:20px auto 0}.hb .oblong_line_color{border:1px solid #b1b1b1}.hb .line{width:50px;height:3px;margin:20px auto 0}.hb .line_vertical{width:3px;height:50px;margin:20px auto 0}.hb .line_color,.hb .line_vertical_color{background:#b1b1b1}.hb .circle{width:25px;height:25px}.hb .circle,.hb .circle_line{border-radius:50%;margin:20px auto 0}.hb .circle_line{width:24px;height:24px}.hb .text{width:50px;height:20px;min-width:20px;min-height:20px;font-size:24px;color:#b1b1b1;margin:20px auto 0}.hb .addNode{position:absolute;z-index:10;margin:0}.hb .select{-webkit-box-shadow:0 0 5px #06c;box-shadow:0 0 5px #06c}.hb .circle_color{background:#b1b1b1;border-radius:50%}.hb .circle_line_color{border:2px solid #b1b1b1;border-radius:50%}.hb .view{width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-dialog__title{color:#ff696b}