.lui-single-course-d{
    width: 898px;
	height: 238px;
	box-shadow: 0px 4px 13px 0px rgba(101, 101, 101, 0.1);
    border-radius: 2px;
    padding: 23px 26px;
    >div{
        >.img{
            width: 320px;
            height: 192px;
            overflow: hidden;
            img{
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
        }
        >.caption{
            width: 502px;
            height: 192px;
            >.name{
                letter-spacing: 1px;
                margin-bottom: 16px;
            }
            >.time{
                font-family: MicrosoftYaHei;
                font-size: 14px;
                letter-spacing: 0px;
                color: #838383;
                margin-bottom: 6px;
            }
            >.detail{
                border-bottom: 1px solid #ececec;
                >.box{
                    border-right: 1px solid #e3e3e3;
                    padding: 0 22px;
                    text-align: center;
                    height: 42px;
                    margin: 16px 0;
                    &:last-child{
                        border-right: 0;
                        padding-right: 0px;
                    }
                    &:first-child{
                        padding-left: 0px;
                    }
                    >.value{
                        font-family: MicrosoftYaHei;
                        font-size: 14px;
                        letter-spacing: 1px;
                        color: $primary-color;
                        font-weight: bold;
                    }
                    >.key{
                        font-family: MicrosoftYaHei;
                        font-size: 14px;
                        letter-spacing: 1px;
                        color: #030303;
                    }
                }
            }
            >.study-progress{
                font-family: MicrosoftYaHei;
                font-size: 14px;
                letter-spacing: 0px;
                color: #020202;
                padding-top: 9px;
                .progress-line{
                    .ant-progress-inner {
                        background-color: $progress-bg !important;
                        .ant-progress-bg {
                            background-color: $assist-color !important;
                        }
                    }
                }
            }
        }
    }
}