.leftTopBody{position:relative;width:100%;height:100%}.leftChartsBody{position:absolute;height:29%;width:29.9%;left:35%;top:16.8%}.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}.rightTopBody{position:relative;height:100%;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.rightTopBody,.rightTopBodyTitle{width:100%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.rightTopBodyTitle{height:10%;font-size:1rem;-webkit-box-pack:center;justify-content:center;color:#fff;font-weight:700;font-family:思源黑体}.LBBody{position:relative;width:100%;height:100%}.LBTitle{width:100%;height:10%;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:思源黑体}.leftBottomCharts{height:90%;width:100%}.RBBody{position:relative;height:100%;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.RBBody,.tableHeader{width:100%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.tableHeader{background:#0b4079;-webkit-box-pack:center;justify-content:center;border-color:#335b95;border-style:solid;border-width:1px;height:14.3%}.tableLine{height:14.3%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.RBBodyTitle,.tableLine{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}.RBBodyTitle{height:10%;font-size:1rem;color:#fff;font-weight:700;font-family:思源黑体}.CBBody{position:relative;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.CBBody,.CBTile{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.CBTile{height:10%;font-size:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-weight:700;font-family:思源黑体}.projectList{height:63%;width:96%;overflow:hidden}.table-lie{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-1,.table-lie{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-1{width:25%;height:45px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projectTitle{margin-top:4%;height:15%;width:96%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:#213d72;color:#99ceff;position:relative}.projectTitle,.titleItem{display:-webkit-box;display:-ms-flexbox;display:flex}.titleItem{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:25%}.color1{background:#102559}.color2{background:#1d3565}.titleLeft{left:0;background:-webkit-gradient(linear,left top,right top,color-stop(-1%,rgba(214,253,255,.75)),color-stop(49%,rgba(30,149,255,.64)),to(rgba(29,138,255,0)));background:linear-gradient(90deg,rgba(214,253,255,.75) -1%,rgba(30,149,255,.64) 49%,rgba(29,138,255,0))}.titleLeft,.titleRight{position:absolute;height:100%;width:5%}.titleRight{right:0;background:-webkit-gradient(linear,left top,right top,from(rgba(214,253,255,.75)),color-stop(49%,rgba(30,149,255,.64)),to(rgba(29,138,255,0)));background:linear-gradient(90deg,rgba(214,253,255,.75),rgba(30,149,255,.64) 49%,rgba(29,138,255,0))}#container{width:100%;height:100%}.screenImg{max-width:100%}.body,.screenImg{position:absolute}.body{border-style:solid;border-width:1px;border-color:#fff;height:10%;width:10%;z-index:10;top:10%;left:10%}.screen{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.borderStyle{border-style:solid;border-width:1px;border-color:#fff}.leftTop{height:50.1%;top:7.6%}.leftBottom,.leftTop{position:absolute;width:28%;left:1.8%}.leftBottom{height:38.2%;top:59.6%}.rightTop{height:44.1%;top:7.6%}.rightBottom,.rightTop{position:absolute;width:28%;right:1.4%}.rightBottom{height:44.6%;top:53.3%}.centerBottom{position:absolute;height:38.2%;width:38%;top:59.6%;left:31.2%}.screenTitle{position:absolute;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;font-family:Source Han Sans CN;font-size:32px;height:55px;font-weight:700;text-align:center;letter-spacing:0;z-index:8;color:#fff}.centerMap{position:absolute;height:50.1%;width:38%;top:8%;left:31.2%}