.deployCount[data-v-d9ac04d4]{width:100%;height:100%;background:url(/static/img/layout/region.png);background-size:100% 100%;position:relative}.deployCount .regionItem[data-v-d9ac04d4]{width:25%;height:20%;color:#fff;text-align:center;position:absolute}.deployCount .regionItem>div[data-v-d9ac04d4]{font-size:1.5vh;margin:6%}.deployCount .regionItem>div>span[data-v-d9ac04d4]{color:#fff32f;font-weight:700}.deployCount .regionItem>div[data-v-d9ac04d4]:nth-of-type(3){color:#01ffff;font-size:1.7vh;font-weight:700;margin-top:11%}.deployCount .regionItem[data-v-d9ac04d4]:first-of-type{left:4.2%;top:23.5%}.deployCount .regionItem[data-v-d9ac04d4]:nth-of-type(2){left:38%;top:0}.deployCount .regionItem[data-v-d9ac04d4]:nth-of-type(3){left:38.6%;top:38%}.deployCount .regionItem[data-v-d9ac04d4]:nth-of-type(4){left:72.3%;top:28.7%}.deployCount .totalCount[data-v-d9ac04d4]{width:100%;text-align:center;position:absolute;left:0;bottom:12%;font-size:1.5vh;color:#fff}.deployCount .totalCount>div[data-v-d9ac04d4]{margin:2%}.deployCount .totalCount>div>span[data-v-d9ac04d4]{color:#fff32f;font-weight:700}.eventCountContainer[data-v-f9f79e0e]{width:100%;height:100%}.eventCountContainer .titleHeader[data-v-f9f79e0e]{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}.eventCountContainer .titleHeader>img[data-v-f9f79e0e]{height:100%;margin-right:20px}.eventCountContainer .titleHeader .titleName[data-v-f9f79e0e]{font-family:SourceHanSansCN-Bold;font-size:1.5vh;font-weight:400;font-stretch:normal;letter-spacing:0;color:#05dbe3}.eventCountContainer .eventCount[data-v-f9f79e0e]{width:100%;height:85%}.mileageAndTimeCount[data-v-6a7bf262]{width:100%;height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:distribute;justify-content:space-around}.mileageAndTimeCount .item[data-v-6a7bf262]{width:40%;text-align:center}.mileageAndTimeCount .item .valueContainer[data-v-6a7bf262]{height:70%;aspect-ratio:1.2;background:url(/static/img/layout/mileage.png);background-size:100% 100%;position:relative;margin:0 auto}.mileageAndTimeCount .item .valueContainer .value[data-v-6a7bf262]{display:block;width:100%;position:absolute;left:0;top:31%;font-family:MicrosoftYaHei-Bold;font-size:2.3vh;font-weight:700;font-stretch:normal;letter-spacing:0;color:#fefefe;background-image:-webkit-linear-gradient(top,#fff,#81cac8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mileageAndTimeCount .item .label[data-v-6a7bf262]{width:100%;text-align:center;font-size:1.5vh;color:#fff;font-weight:700;margin-top:7%}.useFrequency[data-v-7fab9e65]{width:100%;height:100%;position:relative}.useFrequency .titleHeader[data-v-7fab9e65]{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}.useFrequency .titleHeader>img[data-v-7fab9e65]{height:100%;margin-right:20px}.useFrequency .titleHeader .titleName[data-v-7fab9e65]{font-family:SourceHanSansCN-Bold;font-size:1.5vh;font-weight:400;font-stretch:normal;letter-spacing:0;color:#05dbe3}.useFrequency .titleHeader[data-v-7fab9e65] .useFrequencySelecter{width:15%;height:100%;margin-left:38%}.useFrequency .titleHeader[data-v-7fab9e65] .useFrequencySelecter .el-input{height:100%}.useFrequency .titleHeader[data-v-7fab9e65] .useFrequencySelecter .el-input .el-input__inner{height:90%;background:none;border:1px solid #0fe;border-radius:2px;color:#0fe}.useFrequency .titleHeader[data-v-7fab9e65] .useFrequencySelecter .el-input .el-input__suffix .el-input__suffix-inner .el-input__icon{color:#0fe}.useFrequency .useFrequencyCharts[data-v-7fab9e65]{width:100%;height:90%}.useFrequency .legendDescription[data-v-7fab9e65]{width:100%;height:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;position:absolute;bottom:7%;left:0}.useFrequency .legendDescription .legendItem .color[data-v-7fab9e65]{display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:10px}.useFrequency .legendDescription .legendItem .label[data-v-7fab9e65]{font-size:1vh;vertical-align:middle}.roadRealTimeSituation[data-v-0dc9eff8]{width:100%;height:100%}.roadRealTimeSituation .titleHeader[data-v-0dc9eff8]{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;position:relative}.roadRealTimeSituation .titleHeader>img[data-v-0dc9eff8]{height:100%;margin-right:20px}.roadRealTimeSituation .titleHeader .titleName[data-v-0dc9eff8]{font-family:SourceHanSansCN-Bold;font-size:1.5vh;font-weight:400;font-stretch:normal;letter-spacing:0;color:#05dbe3}.roadRealTimeSituation .titleHeader .totalCount[data-v-0dc9eff8]{height:100%;margin-left:50%;position:absolute;right:2%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.3vh}.roadRealTimeSituation .titleHeader .totalCount .count[data-v-0dc9eff8]{color:#05dbe3}.roadRealTimeSituation .list[data-v-0dc9eff8]{width:100%;height:85%;background:url(/static/img/layout/listBg.png);background-size:100% 100%;margin-top:2%;overflow-y:scroll}.roadRealTimeSituation .list .items[data-v-0dc9eff8]{width:calc(100% - 60px);height:calc(50% - 40px);padding:20px 30px 20px 20px}.roadRealTimeSituation .list .items .item[data-v-0dc9eff8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.5vh;margin-bottom:4%;color:#d3dbde}.roadRealTimeSituation .list .items .item .el-icon-location[data-v-0dc9eff8]{color:#05dbe3}.roadRealTimeSituation .list .items .item .road[data-v-0dc9eff8]{color:#d3dbde}.roadRealTimeSituation .list .items .item .eventType .value[data-v-0dc9eff8]{color:#ff2121}.roadRealTimeSituation .list .items .item .jamTime[data-v-0dc9eff8]{color:#05dbe3}.roadRealTimeSituation .list .items .item .time[data-v-0dc9eff8]{font-size:1.3vh}.roadRealTimeSituation .list .items .line[data-v-0dc9eff8]{width:100%;height:2%;background:url(/static/img/layout/line.png);background-size:100% 100%}.roadNetworkSituationAwareness[data-v-3d71c61b]{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}.roadNetworkSituationAwareness>div[data-v-3d71c61b]{display:inline-block}.roadNetworkSituationAwareness .left[data-v-3d71c61b]{width:26%;height:100%}.roadNetworkSituationAwareness .left .left-top[data-v-3d71c61b]{width:100%;height:43%}.roadNetworkSituationAwareness .left .left-bottom[data-v-3d71c61b]{width:100%;height:47%}.roadNetworkSituationAwareness .middle[data-v-3d71c61b]{width:44%;height:100%;position:relative}.roadNetworkSituationAwareness .middle .ChinaMap[data-v-3d71c61b]{width:90%;aspect-ratio:1.0216763;position:absolute;top:3%;left:5%}.roadNetworkSituationAwareness .middle .platFormIntroduceBtn[data-v-3d71c61b]{width:17%;height:8%;background:url(/static/img/layout/platformIntroduceBg.png);background-size:100% 100%;position:absolute;bottom:18%;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}.roadNetworkSituationAwareness .middle .platFormIntroduceDetail[data-v-3d71c61b]{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}.roadNetworkSituationAwareness .middle .platFormIntroduceDetail .closeBtn[data-v-3d71c61b]{display:inline-blockl;width:20px;height:20px;cursor:pointer;font-size:30px;position:absolute;right:5px;top:0;z-index:10000000}.roadNetworkSituationAwareness .middle .platFormIntroduceDetail iframe[data-v-3d71c61b]{width:100%;height:calc(100% - 20px);border-radius:10px}.roadNetworkSituationAwareness .middle .platFormIntroduceDetail iframe[data-v-3d71c61b] ::-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}.roadNetworkSituationAwareness .middle .platFormIntroduceDetail iframe[data-v-3d71c61b] ::-webkit-scrollbar:hover{width:5px;height:10px}.roadNetworkSituationAwareness .middle .platFormIntroduceDetail iframe[data-v-3d71c61b] ::-webkit-scrollbar-corner{background-color:#181f27}.roadNetworkSituationAwareness .right[data-v-3d71c61b]{width:26%;height:100%}.roadNetworkSituationAwareness .right .right-top[data-v-3d71c61b]{width:100%;height:20%}.roadNetworkSituationAwareness .right .right-middle[data-v-3d71c61b]{width:100%;height:37%}.roadNetworkSituationAwareness .right .right-bottom[data-v-3d71c61b]{width:100%;height:34%}