[data-v-502ccca2]: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)}.player-wrapper[data-v-502ccca2]{width:100%;height:600px;position:relative}.player-wrapper .error[data-v-502ccca2]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.control-wrapper[data-v-502ccca2]{position:absolute;bottom:28px;right:165px;width:140px;height:140px;z-index:999}.control-wrapper .control-bg[data-v-502ccca2]{width:100%;height:100%}.control-wrapper .dir-item[data-v-502ccca2]{position:absolute;border-radius:100%;width:70px;height:70px;overflow:hidden;cursor:pointer}.control-wrapper .dir-item .dir-img[data-v-502ccca2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;display:flex;align-items:center;justify-content:center}.control-wrapper .dir-item .dir-img[data-v-502ccca2]:hover{color:var(--activeStatusColor)}.control-wrapper .top-dir[data-v-502ccca2]{top:0;left:50%;transform:translateX(-50%)}.control-wrapper .left-dir[data-v-502ccca2]{top:50%;left:0;transform:translateY(-50%)}.control-wrapper .right-dir[data-v-502ccca2]{top:50%;right:0;transform:translateY(-50%)}.control-wrapper .down-dir[data-v-502ccca2]{bottom:0;left:50%;transform:translateX(-50%)}.control-toolbar[data-v-502ccca2]{position:absolute;bottom:20px;right:24px;z-index:999}.control-toolbar .toolbar-wrapper[data-v-502ccca2]{margin-bottom:16px}.control-toolbar .toolbar-wrapper[data-v-502ccca2]:last-child{margin-bottom:0}.control-toolbar .toolbar-item[data-v-502ccca2]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:var(--tipSize)}.control-toolbar .toolbar-item .iconfont[data-v-502ccca2]{font-size:22px;color:#fff}.control-toolbar .toolbar-item[data-v-502ccca2]:first-child{margin-right:33px}.control-toolbar .toolbar-item[data-v-502ccca2]:hover{color:var(--activeStatusColor)}.control-toolbar .toolbar-item:hover .iconfont[data-v-502ccca2]{color:var(--activeStatusColor)!important}.header_box[data-v-502ccca2]{cursor:move;user-select:none;padding:0 16px;height:32px;line-height:32px}.iconDel[data-v-502ccca2]{cursor:pointer;width:26px;height:24px}.iconDel i[data-v-502ccca2]{font-size:var(--tipSize);color:var(--iconColor)}.iconDel i[data-v-502ccca2]:hover{color:var(--noticeColor)}[data-v-502ccca2] .el-dialog{box-shadow:none;border:1px solid var(--tagBg);margin:0!important;top:100px;left:25%}[data-v-502ccca2] .el-dialog__header{display:none}[data-v-502ccca2] .el-dialog__body{position:relative;width:100%;height:100%;box-sizing:border-box;font-size:var(--defaultSize);color:#fff;padding:0}