/* icon */
.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100% 100%;
  &.ivu-icon {
    &-close {
      background-image: url(../images/icon-close.png);
    }
    &-close-act {
      background-image: url(../images/icon-close-act.png);
    }
    &-max {
      width: 10px;
      height: 10px;
      background-image: url(../images/icon-max.png);
    }
    &-max-act {
      background-image: url(../images/icon-max-act.png);
    }
    &-error-hollow {
      height: 24px;
      width: 24px;
      background-image: url(../images/icon-error-hollow.png);
    }
    &-error-big {
      height: 36px;
      width: 36px;
      background-image: url(../images/icon-error-big.png);
    }
    &-handle {
      width: 12px;
      height: 14px;
      background-image: url(../images/icon-handle.png);
    }
    &-level {
      width: 18px;
      height: 18px;
      background-image: url(../images/icon-level.png);
    }
    &-subject {
      width: 14px;
      background-image: url(../images/icon-subject.png);
    }
    &-more {
      background-image: url(../images/icon-more.png);
    }
    &-rotate-left {
      background-image: url(../images/icon-rotate-left.png);
    }
    &-rotate-left-act {
      background-image: url(../images/icon-rotate-left-act.png);
    }
    &-rotate-right {
      background-image: url(../images/icon-rotate-right.png);
    }
    &-rotate-right-act {
      background-image: url(../images/icon-rotate-right-act.png);
    }
    &-scan {
      height: 20px;
      width: 20px;
      background-image: url(../images/icon-scan.png);
    }
    &-user-gray {
      width: 11px;
      height: 12px;
      background-image: url(../images/icon-user-gray.png);
    }
    &-user-act {
      width: 11px;
      height: 12px;
      background-image: url(../images/icon-user-act.png);
    }
    &-loading {
      background-image: url(../images/icon-loading.png);
    }
  }
}
