.info-card[data-v-805f5308]{height:inherit;background:#fff;align-items:center;padding:0 10px}.info-card .header[data-v-805f5308]{font-size:18px;margin:30px 0 80px}.info-card .my-icon[data-v-805f5308]{border-radius:50%}.info-card .value-box[data-v-805f5308]{margin-top:14px;font-size:14px;color:#999}.info-card .value-box .value[data-v-805f5308]{color:#333;font-size:22px}.info-card .value2-box[data-v-805f5308]{font-size:14px;margin-left:16px;color:#999;font-family:DIN-Medium}.info-card .value2-box .value[data-v-805f5308]{color:#333;font-size:20px;font-weight:500}.info-card .desc[data-v-805f5308]{margin-left:16px;font-size:12px;color:#878787}.info-card .legend[data-v-805f5308]{width:60%;margin:70px auto 0;font-size:12px;color:#999;justify-content:space-around}.info-card .legend .legend-item[data-v-805f5308]:before{content:"";display:inline-block;width:10px;height:10px;margin-right:3px;border-radius:50%}.info-card .legend .legend-item.green[data-v-805f5308]:before{background:#4caf50}.info-card .legend .legend-item.yellow[data-v-805f5308]:before{background:#f9bd53}.info-card .legend .legend-item.red[data-v-805f5308]:before{background:#f05b5b}.info-line{height:inherit;box-sizing:border-box;padding:0 16px}.info-line .title{font-size:16px;line-height:40px;font-weight:400;color:#333;white-space:nowrap}.info-line .chart{height:calc(100% - 40px)}.info-line .el-date-editor{width:200px}.info-line .el-date-editor .el-icon-time,.info-line .el-date-editor .el-range__close-icon{display:none}.info-line .el-date-editor .el-range-input{width:45%}.info-line .el-select{width:95px;margin-left:6px}.overview .swapper>div:first-child{height:30px}.overview .swapper>div:nth-child(2){margin-bottom:9px}.overview .swapper>div:nth-child(2) .info-card{flex:1 1 140px;height:330px;margin:9px;box-shadow:0 0 9px 0 hsla(0,0%,52.9%,.11)}.overview .swapper>div:nth-child(2) .info-card.cpu,.overview .swapper>div:nth-child(2) .info-card.ram{flex:1 1 210px}.overview .swapper>div:nth-child(3){margin:0 9px;box-sizing:border-box;padding:30px 45px 20px;background:#fff}.overview .swapper>div:nth-child(3) .header{font-size:18px;font-weight:400;color:#333;margin-bottom:10px}.overview .swapper>div:nth-child(3) .info-line{margin-bottom:9px;flex:1 1 50%;min-width:400px;height:343px;overflow:hidden}@media screen and (max-width:1000px){.overview .swapper>div:first-child{height:20px}.overview .swapper>div:nth-child(2){margin-bottom:5px}.overview .swapper>div:nth-child(2) .info-card{margin:5px}.overview .swapper>div:nth-child(3){margin:0 5px;padding:20px 25px 10px}}