.cameraDevice .head[data-v-01037b3a]{background:#020a28}.cameraDevice .selected[data-v-01037b3a]{border:.010417rem solid red}.cameraDevice .mask[data-v-01037b3a]{height:100%;box-sizing:border-box;color:#fff;display:flex;justify-content:center;align-items:center;font-size:.083333rem;background-color:#000}.cameraDevice .category[data-v-01037b3a]{margin:.15625rem 0;display:flex;justify-content:center}.cameraDevice .category[data-v-01037b3a] .el-button:hover{color:#606266;border-color:#dcdfe6;background-color:#fff}.cameraDevice .category .active[data-v-01037b3a]:hover,.cameraDevice .category[data-v-01037b3a] .el-button.actived:hover{color:#fff;border-color:#3599ff;background-color:#3599ff}.cameraDevice .category .el-button[data-v-01037b3a]:focus,.cameraDevice .category[data-v-01037b3a] .el-button:active{color:#606266;border-color:#dcdfe6;background-color:#fff}.cameraDevice .category .actived[data-v-01037b3a],.cameraDevice .category .el-button.actived[data-v-01037b3a]:focus,.cameraDevice .category[data-v-01037b3a] .el-button.actived:active{color:#fff;border-color:#3599ff;background-color:#3599ff}.cameraDevice .camera-box .camera-left[data-v-01037b3a]{margin-right:.260417rem}.cameraDevice .camera-box .camera-left .camera-tree .online[data-v-01037b3a]{color:#3599ff}.cameraDevice .camera-box .camera-main[data-v-01037b3a]{padding:0}.cameraDevice .camera-box .camera-main .video-box[data-v-01037b3a]{width:80%;height:3.125rem}.cameraDevice .camera-box .camera-main .video-box .singlescreen .video-content .loading[data-v-01037b3a],.cameraDevice .camera-box .camera-main .video-box .singlescreen .video-content[data-v-01037b3a],.cameraDevice .camera-box .camera-main .video-box .singlescreen[data-v-01037b3a]{height:100%}.cameraDevice .camera-box .camera-main .video-box .singlescreen .video-content .loading[data-v-01037b3a] .el-loading-mask{background-color:#000}.cameraDevice .camera-box .camera-main .video-box .singlescreen .video-content .loading[data-v-01037b3a] .el-loading-spinner .el-loading-text{color:#3599ff}.cameraDevice .camera-box .camera-main .video-box .singlescreen .video-content .loading[data-v-01037b3a] .el-loading-spinner .path{stroke:#3599ff}.cameraDevice .camera-box .camera-main .video-box .singlescreen .video-content .loading .video-wrapper[data-v-01037b3a]{position:relative;height:100%;box-sizing:border-box}.cameraDevice .camera-box .camera-main .video-box .fourscreen[data-v-01037b3a]{height:100%}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask[data-v-01037b3a]{display:flex;flex-wrap:wrap;height:100%}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box[data-v-01037b3a]{width:50%;height:50%;border:.005208rem solid #fff;box-sizing:border-box}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box[data-v-01037b3a]:first-child{border-top-color:transparent;border-left-color:transparent}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box[data-v-01037b3a]:nth-child(2){border-left-width:0;border-top-color:transparent;border-right-color:transparent}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box[data-v-01037b3a]:nth-child(3){border-top-width:0;border-left-color:transparent}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box[data-v-01037b3a]:nth-child(4){border-top-width:0;border-left-width:0;border-right-color:transparent}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box .video-content .loading[data-v-01037b3a],.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box .video-content[data-v-01037b3a]{height:100%}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box .video-content .loading[data-v-01037b3a] .el-loading-mask{background-color:#000}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box .video-content .loading[data-v-01037b3a] .el-loading-spinner .el-loading-text{color:#3599ff}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box .video-content .loading[data-v-01037b3a] .el-loading-spinner .path{stroke:#3599ff}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box .video-content .loading .video-wrapper[data-v-01037b3a]{position:relative;height:100%;box-sizing:border-box}.cameraDevice .camera-box .camera-main .video-box .fourscreen .fourscreen-mask .mask-box .video-content .loading .video-wrapper .video[data-v-01037b3a]{object-fit:fill;width:100%;height:100%}