.mui-single-course-c{
    border: 1px solid $line-color;
    .box-content{
        display: flex;
        .box-img{
            width: 2.90rem;
            height: 1.74rem;
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .box-info{
            flex: 1;
            min-width: 0;
            padding-left: $single-info-pad;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .info-name{
                font-size: $title-size ;
                color: $title-color;
            }
            .info-time{
                font-size: $info-size;
                color:$info-color;  
            }
            .info-status{
                font-size: $info-size;
                color: $info-color;
                .statu{
                    color: $title-color;
                }
            }
            .info-progress{
                margin-top: -.10rem;
                .ant-progress-inner{
                    background: #fff5c6;
                    border-radius: 0.1rem;
                    .ant-progress-bg{
                        border-radius: 0.1rem;
                        background: #fde53d;
                    }
                }
            }
        }
        
    }
}