.w-full[data-v-89e1e2fc]{width:100%}.time-range-row[data-v-89e1e2fc]{display:flex;align-items:center}.time-select[data-v-89e1e2fc]{flex:1}.time-separator[data-v-89e1e2fc]{margin:0 .5rem;color:#606266}.recording-page[data-v-e633fcce]{height:96%;background-color:#fff;box-shadow:.125rem 0 .4375rem .0625rem rgba(0,0,0,.12);border-radius:.625rem;padding:.9375rem;padding-bottom:1rem}.video-container[data-v-e633fcce]{height:100%;background-color:#fff;display:flex;position:relative;min-width:0}.head-title[data-v-e633fcce]{width:97.5%;margin:.9375rem auto .625rem;margin-top:0;position:relative;display:flex;align-items:center;font-size:1.25rem;font-weight:500;color:#000}.head-title .tle[data-v-e633fcce]{width:-moz-max-content;width:max-content;margin:0 .3125rem 0 .9375rem}.head-title[data-v-e633fcce]:before{content:"";width:.375rem;height:1.0625rem;position:absolute;border-radius:.625rem;background-color:#307af8}.video-container .video-menu[data-v-e633fcce]{width:15%;min-height:100%;border-right:.09375rem solid #ccc;overflow:auto}.video-container .video-menu .head-title[data-v-e633fcce]{width:97.5%;margin:.9375rem auto .625rem;margin-top:0;position:relative;display:flex;align-items:center;font-size:1.25rem;font-weight:500;color:#000}.video-container .video-menu .head-title .tle[data-v-e633fcce]{width:-moz-max-content;width:max-content;margin:0 .3125rem 0 .9375rem}.video-container .video-menu .head-title[data-v-e633fcce]:before{content:"";width:.375rem;height:1.0625rem;position:absolute;border-radius:.625rem;background-color:#307af8}.video-container .video-menu .search-bar[data-v-e633fcce]{width:auto;margin:0 auto .625rem;padding:0 .625rem}.video-container .video-menu[data-v-e633fcce] .el-menu{border:none}.video-container .video-menu[data-v-e633fcce] .el-submenu{margin-bottom:.625rem}.video-container .video-menu[data-v-e633fcce] .el-menu-item span{font-size:1rem}.video-container .video-menu[data-v-e633fcce] .el-submenu__title span{font-size:1.125rem}.video-container .video-menu[data-v-e633fcce] .el-submenu__title{font-size:1rem}.video-container .video-menu .status-dot[data-v-e633fcce]{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;margin-left:.625rem;margin-top:-.25rem}.video-container .video-menu .status-dot.online[data-v-e633fcce]{background-color:#67c23a}.video-container .video-menu .status-dot.offline[data-v-e633fcce]{background-color:#f56c6c}.right-panel[data-v-e633fcce]{min-width:0;overflow:hidden;padding-right:1rem}.search-wrapper[data-v-e633fcce]{flex-shrink:0;min-width:0;overflow:hidden}.table-wrapper[data-v-e633fcce]{flex:1;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden}.detail-grid[data-v-e633fcce]{display:flex;flex-wrap:wrap}.detail-item[data-v-e633fcce]{width:50%;margin-bottom:1rem;padding-right:1rem;box-sizing:border-box}.detail-item--block[data-v-e633fcce]{width:100%}.label[data-v-e633fcce]{color:#606266}.value[data-v-e633fcce]{color:#303133}