@CHARSET "UTF-8";

/*size: small */
[j-data-file-ext] {
	background-image: url(../img/filetype/file.png);
	background-size:16px;
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 20px;
	height: 16px;
    line-height: 16px;
}

.file-icon-m[j-data-file-ext] {
	background-image: url(../img/filetype/middle/file.png);
	background-size: 30px 30px;
    width: 30px;
    height: 30px;
    padding: 0px;
}

[j-data-file-ext="css"] {
	background-image: url(../img/filetype/css.png);
}
.file-icon-m[j-data-file-ext="css"] {
	background-image: url(../img/filetype/middle/css.png);
}

[j-data-file-ext="txt"] {
	background-image: url(../img/filetype/txt.png);
}
.file-icon-m[j-data-file-ext="txt"] {
	background-image: url(../img/filetype/middle/txt.png);
}


[j-data-file-ext="sql"] {
	background-image: url(../img/filetype/sql.png);
}
.file-icon-m[j-data-file-ext="sql"] {
	background-image: url(../img/filetype/middle/sql.png);
}


[j-data-file-ext="zip"]
,[j-data-file-ext="7z"]
,[j-data-file-ext="rar"]
,[j-data-file-ext="tar"] {
	background-image: url(../img/filetype/zip.png);
}
.file-icon-m[j-data-file-ext="zip"]
,.file-icon-m[j-data-file-ext="7z"]
,.file-icon-m[j-data-file-ext="rar"]
,.file-icon-m[j-data-file-ext="tar"] {
	background-image: url(../img/filetype/middle/zip.png);
}


[j-data-file-ext="png"]
,[j-data-file-ext="jpg"]
,[j-data-file-ext="jpeg"]
,[j-data-file-ext="gif"]
,[j-data-file-ext="bmp"] {
	background-image: url(../img/filetype/png.png);
}
.file-icon-m[j-data-file-ext="png"]
,.file-icon-m[j-data-file-ext="jpg"]
,.file-icon-m[j-data-file-ext="jpeg"]
,.file-icon-m[j-data-file-ext="gif"]
,.file-icon-m[j-data-file-ext="bmp"] {
	background-image: url(../img/filetype/middle/png.png);
}

[j-data-file-ext="mp4"]
,[j-data-file-ext="avi"]
,[j-data-file-ext="mkv"]
,[j-data-file-ext="mpg"]
,[j-data-file-ext="flv"]
,[j-data-file-ext="mpeg"]
,[j-data-file-ext="mov"] {
	background-image: url(../img/filetype/mov.png);
}

[j-data-file-ext="pdf"] {
	background-image: url(../img/filetype/pdf.png);
}
.file-icon-m[j-data-file-ext="pdf"] {
	background-image: url(../img/filetype/middle/pdf.png);
}

[j-data-file-ext="xml"] {
	background-image: url(../img/filetype/xml.png);
}
.file-icon-m[j-data-file-ext="xml"] {
	background-image: url(../img/filetype/middle/xml.png);
}

[j-data-file-ext="xls"],
[j-data-file-ext="xlsx"],
[j-data-file-ext="ods"],
[j-data-file-ext="et"]{
	background-image: url(../img/filetype/xlsx.png);
}
.file-icon-m[j-data-file-ext="xls"],
.file-icon-m[j-data-file-ext="xlsx"],
.file-icon-m[j-data-file-ext="ods"],
.file-icon-m[j-data-file-ext="et"]{
	background-image: url(../img/filetype/middle/xlsx.png);
}

[j-data-file-ext="ppt"],
[j-data-file-ext="pptx"],
[j-data-file-ext="odp"],
[j-data-file-ext="dps"]{
	background-image: url(../img/filetype/pptx.png);
}
.file-icon-m[j-data-file-ext="ppt"],
.file-icon-m[j-data-file-ext="pptx"],
.file-icon-m[j-data-file-ext="odp"],
.file-icon-m[j-data-file-ext="dps"]{
	background-image: url(../img/filetype/middle/pptx.png);
}

[j-data-file-ext="doc"],
[j-data-file-ext="docx"],
[j-data-file-ext="odt"],
[j-data-file-ext="wps"]{
	background-image: url(../img/filetype/docx.png);
}
.file-icon-m[j-data-file-ext="doc"],
.file-icon-m[j-data-file-ext="docx"],
.file-icon-m[j-data-file-ext="odt"],
.file-icon-m[j-data-file-ext="wps"]{
	background-image: url(../img/filetype/middle/docx.png);
}

/*icon定义方式*/
i[data-file-ext] {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	font-style: normal;
}
i[data-file-ext]:before {
	content: '\f15b';
	color: #626263;
}
i[data-file-ext="xls"]:before,
i[data-file-ext="xlsx"]:before,
i[data-file-ext="ods"]:before,
i[data-file-ext="et"]:before{
	content: '\f1c3';
	color: #0c883f;
}
i[data-file-ext="doc"]:before,
i[data-file-ext="docx"]:before,
i[data-file-ext="odt"]:before,
i[data-file-ext="wps"]:before,
i[data-file-ext="rtf"]:before{
	content: '\f1c2';
	color: #295498;
}
i[data-file-ext="ppt"]:before,
i[data-file-ext="pptx"]:before,
i[data-file-ext="odp"]:before,
i[data-file-ext="dps"]:before{
	content: '\f1c4';
	color: #d04526;
}
i[data-file-ext="vsd"]:before,
i[data-file-ext="vsdx"]:before{
	content: '\f65a';
	color: #409eff;
}
i[data-file-ext="pdf"]:before {
	content: '\f1c1';
	color: #ff0000;
}
i[data-file-ext="js"]:before,
i[data-file-ext="java"]:before,
i[data-file-ext="jsp"]:before,
i[data-file-ext="yml"]:before,
i[data-file-ext="properties"]:before,
i[data-file-ext="json"]:before,
i[data-file-ext="htm"]:before,
i[data-file-ext="html"]:before,
i[data-file-ext="xml"]:before {
	content: '\f1c9';
	color: #3c8dbc;
}
i[data-file-ext="css"]:before {
	content: '\f15c';
	color: #626263;
}
i[data-file-ext="txt"]:before {
	content: '\f15c';
	color: #626263;
}
i[data-file-ext="sql"]:before {
	content: '\f15c';
	color: #626263;
}
i[data-file-ext="csv"]:before {
	content: '\f6dd';
	color: #00a65a;
	font-weight: 900;
}
i[data-file-ext="zip"]:before,
i[data-file-ext="7z"]:before,
i[data-file-ext="rar"]:before,
i[data-file-ext="tar"]:before {
	content: '\f1c6';
	color: #bf8c01;
	font-weight: 900;
}
i[data-file-ext="png"]:before,
i[data-file-ext="jpg"]:before,
i[data-file-ext="jpeg"]:before,
i[data-file-ext="gif"]:before,
i[data-file-ext="bmp"]:before,
i[data-file-ext="tif"]:before {
	content: '\f1c5';
	color: #00c0ef;
}
i[data-file-ext="mp4"]:before,
i[data-file-ext="avi"]:before,
i[data-file-ext="mkv"]:before,
i[data-file-ext="mpg"]:before,
i[data-file-ext="flv"]:before,
i[data-file-ext="mpeg"]:before,
i[data-file-ext="mov"]:before {
	content: '\f1c8';
	color: #3a95ff;
}

i[data-file-ext="upload"]:before {
	content: '\f574';
}