[data-v-f577f824]:root{--tipSize:12px;--defaultSize:14px;--titleMediumSize:16px;--titleLargeSize:18px;--onColor:#00d509;--sosColor:#c00505;--sosBg:#3e1212;--noticeColor:#ee4e4e;--menuWidth:68px;--gap:8px;--tagBlue:#0865d9;--tagYellow:#d97907;--tagGreen:#0a744d;--headerToolBarHeight:0px;--colorTitle:#fff;--iconColor:#fff;--colorFill:#6f6f6f;--colorErr:#ff7373;--colorErrDark:#ff6767;--colorDanger:#4a2733;--colorDangerRGB:74,39,51;--colorErrLight:#ed5151;--colorErrLightRGB:237,81,81;--colorErrRGB:255,115,115;--colorErrDarkRGB:255,103,103;--colorOpacity5:0.5;--colorOpacity8:0.8;--colorOpacity75:0.75;--colorOpacity7:0.7;--colorOpacity3:0.3;--colorOpacity25:0.25;--colorOpacity2:0.2;--colorOpacity6:0.6;--folderWidth:18px;--headerHeight:60px;--asideToTop:calc(var(--headerHeight) + 3px);--asideToBottom:8px;--asideLeft:10px;--asideWidth:380px;--bottomContentHeight:238px;--unfoldAsideWidth:calc(var(--asideWidth) + var(--asideLeft) + var(--folderWidth));--tableHeightWithMenu:calc(100% - 92px);--pagenationToBottom:26px;--cardLinearColor:linear-gradient(180deg,rgba(0,133,138,0),#00858a);--placeholderTextColor:rgba(255,255,255,var(--colorOpacity5));--checkBoxBorderColor:#3e4957;--primaryColorRGB:0,18,19;--deviceTabColor:#00858a;--deviceTabColorRGB:0,133,138;--primaryColor:#022c2e;--textColor:#d4feff;--pannelBgColor:#0e305c;--tagBg:#056e74;--scrollBarColor:#06d8e1;--activeStatusColor:#00f2fb;--activeStatusColorRGB:0,242,251;--dropDownBg:#001213;--dialogBg:#014345;--dropDownBgRGB:0,18,19;--chatLeftColor:#017276;--chatBorderColor:#03797e;--chatHeaderBg:#037276;--chatTextColor:#2a3e58;--chatInputColor:#034344;--pageBg:#003032;--disableColor:#c2c2c2;--borderColor:#00494c;--readColor:#8a9797;--tableHeaderBg:#065f62;--checkedColor:#001a1c;--codeBg:#006c71;--checkBoxColor:#a7a7a7;--loginBtnColor:#21b7c5;--gridBgColor:#005d61;--dashedColor:#a3adad;--glayColor:#a6a6a6;--grayColor5:#9c9d9b;--selectStatusColor:#00f2fb;--selectStatusColorRGB:0,242,251;--primaryConsoleWithOpacity:rgba(var(--primaryColorRGB),var(--colorOpacity75));--cardBorder3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--inputBorder5:rgba(var(--activeStatusColorRGB),var(--colorOpacity5));--tabBg25:rgba(var(--deviceTabColorRGB),var(--colorOpacity25));--tabBg5:rgba(var(--deviceTabColorRGB),var(--colorOpacity5));--tabBg6:rgba(var(--deviceTabColorRGB),var(--colorOpacity6));--tabBg8:rgba(var(--deviceTabColorRGB),var(--colorOpacity8));--tabBg7:rgba(var(--deviceTabColorRGB),var(--colorOpacity7));--activeStatusColor2:rgba(var(--activeStatusColorRGB),var(--colorOpacity2));--activeStatusColor3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--activeStatusColor6:rgba(var(--activeStatusColorRGB),var(--colorOpacity6));--activeStatusColor75:rgba(var(--activeStatusColorRGB),var(--colorOpacity75));--dropDownBg7:rgba(var(--dropDownBgRGB),var(--colorOpacity7));--dropDownBg75:rgba(var(--dropDownBgRGB),var(--colorOpacity75));--dangerColor5:rgba(var(--colorDangerRGB),var(--colorOpacity5));--dangerColorLight5:rgba(var(--colorErrLightRGB),var(--colorOpacity5));--defaultRatioSize:0.8;--bgLgDefault:linear-gradient(180deg,#00a8b0,#017276 15%,#017276 90%,#022c2e);--bgLgPrimary:linear-gradient(180deg,#00f2fb,#00a8b0 16%,#00a8b0 89%,#00494c 99%);--bgLgDanger:linear-gradient(180deg,#ffa1a1,#e85858 13%,#e85858 90%,#a31f1f);--iconSizeMedium:28px;--subTitleBarHeight:32px;--titleBarHeight:60px;--iconSizeLarge:28px;--deviceItemHeight:64px;--minBarHeight:48px;--bgLgSuccess:linear-gradient(180deg,#00a8b0,#017276 13%,#017276 86%,#022c2e)}.text-tooltip-wrapper[data-v-f577f824]{flex:1;min-width:0;overflow:hidden}.text-with-tooltip[data-v-f577f824]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-1120ca52]:root{--tipSize:12px;--defaultSize:14px;--titleMediumSize:16px;--titleLargeSize:18px;--onColor:#00d509;--sosColor:#c00505;--sosBg:#3e1212;--noticeColor:#ee4e4e;--menuWidth:68px;--gap:8px;--tagBlue:#0865d9;--tagYellow:#d97907;--tagGreen:#0a744d;--headerToolBarHeight:0px;--colorTitle:#fff;--iconColor:#fff;--colorFill:#6f6f6f;--colorErr:#ff7373;--colorErrDark:#ff6767;--colorDanger:#4a2733;--colorDangerRGB:74,39,51;--colorErrLight:#ed5151;--colorErrLightRGB:237,81,81;--colorErrRGB:255,115,115;--colorErrDarkRGB:255,103,103;--colorOpacity5:0.5;--colorOpacity8:0.8;--colorOpacity75:0.75;--colorOpacity7:0.7;--colorOpacity3:0.3;--colorOpacity25:0.25;--colorOpacity2:0.2;--colorOpacity6:0.6;--folderWidth:18px;--headerHeight:60px;--asideToTop:calc(var(--headerHeight) + 3px);--asideToBottom:8px;--asideLeft:10px;--asideWidth:380px;--bottomContentHeight:238px;--unfoldAsideWidth:calc(var(--asideWidth) + var(--asideLeft) + var(--folderWidth));--tableHeightWithMenu:calc(100% - 92px);--pagenationToBottom:26px;--cardLinearColor:linear-gradient(180deg,rgba(0,133,138,0),#00858a);--placeholderTextColor:rgba(255,255,255,var(--colorOpacity5));--checkBoxBorderColor:#3e4957;--primaryColorRGB:0,18,19;--deviceTabColor:#00858a;--deviceTabColorRGB:0,133,138;--primaryColor:#022c2e;--textColor:#d4feff;--pannelBgColor:#0e305c;--tagBg:#056e74;--scrollBarColor:#06d8e1;--activeStatusColor:#00f2fb;--activeStatusColorRGB:0,242,251;--dropDownBg:#001213;--dialogBg:#014345;--dropDownBgRGB:0,18,19;--chatLeftColor:#017276;--chatBorderColor:#03797e;--chatHeaderBg:#037276;--chatTextColor:#2a3e58;--chatInputColor:#034344;--pageBg:#003032;--disableColor:#c2c2c2;--borderColor:#00494c;--readColor:#8a9797;--tableHeaderBg:#065f62;--checkedColor:#001a1c;--codeBg:#006c71;--checkBoxColor:#a7a7a7;--loginBtnColor:#21b7c5;--gridBgColor:#005d61;--dashedColor:#a3adad;--glayColor:#a6a6a6;--grayColor5:#9c9d9b;--selectStatusColor:#00f2fb;--selectStatusColorRGB:0,242,251;--primaryConsoleWithOpacity:rgba(var(--primaryColorRGB),var(--colorOpacity75));--cardBorder3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--inputBorder5:rgba(var(--activeStatusColorRGB),var(--colorOpacity5));--tabBg25:rgba(var(--deviceTabColorRGB),var(--colorOpacity25));--tabBg5:rgba(var(--deviceTabColorRGB),var(--colorOpacity5));--tabBg6:rgba(var(--deviceTabColorRGB),var(--colorOpacity6));--tabBg8:rgba(var(--deviceTabColorRGB),var(--colorOpacity8));--tabBg7:rgba(var(--deviceTabColorRGB),var(--colorOpacity7));--activeStatusColor2:rgba(var(--activeStatusColorRGB),var(--colorOpacity2));--activeStatusColor3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--activeStatusColor6:rgba(var(--activeStatusColorRGB),var(--colorOpacity6));--activeStatusColor75:rgba(var(--activeStatusColorRGB),var(--colorOpacity75));--dropDownBg7:rgba(var(--dropDownBgRGB),var(--colorOpacity7));--dropDownBg75:rgba(var(--dropDownBgRGB),var(--colorOpacity75));--dangerColor5:rgba(var(--colorDangerRGB),var(--colorOpacity5));--dangerColorLight5:rgba(var(--colorErrLightRGB),var(--colorOpacity5));--defaultRatioSize:0.8;--bgLgDefault:linear-gradient(180deg,#00a8b0,#017276 15%,#017276 90%,#022c2e);--bgLgPrimary:linear-gradient(180deg,#00f2fb,#00a8b0 16%,#00a8b0 89%,#00494c 99%);--bgLgDanger:linear-gradient(180deg,#ffa1a1,#e85858 13%,#e85858 90%,#a31f1f);--iconSizeMedium:28px;--subTitleBarHeight:32px;--titleBarHeight:60px;--iconSizeLarge:28px;--deviceItemHeight:64px;--minBarHeight:48px;--bgLgSuccess:linear-gradient(180deg,#00a8b0,#017276 13%,#017276 86%,#022c2e)}.monitor-virtual-list[data-v-1120ca52]{width:100%;height:100%;overflow:auto}.monitor-virtual-list[data-v-1120ca52] .virtual-scroll-container{width:100%;height:100%}.monitor-virtual-list[data-v-1120ca52] .scroll-container{width:100%;height:100%;overflow-y:auto!important}.monitor-virtual-list[data-v-1120ca52] .__view{width:100%!important;min-width:0!important}.monitor-virtual-list .list-item-wrapper[data-v-1120ca52]{width:100%}.monitor-virtual-list .list-item[data-v-1120ca52]{padding-left:16px;padding-right:16px;height:var(--titleBarHeight);position:relative;cursor:pointer}.monitor-virtual-list .list-item[data-v-1120ca52]:after{content:"";position:absolute;left:16px;right:0;bottom:0;height:1px;background-color:var(--borderColor)}.monitor-virtual-list .list-item .group-icon[data-v-1120ca52]{width:var(--iconSizeLarge);height:var(--iconSizeLarge);margin-right:8px}.monitor-virtual-list .list-item .left-item[data-v-1120ca52]{min-width:0}.monitor-virtual-list .list-item .right-item[data-v-1120ca52]{margin-left:8px}.monitor-virtual-list .list-item .group-info[data-v-1120ca52]{flex:1;overflow:hidden}.monitor-virtual-list .list-item .group-info .group-content[data-v-1120ca52]{display:flex;align-items:center;gap:10px}.monitor-virtual-list .list-item .group-info .group-content .group-count[data-v-1120ca52]{flex-shrink:0;white-space:nowrap}.monitor-virtual-list .list-item[data-v-1120ca52]:hover{background-color:var(--tagBg)}.monitor-virtual-list .device-list-container[data-v-1120ca52]{width:100%}.monitor-virtual-list .device-list-container[data-v-1120ca52] .__view{width:100%!important}.monitor-virtual-list .device-item-wrapper[data-v-1120ca52]{width:100%}.monitor-virtual-list .device-item-wrapper .device-item[data-v-1120ca52]{padding-left:32px;padding-right:8px;height:var(--deviceItemHeight);cursor:pointer;position:relative}.monitor-virtual-list .device-item-wrapper .device-item[data-v-1120ca52]:after{content:"";position:absolute;left:32px;right:0;bottom:0;height:1px;background-color:var(--tagBg)}.monitor-virtual-list .device-item-wrapper .device-item .device-icon[data-v-1120ca52]{width:var(--iconSizeMedium);height:var(--iconSizeMedium);margin-right:8px}.monitor-virtual-list .device-item-wrapper .device-item .left-item[data-v-1120ca52]{height:100%}.monitor-virtual-list .device-item-wrapper .device-item .right-item[data-v-1120ca52]{flex:1;padding-right:8px;min-width:0;display:flex;flex-direction:column;justify-content:center}.monitor-virtual-list .device-item-wrapper .device-item .right-item .remark[data-v-1120ca52]{margin-bottom:8px;font-weight:700;font-size:var(--titleMediumSize)}.monitor-virtual-list .device-item-wrapper .device-item .right-item .addr[data-v-1120ca52]{font-size:var(--defaultSize);color:var(--textColor)}.monitor-virtual-list .device-item-wrapper .device-item .right-item .bottom-wrapper[data-v-1120ca52]{display:flex;align-items:center;gap:8px}.monitor-virtual-list .device-item-wrapper .device-item .right-item .bottom-wrapper.contentTit_addr[data-v-1120ca52]{font-size:var(--defaultSize)}.monitor-virtual-list .device-item-wrapper .device-item .right-item .bottom-wrapper .update-time[data-v-1120ca52]{font-size:var(--tipSize);flex-shrink:0;white-space:nowrap;color:var(--textColor)}.monitor-virtual-list .device-item-wrapper .device-item[data-v-1120ca52]:hover{background-color:var(--tagBg)}.monitor-virtual-list .device-item-wrapper .device-item.no-border[data-v-1120ca52]:after{display:none}.monitor-virtual-list .device-item-wrapper .device-operation[data-v-1120ca52]{width:100%;padding-bottom:12px;padding-left:32px;padding-right:8px;box-sizing:border-box}.monitor-virtual-list .device-item-wrapper .device-operation i[data-v-1120ca52]{margin-right:5px}.monitor-virtual-list .device-item-wrapper .device-operation .video-dropdown-wrapper[data-v-1120ca52]{flex:1;display:flex}.monitor-virtual-list .device-item-wrapper .device-operation .video-dropdown-wrapper .video-dropdown[data-v-1120ca52]{width:100%;display:flex}.monitor-virtual-list .device-item-wrapper .device-operation .video-dropdown-wrapper .video-dropdown .operation-item[data-v-1120ca52]{cursor:pointer;height:var(--subTitleBarHeight);white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:center;color:var(--colorTitle)!important;font-size:var(--defaultSize)!important}.monitor-virtual-list .device-item-wrapper .device-operation .video-dropdown-wrapper .video-dropdown .operation-item .el-icon--right[data-v-1120ca52]{margin-left:5px}.monitor-virtual-list .device-item-wrapper .device-operation .operation-item[data-v-1120ca52]{cursor:pointer;height:var(--subTitleBarHeight);flex:1;white-space:nowrap;justify-content:center}.monitor-virtual-list .device-item-wrapper .device-operation .operation-item.activePointer[data-v-1120ca52]{cursor:not-allowed;opacity:.7}.monitor-virtual-list .activeDevice[data-v-1120ca52]{background-color:var(--tagBg);border:1px solid var(--selectStatusColor)}:root{--tipSize:12px;--defaultSize:14px;--titleMediumSize:16px;--titleLargeSize:18px;--onColor:#00d509;--sosColor:#c00505;--sosBg:#3e1212;--noticeColor:#ee4e4e;--menuWidth:68px;--gap:8px;--tagBlue:#0865d9;--tagYellow:#d97907;--tagGreen:#0a744d;--headerToolBarHeight:0px;--colorTitle:#fff;--iconColor:#fff;--colorFill:#6f6f6f;--colorErr:#ff7373;--colorErrDark:#ff6767;--colorDanger:#4a2733;--colorDangerRGB:74,39,51;--colorErrLight:#ed5151;--colorErrLightRGB:237,81,81;--colorErrRGB:255,115,115;--colorErrDarkRGB:255,103,103;--colorOpacity5:0.5;--colorOpacity8:0.8;--colorOpacity75:0.75;--colorOpacity7:0.7;--colorOpacity3:0.3;--colorOpacity25:0.25;--colorOpacity2:0.2;--colorOpacity6:0.6;--folderWidth:18px;--headerHeight:60px;--asideToTop:calc(var(--headerHeight) + 3px);--asideToBottom:8px;--asideLeft:10px;--asideWidth:380px;--bottomContentHeight:238px;--unfoldAsideWidth:calc(var(--asideWidth) + var(--asideLeft) + var(--folderWidth));--tableHeightWithMenu:calc(100% - 92px);--pagenationToBottom:26px;--cardLinearColor:linear-gradient(180deg,rgba(0,133,138,0),#00858a);--placeholderTextColor:rgba(255,255,255,var(--colorOpacity5));--checkBoxBorderColor:#3e4957;--primaryColorRGB:0,18,19;--deviceTabColor:#00858a;--deviceTabColorRGB:0,133,138;--primaryColor:#022c2e;--textColor:#d4feff;--pannelBgColor:#0e305c;--tagBg:#056e74;--scrollBarColor:#06d8e1;--activeStatusColor:#00f2fb;--activeStatusColorRGB:0,242,251;--dropDownBg:#001213;--dialogBg:#014345;--dropDownBgRGB:0,18,19;--chatLeftColor:#017276;--chatBorderColor:#03797e;--chatHeaderBg:#037276;--chatTextColor:#2a3e58;--chatInputColor:#034344;--pageBg:#003032;--disableColor:#c2c2c2;--borderColor:#00494c;--readColor:#8a9797;--tableHeaderBg:#065f62;--checkedColor:#001a1c;--codeBg:#006c71;--checkBoxColor:#a7a7a7;--loginBtnColor:#21b7c5;--gridBgColor:#005d61;--dashedColor:#a3adad;--glayColor:#a6a6a6;--grayColor5:#9c9d9b;--selectStatusColor:#00f2fb;--selectStatusColorRGB:0,242,251;--primaryConsoleWithOpacity:rgba(var(--primaryColorRGB),var(--colorOpacity75));--cardBorder3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--inputBorder5:rgba(var(--activeStatusColorRGB),var(--colorOpacity5));--tabBg25:rgba(var(--deviceTabColorRGB),var(--colorOpacity25));--tabBg5:rgba(var(--deviceTabColorRGB),var(--colorOpacity5));--tabBg6:rgba(var(--deviceTabColorRGB),var(--colorOpacity6));--tabBg8:rgba(var(--deviceTabColorRGB),var(--colorOpacity8));--tabBg7:rgba(var(--deviceTabColorRGB),var(--colorOpacity7));--activeStatusColor2:rgba(var(--activeStatusColorRGB),var(--colorOpacity2));--activeStatusColor3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--activeStatusColor6:rgba(var(--activeStatusColorRGB),var(--colorOpacity6));--activeStatusColor75:rgba(var(--activeStatusColorRGB),var(--colorOpacity75));--dropDownBg7:rgba(var(--dropDownBgRGB),var(--colorOpacity7));--dropDownBg75:rgba(var(--dropDownBgRGB),var(--colorOpacity75));--dangerColor5:rgba(var(--colorDangerRGB),var(--colorOpacity5));--dangerColorLight5:rgba(var(--colorErrLightRGB),var(--colorOpacity5));--defaultRatioSize:0.8;--bgLgDefault:linear-gradient(180deg,#00a8b0,#017276 15%,#017276 90%,#022c2e);--bgLgPrimary:linear-gradient(180deg,#00f2fb,#00a8b0 16%,#00a8b0 89%,#00494c 99%);--bgLgDanger:linear-gradient(180deg,#ffa1a1,#e85858 13%,#e85858 90%,#a31f1f);--iconSizeMedium:28px;--subTitleBarHeight:32px;--titleBarHeight:60px;--iconSizeLarge:28px;--deviceItemHeight:64px;--minBarHeight:48px;--bgLgSuccess:linear-gradient(180deg,#00a8b0,#017276 13%,#017276 86%,#022c2e)}.channel-list{padding:4px 0;box-sizing:border-box}.channel-list .channel-item{height:40px;line-height:40px;padding:0 16px;cursor:pointer}.channel-list .channel-item .channel{font-size:var(--defaultSize)}.channel-list .channel-item .channel-status{margin-left:38px;font-size:var(--tipSize)}.channel-list .channel-item .channel-status.online{color:var(--success)}.channel-list .channel-item .channel-status.offline{color:var(--info)}.channel-list .channel-item:hover{background-color:var(--tagBg)}