@charset "UTF-8";


[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-style: normal;
  line-height: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}


.icon-logo {
  width: 36px;
  height: 36px;
  background-image: url('../icon/logo.svg');
}


.icon-menu {
  width: 28px;
  height: 28px;
  background-image: url('../icon/menu.svg');
}

.icon-close {
  width: 28px;
  height: 28px;
  background-image: url('../icon/close.svg');
}


.icon-android {
  width: 28px;
  height: 28px;
  background-image: url('../icon/android.svg');
}

.icon-apple {
  width: 28px;
  height: 28px;
  background-image: url('../icon/apple.svg');
}

.icon-download {
  width: 24px;
  height: 24px;
  background-image: url('../icon/feature-download.svg');
}


.icon-feature-speed {
  width: 48px;
  height: 48px;
  background-image: url('../icon/feature-speed.svg');
}

.icon-feature-book {
  width: 48px;
  height: 48px;
  background-image: url('../icon/feature-book.svg');
}

.icon-feature-hd {
  width: 48px;
  height: 48px;
  background-image: url('../icon/feature-hd.svg');
}

.icon-feature-download {
  width: 48px;
  height: 48px;
  background-image: url('../icon/feature-download.svg');
}

.icon-feature-sync {
  width: 48px;
  height: 48px;
  background-image: url('../icon/feature-sync.svg');
}

.icon-feature-free {
  width: 48px;
  height: 48px;
  background-image: url('../icon/feature-free.svg');
}

.icon-safe {
  width: 48px;
  height: 48px;
  background-image: url('../icon/safe.svg');
}


.icon-star {
  width: 20px;
  height: 20px;
  background-image: url('../icon/star.svg');
}

.icon-check {
  width: 20px;
  height: 20px;
  background-image: url('../icon/check.svg');
}

.icon-arrow-down {
  width: 20px;
  height: 20px;
  background-image: url('../icon/arrow-down.svg');
  transition: transform 0.3s ease;
}

.icon-scroll-top {
  width: 24px;
  height: 24px;
  background-image: url('../icon/scroll-top.svg');
}

.icon-arrow-right {
  width: 20px;
  height: 20px;
  background-image: url('../icon/arrow-right.svg');
}


.icon-wechat {
  width: 24px;
  height: 24px;
  background-image: url('../icon/wechat.svg');
}

.icon-weibo {
  width: 24px;
  height: 24px;
  background-image: url('../icon/weibo.svg');
}

.icon-qq {
  width: 24px;
  height: 24px;
  background-image: url('../icon/qq.svg');
}

.icon-bilibili {
  width: 24px;
  height: 24px;
  background-image: url('../icon/bilibili.svg');
}

.icon-user-avatar {
  width: 40px;
  height: 40px;
  background-image: url('../icon/user-avatar.svg');
}


.icon-sm {
  width: 16px !important;
  height: 16px !important;
}

.icon-md {
  width: 24px !important;
  height: 24px !important;
}

.icon-lg {
  width: 32px !important;
  height: 32px !important;
}

.icon-xl {
  width: 48px !important;
  height: 48px !important;
}


.icon-white {
  filter: brightness(0) invert(1);
}

.icon-primary {
  filter: brightness(0) saturate(100%) invert\(23%\) sepia\(92%\) saturate\(2243%\) hue-rotate\(206deg\) brightness\(95%\) contrast\(93%\);
}


a:hover [class^="icon-"],
a:hover [class*=" icon-"],
.icon-hover:hover {
  transform: scale(1.15);
  opacity: 0.85;
}