.one-grid[data-v-5914ac50]{overflow:hidden;position:relative}.one-grid .video-grid-container[data-v-5914ac50]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.one-grid .video-box[data-v-5914ac50]{position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.one-grid .video-box[data-v-5914ac50]:hover{-webkit-box-shadow:0 0 10px hsla(0,0%,100%,.3);box-shadow:0 0 10px hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.one-grid .video-box .video-action[data-v-5914ac50]{position:absolute;right:10px;z-index:99;height:20px;line-height:20px;width:20px;font-size:20px;cursor:pointer;background:rgba(0,0,0,.5);border-radius:4px;padding:2px}.one-grid .video-box .video-action[data-v-5914ac50]:hover{background:rgba(0,0,0,.8)}.one-grid .video-box .lock[data-v-5914ac50]{bottom:10px}.one-grid .video-box .setting[data-v-5914ac50]{bottom:40px}.one-grid .video-box .active-border[data-v-5914ac50]{position:absolute;top:0;left:0;z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.video-monitor-box{height:100vh;width:100%;overflow:hidden;position:relative;color:#fff}.video-monitor-box .header{height:40px;width:100%;background:#0d042c;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #666;padding-left:10px}.video-monitor-box .header .time{display:block;float:right;margin-right:20px;width:180px;text-align:right}.video-monitor-box .content-box{width:100%;background:#0d042c}.video-monitor-box .content-box .left-side{float:left;height:100vh;overflow-y:hidden;background:#0d042c;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.video-monitor-box .content-box .left-side .drag-bar{position:absolute;top:0;right:0;width:5px;height:100%;background:transparent;z-index:10}.video-monitor-box .content-box .left-side .drag-bar:hover{background:hsla(0,0%,100%,.2)}.video-monitor-box .content-box .left-side .title-and-search{padding-top:4px;width:calc(100% - 10px);padding-bottom:10px;margin-left:10px}.video-monitor-box .content-box .left-side .title-and-search .search{width:100%}.video-monitor-box .content-box .left-side .list-box{height:calc(100vh - 50px);margin-left:10px;width:calc(100% - 20px);overflow-y:auto;overflow-x:hidden;margin-bottom:10px}.video-monitor-box .content-box .left-side .list-box .collapse-box{width:calc(100% - 10px);border-top:unset!important;border-bottom:unset!important}.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .el-collapse-item__content,.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .el-collapse-item__header,.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .el-collapse-item__wrap{background:#0d042c!important;color:#fff!important}.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .el-collapse-item__header,.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .el-collapse-item__wrap{border-left:1px solid #666;border-right:1px solid #666;border-bottom:1px solid #666}.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .el-collapse-item__header{position:relative}.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .el-collapse-item__header .el-collapse-item__arrow{position:absolute;left:2px;top:17px}.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .group-name-and-count{padding-left:18px;cursor:pointer;width:100%}.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .group-name-and-count .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;width:calc(100% - 46px);float:left}.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .group-name-and-count .count{display:block;float:left;width:44px;text-align:right;margin-right:2px}.video-monitor-box .content-box .left-side .list-box .collapse-box .collapse-item .el-collapse-item__content{padding-bottom:2px!important}.video-monitor-box .content-box .left-side .list-box .ul-list{background:#0d042c!important;border:1px solid #666;margin:0;padding:0;list-style:none;width:calc(100% - 10px)}.video-monitor-box .content-box .left-side .list-box .ul-list li{list-style:none;width:calc(100% - 12px)!important;padding-left:6px!important}.video-monitor-box .content-box .left-side .list-box .ul-list.without-data{height:calc(100vh - 9.375rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-monitor-box .content-box .left-side .list-box .device-name{display:block;width:calc(100% - 36px);border-top:1px solid #666;height:32px;line-height:32px;padding-left:30px;padding-right:6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}.video-monitor-box .content-box .right-side{float:right;height:100%;overflow-y:auto;background:#0d042c;position:relative;overflow:hidden}.video-monitor-box .content-box .right-side .video-wrap-box{height:calc(100vh - 50px);width:100%}.video-monitor-box .content-box .right-side .img-box{padding-left:20px;padding-right:20px;text-align:center;font-size:12px}.video-monitor-box .content-box .right-side .img-box .action{cursor:pointer;width:20px;height:20px}.video-monitor-box .content-box .right-side .footer{height:50px;width:100%;background:#0d042c;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}.video-monitor-box .content-box .right-side .timer-select-box{position:absolute;top:92px;left:2px;background:#0d042c;padding-left:20px;padding-top:16px;padding-bottom:20px;width:300px;height:100px;z-index:9999}.video-monitor-box .content-box .right-side .timer-select-box .el-radio__label{color:#fff}.video-monitor-box .content-box .right-side .timer-select-box .custom{margin-top:20px;margin-bottom:10px}.video-monitor-box .content-box .right-side .timer-select-box .close-timer-box{position:absolute;top:10px;right:10px;z-index:99;cursor:pointer}.video-monitor-box .content-box .right-side .video-pagination{position:absolute;right:140px;height:40px;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-monitor-box .content-box .right-side .video-pagination.video-pagination-def{width:600px;line-height:40px}.video-monitor-box .content-box .right-side .video-pagination.video-pagination-ansteel{width:100%!important;right:0!important;top:0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#0d042c!important}.video-monitor-box .content-box .right-side .video-pagination.video-pagination-ansteel .ansteel-menu-bar{width:calc(70% - 6.25rem);height:1.75rem}.video-monitor-box .content-box .right-side .video-pagination.video-pagination-ansteel .ansteel-menu-bar>div{height:100%}.video-monitor-box .content-box .right-side .video-pagination .page-point{display:inline-block;height:8px;width:8px;border-radius:50%;margin-right:10px;cursor:pointer}.video-monitor-box .content-box .right-side .show-grid-number-box{position:absolute;right:2px;background:#0d042c;height:36px;width:300px}.video-monitor-box .content-box .right-side .show-grid-number-box .grid-number{width:20%;float:left}