.lui-course-file{
    display: flex;
    padding: 20px 0;
    border-bottom: 1px dashed $line-color;
    cursor: pointer;
    &:hover{
        .file-info{
            .info-title{
                color: $primary-color;
            }
        }
    }
    .file-img{
        width: 80px;
        height: 86px;
        overflow: hidden;
        background: url('#{$dir}/i_default.png') center center no-repeat;
        &.word{
            background: url('#{$dir}/i_word.png') center center no-repeat;
        }
        &.ppt{
            background: url('#{$dir}/i_ppt.png') center center no-repeat;
        }
        &.excel{
            background: url('#{$dir}/i_excel.png') center center no-repeat;
        }
        &.zip{
            background: url('#{$dir}/i_zip.png') center center no-repeat;
        }
        &.pdf{
            background: url('#{$dir}/i_pdf.png') center center no-repeat;
        }
    }
    .file-info{
        flex: 1;
        min-width: 0;
        padding-left: 25px;
        .info-title{
            font-size: 18px;
            color: $title-color;
            width: 465px;
        }
        .info-ico{
            line-height: 30px;
            font-size: 14px;
            color: $info-color;
            .ant-divider, .ant-divider-vertical{
                margin: 0 15px;
            }
        }
        .c-info-class{
            color: $info-color;
            padding: 12px 0;
            .info-class{
                display: inline-block;
            }
            .ant-divider, .ant-divider-vertical{
                margin: 0 30px;
            }
        }
        .c-info-des{
            color: $info-color;
        }
    }
}