.mui-single-course-b{
    background: #fff;
    position: relative;
    border: 1px solid #f3f2f7;
    border-bottom: 2px solid $primary-color; 
    .course-type{
        position: absolute;
        top: 0;
        left: .20rem;
        z-index: 9;
        width: .60rem;
        height: .60rem;
        line-height: .60rem;
        text-align: center;
        font-size: .18rem;
        color: #fff;
        .type-box{
            position: relative;
            width: 100%;
            height: 100%;
            span{
                z-index: 2;
                position: relative;
            }
            img{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
                object-fit: cover;
            }
        }
    }
    .course-img{
        width: 100%;
        height: 2.00rem;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .course-bottom{
        .course-bottom-ico{
            font-size: $info-size;
            color: $info-color;
            i{
                padding-right: .10rem;
                font-size: .24rem;
            }
        }
    }
}