/*
* @Author: zhongjiahao
* @Date:   2016-09-07 11:43:06
* @Last Modified by:   wuzhe
* @Last Modified time: 2016-12-06 16:35
*/

.u-icon {
  display: inline-block;
  &[class*="cus-bitian"] {
    width: 5px;
    height: 5px;
    vertical-align: middle;
  }
  &[class*="pc-sys-sun"] {
    width: 52px;
    height: 52px;
  }
  &[class*="pc-sys-add"],
  &[class*="pc-sys-close"],
  &[class*="pc-sys-guanbi"] {
    width: 14px;
    height: 14px;
  }
  &[class*="pc-sys-dropdownmin"] {
    width: 6px;
    height: 5px;
  }
  &[class*="pc-sys-dropdownmax"] {
    width: 10px;
    height: 8px;
  }
  &[class*="pc-sys-no-data"] {
    width: 138px;
    height: 33px;
  }
  &[class*="pc-sys-changgui-nomal"],
  &[class*="pc-sys-zhuyi-nomal"],
  &[class*="pc-sys-zhengque-nomal"],
  &[class*="pc-sys-wenhao-nomal"],
  &[class*="pc-sys-tishi-nomal"],
  &[class*="pc-sys-cuowu-nomal"] {
    width: 24px;
    height: 24px;
  }
  &[class*="pc-sys-changgui-nomal-small"],
  &[class*="pc-sys-zhuyi-nomal-small"],
  &[class*="pc-sys-zhengque-nomal-small"],
  &[class*="pc-sys-wenhao-nomal-small"],
  &[class*="pc-sys-tishi-nomal-small"],
  &[class*="pc-sys-cuowu-nomal-small"],
  &[class*="pc-sys-foldup"],
  &[class*="pc-sys-spread"],
  &[class*="pc-sys-shouqi"],
  &[class*="pc-sys-sousuo"],
  &[class*="pc-sys-zhankai"],
  &[class*="pc-sys-Pencil"] {
    width: 16px;
    height: 16px;
  }
  &[class*="pc-sys-Checkbox"] {
    width: 18px;
    height: 18px;
  }
  &[class*="pc-sys-Checkbox-active"] {
    height: 12px;
  }
  &[class*="pc-sys-tuozhuai"] {
    width: 9px;
    height: 9px;
  }
  &[class*="pc-sys-hand-svg"] {
    width: 16px;
    height: 11px;
  }
  &[class*="pc-sys-backward"],
  &[class*="pc-sys-Forward"] {
    width: 5px;
    height: 8px;
  }
  &[class*="pc-sys-arrowup"],
  &[class*="pc-sys-arrowdown"] {
    width: 11px;
    height: 6px;
  }
  &[class*="pc-sys-arrowleft"],
  &[class*="pc-sys-arrowleftM7"],
  &[class*="pc-sys-arrowright"] {
    width: 5px;
    height: 10px;
  }
  &[class*="pc-sys-arrowdownM7"] {
    width: 10px;
    height: 5px;
  }
  &[class*="pc-sys-arrowup2"],
  &[class*="pc-sys-arrowdown2"] {
    width: 8px;
    height: 7px;
  }
  &[class*="pc-sys-Forward2"],
  &[class*="pc-sys-backward2"] {
    width: 9px;
    height: 8px;
  }
  &[class*="pc-sys-Singlebox"] {
    width: 18px;
    height: 18px;
  }
  &[class*="pc-sys-seqdown"],
  &[class*="pc-sys-sequencedown"],
  &[class*="pc-sys-sequenceup"] {
    width: 5px;
    height: 4px;
  }
  &[class*="pc-sys-Pencil"] {
    cursor: pointer;
  }
  &.sys-icon-close {
    cursor: pointer;
    &:before {
      color: #acb7bf;
    }
    &:hover {
      &:before {
        color: #cc2929;
      }
    }
  }
  &.sys-icon-add {
    color: #1687d9;
    cursor: pointer;
  }
  &.empty-icon {
    width: 117px;
    height: 118px;
    background: url(./images/empty-img.png) no-repeat;
    background-repeat: no-repeat;
    background-size: 76px;
  }
  &.file-sprite,
  &.file-aac,
  &.file-ape,
  &.file-asf,
  &.file-avi,
  &.file-doc,
  &.file-docx,
  &.file-exe,
  &.file-file,
  &.file-flac,
  &.file-flv,
  &.file-folder,
  &.file-folder2,
  &.file-gif,
  &.file-image,
  &.file-jpeg,
  &.file-jpg,
  &.file-m4a,
  &.file-m4v,
  &.file-mkv,
  &.file-mmap,
  &.file-mov,
  &.file-mp3,
  &.file-mp4,
  &.file-mpeg,
  &.file-mpg,
  &.file-music,
  &.file-none,
  &.file-ogg,
  &.file-pdf,
  &.file-pic,
  &.file-png,
  &.file-ppt,
  &.file-pptx,
  &.file-rar,
  &.file-rm,
  &.file-rmvb,
  &.file-tif,
  &.file-ts,
  &.file-txt,
  &.file-video,
  &.file-wav,
  &.file-wma,
  &.file-wmv,
  &.file-xls,
  &.file-xlsx,
  &.file-zip {
    background: url(./images/filetype.png) no-repeat;
    background-repeat: no-repeat;
  }
  &.file-aac {
    background-position: 0 -1296px;
    height: 60px;
    width: 60px
  }
  &.file-ape {
    background-position: 0 -1416px;
    height: 60px;
    width: 60px
  }
  &.file-asf {
    background-position: 0 -876px;
    height: 60px;
    width: 60px
  }
  &.file-avi {
    background-position: 0 -1236px;
    height: 60px;
    width: 60px
  }
  &.file-doc {
    background-position: 0 -2196px;
    height: 60px;
    width: 60px
  }
  &.file-docx {
    background-position: 0 -1536px;
    height: 60px;
    width: 60px
  }
  &.file-exe {
    background-position: 0 -1896px;
    height: 60px;
    width: 60px
  }
  &.file-file {
    background-position: 0 -192px;
    height: 48px;
    width: 48px
  }
  &.file-flac {
    background-position: 0 -1596px;
    height: 60px;
    width: 60px
  }
  &.file-flv {
    background-position: 0 -1956px;
    height: 60px;
    width: 60px
  }
  &.file-folder {
    background-position: 0 -144px;
    height: 48px;
    width: 48px
  }
  &.file-folder2 {
    background-position: 0 -2556px;
    height: 32px;
    width: 46px
  }
  &.file-gif {
    background-position: 0 -588px;
    height: 48px;
    width: 48px
  }
  &.file-image {
    background-position: 0 -540px;
    height: 48px;
    width: 48px
  }
  &.file-jpeg {
    background-position: 0 -384px;
    height: 48px;
    width: 48px
  }
  &.file-jpg {
    background-position: 0 -432px;
    height: 48px;
    width: 48px
  }
  &.file-m4a {
    background-position: 0 -1776px;
    height: 60px;
    width: 59px
  }
  &.file-m4v {
    background-position: 0 -996px;
    height: 60px;
    width: 60px
  }
  &.file-mkv {
    background-position: 0 -936px;
    height: 60px;
    width: 60px
  }
  &.file-mmap {
    background-position: 0 -240px;
    height: 48px;
    width: 48px
  }
  &.file-mov {
    background-position: 0 -816px;
    height: 60px;
    width: 60px
  }
  &.file-mp3 {
    background-position: 0 -1476px;
    height: 60px;
    width: 60px
  }
  &.file-mp4 {
    background-position: 0 -1056px;
    height: 60px;
    width: 60px
  }
  &.file-mpeg {
    background-position: 0 -480px;
    height: 60px;
    width: 60px
  }
  &.file-mpg {
    background-position: 0 -636px;
    height: 60px;
    width: 60px
  }
  &.file-music {
    background-position: 0 -48px;
    height: 48px;
    width: 48px
  }
  &.file-none {
    background-position: 0 -2016px;
    height: 60px;
    width: 60px
  }
  &.file-ogg {
    background-position: 0 -1356px;
    height: 60px;
    width: 60px
  }
  &.file-pdf {
    background-position: 0 -2316px;
    height: 60px;
    width: 60px
  }
  &.file-pic {
    background-position: 0 0;
    height: 48px;
    width: 48px
  }
  &.file-png {
    background-position: 0 -288px;
    height: 48px;
    width: 48px
  }
  &.file-ppt {
    background-position: 0 -2256px;
    height: 60px;
    width: 60px
  }
  &.file-pptx {
    background-position: 0 -1656px;
    height: 60px;
    width: 60px
  }
  &.file-rar {
    background-position: 0 -2436px;
    height: 60px;
    width: 60px
  }
  &.file-rm {
    background-position: 0 -2076px;
    height: 60px;
    width: 60px
  }
  &.file-rmvb {
    background-position: 0 -696px;
    height: 60px;
    width: 60px
  }
  &.file-tif {
    background-position: 0 -336px;
    height: 48px;
    width: 48px
  }
  &.file-ts {
    background-position: 0 -1836px;
    height: 60px;
    width: 60px
  }
  &.file-txt {
    background-position: 0 -2496px;
    height: 60px;
    width: 60px
  }
  &.file-video {
    background-position: 0 -96px;
    height: 48px;
    width: 48px
  }
  &.file-wav {
    background-position: 0 -1176px;
    height: 60px;
    width: 60px
  }
  &.file-wma {
    background-position: 0 -1116px;
    height: 60px;
    width: 60px
  }
  &.file-wmv {
    background-position: 0 -756px;
    height: 60px;
    width: 60px
  }
  &.file-xls {
    background-position: 0 -2136px;
    height: 60px;
    width: 60px
  }
  &.file-xlsx {
    background-position: 0 -1716px;
    height: 60px;
    width: 60px
  }
  &.file-zip {
    background-position: 0 -2376px;
    height: 60px;
    width: 60px
  }
}