@media screen and (max-width:480px){.chart{margin-top:-30px}}#overview[data-v-af73551c]{min-width:1200px;min-height:830px;padding:4px;background-color:#fff}#overview .top .top-content[data-v-af73551c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;margin-bottom:5px}#overview .top .top-content .name[data-v-af73551c]{font-size:18px;font-weight:700;margin-right:20px;white-space:nowrap}#overview .top .top-content .el-tabs[data-v-af73551c]{-webkit-box-flex:0;-ms-flex:0 0 400px;flex:0 0 400px;max-width:400px}#overview .top .top-content .el-tabs[data-v-af73551c] .el-tabs__header{margin:0}#overview .top .top-content .el-tabs[data-v-af73551c] .el-tabs__item{font-size:17px;font-weight:600;color:#606266;height:50px;line-height:50px}#overview .top .top-content .el-tabs[data-v-af73551c] .el-tabs__item.is-active{color:#409eff;font-size:18px;font-weight:700}#overview .top .top-content .el-tabs[data-v-af73551c] .el-tabs__item:hover{color:#409eff}#overview .top .top-content .right-content[data-v-af73551c]{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}#overview .top .top-content .time[data-v-af73551c]{font-size:14px;color:#606266;white-space:nowrap}#overview .top .top-content .controls[data-v-af73551c]{white-space:nowrap}#overview .top .top-content .TopTab[data-v-af73551c]{margin-left:15px}#overview .left-top[data-v-af73551c]{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}#overview .left-top .number[data-v-af73551c]{border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:60px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 8px}#overview .left-top .number .num_box[data-v-af73551c]{margin-top:-2px}#overview .left-top .number .num_box .num[data-v-af73551c]{color:#409eff;-webkit-transform:translateY(2px);transform:translateY(2px);display:inline-block;font-size:22px;font-weight:700;margin-right:6px}#overview .pie[data-v-af73551c]{margin-top:10px;padding:19px 0}#overview .pie .progress[data-v-af73551c]{margin:auto;width:180px;height:180px;border-radius:50%;overflow:hidden;position:relative;border:1px solid #ddd}#overview .pie .progress .ctext[data-v-af73551c]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:14px;height:130px;width:130px;text-align:center;padding:40px 0;border-radius:50%;border:1px solid #ddd;background-color:#fff}#overview .pie .progress .ctext .cv[data-v-af73551c]{font-weight:700}#overview .pie .progress .ctext .cv span[data-v-af73551c]{font-size:28px}#overview .line-box[data-v-af73551c]{height:306px}#overview .line-box .boxTitle[data-v-af73551c]{margin:4px 4px 4px 4px;float:left}#overview .state[data-v-af73551c]{padding:0 0 0 20px;height:207px;position:relative}#overview .state .name[data-v-af73551c]{line-height:70px;font-size:24px;font-weight:700}#overview .state .item[data-v-af73551c]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;line-height:30px}#overview .state .item .label[data-v-af73551c]{width:110px}#overview .state .btn[data-v-af73551c]{position:absolute;right:15px;bottom:15px;width:85px;line-height:30px;text-align:center;color:#fff}#overview .border[data-v-af73551c]{border:1px solid #ddd}#overview .blank0[data-v-af73551c]{background-color:#10a580}#overview .blank1[data-v-af73551c]{background-color:#c3a526}#overview .blank2[data-v-af73551c]{background-color:#b22849}#overview .blank3[data-v-af73551c]{background-color:#6f7487}#overview .bg0[data-v-af73551c]{background-color:rgba(21,164,122,.2)}#overview .bg1[data-v-af73551c]{background-color:rgba(243,207,38,.2)}#overview .bg2[data-v-af73551c]{background-color:rgba(219,54,93,.2)}#overview .bg3[data-v-af73551c]{background-color:rgba(137,144,153,.2)}#overview .name[data-v-af73551c]{font-weight:700}#overview .alltitle[data-v-af73551c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#overview .icon[data-v-af73551c]{float:left;margin:4px 4px 4px 4px}#overview .icon img[data-v-af73551c]{height:20px;width:20px}#overview .chart[data-v-af73551c]{margin-top:12px}#overview .realtime-container[data-v-af73551c]{padding:10px}#overview .realtime-container .realtime-controls[data-v-af73551c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;padding:0 10px}#overview .realtime-container .realtime-controls .pill-switch[data-v-af73551c]{margin-left:10px}#overview .pill-switch[data-v-af73551c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#overview .pill-switch .switch-track[data-v-af73551c]{width:44px;height:24px;background-color:#dcdfe6;border-radius:12px;position:relative;-webkit-transition:background-color .3s;transition:background-color .3s}#overview .pill-switch .switch-track .switch-knob[data-v-af73551c]{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}#overview .pill-switch .switch-track .switch-knob.active[data-v-af73551c]{-webkit-transform:translateX(20px);transform:translateX(20px);background-color:#67c23a}#overview .pill-switch .switch-label[data-v-af73551c]{margin-left:10px;font-size:14px;color:#606266}#overview .pill-switch:hover .switch-track[data-v-af73551c]{background-color:#c0c4cc}#overview .pill-switch:hover .switch-track .switch-knob.active[data-v-af73551c]{background-color:#85ce61}#overview .pill-switch.active .switch-track[data-v-af73551c]{background-color:#95d475}#overview .pill-switch.active:hover .switch-track[data-v-af73551c]{background-color:#85ce61}#overview .pill-switch.small .switch-track[data-v-af73551c]{width:36px;height:20px}#overview .pill-switch.small .switch-track .switch-knob[data-v-af73551c]{width:16px;height:16px;top:2px;left:2px}#overview .pill-switch.small .switch-track .switch-knob.active[data-v-af73551c]{-webkit-transform:translateX(16px);transform:translateX(16px)}#overview .pill-switch.small .switch-label[data-v-af73551c]{margin-left:8px;font-size:12px}#overview .device-list-container[data-v-af73551c]{position:relative}#overview .device-loop-switch-float[data-v-af73551c]{position:absolute;top:320px;right:0;z-index:10;padding:10px}#overview .analysis-card[data-v-af73551c]{background:#fff;border-radius:4px;padding:15px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);box-shadow:0 2px 4px rgba(0,0,0,.08);height:280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#overview .analysis-card .chart-header[data-v-af73551c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5;-ms-flex-negative:0;flex-shrink:0}#overview .analysis-card .chart-header i[data-v-af73551c]{font-size:18px;color:#409eff;margin-right:8px}#overview .analysis-card .chart-header span[data-v-af73551c]{font-size:15px;font-weight:600;color:#303133}#overview .analysis-card .no-data[data-v-af73551c]{text-align:center;padding:70px 0;color:#909399;font-size:14px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#overview .status-item[data-v-af73551c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:8px 15px}#overview .status-label[data-v-af73551c]{font-size:16px;font-weight:700;padding:10px 15px;border-radius:4px;color:#fff;text-align:center}#overview .failure-label[data-v-af73551c]{background-color:#ff4d4f}#overview .normal-label[data-v-af73551c]{background-color:#0cab75}#overview .warning-row[data-v-af73551c]{background-color:#fff1f0}#overview .compact-table[data-v-af73551c] .el-table__body tr td{padding-top:4px!important;padding-bottom:4px!important}#overview .compact-table[data-v-af73551c] .el-table__header th{padding-top:6px!important;padding-bottom:6px!important}#overview .compact-table[data-v-af73551c] .el-table__cell{font-size:12px}