@charset "utf-8";
i[class^="icon-"] {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-logo { width: 40px; height: 40px; background-image: url('../icon/logo.svg'); }
.icon-menu { background-image: url('../icon/menu.svg'); }
.icon-close { background-image: url('../icon/close.svg'); }
.icon-download { background-image: url('../icon/download.svg'); }
.icon-android { background-image: url('../icon/安卓.svg'); }
.icon-apple { background-image: url('../icon/苹果.svg'); }
.icon-star { background-image: url('../icon/star.svg'); }
.icon-arrow-right { background-image: url('../icon/arrow-right.svg'); }
.icon-arrow-down { background-image: url('../icon/arrow-down.svg'); }
.icon-check { background-image: url('../icon/check.svg'); }
.icon-phone { background-image: url('../icon/phone.svg'); }
.icon-book { background-image: url('../icon/book.svg'); }
.icon-sync { background-image: url('../icon/sync.svg'); }
.icon-shield { background-image: url('../icon/shield.svg'); }
.icon-update { background-image: url('../icon/update.svg'); }
.icon-frog-decor { width: 60px; height: 60px; background-image: url('../icon/frog-decor.svg'); }
.icon-tadpole { width: 40px; height: 20px; background-image: url('../icon/tadpole.svg'); }
.icon-feature-library { width: 48px; height: 48px; background-image: url('../icon/feature-library.svg'); }
.icon-feature-recommend { width: 48px; height: 48px; background-image: url('../icon/feature-recommend.svg'); }
.icon-feature-offline { width: 48px; height: 48px; background-image: url('../icon/feature-offline.svg'); }
.icon-feature-quality { width: 48px; height: 48px; background-image: url('../icon/feature-quality.svg'); }
.icon-feature-sync { width: 48px; height: 48px; background-image: url('../icon/feature-sync.svg'); }
.icon-feature-bookshelf { width: 48px; height: 48px; background-image: url('../icon/feature-bookshelf.svg'); }
.icon-social-weibo { width: 28px; height: 28px; background-image: url('../icon/social-weibo.svg'); }
.icon-social-bilibili { width: 28px; height: 28px; background-image: url('../icon/social-bilibili.svg'); }
.icon-sm { width: 18px; height: 18px; }
.icon-md { width: 24px; height: 24px; }
.icon-lg { width: 36px; height: 36px; }
.icon-xl { width: 48px; height: 48px; }