.videoItemEzuikitPage[data-v-58f162f9]{width:100%;height:100%}.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}.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%}.videoBox .rightBox .topBox{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.videoBox .rightBox .topBox .title{font-size:16px}.videoBox .rightBox .topBox .menuBox{display:-webkit-box;display:-ms-flexbox;display:flex}.videoBox .rightBox .topBox .menuBox img{margin-left:10px;width:30px;height:30px;cursor:pointer}.videoBox .rightBox .videoWrap{width:100%;height:calc(100% - 40px);-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.videoBox .rightBox .videoWrap .videoItem{background-color:#000;height:100%;border:1px solid #fff;text-align:center;position:relative}.videoBox .rightBox .videoWrap .videoItem .iconBox{position:absolute;right:0;top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:999999}.videoBox .rightBox .videoWrap .videoItem .iconBox img{margin-right:10px;cursor:pointer}.videoBox .rightBox .videoWrap .cell-player-4{width:50%;height:50%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.videoBox .rightBox .videoWrap .cell-player-1{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.videoBox .rightBox .videoWrap .cell-player-6-1{width:66.66%;height:66.66%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.videoBox .rightBox .videoWrap .cell-player-6-2{width:33.33%;height:66.66%!important;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.videoBox .rightBox .videoWrap .cell-player-6-none{display:none}.videoBox .rightBox .videoWrap .cell-player-6-2-cell{width:100%;height:50%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.videoBox .rightBox .videoWrap .cell-player-6,.videoBox .rightBox .videoWrap .cell-player-9{width:33.33%;height:33.33%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.videoBox .rightBox .videoWrap .cell-player-16{width:25%;height:25%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.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}