*[class^=phxfib-] {
    background-position: center;
    background-size:contain;
    background-repeat:no-repeat;
    border: 1px solid white;
    /* border-radius: 8px;
    overflow: hidden; */
}
*[class^=phxfib-]:hover:not(.disabled) {
    border-color: #404040;
}
a[class^=phxfib-] {
    display: inline-block;
    width: 20px;
    height: 20px;
}
div[class^=phxfib-] {
    position: relative;
}
div[class^=phxfib-] > span {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    color: grey;
}
div[class^=phxfib-] > input {
    position: absolute;
    top: 0;
    right: 0;
}
.phxfib-file,
.ico-file::before {
    background-image: url(../img/ficons/Windows/imageres/file.ico);
}
.phxfib-file-img,
.ico-file-img::before {
    background-image: url(../img/ficons/Windows/imageres/file-img.ico);
}
.phxfib-fold,
.ico-fold::before {
    background-image: url(../img/ficons/Windows/imageres/fold.ico);
}
.phxfib-pdf,
.phxfib-adobe,
.ico-pdf::before {
    background-image: url(../img/ficons/pdf.ico);
}
.phxfib-solidworks {
    background-image: url(../img/ficons/step.png);
}
.phxfib-2016word {
    background-image: url(../img/ficons/office2016/WinWordLogoSmall.scale-180.png);
}
.phxfib-2016excel {
    background-image: url(../img/ficons/office2016/ExcelLogoSmall.scale-180.png);
}
.phxfib-2016powerpoint {
    background-image: url(../img/ficons/office2016/PowerPntLogoSmall.scale-180.png);
}
.phxfib-rar,
.ico-rar::before {
    background-image: url(../img/ficons/WinRAR.ico);
}
.phxfib-audio {
    background-image: url(../img/ficons/audio.png);
}
.phxfib-ape,
.ico-ape::before {
    background-image: url(../img/ficons/MAC.ico);
}
.phxfib-flac,
.ico-flac::before {
    background-image: url(../img/ficons/FLAC.ico);
}
.phxfib-xml {
    background-image: url(../img/ficons/HBuilderX/file-xml.png);
}
.phxfib-mp3,
.ico-mp3::before {
    background-image: url(../img/ficons/Thunder/mp3.ico);
}
.phxfib-ipa {
    background-image: url(../img/ficons/ipa.png);
}
.phxfib-chm,
.ico-chm::before {
    background-image: url(../img/ficons/chm.ico);
}
.phxfib-iso,
.ico-iso::before {
    background-image: url(../img/ficons/iso.ico);
}
.phxfib-bat,
.ico-bat::before {
    background-image: url(../img/ficons/bat.ico);
}
.phxfib-txt,
.ico-txt::before {
    background-image: url(../img/ficons/Windows/imageres/txt.ico);
}
.phxfib-magnify,
.ico-magnify::before {
    background-image: url(../img/ficons/Windows/imageres/magnifier.ico);
}
/* .phxfib-txt,
.ico-txt::before {
    background-image: url(../img/ficons/text.ico);
} */
.phxfib-zip,
.ico-zip::before {
    background-image: url(../img/ficons/Windows/imageres/zip.ico);
}
.phxfib-7z,
.ico-7z::before {
    background-image: url(../img/ficons/7z.ico);
}
.phxfib-jar,
.ico-jar::before {
    background-image: url(../img/ficons/java.ico);
}
.phxfib-mmap,
.ico-mmap::before {
    background-image: url(../img/ficons/MindManager.ico);
}
.phxfib-mpp,
.ico-mpp::before {
    background-image: url(../img/ficons/mpp.ico);
}
.phxfib-doc,
.ico-doc::before {
    background-image: url(../img/ficons/doc.ico);
}
.phxfib-docx,
.ico-docx::before {
    background-image: url(../img/ficons/docx.ico);
}
.phxfib-dotx,
.ico-dotx::before {
    background-image: url(../img/ficons/dotx.ico);
}
.phxfib-ppt,
.ico-ppt::before {
    background-image: url(../img/ficons/ppt.ico);
}
.phxfib-pptx,
.ico-pptx::before {
    background-image: url(../img/ficons/pptx.ico);
}
.phxfib-psd,
.ico-psd::before {
    background-image: url(../img/ficons/photoshop-psd.ico);
}
.phxfib-reg,
.ico-reg::before {
    /* C:\Windows\regedit.exe */
    background-image: url(../img/ficons/Windows/regedit.ico);
}
.phxfib-sql,
.ico-sql::before {
    background-image: url(../img/ficons/sql.ico);
}
.phxfib-xls,
.ico-xls::before {
    background-image: url(../img/ficons/xls.ico);
}
.phxfib-xlsx,
.ico-xlsx::before {
    background-image: url(../img/ficons/xlsx.ico);
}
.phxfib-html,
.ico-html::before {
    background-image: url(../img/ficons/iexplore.ico);
}
.phxfib-xmind,
.ico-xmind::before {
    background-image: url(../img/ficons/XMind.ico);
}
.phxfib-playable-a,
.ico-playable-a::before {
    background-image: url(../img/ficons/playable-audio.ico);
}
.phxfib-playable-v,
.ico-playable-v::before {
    background-image: url(../img/ficons/playable-video.ico);
}
.phxfib-delete,
.ico-delete::before {
    background-image: url(../img/win-delete.ico);
}
.phxfib-modify,
.ico-modify::before {
    background-image: url(../img/win-modify.ico);
}
.phxfib-view,
.ico-view::before {
    background-image: url(../img/view.ico);
}
.phxfib-privileges,
.ico-privileges::before {
    background-image: url(../img/privileges.ico);
}
.phxfib-download,
.ico-download::before {
    background-image: url(../img/ficons/Windows/imageres/download.ico);
}
.phxfib-download.disabled,
.ico-download.disabled::before {
    background-image: url(../img/ficons/Windows/imageres/download-disable.ico);
}
.phxfib-media {
    background-position: bottom;
}
.phxfib-stp,
.phxfib-step {
    background-image: url(../img/ficons/step.png);
}
.phxfib-dwg,
.ico-dwg::before {
    background-image: url(../img/ficons/dwg.ico);
}
.phxfib-apk,
.ico-apk::before {
    background-image: url(../img/ficons/apk.ico);
}
.phxfib-json,
.ico-json::before {
    background-image: url(../img/ficons/json.ico);
}

