.chart-container[data-v-5330380a]{position:relative;padding-top:30px;border-radius:10px;background-color:#fff}[data-theme=dark] .chart-container[data-v-5330380a]{background-color:#06051f}.loading[data-v-5330380a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:50px 0;font-size:30px;color:#3371ff}.alarm-number-container[data-v-417dd8a6]{height:100%}.alarm-number[data-v-417dd8a6]{display:flex;flex-direction:column;justify-content:center;align-items:center}.alarm-number .title[data-v-417dd8a6]{font-size:18px;font-weight:400;color:#373e4e;line-height:22px}.alarm-number .value[data-v-417dd8a6]{margin-top:25px;font-size:44px;font-weight:500}.alarm-number .value.all[data-v-417dd8a6]{color:#ff1333}.alarm-number .value.complete[data-v-417dd8a6]{color:#22ce88}.alarm-number .value.pending[data-v-417dd8a6]{color:#faa111}.top-user[data-v-3f0f0438]{margin:-20px}.top-user .title[data-v-3f0f0438]{font-size:14px;font-weight:400;color:#61666d;line-height:22px}.top-user .title>.el-col[data-v-3f0f0438]{display:flex;flex-direction:column;justify-content:center;align-items:center}.top-user .title>.el-col[data-v-3f0f0438]:first-child{align-items:flex-start;text-indent:2.5em}.top-user .user[data-v-3f0f0438]{padding-top:20px}.top-user .user .unit[data-v-3f0f0438]{font-size:14px;font-weight:400;color:#9499a3;line-height:22px}.top-user .user .unit.down[data-v-3f0f0438]:after,.top-user .user .unit.up[data-v-3f0f0438]:after{position:relative;content:"";display:inline-block;margin-left:5px}.top-user .user .unit.up[data-v-3f0f0438]:after{top:-3px;border-style:dashed;border-width:6px;border-color:transparent;border-bottom-color:#22ce88}.top-user .user .unit.down[data-v-3f0f0438]:after{top:6px;border-style:dashed;border-width:6px;border-color:transparent;border-top-color:#ff1333}.top-user .user .name[data-v-3f0f0438]{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:16px;font-weight:400;color:#373e4e;line-height:22px}.top-user .user .name .iconfont[data-v-3f0f0438]{font-size:20px;color:#b7d2ff}.top-user .user .name span[data-v-3f0f0438]{flex:1;margin-left:14px}.top-user .user .effective-work[data-v-3f0f0438]{text-align:center;font-size:16px;font-weight:400;color:#3bb7ae;line-height:22px;font-weight:500}.top-user .user .effective-average[data-v-3f0f0438]{text-align:center;font-size:16px;font-weight:400;color:#9499a3;line-height:22px;font-weight:500}.top-user .user:nth-child(2) .name .iconfont[data-v-3f0f0438]{color:#3371ff}.top-user .user[data-v-3f0f0438]:last-child{padding-bottom:10px}.chart-row[data-v-fd53871e]{display:flex;justify-content:space-between;padding:30px}@media screen and (max-width:1440px)and (min-width:1200px){.chart-row[data-v-fd53871e]{padding:30px 0}}.chart-area[data-v-fd53871e]{position:relative}.chart-area .chart[data-v-fd53871e]{width:200px;height:200px}.chart-area .layer[data-v-fd53871e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:600;color:#3371ff;line-height:28px}.lengend[data-v-fd53871e]{display:flex;flex-direction:column;justify-content:center}.lengend p[data-v-fd53871e]{display:flex;align-items:center;margin-top:30px}.lengend p[data-v-fd53871e]:first-child{margin-top:0}.lengend p .iconfont[data-v-fd53871e]{font-size:28px}.lengend p .icon-active-user[data-v-fd53871e]{color:#2289bb}.lengend p .icon-inactive-user[data-v-fd53871e]{color:rgba(34,137,187,.5)}.lengend p .icon-offline-user[data-v-fd53871e]{color:#d2d2d2}.lengend p span[data-v-fd53871e]{font-size:18px;font-weight:400;color:#373e4e;line-height:22px;font-weight:600}.lengend p .name[data-v-fd53871e]{margin-left:14px;margin-right:45px;flex:1;font-size:16px;font-weight:400;color:#373e4e;line-height:22px}@media screen and (max-width:1440px)and (min-width:1200px){.lengend p span[data-v-fd53871e]{font-size:12px!important}.lengend p span.name[data-v-fd53871e]{margin:0 10px}}.top-usage[data-v-e757a73e]{margin:-20px}.top-usage .title[data-v-e757a73e]{font-size:14px;font-weight:400;color:#61666d;line-height:22px}.top-usage .title>.el-col[data-v-e757a73e]{text-align:center}.top-usage .title>.el-col[data-v-e757a73e]:first-child{text-align:right}.top-usage .software[data-v-e757a73e]{padding-top:20px}.top-usage .software .name[data-v-e757a73e]{font-size:16px;font-weight:400;color:#373e4e;line-height:22px;text-align:right}.top-usage .software .value[data-v-e757a73e]{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:400;color:#373e4e;line-height:22px}.top-usage .software .value .percentage-bar[data-v-e757a73e]{width:80%;height:8px;border-radius:8px;background-color:#ededed;overflow:hidden}.top-usage .software .value .percentage-bar .filled[data-v-e757a73e]{height:8px;border-radius:8px;background-color:#5677c2}.chart-row[data-v-4bc54f8c]{display:flex;padding:30px 0;justify-content:space-between}.chart-wrapper .chart[data-v-4bc54f8c]{height:260px}.chart-area[data-v-4bc54f8c]{position:relative}.chart-area .chart[data-v-4bc54f8c]{height:200px}.chart-area .layer[data-v-4bc54f8c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:600;color:#3371ff;line-height:28px}.lengend[data-v-4bc54f8c]{display:flex;flex-direction:column;justify-content:center}.lengend p[data-v-4bc54f8c]{display:flex;align-items:center;margin-top:30px}.lengend p[data-v-4bc54f8c]:first-child{margin-top:0}.lengend p .iconfont[data-v-4bc54f8c]{font-size:28px}.lengend p .icon-active-user[data-v-4bc54f8c]{color:#2289bb}.lengend p .icon-inactive-user[data-v-4bc54f8c]{color:rgba(34,137,187,.5)}.lengend p .icon-offline-user[data-v-4bc54f8c]{color:#d2d2d2}.lengend p span[data-v-4bc54f8c]{font-size:18px;font-weight:400;color:#373e4e;line-height:22px;font-weight:600}.lengend p .name[data-v-4bc54f8c]{margin-left:14px;margin-right:45px;flex:1;font-size:16px;font-weight:400;color:#373e4e;line-height:22px}.chart-container[data-v-16ebcef1]{width:"100%";background:#fff;border-radius:10px}.intro[data-v-16ebcef1]{font-size:14px;font-weight:400;color:#61666d;line-height:22px}.el-row[data-v-2d219306]:first-child{margin-top:-20px}.el-row .home-card[data-v-2d219306]{margin-top:20px}.card[data-v-2d219306]{height:100%}.card-alarm[data-v-2d219306]{border-radius:10px}