.echarts-compontent{width:100%;height:100%;position:relative}.echarts-compontent>div{position:absolute;width:100%;height:100%;top:0;left:0}.vehicle-data-compontent{padding-bottom:40px;width:50%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f1f3}.vehicle-data-compontent>:first-child{width:100%;padding-bottom:10px;flex:none}.vehicle-data-compontent>:nth-child(2){position:relative;width:100%;flex:1}.vehicle-data-compontent>:nth-child(2) .tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.vehicle-data-compontent>:nth-child(2) .tooltip>:first-child{font-size:24px;font-weight:500;color:#3b82fe}.vehicle-data-compontent>:nth-child(2) .tooltip>:nth-child(2){font-size:12px;color:#6c7a8d}.vehicle-data-compontent>:nth-child(3){width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.vehicle-data-compontent>:nth-child(3)>div{width:auto;display:flex;align-items:center;line-height:2;font-size:14px;color:#6c7a8d;margin-bottom:5px;position:relative}.vehicle-data-compontent>:nth-child(3)>div:before{content:"";width:8px;height:8px;border-radius:100%}.vehicle-data-compontent>:nth-child(3)>div:first-child:before{background-color:#3b82fe}.vehicle-data-compontent>:nth-child(3)>div:nth-child(2):before{background-color:#6dc66b}.vehicle-data-compontent>:nth-child(3)>div:nth-child(3):before{background-color:#ffa450}.vehicle-data-compontent>:nth-child(3)>div span{padding-left:10px;padding-right:5px}.vehicle-data-compontent>:nth-child(3)>div span:first-child{color:#2d3144}