#VideoMonitor{width:100%;height:calc(100% - 38px);min-height:600px;display:flex;flex-wrap:nowrap;justify-content:space-between;-moz-user-select:none;user-select:none}#VideoMonitor .treeAside{position:relative;width:230px;height:100%;padding:0 5px;box-sizing:border-box}#VideoMonitor .treeAside .treeBox{overflow:hidden;height:100%;padding:50px 0 10px;box-sizing:border-box}#VideoMonitor .treeAside .tree{height:100%;overflow:auto}#VideoMonitor .treeAside .tree .el-tree-node__content{height:40px}#VideoMonitor .treeAside .tree .custom-tree-node{height:40px;line-height:40px;width:100%}#VideoMonitor .treeAside .tree .custom-tree-node .treeLabel{font-size:14px;display:inline-block;width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#VideoMonitor .treeAside .tree .custom-tree-node .treeBtn{float:right}#VideoMonitor .treeAside .tree .custom-tree-node .treeBtn .el-button{margin-left:0}#VideoMonitor .videoContent{width:calc(100% - 230px);height:100%}#VideoMonitor .videoContent .videoNumSwitch{width:98%;height:34px;text-align:right;padding:8px 0}#VideoMonitor .videoContent .videoNumSwitch .clearVideo{display:inline-block;cursor:pointer;color:#999;margin-right:50px;border-radius:4px;padding:4px;font-size:12px}#VideoMonitor .videoContent .videoNumSwitch .clearVideo:hover{color:#777}#VideoMonitor .videoContent .videoNumSwitch .clearVideo .page-icon{vertical-align:middle;font-size:18px;color:#f56c6c;margin-right:4px}#VideoMonitor .videoContent .videoNumSwitch .clearVideo span{vertical-align:middle}#VideoMonitor .videoContent .videoNumSwitch .switchItem{display:inline-block;border:1px solid #999;border-radius:4px;padding:8px 15px;margin-left:10px;color:#999;cursor:pointer}#VideoMonitor .videoContent .videoNumSwitch .active{border:1px solid #217dea;color:#217dea}#VideoMonitor .videoContent .videos{width:100%;height:calc(100% - 50px);display:flex;justify-content:space-around;align-content:space-around;flex-wrap:wrap;overflow:hidden}#VideoMonitor .videoContent .videos .videoItem{width:32%;height:32%;background:#343434;transition:all .5s}#VideoMonitor .videoContent .videos .videoItem .noVideo{text-align:center;margin-top:20%}#VideoMonitor .videoContent .videos .videoItem .noVideo .iconbofang{font-size:40px;color:#dfdfdf}#VideoMonitor .videoContent .videos .videoItem .noVideo .noVideoText{display:block;font-size:16px;color:#dfdfdf}#VideoMonitor .videoContent .videos .videoItem .video-js{width:100%;height:100%}#VideoMonitor .videoContent .videos .videoItem .video-js .vjs-tech{width:100%;height:100%;pointer-events:none}#VideoMonitor .videoContent .videos .videoItem .video-js .vjs-control-bar .vjs-play-control{display:none}#VideoMonitor .videoContent .videos .active{box-shadow:0 0 0 4px #ff8c00}