/* icon */
.icon {
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: top;
  background-size: 100% 100%;
  &-setting {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
    background-image: url(../images/icon-setting.png);
  }
  &-left {
    height: 8px;
    width: 8px;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(../images/icon-left.png);
  }
  &-left-act {
    background-image: url(../images/icon-left-act.png);
  }
  &-left-rotate {
    height: 24px;
    width: 24px;
    background-image: url(../images/icon-left-rotate.png);
  }
  &-right-rotate {
    height: 24px;
    width: 24px;
    background-image: url(../images/icon-right-rotate.png);
  }
  &-loading {
    height: 80px;
    width: 80px;
    background-image: url(../images/icon-loading.png);
  }
}
