[data-v-38f8a98a]: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)}.video-card-wrapper[data-v-38f8a98a]{position:relative;width:100%;height:100%;border:2px solid var(--tagBg);border-radius:2px;transition:border-color .3s ease}.video-card-wrapper[data-v-38f8a98a]:hover{border:2px solid var(--activeStatusColor75)}.video-card-wrapper .video-card-container[data-v-38f8a98a]{display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--borderColor)}.video-card-wrapper .video-card-container .video-card-head[data-v-38f8a98a]{box-sizing:border-box;height:48px;margin:0 12px}.video-card-wrapper .video-card-container .video-card-head .left-wrapper[data-v-38f8a98a]{flex:1;height:100%;padding-right:12px;min-width:0;overflow:hidden}.video-card-wrapper .video-card-container .video-card-head .right-wrapper .iconDel[data-v-38f8a98a]{width:26px;height:22px;cursor:pointer}.video-card-wrapper .video-card-container .video-card-head .right-wrapper .iconDel[data-v-38f8a98a]:hover{color:var(--noticeColor)}.video-card-wrapper .video-card-container .video-card-content[data-v-38f8a98a]{box-sizing:border-box;flex:1;background-color:var(--primaryColor);margin:0 12px}.video-card-wrapper .video-card-container .video-card-footer[data-v-38f8a98a]{height:48px;width:100%;position:relative}.video-card-wrapper .video-card-container .video-card-footer .footer-content[data-v-38f8a98a]{height:100%}.video-card-wrapper .video-card-container .video-card-footer .footer-left-square[data-v-38f8a98a]{position:absolute;left:4px;bottom:4px}.video-card-wrapper .video-card-container .video-card-footer .footer-right-square[data-v-38f8a98a]{position:absolute;right:4px;bottom:4px}.video-card-wrapper .video-card-container .video-card-footer .square[data-v-38f8a98a]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.video-card-wrapper .video-card-container .video-card-footer .square .square-item[data-v-38f8a98a]{width:5px;height:5px}.video-card-wrapper .video-card-container .video-card-footer .square .square-item[data-v-38f8a98a]:first-child{background-color:rgba(5,110,116,.3);margin-bottom:2px}.video-card-wrapper .video-card-container .video-card-footer .square .square-item[data-v-38f8a98a]:nth-child(2){background-color:rgba(5,110,116,.6);margin-bottom:2px}.video-card-wrapper .video-card-container .video-card-footer .square .square-item[data-v-38f8a98a]:nth-child(3){background-color:#056e74}