.monitor{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start;position:relative}.monitor .vjs-custom-skin{width:33%;height:33%}.monitor .vjs-custom-skin .video-js{width:100%!important;height:100%!important}.monitor .monitor__button{width:200px;height:26px;line-height:26px;-webkit-box-shadow:inset 0 0 2rem rgba(0,246,255,.4);box-shadow:inset 0 0 2rem rgba(0,246,255,.4);border:1px solid #004a7c;color:#fff;background-color:transparent;margin-top:10px;position:absolute;bottom:-20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.backBox{position:fixed;top:25px;left:20px;color:#bce2ff;cursor:pointer;font-size:18px}.videoBox{width:100%;height:77vh;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.videoBox .leftBox{width:20%;height:100%}.videoBox .leftBox .topBox{color:#fff;overflow-y:hidden;overflow-x:auto;white-space:nowrap}.videoBox .leftBox .topBox div{padding:3px;display:inline-block;height:40px;line-height:40px;background-color:#214f86;border-radius:15px 0 15px 0;margin-right:10px;cursor:pointer}.videoBox .leftBox .topBox .diskActive{border:1px solid rgba(26,152,250,.75)}.videoBox .leftBox .bottomBox{margin-top:15px;height:77vh;border:1px solid rgba(5,5,5,.75);background-color:#fff;padding:10px}.videoBox .leftBox .bottomBox .inputBox{height:10%}.videoBox .leftBox .bottomBox .inputBox .el-input__inner{background:transparent;border:1px solid rgba(12,12,12,.502);color:#0a0a0a}.videoBox .leftBox .bottomBox .cameraBox{color:#bce2ff;font-size:14px;padding-top:10px;height:90%;overflow-y:scroll;text-align:left;overflow-x:scroll;width:100%}.videoBox .leftBox .bottomBox .cameraBox .cameraItem{height:30px;padding:5px;cursor:pointer}.videoBox .leftBox .bottomBox .cameraBox .cameraActive{background-color:rgba(188,226,255,.2)}.videoBox .rightBox{margin-top:15px;width:75%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.videoBox .rightBox .videoItem{width:50%;height:50%}.videoBox .rightBox .videoItem .video-js{width:100%!important;height:100%!important}.view__video{height:77vh;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3vh 10vw}.view__video .vjs-custom-skin{position:absolute;top:10%;left:17%;width:65%;height:35%}.view__video .vjs-custom-sy{position:absolute;top:9%;width:100%;height:100%}::-webkit-scrollbar{width:5px;height:10px;background:transparent;border-radius:5px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-track-piece{width:4px}::-webkit-scrollbar-thumb{background-color:#ccc;min-height:60px;min-width:60px;border-radius:5px}::-webkit-scrollbar-thumb:horizontal:hover,::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}.videoBox .el-tree{display:inline-block!important}