[data-v-0893b0f0]:root{--globalFontSize:0.875rem;--titleFontSize:0.875rem;--onColor:#00d509;--sosColor:#c00505;--sosBg:#3e1212;--noticeColor:#ee4e4e;--menuWidth:4.25rem;--gap:0.5rem;--tagBlue:#0865d9;--tagYellow:#d97907;--tagGreen:#0a744d;--headerToolBarHeight:0;--colorTitle:#fff;--colorFill:#6f6f6f;--colorErr:#ff7373;--colorErrDark:#ff6767;--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:1.125rem;--headerHeight:3.75rem;--asideToTop:calc(var(--headerHeight) + 0.1875rem);--asideToBottom:0.5rem;--asideLeft:0.625rem;--asideWidth:23.75rem;--bottomContentHeight:14.875rem;--unfoldAsideWidth:calc(var(--asideWidth) + var(--asideLeft) + var(--folderWidth));--tableHeightWithMenu:calc(100% - 5.75rem);--pagenationToBottom:1.625rem;--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;--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))}.monitor[data-v-0893b0f0]{width:100vw;height:100vh;background-color:var(--pageBg);padding-top:var(--headerHeight);box-sizing:border-box;font-size:var(--titleFontSize);color:#fff}.monitor .monitor-head[data-v-0893b0f0]{box-sizing:border-box;width:100%;height:3.75rem;position:relative}.monitor .monitor-head .bg[data-v-0893b0f0]{position:absolute;width:100%;height:100%;z-index:1}.monitor .monitor-content[data-v-0893b0f0]{box-sizing:border-box;width:100%;height:calc(100vh - 3.75rem)}.monitor .monitor-content .monitor-aside[data-v-0893b0f0]{padding:.5rem;width:var(--asideWidth);height:100%;background-color:var(--pannelBgColor)}.monitor .monitor-content .monitor-aside .search-wrapper[data-v-0893b0f0]{height:2rem}.monitor .monitor-content .monitor-aside .search-wrapper .search-input[data-v-0893b0f0]{height:100%;flex:1}.monitor .monitor-content .monitor-aside .search-wrapper .search-input[data-v-0893b0f0] .el-input__inner{height:2rem;line-height:2rem;background-color:var(--deviceTabColor);border:none;color:#fff}.monitor .monitor-content .monitor-aside .search-wrapper .refresh-wrapper[data-v-0893b0f0]{width:2rem;height:2rem;background-color:var(--deviceTabColor);margin-left:.25rem;font-size:1.125rem;color:#fff;cursor:pointer}.monitor .monitor-content .monitor-aside .switch-wrapper[data-v-0893b0f0]{margin-top:.5rem;width:100%;height:2rem;background-color:var(--deviceTabColor)}.monitor .monitor-content .monitor-aside .switch-wrapper .switch-item[data-v-0893b0f0]{cursor:pointer;padding:0 .5rem;height:2rem;line-height:2rem;color:#fff;font-size:.75rem;border-bottom:.0625rem solid var(--deviceTabColor)}.monitor .monitor-content .monitor-aside .switch-wrapper .activeStatus[data-v-0893b0f0]{color:var(--colorTitle);border-bottom:.0625rem solid var(--colorTitle)}.monitor .monitor-content .monitor-aside .device-list[data-v-0893b0f0]{margin-top:.5rem;color:#fff;height:calc(100% - 7.5rem)}.monitor .monitor-content .monitor-aside .device-list .top-wrapper[data-v-0893b0f0]{margin-bottom:.5rem;cursor:pointer}.monitor .monitor-content .monitor-aside .device-list .top-wrapper .num[data-v-0893b0f0]{margin-left:.375rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper[data-v-0893b0f0]{overflow-y:auto;height:100%}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item[data-v-0893b0f0]{padding-left:.75rem;padding-right:.5rem;height:2rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item .group-icon[data-v-0893b0f0]{margin-left:.375rem;margin-right:.375rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item .dropdownbox[data-v-0893b0f0]{width:7.5rem;cursor:pointer;position:relative;display:flex;flex-direction:row;justify-content:flex-end}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item .dropdownbox .abs_dropdown[data-v-0893b0f0]{display:none;position:absolute;bottom:-.25rem;right:0;transform:translateY(100%);padding:.1875rem 0;width:7.5rem;border-radius:.375rem;background-color:var(--deviceTabColor);z-index:2}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item .dropdownbox .abs_dropdown[data-v-0893b0f0]:before{content:"";position:absolute;top:-.25rem;right:0;width:100%;height:0;border-bottom:.375rem solid transparent;border-left:.375rem solid transparent;border-right:.375rem solid transparent;transform:translateY(-50%)}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item .dropdownbox .abs_dropdown .dropdown_item[data-v-0893b0f0]{cursor:pointer;width:6.875rem;height:2rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item .dropdownbox .abs_dropdown .dropdown_item[data-v-0893b0f0]:hover{background-color:var(--deviceTabColor)}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item .dropdownbox:hover .abs_dropdown[data-v-0893b0f0]{display:flex}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .list-item[data-v-0893b0f0]:hover{background-color:var(--deviceTabColor)}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-item[data-v-0893b0f0]{padding-left:1.125rem;padding-right:.5rem;height:2rem;cursor:pointer}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-item .device-icon[data-v-0893b0f0]{width:1rem;height:1rem;margin-left:.375rem;margin-right:.375rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-item .update-time[data-v-0893b0f0]{margin-right:.5rem;white-space:nowrap}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-item .follow[data-v-0893b0f0]{cursor:pointer;width:1.25rem;height:1.25rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-item .left-item[data-v-0893b0f0]{height:100%}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-item .right-item[data-v-0893b0f0]{flex:1}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .activeDevice[data-v-0893b0f0],.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-item[data-v-0893b0f0]:hover{background-color:var(--selectStatusColor)}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-operation[data-v-0893b0f0]{width:100%;border:.0625rem solid var(--selectStatusColor);height:2.5rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-operation i[data-v-0893b0f0]{margin-right:.375rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper .device-item-wrapper .device-operation .operation-item[data-v-0893b0f0]{cursor:pointer}.monitor .monitor-content .monitor-aside .device-list .group-wrapper[data-v-0893b0f0] .el-checkbox{height:.875rem}.monitor .monitor-content .monitor-aside .device-list .group-wrapper[data-v-0893b0f0] .el-checkbox .el-checkbox__input{height:.875rem;vertical-align:unset}.monitor .monitor-content .monitor-main[data-v-0893b0f0]{box-sizing:border-box;padding:1.125rem .5625rem;width:calc(100% - var(--asideWidth));height:100%}.monitor .monitor-content .monitor-main .top-wrapper[data-v-0893b0f0]{height:3.625rem;display:flex;flex-direction:column;justify-content:space-between}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .operation-item[data-v-0893b0f0]{position:relative;width:7.875rem;height:2.5rem;margin-right:1rem;cursor:pointer}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .operation-item .operation-bg[data-v-0893b0f0]{position:absolute;left:0;top:0;z-index:1}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .operation-item .operation-info[data-v-0893b0f0]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;height:100%;font-size:.875rem;color:#fff}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .operation-item .operation-info span[data-v-0893b0f0]{margin-left:.25rem;display:inline-block;white-space:nowrap}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .right-wrapper .title[data-v-0893b0f0]{font-size:.75rem;margin-right:.5rem}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .right-wrapper .layout-order .layout-item[data-v-0893b0f0]{width:2rem;height:2rem;background-color:var(--pannelBgColor);color:#fff;line-height:2rem;text-align:center;cursor:pointer;margin-right:1rem}.monitor .monitor-content .monitor-main .top-wrapper .operation-wrapper .right-wrapper .layout-order .activeLayout[data-v-0893b0f0]{background-color:var(--activeStatusColor)}.monitor .monitor-content .monitor-main .layout-wrapper[data-v-0893b0f0]{padding-top:.5rem;width:100%;box-sizing:border-box;height:calc(100% - 3.625rem);margin:0}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item[data-v-0893b0f0]{background-color:var(--primaryColor)}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-head[data-v-0893b0f0]{background-color:var(--pannelBgColor);height:2rem;padding:0 .625rem;color:#fff}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-head .device-icon[data-v-0893b0f0]{width:1.25rem;height:1.25rem;margin-right:.25rem}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play[data-v-0893b0f0]{height:calc(100% - 2rem);position:relative;border:.0625rem solid var(--pannelBgColor)}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .blank-icon[data-v-0893b0f0]{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-0893b0f0]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .error-wrapper img[data-v-0893b0f0]{width:1.5rem;height:1.5rem}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .error-wrapper .err-message[data-v-0893b0f0]{margin-top:.5rem}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .menu-wrapper[data-v-0893b0f0]{position:absolute;bottom:0;left:0;width:100%;height:2rem;background-color:var(--primaryColorHalf);z-index:999}.monitor .monitor-content .monitor-main .layout-wrapper .layout-item .layout-play .menu-wrapper .menu-item[data-v-0893b0f0]{width:1.125rem;height:1.125rem;margin-right:1rem;cursor:pointer}.fixed_dropdown[data-v-0893b0f0]{display:flex;position:fixed;transform:translateX(-50%);padding:.1875rem 0;border-radius:.375rem;background-color:var(--primaryColor);z-index:2}.fixed_dropdown[data-v-0893b0f0]:before{content:"";position:absolute;top:-.125rem;left:50%;width:0;height:0;border-bottom:.5rem solid var(--primaryColor);border-left:.375rem solid transparent;border-right:.375rem solid transparent;transform:translateY(-50%)}.fixed_dropdown .dropdown_item[data-v-0893b0f0]{cursor:pointer;min-width:6.875rem;height:2rem}.fixed_dropdown .dropdown_item[data-v-0893b0f0]:hover{background-color:var(--deviceTabColor)}@keyframes rotate-0893b0f0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.your-init[data-v-0893b0f0]{animation:rotate-0893b0f0 2s linear infinite}.xianCss[data-v-0893b0f0]{position:relative;margin:0 .5rem;width:calc(100% - 1rem);height:.0625rem;background-color:var(--deviceTabColor)}.xianCss[data-v-0893b0f0]:before{left:.5rem}.xianCss[data-v-0893b0f0]:after,.xianCss[data-v-0893b0f0]:before{content:"";position:absolute;width:.5rem;height:.0625rem;background-color:var(--activeStatusColor)}.xianCss[data-v-0893b0f0]:after{right:.5rem}