.box-wrapper[data-v-5cc91370]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.box-title[data-v-5cc91370]{position:relative;width:100%;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:6px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:26px;font-size:16px;font-family:Source Han Sans CN;font-weight:700;color:#fff;background:url(../img/bg-chart-title.679528de.679528de.png) 0 0/100% 100% no-repeat}.box-content[data-v-5cc91370]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;overflow:hidden;background-color:rgba(0,6,12,.5)}.box-content[data-v-5cc91370],.sec-wrapper-class-over[data-v-5cc91370]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.sec-wrapper-class-over[data-v-5cc91370]{width:100%;height:100%;background:url(../img/1659755014900-baseinfo-bg.dca3f889.png) 50%/100% 100% no-repeat;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chart-container[data-v-5cc91370]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:visible}.chart-item[data-v-5cc91370]{height:100%;position:relative;overflow:visible}.chart-item-wide[data-v-5cc91370],.chart-item[data-v-5cc91370]:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-block[data-v-5cc91370]{height:100%}.road-info-container[data-v-5cc91370]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(4,21,46,.5);border-radius:6px;overflow:hidden}.info-title[data-v-5cc91370],.road-info-container[data-v-5cc91370]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.info-title[data-v-5cc91370]{font-size:14px;color:#fff;margin-bottom:10px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-shadow:0 0 10px rgba(29,163,225,.6);-ms-flex-negative:0;flex-shrink:0}.info-icon[data-v-5cc91370]{display:inline-block;width:16px;height:16px;margin-right:6px;background:linear-gradient(135deg,#29a3e1,#1778a9);border-radius:3px;position:relative}.info-icon[data-v-5cc91370]:before{content:"";position:absolute;width:8px;height:8px;border:2px solid hsla(0,0%,100%,.9);border-radius:2px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.info-title[data-v-5cc91370]:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:-webkit-gradient(linear,left top,right top,from(rgba(41,163,225,.8)),to(transparent));background:linear-gradient(90deg,rgba(41,163,225,.8),transparent)}.total-count[data-v-5cc91370]{font-family:din-medium,sans-serif;font-size:16px;margin-left:3px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#83c6e6));background:linear-gradient(180deg,#fff,#83c6e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.data-card[data-v-5cc91370]{margin-bottom:8px;padding:2px 4px;position:relative;border-radius:5px;background-color:rgba(9,42,75,.3);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.data-card[data-v-5cc91370]:hover{background-color:rgba(29,163,225,.1);-webkit-box-shadow:0 0 10px rgba(29,163,225,.2);box-shadow:0 0 10px rgba(29,163,225,.2)}.data-card[data-v-5cc91370]:last-child{margin-bottom:0}.data-header[data-v-5cc91370]{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;margin-bottom:2px}.data-name[data-v-5cc91370]{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:500;position:relative;padding-left:8px}.data-name[data-v-5cc91370]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:10px;background:-webkit-gradient(linear,left top,left bottom,from(#29a3e1),to(transparent));background:linear-gradient(180deg,#29a3e1,transparent);border-radius:1.5px}.data-percent[data-v-5cc91370]{color:hsla(0,0%,100%,.7);font-size:11px;background-color:rgba(29,163,225,.2);padding:1px 6px;border-radius:10px;letter-spacing:.5px}.data-value[data-v-5cc91370]{font-size:24px;font-weight:700;color:#fff;font-family:din-medium,sans-serif;margin-bottom:3px;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-shadow:0 0 8px rgba(29,163,225,.8)}.data-value[data-v-5cc91370]:after{content:attr(data-percent);font-size:11px;color:hsla(0,0%,100%,.8);font-weight:400;margin-bottom:3px;background-color:rgba(29,163,225,.15);padding:1px 4px;border-radius:3px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}.progress-container[data-v-5cc91370]{position:relative;margin-bottom:1px}.progress-bar[data-v-5cc91370]{width:100%;height:4px;background-color:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden;position:relative;z-index:1}.progress-inner[data-v-5cc91370]{height:100%;background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.2)),to(transparent));background-image:linear-gradient(90deg,hsla(0,0%,100%,.2),transparent);background-blend-mode:overlay;border-radius:3px;-webkit-transition:width .8s cubic-bezier(.22,.61,.36,1);transition:width .8s cubic-bezier(.22,.61,.36,1);position:relative}.progress-inner[data-v-5cc91370]:after{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background-color:hsla(0,0%,100%,.6);border-radius:50%;-webkit-box-shadow:0 0 5px hsla(0,0%,100%,.8);box-shadow:0 0 5px hsla(0,0%,100%,.8)}.progress-glow[data-v-5cc91370]{position:absolute;bottom:-2px;left:0;height:2px;width:30%;-webkit-filter:blur(3px);filter:blur(3px);opacity:.6;border-radius:3px}.chart-container-with-title[data-v-5cc91370]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;background-color:rgba(4,21,46,.5);border-radius:6px;overflow:hidden;position:relative;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.chart-block[data-v-5cc91370]{width:100%;height:calc(100% - 30px);overflow:hidden}