.lui-single-course-b{
    width: 280px;
    height: 368px;
    position: relative;
    >.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;
    }
    >.trapezoid{
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        width: 53px;
	    height: 51px;
        background-image: url('/assets/learner-ui/trapezoid.png');
        background-size: 100% 100%;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        letter-spacing: 1px;
        >.box{
            transform: rotate(45deg);
            text-align: right;
            color: #000000;
        }
    }
    >.img{
        height: 168px;
        width: 100%;
        overflow: hidden;
        img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }
    >.caption{
        height: 200px;
        border: 1px solid $line-color;
        border-top: 0;
        .name{
            letter-spacing: 1px;
            margin-bottom: 10px;
        }
        >.time{
            font-size: 14px;
            letter-spacing: 0px;
            color: #838383;
            margin-bottom: 10px;
        }
        >.study-progress{
            font-family: MicrosoftYaHei;
            font-size: 14px;
            letter-spacing: 0px;
            color: #020202;
            padding: 15px 0;
            border-top: 1px dashed #d9d9d9;
            height: 74px;
            .progress-line{
                .ant-progress-inner {
                    background-color: $progress-bg !important;
                    .ant-progress-bg {
                        background-color: $assist-color !important;
                    }
                }
            }
        }
        >.btn{
            width: 258px;
            height: 40px;
            margin: 0 auto;
            cursor: pointer;
            >a{
                width: 100%;
                height: 100%;
                display: inline-block;
                color: white;
                text-align: center;
                letter-spacing: 1px;
                line-height: 40px;
            }
        }
    }
    .common-btn{
        .ant-btn-primary{
            min-width: 120px;
            height: 40px;
            line-height: 40px;
            padding: 0 1rem;
            font-size: 16px;
            width: 100%;
            display: block;
        }
    }
}