.lui-ugc-sample-course-item{
    height: 255px;
    width: 265px;
    cursor: pointer;
    border: 1px solid $line-color;
    border-bottom: 2px solid $primary-color;
    &:hover{
        >.course-img{
            img{
                transform: scale(1.1); 
            }
        }
        >.caption{
            .title-h1{
                color: $primary-color;
            }
        }
    }
    >.course-img{
        width: 100%;
        height: 159px;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            transition: all .5s;
            object-fit: cover;
        }
    }
    >.caption{
        height: 95px;
        .title-h1{
            color: #000;
        }
        >.creator,.time{
            color: $info-color;
        }
        >.creator{
            margin: 3px 0;
        }
    }
}