@charset "UTF-8";
/** 由于允许自定义SVG插入, 样式不能是scoped的, 否则匹配不上 */
@font-face {
  font-family: "be-iconfont-bilifont";
  src: url("//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf") format("truetype");
}
@font-face {
  font-family: "be-iconfont-vanfont";
  src: url("//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.6401a86.ttf") format("truetype");
}
.be-icon {
  color: inherit;
  fill: inherit;
  stroke: inherit;
  font-size: var(--size);
  font-style: normal;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
}
.be-icon.be-iconfont-logo::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-profile::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-posts::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-wallet::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-live-center::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-order-center::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-course::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-logout::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-ok::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-cancel::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-bind-phone::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-bind-email::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-coin-outline::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-b-coin::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-b-coin-outline::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-activity::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-feeds::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-message::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-favorites-outline::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-history::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-vip::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-up-outline::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-play-triangle::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-refresh::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-eye::before {
  font-family: "be-iconfont-bilifont" !important;
  content: "";
}
.be-icon.be-iconfont-coin::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-favorites::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-play::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-danmaku::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-like::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-like-outline::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-dislike-outline::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-comment-outline::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-up::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-left-arrow::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-right-arrow::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-up-arrow::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-down-arrow::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-close::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-search::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-upload::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
}
.be-icon.be-iconfont-lv0::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
  color: #9a9a9a;
}
body.dark .be-icon.be-iconfont-lv0::before {
  color: #777;
}
.be-icon.be-iconfont-lv1::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
  color: #646464;
}
body.dark .be-icon.be-iconfont-lv1::before {
  color: #ddd;
}
.be-icon.be-iconfont-lv2::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
  color: #1bc861;
}
.be-icon.be-iconfont-lv3::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
  color: #22baea;
}
.be-icon.be-iconfont-lv4::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
  color: #eaa722;
}
.be-icon.be-iconfont-lv5::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
  color: #ff7631;
}
.be-icon.be-iconfont-lv6::before {
  font-family: "be-iconfont-vanfont" !important;
  content: "";
  color: #ff3131;
}
.be-icon:not(.colored) svg, .be-icon:not(.colored) svg path {
  fill: inherit;
  stroke: inherit;
  stroke-width: 0;
}
.be-icon .custom-icon {
  display: flex;
}
.be-icon .custom-icon > svg {
  width: var(--size);
  height: var(--size);
}