.lui-single-course {
    width: 100%;
    height: 100%;
    // cursor: pointer;
    outline: none;
    position: relative;
    a{
        color: $title-color;
    }
    .poligon-mark {
        position: absolute;
        top: -0.6px;
        z-index: 10;
        left: 16px;
        width: 39px;
        height: 41px;
        background-image: url('/assets/images/tip_bg.png');
        background-size: 100% 100%;
        color: white;
        text-align: center;
        line-height: 35px;
    }
    .course-img {
        width: 100%;
        height: 160px;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            transition: all 0.5s;
            object-fit: cover;
        }
    }
    .course-info {
        width: 100%;
        height: 124px;
        border: 1px solid $line-color;
        box-sizing: border-box;
        border-top: none;
        // padding: 13px 13px 0 13px;
        transition: all 0.3s;
        // .info-title {
        //     color: $title-color;
        //     font-size: 16px;
        //     transition: all 0.3s;
        // }
        .info-like-view {
            overflow: hidden;
            width: 100%;
            height: 34px;
            border-bottom: 1px dashed $line-color;
            box-sizing: border-box;
            line-height: 33px;
            .left-like {
                float: left;
                i {
                    // padding-right: 6px;
                }
            }
            .right-view {
                float: right;
                i {
                    // padding-right: 6px;
                }
            }
        }
        .info-progress {
            .progress-summary {
                overflow: hidden;
                width: 100%;
                height: 24px;
                line-height: 30px;
                .summary-left {
                    float: left;
                }
                .summary-right {
                    float: right;
                    color: #000;
                    font-weight: bold;
                }
            }
            .progress-line {
                .ant-progress-inner {
                    background-color: $progress-bg !important;
                    .ant-progress-bg {
                        background-color: $assist-color !important;
                    }
                }
            }
        }
    }
}