.leftPart[data-v-2816eeae]{width:100%;height:100%}.leftPart .left-top[data-v-2816eeae]{width:100%;height:40%}.leftPart .left-top .titleHeader[data-v-2816eeae]{width:100%;height:4vh;background:url(/static/img/layout/titleHeaderBg.png);background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.leftPart .left-top .titleHeader>img[data-v-2816eeae]{height:100%;margin-right:20px}.leftPart .left-top .titleHeader .titleName[data-v-2816eeae]{font-family:SourceHanSansCN-Bold;font-size:1.5vh;font-weight:400;font-stretch:normal;letter-spacing:0;color:#05dbe3}.leftPart .left-top .content[data-v-2816eeae]{width:100%;height:90%;background:url(/static/img/layout/crossBg.png);background-size:100% 100%}.leftPart .left-top .content .itemContainer[data-v-2816eeae]{width:50%;height:50%;display:inline-block}.leftPart .left-top .content .itemContainer .item[data-v-2816eeae]{width:100%;height:100%;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}.leftPart .left-top .content .itemContainer .item img[data-v-2816eeae]{width:45%}.leftPart .left-top .content .itemContainer .item .count[data-v-2816eeae]{font-size:1.6vh;text-align:center}.leftPart .left-top .content .itemContainer .item .count .value[data-v-2816eeae]{color:#05dbe3;font-weight:700;margin-bottom:1vh}.leftPart .left-top .content .itemContainer .item .count .label[data-v-2816eeae]{color:#ededed;font-size:1.5vh}.leftPart .left-top .content .itemContainer .item:nth-of-type(3) .count .value[data-v-2816eeae]{color:#49df59}.leftPart .left-top .content .itemContainer .item:nth-of-type(4) .count .value[data-v-2816eeae]{color:#e93d34}.leftPart .left-bottom[data-v-2816eeae]{width:100%;height:60%}.leftPart .left-bottom .titleHeader[data-v-2816eeae]{width:100%;height:4vh;background:url(/static/img/layout/titleHeaderBg.png);background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.leftPart .left-bottom .titleHeader>img[data-v-2816eeae]{height:100%;margin-right:20px}.leftPart .left-bottom .titleHeader .titleName[data-v-2816eeae]{font-family:SourceHanSansCN-Bold;font-size:1.5vh;font-weight:400;font-stretch:normal;letter-spacing:0;color:#05dbe3}.leftPart .left-bottom .offlineCharts[data-v-2816eeae]{width:100%;height:90%}.centerPart[data-v-62956737]{width:100%;height:100%;position:relative}.centerPart #guardrailMap[data-v-62956737]{width:100%;height:75%;border-radius:10px}.centerPart .platFormIntroduceBtn[data-v-62956737]{width:17%;height:8%;background:url(/static/img/layout/platformIntroduceBg.png);background-size:100% 100%;position:absolute;bottom:15%;left:0;text-align:center;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;font-size:1.8vh;color:#fff;font-weight:700;cursor:pointer}.centerPart .platFormIntroduceDetail[data-v-62956737]{width:800px;height:800px;padding-top:30px;overflow-y:scroll;position:absolute;top:-50px;left:130px;color:#d7fdff;font-size:18px;line-height:24px;z-index:10000}.centerPart .platFormIntroduceDetail .closeBtn[data-v-62956737]{display:inline-blockl;width:20px;height:20px;cursor:pointer;font-size:30px;position:absolute;right:5px;top:0;z-index:10000000}.centerPart .platFormIntroduceDetail iframe[data-v-62956737]{width:100%;height:calc(100% - 20px);border-radius:10px}.centerPart .platFormIntroduceDetail iframe[data-v-62956737] ::-webkit-scrollbar-thumb{cursor:pointer;-webkit-box-shadow:inset 0 0 6px #106669;box-shadow:inset 0 0 6px #106669;background-color:#05dbe3;border-radius:4px}.centerPart .platFormIntroduceDetail iframe[data-v-62956737] ::-webkit-scrollbar:hover{width:5px;height:10px}.centerPart .platFormIntroduceDetail iframe[data-v-62956737] ::-webkit-scrollbar-corner{background-color:#181f27}.centerPart .deviceDetailInfowindow[data-v-62956737]{width:400px;height:200px;padding:20px;background:url(/static/img/layout/listBg.png);background-size:100% 100%;position:relative}.centerPart .deviceDetailInfowindow .closeInfowindow[data-v-62956737]{font-size:20px;color:#fff;cursor:pointer;position:absolute;display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;right:20px;top:10px}.centerPart .deviceDetailInfowindow .title[data-v-62956737]{width:100%;height:30px;font-size:16px;font-weight:700;color:#05dbe3;border-bottom:1px solid #376668}.centerPart .deviceDetailInfowindow .item[data-v-62956737]{line-height:30px}.centerPart .deviceDetailInfowindow .item .label[data-v-62956737]{font-size:14px;color:#eee;display:inline-block;width:86px;text-align:right}.centerPart .deviceDetailInfowindow .item .value[data-v-62956737]{font-size:14px;color:silver}.centerPart .deviceDetailInfowindow .item .online[data-v-62956737]{font-size:14px;color:#0f0}.centerPart .deviceDetailInfowindow .item .offline[data-v-62956737]{font-size:14px;color:#eb4d6f}.rightPart[data-v-01ddb750]{width:100%;height:100%}.rightPart .right-top[data-v-01ddb750]{width:100%;height:40%}.rightPart .right-top>div[data-v-01ddb750]{text-align:center}.rightPart .right-top .title[data-v-01ddb750]{font-size:1.5vh;color:#fff}.rightPart .right-top .eventNum[data-v-01ddb750]{font-size:6vh;font-weight:700;color:#fff;text-shadow:0 0 2vh #05effc;line-height:10vh}.rightPart .right-top .protectMileage[data-v-01ddb750]{font-size:1.7vh;color:#00fcf0;line-height:4vh}.rightPart .right-top .protectMileage .value[data-v-01ddb750]{font-size:2vh}.rightPart .right-top .addMileage[data-v-01ddb750]{font-size:1.7vh;color:#00fcf0;line-height:4vh}.rightPart .right-top .addMileage .value[data-v-01ddb750]{font-size:2vh}.rightPart .right-top .compare[data-v-01ddb750]{line-height:5vh}.rightPart .right-top .compare .item[data-v-01ddb750]{display:inline-block;font-size:1.4vh;color:#fff;margin-right:2%}.rightPart .right-top .compare .item .el-icon-top[data-v-01ddb750]{color:#d92626;font-weight:700;font-size:1.8vh}.rightPart .right-top .compare .item .el-icon-bottom[data-v-01ddb750]{color:#16c840;font-weight:700;font-size:1.8vh}.rightPart .right-bottom[data-v-01ddb750]{height:60%}.rightPart .right-bottom .titleHeader[data-v-01ddb750]{width:100%;height:4vh;background:url(/static/img/layout/titleHeaderBg.png);background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rightPart .right-bottom .titleHeader>img[data-v-01ddb750]{height:100%;margin-right:20px}.rightPart .right-bottom .titleHeader .titleName[data-v-01ddb750]{font-family:SourceHanSansCN-Bold;font-size:1.5vh;font-weight:400;font-stretch:normal;letter-spacing:0;color:#05dbe3}.rightPart .right-bottom .content[data-v-01ddb750]{width:100%;height:60%;padding-top:2%}.rightPart .right-bottom .content .itemContainer[data-v-01ddb750]{width:100%;height:100%;overflow-y:scroll}.rightPart .right-bottom .content .itemContainer .item[data-v-01ddb750]{font-size:1.4vh;line-height:3vh}.rightPart .right-bottom .content .itemContainer .item>span[data-v-01ddb750]{display:inline-block;vertical-align:middle}.rightPart .right-bottom .content .itemContainer .item .status[data-v-01ddb750]{width:1.3vh;height:1.3vh;border-radius:50%;margin-right:10px}.rightPart .right-bottom .content .itemContainer .item .describe[data-v-01ddb750]{width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d6d6d7}.rightPart .right-bottom .content .itemContainer .item .time[data-v-01ddb750]{color:#2a969e}.rightPart .right-bottom .content .itemContainer .loadMore[data-v-01ddb750]{font-size:1.5vh;cursor:pointer;text-align:center;color:#51afee}.rightPart .right-bottom .content .noData[data-v-01ddb750]{text-align:center;color:#d1c5c5;font-size:1.6vh;line-height:10vh}.guardrailCollision[data-v-292cc4c1]{width:90%;height:calc(100% - 10vh);margin:0 5%;padding:5vh 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.guardrailCollision .left[data-v-292cc4c1]{width:26%;height:100%}.guardrailCollision .center[data-v-292cc4c1]{width:44%;height:100%}.guardrailCollision .right[data-v-292cc4c1]{width:26%;height:100%}