.smart_monitor{height:100%;display:flex;justify-content:space-between}.smart_monitor .el-tree{background:rgba(3,36,63,.6);color:#b9b9b9;padding:1vw 3vw 1vw 0}.smart_monitor .el-tree-node:hover,.smart_monitor .el-tree-node__content:hover{background:rgba(3,36,63,.1)}.smart_monitor .left{width:25vw}.smart_monitor .middle{width:45vw}.smart_monitor .right{width:25vw}.smart_monitor .vedioBox{text-align:center;color:#fff}.smart_monitor .vedioWrap{height:300px}.smart_monitor .videoTxt{font-size:16px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart_monitor .smart_monitor_wrap{width:100%;height:100%;position:relative}.smart_monitor .smart_monitor_side{position:absolute;width:220px;height:100%;background-color:rgba(0,0,0,.8);left:0;top:0;z-index:111;transition:all .3s ease-in}.smart_monitor .smart_monitor_side .smart_monitor_side_wrap{height:100%;font-size:14px;overflow-y:auto}.smart_monitor .smart_monitor_side .smart_monitor_side_wrap .smart_monitor_side_check{margin:8px 0}.smart_monitor .smart_monitor_side .smart_monitor_side_wrap .el-checkbox{color:#fff}.smart_monitor .smart_monitor_side .smart_monitor_side_inner{cursor:pointer;line-height:22px;border:1px solid #fff;padding:8px 10px;color:#fff;border-radius:5px;margin:6px 0;background-color:hsla(0,0%,100%,.1);transition:all .3s ease-in}.smart_monitor .smart_monitor_side .smart_monitor_side_inner:hover{border-color:#68d8fe}.smart_monitor .smart_monitor_side .smart_monitor_side_inner.active{color:#42c5d6;background-color:#fff;border-color:#fff}.smart_monitor .smart_monitor_side .smart_monitor_side_btn{width:22px;height:40px;line-height:40px;text-align:center;color:#fff;position:absolute;background-color:rgba(0,0,0,.8);top:50%;right:-23px;margin-top:-20px;border-top-right-radius:20px;border-bottom-right-radius:20px;cursor:pointer;font-size:16px;box-sizing:border-box}.smart_monitor .smart_monitor_side .smart_monitor_side_btn:hover{color:#42c5d6}.smart_monitor .smart_monitor_side .smart_monitor_side_box{height:100%;padding:0 10px;overflow-y:auto}.smart_monitor .smart_monitor_side .smart_monitor_side_submit{padding-top:4px;text-align:center}.smart_monitor .smart_monitor_side.active{width:0}.smart_monitor .smart_monitor_side.active .smart_monitor_side_wrap{overflow:hidden;visibility:hidden}.smart_monitor .smart_monitor_inner{height:100%;background-color:rgba(0,0,0,.4);position:relative;cursor:pointer}.smart_monitor .smart_monitor_inner.active .smart_monitor_bg{border:2px solid red}.smart_monitor .smart_monitor_inner_left{height:100%}.smart_monitor .smart_monitor_grop{height:calc(33.33333% - 13.33333px);margin-bottom:20px}.smart_monitor .smart_monitor_grop:last-child{margin-bottom:0}.smart_monitor .videoContainer{position:absolute;width:100%;height:100%;left:0;top:0}.smart_monitor .videoContainer iframe{width:100%;height:100%}.smart_monitor .title{text-align:center;color:#fff;font-size:16px;line-height:40px;text-shadow:#000 1px 1px 2px;margin-bottom:8px}.smart_monitor .audio-controls{position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.4);z-index:66}.smart_monitor .smart_monitor_bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:22;box-sizing:border-box}.smart_monitor .loading-item{z-index:66!important}