.at-timeline-item {
  padding-bottom: 36rpx;
}
.at-timeline-item__content-item {
  color: #333;
  font-weight: 600;
}
.at-timeline-item__content--sub {
  color: #999;
  margin-top: 8rpx;
  font-size: 25rpx;
  font-weight: 400;
}

.time-list {
  &-item {
    margin: 12rpx 0;
    &__content {
      padding: 16rpx;
      position: relative;
     &.grey {
      background-color: rgba(192,192,192, .4);
     }
    }
    &__content .statusName {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-25%);
      transform: translateY(-25%);
      font-weight: 600;
      font-size: 32rpx;
    }
    &__content .title {
      color: #333;
      font-weight: 600;
    }
    &__content .content {
      color: #999;
      margin-top: 8rpx;
      font-size: 25rpx;
      font-weight: 400;
    }
  }
}
.red {
  color: red;
}
.blue {
  color: blue;
}