@charset "UTF-8";
/**
 * uni-app内置的常用样式变量
 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.sfixed.data-v-1d6851b4 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}
.stepbar.data-v-1d6851b4 {
  background: #ffffff;
  display: flex;
  align-items: center;
  padding: 30rpx 0rpx;
  flex: 0 0 auto;
}
.stepbar .steps.data-v-1d6851b4 {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  position: relative;
}
.stepbar .steps .img.data-v-1d6851b4 {
  width: 46rpx;
  height: 46rpx;
  margin-bottom: 14rpx;
}
.stepbar .steps .tit.data-v-1d6851b4 {
  font-size: 24rpx;
  font-weight: bold;
  color: #CDCDCD;
}
.stepbar .steps .line.data-v-1d6851b4 {
  position: absolute;
  width: 60%;
  border-bottom: 2rpx dashed #CDCDCD;
  top: 22rpx;
  right: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.stepbar .steps:last-of-type .line.data-v-1d6851b4 {
  display: none;
}
.stepbar .steps.act .line.data-v-1d6851b4 {
  border-color: #9AB4F6;
}
.stepbar .steps.act .tit.data-v-1d6851b4 {
  color: #4775EA;
}