@charset "UTF-8";

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 24px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-menu::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("menu.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-close::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-search::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("search.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-shield::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("shield.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-download::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("download.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-moon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("moon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-crown::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("crown.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-fire::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("fire.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-star::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-tag::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("tag.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-book::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("book.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-library::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("library.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-shelf::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("shelf.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-clock::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("clock.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-check::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-email::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("email.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-phone::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("phone.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-user::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("user.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-ghost::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("ghost.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-android::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/安卓.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-ios::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/苹果.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}