.leftTopBody{position:relative;width:100%;height:100%}.leftChartsBody{position:absolute;height:29%;width:29.9%;left:35%;top:16.8%}.borderStyle{border-style:solid;border-width:1px;border-color:#fff}.title{width:100%;height:7.7%;font-size:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:700;font-family:思源黑体}.deviceCat1{top:48%}.deviceCat,.deviceCat1{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute}.deviceCat{top:58%}.deviceCatText,.deviceCatText1{left:0;top:0;width:139px;height:50px;opacity:1;font-family:Source Han Sans CN;font-size:15px;font-weight:400;line-height:18px;text-align:center;letter-spacing:0;color:#fff;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}.deviceCatText{background:-webkit-gradient(linear,left top,left bottom,from(rgba(61,138,243,0)),to(rgba(0,145,255,.67)));background:linear-gradient(180deg,rgba(61,138,243,0) 0,rgba(0,145,255,.67));border-bottom-color:#78dcfb;border-bottom-width:2px;border-bottom-style:solid}.lineDevice{color:#47d1ff;left:13%}.lineDevice,.onlineDevice{font-family:Source Han Sans CN;font-size:13px;font-weight:500;line-height:19px;text-align:center;letter-spacing:0;position:absolute;top:21.5%}.onlineDevice{color:#eec658;left:77%}.block1{position:absolute;width:94px;height:29px;opacity:1;background:#1e4775;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #376fae;font-family:Source Han Sans CN;font-size:10px;font-weight:500;line-height:17px;text-align:center;letter-spacing:0;color:#8fcfff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.position1{top:36.5%;left:7.9%}.position2{top:36.5%;left:72.5%}.onlineDeviceNum{color:#47d1ff;left:13%}.offlineDeviceNum,.onlineDeviceNum{font-family:Source Han Sans CN;font-size:23px;font-weight:700;line-height:29px;letter-spacing:0;position:absolute;top:29%}.offlineDeviceNum{color:#eec658;left:77%}.leftTopBarCharts{position:absolute;width:100%;height:36%;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}