.road-statistic {
  padding: 10px;
}
.road-statistic-summary {
  padding: 20px;
  margin-bottom: 10px;
  background-color: var(--bg-color2);
  border: 1px solid var(--bg-border-color2);
}
.road-statistic-summary-title {
  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;
}
.road-statistic-summary-main {
  margin-top: 32px;
  color: var(--info-color);
}
.road-statistic-summary-main-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.road-statistic-summary-main-item img {
  width: 46px;
  height: 46px;
  margin-right: 17px;
}
.road-statistic-summary-main-item--name {
  color: var(--label-color);
}
.road-statistic-summary-main-item--value {
  font-size: 12px;
}
.road-statistic-summary-main-item--value span {
  font-size: 22px;
}
.road-statistic-summary-main-progress {
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.road-statistic-summary-main-progress .ant-progress-inner {
  width: 70px !important;
  height: 70px !important;
  margin-right: 17px;
}
.road-statistic-summary-main-progress--name {
  color: var(--label-color);
}
.road-statistic-summary-main-progress--value {
  color: var(--label-active);
  font-size: 12px;
}
.road-statistic-summary-main-progress--value span {
  font-size: 22px;
}
.road-statistic-summary-main-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.road-statistic-summary-main-rate--item {
  margin-left: 30px;
}
.road-statistic-summary-main-rate--block {
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-right: 6px;
  background: #ffd736;
}
.road-statistic-summary-main-rate--value {
  color: var(--info-color);
  font-size: 12px;
  margin-left: 11px;
}
.road-statistic-summary-main-rate--value span {
  font-size: 22px;
}
.road-statistic-charts .chart {
  height: 507px;
  padding: 20px;
  background-color: var(--bg-color2);
  border: 1px solid var(--bg-border-color2);
}
.road-statistic-charts-lcfx {
  height: 507px;
  padding: 20px;
  background-color: var(--bg-color2);
  border: 1px solid var(--bg-border-color2);
}
.road-statistic-charts-lcfx-contain {
  height: 90%;
  width: 100%;
  overflow: hidden;
}
.road-statistic-charts-zywcl {
  height: 507px;
  padding: 20px;
  background-color: var(--bg-color2);
  border: 1px solid var(--bg-border-color2);
}
.road-statistic-charts-zywcl-contain {
  height: 400px;
  width: 100%;
}
