health.applet/miniprogram/pages/home/vertical-steps/index.scss

.health-status-list {
  display: flex;
  flex-direction: column;
  padding: 24rpx 0;
  // margin-left: 50rpx;
  // margin-top: 24rpx;
}
.health-status-item {
  display: flex;
  align-items: baseline;
  position: relative;
  min-height: 60rpx;
}
.dot-line-box {
  position: relative;
  width: 24rpx;
  margin-right: 16rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dot {
  width: 10rpx;
  height: 10rpx;
  border: 4rpx solid #3A7BFF;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}
.dashed-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2rpx;
  height: 100%;
  margin-top: 0;
}
.dash {
  width: 2rpx;
  height: 10rpx;
  background: #3A7BFF;
  margin-bottom: 4rpx;
  border-radius: 1rpx;
}
.status-content {
  color: #666666;
  font-size: 28rpx;
  line-height: 1.7;
  padding-bottom: 8rpx;
  word-break: break-all;
}
.status-line {
  // display: block;
  display: flex ;
  align-items: center;
  line-height: 1.7;
  word-break: break-all;
  color: rgba(106,106,106,0.8);
} 
.title{
  font-size: 28rpx;
  color: #6F7D97;
}
.value{
  font-size: 28rpx;
  color: #4E5F7E;
  font-weight: 450;
}
.report-container{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
.report-box {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 48px;
  justify-content: center;
  background: #D6E5FB;
  width: 95%;
  border-radius: 6px;
 margin: auto;
  .report-img {
    width: 38rpx;
    height: 35rpx;
  }
  .text-box {
    display: flex;
    .text-one {
      font-size: 28rpx;
      color: #1F457F;
      font-weight: bold;
      margin: 0 20rpx 0 20rpx;
    }

    .text-two {
      font-size: 24rpx;
      color: #35578C;
    }
  }
}
}