.info{margin-top:20px}.info .info-item{background:#fff;box-shadow:0 2px 8px 0 rgba(66,66,66,.14901960784313725);border-radius:8px;padding:20px 24px 5px 24px;margin-bottom:20px}.info .info-item .label{font-size:14px;font-weight:400;line-height:22px;color:rgba(0,0,0,.45);margin-top:0;margin-bottom:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info .info-item .value{font-size:30px;line-height:38px;color:rgba(0,0,0,.85);margin-top:0;margin-bottom:0}.info .info-item .compare{font-size:14px;display:flex;color:rgba(0,0,0,.65);justify-content:space-between}.info .info-item .compare .up{color:#f63797}.info .info-item .compare .down{color:#38cb89}.info .info-item .el-divider{margin:12px 0}.guage .title{font-weight:600;color:rgba(0,0,0,.65)}.guage .guage-text{display:flex;justify-content:space-evenly;margin:0 20px;text-align:center}.guage .guage-text .value{font-size:24px;color:rgba(0,0,0,.85);margin:0}.guage .guage-text .label{font-size:14px;color:rgba(0,0,0,.45);margin:4px 0}.guage .guage-text .el-divider--vertical{height:40px}.range{font-size:14px}.chart-background{background:url(/images/chart1.png) 50%/contain no-repeat;height:250px;margin:10px}.list ul{margin:0}.list ul li{align-items:center;border-bottom:1px solid #eff0f5;display:flex;height:50px;justify-content:space-between;line-height:50px;font-size:14px}.list ul li:first-child .badge{background:#3b7df5;color:#fff}.list ul li:last-child{border:none}.list ul li:nth-child(2) .badge{background:#6297f7;color:#fff}.list ul li:nth-child(3) .badge{background:#b1cbfb;color:#fff}.list ul .badge{background:#eff0f5;border-radius:50%;display:inline-block;height:24px;line-height:24px;margin-right:16px;text-align:center;width:24px}.device-chart1{display:flex;justify-content:space-around;height:280px}.device-chart1 .chart{width:300px}.device-chart1 .device-chart1-detail{line-height:24px;width:180px;font-size:14px;display:grid;align-content:center}.device-chart2{width:100%}.device-chart2 .el-table__body-wrapper::-webkit-scrollbar{width:3px}.device-chart2 .el-table__body-wrapper::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px rgba(0,0,0,.6)}.device-chart3{height:310px;margin:10px 0;font-size:14px;display:flex;justify-content:space-around}.device-chart3 .el-progress-circle{height:180px!important;width:180px!important}.device-chart3 .device-chart3-info{margin:0 30px}.device-chart3 .device-chart3-info .device-chart3-detail{text-align:center;line-height:24px}.device-chart3 .device-chart3-info .device-chart3-detail .item{display:flex;justify-content:space-between;margin:0 20px}.device-chart3 .device-chart3-list{margin-left:40px}.device-chart3 a{text-decoration:none}.device-chart4{width:100%;height:280px}.device-chart5 .term{cursor:pointer;font-size:14px;color:rgba(0,0,0,.65)}.device-chart5 .term.is-active{color:#1890ff}.device-chart5 .term+.term{margin-left:24px}.device-chart5 .range{font-size:14px}.device-chart5 .chart-daterange{width:250px;margin:-5px 15px}.device-chart5 .chart-image{height:400px}.device-chart5 .device-chart5-list ul{padding:0 20px;margin:0}.device-chart5 .device-chart5-list ul li{align-items:center;border-bottom:1px solid #eff0f5;display:flex;height:50px;justify-content:space-between;line-height:50px;font-size:14px;white-space:nowrap}.device-chart5 .device-chart5-list ul li:first-child .badge{background:#3b7df5;color:#fff}.device-chart5 .device-chart5-list ul li:last-child{border:none}.device-chart5 .device-chart5-list ul li:nth-child(2) .badge{background:#6297f7;color:#fff}.device-chart5 .device-chart5-list ul li:nth-child(3) .badge{background:#b1cbfb;color:#fff}.device-chart5 .device-chart5-list ul .badge{background:#eff0f5;border-radius:50%;display:inline-block;height:24px;line-height:24px;margin-right:16px;text-align:center;width:24px}.deviceStatistic{background:none!important}