/* 自定义组件的css，样式只作用于该自定义组件 */
.w-steps {
  width: 100%;
  padding: 43.478rpx 0 40.459rpx;
  background: var(--color-white, #fff);
  box-sizing: border-box;
  overflow-y: hidden;
  overflow-x: auto;
}
.w-steps-flex {
  display: flex;
}
.w-steps-block {
  white-space: nowrap;
}
.w-steps-flex .w-step,
.w-steps-block .w-step {
  position: relative;
  box-sizing: border-box;
  vertical-align: top;
}
.w-steps-flex .w-step:last-child .w-step-line,
.w-steps-block .w-step:last-child .w-step-line {
  display: none;
}
.w-steps-flex .w-step.is-flex,
.w-steps-block .w-step.is-flex {
  flex: 1;
}
.w-steps-flex .w-step.is-block,
.w-steps-block .w-step.is-block {
  display: inline-block;
}
.w-steps-flex .w-step-head,
.w-steps-block .w-step-head {
  text-align: center;
}
.w-steps-flex .w-step-line,
.w-steps-block .w-step-line {
  position: absolute;
  height: 0;
  left: calc(50% + 37.440rpx);
  right: calc(-50% + 37.440rpx);
}
.w-steps-flex .w-step-head,
.w-steps-block .w-step-head {
  position: relative;
}
.w-steps-flex .w-step-head .gov-icon,
.w-steps-block .w-step-head .gov-icon {
  display: inline-block;
  width: var(--v-spacing-md, 36.232rpx);
  height: var(--v-spacing-md, 36.232rpx);
}
.w-steps-flex .w-step-head .w-step-icon,
.w-steps-block .w-step-head .w-step-icon {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: var(--v-spacing-md, 36.232rpx);
  height: var(--v-spacing-md, 36.232rpx);
}
.w-steps-flex .w-step-main,
.w-steps-block .w-step-main {
  margin-top: 1.208rpx;
}
.w-steps-flex .w-step-main .w-step-title,
.w-steps-block .w-step-main .w-step-title {
  font-size: var(--font-size-sm, 28.986rpx);
  line-height: 44.686rpx;
  white-space: normal;
  text-align: center;
  color: var(--color-gray-4, #ccc);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.w-steps-flex .w-step-main .twoSteps,
.w-steps-block .w-step-main .twoSteps {
  width: 181.159rpx;
  margin-left: 96.618rpx;
}
.w-steps-flex .w-step-main .threeSteps,
.w-steps-block .w-step-main .threeSteps {
  width: 181.159rpx;
  margin-left: 35.024rpx;
}
.w-steps-flex .w-step-main .fourSteps,
.w-steps-block .w-step-main .fourSteps {
  width: 150.966rpx;
  margin-left: 18.720rpx;
}
.w-steps-flex .w-step-main .moreSteps,
.w-steps-block .w-step-main .moreSteps {
  width: 150.966rpx;
  margin-left: 18.720rpx;
}
.w-steps-flex .w-step-main .w-step-desc,
.w-steps-block .w-step-main .w-step-desc {
  font-size: var(--font-size-xs, 25.362rpx);
  line-height: 38.043rpx;
  margin-top: 5.435rpx;
  white-space: normal;
  text-align: center;
  color: var(--color-gray-3, #999);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}