// icon
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  // home
  &-location {
    background-image: url(../images/icon-location.png);
    width: 10px;
    height: 10px;
  }
  // navs
  &-exam {
    background-image: url(../images/icon-exam.png);
  }
  &-report {
    background-image: url(../images/icon-report.png);
  }
  &-base {
    width: 14px;
    background-image: url(../images/icon-base.png);
  }
  &-customer {
    background-image: url(../images/icon-customer.png);
  }
  &-workspace {
    background-image: url(../images/icon-workspace.png);
  }
  &-book {
    background-image: url(../images/icon-book.png);
  }

  &-account {
    background-image: url(../images/icon-account.png);
  }
  &-logout {
    background-image: url(../images/icon-logout.png);
  }

  // login
  &-phone {
    background-image: url(../images/icon-phone.png);
    width: 14px;
    height: 16px;
  }
  &-password {
    background-image: url(../images/icon-password.png);
    width: 14px;
    height: 14px;
  }
  &-checkcode {
    background-image: url(../images/icon-checkcode.png);
    width: 14px;
    height: 16px;
  }
  // other
  &-error {
    background-image: url(../images/icon-error.png);
    width: 16px;
    height: 16px;
  }
  &-search {
    background-image: url(../images/icon-search.png);
    width: 14px;
    height: 14px;
  }
  &-download {
    background-image: url(../images/icon-download.png);
    width: 14px;
    height: 14px;
  }
  &-close {
    background-image: url(../images/icon-close.png);
  }
  &-close-act {
    background-image: url(../images/icon-close-act.png);
  }
  &-files {
    background-image: url(../images/icon-files.png);
    width: 14px;
    height: 12px;
  }
  &-files-act {
    background-image: url(../images/icon-files-act.png);
    width: 14px;
    height: 12px;
  }
  // home-page

  &-wait-task {
    background-image: url(../images/icon-wait-task.png);
    width: 16px;
    height: 19px;
  }
  &-done-task {
    background-image: url(../images/icon-done-task.png);
    width: 16px;
    height: 19px;
  }
  &-exam-task {
    background-image: url(../images/icon-exam-task.png);
    width: 16px;
    height: 16px;
  }
  &-marker-login {
    background-image: url(../images/icon-marker-login.png);
    width: 18px;
    height: 16px;
  }
  &-marker-leader-login {
    background-image: url(../images/icon-marker-leader-login.png);
    width: 18px;
    height: 16px;
  }
  &-print-plan {
    background-image: url(../images/icon-print-plan.png);
    width: 16px;
    height: 16px;
  }
  &-report-teacher {
    background-image: url(../images/icon-report-teacher.png);
    width: 16px;
    height: 17px;
  }
  &-report-office-teacher {
    background-image: url(../images/icon-report-office-teacher.png);
    width: 18px;
    height: 16px;
  }
  &-report-president {
    background-image: url(../images/icon-report-president.png);
    width: 18px;
    height: 16px;
  }
  &-score-archive {
    background-image: url(../images/icon-score-archive.png);
    width: 16px;
    height: 18px;
  }
  &-task-apply {
    background-image: url(../images/icon-task-apply.png);
    width: 18px;
    height: 16px;
  }
  &-task-paper {
    background-image: url(../images/icon-task-paper.png);
    width: 18px;
    height: 16px;
  }
  &-task-review {
    background-image: url(../images/icon-task-review.png);
    width: 18px;
    height: 16px;
  }
}
