.course-keijian-wrap .file-icon {
    margin: 3px 8px 3px 0;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url("/img/common/file-icons.png") no-repeat scroll -30px 0 transparent}


.file-icon[filetype="/"] {
    background-position: 0 0
}

.file-icon[filetype=".arj"], .file-icon[filetype=".gizp"], .file-icon[filetype=".gz"], .file-icon[filetype=".iso"], .file-icon[filetype=".jar"], .file-icon[filetype=".lzh"], .file-icon[filetype=".rar"], .file-icon[filetype=".tar"], .file-icon[filetype=".z"], .file-icon[filetype=".zip"] {
    background-position: -30px -60px
}

.file-icon[filetype=".ai"], .file-icon[filetype=".bmp"], .file-icon[filetype=".cdr"], .file-icon[filetype=".esp"], .file-icon[filetype=".gif"], .file-icon[filetype=".jfif"], .file-icon[filetype=".jpeg"], .file-icon[filetype=".jpg"], .file-icon[filetype=".png"], .file-icon[filetype=".psd"], .file-icon[filetype=".raw"], .file-icon[filetype=".svg"], .file-icon[filetype=".tiff"] {
    background-position: -60px 0
}

.file-icon[filetype=".pdf"] {
    background-position: 0 -29px
}

.file-icon[filetype=".doc"], .file-icon[filetype=".docx"] {
    background-position: -30px -30px
}

.file-icon[filetype=".csv"], .file-icon[filetype=".xls"], .file-icon[filetype=".xlsx"] {
    background-position: -90px -30px
}

.file-icon[filetype=".ppt"], .file-icon[filetype=".pptx"] {
    background-position: -60px -30px
}

.file-icon[filetype=".ini"], .file-icon[filetype=".pwl"], .file-icon[filetype=".rtf"], .file-icon[filetype=".txt"], .file-icon[filetype=".wri"] {
    background-position: -120px -30px
}

.file-icon[filetype=".aif"], .file-icon[filetype=".aiff"], .file-icon[filetype=".ape"], .file-icon[filetype=".cda"], .file-icon[filetype=".mid"], .file-icon[filetype=".mp3"], .file-icon[filetype=".ra"], .file-icon[filetype=".vpf"], .file-icon[filetype=".wav"], .file-icon[filetype=".wma"] {
    background-position: -120px 0
}

.file-icon[filetype=".avi"], .file-icon[filetype=".flv"], .file-icon[filetype=".mov"], .file-icon[filetype=".mp4"], .file-icon[filetype=".mpeg"], .file-icon[filetype=".mpg"], .file-icon[filetype=".ram"], .file-icon[filetype=".rm"], .file-icon[filetype=".swf"], .file-icon[filetype=".wmv"] {
    background-position: -90px 0
}

.file-icon[filetype=".bat"], .file-icon[filetype=".cpp"], .file-icon[filetype=".css"], .file-icon[filetype=".go"], .file-icon[filetype=".h"], .file-icon[filetype=".htm"], .file-icon[filetype=".html"], .file-icon[filetype=".java"], .file-icon[filetype=".js"], .file-icon[filetype=".jsp"], .file-icon[filetype=".obj"], .file-icon[filetype=".php"], .file-icon[filetype=".py"], .file-icon[filetype=".pyc"], .file-icon[filetype=".pyd"], .file-icon[filetype=".pyi"], .file-icon[filetype=".pyo"], .file-icon[filetype=".pyw"], .file-icon[filetype=".sh"], .file-icon[filetype=".sql"], .file-icon[filetype=".ts"], .file-icon[filetype=".vue"] {
    background-position: 0 -60px
}

.course-keijian-wrap .course-kejian-center .fileInfo li {
    display: block;
    line-height: 36px;
    cursor: pointer;

    list-style: none;
    float: none;
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
}

.course-keijian-wrap .course-kejian-center .fileInfo li * {
    cursor: pointer;
}

.course-keijian-wrap .course-kejian-center .fileInfo li .file-name {
    font-size: 14px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    margin-right: 16px;
    text-decoration: none;
    color: #555;
    position: relative;
    padding-right: 32px;
}

.course-keijian-wrap .course-kejian-center .fileInfo li .file-name:hover {
    color: #0f7afe;
}

.course-keijian-wrap .course-kejian-center .fileInfo li .file-name:hover:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url("/torch/img/download.svg") no-repeat transparent center center / 16px 16px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.course-keijian-wrap .course-kejian-center .fileInfo li .file-tools {
    float: right;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.course-keijian-wrap[manage="true"] .course-kejian-center .fileInfo li .file-tools {
    display: block;
}

.course-keijian-wrap .course-kejian-center .fileInfo li .file-tools .file-btn {
    line-height: 36px;
    height: 36px;
    width: 36px;
    display: block;
    cursor: pointer;
    opacity: 0.5;
    background: url("/img/teacher/deletTimeClass.png") no-repeat center center transparent;
}

.course-keijian-wrap .course-kejian-center .fileInfo li:hover .file-tools {
    opacity: 1;
    visibility: visible;
}

.course-keijian-wrap .course-kejian-center .fileInfo li .file-tools .file-btn:hover {
    color: #0f7afe;
    opacity: 1;
}

.course-keijian-wrap .course-kejian-center .empty-info {
    width: 100% !important;
    margin: 0 auto !important;
    display: block;
    line-height: 36px;
    padding: 50px 0 0 0 !important;
    font-size: 14px;
    text-align: center;
    border: 0 !important;
    height: auto !important;
    cursor: default !important;
    color: #333;
}

.course-keijian-wrap .course-kejian-center .empty-info a {
    color: #0088cc;
    text-decoration: none !important;
}

.course-keijian-wrap .course-kejian-center .empty-info a:hover {
    color: #005580;
}

.course-keijian-wrap .course-keijian-file {
    position: absolute;
    z-index: -1000;
    display: none;
}