@charset "utf-8";

.i-menu {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(menu.svg) no-repeat center/contain;
}

.i-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(close.svg) no-repeat center/contain;
}

.i-android {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/安卓.svg) no-repeat center/contain;
}

.i-apple {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/苹果.svg) no-repeat center/contain;
}

.i-top {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/置顶_o.svg) no-repeat center/contain;
}

.i-feature {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(feature.svg) no-repeat center/contain;
}

.i-eye {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(eye.svg) no-repeat center/contain;
}

.i-shield {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(shield.svg) no-repeat center/contain;
}

.i-speed {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(speed.svg) no-repeat center/contain;
}

.i-star {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(star.svg) no-repeat center/contain;
}

.i-chat {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(chat.svg) no-repeat center/contain;
}

.i-footer-download::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(download.svg) no-repeat center/contain;
  margin-right: 6px;
  vertical-align: middle;
}

.i-nav-android::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/安卓.svg) no-repeat center/contain;
  margin-right: 6px;
  vertical-align: middle;
}

.i-nav-apple::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/苹果.svg) no-repeat center/contain;
  margin-right: 6px;
  vertical-align: middle;
}

.i-btn-android::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/安卓.svg) no-repeat center/contain;
  margin-right: 8px;
  vertical-align: middle;
}

.i-btn-apple::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/苹果.svg) no-repeat center/contain;
  margin-right: 8px;
  vertical-align: middle;
}

.i-arrow-down::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(arrow.svg) no-repeat center/contain;
  transition: transform .3s;
}

.i-arrow-down.active::before {
  transform: rotate(180deg);
}

.i-footer-back::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/置顶_o.svg) no-repeat center/contain;
  margin-right: 4px;
  vertical-align: middle;
}

.i-dl-android {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(../images/安卓.svg) no-repeat center/contain;
}

.i-dl-apple {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(../images/苹果.svg) no-repeat center/contain;
}