.top-img{height:150px;background:url(../../static/img/b4.905d0e1c.jpg) no-repeat top #136fde}.top-box{height:auto;background:#fff;padding:15px 20px;color:rgba(0,0,0,.45)}.top-box h3{color:#303133;padding:6px 0;font-weight:500}.user-box{width:100%;padding-top:30px}.user-box div{float:left;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:auto}.user-box div.user-avator{height:72px;width:72px;border-radius:36px;margin:0 20px 20px 0;overflow:hidden}.user-box div h3{line-height:28px;font-weight:500}.user-box div p{line-height:22px;font-size:14px}.top-box .box-card,.top-box .box-card .text:first-child{border:none}.top-box .box-card .text{line-height:30px;font-size:14px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-row[data-v-4f9d3620]{margin-bottom:20px}.grid-content[data-v-4f9d3620]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100px}.grid-cont-right[data-v-4f9d3620]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:14px;color:#999}.grid-num[data-v-4f9d3620]{font-size:26px;font-weight:700}.grid-con-icon[data-v-4f9d3620]{font-size:50px;width:100px;height:100px;text-align:center;line-height:100px;color:#fff}.grid-con-1 .grid-con-icon[data-v-4f9d3620]{background:#2d8cf0}.grid-con-1 .grid-num[data-v-4f9d3620]{color:#2d8cf0}.grid-con-2 .grid-con-icon[data-v-4f9d3620]{background:#64d572}.grid-con-2 .grid-num[data-v-4f9d3620]{color:#64d572}.grid-con-3 .grid-con-icon[data-v-4f9d3620]{background:#f25e43}.grid-con-3 .grid-num[data-v-4f9d3620]{color:#f25e43}.grid-con-4 .grid-con-icon[data-v-4f9d3620]{background:#f8e85a}.grid-con-4 .grid-num[data-v-4f9d3620]{color:#f8e85a}.user-info[data-v-4f9d3620]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:20px;border-bottom:2px solid #ccc;margin-bottom:20px}.user-avator[data-v-4f9d3620]{width:120px;height:120px;border-radius:50%}.user-info-cont[data-v-4f9d3620]{padding-left:50px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;color:#999}.user-info-cont div[data-v-4f9d3620]:first-child{font-size:30px;color:#222}.user-info-list[data-v-4f9d3620]{font-size:14px;color:#999;line-height:25px}.user-info-list span[data-v-4f9d3620]{margin-left:70px}.mgb20[data-v-4f9d3620]{margin-bottom:20px}.todo-item[data-v-4f9d3620]{font-size:14px}.todo-item-del[data-v-4f9d3620]{text-decoration:line-through;color:#999}.schart[data-v-4f9d3620]{width:100%;height:300px}.main_container_wp[data-v-99e23444]{height:calc(100% - 16px);width:100%;overflow-y:hidden;overflow-x:auto;display:block}.main_container[data-v-99e23444]{width:100%;height:100%;min-width:1800px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:20px;background-color:#edf3f6}.top[data-v-99e23444]{width:100%;height:8%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;.logo[data-v-99e23444]{width:230px}.user[data-v-99e23444]{width:230px;-ms-flex-pack:distribute;justify-content:space-around;color:#1981d0;.user-img[data-v-99e23444]{width:40px;height:40px;border-radius:50%;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-info[data-v-99e23444]{border-right:1px solid #ccc;padding:0 10px}img[data-v-99e23444]{width:40px;height:40px}div[data-v-99e23444]{margin-left:10px;p[data-v-99e23444]{font-size:12px}}}}.content[data-v-99e23444]{overflow-y:scroll;width:100%!important;overflow:auto!important;overflow-x:scroll!important;height:calc(100% - 80px)!important}.bottom[data-v-99e23444]{width:100%;height:100%;min-height:1080px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;padding-bottom:20px;-webkit-box-sizing:content-box;box-sizing:content-box;.left[data-v-99e23444]{width:28%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;border-radius:10px;.left-top[data-v-99e23444]{height:16%}.left-top[data-v-99e23444],.system-resources[data-v-99e23444]{width:100%;background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;padding:10px;border-radius:10px;margin-bottom:10px;overflow:hidden}.system-resources[data-v-99e23444]{height:18%}.left-center[data-v-99e23444]{height:22%;padding:10px;margin-bottom:10px}.left-bottom[data-v-99e23444],.left-center[data-v-99e23444]{width:100%;border-radius:10px;background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;overflow:hidden}.left-bottom[data-v-99e23444]{height:44%;padding:0 10px}}.center[data-v-99e23444]{width:40%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;.center-top[data-v-99e23444]{width:100%;height:54%;background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;padding:10px;margin-bottom:10px;overflow:hidden;position:relative}[data-v-99e23444] .ec-title,[data-v-99e23444] .ec-visualMap{background-color:hsla(0,0%,100%,.95)!important;border:1px solid rgba(0,0,0,.1)!important;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2)!important;box-shadow:0 2px 10px rgba(0,0,0,.2)!important;z-index:1000!important;pointer-events:auto!important}[data-v-99e23444] .ec-title{padding:8px 15px!important;border-radius:6px!important;margin-top:5px!important;-webkit-box-shadow:0 3px 12px rgba(0,0,0,.15)!important;box-shadow:0 3px 12px rgba(0,0,0,.15)!important;border:2px solid hsla(0,0%,100%,.9)!important;font-weight:700!important}[data-v-99e23444] .ec-visualMap{padding:12px!important;border-radius:6px!important;-webkit-box-shadow:0 3px 12px rgba(0,0,0,.15)!important;box-shadow:0 3px 12px rgba(0,0,0,.15)!important;border:2px solid hsla(0,0%,100%,.9)!important;-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important;-webkit-transform-origin:left center!important;transform-origin:left center!important}[data-v-99e23444] .ec-visualMap-text{font-weight:700!important;padding:3px 0!important;text-shadow:0 0 2px #fff!important}[data-v-99e23444] .ec-visualMap-continuous{border:2px solid hsla(0,0%,100%,.9)!important;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15)!important;box-shadow:0 0 10px rgba(0,0,0,.15)!important}.center-wp[data-v-99e23444]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(46% - 30px);width:100%}.center-center[data-v-99e23444]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;padding:10px;margin-right:10px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.center-bottom[data-v-99e23444]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;padding:10px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}}.center-bottom[data-v-99e23444],.center-center[data-v-99e23444],.right[data-v-99e23444]{height:100%;border-radius:10px}.right[data-v-99e23444]{width:28%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;.right-top[data-v-99e23444]{width:100%;height:24%;background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;padding:10px;margin-bottom:10px;overflow:hidden}.right-center[data-v-99e23444]{width:100%;height:30%;background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;padding:10px;margin-bottom:10px;overflow:hidden}.right-center1[data-v-99e23444]{width:100%;height:calc(20% - 10px);background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;padding:10px;margin-bottom:10px;overflow:hidden}.right-bottom[data-v-99e23444]{width:100%;height:calc(22% - 10px);background-color:#fff;-webkit-box-shadow:1px 1px 20px 1px #dcd5d5;box-shadow:1px 1px 20px 1px #dcd5d5;padding:10px;overflow:hidden}}}.header-box[data-v-99e23444]{width:100%;height:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;.header-img[data-v-99e23444]{width:20px;height:20px;margin-right:10px;img[data-v-99e23444]{width:100%;height:100%}span[data-v-99e23444]{font-size:15px}}}.graph[data-v-99e23444]{height:280px}.graph1[data-v-99e23444],.graph[data-v-99e23444]{width:100%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.graph1[data-v-99e23444]{height:180px}.quanheaderpart[data-v-99e23444]{width:100%;height:100%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;.header[data-v-99e23444]{width:100%;height:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;.header-img[data-v-99e23444]{width:20px;height:20px;margin-right:10px;img[data-v-99e23444]{width:100%;height:100%}span[data-v-99e23444]{font-size:15px}}}.bottom-a[data-v-99e23444]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;.bottom-left[data-v-99e23444]{height:100px;margin-top:10px;position:relative;img[data-v-99e23444]{width:100px;height:100px}.span[data-v-99e23444]{width:100%;position:absolute;text-align:center;left:24px;top:40%;width:50px}}.bottom-right[data-v-99e23444]{width:calc(100% - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:-15px;.bottom-right-top[data-v-99e23444]{width:100%;height:calc(40% - 13px);font-size:20px;padding:13px 0 0 35px;margin:30px 0 -20px 30px;.unit[data-v-99e23444]{border-bottom:5px solid #10aaf0;margin-left:5px;font-size:25px;font-weight:700;color:#20d0ec;margin-bottom:3px}.span[data-v-99e23444]{font-size:36px;color:#10aaf0}}.bottom-right-center[data-v-99e23444]{width:100%;height:20%;overflow:hidden;img[data-v-99e23444]{width:100%;height:100%}}.bottom-right-bottom[data-v-99e23444]{width:100%;height:calc(40% - 15px);padding:15px 0 0 32px;color:#10aaf0;span[data-v-99e23444]{font-size:15px}}}}}.app-usage-rank[data-v-99e23444]{width:100%;border-radius:8px;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header[data-v-99e23444]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px;background-color:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-negative:0;flex-shrink:0}.icon-clock[data-v-99e23444]{display:inline-block;width:20px;height:20px;margin-right:10px;img[data-v-99e23444]{width:100%;height:100%}}.header-title[data-v-99e23444]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;font-weight:600;margin-right:10px}.last-time[data-v-99e23444]{color:#0d97eb;font-size:13px;white-space:nowrap}.app-list-container[data-v-99e23444]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding-right:5px}.app-item[data-v-99e23444]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;padding:6px 0}.app-icon[data-v-99e23444]{width:48px;height:48px;margin-right:12px;-ms-flex-negative:0;flex-shrink:0}.app-icon img[data-v-99e23444]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-info[data-v-99e23444]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.rank[data-v-99e23444]{margin-right:8px;font-weight:700;-ms-flex-negative:0;flex-shrink:0}.app-name[data-v-99e23444]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-item:first-child .rank[data-v-99e23444]{color:red}.progress-bar[data-v-99e23444]{width:100%;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.progress-inner[data-v-99e23444]{height:100%}.time[data-v-99e23444]{color:#666;-ms-flex-negative:0;flex-shrink:0;margin-left:10px}.command-ranking-container[data-v-99e23444]{font-family:Arial,sans-serif;background-color:#fff;border-radius:5px;padding:10px}.title[data-v-99e23444]{font-size:14px;color:#007bff;margin-bottom:10px;margin:0 auto;font-weight:700;line-height:1.2;text-align:center}.last-30-days[data-v-99e23444]{color:#777;font-size:12px;margin-bottom:15px;display:block;text-align:center}.command-table[data-v-99e23444]{border-collapse:collapse;width:100%;border:none}.command-table td[data-v-99e23444],.command-table th[data-v-99e23444]{border:1px solid #e0e0e0;padding:8px;text-align:left;border:none}.command-table tr[data-v-99e23444]:nth-child(2n){background-color:#f4f6f9}.ranking-header[data-v-99e23444]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-bottom:26px}.ranking-icon[data-v-99e23444]{margin:5px;width:20px;height:20px;img[data-v-99e23444]{width:100%;height:100%}}.header-title[data-v-99e23444]{font-size:21px;font-style:normal;color:#324157}.system-resources[data-v-99e23444]{.header[data-v-99e23444]{width:100%;height:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;margin-bottom:10px;.header-img[data-v-99e23444]{width:18px;height:18px;margin-right:8px;img[data-v-99e23444]{width:100%;height:100%}}.header-title[data-v-99e23444]{font-size:15px;font-weight:600;color:#324157}}.resources-grid[data-v-99e23444]{width:100%;height:75%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;overflow-y:auto;padding-right:5px;&[data-v-99e23444]::-webkit-scrollbar{width:4px}&[data-v-99e23444]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}&[data-v-99e23444]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}&[data-v-99e23444]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}.resource-item[data-v-99e23444]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0;&[data-v-99e23444]:last-child{border-bottom:none}}.resource-header[data-v-99e23444]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;min-width:70px}.resource-icon[data-v-99e23444]{font-size:18px}.resource-title[data-v-99e23444]{font-size:13px;font-weight:500;color:#333}.resource-content[data-v-99e23444]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:20px;min-width:0;overflow:hidden}.resource-main[data-v-99e23444]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;min-width:0}.resource-value[data-v-99e23444]{font-size:15px;font-weight:700;color:#10aaf0;-ms-flex-negative:0;flex-shrink:0}.resource-unit[data-v-99e23444]{font-size:11px;color:#666;-ms-flex-negative:0;flex-shrink:0;margin-left:8px}.resource-progress[data-v-99e23444]{width:100%}.progress-bar[data-v-99e23444]{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-inner[data-v-99e23444]{height:100%;border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease}.cpu-progress[data-v-99e23444]{background:-webkit-gradient(linear,left top,right top,from(#ff6b6b),to(#ff8e8e));background:linear-gradient(90deg,#ff6b6b,#ff8e8e)}.memory-progress[data-v-99e23444]{background:-webkit-gradient(linear,left top,right top,from(#4ecdc4),to(#44a08d));background:linear-gradient(90deg,#4ecdc4,#44a08d)}.disk-progress[data-v-99e23444]{background:-webkit-gradient(linear,left top,right top,from(#45b7d1),to(#96c93d));background:linear-gradient(90deg,#45b7d1,#96c93d)}}