edu-mini/pages/eduDetail/components/date-select/date-select.wxss

.plan-time {
    padding: 30rpx 10rpx 40rpx;
    margin: 30rpx;
    background: #FFFFFF;
    border-radius: 30rpx;
}

.plan-time-txt {
    padding: 0 30rpx 10rpx;
    font-size: 28rpx;

    color: #FF4330;
}

.time-filter {
    width: 100%;
    white-space: nowrap;
}

.time-wraper {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.time-item {
    margin: 15rpx 0 0 15rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80rpx;
    height: 80rpx;
    background: rgba(243, 245, 249, 0.5);
    border-radius: 10rpx;
    font-size: 26rpx;
    color: #999999;
}

.time-item-active {
    margin: 15rpx 0 0 15rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80rpx;
    height: 80rpx;
    background: linear-gradient(0deg, #FF4330 0%, #FF7B60 100%);
    border-radius: 10rpx;
    font-size: 26rpx;
    color: #FFF;
}

.time-date {
    font-size: 18rpx;
}