@charset "UTF-8";
.progress-box {
  padding: 9px 0 70px;
  margin-bottom: 40px;
  text-align: center;
  background-color: #f4f5f7;
  /* 确保子元素水平排列 */
  white-space: nowrap;
}

.progress-item {
  display: inline-flex; /* 改为flex布局 */
  align-items: center; /* 垂直居中 */
  padding-right: 21px;
  background: url("../image/notyet_arr.png") no-repeat right center;
}

.progress-item + .progress-item {
  margin-left: 45px;
}

.progress-item:last-child {
  padding-right: 0;
  background: none;
  background-image: none !important;
}

.progress-item .num {
  width: 32px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  font-family: "D-DIN";
  color: #fff;
  font-weight: bold;
  text-shadow: 1.486px 1.338px 2px rgba(73, 101, 135, 0.5);
  background: url("../image/notyet_num.png") no-repeat;
  /* 移除margin-top，使用flex对齐 */
  margin-top: 0;
}

.progress-item .text {
  position: relative;
  min-width: 97px;
  height: 55px;
  line-height: 55px;
  padding-left: 10px;
  color: #A2AAB7;
  font-size: 16px;
  font-weight: 600;
  background: url("../image/notyet_bg.png") no-repeat 0 bottom;
  /* 确保文字垂直居中 */
  display: flex;
  align-items: center;
}

.progress-item.ongoing {
  background-image: url("../image/cur_arr.png");
  cursor: pointer;
}

.progress-item.ongoing .num {
  background-image: url("../image/cur_num.png");
  text-shadow: 1.486px 1.332px 2px rgba(7, 61, 161, 0.5);
}

.progress-item.ongoing .text {
  color: #333;
  background-image: url("../image/cur_bg.png");
}

.progress-item.cur {
  background-image: url("../image/completed_arr.png");
}

.progress-item.cur .num {
  width: 64px;
  height: 55px;
  line-height: 55px;
  text-shadow: 1.486px 1.332px 2px rgba(221, 64, 0, 0.5);
  background-image: url("../image/completed_num.png");
  /* 调整已完成状态的数字位置 */
  margin-top: 0;
}

.progress-item.cur .text {
  color: #FA8217;
  background-image: url("../image/completed_bg.png");
}