.mui-single-course-e {
    background: #fff;
    position: relative;
    border: 1px solid #f3f2f7;
    border-bottom: 2px solid $primary-color;
    .mask-box {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, .6);
        i {
            font-size: .40rem;
            color: #fff;
        }
    }
    .course-status {
        position: absolute;
        font-size: .24rem;
        padding: .05rem .10rem;
        left: .15rem;
        top: .15rem;
        color: #fff;
        background: rgba(0, 0, 0, .5);
    }
    .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: .30rem;
            }
        }
    }
}