edu-mini/pages/eduDetail/components/edu-plan/edu-plan.wxss

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

.plan-card {
    padding: 15rpx 25rpx 20rpx 20rpx;
    margin-left: 20rpx;
    margin-bottom: 20rpx;
    flex: 1;
    background: rgba(243, 245, 249, 0.5);
    border-radius: 30rpx;
}

.plan-title {
    font-size: 30rpx;

    color: #333;
}

.plan-content {
    display: flex;
    align-items: center;
}

.plan-type-activity {
    padding: 0rpx 8rpx;
    border-radius: 8rpx;
    font-size: 24rpx;


    background: rgba(143, 195, 31, 0.2);
    color: #8FC31F;
}

.plan-type-course {
    margin-left: 23rpx;
    padding: 0rpx 8rpx;
    border-radius: 8rpx;
    font-size: 24rpx;


    background: rgba(0, 160, 233, 0.2);
    color: #009CED;
}

.content-time {
    margin-left: 23rpx;
    font-size: 24rpx;

    color: #BBBBBB;
    flex: 1;
}

.btn-divide {
    margin: 15rpx 0;
    background-color: #EFEFF3;
    height: 2rpx;
}


.plan-card-course {
    display: flex;
    flex-direction: row;
}

.tag-divide {
    width: 2rpx;
    background: #EFEFF3;
    margin: 0 20rpx;
}

.plan-tag-img {
    width: 45rpx;
    height: 45rpx;
}

.plan-tag {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 24rpx;

    color: #8A49EB;
}

.plan-tag2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 24rpx;

    color: #2175E7;
}

.plan-tag3 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 24rpx;

    color: #FF4562;
}

.plan-course-content {
    margin-top: 10rpx;
    display: flex;
    flex-direction: row;
}

.plan-course-img {
    width: 99rpx;
    height: 99rpx;
}

.plan-course-tag {
    justify-content: space-around;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.space {
    flex: 1;
}