.expired-course-list{
    margin:8px 10px 16px;
    .course-item{
        display:flex;
        padding:16px 0;
        border-bottom:1px dotted #E8E8E8;
        justify-content: space-between;
        &:last-child{
            border-bottom:none;
        }
        .course-left{
            display:flex;

            .course-status{
                color:#999999;
                font-size:14px;
                margin-right:16px;
            }
            .course-info{
                display:flex;
                .course-type{
                    margin-right:16px;
                    span{
                        padding:0px 6px;
                        color:#666666;
                        font-size:11px;
                        border-radius: 2px;
                        border: 1px solid #999999;
                        line-height: 16px;
                    }
                }
                .course-instro{
                    .course-name{
                        color:#333333;
                        font-size:14px;
                        margin-bottom:7px;
                    }
                    .task-name{
                        color:#999;
                        font-size:14px;

                    }
                }
            }
        }
        .course-time{
            color:#999;
            font-size:14px;
        }
    }
}