.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.road_left_map {
  height: 160px;
  border-radius: 4px;
}
.road_left_subtitle {
  margin: 14px 0;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: var(--title-color2);
  padding-left: 13px;
  height: 14px;
  line-height: 14px;
}
.road_left_subtitle::before {
  height: 14px;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  background-color: var(--title-color2);
}
.road_level_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.road_level_type .road_level_type_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.road_work_rule_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.road_work_rule_wrap .rule_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--info-color);
}
.road_work_rule_wrap .rule_item .rule_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  border-radius: 4px;
  padding: 0 6px;
}
.road_work_rule_wrap .rule_item .rule_arrow {
  width: 14px;
  height: 14px;
  margin-left: 11px;
  margin-right: 6px;
}
.road_work_rule_wrap .rule_item .rule_item_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.road_work_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 28px 24px 45px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.road_work_wrap .road_work_left {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.road_work_wrap .road_work_left .all_rate_wrap {
  width: 100px;
  height: 100px;
  position: relative;
  margin-bottom: 20px;
}
.road_work_wrap .road_work_left .all_rate_wrap .all_rate_info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.road_work_wrap .road_work_left .all_rate_wrap .all_rate_info .all_rate_info_label {
  color: var(--base-label-color);
  font-size: 12px;
}
.road_work_wrap .road_work_left .all_rate_wrap .all_rate_info .all_rate {
  font-weight: 600;
  font-size: 20px;
  color: var(--info-color);
}
.road_work_wrap .road_work_left .left_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  color: var(--info-color);
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.road_work_wrap .road_work_left .left_info:last-child {
  margin-bottom: 0;
}
.road_work_wrap .road_work_left .left_info .left_info_dot {
  width: 6px;
  height: 6px;
  background: #b9c4d4;
  border-radius: 50%;
}
.road_work_wrap .road_work_left .left_info .left_info_label {
  color: var(--label-color);
}
.road_work_wrap .road_work_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.road_work_wrap .road_work_right .road_work_right_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--info-color);
  font-size: 12px;
}
.road_work_wrap .road_work_right .road_work_right_item .road_work_right_item_left {
  width: 220px;
}
.road_work_wrap .road_work_right .road_work_right_item .road_work_right_item_left .road_work_right_item_left_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.road_work_wrap .road_work_right .road_work_right_item .road_work_right_item_left .work_type {
  font-size: 14px;
}
.road_work_wrap .road_work_right .road_work_right_item .road_work_right_item_left .work_rate {
  font-size: 14px;
  font-weight: 600;
  margin-left: 11px;
  margin-right: 7px;
}
