[data-v-2f51267e]: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[data-v-2f51267e]{width:100%;height:100vh}.monitor.viewsBox_bd3[data-v-2f51267e]{background-color:var(--dropDownBg);box-sizing:border-box;color:var(--colorTitle)}.monitor.viewsBox_tdwt[data-v-2f51267e]{background-color:var(--pageBg);padding-top:var(--headerHeight);box-sizing:border-box}.monitor .monitor-content[data-v-2f51267e]{box-sizing:border-box;width:100%;height:calc(100vh - var(--headerHeight));padding:10px;background-color:var(--dropDownBg)}.monitor .monitor-content .monitor-aside[data-v-2f51267e]{width:var(--asideWidth);height:100%;border:1px solid var(--tagBg);margin-right:8px;box-sizing:border-box;background-color:var(--dropDownBg)}.monitor .monitor-content .monitor-aside .search-wrapper[data-v-2f51267e]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--titleBarHeight);padding:0 12px;box-sizing:border-box}.monitor .monitor-content .monitor-aside .search-wrapper .search-input[data-v-2f51267e]{flex:1}.monitor .monitor-content .monitor-aside .search-wrapper .refresh-wrapper[data-v-2f51267e]{width:32px;height:32px;font-size:18px;color:var(--colorTitle);cursor:pointer;margin-left:12px}.monitor .monitor-content .monitor-aside .switch-wrapper[data-v-2f51267e]{box-sizing:border-box;width:100%;height:32px;line-height:32px}.monitor .monitor-content .monitor-aside .switch-wrapper .switch-box[data-v-2f51267e]{position:relative;flex:1;height:100%;overflow:hidden;padding:0 12px}.monitor .monitor-content .monitor-aside .switch-wrapper .switch-box .switch-list[data-v-2f51267e]{box-sizing:border-box;height:100%;display:flex;flex-direction:row;align-items:center;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;justify-content:space-between;padding:0 8px;background-color:var(--tabBg5)}.monitor .monitor-content .monitor-aside .switch-wrapper .switch-box .switch-item[data-v-2f51267e]{flex:0 0 auto;margin-right:10px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--defaultSize);cursor:pointer;white-space:nowrap;color:var(--activeStatusColor)}.monitor .monitor-content .monitor-aside .switch-wrapper .switch-box .switch-item.typeActive[data-v-2f51267e]{color:#fff!important;position:relative}.monitor .monitor-content .monitor-aside .switch-wrapper .switch-box .switch-item.typeActive[data-v-2f51267e]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--activeStatusColor)}.monitor .monitor-content .monitor-aside .device-list[data-v-2f51267e]{color:var(--colorTitle);height:calc(100% - var(--titleBarHeight) - var(--subTitleBarHeight))}.monitor .monitor-content .monitor-aside .device-list .top-wrapper[data-v-2f51267e]{box-sizing:border-box;cursor:pointer;height:var(--titleBarHeight);padding-left:16px;padding-right:16px;position:relative}.monitor .monitor-content .monitor-aside .device-list .top-wrapper[data-v-2f51267e]:hover{background-color:var(--tagBg)}.monitor .monitor-content .monitor-aside .device-list .top-wrapper[data-v-2f51267e]:after{content:"";position:absolute;left:16px;right:0;bottom:0;height:1px;background-color:var(--borderColor)}.monitor .monitor-content .monitor-aside .device-list .group-wrapper[data-v-2f51267e]{height:calc(100% - var(--titleBarHeight))}.monitor .monitor-content .monitor-main[data-v-2f51267e]{box-sizing:border-box;flex:1;height:100%}.monitor .monitor-content .monitor-main .top-wrapper[data-v-2f51267e]{display:flex;flex-direction:column;justify-content:space-between}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .layout-order[data-v-2f51267e]{position:relative;width:100%;height:var(--subTitleBarHeight);box-sizing:border-box;margin-right:18px;padding-left:18px}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .layout-order .layout-item[data-v-2f51267e]{width:114px;position:relative;flex:1;height:100%}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .operation-item[data-v-2f51267e]{position:relative;width:126px;height:38px;margin-right:16px;cursor:pointer}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .operation-item .operation-bg[data-v-2f51267e]{position:absolute;left:0;top:0;z-index:1}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .operation-item .operation-info[data-v-2f51267e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;height:100%;font-size:14px;color:var(--colorTitle)}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .operation-item .operation-info span[data-v-2f51267e]{margin-left:4px;display:inline-block;white-space:nowrap}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper[data-v-2f51267e] .btn-wrapper{border:1px solid var(--tableHeaderBg)!important;border-radius:3px 3px 0 0}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper[data-v-2f51267e] .disabledBtn{border:none;color:var(--disableColor)}.monitor .monitor-content .monitor-main .layout-wrapper[data-v-2f51267e]{padding-top:8px;width:100%;box-sizing:border-box;height:calc(100% - 58px);margin:0}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item[data-v-2f51267e]{background-color:var(--dropDownBg);min-width:0;overflow:hidden}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-head[data-v-2f51267e]{height:100%;color:var(--colorTitle);min-width:0}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-head .device-icon[data-v-2f51267e]{width:28px;height:28px;margin-right:8px}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-head .name[data-v-2f51267e]{flex:1;min-width:0;overflow:hidden}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-head .name .info-header[data-v-2f51267e]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-head .name .info-header .channel-id[data-v-2f51267e]{font-size:var(--smallSize)}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play[data-v-2f51267e]{position:relative;height:100%}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .blank-icon[data-v-2f51267e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .error-wrapper[data-v-2f51267e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--colorTitle);width:100%;height:100%;padding:5px 0;box-sizing:border-box}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .error-wrapper img[data-v-2f51267e]{width:24px;height:24px}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .error-wrapper .err-message[data-v-2f51267e]{padding:0 8px;width:100%;overflow:hidden;margin-top:8px;font-size:var(--titleMediumSize);text-align:center}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .menu-wrapper[data-v-2f51267e]{position:absolute;bottom:0;left:0;width:100%;height:32px;background-color:var(--dropDownBg);z-index:999}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .menu-wrapper .operation-bar[data-v-2f51267e]{height:100%}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .menu-wrapper .menu-item[data-v-2f51267e]{width:18px;margin-right:16px;cursor:pointer}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-footer[data-v-2f51267e]{height:100%;display:flex;justify-content:center;align-items:center}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-footer .tooltiproundBtn[data-v-2f51267e]{display:flex;justify-content:center;align-items:center;margin:0 10px}.fixed_dropdown[data-v-2f51267e]{display:flex;position:fixed;transform:translateX(-50%);padding:3px 0;border-radius:6px;background-color:var(--dropDownBg);z-index:2}.fixed_dropdown[data-v-2f51267e]:before{content:"";position:absolute;top:-2px;left:50%;width:0;height:0;border-bottom:8px solid var(--dropDownBg);border-left:6px solid transparent;border-right:6px solid transparent;transform:translateY(-50%)}.fixed_dropdown .dropdown_item[data-v-2f51267e]{cursor:pointer;min-width:110px;height:32px}.fixed_dropdown .dropdown_item[data-v-2f51267e]:hover{background-color:var(--tagBg)}@keyframes rotate-2f51267e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.your-init[data-v-2f51267e]{animation:rotate-2f51267e 2s linear infinite}.yuntai[data-v-2f51267e]{font-size:20px}