/*!
 * portrait/0.57.0/index.css, 2026/1/7 下午11:03:12
 *
 */
.state-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.state-container .state-empty {
  margin-bottom: 11px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.state-container .state-empty img {
  display: block;
  height: 100%;
  max-width: 200px;
  max-height: 140px;
  margin-right: auto;
  margin-bottom: 12px;
  margin-left: auto;
  object-fit: contain;
}
.state-container .state-empty .text-message {
  color: #99a0aa;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}
.state-container .state-empty .ic-loading {
  display: inline-block;
  width: 46px;
  height: 46px;
}
.state-container .text-title-ngad {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #48505a;
  text-align: center;
  font-weight: 500;
  margin-bottom: 8px;
}
.state-container .refresh-btn {
  margin-top: 16px;
  height: 36px;
  text-align: center;
}
.state-container .refresh-btn button {
  width: 100px;
  height: 36px;
  background-color: rgba(0, 38, 154, 0.05);
  border: none;
  outline: none;
  font-size: 14px;
  color: #00269a;
  font-weight: 400;
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
  .open-app-footer-container {
    padding-bottom: 14px !important;
  }
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .open-app-footer-container {
    padding-bottom: 14px !important;
  }
}
.open-app-footer-container {
  position: relative;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 16px;
  background-color: #fff;
  border-top: 1px solid #f5f6f7;
  margin-bottom: 0;
}
.open-app-footer-container .img {
  width: 40px;
  height: 40px;
}
.open-app-footer-container-text {
  margin-left: 12px;
  flex: 1;
}
.open-app-footer-container-text_name {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #0d141e;
}
.open-app-footer-container-text_desc {
  font-size: 12px;
  line-height: 18px;
  color: #99a0aa;
}
.open-app-footer-container .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 28px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  background-color: #20269a;
}
.open-app-footer.ios-height {
  height: 64px !important;
}

.custom-prism-replay-layer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.custom-prism-replay-layer .custom-prism-replay-content {
  padding: 7px 12px;
  border: none;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  background: rgba(0, 0, 0, 0.5);
}
.custom-prism-replay-layer .img-refresh {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.custom-prism-live-outter-layer {
  position: relative;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
.landscape-mode .custom-prism-live-outter-layer,
.fluid-mode .custom-prism-live-outter-layer {
  height: 100%;
}
.live-mask-layer {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.live-mask-layer .live-mask-layer-container {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0 16px;
  max-width: 100%;
  box-sizing: border-box;
}
.live-mask-layer .live-mask-layer-container .live-mask-layer-title {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  max-width: 100%;
  margin-bottom: 10px;
}
.live-mask-layer .live-mask-layer-container .live-mask-layer-tips {
  margin-bottom: 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  font-weight: 400;
  max-height: 40px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.live-mask-layer .live-mask-layer-container .live-mask-layer-open-btn {
  background: rgba(0, 0, 0, 0.5);
  padding: 7px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  line-height: 18px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 13px;
}
.live-mask-live-cover {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.live-mask-live-cover-mask {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.custom-prism-live-end .prism-player {
  display: none;
}

.custom-prism-live-forbidden .prism-player {
  display: none;
}

.custom-prism-live-preview-end .prism-player {
  display: none;
}

.live-will-start-footer {
  position: relative;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  background-color: #305fff;
}
.live-will-lottie-box {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.live-will-time-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  box-sizing: border-box;
}
.live-will-time-box .time-clock {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
}
.live-will-time-box .time-clock > span {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 1px;
}
.live-will-time-box .time-unit {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
}
.live-will-time-box .time-unit > span {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 1px;
  padding: 0 0 0 4px;
}
.live-will-time-box .book-btn {
  height: 28px;
  line-height: 28px;
  background: #fff;
  letter-spacing: 0px;
  font-size: 12px;
  color: #002FA7;
  text-align: center;
  font-weight: 500;
  padding: 0 12px;
  box-sizing: border-box;
}
.live-will-time-box .willstart-date {
  font-size: 22px;
  color: #FFFFFF;
  line-height: 30px;
  font-weight: 900;
  margin-right: 2px;
}

.custom-prism-live-will-start-show-text .prism-player {
  display: none;
}
.custom-prism-live-will-start .custom-prism-live-will-start-layer,
.custom-prism-live-will-start-prediction-video .custom-prism-live-will-start-layer {
  position: relative;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
  padding-top: 56.25%;
}
.custom-prism-live-will-start-has-footer {
  position: relative;
}
.custom-prism-live-will-start-has-footer .custom-prism-live-will-start-layer {
  position: relative;
  height: 56px;
  overflow: hidden;
}
.custom-prism-live-will-start-block .prism-player {
  display: none;
}
.custom-prism-live-will-start-block .custom-prism-live-will-start-layer {
  padding-top: 0 !important;
  max-width: 200px;
  margin: auto;
}
.custom-prism-live-will-start-block .custom-prism-live-outter-layer {
  position: relative;
  background: #1E2738;
  height: auto !important;
}

.custom-prism-live-block .loading-center,
.custom-prism-live-block .custom-control-bar-root,
.custom-prism-live-block .custom-default-control-root {
  display: none;
}
.custom-prism-live-block .prism-player {
  display: none;
}
.custom-prism-live-block-layer .live-mask-layer-container {
  width: 200px;
  height: 64px;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
}
.custom-prism-live-block-layer .live-mask-layer-tips {
  margin-top: 0;
}

.custom-prism-vr-not-supported .prism-player {
  display: none;
}

.custom-prism-live-default {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.custom-prism-live-default-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
}
.portrait-mode .custom-prism-live-default-cover {
  height: 100%;
  object-fit: contain;
  filter: blur(15px);
}

.live-mask-layer.custom-prism-live-block-layer {
  background: #1E2738;
}
.live-mask-layer.custom-prism-live-block-layer .live-mask-layer-container {
  width: 200px;
  height: 64px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
  justify-content: center;
}
.live-mask-layer.custom-prism-live-block-layer .live-mask-layer-tips {
  margin-top: 0;
}
.custom-prism-live-error .prism-player {
  display: none;
}

html,
body {
  height: 100%;
}
.player-container {
  position: relative;
  z-index: 1;
}
.portrait-mode .prism-player {
  width: 100%;
  background-color: transparent;
}
.portrait-mode .prism-player video {
  width: 100%;
  transition: opacity 0.5s;
  object-position: center 25%;
}
.landscape-mode.player-ready .prism-cover,
.portrait-mode.player-ready .prism-cover,
.fluid-mode.player-ready .prism-cover {
  display: block;
}
.landscape-mode .prism-player .prism-cover,
.portrait-mode .prism-player .prism-cover,
.fluid-mode .prism-player .prism-cover {
  background-size: contain;
}
.landscape-mode .prism-player .custom-portrait-bg,
.portrait-mode .prism-player .custom-portrait-bg,
.fluid-mode .prism-player .custom-portrait-bg {
  height: 100%;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(15px);
}
.landscape-mode .prism-player video,
.portrait-mode .prism-player video,
.fluid-mode .prism-player video {
  object-fit: contain;
  z-index: 10;
}
.landscape-mode .prism-player .prism-loading,
.portrait-mode .prism-player .prism-loading,
.fluid-mode .prism-player .prism-loading {
  width: 32px;
  height: 32px;
}
.landscape-mode .prism-player .prism-loading.loading-center,
.portrait-mode .prism-player .prism-loading.loading-center,
.fluid-mode .prism-player .prism-loading.loading-center {
  z-index: 1000;
}
.landscape-mode .prism-player .prism-loading .circle,
.portrait-mode .prism-player .prism-loading .circle,
.fluid-mode .prism-player .prism-loading .circle {
  border: none;
  background-size: cover;
  background-repeat: no-repeat;
  border-color: transparent;
  width: 32px;
  height: 32px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAEeklEQVR4Ae2bvWsUQRjG76KtCEnhFwipVASLFGL+AYs0Wlt4KdMK/hmB2GojFkkX1AgWlmlsIgQb0dIimiIgWGjE5Pw9cQ8ua/ad2dvZ3blzXnjY231n3o9nd2fn6zqdJImBxEBiIDGQGEgMJAb+Twa6baTd7/dP4fcGuAaugMvgTAYOne8ZPnP8CD6A991u94DjZAqkTIMlsAG+gbKiOqorG9MTwxLJzIF1sA9CiWzJ5tzYEkXws2AVHIK6RLblY3ZsiCLYGbACQj4xmDNFvuRzJmqiCHAefAVtiXzPR0kSgfXAT9C2KIZeNCQRzBRYrsjKAfV3wBZ4l/3WtSqimKZaJUoBgOcjZPGFOk/AArgI1C86JrqW6VRGZVWnrCi29kjCedknR59mtVOlO6iqk9WVjTKyfIz5pk6IsFciyk3K3goVm2wB2fSVZtskotJT4NMg/6Dc/VDE5O3INpAPlyjWZr5uOFI/x+dTrkb3Zj6p0OfyAeTLJYq5/n4STtQhc8k2BS6FJqPInnwB+XTJSpGNINfxruGDeq2W6G42Rs4gMfkEridJsdc3LMG4xj2WqD2o/bUakJI/yjdwtUmr+XpBznGsUblr4Flbg+ybBDGq4bZEOYSfBcCoq/+x6ZtE3eWI1dUFWA8aAw6ngavtCdbPqRo8saqfZIlyCTfphrElyxu6sHekKkPUV0yOmJcCuPlrAkea6rSkmU5YiYwIdt4KGN1GCXPFRTGkQaM1h6xBZOmxVbHHMBrFBKwBrnL6Z5Cc9+4z0tXqw9l8xaHzDVYb+kPnUfzMYnplBKOclJspPgRpacaSl5ayZd0Lh39Xbh0fgrRuZcm2pWxZ54rNlZsXQVrUK5JDFLtFygiuKzbFWCRWbkd1fJ4grXgWyW7Mq51ZbNYNtHI7yrkqQTtFzEV03YoxCEFWrtF93k8I9tMJ1waX9gY/io4+T5A2EhTJhSJFRNffGLFYOqPakIrO1FNQJFqacXa2hsw1/pP41GE8aSSga8434LRHxJ+NMnoCzwHrPTeq169ShxG5gydN3N/OPOrJeSZddj76AeP35MGQhdGtx1/Tpw3S5iVL7lrKidfx5IzlYDXUjXE+QVlna9NweB5dNJNlRpwjqZwEZVZfO6w/dOgnW81rNlZTrq3cDUhyTWFar2ErMTfqFILmQPTLPo2SkncGQVEvHObjbfwcgqJdem6cjCKHkBTd5oWiWFu5DkFRbX9phQSXU0jSmlPrG6hccbaqh6Ae8JWgW/BaTbyMc9hpbBNnmbiiKQtBU2DUbcCPqVu4DTiaJKsGkpFU9kmi2jH5zZl2h22BNbAInLN9VWNvtD4J9YBPw00xL/GaEm00yarOSFtfN58dsF4MUWixakxV6/tOd3j5Ye7oLQWvg0fgl1clu9BgDtkuVaM2KEGKE5L2wAN+XgVroPrEOEYmVnhNNAugqZJ9UFYWJ5aYfGIwo0k3beVT42ttyEJ9JFE00q18Sknf+lu4loPDrVvl71Q6TwwkBhIDiYHEQGIgMZAY8GLgDxn/PIO8wrcWAAAAAElFTkSuQmCC);
}
.landscape-mode .prism-player video,
.portrait-mode .prism-player video,
.fluid-mode .prism-player video {
  left: 0;
  top: 0;
  transform: translate(0, 0);
}
.custom-prism-live-will-start-prediction-video .prism-fullscreen.prism-player {
  padding-top: 0;
}
.custom-prism-live-will-start-prediction-video.custom-prism-live-will-start-has-footer .custom-prism-live-outter-layer {
  background-image: none !important;
}
.landscape-mode .prism-fullscreen.prism-player,
.fluid-mode .prism-fullscreen.prism-player {
  padding-top: 0;
}
.landscape-mode .prism-player,
.fluid-mode .prism-player {
  background: #1E2738;
}
.landscape-mode .prism-loading.loading-center,
.fluid-mode .prism-loading.loading-center {
  top: 50%;
}
.portrait-mode .prism-cover {
  z-index: 10;
  background-size: contain;
  background-position: 0 25%;
}
.portrait-mode .prism-fullscreen.prism-player .prism-cover {
  display: none !important;
}
.portrait-mode .prism-fullscreen.prism-player video {
  object-position: center;
}
.portrait-mode .prism-loading.loading-center {
  top: 50%;
  transform: translate(-50, -50%);
}
.custom-prism-player-once-played .prism-player video {
  opacity: 1;
}
.custom-prism-player-ended .prism-cover,
.custom-prism-player-ended .custom-play-btn,
.custom-prism-player-ended .custom-prism-duration-badge {
  display: block !important;
}
.custom-prism-player-ended .custom-control-bar-root {
  display: none;
}
.custom-prism-player-ended .custom-default-control-root {
  display: block !important;
}
.custom-prism-player-ended .custom-play-btn {
  display: flex !important;
}

.custom-prism-preview .custom-prism-duration {
  display: none !important;
}
.custom-prism-vod.custom-prism-player-once-played .custom-prism-preview-tips {
  display: none !important;
}
.custom-prism-live-preview-end .prism-player .prism-controlbar {
  display: none !important;
}

.custom-control-bar-root {
  position: absolute;
  width: 100%;
  height: 48px;
  bottom: 0;
  z-index: 1000;
}
.custom-prism-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s,
  opacity 1s;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 98%);
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
}
.custom-prism-control-bar.custom-prism-control-bar-useractive {
  opacity: 1;
}
.custom-prism-control-bar button {
  outline: 0;
  user-select: none;
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.custom-prism-control-bar .custom-prism-control-bar button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-prism-control-bar .custom-prism-control {
  cursor: pointer;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 40px;
  flex: none;
}
.custom-prism-control-bar .custom-prism-icon-placeholder {
  font-weight: normal;
  font-style: normal;
}
.custom-prism-control-bar .custom-prism-icon-placeholder::before {
  position: absolute;
  display: inline-block;
  content: ' ';
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.custom-prism-control-bar .custom-prism-play-control.custom-prism-playing .custom-prism-icon-placeholder::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNTIzODY4NDQyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc2OTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTE5MiAxMjhoMTcwLjY2NjY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDIxLjMzMzMzMyAyMS4zMzMzMzN2NzI1LjMzMzMzNGEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIxLjMzMzMzMyAyMS4zMzMzMzNoLTE3MC42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0yMS4zMzMzMzMtMjEuMzMzMzMzdi03MjUuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzLTIxLjMzMzMzM3ogbTQ2OS4zMzMzMzMgMGgxNzAuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzIDIxLjMzMzMzM3Y3MjUuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEtMjEuMzMzMzMzIDIxLjMzMzMzM2gtMTcwLjY2NjY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIxLjMzMzMzMy0yMS4zMzMzMzN2LTcyNS4zMzMzMzRhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMSAyMS4zMzMzMzMtMjEuMzMzMzMzeiIgcC1pZD0iNzY5OSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
}
.custom-prism-control-bar .custom-prism-play-control .custom-prism-icon-placeholder::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNTIzODQxMzYxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0OTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkwOS43Mzg2NjcgNTMwLjA5MDY2N0wyODguNjQgOTE4LjI3MkEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDI1NiA5MDAuMTgxMzMzVjEyMy44MTg2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMSAzMi42NC0xOC4wOTA2NjdsNjIxLjA5ODY2NyAzODguMTgxMzMzYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMCAzNi4xODEzMzR6IiBwLWlkPSI3NDk5IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+);
}
.custom-prism-control-bar .custom-prism-time-control {
  display: flex;
  align-items: center;
  flex: none;
  font-size: 10px;
  line-height: 30px;
  min-width: 20px;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.custom-prism-control-bar .custom-prism-current-time-display {
  font-size: 12px;
}
.custom-prism-control-bar .custom-prism-duration-display {
  font-size: 12px;
}
.custom-prism-control-bar .custom-prism-icon-placeholder::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNTIzODIxNDM4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjcyOTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTIxMy4yOTA2NjcgMjEzLjMzMzMzM3YxNTEuMzgxMzM0bC0wLjM0MTMzNCAxLjc5MmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIwLjk5MiAxNy40OTMzMzNoLTQyLjY2NjY2NmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIxLjIwNTMzNC0xOS4yTDEyOCAxNDkuMzMzMzMzYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzLTIxLjMzMzMzM2gyMTMuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzIDIxLjMzMzMzM3Y0Mi42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0yMS4zMzMzMzMgMjEuMzMzMzMzSDIxMy4yOTA2Njd6IG0wIDU5Ny4zMzMzMzR2LTE1MS4zODEzMzRsLTAuMzQxMzM0LTEuNzkyYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAtMjAuOTkyLTE3LjQ5MzMzM2gtNDIuNjY2NjY2YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAtMjEuMjA1MzM0IDE5LjJMMTI4IDg3NC42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMCAyMS4zMzMzMzMgMjEuMzMzMzMzaDIxMy4zMzMzMzRhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMCAyMS4zMzMzMzMtMjEuMzMzMzMzdi00Mi42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMC0yMS4zMzMzMzMtMjEuMzMzMzMzSDIxMy4yOTA2Njd6TTgxMC43MDkzMzMgMjEzLjMzMzMzM3YxNTEuMzgxMzM0bDAuMzQxMzM0IDEuNzkyYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAgMjAuOTkyIDE3LjQ5MzMzM2g0Mi42NjY2NjZhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMCAyMS4yMDUzMzQtMTkuMkw4OTYgMTQ5LjMzMzMzM2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwLTIxLjMzMzMzMy0yMS4zMzMzMzNoLTIxMy4zMzMzMzRhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMC0yMS4zMzMzMzMgMjEuMzMzMzMzdjQyLjY2NjY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwIDIxLjMzMzMzMyAyMS4zMzMzMzNoMTQ5LjM3NnogbTAgNTk3LjMzMzMzNHYtMTUxLjM4MTMzNGwwLjM0MTMzNC0xLjc5MmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDIwLjk5Mi0xNy40OTMzMzNoNDIuNjY2NjY2YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMjA1MzM0IDE5LjJMODk2IDg3NC42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0yMS4zMzMzMzMgMjEuMzMzMzMzaC0yMTMuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEtMjEuMzMzMzMzLTIxLjMzMzMzM3YtNDIuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzLTIxLjMzMzMzM2gxNDkuMzc2eiIgcC1pZD0iNzI5OSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
  background-size: 24px 24px;
}
.custom-prism-control-bar .custom-prism-quality-selector-btn {
  font-size: 12px;
  font-weight: bold;
  width: auto;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 4px;
}
.custom-prism-control-bar .custom-prism-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 40px;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
.custom-prism-control-bar .custom-prism-progress-holder {
  margin: 0 10px;
  flex: auto;
  transition: all 0.2s;
  height: 3px;
}
.custom-prism-control-bar .custom-prism-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  user-select: none;
  background-color: rgba(115, 133, 159, 0.5);
}
.custom-prism-control-bar .custom-prism-load-progress {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(115, 133, 159, 0.5);
}
.custom-prism-control-bar .custom-prism-load-progress div {
  position: absolute;
  left: 0%;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(115, 133, 159, 0.75);
}
.custom-prism-control-bar .custom-prism-progress-holder .custom-prism-play-progress,
.custom-prism-control-bar .custom-prism-progress-holder .custom-prism-load-progress,
.custom-prism-control-bar .custom-prism-progress-holder .custom-prism-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.custom-prism-control-bar .custom-prism-progress-holder .custom-prism-play-progress {
  width: 0;
  background-color: #305fff;
  max-width: 100%;
}
.custom-prism-control-bar .custom-prism-play-progress::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: -4.5px;
  top: -4px;
  z-index: 999;
  content: ' ';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAkCAYAAAD/yagrAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAJAAAAABrKhtqAAABqElEQVRYCdWYPU4DMRCFbRQIfZSCbm9AEcSegTLKAdLQcR46KDhAGlJwhkRQcINUUETpE0CY9xYbLZJh40wg4ye9eHfjn2/H6/0ZayJyzvVweACXcAF34La3RbkNOXSy8l6gnMETeGStfUD5swDYhW/hXYsM3Sgp/ijhp10T1sYnC2e0UjWNOED6R/jo87Ca32eQHONSmO95pGuU2iCJRiayGYtocuHcc0exThhRrm7tGhD064JVTFsStFAMGNAKgvJmrl0dgh5qpwRfm6v+HRvbeiz+1Tk7RlQ7JE/eEjQLZQPakoTzcmTMzZ0xr2+/97KPUYZnxlwIHi1cTHwv3Ein582QoWPCTq/CXnopmvqmSNZxUurW24VtEWjo5D9KESinc12l1I31KQLlAlkHgHVYVyLRYpIMnNpWFNHUwST1swLd+D4qiVBi2+qlhEkA7Vpx6rMBZTpFuxaM6Ew7JRkJysSUdk3ySUD4FN9YcUjHZMwrScZsGSLah5k90yKy9D3bdya87KtN5EY/lQHcwynwC6eeGmei4gCOtsHxVPHR/QIv4cbU+AfJNQwQEmwOJgAAAABJRU5ErkJggg==);
  background-size: contain;
  background-repeat: no-repeat;
}
.custom-prism-control-bar .custom-prism-duration-display,
.custom-prism-control-bar .custom-prism-current-time-display {
  font-weight: normal;
  font-style: normal;
  word-break: initial;
}
.custom-prism-control-bar-live .custom-prism-current-time,
.custom-prism-control-bar-live .custom-prism-progress-control,
.custom-prism-control-bar-live .custom-prism-duration,
.custom-prism-control-bar-live .custom-prism-volume-control,
.custom-prism-control-bar-live .custom-prism-playback-rate {
  display: none;
}
.prism-fullscreen .custom-prism-icon-placeholder::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNTIzODE0NTg5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjcyMDQiIGlkPSJteF9uXzE2ODM1MjM4MTQ1OTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTcyNS4yOTA2NjcgMjk4LjY2NjY2N1YxNDcuMjg1MzMzbC0wLjM0MTMzNC0xLjc5MmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwLTIwLjk5Mi0xNy40OTMzMzNoLTQyLjY2NjY2NmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwLTIxLjIwNTMzNCAxOS4yTDY0MCAzNjIuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAgMjEuMzMzMzMzIDIxLjMzMzMzM2gyMTMuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAgMjEuMzMzMzMzLTIxLjMzMzMzM3YtNDIuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAtMjEuMzMzMzMzLTIxLjMzMzMzM2gtMTQ5LjM3NnogbTAgNDI2LjY2NjY2NnYxNTEuMzgxMzM0bC0wLjM0MTMzNCAxLjc5MmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIwLjk5MiAxNy40OTMzMzNoLTQyLjY2NjY2NmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIxLjIwNTMzNC0xOS4yTDY0MCA2NjEuMzMzMzMzYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzLTIxLjMzMzMzM2gyMTMuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzIDIxLjMzMzMzM3Y0Mi42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0yMS4zMzMzMzMgMjEuMzMzMzMzaC0xNDkuMzc2ek0yOTguNzA5MzMzIDI5OC42NjY2NjdWMTQ3LjI4NTMzM2wwLjM0MTMzNC0xLjc5MkEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDMyMC4wNDI2NjcgMTI4aDQyLjY2NjY2NmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDIxLjIwNTMzNCAxOS4yTDM4NCAzNjIuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEtMjEuMzMzMzMzIDIxLjMzMzMzM2gtMjEzLjMzMzMzNGEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIxLjMzMzMzMy0yMS4zMzMzMzN2LTQyLjY2NjY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDIxLjMzMzMzMy0yMS4zMzMzMzNoMTQ5LjM3NnogbTAgNDI2LjY2NjY2NnYxNTEuMzgxMzM0bDAuMzQxMzM0IDEuNzkyYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAgMjAuOTkyIDE3LjQ5MzMzM2g0Mi42NjY2NjZhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMCAyMS4yMDUzMzQtMTkuMkwzODQgNjYxLjMzMzMzM2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwLTIxLjMzMzMzMy0yMS4zMzMzMzNoLTIxMy4zMzMzMzRhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMC0yMS4zMzMzMzMgMjEuMzMzMzMzdjQyLjY2NjY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwIDIxLjMzMzMzMyAyMS4zMzMzMzNoMTQ5LjM3NnoiIHAtaWQ9IjcyMDUiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=);
  background-size: 24px 24px;
}
.custom-prism-play-control {
  order: 1;
}
.custom-prism-current-time {
  order: 2;
}
.custom-prism-progress-control {
  order: 3;
}
.custom-prism-duration {
  order: 4;
}
.prism-quality-selector-btn {
  order: 5;
}
.custom-prism-volume-control {
  order: 6;
}
.custom-prism-playback-rate {
  order: 7;
}
.custom-prism-fullscreen-control {
  order: 20;
}
.custom-prism-live-will-start-show-text .custom-default-control-root {
  display: none;
}
.custom-control-bar-root {
  /* 音量控件样式 */
  /* 音量图标 */
  /* 音量面板 */
  /* 音量滑块 */
  /* 倍速控件样式 */
  /* 倍速菜单 */
  /* hover 和 menu-open 状态都显示菜单 */
}
.custom-control-bar-root .custom-prism-volume-control {
  display: flex;
  align-items: center;
  position: relative;
}
.custom-control-bar-root .custom-prism-volume-button {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.custom-control-bar-root .custom-prism-icon-volume-high::before,
.custom-control-bar-root .custom-prism-icon-volume-low::before {
  display: block;
  content: ' ';
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPjIuaWNvbi8zLuaSreaOpy9pY29uX2Nfdm9sdW1lMjwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMi5pY29uLzMu5pKt5o6nL2ljb25fY192b2x1bWUyIj4KICAgICAgICAgICAgPHJlY3QgaWQ9Imljb24tYXJlYSIgZmlsbC1ydWxlPSJub256ZXJvIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNMTEwLjQ1NjgsMjEuOTg1NzAyIEMxMTIuNTAyMjk5LDIxLjk4NTcwMiAxMTQuMjAzNTM2LDIzLjQ1OTY2MTcgMTE0LjU1NjMzNiwyNS40MDM0MDUxIEwxMTQuNjIzNDY3LDI2LjE1MjM2ODcgTDExNC42MjM0NjcsMTczLjg0Njc3IEMxMTQuNjIzNDY3LDE3NC41NzE4NSAxMTQuNDM0MjUzLDE3NS4yODQzNzkgMTE0LjA3NDUyNywxNzUuOTEzOTMzIEMxMTMuMDU5NzE1LDE3Ny42ODk5NDcgMTEwLjkzNTkyNywxNzguNDM1Nzk0IDEwOS4wNzMyMzIsMTc3Ljc3Nzc4NSBMMTA4LjM4OTYzNywxNzcuNDY0NDk2IEw0NS43NDAxMzMzLDE0MS42NjY2NjcgTDEwLjQ1NjgsMTQxLjY2NjY2NyBDOC40MTEzMDA5MiwxNDEuNjY2NjY3IDYuNzEwMDYzNTcsMTQwLjE5MjcwNyA2LjM1NzI2MzksMTM4LjI0ODk2NCBMNi4yOTAxMzMzMiwxMzcuNSBMNi4yOTAxMzMzMiw2Mi41IEM2LjI5MDEzMzMyLDYwLjQ1NDUwMDkgNy43NjQwOTI5OSw1OC43NTMyNjM2IDkuNzA3ODM2MzksNTguNDAwNDYzOSBMMTAuNDU2OCw1OC4zMzMzMzMzIEw0NS43MjM0NjY3LDU4LjMzMzMzMzMgTDEwOC4zOTAwMTQsMjIuNTM0NDI2NiBDMTA5LjAxOTQ3NywyMi4xNzQ4MzkgMTA5LjczMTg2NywyMS45ODU3MDIgMTEwLjQ1NjgsMjEuOTg1NzAyIFogTTE2NC4yNjQ2OTcsMjUuOTY0OTkxMyBMMTY0Ljk0NzE4MywyNi41NTY0NDAyIEwxNjYuODc1MjYxLDI4LjY2NTQxOSBDMTY3LjQ0MjA0OCwyOS4yOTg0NDY0IDE2Ny45MzI5MjcsMjkuODYxNTA4IDE2OC4zNDc5MDEsMzAuMzU0NjA0MSBDMjAxLjEwMDMxMyw2OS4yNzI5Njc1IDIwMi4xMzA0MDYsMTI1LjgxMjU2MiAxNzEuNDM4MTgsMTY1LjgzOTMzMyBMMTY5LjcwMDQyLDE2OC4wNDU4MzcgQzE2OC44MDIxNDEsMTY5LjE1NjU1MyAxNjcuMjEzNTczLDE3MC45NTI4MzggMTY0LjkzNDcxNiwxNzMuNDM0Njk0IEMxNjMuMzc4Mjc4LDE3NS4xMjk1NjkgMTYwLjc0MjU3NSwxNzUuMjQxOTU3IDE1OS4wNDc2MDUsMTczLjY4NTYyMyBMMTUzLjAzMTA4NywxNjcuNjc0NDU1IEMxNTEuNDU1ODc1LDE2Ni4xMDAyMjcgMTUxLjM5NzUxNywxNjMuNTY1Njg5IDE1Mi44OTgwOSwxNjEuOTIwMTU5IEwxNTUuMjMyMjgzLDE1OS4zMDk2ODUgQzE1Ni4yNzU3MjcsMTU4LjExNDY0OCAxNTcuMTMzNjkzLDE1Ny4wODQ5MTIgMTU3LjgwNjE4LDE1Ni4yMjA0NzYgQzE4My4zNjY0MDcsMTIzLjM2NDU1MSAxODMuNDU1MjMsNzcuMTEyNTY4MiAxNTguMDcyNjUsNDQuMTYzNTM4IEwxNTYuNDE3ODkzLDQyLjA3ODczMiBDMTU1Ljc2NDc1NCw0MS4yNzk4ODQyIDE1NC41OTU1OTUsMzkuOTYzMjczNSAxNTIuOTEwNDE2LDM4LjEyODg5OTkgQzE1MS40MDAxMjgsMzYuNDg0NzgzNiAxNTEuNDUzOTg5LDMzLjk0MjQ0NTMgMTUzLjAzMjYxLDMyLjM2MzgyNDYgTDE1OC45NDg5NjMsMjYuNDQ3NDcxNCBDMTYwLjM5NTIyOSwyNS4wMDA2NjgxIDE2Mi42NDA2MzMsMjQuODM5OTEyMiAxNjQuMjY0Njk3LDI1Ljk2NDk5MTMgTDE2NC4yNjQ2OTcsMjUuOTY0OTkxMyBaIE05Ny45NTY4LDQ3LjY5MTY2NjcgTDUwLjE2OTgzNyw3NSBMMjIuOTU2OCw3NSBMMjIuOTU2OCwxMjUgTDUwLjE2OTgzNywxMjUgTDk3Ljk1NjgsMTUyLjMgTDk3Ljk1NjgsNDcuNjkxNjY2NyBaIE0xMzkuMDg1MDE1LDUwLjA3MjQyMjQgTDEzOS4yMzk1NTMsNTAuMjM1NTI4MSBDMTQwLjcwOTg2Miw1MS44NzM2NTU1IDE0MS44NTI2MjcsNTMuMjIwODE3OSAxNDIuNjY3ODQ3LDU0LjI3NzAxNTUgQzE2My4wMjQyNzcsODAuNjUwNzgyOSAxNjMuNDEyMzM5LDExNy40Njc3NTYgMTQzLjgzMjAzMywxNDQuMjM5Njg5IEMxNDIuOTU4ODQ5LDE0NS40MzM1ODQgMTQxLjQyMjMzNiwxNDcuMjc1ODg1IDEzOS4yMjI0OTMsMTQ5Ljc2NjU5MiBDMTM3Ljg2ODM0NiwxNTEuMjk5NTc2IDEzNS42Mzc0NjYsMTUxLjU5ODkxNiAxMzMuOTQ3MTEzLDE1MC41NzY2NDkgTDEzMy4yNDU5NzMsMTUwLjA0NDI4NCBMMTI3LjI0NTk5NiwxNDQuMDQ3MTMyIEMxMjUuNzAzOTQ4LDE0Mi41MDUxMzIgMTI1LjYxMTc4MSwxNDAuMDM0OTQ3IDEyNy4wMzQ2MDcsMTM4LjM4MjMgQzEyOS4zNTk0MjYsMTM1LjY4MTk2NiAxMzEuMDY1NDY3LDEzMy40OTcxODYgMTMyLjE1MjcyOCwxMzEuODI3OTU4IEMxNDUuMjE1Njg3LDExMS43NzI5NDkgMTQ0LjY4MTcyOSw4NS40NDc1NDMyIDEzMC41NTA4NTQsNjUuOTA1MTQ3NCBMMTI5LjUyNTE4MSw2NC41ODMxNDc1IEMxMjguODkwMzIyLDYzLjgwMTYyNjkgMTI4LjA3MjQyOSw2Mi44MzkzMjUyIDEyNy4wNzE1MDMsNjEuNjk2MjQyNiBDMTI1LjYyNTkxMiw2MC4wNDU1MDQ0IDEyNS43MDgzMzUsNTcuNTU2NTQ2IDEyNy4yNTk4OTQsNTYuMDA0OTg3MSBMMTMzLjE5MjY0NCw1MC4wNzIyMzY4IEMxMzQuODE5OTEyLDQ4LjQ0NTM0MDQgMTM3LjQ1NzkzMyw0OC40NDUzNDA0IDEzOS4wODUwMTUsNTAuMDcyNDIyNCBaIiBpZD0i5b2i54q2IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
.custom-control-bar-root .custom-prism-icon-volume-mute::before {
  display: block;
  content: ' ';
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPjIuaWNvbi8zLuaSreaOpy9pY29uX2Nfdm9sdW1lMDwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMi5pY29uLzMu5pKt5o6nL2ljb25fY192b2x1bWUwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9Imljb24tYXJlYSIgZmlsbC1ydWxlPSJub256ZXJvIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNMTE0LjI3NTY3NywyMS45ODU3MDIgQzExNi4zMjExNzYsMjEuOTg1NzAyIDExOC4wMjI0MTMsMjMuNDU5NjYxNyAxMTguMzc1MjEzLDI1LjQwMzQwNTEgTDExOC40NDIzNDMsMjYuMTUyMzY4NyBMMTE4LjQ0MjM0MywxNzMuODQ2NzcgQzExOC40NDIzNDMsMTc0LjU3MTg1IDExOC4yNTMxMywxNzUuMjg0Mzc5IDExNy44OTM0MDMsMTc1LjkxMzkzMyBDMTE2Ljg3ODU5MiwxNzcuNjg5OTQ3IDExNC43NTQ4MDMsMTc4LjQzNTc5NCAxMTIuODkyMTA5LDE3Ny43Nzc3ODUgTDExMi4yMDg1MTMsMTc3LjQ2NDQ5NiBMNDkuNTU5MDEwMSwxNDEuNjY2NjY3IEwxNC4yNzU2NzY4LDE0MS42NjY2NjcgQzEyLjIzMDE3NzcsMTQxLjY2NjY2NyAxMC41Mjg5NDA0LDE0MC4xOTI3MDcgMTAuMTc2MTQwNywxMzguMjQ4OTY0IEwxMC4xMDkwMTAxLDEzNy41IEwxMC4xMDkwMTAxLDYyLjUgQzEwLjEwOTAxMDEsNjAuNDU0NTAwOSAxMS41ODI5Njk4LDU4Ljc1MzI2MzYgMTMuNTI2NzEzMiw1OC40MDA0NjM5IEwxNC4yNzU2NzY4LDU4LjMzMzMzMzMgTDQ5LjU0MjM0MzQsNTguMzMzMzMzMyBMMTEyLjIwODg5LDIyLjUzNDQyNjYgQzExMi44MzgzNTQsMjIuMTc0ODM5IDExMy41NTA3NDQsMjEuOTg1NzAyIDExNC4yNzU2NzcsMjEuOTg1NzAyIFogTTEwMS43NzU2NzcsNDcuNjkxNjY2NyBMNTMuOTg4NzEzNyw3NSBMMjYuNzc1Njc2OCw3NSBMMjYuNzc1Njc2OCwxMjUgTDUzLjk4ODcxMzcsMTI1IEwxMDEuNzc1Njc3LDE1Mi4zIEwxMDEuNzc1Njc3LDQ3LjY5MTY2NjcgWiBNMTQ3LjQyMjcwNiw3My40ODM0OTU3IEwxNjIuMTU0MDk3LDg4LjIxNDg4NyBMMTc2Ljg4NTQ4OCw3My40ODM0OTU3IEMxNzguNTEyNjczLDcxLjg1NjMxMTIgMTgxLjE1MDg2LDcxLjg1NjMxMTIgMTgyLjc3ODA0NSw3My40ODM0OTU3IEwxODguNjcwNjAxLDc5LjM3NjA1MjIgQzE5MC4yOTc3ODYsODEuMDAzMjM2OCAxOTAuMjk3Nzg2LDgzLjY0MTQyNDIgMTg4LjY3MDYwMSw4NS4yNjg2MDg3IEwxNzMuOTM5MjEsMTAwIEwxODguNjcwNjAxLDExNC43MzEzOTEgQzE5MC4yOTc3ODYsMTE2LjM1ODU3NiAxOTAuMjk3Nzg2LDExOC45OTY3NjMgMTg4LjY3MDYwMSwxMjAuNjIzOTQ4IEwxODIuNzc4MDQ1LDEyNi41MTY1MDQgQzE4MS4xNTA4NiwxMjguMTQzNjg5IDE3OC41MTI2NzMsMTI4LjE0MzY4OSAxNzYuODg1NDg4LDEyNi41MTY1MDQgTDE2Mi4xNTQwOTcsMTExLjc4NTExMyBMMTQ3LjQyMjcwNiwxMjYuNTE2NTA0IEMxNDUuNzk1NTIxLDEyOC4xNDM2ODkgMTQzLjE1NzMzNCwxMjguMTQzNjg5IDE0MS41MzAxNDksMTI2LjUxNjUwNCBMMTM1LjYzNzU5MywxMjAuNjIzOTQ4IEMxMzQuMDEwNDA4LDExOC45OTY3NjMgMTM0LjAxMDQwOCwxMTYuMzU4NTc2IDEzNS42Mzc1OTMsMTE0LjczMTM5MSBMMTUwLjM2ODk4NCwxMDAgTDEzNS42Mzc1OTMsODUuMjY4NjA4NyBDMTM0LjAxMDQwOCw4My42NDE0MjQyIDEzNC4wMTA0MDgsODEuMDAzMjM2OCAxMzUuNjM3NTkzLDc5LjM3NjA1MjIgTDE0MS41MzAxNDksNzMuNDgzNDk1NyBDMTQzLjE1NzMzNCw3MS44NTYzMTEyIDE0NS43OTU1MjEsNzEuODU2MzExMiAxNDcuNDIyNzA2LDczLjQ4MzQ5NTcgWiIgaWQ9IuW9oueKtiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}
.custom-control-bar-root .custom-prism-volume-panel {
  display: none;
  position: absolute;
  left: 35%;
  bottom: 70%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  padding: 12px 8px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.custom-control-bar-root .custom-prism-volume-panel::after {
  display: none;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(43, 51, 63, 0.95);
}
.custom-control-bar-root .custom-prism-volume-control:hover .custom-prism-volume-panel {
  display: block;
}
.custom-control-bar-root .custom-prism-volume-bar {
  width: 6px;
  height: 80px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}
.custom-control-bar-root .custom-prism-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #305fff;
  border-radius: 3px;
  height: 100%;
  transition: height 0.1s ease;
}
.custom-control-bar-root .custom-prism-control-handle {
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.custom-control-bar-root .custom-prism-volume-bar:hover .custom-prism-control-handle {
  display: block;
}
.custom-control-bar-root .custom-prism-playback-rate {
  position: relative;
}
.custom-control-bar-root .custom-prism-playback-rate-value {
  display: inline-block;
  height: 100%;
  cursor: pointer;
  min-width: 40px;
  text-align: center;
  font-size: 12px;
}
.custom-control-bar-root .custom-prism-menu {
  display: none;
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 4px;
  min-width: 80px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.custom-control-bar-root .custom-prism-menu::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(43, 51, 63, 0.95);
}
.custom-control-bar-root .custom-prism-playback-rate:hover .custom-prism-menu,
.custom-control-bar-root .custom-prism-playback-rate.custom-prism-menu-open .custom-prism-menu,
.custom-control-bar-root .custom-prism-playback-rate.custom-prism-menu-hover .custom-prism-menu {
  display: block;
}
.custom-control-bar-root .custom-prism-menu-content {
  display: flex;
  flex-direction: column-reverse;
  background: rgba(43, 51, 63, 0.95);
  border-radius: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-control-bar-root .custom-prism-menu-item {
  margin: 0;
  list-style: none;
}
.custom-control-bar-root .custom-prism-menu-item button {
  width: 100%;
  text-align: center;
  padding: 8px 16px;
  border-radius: 0;
  font-size: 13px;
  transition: background-color 0.2s ease;
}
.custom-control-bar-root .custom-prism-menu-item button:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.custom-control-bar-root .custom-prism-menu-item.custom-prism-selected button {
  background-color: #fff;
  color: #2b333f;
}

.portrait-mode .prism-fullscreen .custom-play-btn {
  top: 50%;
}
.custom-prism-live-preview-end .custom-default-control-root,
.custom-prism-live-forbidden .custom-default-control-root,
.custom-prism-live-block .custom-default-control-root {
  display: none;
}
.custom-play-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 32px;
  background: rgba(0, 0, 0, 0.5);
}
.custom-play-btn-outter {
  width: 18px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNTIzODQxMzYxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0OTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkwOS43Mzg2NjcgNTMwLjA5MDY2N0wyODguNjQgOTE4LjI3MkEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDI1NiA5MDAuMTgxMzMzVjEyMy44MTg2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMSAzMi42NC0xOC4wOTA2NjdsNjIxLjA5ODY2NyAzODguMTgxMzMzYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMCAzNi4xODEzMzR6IiBwLWlkPSI3NDk5IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+);
  background-size: contain;
  border: none;
  box-sizing: border-box;
}
.custom-prism-player-once-played .custom-default-control-root {
  display: none;
}
.custom-prism-player-ready .custom-default-control-root {
  display: block;
}
.custom-prism-player-ready .custom-prism-control-bar {
  display: none;
}
.custom-prism-player-ready .loading-center {
  display: none;
}

.custom-prism-duration-badge {
  border: 0;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  text-align: left;
  width: auto;
  background: linear-gradient(to, bottom, rgba(0, 0, 0, 0.5), black);
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-weight: bold;
  z-index: 1000;
}
.custom-prism-duration-badge .duration-badge-text {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 0;
  color: #fff;
}
.portrait-mode .custom-prism-duration-badge {
  display: none;
}
.custom-prism-player-once-played .custom-prism-duration-badge {
  display: none;
}

.custom-prism-live-end .custom-default-control-root {
  display: none;
}
.custom-default-control-root {
  display: none;
  position: absolute;
  width: 100%;
  height: 32px;
  bottom: 8px;
  z-index: 1001;
  padding-left: 8px;
  box-sizing: border-box;
}
.portrait-mode .custom-default-control-root {
  width: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-left: 0;
}

.live-status-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 0 4px;
}
.live-status-container-text {
  height: 100%;
  line-height: 100%;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}
.live-status-container.live-status-willstart {
  background: #305fff;
}
.live-status-container.live-status-willstart .live-status-container-text-icon {
  width: 40px;
  background-image: url(data:image/png;base64,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);
}
.live-status-container.live-status-live {
  background: #f22b41;
}
.live-status-container.live-status-live .live-status-container-text-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAWqADAAQAAAABAAAAHgAAAADkD3U+AAAIxElEQVRoBc2ZeYhVVRzHHcustFJTS2t0xpo0s0Uzy6IsrTQJsp1WS6hogzbCon+CgjbaKGyBMEOKEitazDbHyorIFittsVKzLLXFfUunz+dxz+POm3vfvW8GZ/rCx3PvOb9z3jm/8zu/cwer2lWohoaGXnQZA4fBVzC7qqrqB8oWiXGrGeBi6Ajz4DXG3UBZsRirik5d4ADoD+0ZazJls8WYB9H5QhgMy2AKY86izKUdc1k1NtIhI8EfnQ+rocWOZozeMBE6w1R4FzawwB0od4NOsAvsGj1r57v1PveAWhgAOrgnBK1jnEU4pj5UNKPsSp+hcCL8DG9BbhUczSSc5E45e9Vhp73aCB3ov0/hLfufTSx2ZbZZIwvHngyHR7Xto9KoVZZifSjdnFKdT0V9aWVrvYeIfpEfHAhJEyydSwcqRB0KT8C/vmRoK+2fgGmnEi3FeDEMA6M3TY7v6VoIS+AX+AlMQ568ddBmCo52AbtDHkfHJ6u9RzmPdEQ5RyWOwQnYxom5l8bnwfk6ziZYHz0PoZwEy2EK3AFGdg1cAnNhJeM0ULaZgqNdxBwIx7LchEbTWA1GtYv4FLZBlrQxworCgeZY0TF7RCVF4ULsRrvOWQPfwlo4HsaDc30AbPPSU9puxqFr6WaddtfAeeCcvbgbCTt/80ro2Kgh+aUP1f2iJsc/g/51yaZNah8Jjn6UJp3sgsvJiDRd1IKLfAnsm0c6onRDLqXuOtgZXGw4HafwPBz+hAk4by6L2sxzfzgKHOdN0OGOWxR2rqE7nAuu6X34DpLkJXsVeJqzpK/ChujosXBiVqeofWrB0SzE3FYQE/W2PhmM2FLZ1htcjAvX4eMgTebF142yFAMX6OnQ0XG5oWJ9J+akQ0wXX4NfOKaLY8BI1045Jx3RC04H5+nvPw67MIYnZz1z2UIZZB+jOo+jQx9L+zme5FF7OzQSExpGxTQIC4i3m5M7g6W50u9cHZ6m32gYw+J+TTLgt9yks8FN3ROOAzd/MXwBRvQH4KdkHeh4HaO9wSHW9QDno2Otc45GndH+O4TLejxzmcV7Qfy+m+zm6Wg37SFYBUnyNJ0Jg2A5vABzIElu+PVwSNTYvxDRJZbWdQUnW07B6eVsvLA8vml6j4b54IabkkwL/v48uAtWggs0SnVKXDpcgpyPDotHp+PaN6hcBP6D0TuwIhiXlH/zPiKqM8AMhBnRe2lhCjQ4ikpydLGRh3p4CtKOPk1N1IeaCRB2s4lBqCC6/uJZ2hFdRqC5VxmV39tOve/OwbQVpPOPBhdkdNWAi/cE7QtG90xYCHH9GH8peTalrOY3dXgTMQ99EE6G8zQNpdk6VjxFFaKnyaCxiqU8vwkFZ8Tqyz16tE4rZ1Bh2xLsJ4NBIcfCcDCC58KrcDe4OaYF043H1nnMhmmg45VR2SbKimgX9DBsqmB2RuaACuzTTKuIor40riByVvJsFI+C88HT8jZMhhA5OvMPMPp3h8vhaqiFZxjDTWkzZTnaY6jjCuc35ywd0yPdEnkxXgBeyO/j5L0pR8AQGAheXC/Cx3AoBHmkl8JzYKoZC+OgC2No6+X1DU7XrlWV5Wgvhm8gRE2eyRlNB4JfApUofmkeTEej1i+aY6AG6sB56Kwn4R0wRy6DqWBamIcTN+PUD6N30855cDGMgTfgCqjkhGLecmU5+kt+4gFYVcFP7YftDZDpaBxixGo/AIzYnUDtAxvhIzAyPf62eSFJDZhCqsAvCb9OvKgGMqbpQtmmrXPvDp4ST1ra6exK2wj6u2FJOojKblGDvzkI25OSDKnbGfzNorIc7cQ8tjokr3SMP1RWTFJH3AKmAh3dD4KjjcRn4V3whJwNo8H5nADHQV55aS4Dx3vZiE/p2If6G8FTkyTnUR01uCl+U6fNw9NpABWV5WiP63hIm1xxoNjDbjz3jr2nPeroi8DJ+xxf4Pe8T4JfoDPo4COgFozcdRDs3VQ310g1eleDcrF7gZv3M9wHppo06chhaY0l9R15PyCipCn5NcvRhr+XTdpxSxrVMXV2WXkhEdX1GB0Pf0UYIfb362FNdGmtxm4x734nqy9gOmijXPBNsB5mwExQbsBEMLIaGGsFZTm5eYsgbGCprafa0+3aDDxPSVqa8RT1BTevoCxHL8DKybuIvNoLw7HQ6OikdPYb9zOoBxeik4zgcjKtvAE/RkbDKa8F5/g5OKZynMsgax7bsJFv4WZw05M0mMor4Ehw056A1yFJ5vB74OjQmOXoHzCcAmk7F8aJlwfychhkLbAdUfZK6EjUuoA88pNzJPg7yvxuenBxB8OpoIzoLoWn9H820jQLTE3z4TPmlJhemJ8btwaUEb0IW09XE2Hrb88GT4lal+XoGoxO1xDyqjeGRvX2kulFSqUjJkTE24zWREXp5IzExhZUMq4beFt8iCxHD8N4aLxDzuf2Oe2aY7aeTl54XorKi2lP8B4x4taC8oLtAVlr1Ha7K2sS5iuT/tYKZuKx6QWZF2IFY8ZNZ/ByP3hBKgPhadD5T8JToMz5/iEzxJe2VpKjjYSgV3m4nqOQdkEEu2JJfhrEy4MwKqqMj1e0S3jIewrMj37GhTnpYNODGO2hXrsQ9Ty2rXbEMe68Ry/I4xYW7SVRHV0EoT2rNJo9zsqN7EX/wgv/+PA3G1c43tTb7iVmfS3sAKqcgw6n/VbQwWpvcJ6ONQ72B9UBanz4P8jJnQPhuJXO6SwqpLnSCR/HOm/g+QZ4LKo7ifJOMPr8itDp6iuwLkl1VOrM4u5FRq7FTz0JcuOM9DaXkzP/bmqlmfg78XyvQ/tCF9BxtsvbYBpI0nIqF4ObVk462c+97XVXlPvtJm06egE80qRl+1T4V9fXYWhSyFLSxxzeq6O69yinwwLa0iLxLdpvp31h1CexiNLdTBqPSjRo5cq8F1UrT6vxz+E0v2S6Qgfwm34Vji6Xx/2vMdfWE7wvtmDv11OzxXjd6Oyf+93B0/YdY/5KmUv/AaJXO7u6DHLVAAAAAElFTkSuQmCC);
}
.live-status-container.live-status-end {
  background: rgba(0, 0, 0, 0.5);
}
.live-status-container.live-status-end .live-status-container-text-icon {
  background-image: url(data:image/png;base64,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);
}
.live-status-container.live-status-vod {
  background: rgba(0, 0, 0, 0.5);
}
.live-status-container.live-status-vod .live-status-container-icon_lottie {
  display: none;
}
.live-status-container.live-status-vod .live-status-container-text {
  margin-left: 0;
}
.live-status-container.live-status-vod-text {
  margin-left: 0;
}
.live-status-container.live-status-vod .live-status-container-icon::after {
  width: 10px;
  height: 10px;
  content: '';
  margin-right: 2px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNTIzODQxMzYxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0OTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkwOS43Mzg2NjcgNTMwLjA5MDY2N0wyODguNjQgOTE4LjI3MkEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDI1NiA5MDAuMTgxMzMzVjEyMy44MTg2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMSAzMi42NC0xOC4wOTA2NjdsNjIxLjA5ODY2NyAzODguMTgxMzMzYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMCAzNi4xODEzMzR6IiBwLWlkPSI3NDk5IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+);
}
.live-status-container.live-status-vod .live-status-container-text-icon {
  width: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAeCAYAAACSRGY2AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAO6ADAAQAAAABAAAAHgAAAAAQTOlzAAAE6klEQVRYCd2YW6iVRRTH3WbetdLCW2Re8FJeoAeJIoouUEg+VETSDexB8EUj6UmJHhJ8MCIVAumlECIwCnxQJEErjMgSLE20xCITr2l57dj299t8I/t8e/b3zXfOEQ/+4X9mvpk1a2atWbNm9qn1uUFQr9dvwpTb4HQ4Dd4F19dqtV8oG+gXKr2lZNGuyYX3hwPh8Iy3UA6Gt8I74Fh4e1aOo5QjYEAHldlwXmjoh/JH+VgXGq5ReR69i/Dy9rx+5neRW+FIqJE1GGA90La+WYdt1i0dI0Kf9To8AwehfyLz/majXtRbE/y4hjiLbueJ4TCNf8JJMCw8Jtfc5q6dgsfhX008Qn0/3AetX4bnYAMhjPWQ+BH+BBXqLgzDGXAWDPpbdOJ1nF9fTodnTSP+g5fgxaweyrl8PwXV9ylcAX+H/0N30jVb+n1ZvZSdEIwNjRupvAudoLsYjoI3oItrCww1qjxr7lJwigs1LAdAnSbmwLuhjtCwydCxUaDXdg0/hOE/+5E3Vq+ep7PbxjLZzehyp8rwOALurMmoCDovGP4M9SeLhLM+HbMORo1NGN/jIoPQaHYtM7Z54iF8yDJo7NAglN/Z0N4o2Z3HqKQoDeNOUNlBZBg+qfD8fQubs2nz2Ff5eB4a6t/AD+FemAJj2QTWQKGxSHjmxsNwlhqDCv58T993sNRYHGlIPgHNwDI2xzDa74OWHjEzsLrHwhRo7GjmuodyV5mxkxCakqI1kzlGGVt0TIURsyrW0dTmudcwS428H7oejagC7/mlZcYGhbuprIGm+jweouFpODPfUfLtbk4tkWnuNsx9Mcmq8K4dmmrsSYQ9V42slpvJ59uDubaUz38Qmh8R9LpZDHWe69PBH8CDsKvwVtiZaqyTdJB4vN86gfPQ0tZJoP2HmXJTrltDn4PDYEhY+6hr6BFYJXyVNTl5tKyfq2Is8j0HHOcC/g4acZpXkFl3IfSxEIwdSf1FmHJnI3YVJrSPmWd/aLluxoYFWGKoR+El+DocDz3POsMF35uRIgk6yYR2Ae5oHnHdjcXQqSzoZfgKvBOGbH6Y+mfQMhU6yTe2kdCCVGMNsYltzuc4+uyvBHRplFebTz9D1yzrbrgrLvo03ApjSZHmKPrT6rhuGTsZBW/Cf2Eeo2kw9KrCX0RvwXlQA30wbIcPQA33fl0CXXwqDOFR7YTLdvYMA00iKim7R5WLOYPmKF6g9dms5xDlBrgSboYmpcHQkPTcpsJoGdBOuMzYzxmol8M5aqcntP9KJfUqWo+s96w7txZ+ROa8RHibmMRR+An8w49EGCE+DRfE5AuNZfJ3YoN6og3de7DrfXT5D4Ov+c47SSd8BffAVHhmPffVjU2doatyGPhewVivnC8K+it35XfWcPX/JKlhWzRhQ1eRQEmfLyzzQFfOrGe+BXljfaaZBS+2SFZvUNfVH87Vh/c5wJhlsMrVY3J6GK6GLcgbuxQJ2RvgT0BvAJ2WChPUlHbCeWM7EJQ9AcPYx0F+jlTd3t1vpwqnyLkQfxSHsN1CfRvMZ0aaKsOQeiSj+p2nCnS693YV5+tgd9d/zrVAY70bV2U9X1Jui1wDWXd6QZLT2B/gTmiyOQirYDfCr7EWr6YkZHPORXhDbICe6FVgwWNYkLujg05gbJVs7C8oX14+hHycnGa8r8AGrgBt8iBtbpU/VQAAAABJRU5ErkJggg==);
}
.live-status-container-text-icon {
  display: inline-block;
  width: 30px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.live-status-container-icon {
  position: relative;
  height: 100%;
  line-height: 100%;
}
.live-status-container-icon_lottie {
  height: 12px;
  position: relative;
  line-height: 18px;
}
.live-status-container-icon_lottie svg {
  width: auto !important;
}

.custom-prism-preview-countdown-info {
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 500;
  z-index: 1000;
  color: #fff;
  line-height: 14px;
  background: rgba(0, 0, 0, 0.5);
}
.custom-prism-preview-countdown-info.playing {
  right: 40px;
}
.custom-prism-live-preview-end .custom-prism-preview-countdown-info {
  display: none;
}

.live-watchcount-container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #ffffff;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  padding: 8px 12px;
}
.live-watchcount-container:not(:last-child) {
  margin-right: 8px;
}
.live-watchcount-container::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  content: '';
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.custom-partial-layer-root {
  position: relative;
  z-index: 2000;
  display: flex;
  right: 0;
  width: 100%;
  padding-left: 12px;
  box-sizing: border-box;
}
.live-status-box {
  position: absolute;
  z-index: 1000;
}
.first-row-live-tag-container {
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: -18px;
}
.second-row-live-tag-container {
  padding-bottom: 12px;
}
.live-tag-container {
  display: flex;
  width: 100%;
  padding-top: 18px;
  justify-content: space-between;
}
.right-live-tag-container {
  position: absolute;
  right: 12px;
  top: 18px;
  display: flex;
}
.right-live-tag-container > :last-child {
  margin-left: 8px;
}

