.leftContainer[data-v-2c3c947d]{width:calc(26.5% - 20px);background:hsla(0,0%,100%,.85);float:left;padding:20px 0;margin:20px 0 0 20px;height:calc(100% - 40px);position:absolute}.vehicleTitle[data-v-2c3c947d]{position:relative;margin-left:24px;height:16px;line-height:16px;padding-top:2px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#000}.vehicleTitle[data-v-2c3c947d]:after{position:absolute;top:2px;left:-12px;display:block;content:"";height:16px;width:6px;background:#21b0db}.area[data-v-2c3c947d]{height:20%}.area .areaLen[data-v-2c3c947d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:64px;border-bottom:1px solid #e3e5eb;line-height:64px;margin:9px 18px 0 14px}.area .areaLen img[data-v-2c3c947d]{width:42px;height:42px;margin:0 9px 0 24px}.area .areaTitle[data-v-2c3c947d]{color:#000;font-size:26px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600}.area .areaDan[data-v-2c3c947d]{color:#595962;font-size:14px;margin-right:17px}.roadnetPre[data-v-2c3c947d]{height:10%;margin-top:24px}.roadnetPre .progress[data-v-2c3c947d]{margin:23px 24px 42px 24px}.roadnetPre[data-v-2c3c947d] .el-progress-bar__inner{background:-webkit-gradient(linear,left top,right top,from(#96ebc6),to(#37c889));background:linear-gradient(90deg,#96ebc6,#37c889);border-radius:15px}.roadnetPre[data-v-2c3c947d] .el-progress-bar__outer{height:14px!important}.roadnetPre[data-v-2c3c947d] .el-progress__text{font-size:14px!important;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#000;position:absolute;top:0;right:0}.roadnetPre[data-v-2c3c947d] .el-progress-bar{width:102%}.roadTypes[data-v-2c3c947d]{height:20%}.deviceNum[data-v-2c3c947d]{height:25%}.deviceNum .container[data-v-2c3c947d]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 12px;height:calc(100% - 56px);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deviceNum .numItem[data-v-2c3c947d]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.deviceNum .imgList img[data-v-2c3c947d]{width:38px;height:38px;margin-bottom:6px}.deviceNum .totalTitle[data-v-2c3c947d]{font-size:24px;font-family:HelveticaNeue-Medium,HelveticaNeue;font-weight:550;color:#000;margin-top:6px}.roadDevices[data-v-2c3c947d]{height:22%}.roadDevices[data-v-2c3c947d] .el-progress-circle{width:100px!important;height:100px!important}.roadTypes[data-v-2c3c947d] .el-progress-circle{width:82px!important;height:83px!important}.roadDevice[data-v-2c3c947d],.roadType[data-v-2c3c947d]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 24px;height:calc(100% - 30px)}.roadDevice .progressBar[data-v-2c3c947d],.roadType .progressBar[data-v-2c3c947d]{margin-top:5%;position:relative}.roadDevice .progressBar .t1[data-v-2c3c947d],.roadType .progressBar .t1[data-v-2c3c947d]{width:100px;text-align:center;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#595962}.roadDevice .num[data-v-2c3c947d],.roadType .num[data-v-2c3c947d]{position:absolute;top:44px;left:0;font-size:16px;font-family:HelveticaNeue;color:#000;width:100px;text-align:center}.roadType .progressBar .t1[data-v-2c3c947d]{width:82px!important}.roadType .num[data-v-2c3c947d]{width:82px!important;text-align:center}.roadType .t1[data-v-2c3c947d]{position:absolute;top:27px;left:0}.roadDevice .txt[data-v-2c3c947d]{margin-top:5px}.roadDevice .num[data-v-2c3c947d]{top:50%;margin-top:-22%;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#000}.rightContainer[data-v-c7b76e64]{width:calc(26.5% - 20px);background:hsla(0,0%,100%,.85);float:right;padding:20px 0;height:calc(100% - 40px);margin:20px 20px 0 0;position:absolute;right:0}.orderTableModule[data-v-c7b76e64]{height:36%}.runItem[data-v-c7b76e64]{width:calc(50% - 28px);float:left;display:-webkit-box;display:-ms-flexbox;display:flex;background:#f5f5f5;height:70px;margin:0 0 10px 0}.runItem[data-v-c7b76e64]:first-child,.runItem[data-v-c7b76e64]:nth-child(2){margin-top:14px!important}.runItem[data-v-c7b76e64]:nth-child(2n){margin:0 14px 10px 0}.runItem[data-v-c7b76e64]:nth-child(odd){margin:0 10px 10px 24px}.runItem .runLeft[data-v-c7b76e64]{width:50%;-ms-flex-item-align:center;align-self:center;text-align:center;margin:0 0 0 12px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#595962}.runItem .runLeft img[data-v-c7b76e64]{width:24px;height:24px;-ms-flex-item-align:center;align-self:center;margin-bottom:3px}.runItem .runLeft span[data-v-c7b76e64]:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.runItem .runRight[data-v-c7b76e64]{width:50%;-ms-flex-item-align:center;align-self:center;text-align:center;font-size:20px;font-family:HelveticaNeue-Medium,HelveticaNeue;font-weight:500;color:#000}.vehicleInfo .vehicleTop div[data-v-c7b76e64]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:23px 10px 16px 37px;overflow:auto;overflow-y:hidden}.vehicleInfo .vehicleTop img[data-v-c7b76e64]{width:50px;height:50px;margin-right:15px}.vehicleInfo .vehicleTop .vehicleItem[data-v-c7b76e64]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#595962;line-height:17px;position:relative}.vehicleInfo .vehicleTop .vehicleItem label[data-v-c7b76e64]{white-space:nowrap}.vehicleInfo .vehicleTop .vehicleItem label[data-v-c7b76e64]:last-child{font-size:30px;font-family:HelveticaNeue-Medium,HelveticaNeue;font-weight:500;color:#000;line-height:37px}.vehicleInfo .vehicleTop .vehicleItem .state[data-v-c7b76e64]{margin-left:12px}.vehicleInfo .vehicleTop .vehicleItem[data-v-c7b76e64]:nth-last-of-type(2){margin-left:18%}.vehicleInfo .vehicleTop .vehicleItem[data-v-c7b76e64]:last-child{margin-left:21%}.vehicleInfo .vehicleBottom[data-v-c7b76e64]{margin:0 18px}.vehicleTitle[data-v-c7b76e64]{position:relative;margin-left:24px;height:16px;line-height:16px;padding-top:2px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#000}.vehicleTitle[data-v-c7b76e64]:after{position:absolute;top:2px;left:-12px;display:block;content:"";height:16px;width:6px;background:#21b0db}.vehicleTitle.hasBtn[data-v-c7b76e64]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:20px}.refreshBtn[data-v-c7b76e64]{color:#595962}.refreshBtn[data-v-c7b76e64]:hover{color:#409eff}.isOnline[data-v-c7b76e64]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#37c889}.isOnline[data-v-c7b76e64]:after{position:absolute;top:2px;left:0;display:block;content:"";height:14px;width:6px;background:#37c889;-webkit-box-shadow:2px 0 4px 0 rgba(55,200,137,.5);box-shadow:2px 0 4px 0 rgba(55,200,137,.5)}.isOffline[data-v-c7b76e64]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#595962}.isOffline[data-v-c7b76e64]:after{position:absolute;top:2px;left:0;display:block;content:"";height:14px;width:6px;background:#a8a8a8;-webkit-box-shadow:2px 0 4px 0 hsla(0,0%,65.9%,.5);box-shadow:2px 0 4px 0 hsla(0,0%,65.9%,.5)}.vehicleGroup[data-v-c7b76e64]{height:34%;margin-top:33px}.runTime[data-v-c7b76e64]{height:30%}.runTime .lable[data-v-c7b76e64]{float:left}.runTime .unit[data-v-c7b76e64]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#595962;padding-top:24px}.runTime .echartBox[data-v-c7b76e64]{height:220px;margin:7px 0 0 0}.monitorOverview .amap-marker:hover{z-index:1000!important}.monitorOverview .amap-marker:hover .customTable{display:-webkit-box;display:-ms-flexbox;display:flex}.monitorOverview #container_area.scaleArea .amap-toolbar{right:27.5%!important;bottom:20px!important}.monitorOverview #container_area.scaleAreas .amap-toolbar{right:20px!important;bottom:20px!important}.monitorOverview #container_area .amap-marker-label{border:none;background-color:transparent;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);left:50%!important}.monitorOverview .el-table .el-table__header thead tr:first-child th:nth-last-of-type(2).is-leaf{background:none}.monitorOverview .roadContent{position:relative;left:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:6px 10px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2);box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.monitorOverview .roadContent .vehiclePlate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;margin-bottom:4px}.monitorOverview .roadContent .vehiclePlate .code{margin-right:8px;font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#000;line-height:20px;text-align:center}.monitorOverview .roadContent .vehiclePlate .state{padding:2px 6px;border-radius:2px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:16px;text-align:center}.monitorOverview .roadContent .vehiclePlate .state.online{background:rgba(0,207,104,.1);color:#00cf68}.monitorOverview .roadContent .vehiclePlate .state.offline{background:rgba(144,147,153,.1);color:#909399}.monitorOverview .roadContent .accessTime{padding:2px 6px;font-size:10px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:24px;text-align:center;color:#595962;background:hsla(0,0%,65.9%,.1);border-radius:2px}.monitorOverview .roadContent:after{border-top:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;bottom:-12px}.monitorOverview .roadContent:after,.monitorOverview .roadContent:before{position:absolute;width:0;height:0;content:"";left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.monitorOverview .roadContent:before{border-top:10px solid rgba(0,0,0,.05);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;bottom:-18px}.monitorOverview .customMapMark{position:relative;display:block}.monitorOverview .customLabel{position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 10px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 6px 0 rgba(0,0,0,.2);font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:28px;border-radius:2px;cursor:pointer;text-align:center}.monitorOverview .customLabel,.monitorOverview .customLabel:after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.monitorOverview .customLabel:after{position:absolute;width:0;height:0;content:"";border-top:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;bottom:-15px}.monitorOverview .customLabel:before{position:absolute;width:0;height:0;content:"";border-top:10px solid rgba(0,0,0,.05);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;bottom:-21px}.monitorOverview .customLabel:before,.monitorOverview .customTable{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.monitorOverview .customTable{position:relative;bottom:17px;padding:8px 3px 8px 8px;display:none;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:2px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.monitorOverview .customTable .customTableContainer{padding-right:5px;max-height:118px;overflow-y:auto}.monitorOverview .customTable .tableHeader,.monitorOverview .customTable .tableLine{display:-webkit-box;display:-ms-flexbox;display:flex}.monitorOverview .customTable .tableHeader div,.monitorOverview .customTable .tableLine div{width:56px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;text-align:center;color:#000;line-height:28px;background:#fff;border:1px solid #e0e6f0;border-right:none;-webkit-box-sizing:border-box;box-sizing:border-box}.monitorOverview .customTable .tableHeader div:first-child,.monitorOverview .customTable .tableLine div:first-child{width:100px}.monitorOverview .customTable .tableHeader div:nth-child(2),.monitorOverview .customTable .tableLine div:nth-child(2){width:90px}.monitorOverview .customTable .tableHeader div:last-child,.monitorOverview .customTable .tableLine div:last-child{border-right:1px solid #e0e6f0}.monitorOverview .customTable .tableHeader{position:sticky;top:0}.monitorOverview .customTable .tableHeader div{background:#f7f9fc}.monitorOverview .customTable .tableLine div{border-top:none}.monitorOverview .customTable .tableLine .state{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}.monitorOverview .customTable .tableLine .state-icon{width:6px;height:6px;margin-right:6px;border-radius:50%}.monitorOverview .customTable .tableLine.online .state-icon{background:#50e3c2}.monitorOverview .customTable .tableLine.offline .state-icon{background:#9facbd}.monitorOverview .customTable:after{border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;bottom:-18px}.monitorOverview .customTable:after,.monitorOverview .customTable:before{position:absolute;width:0;height:0;content:"";left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.monitorOverview .customTable:before{border-top:12px solid rgba(0,0,0,.05);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid transparent;bottom:-25px}.monitorOverview[data-v-ff203432]{height:calc(100vh - 60px);margin-top:-10px}.monitorOverview .mapModel[data-v-ff203432]{width:100%;height:calc(100vh - 60px);position:relative}.monitorOverview #container_area[data-v-ff203432]{width:100%;height:calc(100vh - 60px);margin-bottom:20px;padding-top:0;position:absolute}.monitorOverview .mapExpand[data-v-ff203432],.monitorOverview .mapLngExpand[data-v-ff203432],.monitorOverview .mapLngScale[data-v-ff203432],.monitorOverview .mapScale[data-v-ff203432]{position:absolute;height:20px}.monitorOverview .mapExpand span[data-v-ff203432],.monitorOverview .mapLngExpand span[data-v-ff203432],.monitorOverview .mapLngScale span[data-v-ff203432],.monitorOverview .mapScale span[data-v-ff203432]{width:30px;height:30px;padding:5px;display:inline-block;background:#fff;-webkit-box-shadow:0 1px 3px 0 hsla(0,0%,40.8%,.2);box-shadow:0 1px 3px 0 hsla(0,0%,40.8%,.2);border-radius:4px}.monitorOverview .mapExpand span img[data-v-ff203432],.monitorOverview .mapLngExpand span img[data-v-ff203432],.monitorOverview .mapLngScale span img[data-v-ff203432],.monitorOverview .mapScale span img[data-v-ff203432]{text-align:center}.monitorOverview .mapLngExpand[data-v-ff203432]{bottom:104px;right:27.5%}.monitorOverview .mapLngScale[data-v-ff203432]{bottom:104px;right:20px}.monitorOverview .mapExpand[data-v-ff203432]{bottom:148px;right:27.5%}.monitorOverview .mapScale[data-v-ff203432]{bottom:148px;right:20px}.mapSelect[data-v-ff203432]{float:left;position:absolute;left:calc(26.5% + 10px);top:20px;width:112px}.mapSelect[data-v-ff203432] .el-input__inner{background:#226b84;color:#fff;text-align:center}.mapSelect.scaleMap[data-v-ff203432]{left:10px}.show[data-v-ff203432]{visibility:visible}.hide[data-v-ff203432]{visibility:hidden}