.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; }