.live-will-start-footer {
  position: relative;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  background-color: #305fff;
}
.live-will-lottie-box {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.live-will-time-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  box-sizing: border-box;
}
.live-will-time-box .time-clock {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
}
.live-will-time-box .time-clock > span {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 1px;
}
.live-will-time-box .time-unit {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
}
.live-will-time-box .time-unit > span {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 1px;
  padding: 0 0 0 4px;
}
.live-will-time-box .book-btn {
  height: 28px;
  line-height: 28px;
  background: #fff;
  letter-spacing: 0px;
  font-size: 12px;
  color: #002FA7;
  text-align: center;
  font-weight: 500;
  padding: 0 12px;
  box-sizing: border-box;
}
.live-will-time-box .willstart-date {
  font-size: 22px;
  color: #FFFFFF;
  line-height: 30px;
  font-weight: 900;
  margin-right: 2px;
}

.custom-prism-live-room-outer-layer {
  display: flex;
  align-items: flex-end;
  position: relative;
  background: #1E2738;
}
.custom-prism-live-room-outer-layer .live-will-start-footer {
  flex: 1;
}

.like-wrapper {
  position: relative;
}
.like-pic {
  display: inline-block;
  position: absolute;
  width: 36px;
  height: 36px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.like-wrapper .like-count {
  padding: 2px 5px;
  margin: 0;
  border: none;
  border-radius: 20px;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(0.8);
  font-size: 12px;
  text-align: center;
  line-height: 12px;
  font-weight: 400;
  border-radius: 8px;
  word-break: keep-all;
}
.like-wrapper .like-count.no {
  font-weight: 400;
  white-space: nowrap;
}
.like-wrapper .like-icon {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}

.comment-input-wrapper input {
  padding: 7px 12px;
  margin: 0;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  line-height: 22px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 103px;
  /* 设置最大宽度为 103px，必要时修改 */
}
.comment-input-wrapper .landscape-comment-input, .comment-input-wrapper .picture-comment-input {
  background-color: transparent;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}
.comment-input-wrapper .landscape-comment-input::placeholder, .comment-input-wrapper .picture-comment-input::placeholder {
  color: #222;
}
.comment-input-wrapper .portrait-comment-input {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.comment-input-wrapper .portrait-comment-input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.comment-input-wrapper input:disabled {
  opacity: 1;
}
.comment-input-wrapper input::placeholder {
  padding: 0;
  margin: 0;
  border: none;
}

.comment-like-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  height: 48px;
  display: flex;
  align-items: center;
  border-top: 1px solid #f5f5f5;
  margin-top: -1px;
}
.comment-like {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.comment-like > * {
  margin-right: 8px;
}
.comment-like > :last-child {
  margin-right: 0;
}
.comment-like-wrapper__comment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.comment-like-wrapper__comment > * {
  margin-right: 8px;
}
.comment-like-wrapper__comment > :last-child {
  margin-right: 0;
}
.comment-like .comment-input-container {
  flex: 1;
  box-sizing: border-box;
}
.comment-like-blank {
  height: 57px;
}

.clearBtn {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
}
.clearBtn img {
  width: 24px;
  height: 24px;
}
.clearBtnLike {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.3);
  /* 比如说是另一种背景色 */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clearBtnLike img {
  width: 24px;
  height: 24px;
}
.clearBtnSpecial {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: 0;
}
.clearBtnSpecial img {
  width: 24px;
  height: 24px;
}

.setBtn {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.setBtn img {
  width: 24px;
  height: 24px;
}
.setBtnSpecial {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
}
.setBtnSpecial img {
  width: 24px;
  height: 24px;
}
.setBtnEnabled {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
}
.setBtnEnabled img {
  width: 24px;
  height: 24px;
}
.red-bg {
  background-color: #4060f1;
}

.camera {
  padding: 0;
  margin: 0 12px;
}
.camera .cameraList {
  display: flex;
  overflow-x: auto;
}
.camera::-webkit-scrollbar {
  display: none;
}
.camera-container {
  position: relative;
  flex: none;
  box-sizing: border-box;
  width: 105px;
  height: 59px;
  margin-right: 4px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #f5f5f5;
}
.camera-container:last-child {
  margin-right: 0;
}
.camera-container img {
  width: 100%;
}
.camera-container .position {
  position: absolute;
  bottom: 0px;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 4px !important;
  padding-left: 8px;
  line-height: 18px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.camera-container .position-img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.camera-container .position .title {
  flex: 1 1 0%;
  overflow: hidden;
  color: #ffffff;
  font-size: 12px;
  line-height: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
}
.camera .active::after {
  content: '';
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border: 2px solid #305fff;
  border-radius: 4px;
}
.camera .camera-vr-tag {
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: #305fff;
  display: inline-block;
  width: 28px;
  height: 18px;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
}


.index_emotionComment-PlaPP {
  display: block;
  width: 110px;
  height: 110px;
  background-color: transparent;
  margin-top: 12px;
}
.index_emotionComment-PlaPP img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_emotionComment-PlaPP.index_portrait-GRmLk {
  width: 86px;
  height: 86px;
  margin: 2px 0 8px 0;
}
.index_emotionCommentTag-sFU5_ {
  display: inline-block;
  padding: 0 8px;
  background-color: rgba(0, 184, 217, 0.1);
  height: 20px;
  font-weight: 400;
  font-size: 12px;
  color: #00b8d9;
  line-height: 20px;
  margin-top: 8px;
}

.index_locationComment-jpeUh {
  display: inline-block;
}
.index_locationComment-jpeUh .index_text-fm2Kv {
  height: 22px;
  width: 42px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-right: 4px;
}
.index_locationComment-jpeUh .index_icon-Pv0nL {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2px;
  margin-bottom: -3px;
  fill: #379365;
}
.index_locationComment-jpeUh .index_location-BxbXY {
  height: 22px;
  font-weight: 400;
  font-size: 14px;
  color: #379365;
  line-height: 22px;
}
.index_portrait-EAKJ8 .index_location-BxbXY {
  color: #2fc084;
}
.index_portrait-EAKJ8 .index_icon-Pv0nL {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAADUGqULAAAEsUlEQVRYCe1YXWxURRSec/ey2zYKRSJgMBYj8kq3jRQttvsiCNSf+IASHwi8afwh+Ie7jeGBbsGgMVEfkScwwWA0qMT44C6CpMWyhYSEBEUxEGjBsPjTbsvuPZ5zYTfDzdyZ2R/euMnmnjnnO9/35c7cndkV4s7V2CcAjaBL/L67aeL8xQeKJTEPHTGPOcETY25EjLXcf9+fmQc3FOrVqdnoI8Pvzy9OTK/1hFhFJhL0aQoxwyYzjhAH3ZbovmNL374UgtOmqza6dCg9Z3oS3xEgXkHEZi17oAgAkwLFJ9Fm2DHclfwrUNYOqzLank2vFujtQSFatayGIonmBTgvjvYmvzNAK2WaEbsrnk1vQeEdqNckqzEHczGnnTqteRtgPJPe7AnvAxtstRhHOG/kEskPTX1Go+2ZgSeI5CAKjJjIaqmDgBL1rRpNpH7Q9WunPnHq07vomdOavD0m2ZjPTRq+lsap1mj+Sv51erPv1fQ3pMQarKUjC536zl+2zyr9W/zD9uUhot8EwDcI+CsLAsIigdhH/Q/pDFRqAFebYncvHFr22t+VnBS4UnxLWPqvtMbSZIFeiNQzve9+tBVoP5KurYibv84ObqIXcYDSYRvCjQ7E2VNT//TRYK9EUQnDpx79HacCVAX0BX7ZjTpxfmuDJhnPOa4xhrEqDjlHS+BJeSzHSqPUQDOHK2SgKgbAl0YeS55W1eQcYxgr55QxiJWsraopjXYND95Dr+NcVUMlB7A/19O/vzI2BD6WerQw0vS1FSCl0WIhojdJRA6KXQo+bcqmJ0xbadRzPP+oplNtnhEd0dVVNZueMG2lUQe9mEpIzi1obcvLY5t41tzYNRMuTDvEqDNuIjx79ex8EyZYHx+bMM6Ug2ptpdGo614IigTHHnq9wZxpbNMTpq00+nP3W+MA4oxO2PNwUwJ/DN0wgr2M5Z5gXh6zJmvLuXKsNHqjCNrTDG2PHdeyR5NlItPdx1KPHheuGWqUdpJ9elI6+QD206l/vQnHGMaacDpN5S5QJlyS3Xacvvjj5XHoHeCA48ZezXW/eU7GxI/sbPOKUx/T039KzitjELkTvf2hT1y7xuhQu5POi3uUxHKSjJChvvbMtpMIcPP0hIu864UlMkwXs5a+rqnyvhs/lD5C90c1sLpLNOVHcz3JbrrTgU19ha5RhvuNrnj55s8FNUOdWZ+bNTQmWUJrlAGj3alR2th3cHxbLuL2NQzkRqPc//Dji9+jty5j4Kq6zJzMbdNoZfQLWFuKNcELND0XbUhtMMzFnMxtg7cyykRDy1JjwhWrafdQ/qaxEStjfA7i8jnLScPd2ijz8FoCcJ6mkP/4qvUqMIfNupQFqjLKjfQ1knXAeZ5+70/LRFYx9XAvc1jhJRCt59qujkMDKz3ELxFFiw0DTfeEA/Dc8Z7U9zb4IKZmo0zUeXj78lKp+C2ZnRkklse8JiMRd83I8i2H5Xw1cdVTL5P7wi7QuRTOy/lbY6oRph6TzFfXEy0b4n+fpyevf0WHj65yzr8DDEWbZzxb67/MMldDjDIh/4+fP3fhM9qs1/GYiD9vbVuwsRH/3zNfw6+OnwY7+dNw4juEDX4C/wN/ApH3Plhs7QAAAABJRU5ErkJggg==);
}
.index_locationCommentTag-lUsbk {
  display: inline-block;
  padding: 0 8px;
  background-color: rgba(102, 57, 193, 0.1);
  height: 20px;
  font-weight: 400;
  font-size: 12px;
  color: #6639c1;
  line-height: 20px;
  margin-top: 8px;
}

.index_textLocationComment-VrBAq .index_text-tqexZ {
  height: 22px;
  width: 42px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.index_location-DN78s {
  font-weight: 400;
  font-size: 14px;
  color: #379365;
  line-height: 22px;
}
.index_location-DN78s .index_icon-MNMo0 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 2px;
  margin-bottom: -3px;
  fill: #379365;
}
.index_portraitLocation-q0Cwy {
  color: #2fc084;
}
.index_portraitLocation-q0Cwy .index_icon-MNMo0 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAADUGqULAAAEsUlEQVRYCe1YXWxURRSec/ey2zYKRSJgMBYj8kq3jRQttvsiCNSf+IASHwi8afwh+Ie7jeGBbsGgMVEfkScwwWA0qMT44C6CpMWyhYSEBEUxEGjBsPjTbsvuPZ5zYTfDzdyZ2R/euMnmnjnnO9/35c7cndkV4s7V2CcAjaBL/L67aeL8xQeKJTEPHTGPOcETY25EjLXcf9+fmQc3FOrVqdnoI8Pvzy9OTK/1hFhFJhL0aQoxwyYzjhAH3ZbovmNL374UgtOmqza6dCg9Z3oS3xEgXkHEZi17oAgAkwLFJ9Fm2DHclfwrUNYOqzLank2vFujtQSFatayGIonmBTgvjvYmvzNAK2WaEbsrnk1vQeEdqNckqzEHczGnnTqteRtgPJPe7AnvAxtstRhHOG/kEskPTX1Go+2ZgSeI5CAKjJjIaqmDgBL1rRpNpH7Q9WunPnHq07vomdOavD0m2ZjPTRq+lsap1mj+Sv51erPv1fQ3pMQarKUjC536zl+2zyr9W/zD9uUhot8EwDcI+CsLAsIigdhH/Q/pDFRqAFebYncvHFr22t+VnBS4UnxLWPqvtMbSZIFeiNQzve9+tBVoP5KurYibv84ObqIXcYDSYRvCjQ7E2VNT//TRYK9EUQnDpx79HacCVAX0BX7ZjTpxfmuDJhnPOa4xhrEqDjlHS+BJeSzHSqPUQDOHK2SgKgbAl0YeS55W1eQcYxgr55QxiJWsraopjXYND95Dr+NcVUMlB7A/19O/vzI2BD6WerQw0vS1FSCl0WIhojdJRA6KXQo+bcqmJ0xbadRzPP+oplNtnhEd0dVVNZueMG2lUQe9mEpIzi1obcvLY5t41tzYNRMuTDvEqDNuIjx79ex8EyZYHx+bMM6Ug2ptpdGo614IigTHHnq9wZxpbNMTpq00+nP3W+MA4oxO2PNwUwJ/DN0wgr2M5Z5gXh6zJmvLuXKsNHqjCNrTDG2PHdeyR5NlItPdx1KPHheuGWqUdpJ9elI6+QD206l/vQnHGMaacDpN5S5QJlyS3Xacvvjj5XHoHeCA48ZezXW/eU7GxI/sbPOKUx/T039KzitjELkTvf2hT1y7xuhQu5POi3uUxHKSjJChvvbMtpMIcPP0hIu864UlMkwXs5a+rqnyvhs/lD5C90c1sLpLNOVHcz3JbrrTgU19ha5RhvuNrnj55s8FNUOdWZ+bNTQmWUJrlAGj3alR2th3cHxbLuL2NQzkRqPc//Dji9+jty5j4Kq6zJzMbdNoZfQLWFuKNcELND0XbUhtMMzFnMxtg7cyykRDy1JjwhWrafdQ/qaxEStjfA7i8jnLScPd2ijz8FoCcJ6mkP/4qvUqMIfNupQFqjLKjfQ1knXAeZ5+70/LRFYx9XAvc1jhJRCt59qujkMDKz3ELxFFiw0DTfeEA/Dc8Z7U9zb4IKZmo0zUeXj78lKp+C2ZnRkklse8JiMRd83I8i2H5Xw1cdVTL5P7wi7QuRTOy/lbY6oRph6TzFfXEy0b4n+fpyevf0WHj65yzr8DDEWbZzxb67/MMldDjDIh/4+fP3fhM9qs1/GYiD9vbVuwsRH/3zNfw6+OnwY7+dNw4juEDX4C/wN/ApH3Plhs7QAAAABJRU5ErkJggg==);
}

.comment_mask {
  max-width: 240px;
  z-index: 99;
  font-weight: 700;
  font-size: 14px;
  overflow-y: auto;
  color: #ffffff;
  scroll-behavior: smooth;
  margin-top: 90px;
}
.comment_list_container {
  padding: 0 12px;
}
.comment_mask::-webkit-scrollbar {
  display: none;
}
.comment_mask > div:nth-last-child(4) {
  background: none;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(44, 44, 44, 0.3) 100%);
}
.vertical_live_container .comment_mask span {
  color: rgba(255, 255, 255, 0.75);
}
.comment_item_wrapper {
  display: block;
}
.comment_item_wrapper .comment_item {
  margin-top: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px 8px;
  display: inline-block;
  line-height: 20px;
  white-space: pre-wrap;
  border-radius: 6px;
  font-weight: normal;
}
.comment_item .name {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
}
.hidden_item {
  background: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(44, 44, 44, 0.3) 100%);
}
.hidden_item span {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  -webkit-background-clip: text;
  color: transparent !important;
}
.layer-content .open-app-footer-container {
  margin-top: 0;
}

.index_dot-rH2EP {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index_text-wrapper-Mp508.index_portrait_notice-vLGWB .index_title-wrapper-ZD_eM .icon_c_introduction {
  display: inline;
}
.index_text-wrapper-Mp508.index_portrait_notice-vLGWB .index_title-wrapper-ZD_eM .icon_c_breaking_news {
  display: none;
}
.index_text-wrapper-Mp508.index_hor_notice-InFpM {
  background-color: #f4f7ff;
  color: #305fff;
}
.index_text-wrapper-Mp508.index_hor_notice-InFpM .icon_c_introduction {
  display: none;
}
.index_text-wrapper-Mp508.index_hor_notice-InFpM .icon_c_breaking_news {
  display: inline;
}
.index_text-wrapper-Mp508.index_hor_notice-InFpM.index_expand-HUBxk::after {
  background: linear-gradient(180deg, rgba(48, 95, 255, 0) 0%, rgba(48, 95, 255, 0.05) 100%);
}
.index_text-wrapper-Mp508.index_hor_notice-InFpM .index_title-wrapper-ZD_eM .index_title-ocn5E {
  color: #305fff;
}
.index_text-wrapper-Mp508.index_hor_notice-InFpM .index_title-wrapper-ZD_eM .index_action-Dr_Tu {
  color: #305fff;
  opacity: 1;
}
.index_text-wrapper-Mp508.index_hor_notice-InFpM .index_text-ycxLQ {
  color: #305fff;
}
.index_text-wrapper-Mp508 {
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
  border-radius: 6px;
  color: #ebad7d;
}
.index_text-wrapper-Mp508 .icon_c_introduction,
.index_text-wrapper-Mp508 .icon_c_breaking_news {
  position: absolute;
}
.index_text-wrapper-Mp508.index_expand-HUBxk::after {
  content: '';
  display: block;
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
  height: 22px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  border-radius: 6px;
}
.index_text-wrapper-Mp508 .index_title-wrapper-ZD_eM {
  display: flex;
  align-items: center;
}
.index_text-wrapper-Mp508 .index_title-wrapper-ZD_eM .index_title-ocn5E {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 20px;
  padding-left: 20px;
  padding-right: 46px;
}
.index_text-wrapper-Mp508 .index_title-wrapper-ZD_eM .index_action-Dr_Tu {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  font-size: 12px;
  color: rgba(255, 255, 255);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 0;
  position: absolute;
  right: 8px;
  top: 0;
  opacity: 0.5;
}
.index_text-wrapper-Mp508 .index_title-wrapper-ZD_eM .index_action-Dr_Tu .icon_c_narrow_up {
  display: none;
}
.index_text-wrapper-Mp508 .index_title-wrapper-ZD_eM .index_action-Dr_Tu .icon_c_narrow_down {
  display: inline;
}
.index_text-wrapper-Mp508 .index_title-wrapper-ZD_eM .index_action-Dr_Tu.index_expand-HUBxk .icon_c_narrow_up {
  display: inline;
}
.index_text-wrapper-Mp508 .index_title-wrapper-ZD_eM .index_action-Dr_Tu.index_expand-HUBxk .icon_c_narrow_down {
  display: none;
}
.index_text-wrapper-Mp508 .index_text-ycxLQ {
  margin-top: 5px;
  font-size: 14px;
  color: #ebad7d;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}
.index_text-wrapper-Mp508 .index_text-ycxLQ .index_content-bBvjl {
  word-break: break-all;
  white-space: pre-wrap;
}
.index_text-wrapper-Mp508 .index_text-ycxLQ.index_expand-HUBxk {
  overflow: scroll;
}
.index_text-wrapper-Mp508 .index_text-ycxLQ.index_not-expand-0C0tV {
  max-height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.index_portrait_announce-XeGvb,
.index_portrait_notice-vLGWB {
  border-radius: 6px;
}
.index_portrait_announce-XeGvb .index_title-ocn5E,
.index_portrait_notice-vLGWB .index_title-ocn5E {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.index_portrait_announce-XeGvb.index_expand-HUBxk .index_title-ocn5E,
.index_portrait_notice-vLGWB.index_expand-HUBxk .index_title-ocn5E {
  white-space: normal;
}
.index_portrait_announce-XeGvb .index_text-ycxLQ.index_expand-HUBxk,
.index_portrait_notice-vLGWB .index_text-ycxLQ.index_expand-HUBxk {
  max-height: 160px;
  text-align: justify;
}
.index_portrait_announce-XeGvb::after {
  border-radius: 6px;
}

.custom-wait-start.layer-content {
  position: absolute;
  height: auto;
}
.custom-wait-start.layer-content .common-notice-wrapper {
  position: relative;
}
.custom-wait-start.layer-content .comment_mask {
  max-height: 160px;
  margin-top: 8px;
}
.common-notice-wrapper {
  position: absolute;
  top: 0;
  min-height: 80px;
  max-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
.common-notice-wrapper.will-start-wrapper {
  justify-content: flex-start;
}
.common-notice-wrapper .page-notice {
  width: auto;
  z-index: 100;
  margin: 0 12px;
  height: 100%;
}
.common-notice-wrapper .page-notice .icon_c_introduction {
  display: none;
}
.common-notice-wrapper .page-notice .icon_c_breaking_news {
  display: inline;
}
.common-notice-wrapper .page-announce {
  max-width: 240px;
  z-index: 100;
  margin-left: 12px;
  height: 100%;
}
.common-notice-wrapper .page-announce .icon_c_introduction {
  display: inline;
}
.common-notice-wrapper .page-announce .icon_c_breaking_news {
  display: none;
}

.index_live-status-Wtshp {
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 0 4px;
}
.index_live-status-Wtshp .index_icon-box-XklE1 {
  width: 12px;
  height: 100%;
  position: relative;
}
.index_live-status-Wtshp .index_text-box-QyfZt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  margin-left: 2px;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
}
.index_live-status-Wtshp .index_text-box-QyfZt .index_status-text-GlYZ4 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  height: 10px;
  width: 30px;
}
.index_live-status-Wtshp.index_live-status-live-RY5z6 {
  background-color: #f22b41;
}
.index_live-status-Wtshp.index_live-status-vod-HG3hp,
.index_live-status-Wtshp.index_live-status-willstart-X8wt5,
.index_live-status-Wtshp.index_live-status-end-guCnH {
  background-color: rgba(0, 0, 0, 0.5);
}
.index_live-status-Wtshp.index_live-status-vod-HG3hp .index_icon-box-XklE1,
.index_live-status-Wtshp.index_live-status-willstart-X8wt5 .index_icon-box-XklE1,
.index_live-status-Wtshp.index_live-status-end-guCnH .index_icon-box-XklE1 {
  display: none;
}
.index_live-status-Wtshp.index_live-status-vod-HG3hp {
  padding: 0 4px;
}
.index_live-status-Wtshp.index_live-status-vod-HG3hp .index_icon-box-XklE1 {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MTwvdGl0bGU+CiAgICA8ZyBpZD0i5o6n5Lu2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i55+p5b2iIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTguMjMxNTA3ODcsMy43NDY1MTc4NiBMMjAuNjYyNTA1NCwxMC42OTA0NTk1IEMyMS4zODU3NDQ3LDExLjA5NDQ2MDIgMjEuNjQ0NTM4NywxMi4wMDgyNjg2IDIxLjI0MDUzOCwxMi43MzE1MDc5IEMyMS4xMDUwOTEsMTIuOTczOTg0MyAyMC45MDQ5ODE4LDEzLjE3NDA5MzQgMjAuNjYyNTA1NCwxMy4zMDk1NDA1IEw4LjIzMTUwNzg3LDIwLjI1MzQ4MjEgQzcuNTA4MjY4NjUsMjAuNjU3NDgyOCA2LjU5NDQ2MDE4LDIwLjM5ODY4ODggNi4xOTA0NTk1NCwxOS42NzU0NDk1IEM2LjA2NTU2ODQxLDE5LjQ1MTg3MDMgNiwxOS4yMDAwMzgzIDYsMTguOTQzOTQxNyBMNiw1LjA1NjA1ODMzIEM2LDQuMjI3NjMxMiA2LjY3MTU3Mjg4LDMuNTU2MDU4MzMgNy41LDMuNTU2MDU4MzMgQzcuNzU2MDk2NjEsMy41NTYwNTgzMyA4LjAwNzkyODYyLDMuNjIxNjI2NzQgOC4yMzE1MDc4NywzLjc0NjUxNzg2IFoiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.index_live-status-Wtshp.index_live-status-vod-HG3hp .index_text-box-QyfZt {
  margin-left: 0;
}
.index_live-status-Wtshp.index_live-status-willstart-X8wt5 {
  background-color: #305fff;
}
.index_live-status-Wtshp.index_live-status-willstart-X8wt5 .index_status-text-GlYZ4 {
  background-image: url(data:image/png;base64,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);
}
.index_live-status-Wtshp.index_live-status-live-RY5z6 .index_status-text-GlYZ4 {
  background-image: url(data:image/png;base64,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);
}
.index_live-status-Wtshp.index_live-status-end-guCnH .index_status-text-GlYZ4 {
  background-image: url(data:image/png;base64,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);
}
.index_live-status-Wtshp.index_live-status-vod-HG3hp .index_status-text-GlYZ4 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAeCAYAAACSRGY2AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAO6ADAAQAAAABAAAAHgAAAAAQTOlzAAAE6klEQVRYCd2YW6iVRRTH3WbetdLCW2Re8FJeoAeJIoouUEg+VETSDexB8EUj6UmJHhJ8MCIVAumlECIwCnxQJEErjMgSLE20xCITr2l57dj299t8I/t8e/b3zXfOEQ/+4X9mvpk1a2atWbNm9qn1uUFQr9dvwpTb4HQ4Dd4F19dqtV8oG+gXKr2lZNGuyYX3hwPh8Iy3UA6Gt8I74Fh4e1aOo5QjYEAHldlwXmjoh/JH+VgXGq5ReR69i/Dy9rx+5neRW+FIqJE1GGA90La+WYdt1i0dI0Kf9To8AwehfyLz/majXtRbE/y4hjiLbueJ4TCNf8JJMCw8Jtfc5q6dgsfhX008Qn0/3AetX4bnYAMhjPWQ+BH+BBXqLgzDGXAWDPpbdOJ1nF9fTodnTSP+g5fgxaweyrl8PwXV9ylcAX+H/0N30jVb+n1ZvZSdEIwNjRupvAudoLsYjoI3oItrCww1qjxr7lJwigs1LAdAnSbmwLuhjtCwydCxUaDXdg0/hOE/+5E3Vq+ep7PbxjLZzehyp8rwOALurMmoCDovGP4M9SeLhLM+HbMORo1NGN/jIoPQaHYtM7Z54iF8yDJo7NAglN/Z0N4o2Z3HqKQoDeNOUNlBZBg+qfD8fQubs2nz2Ff5eB4a6t/AD+FemAJj2QTWQKGxSHjmxsNwlhqDCv58T993sNRYHGlIPgHNwDI2xzDa74OWHjEzsLrHwhRo7GjmuodyV5mxkxCakqI1kzlGGVt0TIURsyrW0dTmudcwS428H7oejagC7/mlZcYGhbuprIGm+jweouFpODPfUfLtbk4tkWnuNsx9Mcmq8K4dmmrsSYQ9V42slpvJ59uDubaUz38Qmh8R9LpZDHWe69PBH8CDsKvwVtiZaqyTdJB4vN86gfPQ0tZJoP2HmXJTrltDn4PDYEhY+6hr6BFYJXyVNTl5tKyfq2Is8j0HHOcC/g4acZpXkFl3IfSxEIwdSf1FmHJnI3YVJrSPmWd/aLluxoYFWGKoR+El+DocDz3POsMF35uRIgk6yYR2Ae5oHnHdjcXQqSzoZfgKvBOGbH6Y+mfQMhU6yTe2kdCCVGMNsYltzuc4+uyvBHRplFebTz9D1yzrbrgrLvo03ApjSZHmKPrT6rhuGTsZBW/Cf2Eeo2kw9KrCX0RvwXlQA30wbIcPQA33fl0CXXwqDOFR7YTLdvYMA00iKim7R5WLOYPmKF6g9dms5xDlBrgSboYmpcHQkPTcpsJoGdBOuMzYzxmol8M5aqcntP9KJfUqWo+s96w7txZ+ROa8RHibmMRR+An8w49EGCE+DRfE5AuNZfJ3YoN6og3de7DrfXT5D4Ov+c47SSd8BffAVHhmPffVjU2doatyGPhewVivnC8K+it35XfWcPX/JKlhWzRhQ1eRQEmfLyzzQFfOrGe+BXljfaaZBS+2SFZvUNfVH87Vh/c5wJhlsMrVY3J6GK6GLcgbuxQJ2RvgT0BvAJ2WChPUlHbCeWM7EJQ9AcPYx0F+jlTd3t1vpwqnyLkQfxSHsN1CfRvMZ0aaKsOQeiSj+p2nCnS693YV5+tgd9d/zrVAY70bV2U9X1Jui1wDWXd6QZLT2B/gTmiyOQirYDfCr7EWr6YkZHPORXhDbICe6FVgwWNYkLujg05gbJVs7C8oX14+hHycnGa8r8AGrgBt8iBtbpU/VQAAAABJRU5ErkJggg==);
}

.custom-prism-live-bg-blur-cover {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  filter: blur(15px);
}
.custom-background-blur-cover-root {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.custom-background-blur-cover-root .custom-background-blur-foreground {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.activity-float-layer {
  position: fixed;
  right: 12px;
  bottom: 120px;
  z-index: 1000;
  user-select: none;
}
.activity-float-layer .img-container {
  position: relative;
  display: block;
  margin-top: 8px;
}
.activity-float-layer .img-container img {
  display: block;
  width: 60px;
  height: 60px;
  pointer-events: none;
}
.activity-float-layer .img-container .img-close {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 2px;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
}
.activity-float-layer .img-container .img-close > svg {
  width: 12px;
  height: 12px;
}

.extra-display-btn {
  display: none;
  position: absolute;
  right: 3.2%;
  bottom: 77px;
  /* 默认值 */
  z-index: 99999999;
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.extra-display-btn img {
  width: 24px;
  height: 24px;
}
.extra-display-btn-hidden {
  display: none;
}
.extra-display-btn-ending {
  /* 直播结束状态下的值 */
  bottom: 70px;
}

body {
  font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
}
@media screen and (min-width: 900px) {
  html,
  body {
    width: 596px;
    margin: 0 auto;
    position: relative;
  }
  .index_open-app-footer-container-qRSPO {
    width: 596px;
  }
}
@media screen and (max-width: 350px) {
  .live-will-lottie-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #305fff;
  }
  .live-will-time-box {
    white-space: nowrap;
    justify-content: space-around;
    padding: 12px 0;
  }
}
.portrait-mode .prism-player video {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.custom-prism-player-canplay .player-container {
  height: 100%;
}
.custom-prism-player-canplay .layer-content {
  position: absolute;
  height: auto;
}
.custom-prism-player-canplay .common-notice-wrapper {
  position: relative;
}
.custom-prism-player-canplay .comment_mask {
  max-height: 160px;
  margin-top: 8px;
}
.custom-prism-live-end.player-container {
  height: 100%;
}
.custom-prism-live-end ~ .layer-content {
  position: absolute;
  height: auto;
}
.custom-prism-live-end ~ .layer-content .common-notice-wrapper {
  position: relative;
}
.custom-prism-live-end ~ .layer-content .comment_mask {
  max-height: 100px;
  margin-top: 8px;
}
.open-app-footer-container {
  margin-top: 8px;
}
.hide-control-bar .custom-prism-control-bar {
  opacity: 0 !important;
}
.custom-prism-live-will-start-prediction-video .custom-prism-fullscreen-control {
  display: none;
}
.custom-prism-live-will-start-prediction-video .prism-player {
  background-color: #1e2738;
}
.custom-prism-live-will-start-has-footer .custom-prism-live-outter-layer {
  z-index: 100;
}
.custom-prism-fullscreen-control {
  display: none !important;
}
.comment_mask {
  position: relative;
  width: 100%;
  max-width: initial;
}
.comment_mask .comment_list_container {
  max-width: 240px;
}
.comment_mask .activity-float-layer {
  bottom: 0;
}
.custom-prism-live-will-start-has-footer .prism-player {
  padding-top: 0;
}
.custom-prism-live-will-start-show-text .custom-prism-live-outter-layer {
  background-image: none !important;
}
.custom-prism-live-error .live-mask-layer, .custom-prism-vr-not-supported .live-mask-layer, .custom-prism-live-block .live-mask-layer, .custom-prism-live-preview-end .live-mask-layer, .custom-prism-live-end .live-mask-layer, .custom-prism-live-forbidden .live-mask-layer, .custom-prism-live-will-start-show-text .live-mask-layer {
  background: none;
}
.custom-prism-live-error .custom-partial-layer-root, .custom-prism-vr-not-supported .custom-partial-layer-root, .custom-prism-live-block .custom-partial-layer-root, .custom-prism-live-preview-end .custom-partial-layer-root, .custom-prism-live-end .custom-partial-layer-root, .custom-prism-live-forbidden .custom-partial-layer-root, .custom-prism-live-will-start-show-text .custom-partial-layer-root {
  position: absolute;
}
.custom-prism-live-error .custom-prism-live-outter-layer, .custom-prism-vr-not-supported .custom-prism-live-outter-layer, .custom-prism-live-block .custom-prism-live-outter-layer, .custom-prism-live-preview-end .custom-prism-live-outter-layer, .custom-prism-live-end .custom-prism-live-outter-layer, .custom-prism-live-forbidden .custom-prism-live-outter-layer, .custom-prism-live-will-start-show-text .custom-prism-live-outter-layer {
  padding-top: 150px;
}
.custom-prism-live-error .custom-partial-layer-root, .custom-prism-vr-not-supported .custom-partial-layer-root, .custom-prism-live-block .custom-partial-layer-root, .custom-prism-live-preview-end .custom-partial-layer-root, .custom-prism-live-end .custom-partial-layer-root, .custom-prism-live-forbidden .custom-partial-layer-root, .custom-prism-live-will-start-show-text .custom-partial-layer-root {
  position: absolute;
  top: 0;
}
.custom-prism-live-forbidden .custom-prism-live-outter-layer {
  padding-top: 100px;
}
.custom-partial-layer-root {
  min-height: 56px;
}
.custom-prism-live-will-start .custom-prism-live-outter-layer {
  background-image: none !important;
}
.custom-prism-live-will-start .player-container {
  height: auto !important;
}
.comment-like-wrapper {
  flex-shrink: 0;
  border: none;
}
.right-live-tag-container {
  top: 21px;
}
.custom-prism-player-ready {
  z-index: auto;
}
.custom-prism-live-preview-end .custom-partial-layer-root {
  display: none;
}
.custom-portrait-pause-mode .custom-default-control-root {
  display: none;
}
.custom-portrait-pause-mode .custom-outter-play-button {
  display: flex;
}
.custom-portrait-pause-mode .prism-loading {
  display: none;
}
.custom-prism-player-ended .custom-default-control-root {
  display: block;
}
.custom-prism-player-ended .custom-play-btn {
  display: flex !important;
}
.custom-prism-player-ended .custom-prism-duration-badge {
  display: none !important;
}
.custom-prism-player-ended .prism-player {
  position: relative !important;
  height: calc(100vw * 9 / 16) !important;
}
.live-watchcount-container {
  background: rgba(0, 0, 0, 0.3);
}
.btnX {
  width: 20px;
  height: 20px;
  background-color: red;
  position: absolute;
  left: 89%;
  top: 84%;
}
.hide-control-bar-mixin video {
  background-color: #1e2738 !important;
  opacity: 1 !important;
}
.hide-control-bar-mixin .custom-prism-control-bar .custom-prism-fullscreen-control {
  display: none !important;
}
.custom-double-camera-mode #main-player video {
  background-color: #1e2738 !important;
  opacity: 1 !important;
}
.custom-double-camera-mode #main-player .custom-prism-control-bar .custom-prism-fullscreen-control {
  display: none !important;
}
.custom-double-camera-mode #main-player .custom-default-control-root {
  display: none;
}
.custom-double-camera-mode #main-player .custom-control-bar-root {
  position: fixed;
}
.custom-double-camera-mode #main-player .custom-toggle-fullscreen-control-button {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 40px;
  height: 48px;
  background-color: transparent;
  border: none;
  z-index: 1000;
}
.custom-double-camera-mode #main-player .custom-toggle-fullscreen-control-button .custom-prism-icon-placeholder {
  font-weight: normal;
  font-style: normal;
}
.custom-double-camera-mode #main-player .custom-toggle-fullscreen-control-button .custom-prism-icon-placeholder::before {
  position: absolute;
  display: inline-block;
  content: ' ';
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.custom-double-camera-mode #main-player .custom-toggle-fullscreen-control-button .custom-prism-icon-placeholder::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNTIzODIxNDM4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjcyOTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTIxMy4yOTA2NjcgMjEzLjMzMzMzM3YxNTEuMzgxMzM0bC0wLjM0MTMzNCAxLjc5MmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIwLjk5MiAxNy40OTMzMzNoLTQyLjY2NjY2NmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIxLjIwNTMzNC0xOS4yTDEyOCAxNDkuMzMzMzMzYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzLTIxLjMzMzMzM2gyMTMuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzIDIxLjMzMzMzM3Y0Mi42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0yMS4zMzMzMzMgMjEuMzMzMzMzSDIxMy4yOTA2Njd6IG0wIDU5Ny4zMzMzMzR2LTE1MS4zODEzMzRsLTAuMzQxMzM0LTEuNzkyYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAtMjAuOTkyLTE3LjQ5MzMzM2gtNDIuNjY2NjY2YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAtMjEuMjA1MzM0IDE5LjJMMTI4IDg3NC42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMCAyMS4zMzMzMzMgMjEuMzMzMzMzaDIxMy4zMzMzMzRhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMCAyMS4zMzMzMzMtMjEuMzMzMzMzdi00Mi42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMC0yMS4zMzMzMzMtMjEuMzMzMzMzSDIxMy4yOTA2Njd6TTgxMC43MDkzMzMgMjEzLjMzMzMzM3YxNTEuMzgxMzM0bDAuMzQxMzM0IDEuNzkyYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAgMjAuOTkyIDE3LjQ5MzMzM2g0Mi42NjY2NjZhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMCAyMS4yMDUzMzQtMTkuMkw4OTYgMTQ5LjMzMzMzM2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwLTIxLjMzMzMzMy0yMS4zMzMzMzNoLTIxMy4zMzMzMzRhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMC0yMS4zMzMzMzMgMjEuMzMzMzMzdjQyLjY2NjY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwIDIxLjMzMzMzMyAyMS4zMzMzMzNoMTQ5LjM3NnogbTAgNTk3LjMzMzMzNHYtMTUxLjM4MTMzNGwwLjM0MTMzNC0xLjc5MmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDIwLjk5Mi0xNy40OTMzMzNoNDIuNjY2NjY2YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMjA1MzM0IDE5LjJMODk2IDg3NC42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0yMS4zMzMzMzMgMjEuMzMzMzMzaC0yMTMuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEtMjEuMzMzMzMzLTIxLjMzMzMzM3YtNDIuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzLTIxLjMzMzMzM2gxNDkuMzc2eiIgcC1pZD0iNzI5OSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
  background-size: 24px 24px;
}
.custom-double-camera-mode #main-player.custom-fullscreen .custom-toggle-fullscreen-control-button {
  display: none;
}
.custom-double-camera-mode #main-player.custom-fullscreen .custom-toggle-fullscreen-control-button .custom-prism-icon-placeholder::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNTIzODE0NTg5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjcyMDQiIGlkPSJteF9uXzE2ODM1MjM4MTQ1OTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTcyNS4yOTA2NjcgMjk4LjY2NjY2N1YxNDcuMjg1MzMzbC0wLjM0MTMzNC0xLjc5MmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwLTIwLjk5Mi0xNy40OTMzMzNoLTQyLjY2NjY2NmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwLTIxLjIwNTMzNCAxOS4yTDY0MCAzNjIuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAgMjEuMzMzMzMzIDIxLjMzMzMzM2gyMTMuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAgMjEuMzMzMzMzLTIxLjMzMzMzM3YtNDIuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAtMjEuMzMzMzMzLTIxLjMzMzMzM2gtMTQ5LjM3NnogbTAgNDI2LjY2NjY2NnYxNTEuMzgxMzM0bC0wLjM0MTMzNCAxLjc5MmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIwLjk5MiAxNy40OTMzMzNoLTQyLjY2NjY2NmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIxLjIwNTMzNC0xOS4yTDY0MCA2NjEuMzMzMzMzYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzLTIxLjMzMzMzM2gyMTMuMzMzMzM0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMjEuMzMzMzMzIDIxLjMzMzMzM3Y0Mi42NjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0yMS4zMzMzMzMgMjEuMzMzMzMzaC0xNDkuMzc2ek0yOTguNzA5MzMzIDI5OC42NjY2NjdWMTQ3LjI4NTMzM2wwLjM0MTMzNC0xLjc5MkEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDMyMC4wNDI2NjcgMTI4aDQyLjY2NjY2NmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDIxLjIwNTMzNCAxOS4yTDM4NCAzNjIuNjY2NjY3YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEtMjEuMzMzMzMzIDIxLjMzMzMzM2gtMjEzLjMzMzMzNGEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTIxLjMzMzMzMy0yMS4zMzMzMzN2LTQyLjY2NjY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDIxLjMzMzMzMy0yMS4zMzMzMzNoMTQ5LjM3NnogbTAgNDI2LjY2NjY2NnYxNTEuMzgxMzM0bDAuMzQxMzM0IDEuNzkyYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDAgMjAuOTkyIDE3LjQ5MzMzM2g0Mi42NjY2NjZhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMCAyMS4yMDUzMzQtMTkuMkwzODQgNjYxLjMzMzMzM2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwLTIxLjMzMzMzMy0yMS4zMzMzMzNoLTIxMy4zMzMzMzRhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMC0yMS4zMzMzMzMgMjEuMzMzMzMzdjQyLjY2NjY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAwIDIxLjMzMzMzMyAyMS4zMzMzMzNoMTQ5LjM3NnoiIHAtaWQ9IjcyMDUiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=);
  background-size: 24px 24px;
}
.custom-double-camera-mode #main-player.custom-fullscreen .custom-prism-control-bar .custom-prism-fullscreen-control {
  display: block !important;
}
.custom-double-camera-mode #bg-player .custom-control-bar-root .custom-prism-control-bar {
  opacity: 1;
}
.custom-double-camera-mode #bg-player .custom-control-bar-root .custom-prism-control-bar > :last-child {
  display: none !important;
}
.custom-double-camera-mode #bg-player ~ [class^='custom-prism-live'] {
  display: none;
}
.custom-double-camera-mode .player-container {
  height: fit-content;
}
.custom-double-camera-mode .custom-prism-player-ended .prism-player .custom-toggle-fullscreen-control-button {
  display: none;
}
.custom-double-camera-mode .custom-prism-player-ended #main-player.prism-player.custom-fullscreen .custom-toggle-fullscreen-control-button {
  display: block;
}
.custom-prism-player-once-played .custom-prism-loading, .custom-prism-player-retry .custom-prism-loading {
  width: 32px;
  height: 32px;
  z-index: 1000;
}
.custom-prism-player-once-played .custom-prism-loading .circle, .custom-prism-player-retry .custom-prism-loading .circle {
  animation: spinoffPulse 0.9s infinite linear;
  background-size: cover;
  background-repeat: no-repeat;
  border-color: transparent;
  width: 32px;
  height: 32px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAEeklEQVR4Ae2bvWsUQRjG76KtCEnhFwipVASLFGL+AYs0Wlt4KdMK/hmB2GojFkkX1AgWlmlsIgQb0dIimiIgWGjE5Pw9cQ8ua/ad2dvZ3blzXnjY231n3o9nd2fn6zqdJImBxEBiIDGQGEgMJAb+Twa6baTd7/dP4fcGuAaugMvgTAYOne8ZPnP8CD6A991u94DjZAqkTIMlsAG+gbKiOqorG9MTwxLJzIF1sA9CiWzJ5tzYEkXws2AVHIK6RLblY3ZsiCLYGbACQj4xmDNFvuRzJmqiCHAefAVtiXzPR0kSgfXAT9C2KIZeNCQRzBRYrsjKAfV3wBZ4l/3WtSqimKZaJUoBgOcjZPGFOk/AArgI1C86JrqW6VRGZVWnrCi29kjCedknR59mtVOlO6iqk9WVjTKyfIz5pk6IsFciyk3K3goVm2wB2fSVZtskotJT4NMg/6Dc/VDE5O3INpAPlyjWZr5uOFI/x+dTrkb3Zj6p0OfyAeTLJYq5/n4STtQhc8k2BS6FJqPInnwB+XTJSpGNINfxruGDeq2W6G42Rs4gMfkEridJsdc3LMG4xj2WqD2o/bUakJI/yjdwtUmr+XpBznGsUblr4Flbg+ybBDGq4bZEOYSfBcCoq/+x6ZtE3eWI1dUFWA8aAw6ngavtCdbPqRo8saqfZIlyCTfphrElyxu6sHekKkPUV0yOmJcCuPlrAkea6rSkmU5YiYwIdt4KGN1GCXPFRTGkQaM1h6xBZOmxVbHHMBrFBKwBrnL6Z5Cc9+4z0tXqw9l8xaHzDVYb+kPnUfzMYnplBKOclJspPgRpacaSl5ayZd0Lh39Xbh0fgrRuZcm2pWxZ54rNlZsXQVrUK5JDFLtFygiuKzbFWCRWbkd1fJ4grXgWyW7Mq51ZbNYNtHI7yrkqQTtFzEV03YoxCEFWrtF93k8I9tMJ1waX9gY/io4+T5A2EhTJhSJFRNffGLFYOqPakIrO1FNQJFqacXa2hsw1/pP41GE8aSSga8434LRHxJ+NMnoCzwHrPTeq169ShxG5gydN3N/OPOrJeSZddj76AeP35MGQhdGtx1/Tpw3S5iVL7lrKidfx5IzlYDXUjXE+QVlna9NweB5dNJNlRpwjqZwEZVZfO6w/dOgnW81rNlZTrq3cDUhyTWFar2ErMTfqFILmQPTLPo2SkncGQVEvHObjbfwcgqJdem6cjCKHkBTd5oWiWFu5DkFRbX9phQSXU0jSmlPrG6hccbaqh6Ae8JWgW/BaTbyMc9hpbBNnmbiiKQtBU2DUbcCPqVu4DTiaJKsGkpFU9kmi2jH5zZl2h22BNbAInLN9VWNvtD4J9YBPw00xL/GaEm00yarOSFtfN58dsF4MUWixakxV6/tOd3j5Ye7oLQWvg0fgl1clu9BgDtkuVaM2KEGKE5L2wAN+XgVroPrEOEYmVnhNNAugqZJ9UFYWJ5aYfGIwo0k3beVT42ttyEJ9JFE00q18Sknf+lu4loPDrVvl71Q6TwwkBhIDiYHEQGIgMZAY8GLgDxn/PIO8wrcWAAAAAElFTkSuQmCC);
}
.custom-prism-player-retry .custom-control-bar-root, .custom-prism-player-retry .loading-center.prism-loading {
  display: none !important;
}
.custom-prism-player-retry .custom-prism-live-error .prism-player {
  display: block !important;
}
.custom-prism-player-retry .custom-prism-live-error .custom-prism-live-error-layer, .custom-prism-player-retry .custom-prism-live-error .custom-control-bar-root {
  display: none !important;
}
::-webkit-scrollbar {
  display: none;
}