.mui-signle-course-d {
    border-top: 1px solid $line-color;
    border-bottom: 1px solid $line-color;
    padding: .30rem;
    background: #fff;
    .single-course-top {
        display:flex;
        .box-img {
            width: 2.80rem;
            height: 1.70rem;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .box-info {
            flex: 1;
            min-width: 0;
            padding-left: $single-info-pad;
            .box-info-name {
                font-size: .28rem;
                cursor: pointer;
                color: $title-color;
            }
            .box-info-time {
                font-size: $info-size;
                color: $info-color;
                overflow: hidden;
                padding-top: $single-pad;
            }
        }
    }
    .single-course-mid{
        display: flex;
        margin-top: .30rem;
        padding: .30rem 0;
        border-top: 1px dashed $line-color;
        border-bottom: 1px solid $line-color;
        .status-one{
            flex: 1;
            min-width: 0;
            text-align: center;
            font-size: .24rem;
            color: $title-color;
            .span-txt{
                color: $primary-color;
                font-weight: bold;
            }
        }
    }
    .single-course-status{
        .single-c-s{
            font-size: .28rem;
            color: $title-color;
            padding: .20rem 0 0;
        }
        .single-c-p{
            .ant-progress-inner{
                background: #faf1b1;
                .ant-progress-bg{
                    background: #fde53d;
                }
            }
        }
    }
}