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; */
    /* padding: 40rpx 30rpx 30rpx 10rpx; */
    /* padding: 40rpx 0 30rpx 0; */
    padding-top: 40rpx;
}

.course-content {
    padding: 0 30rpx 0 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;
}

.search-ctn {
    padding: 0 30rpx;
    margin-bottom: 5px;
}

.search-tabs {
    margin-bottom: 20px;
}

.search-tabs .line {
    height: 1px;
    width: 100%;
    background: #7D7D7D;
    /* opacity: 0.15; */
    opacity: 0.1;
}

.card-bottom{
    width: 100%;
    /* height: 86rpx; */
    height: 34px;
    border-radius: 0 0 30rpx 30rpx;
    /* background: linear-gradient(0deg, #F5E4E3, rgba(243, 245, 249, 0.2)); */
    text-align: center;
}
.card-bottom .text{
    font-size: 14px;
    font-weight: 400;
    color: #FF4F3A;
    display: inline-block;
    line-height: 34px;
    /* letter-spacing: 2px; */
}
.expand-or-collapse-card.card-bottom{
    background: linear-gradient(0deg, #F5E4E3, rgba(243, 245, 249, 0.2));
}

/* .search-ctn .field-index--van-field.van-cell{
    background: #F3F5F9;
    border-radius: 50rpx;
    padding: 7px 16px;
} */