.phxfi-adobe:before {
    /* background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22mnemonic%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-185%20280%20240%20234%22%20style%3D%22enable-background%3Anew%20-185%20280%20240%20234%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Aurl(%23SVGID_1_)%3B%7D%0A%09.st1%7Bfill%3Aurl(%23SVGID_2_)%3B%7D%0A%09.st2%7Bfill%3A%23FF3500%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%0A%09%09%3CradialGradient%20id%3D%22SVGID_1_%22%20cx%3D%22-87.2892%22%20cy%3D%22434.7133%22%20r%3D%22143.432%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20796)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%09%09%3Cstop%20%20offset%3D%220%22%20style%3D%22stop-color%3A%231D0F0B%3Bstop-opacity%3A0.85%22%2F%3E%0A%09%09%3Cstop%20%20offset%3D%220.7669%22%20style%3D%22stop-color%3A%231D0F0B%22%2F%3E%0A%09%3C%2FradialGradient%3E%0A%09%3Crect%20x%3D%22-175%22%20y%3D%22290%22%20class%3D%22st0%22%20width%3D%22220%22%20height%3D%22214%22%2F%3E%0A%3C%2Fg%3E%0A%3ClinearGradient%20id%3D%22SVGID_2_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22-147.3681%22%20y1%3D%22400%22%20x2%3D%2221.3894%22%20y2%3D%22400%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20796)%22%3E%0A%09%3Cstop%20%20offset%3D%220.14%22%20style%3D%22stop-color%3A%23FFFFFF%22%2F%3E%0A%09%3Cstop%20%20offset%3D%221%22%20style%3D%22stop-color%3A%23EBEDEB%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M18.7%2C420.1c-4.8-5.2-15-7.9-29.4-7.9c-8%2C0-17.1%2C0.8-27.2%2C2.5c-5.8-5.4-11.4-11.9-16.8-19.3%0A%09c-3.8-5.3-7.3-10.8-10.4-16.3c5.1-15.7%2C8.6-30.8%2C8.6-42.3c0-8.6-2.8-22.8-15.6-22.8c-3.3%2C0-6.9%2C2.1-8.7%2C5.2%0A%09c-5.4%2C9.3-2.9%2C30.3%2C6.9%2C51.7c-3.4%2C10.3-7.3%2C20.6-12.1%2C32.3c-4%2C9.7-8.8%2C19.6-13.9%2C28.7c-27.8%2C11-45.5%2C23.5-47.3%2C33.5%0A%09c-0.6%2C3.3%2C0.4%2C6.5%2C3.1%2C9.1c1.6%2C1.5%2C5%2C3.5%2C10%2C3.5c16%2C0%2C33.8-23.4%2C47.1-47.3c7.4-2.6%2C15.2-4.9%2C23.2-7.1c8.7-2.3%2C17-4.1%2C24.9-5.5%0A%09c19.3%2C17.5%2C36.4%2C20.1%2C44.9%2C20.1c10.6%2C0%2C13.6-4.4%2C14.7-7.2C22.3%2C426.9%2C20.9%2C422.5%2C18.7%2C420.1z%20M-77.9%2C320.8c1.3-2.2%2C3.4-3.6%2C5.8-3.6%0A%09c4.7%2C0%2C7.4%2C4.2%2C7.4%2C11.9c0%2C8.3-2.6%2C21.8-7.6%2C37.3C-81.6%2C344.7-81.7%2C327.4-77.9%2C320.8z%20M-144.1%2C466c1.6-8.3%2C17.4-19.5%2C41.6-29.6%0A%09c-13.5%2C23.1-26.8%2C37.3-35.2%2C37.3c-1.6%2C0-3.2-0.5-4.4-1.6C-143.8%2C470.4-144.5%2C468.3-144.1%2C466z%20M-41.8%2C415.4%0A%09c-7.2%2C1.3-14.9%2C3-22.7%2C5.1c-6.9%2C1.8-13.6%2C3.9-20.1%2C6c3.8-7.1%2C7.1-14%2C9.6-20.3c3.1-7.5%2C6.1-15.3%2C8.7-23.1c2.8%2C4.8%2C5.8%2C9.5%2C9.1%2C14.1%0A%09C-52.3%2C404.1-47.1%2C410.2-41.8%2C415.4L-41.8%2C415.4L-41.8%2C415.4z%20M-34.8%2C417.4c16.3-3%2C30.6-2.4%2C36.7-1.1c6.3%2C1.3%2C9.6%2C5.1%2C8.5%2C10.7%0A%09c-1.1%2C5.7-7.9%2C8.4-15.4%2C6.6C-17%2C430.7-26.9%2C424.2-34.8%2C417.4z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st2%22%20d%3D%22M-185%2C280v234H55V280H-185z%20M-175%2C290H45v214h-220V290z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") */
    background-image: url(../img/ficons/pdf.ico);
    background-size:contain;
    background-repeat:no-repeat;
    border: 1px solid #404040;
    border-radius: 8px;
    overflow: hidden;
}

.phxfi-solidworks:before {
    background-image: url(../img/ficons/step.png);
    background-size:contain;
    background-repeat:no-repeat;
    border: 1px solid #404040;
    border-radius: 8px;
    overflow: hidden;
}


phxi {
    display: inline-block;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: 0;
}
phxi:before {
    content: '';
    display: inline-block;
    width: 2em;
    height: 2em;
}
phxi[class^=phxai-]:before {
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;

}

.phxai-wx:before {
    background-image: url(../resource/icons/a_wx.png);
}
.phxai-qq:before {
    background-image: url(../resource/icons/a_qq.png);
}
.phxai-self:before {
    background-image: url(../resource/icons/a_self.png);
}