.CTqwJcC3 {
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center;
  display: flex;
}
.dj3R_MbH {
  font-family: sans-serif -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue;
}
.dj3R_MbH::-webkit-scrollbar {
  width: 0;
}
.olPyJsN3 .LeKgXL7U {
  height: 420px;
  min-height: 320px;
}
.zNG_gx5Z {
  margin: 0 auto;
  padding: 0 24px;
}
.LVzfCCsX {
  min-height: calc(100vh - 498px);
}
@media (min-width: 1240px) {
  .zNG_gx5Z {
    padding: 0 40px;
  }
}
@media (min-width: 1920px) {
  .zNG_gx5Z {
    width: 1674px;
  }
}
.RIhHVcFd {
  height: 480px;
  background-color: #f8f9fd;
  /* background-image: url(../media/skeleton_bcg_logo.c2f8bc7dd036d730.svg); */
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
}
.RIhHVcFd .TX4F2G7S {
  color: rgba(47, 48, 53, 0.04);
}
.GRavjODY {
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.TX4F2G7S {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.RIhHVcFd .xhDROiLE {
  pointer-events: none;
  height: 173px;
  width: 100%;
  z-index: 2;
  background: linear-gradient(
    rgba(22, 23, 34, 0.7) 12.72%,
    rgba(22, 23, 34, 0) 100%
  );
  position: absolute;
  top: 0;
}
.RIhHVcFd .yfCXsVp3 {
  pointer-events: none;
  height: 100%;
  width: 420px;
  z-index: 2;
  background: linear-gradient(
    90deg,
    rgba(22, 23, 34, 0) 0%,
    rgba(22, 23, 34, 0.3) 23.39%,
    rgba(22, 23, 34, 0.62) 52.92%,
    rgba(22, 23, 34, 0.9) 100%
  );
  position: absolute;
  right: 0;
}
.RIhHVcFd .AYWJ_DjF {
  pointer-events: none;
  height: 200px;
  width: 100%;
  z-index: 2;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  position: absolute;
  bottom: 0;
}
.RIhHVcFd .Cblhpa96 {
  pointer-events: none;
  height: 100%;
  width: 420px;
  z-index: 2;
  background: linear-gradient(
    -90deg,
    rgba(22, 23, 34, 0) 0%,
    rgba(22, 23, 34, 0.3) 23.39%,
    rgba(22, 23, 34, 0.62) 52.92%,
    rgba(22, 23, 34, 0.9) 100%
  );
  position: absolute;
  left: 0;
}
html[dark] .RIhHVcFd {
  background-color: #20212c;

}
html[dark] .xhDROiLE {
  background: linear-gradient(
    rgba(22, 23, 34, 0.7) 12.72%,
    rgba(22, 23, 34, 0) 100%
  );
}
html[dark] .yfCXsVp3 {
  background: linear-gradient(
    90deg,
    rgba(22, 23, 34, 0) 0%,
    rgba(22, 23, 34, 0.3) 23.39%,
    rgba(22, 23, 34, 0.62) 52.92%,
    rgba(22, 23, 34, 0.9) 100%
  );
}
html[dark] .AYWJ_DjF {
  background: linear-gradient(rgba(22, 23, 34, 0) 0%, #161722 87.28%);
}
html[dark] .Cblhpa96 {
  background: linear-gradient(
    -90deg,
    rgba(22, 23, 34, 0) 0%,
    rgba(22, 23, 34, 0.3) 23.39%,
    rgba(22, 23, 34, 0.62) 52.92%,
    rgba(22, 23, 34, 0.9) 100%
  );
}
html[dark] .TX4F2G7S {
  color: rgba(255, 255, 255, 0.04);
}
.kgVcUCkz {
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    var(--color-bg-b0) 100%
  );
  height: 100%;
  width: 225px;
  z-index: 5;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
html[dark] .kgVcUCkz {
  background: linear-gradient(
    270deg,
    rgba(22, 24, 35, 0) 0%,
    var(--color-bg-b0) 100%
  );
}
.qGCBlgKa {
  width: 261px;
  text-align: right;
  cursor: pointer;
  padding-right: 24px;
  display: block;
}
.f4t8vEM0 {
  color: rgba(255, 255, 255, 0.7);
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 9px 0;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  overflow: hidden;
}
.Rpx5b9Dm {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  margin-top: 6px;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
}
.u_nAySWd {
  height: 72px;
  background: linear-gradient(
    270.02deg,
    rgba(255, 255, 255, 0.4) 0.02%,
    rgba(255, 255, 255, 0) 100.74%
  );
  margin-bottom: 8px;
  padding: 8px 24px 8px 0;
}
.u_nAySWd .f4t8vEM0 {
  color: #fff;
  grid-gap: 4px;
  height: 30px;
  justify-content: end;
  align-items: center;
  gap: 4px;
  padding: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 30px;
  display: flex;
}
.u_nAySWd .Rpx5b9Dm {
  height: 20px;
  line-height: 20px;
}
.pD4jDOtP {
  align-items: center;
  display: flex;
}
.bTk6Hj_n {
  height: 20px;
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 0 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 12px !important;
}
.bTk6Hj_n[data-absolute="wide"] {
  position: absolute;
  top: 8px;
  left: 8px;
}
.bTk6Hj_n[data-absolute="middle"] {
  position: absolute;
  top: 4px;
  left: 4px;
}
.bTk6Hj_n[data-absolute="narrow"] {
  position: absolute;
  top: 2px;
  left: 2px;
}
.bTk6Hj_n[data-type="primary"] {
  color: #703a17;
  background: #fd9;
}
.bTk6Hj_n[data-type="default"] {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.bTk6Hj_n[data-type="limited"] {
  background: #fe2c55;
}
.bTk6Hj_n[data-mode="text"] {
  background: var(--color-bg-b3);
  color: var(--color-text-t2);
  border: none;
}
.NVvNMia3 {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity 0.5s;
  position: absolute;
}
.D7UcEEbi {
  z-index: 1;
  opacity: 1;
}
.JQx4F7Ko {
  z-index: 0;
  opacity: 0;
}
.minn6sZv {
  z-index: 20;
  margin-top: 43px;
  display: flex;
  position: relative;
}
.minn6sZv .FagQS_j7 {
  width: 207px;
  height: 52px;
  border-radius: 8px;
}
.minn6sZv .FagQS_j7 .nrGSeX6O {
  color: #161823;
  color: var(--color-text-t1);
  align-items: center;
  font-size: 20px;
  line-height: 28px;
  display: flex;
}
.minn6sZv .FagQS_j7:before {
  content: "";
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
}
.minn6sZv .kgqMPElR {
  width: 89px;
  height: 52px;
  border-radius: 8px;
}
.p8__N5lU {
  margin-top: -43px;
}
.IIYujyzo {
  width: 276px;
  height: 86px;
  min-width: 125px;
  cursor: pointer;
  transform-origin: 50%;
  background: rgba(209, 210, 215, 0.5);
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 42px;
  margin-right: 16px;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.ensw7SEL {
  height: 34px;
  color: #161823;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}
.bUAHjeED {
  height: 24px;
  color: rgba(22, 24, 35, 0.6);
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}
.dFYUuqJ1 + .dFYUuqJ1 {
  margin-left: 8px;
}
.IIYujyzo .gtOKvp2R {
  height: 88px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.IIYujyzo:hover {
  transform: scale(1.1);
}
.IIYujyzo:hover .ensw7SEL {
  color: #000;
}
:not(html[dark]) .IIYujyzo {
  background: rgba(236, 237, 238, 0.5);
}
:not(html[dark]) .IIYujyzo:hover {
  background: rgba(236, 237, 238, 0.7);
}
html[dark] .IIYujyzo {
  background: linear-gradient(
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
}
html[dark] .ensw7SEL {
  color: rgba(255, 255, 255, 0.9);
}
html[dark] .bUAHjeED {
  color: rgba(255, 255, 255, 0.5);
}
html[dark] .IIYujyzo:hover {
  background: rgba(255, 255, 255, 0.2);
}
html[dark] .IIYujyzo:hover .ensw7SEL {
  color: #fff;
}
.t8tk5Zpv {
  height: 86px;
  width: 86px;
  cursor: pointer;
  transform-origin: 50%;
  background: rgba(209, 210, 215, 0.5);
  border-radius: 16px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  display: inline-flex;
}
.t8tk5Zpv:hover {
  transform: scale(1.1);
}
.t8tk5Zpv:hover .dRWJDcqE {
  color: #000;
}
.R6b3C6Ai {
  height: 24px;
  color: rgba(22, 24, 35, 0.6);
  margin-top: 9px;
  font-size: 16px;
  line-height: 24px;
}
.dRWJDcqE {
  color: #161823;
}
:not(html[dark]) .t8tk5Zpv {
  background: rgba(236, 237, 238, 0.5);
}
:not(html[dark]) .t8tk5Zpv:hover {
  background: rgba(236, 237, 238, 0.7);
}
html[dark] .t8tk5Zpv {
  background: linear-gradient(
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
}
html[dark] .t8tk5Zpv:hover {
  background: rgba(255, 255, 255, 0.2);
}
html[dark] .t8tk5Zpv:hover .dRWJDcqE {
  color: #fff;
}
html[dark] .dRWJDcqE {
  color: rgba(255, 255, 255, 0.9);
}
html[dark] .R6b3C6Ai {
  color: rgba(255, 255, 255, 0.5);
}
@keyframes om0cX6y9 {
  0% {
    box-shadow: none;
  }
  to {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
    box-shadow: var(--shadow-1);
  }
}
@keyframes EgLiNJov {
  0% {
    overflow: hidden;
  }
  to {
    overflow: visible;
  }
}
@keyframes TiDzH0KP {
  0% {
    width: 300px;
    opacity: 0.3;
    height: 70vh;
  }
  to {
    min-width: 360px;
    max-width: 500px;
    width: 40vw;
    opacity: 1;
    height: 70vh;
  }
}
@keyframes bjRb5MIX {
  0% {
    transform: translateY(-80px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes I45DKaFK {
  0% {
    transform-origin: 100% 0;
    transform: scale(0);
  }
  to {
    transform-origin: 100% 0;
    transform: scale(1);
  }
}
@keyframes Bml77OOh {
  0% {
    transform-origin: 0 100%;
    transform: scale(0);
  }
  to {
    transform-origin: 0 100%;
    transform: scale(1);
  }
}
@keyframes UepPwWTg {
  0% {
    transform-origin: 0 0;
    transform: scale(0);
  }
  to {
    transform-origin: 0 0;
    transform: scale(1);
  }
}
@keyframes rCXwizI3 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mlfQd2Sz {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes GDd7uE88 {
  0% {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
@keyframes y2V9fsne {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes isKQnbN6 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ykLzDVxb {
  --mask--background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
}
html[dark] .ykLzDVxb {
  --mask--background: linear-gradient(180deg, #252632, rgba(37, 38, 50, 0));
}
@keyframes mKWnmhwx {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Ryj5U5uW {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.CDehV1j6 {
  z-index: 503;
  justify-content: center;
  align-items: center;
  animation: 0.4s cubic-bezier(0.34, 0.69, 0.1, 1) forwards mlfQd2Sz;
  display: flex;
}
.lZ7BOQtG {
  height: 577px;
  width: 560px;
  background: #fff;
  background: var(--color-bg-b1);
  border-radius: 16px;
  flex-direction: column;
  animation: 0.4s cubic-bezier(0.34, 0.69, 0.1, 1) GDd7uE88,
    0.2s linear y2V9fsne;
  display: flex;
  position: relative;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
}
.lZ7BOQtG.mdib9xkK {
  animation: 0.3s Ryj5U5uW;
}
.lZ7BOQtG .wddMfUN2 {
  height: 69px;
  width: calc(100% - 64px);
  flex-shrink: 0;
  align-self: center;
  position: relative;
}
.lZ7BOQtG .wddMfUN2 .IDt0v4NA {
  z-index: 1;
  position: absolute;
  top: 27px;
  left: -20px;
}
.lZ7BOQtG .wddMfUN2 .E9VZDDHh {
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 23px;
  right: 0;
}
.lZ7BOQtG .wddMfUN2 .E9VZDDHh .X55me76m {
  display: none;
}
.lZ7BOQtG .wddMfUN2 .E9VZDDHh .tL4REeS5 .X55me76m {
  width: 104px;
  height: 70px;
  background-color: #fff;
  background-color: var(--color-bg-b1);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-1);
  z-index: 2;
  color: #161823;
  color: var(--color-text-t1);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  animation: 0.4s cubic-bezier(0.34, 0.69, 0.1, 1) forwards I45DKaFK;
  display: flex;
  position: absolute;
  bottom: -70px;
  left: -75px;
}
.lZ7BOQtG .wddMfUN2 .E9VZDDHh .qYNbey35 path {
  fill: rgba(22, 24, 35, 0.75);
  fill: var(--color-text-t2);
}
.lZ7BOQtG .wddMfUN2 .E9VZDDHh .qYNbey35:hover path {
  fill: #000;
  fill: var(--color-text-t0);
}
.lZ7BOQtG .ykLzDVxb {
  background: linear-gradient(#fff, rgba(255, 255, 255, 0));
  background: var(--mask--background);
  height: 48px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  transition: all 0.1s linear;
  position: absolute;
  top: 69px;
}
.lZ7BOQtG .ykLzDVxb .IudLB4XF {
  color: rgba(22, 24, 35, 0.6);
  color: var(--color-text-t3);
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  top: 12px;
  left: 45px;
}
.lZ7BOQtG .ScbJQ8Qa {
  flex-grow: 1;
  padding: 0 27px;
  position: relative;
  overflow: scroll;
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 {
  height: 48px;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 .cDH0VFN2 {
  width: 24px;
  height: 16px;
  align-items: center;
  display: flex;
  position: relative;
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 .cDH0VFN2:hover .X55me76m {
  display: block;
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 .cDH0VFN2 .X55me76m {
  width: 277px;
  color: #fff;
  background: #33343f;
  background: var(--color-bg-toast);
  z-index: 2;
  border-radius: 6px;
  padding: 10px 16px;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: none;
  position: absolute;
  top: -12px;
  left: -284px;
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 .cDH0VFN2 .X55me76m .hVBzbm7n {
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #33343f;
  border-left: 4px solid var(--color-bg-toast);
  position: absolute;
  top: 15px;
  right: -8px;
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 .cDH0VFN2 .X55me76m .b3nw8nHk {
  cursor: pointer;
  font-size: 13px;
  text-decoration: underline;
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 .cDH0VFN2 .X55me76m .b3nw8nHk:hover {
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-weight: 500;
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 .cDH0VFN2 path {
  fill: rgba(22, 24, 35, 0.34);
  fill: var(--color-text-t4);
}
.lZ7BOQtG .ScbJQ8Qa .i8oIHFb2 .cDH0VFN2 .k5_F7gXQ {
  display: block;
}
.lZ7BOQtG .ScbJQ8Qa .QeBdqRb8 {
  width: 100%;
  height: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.lZ7BOQtG .ScbJQ8Qa .QeBdqRb8 p {
  color: #161823;
  color: var(--color-text-t1);
  margin-top: 13px;
  font-size: 20px;
  line-height: 28px;
}
.IuqA_xyT {
  width: 100%;
  position: relative;
}
.jSTN3vWP {
  width: 33.3%;
  justify-content: space-between;
  padding: 0 8px 16px;
  font-size: 0;
  display: inline-block;
  position: relative;
}
.jSTN3vWP .bo67bQtY {
  border-radius: 12px;
}
.pBFCCeUr,
.VtHl3vFP {
  width: 100%;
}
.UhaTAVrG {
  display: none;
}
.YzgBl0RR {
  opacity: 0;
}
@keyframes czFtWDTL {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.KFYB1Szl {
  transition: all 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
  display: flex;
  position: relative;
}
.KFYB1Szl .tprDybnF {
  cursor: pointer;
  position: relative;
}
.KFYB1Szl .tprDybnF .ISadWSds {
  color: rgba(22, 24, 35, 0.75);
  color: var(--color-text-t2);
  white-space: nowrap;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  transition: all 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.KFYB1Szl .tprDybnF .ISadWSds.UphuXFUV {
  color: #000;
  color: var(--color-text-t0);
  font-size: 24px;
}
.KFYB1Szl .p3Vx59xP {
  width: 18px;
  height: 3px;
  background-color: #ff2c55;
  transition: all 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
  position: absolute;
  bottom: -17px;
  transform: translate(-50%, -100%);
}
.KFYB1Szl .p3Vx59xP.UphuXFUV {
  animation: 0.4s cubic-bezier(0.34, 0.69, 0.1, 1) czFtWDTL;
}
.EBtYwhmf {
  text-align: center;
  flex-shrink: 0;
  margin-top: 40px;
  padding-bottom: 40px;
}
.B_mbw29p {
  color: rgba(22, 24, 35, 0.34);
  color: var(--color-text-t4);
  text-align: center;
  white-space: break-spaces;
  font-size: 12px;
  line-height: 20px;
}
.NLLHhkaY {
  color: #fe2c55;
  color: var(--color-primary);
  cursor: pointer;
}
.vf_HO5Ue {
  width: 0;
  height: 0;
}
.VpMMsZFZ {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.pH1B11xd {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.d11xcHYz {
  color: #161823;
  color: var(--color-text-t1);
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}
.Yn8xiy2x {
  width: 106px;
  height: 32px;
  background: #fe2c55;
  background: var(--color-primary);
  color: #fff;
  color: var(--color-const-text-white);
  cursor: pointer;
  border-radius: 4px;
  margin-top: 12px;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}
.Yn8xiy2x:hover {
  background: #d21b46;
  background: var(--color-primary-hover);
}
.Yn8xiy2x:active {
  background: #a50e37;
  background: var(--color-primary-active);
}
.o5yEfo2D {
  width: 100%;
  height: 182px;
  color: #161823;
  color: var(--color-text-t1);
  text-align: center;
  padding-top: 48px;
  font-size: 14px;
  line-height: 22px;
}
.o5yEfo2D .eMMHOCwv {
  width: 132px;
  height: 36px;
  margin-top: 16px;
}
.Q_uOVQ1u {
  overflow: hidden;
}
.SBWUpJd_ {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 0;
  position: relative;
}
.bGEvyQfj {
  line-height: 0;
}
.TOunFXSZ {
  transform: none !important;
}
html .related-video-card-login-guide-block,
html[dark] .related-video-card-login-guide-block {
  --icon-fail: url(data:image/png;base64,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)
    no-repeat;
  --color-login-panel-mask: rgba(32, 33, 44, 0.88);
}
.related-video-card-login-guide-block {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  min-height: 258px;
  opacity: 0;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  position: relative;
  overflow: hidden;
}
.related-video-card-login-guide-block.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
.related-video-card-login-guide-block.notAnimate {
  opacity: 1;
}
.related-video-card-login-guide-block.showBlockBtn {
  height: 282px;
}
.related-video-card-login-guide-block__user-info {
  padding-top: 25px;
  padding-left: 16px;
  display: flex;
}
.related-video-card-login-guide-block__user-info-content {
  color: #000;
  color: var(--color-text-t0);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-left: 9px;
}
.related-video-card-login-guide-block__user-info-content-nickname {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.related-video-card-login-guide-block__user-info-content-behavior {
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}
.related-video-card-login-guide-block__user-info-content-behavior span {
  width: 1px;
  border-right: 1px solid var(--color-text-t0);
  border-color: #000;
  border-color: var(--color-text-t0);
  height: 12px;
  margin-left: 6px;
  margin-right: 6px;
  display: inline-block;
}
.related-video-card-login-guide-block__content {
  width: 100%;
  position: absolute;
}
.related-video-card-login-guide-block__desc {
  text-align: center;
  color: #000;
  color: var(--color-text-t0);
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.related-video-card-login-guide-block__text {
  text-align: center;
  color: rgba(22, 24, 35, 0.6);
  color: var(--color-text-t3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-top: 6px;
  font-size: 12px;
  line-height: 17px;
}
.related-video-card-login-guide-block__close {
  color: #161823;
  color: var(--color-text-t1);
  text-align: center;
  cursor: pointer;
  margin-top: 6px;
  font-size: 12px;
  line-height: 20px;
}
.related-video-card-login-guide-block__close span {
  border-bottom: 1px solid #161823;
  border-bottom: 1px solid var(--color-text-t1);
}
.related-video-card-login-guide-block .web-login-container {
  width: 100%;
}
.related-video-card-login-guide-block .web-login-container .web-login {
  background-color: transparent;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code {
  min-height: 0;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code
  .web-login-common-wrapper {
  min-height: 0;
  z-index: 1;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code
  .web-login-common-wrapper:after {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code
  .web-login-common-wrapper__tab {
  display: none;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code
  .web-login-common-wrapper
  .web-login-scan-code__content {
  margin-top: 20px;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content {
  border: none;
  margin-top: 129px;
  padding: 0;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper,
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__qrcode {
  border-radius: 8px;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask {
  z-index: 1;
  background: linear-gradient(#fff, #fff);
  background: linear-gradient(0deg, var(--color-bg-b1), var(--color-bg-b1));
  opacity: 0.96;
  border-radius: 8px;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast {
  box-shadow: none;
  background: 0 0;
  flex-direction: column;
  padding: 0;
  display: flex;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon {
  order: 2;
  margin-top: 35px;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.refresh,
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.failed {
  background: 0 0;
  font-size: 0;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.refresh:after,
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.failed:after {
  content: "";
  width: 70px;
  height: 86px;
  background: var(--icon-fail) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.error {
  display: none;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.success {
  background: 0 0;
  font-size: 0;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.success:after {
  content: "";
  width: 48px;
  height: 48px;
  background: url(data:image/png;base64,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)
    0 0/100% 100% no-repeat;
  display: inline-block;
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translate(-50%);
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__text {
  color: rgba(22, 24, 35, 0.75);
  color: var(--color-text-t2);
  order: 1;
  margin-top: 105px;
  font-size: 14px;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__text.refresh,
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__text.failed {
  display: none;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login-scan-code__content__qrcode-wrapper__mask__toast__text.error {
  margin-top: 0;
}
.related-video-card-login-guide-block
  .web-login-container
  .web-login
  .web-login-link-list {
  display: none;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.eoOhNUXw {
  width: 100%;
  height: 96px;
  color: rgba(22, 24, 35, 0.34);
  color: rgba(22, 24, 35, 0.6);
  color: var(--color-text-t3);
  text-align: center;
  margin-top: 8px;
  padding-top: 8px;
  font-size: 12px;
  line-height: 20px;
}
.eoOhNUXw .DLu8yNUi {
  width: 104px;
  height: 32px;
  border-radius: 10px;
  margin-top: 12px;
  font-weight: 400;
  text-shadow: none !important;
}
.eoOhNUXw .FYQOGjDp {
  color: rgba(22, 24, 35, 0.6);
  color: var(--color-text-t3);
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
}
.eoOhNUXw .FYQOGjDp span {
  border-bottom: 1px solid rgba(22, 24, 35, 0.6);
  border-bottom: 1px solid var(--color-text-t3);
}
.eoOhNUXw.hDkhlPTV {
  height: 182px;
  padding-top: 48px;
  font-size: 14px;
  line-height: 22px;
}
.eoOhNUXw.hDkhlPTV .DLu8yNUi {
  width: 132px;
  height: 36px;
  margin-top: 16px;
}
._bIvBpSr.mPAryLDL {
  border-radius: 10px !important;
  font-weight: 400 !important;
}
._bIvBpSr.mPAryLDL:disabled {
  color: var(--color-text-t4);
}
._bIvBpSr {
  cursor: pointer;
  border: 0;
  outline: none;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
  padding: 0 16px;
  display: inline-flex;
  position: relative;
}
.RcZiac7g {
  min-width: 68px;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
}
.RcZiac7g.C1mTkDaf {
  width: 68px;
}
.kMPuAtFs {
  min-width: 88px;
  height: 36px;
  border-radius: 10px;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.kMPuAtFs.C1mTkDaf {
  width: 88px;
}
.MNA4sgqI {
  min-width: 340px;
  height: 56px;
  border-radius: 4px;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.MNA4sgqI.C1mTkDaf {
  width: 340px;
}
.aum0ytaX {
  background-color: #fe2c55;
  background-color: var(--color-primary);
  color: #fff;
  color: var(--color-const-text-white);
}
.aum0ytaX:hover {
  background-color: #d21b46;
  background-color: var(--color-primary-hover);
}
.aum0ytaX:active {
  background-color: #a50e37;
  background-color: var(--color-primary-active);
}
.aum0ytaX:disabled {
  cursor: not-allowed;
  background-color: rgba(254, 44, 85, 0.34);
}
.aum0ytaX._5ngKZItY {
  background-color: #fff;
  background-color: var(--color-bg-b1);
  border: 1px solid #fe2c55;
  border: 1px solid var(--color-primary);
  color: #fe2c55;
  color: var(--color-primary);
}
.aum0ytaX._5ngKZItY:hover {
  border: 1px solid #d21b46;
  border: 1px solid var(--color-primary-hover);
  color: #d21b46;
  color: var(--color-primary-hover);
}
.aum0ytaX._5ngKZItY:active {
  border: 1px solid #a50e37;
  border: 1px solid var(--color-primary-active);
  color: #a50e37;
  color: var(--color-primary-active);
}
.aum0ytaX._5ngKZItY:disabled {
  color: rgba(254, 44, 85, 0.34);
  cursor: not-allowed;
  border: 1px solid rgba(254, 44, 85, 0.34);
}
.bSr2rofV {
  background-color: #f2f2f4;
  background-color: var(--color-secondary-default);
  color: rgba(22, 24, 35, 0.75);
  color: var(--color-text-t2);
}
.bSr2rofV:hover {
  background-color: #e4e4e6;
  background-color: var(--color-secondary-hover);
}
.bSr2rofV:active {
  background-color: #c9c9cc;
  background-color: var(--color-secondary-active);
}
.bSr2rofV:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  background-color: rgba(254, 44, 85, 0.34);
}
.bSr2rofV._5ngKZItY {
  color: rgba(22, 24, 35, 0.75);
  background-color: #fff;
  border: 1px solid #f1f2f5;
}
.bSr2rofV._5ngKZItY:hover,
.bSr2rofV._5ngKZItY:active {
  color: rgba(22, 24, 35, 0.75);
  border: 1px solid #f1f2f5;
}
.bSr2rofV._5ngKZItY:disabled {
  color: rgba(22, 24, 35, 0.75);
  cursor: not-allowed;
  border: 1px solid #f1f2f5;
}
.i9kCnUjQ {
  color: #fff;
  color: var(--color-const-text-white);
  border: 2px solid #fff;
  border: 2px solid var(--color-const-text-white);
  background-color: rgba(10, 12, 32, 0.3);
}
.i9kCnUjQ:hover {
  opacity: 0.9;
  background-color: rgba(10, 12, 32, 0.3);
}
.i9kCnUjQ:active {
  opacity: 0.75;
  background-color: rgba(10, 12, 32, 0.3);
}
.i9kCnUjQ:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  background-color: rgba(10, 12, 32, 0.3);
}
.A0nxohtZ {
  width: 100%;
  position: relative;
}
.A0nxohtZ .sQ2U3wlt {
  width: 100%;
  background-color: #f2f2f4;
  background-color: var(--color-bg-b2);
  border-radius: 4px;
  padding-bottom: 133%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.A0nxohtZ .sQ2U3wlt .VsTZZKY9 {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}
.A0nxohtZ .sQ2U3wlt .VsTZZKY9 path {
  fill: rgba(22, 24, 35, 0.75);
  fill: var(--color-text-t2);
}
div.Z3o6vw6l,
span.Z3o6vw6l,
.Z3o6vw6l {
  height: 20px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: inline-flex;
}
div.Z3o6vw6l.SvHZ7J4B,
span.Z3o6vw6l.SvHZ7J4B,
.Z3o6vw6l.SvHZ7J4B {
  height: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
}
div.Z3o6vw6l.SvHZ7J4B span,
span.Z3o6vw6l.SvHZ7J4B span,
.Z3o6vw6l.SvHZ7J4B span {
  transform-origin: 50%;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  transform: scale(0.83);
}
.jH8MPCvM {
  width: 58px;
  height: 20px;
  background: linear-gradient(
    316deg,
    #ffc61c -2.12%,
    #ff41b0 30.13%,
    #3c21e1 102.84%
  );
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.jH8MPCvM .sdfywrr9 {
  width: 8px;
  height: 8px;
  justify-content: center;
  align-items: center;
  margin-right: 3px;
  display: flex;
}
.Z3o6vw6l.IfAH2blH,
.Z3o6vw6l.Ubhr0vDw,
.Z3o6vw6l.zbXBEm2h,
.Z3o6vw6l.PyUs7fqG,
.Z3o6vw6l.gTnuQeca,
.Z3o6vw6l.zfUdHWCh {
  color: #fff;
}
.Z3o6vw6l.xnaeRTmH {
  color: rgba(255, 255, 255, 0.5);
}
.Z3o6vw6l.Lhz_FteN {
  color: rgba(22, 24, 35, 0.6);
}
.Z3o6vw6l.XRK9ygRS {
  color: #161823;
}
.ZoYvZg5Z {
  color: rgba(22, 24, 35, 0.34);
  background-color: #f2f2f4;
  border: 1px solid rgba(229, 229, 234, 0.9);
  padding: 0;
}
.usH0uAhO {
  width: 32px;
  height: 20px;
  text-align: center;
  color: #2f3035;
  color: #2f3035;
  background-color: #feb400;
  border-radius: 2px;
}
div.r1YTi070.S6Z5Y3Ad {
  height: 22px;
  width: 42px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.9);
  padding: 1px 8px;
}
div.r1YTi070.S6Z5Y3Ad > span {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  transform: unset !important;
}
.Z3o6vw6l.amionftR {
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  transform: translateY(-1px);
  margin-left: 5px !important;
}
.Z3o6vw6l.amionftR .vo8w2jFH {
  position: relative;
}
.Z3o6vw6l.amionftR.T28nk33Y {
  float: right;
  transform: translateY(0);
}
@keyframes ciP8ONNh {
  0% {
    box-shadow: none;
  }
  to {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
    box-shadow: var(--shadow-1);
  }
}
@keyframes Z1AsjwAC {
  0% {
    overflow: hidden;
  }
  to {
    overflow: visible;
  }
}
@keyframes AN7RFbgD {
  0% {
    width: 300px;
    opacity: 0.3;
    height: 70vh;
  }
  to {
    min-width: 360px;
    max-width: 500px;
    width: 40vw;
    opacity: 1;
    height: 70vh;
  }
}
.SF0P5HVG {
  width: 100%;
  cursor: pointer;
  border-radius: 12px;
  transition-property: transform, shadow, background-color;
  transition-duration: 0.35s;
  display: block;
  position: relative;
  overflow: hidden;
}
.SF0P5HVG.h0CXDpkg:hover,
.SF0P5HVG.h0CXDpkg:hover .dRAoSDJg {
  border-radius: 0;
  overflow: visible;
}
.SF0P5HVG .dRAoSDJg {
  box-shadow: 0 0 0.5px #f2f2f4;
  box-shadow: 0 0 0.5px 0 var(--color-secondary-default);
  border-radius: 12px;
  padding-bottom: 133%;
  transition-property: border-radius;
  transition-duration: 0.35s;
  transition-delay: 0.5s;
  position: relative;
  overflow: hidden;
}
.SF0P5HVG .dRAoSDJg:hover img {
  transition: all 0.3s ease-out;
  transform: scale(1.05);
}
.SF0P5HVG .dRAoSDJg img {
  transition: all 0.3s ease-in;
  transform: scale(1);
}
.SF0P5HVG .dRAoSDJg.R4sZV0Ws:hover img {
  transition: all 0.3s ease-out;
  transform: scale(1.1);
}
.SF0P5HVG .dRAoSDJg.R4sZV0Ws img {
  transition: all 0.3s ease-in;
  transform: scale(1);
}
.SF0P5HVG .OphgX4T0 {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.SF0P5HVG .OphgX4T0 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.SF0P5HVG .CHgVvXxw {
  background: rgba(0, 0, 0, 0.7);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.SF0P5HVG .CHgVvXxw .f_yx2BZP {
  color: #fff;
  margin-top: 16px;
  font-size: 16px;
  line-height: 26px;
}
.SF0P5HVG:hover.sXMZUckc {
  background-color: #f2f2f4;
  background-color: var(--color-bg-b2);
  z-index: 1;
  border-radius: 6px;
  position: relative;
  transform: scale(1.2);
  box-shadow: 0 0 26.82px #000;
}
.SF0P5HVG:hover.sXMZUckc .dRAoSDJg {
  border-radius: 0;
}
.SF0P5HVG:hover.sXMZUckc .Ja95nb2Z {
  transform: scale(0.86) translateY(-4px);
}
.JjBQw78F {
  margin-right: 6px;
  line-height: 16px;
}
.JjBQw78F .JVYAxL_1 {
  margin-top: 3px;
}
.TQTCdYql {
  flex-wrap: wrap;
  display: flex;
  position: absolute;
}
.TQTCdYql.p5tJVxBS {
  top: 8px;
  left: 8px;
}
.TQTCdYql.NtD3c5Kk {
  bottom: 13px;
  right: 9px;
}
.YzDRRUWc,
.Jz5M0njF {
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  position: absolute;
  bottom: 4px;
  left: 8px;
}
.YzDRRUWc span,
.Jz5M0njF span {
  margin-left: 5px;
  display: inline-block;
}
._L26I_xb {
  opacity: 0.4;
  height: 48px;
  width: 100%;
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 100%);
  position: absolute;
  bottom: 0;
}
.ztA3qIFr {
  display: none;
}
.Ja95nb2Z {
  height: 44px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: #161823;
  color: var(--color-text-t1);
  -webkit-box-orient: vertical;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  transition-property: margin;
  transition-duration: 0.35s;
  display: -webkit-box;
  overflow: hidden;
}
.RuH3QGLK {
  z-index: 1 !important;
}
.nEIAeQAP {
  opacity: 0;
}
#videoSideBar .TQTCdYql.p5tJVxBS {
  top: 6px;
  left: 6px;
}
#slideMode .SF0P5HVG .OphgX4T0.lEdacVQ8,
#sliderVideo .SF0P5HVG .OphgX4T0.lEdacVQ8 {
  z-index: -1;
}
#slideMode .SF0P5HVG .JjBQw78F,
#sliderVideo .SF0P5HVG .JjBQw78F {
  margin-right: 2px;
}
#slideMode .SF0P5HVG .JjBQw78F > span,
#sliderVideo .SF0P5HVG .JjBQw78F > span {
  white-space: nowrap;
  border-radius: 4px;
}
#slideMode .SF0P5HVG .TQTCdYql.p5tJVxBS,
#sliderVideo .SF0P5HVG .TQTCdYql.p5tJVxBS {
  top: 4px;
  left: 4px;
}
#slideMode .SF0P5HVG .YzDRRUWc,
#slideMode .SF0P5HVG .Jz5M0njF,
#sliderVideo .SF0P5HVG .YzDRRUWc,
#sliderVideo .SF0P5HVG .Jz5M0njF {
  margin-left: 8px;
  font-size: 12px;
  bottom: 4px;
  left: 0;
}
#slideMode .SF0P5HVG .YzDRRUWc > svg,
#slideMode .SF0P5HVG .Jz5M0njF > svg,
#sliderVideo .SF0P5HVG .YzDRRUWc > svg,
#sliderVideo .SF0P5HVG .Jz5M0njF > svg {
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  #slideMode.relatedUiAdapter .SF0P5HVG .YzDRRUWc,
  #slideMode.relatedUiAdapter .SF0P5HVG .Jz5M0njF,
  #sliderVideo.relatedUiAdapter .SF0P5HVG .YzDRRUWc,
  #sliderVideo.relatedUiAdapter .SF0P5HVG .Jz5M0njF {
    font-size: calc(0.357143vw + 6.85714px);
  }
  #slideMode.relatedUiAdapter .SF0P5HVG .YzDRRUWc > svg,
  #slideMode.relatedUiAdapter .SF0P5HVG .Jz5M0njF > svg,
  #sliderVideo.relatedUiAdapter .SF0P5HVG .YzDRRUWc > svg,
  #sliderVideo.relatedUiAdapter .SF0P5HVG .Jz5M0njF > svg {
    width: calc(0.892857vw + 1.14286px);
    height: calc(0.892857vw + 1.14286px);
  }
}
@media screen and (min-width: 2560px) {
  #slideMode.relatedUiAdapter .SF0P5HVG .YzDRRUWc,
  #slideMode.relatedUiAdapter .SF0P5HVG .Jz5M0njF,
  #sliderVideo.relatedUiAdapter .SF0P5HVG .YzDRRUWc,
  #sliderVideo.relatedUiAdapter .SF0P5HVG .Jz5M0njF {
    font-size: 16px;
  }
  #slideMode.relatedUiAdapter .SF0P5HVG .YzDRRUWc > svg,
  #slideMode.relatedUiAdapter .SF0P5HVG .Jz5M0njF > svg,
  #sliderVideo.relatedUiAdapter .SF0P5HVG .YzDRRUWc > svg,
  #sliderVideo.relatedUiAdapter .SF0P5HVG .Jz5M0njF > svg {
    width: 24px;
    height: 24px;
  }
}
div.A2phXnfo {
  height: 20px;
  background: #33343f;
  background: var(--color-bg-toast);
  color: #fff;
  color: var(--color-const-text-white);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  align-items: center;
  padding: 0 6px;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}
div.A2phXnfo .IyqRKSsu {
  margin-right: 4px;
}
div.cXD_0ixl {
  width: 20px;
  height: 20px;
  background: #40424b;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.VAvRzKqv {
  cursor: pointer;
  position: relative;
}
.q2omuNKc {
  height: 90px;
  margin-bottom: 24px;
  padding: 0 6px;
  display: flex;
}
.q2omuNKc .XzvtiD2I {
  width: 161px;
  border-radius: 12px;
  flex: none;
  position: relative;
  overflow: hidden;
}
.q2omuNKc .XzvtiD2I img {
  width: 161px;
  height: 90px;
}
.q2omuNKc .XzvtiD2I .E_KECgme {
  max-width: 161px;
  max-height: 90px;
  flex-shrink: 0;
}
.q2omuNKc .XzvtiD2I .ynGO9594 {
  letter-spacing: 0.6px;
  color: #fff;
  z-index: 1;
  font-size: 12px;
  position: absolute;
  bottom: 2px;
  right: 6px;
}
.q2omuNKc .XzvtiD2I .F2BjpB9A {
  background-color: #f2f2f4;
  background-color: var(--color-bg-b2);
}
.q2omuNKc .XzvtiD2I:after {
  content: "";
  height: 36px;
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.q2omuNKc .Xbkb4KrK {
  width: calc(100% - 130px);
  flex: 1;
  margin-left: 8px;
}
.q2omuNKc .Xbkb4KrK .jsQRAy27 {
  height: 30px;
  color: #161823;
  color: var(--color-text-t1);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  overflow: hidden;
}
.q2omuNKc .Xbkb4KrK .HpL5Cbar {
  height: 22px;
  margin: 6px 0;
  display: flex;
}
.q2omuNKc .Xbkb4KrK .HpL5Cbar .TksKSAtN {
  height: 22px;
  color: #fff;
  background-color: #ff2c55;
  border-radius: 6px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 22px;
}
.q2omuNKc .Xbkb4KrK .HpL5Cbar .jqxHjIe_ {
  color: rgba(22, 24, 35, 0.6);
  color: var(--color-text-t3);
  margin-left: 8px;
  font-size: 12px;
  line-height: 22px;
}
.q2omuNKc .Xbkb4KrK .pfu2Mt_3 {
  display: flex;
}
.q2omuNKc .Xbkb4KrK .pfu2Mt_3 .BXMlUzv4 {
  color: rgba(22, 24, 35, 0.6);
  color: var(--color-text-t3);
  font-size: 12px;
  line-height: 22px;
}
.W7kwVW7_ {
  position: relative;
}
.ZkLdS7Zl {
  height: 14px;
  align-items: center;
  display: flex;
}
.ZkLdS7Zl .inPwwowj {
  height: 1px;
  background-color: #f2f2f4;
  background-color: var(--color-secondary-default);
  flex: 1;
}
.ZkLdS7Zl .ik3Y1Lay {
  color: rgba(22, 24, 35, 0.6);
  color: var(--color-text-t3);
  margin: 0 8px;
  font-family: number;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  transition: all 0.2s linear;
}
.ZkLdS7Zl .ik3Y1Lay.WbGtQHuF {
  color: #fe2c55;
  align-items: center;
  display: flex;
}
.ZkLdS7Zl .ik3Y1Lay .VGdwOHU8 {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.ZkLdS7Zl .ik3Y1Lay .VGdwOHU8 svg {
  vertical-align: baseline;
}
.ZkLdS7Zl .ik3Y1Lay .VGdwOHU8 path {
  fill: #fe2c55;
}
.ZkLdS7Zl:not(.ZUSeUxRI):after {
  content: "";
  width: 16px;
  height: 1px;
  background-color: #f2f2f4;
  background-color: var(--color-secondary-default);
  position: absolute;
  right: -16px;
}
.ZkLdS7Zl.L2Zxmgt1:not(.ZUSeUxRI):after {
  background-color: var(--springLineColor);
}
.OW7dwsii {
  width: 100%;
  background: #fff;
  background: var(--color-bg-b1);
  cursor: pointer;
  border-radius: 12px;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
}
.OW7dwsii:hover .jpd7u9q5 {
  color: #fff3b1;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: cover;
}
.OW7dwsii:hover .jpd7u9q5 svg path {
  stroke: #fff3b1;
}
.OW7dwsii .hpC3aOSU {
  width: 100%;
  padding-top: 130%;
  position: relative;
  overflow: hidden;
}
.OW7dwsii .hpC3aOSU .l5KWqYwQ {
  position: absolute;
  top: 0;
  left: 0;
}
.OW7dwsii .hpC3aOSU .l5KWqYwQ:hover {
  transition: all 0.3s;
  transform: scale(1.05);
}
.OW7dwsii .hpC3aOSU .DkK6A0K9 {
  width: 100%;
  height: 100%;
  border-radius: 6px 6px 0 0;
}
.OW7dwsii .hpC3aOSU .LdaX94cd {
  height: 100px;
  width: 100%;
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  position: absolute;
  bottom: 0;
}
.OW7dwsii .hpC3aOSU .Xhymdu0k {
  width: 100%;
  padding: 0 12px;
  position: absolute;
  bottom: 12px;
}
.OW7dwsii .hpC3aOSU .Xhymdu0k .WDjg6PoI {
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}
.OW7dwsii .hpC3aOSU .Xhymdu0k .hKEBrrbE {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 20px;
}
.nD9OrNNK {
  height: 64px;
  padding: 12px;
}
.nD9OrNNK .ErKulOnh {
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: var(--color-primary);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.nD9OrNNK .ErKulOnh.Mu1M3jzh {
  color: #fff3b1;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.nD9OrNNK .ErKulOnh.qsXFUos7 {
  background-color: rgba(254, 44, 85, 0.34);
}
.nD9OrNNK .ErKulOnh.qsXFUos7 span {
  opacity: 0.5;
}
.nD9OrNNK .DnbINxhs {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.nD9OrNNK .DnbINxhs svg {
  vertical-align: baseline;
}
.kX6RfJEh {
  z-index: 503;
  background: rgba(0, 0, 0, 0.85);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.XRTOwSZO {
  width: 320px;
  height: 360px;
  background-color: #000;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.XRTOwSZO .rvv_z0iy {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 8px;
}
.XRTOwSZO .kw5dK6VJ {
  width: 100%;
  height: 100%;
  filter: blur(20px);
  transform-origin: top;
  position: absolute;
  top: 0;
  transform: scale(1.3);
}
.XRTOwSZO .GpVoprfF {
  width: 100%;
  height: 100%;
  transform-origin: top;
  position: absolute;
  top: 0;
}
.XRTOwSZO .RFu9P6jL {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    rgba(25, 25, 30, 0.4) 0%,
    rgba(9, 8, 16, 0.3) 0.01%,
    rgba(9, 8, 16, 0.5) 13.38%,
    rgba(9, 8, 16, 0.8) 88.89%
  );
  position: absolute;
  top: 0;
}
.XRTOwSZO .DT_DvjrE {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 0 24px;
  position: absolute;
  top: 0;
}
.XRTOwSZO ._iOXE3yg {
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: 180px;
  font-size: 24px;
  line-height: 34px;
  display: flex;
}
.XRTOwSZO .HDGgJbnG {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}
.XRTOwSZO .HDGgJbnG .QdYc372Z {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.XRTOwSZO .GP1LHaZh {
  width: 272px;
  height: 44px;
  color: #fff;
  cursor: pointer;
  background: #fe2c55;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  position: absolute;
  bottom: 24px;
}
.imq_GPDe {
  margin-bottom: 36px;
}
.imq_GPDe .T6FfMYcJ {
  top: calc(50% - 17px);
}
.imq_GPDe .elW6rEI9 {
  margin-bottom: 16px;
}
.imq_GPDe .F9m3LbO0 {
  height: 34px;
}
.imq_GPDe .uGAraacf {
  color: var(--color-text-t0);
  font-size: 22px;
}
.RJiglhrF {
  width: 100%;
  position: relative;
}
.RJiglhrF .sphV7oxb {
  margin-bottom: 6px;
}
.RJiglhrF .UrtuPy8a {
  width: 100%;
  display: flex;
  position: relative;
}
.RJiglhrF .UrtuPy8a .NrZAsAPE {
  width: 100%;
  display: flex;
  overflow: hidden;
}
.RJiglhrF .UrtuPy8a .NrZAsAPE .le4AF8SA {
  width: 100%;
  transition: all 0.4s linear;
  display: flex;
}
.RJiglhrF .UrtuPy8a .WjJE5dpI .a6nCyDSV,
.RJiglhrF .UrtuPy8a .WjJE5dpI .m8a7m2aR {
  cursor: pointer;
  position: absolute;
  top: 50%;
}
.RJiglhrF .UrtuPy8a .WjJE5dpI .a6nCyDSV path:nth-last-child(1),
.RJiglhrF .UrtuPy8a .WjJE5dpI .m8a7m2aR path:nth-last-child(1) {
  stroke: rgba(255, 255, 255, 0.8);
}
.RJiglhrF .UrtuPy8a .WjJE5dpI .a6nCyDSV:hover path:nth-last-child(1),
.RJiglhrF .UrtuPy8a .WjJE5dpI .m8a7m2aR:hover path:nth-last-child(1) {
  stroke: #fff;
}
.RJiglhrF .UrtuPy8a .WjJE5dpI .a6nCyDSV.aIE4PI6X path:nth-last-child(1),
.RJiglhrF .UrtuPy8a .WjJE5dpI .m8a7m2aR.aIE4PI6X path:nth-last-child(1) {
  stroke: rgba(255, 255, 255, 0.5);
}
.RJiglhrF .UrtuPy8a .WjJE5dpI .a6nCyDSV path:nth-child(1),
.RJiglhrF .UrtuPy8a .WjJE5dpI .m8a7m2aR path:nth-child(1) {
  fill: rgba(0, 0, 0, 0.6);
}
.RJiglhrF .UrtuPy8a .WjJE5dpI .a6nCyDSV:hover path:nth-child(1),
.RJiglhrF .UrtuPy8a .WjJE5dpI .m8a7m2aR:hover path:nth-child(1),
.RJiglhrF .UrtuPy8a .WjJE5dpI .a6nCyDSV.aIE4PI6X path:nth-child(1),
.RJiglhrF .UrtuPy8a .WjJE5dpI .m8a7m2aR.aIE4PI6X path:nth-child(1) {
  fill: rgba(0, 0, 0, 0.9);
}
.RJiglhrF .UrtuPy8a .WjJE5dpI .a6nCyDSV {
  left: -20px;
  transform: translateY(-50%);
}
.RJiglhrF .UrtuPy8a .WjJE5dpI .m8a7m2aR {
  right: -20px;
  transform: translateY(-50%) rotate(180deg);
}
.RJiglhrF .UrtuPy8a .l70jO80g {
  --vs-card-count: 6;
  --vs-card-margin: 16px;
  width: calc(
    100% / var(--vs-card-count) - var(--vs-card-margin) *
      (var(--vs-card-count) - 1) / var(--vs-card-count)
  );
  margin-right: var(--vs-card-margin);
  flex: none;
}
@media (max-width: 873px) {
  .RJiglhrF .UrtuPy8a .l70jO80g {
    --vs-card-count: 3;
  }
}
@media (max-width: 1240px) and (min-width: 874px) {
  .RJiglhrF .UrtuPy8a .l70jO80g {
    --vs-card-count: 4;
  }
}
@media (max-width: 1624px) and (min-width: 1240px) {
  .RJiglhrF .UrtuPy8a .l70jO80g {
    --vs-card-count: 5;
  }
}
@media (max-width: 1920px) and (min-width: 1625px) {
  .RJiglhrF .UrtuPy8a .l70jO80g {
    --vs-card-count: 6;
  }
}
@media (min-width: 1920px) {
  .RJiglhrF .UrtuPy8a .l70jO80g {
    --vs-card-count: 8;
  }
}
.RJiglhrF .tESeL2aF {
  display: none;
}
.DMf7XAUO {
  width: 100%;
  margin-bottom: 23px;
}
.kPAdK2Ry {
  background: #f8f9fd;
  border-radius: 8px;
  position: relative;
}
.kPAdK2Ry:before {
  content: "";
  width: 100%;
  padding-bottom: 140.556%;
  display: block;
}
.e_ypExcW {
  /* background-image: url(../media/skeleton_bcg_logo.c2f8bc7dd036d730.svg); */
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.KmalIKbF {
  color: rgba(47, 48, 53, 0.04);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._zj2960p {
  padding: 12px 0;
}
.MlyivHrk {
  width: 62.9%;
  height: 16px;
  background: #f8f9fd;
  border-radius: 2px;
}
.LO2RM9qc {
  width: 83.6%;
  height: 16px;
  background: #f8f9fd;
  border-radius: 2px;
  margin-top: 8px;
}
html[dark] .kPAdK2Ry {
  background: #20212c;
}
html[dark] .e_ypExcW {

}
html[dark] .KmalIKbF {
  color: rgba(255, 255, 255, 0.04);
}
html[dark] .MlyivHrk,
html[dark] .LO2RM9qc {
  background: #20212c;
}
.Qy9wUWbf.DMf7XAUO .e_ypExcW {

}
.Qy9wUWbf.DMf7XAUO .e_ypExcW .MTQkHySq {
  color: rgba(255, 255, 255, 0.04);
}
.dFL3JSxa {
  margin-bottom: 13px;
}
.dFL3JSxa .kgOoBbX_ {
  top: calc(50% - 37px) !important;
}
.dFL3JSxa .yXuCXBNe,
.dFL3JSxa .qWKTcuu9 {
  margin-bottom: 0;
}
.dFL3JSxa .dCUrFPqI {
  padding-top: 20px;
  padding-bottom: 36px;
}
.XtUgzTG1 .GdMoZ3HZ.OER0HPNZ {
  left: 0;
  right: 100%;
}
.XtUgzTG1 .GdMoZ3HZ.IJqQHzoR {
  left: auto;
  right: 0;
}
.yXuCXBNe {
  height: 34px;
  color: #161823;
  align-items: center;
  margin-bottom: 24px;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 24px;
  font-weight: 400;
  display: flex;
}
html[dark] .yXuCXBNe {
  color: rgba(255, 255, 255, 0.9);
}
img:not([src]),
img[src=""] {
  opacity: 0;
}
.lrO33XVF {
  background-color: #fff;
  background-color: var(--color-bg-b1);
  border: 0.5px solid rgba(22, 24, 35, 0.06);
  border-color: var(--color-line-l3);
  cursor: pointer;
  width: 100%;
  border-radius: 12px;
  margin-bottom: 23px;
  margin-right: 16px;
  position: relative;
}
.lrO33XVF .nnJ8GXOQ {
  width: 100%;
  margin: 0;
}
.lrO33XVF .nnJ8GXOQ .hRcYgBTE {
  width: 100%;
  border-radius: 12px 12px 0 0;
  position: relative;
  overflow: hidden;
}
.lrO33XVF .nnJ8GXOQ .hRcYgBTE .sOiiZ9Ax {
  height: 46%;
  width: 100%;
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  bottom: 0;
}
.lrO33XVF .nnJ8GXOQ .hRcYgBTE .pDWMsRbC {
  color: rgba(255, 255, 255, 0.9);
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  bottom: 8px;
  right: 11px;
}
.lrO33XVF .nnJ8GXOQ .hRcYgBTE:before {
  content: "";
  width: 100%;
  padding-bottom: 140.556%;
  display: block;
}
.lrO33XVF .nnJ8GXOQ .hRcYgBTE .e8Dorv_k {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lrO33XVF .nnJ8GXOQ .hRcYgBTE .mh904Wbd {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0;
}
.lrO33XVF .nnJ8GXOQ .doTqL1sw {
  width: 100%;
  padding: 14px 12px 8px;
  position: relative;
}
.lrO33XVF .nnJ8GXOQ .doTqL1sw .yw7LQQ0o {
  text-align: justify;
  color: #2f3035;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
}
.lrO33XVF .nnJ8GXOQ .doTqL1sw .qr90HuRz {
  mix-blend-mode: normal;
  color: rgba(47, 48, 53, 0.7);
  text-align: justify;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
  align-items: center;
  padding: 4px 0;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  overflow: hidden;
}
@keyframes uO113uJm {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lrO33XVF .J55mIAV7 {
  width: 117%;
  height: 0;
  z-index: 10;
  margin-top: -16px;
  margin-left: -8.5%;
  padding-bottom: 175%;
  position: absolute;
}
.lrO33XVF .lyCmglZX {
  width: 117%;
  height: 100%;
  z-index: 1;
  background: #fff;
  border-radius: 16px;
  animation: 0.2s backwards stN9Ijsd;
  position: absolute;
  top: 0;
  left: -8.5%;
  overflow: hidden;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}
.lrO33XVF .L5lsymPx {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lrO33XVF .hdXUkygF {
  width: 100%;
  height: 37.419%;
  border-radius: 12px 12px 0 0;
  position: relative;
  overflow: hidden;
}
.lrO33XVF .hdXUkygF .l4FNu4cv {
  width: 100%;
  height: 100%;
}
.lrO33XVF .DwWGe4p0 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lrO33XVF .hdXUkygF .OaqYD9Y8,
.lrO33XVF .hdXUkygF xg-poster {
  background-size: cover !important;
}
.lrO33XVF .hdXUkygF video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background: #000;
  margin: 0;
  padding: 0;
}
.lrO33XVF .hdXUkygF .yEo2CsYg {
  width: 18.3%;
  pointer-events: none;
  cursor: default;
  position: absolute;
  top: 8.5%;
  right: 4.3%;
}
.lrO33XVF .BaTIMw4q {
  width: 200%;
  height: calc(100% + 44px);
  max-width: 440px;
  top: -20px;
  left: -50%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.lrO33XVF .BaTIMw4q .L5lsymPx {
  flex-direction: column;
  display: flex;
}
.lrO33XVF .BaTIMw4q .L5lsymPx .FIafSX99 {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}
.lrO33XVF .BaTIMw4q .hdXUkygF {
  width: 100%;
  height: 0;
  flex-grow: 1;
  padding-bottom: 55%;
}
.lrO33XVF .BaTIMw4q .hdXUkygF .l4FNu4cv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lrO33XVF .BaTIMw4q .s_LLcRMD {
  height: auto;
}
.lrO33XVF .BaTIMw4q .s_LLcRMD .O5lN3syS {
  color: #000;
  color: var(--color-text-t0);
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}
.lrO33XVF .BaTIMw4q .s_LLcRMD .OUPJuLwt {
  color: rgba(22, 24, 35, 0.6);
  color: var(--color-text-t3);
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 12px;
  font-size: 12px;
  overflow: hidden;
}
.lrO33XVF .BaTIMw4q .s_LLcRMD .OUPJuLwt.aRu0AUyS {
  margin-top: 6px;
}
.lrO33XVF .BaTIMw4q .IqvRrSAG {
  width: 100%;
  height: 42px;
  flex: none;
  margin-bottom: 16px;
}
.lrO33XVF .BaTIMw4q .pGfBDPJ8 {
  width: calc(100% - 32px);
  height: 100%;
  color: #fff;
  background-color: #ff2c55;
  background-color: var(--color-primary-default);
  font-size: 16px;
}
.lrO33XVF .BaTIMw4q .pGfBDPJ8 .e0JP2Hcf {
  margin-right: 6px;
}
.lrO33XVF .BaTIMw4q .pGfBDPJ8 .e0JP2Hcf path {
  stroke: #fff;
}
@keyframes JoglDNtu {
  0% {
    padding-top: 0;
    padding-left: 0;
  }
  to {
    padding-top: 4px;
    padding-left: 8px;
  }
}
.lrO33XVF .s_LLcRMD {
  width: 100%;
  height: 47.5%;
  padding: 16px;
  transition: height 0.3s, transform 0.3s;
}
.lrO33XVF .s_LLcRMD .MjNgoFkj {
  color: #000;
  width: calc(100% - 8px);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}
.lrO33XVF .s_LLcRMD .d9XQOO7h {
  height: 90px;
  width: 88.5%;
  color: rgba(47, 48, 53, 0.7);
  opacity: 0.9;
  text-align: justify;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding-top: 8px;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
}
.lrO33XVF .pGfBDPJ8 {
  width: 86.5%;
  height: 10.3%;
  text-align: center;
  color: #fff;
  background: #fe2c55;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}
.lrO33XVF .pGfBDPJ8 img {
  display: none;
}
html[dark] .nnJ8GXOQ .doTqL1sw .yw7LQQ0o {
  color: rgba(255, 255, 255, 0.9);
}
html[dark] .nnJ8GXOQ .doTqL1sw .qr90HuRz {
  color: rgba(255, 255, 255, 0.35);
}
html[dark] .lyCmglZX {
  background: linear-gradient(#2e2f3b, #2e2f3b);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.6);
}
html[dark] .lyCmglZX.BaTIMw4q {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
html[dark] .s_LLcRMD .MjNgoFkj {
  color: rgba(255, 255, 255, 0.9);
}
html[dark] .s_LLcRMD .d9XQOO7h {
  color: rgba(255, 255, 255, 0.5);
}
.POxhcSMy {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-color: var(--color-bg-b1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.POxhcSMy .NTwCBJAU {
  fill: rgba(22, 24, 35, 0.75);
  fill: var(--color-text-t2);
}
.POxhcSMy p {
  text-align: center;
  color: rgba(22, 24, 35, 0.34);
  color: var(--color-text-t4);
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
  top: 16px;
}
.zv8gjEBM {
  margin-right: 16px;
}
@keyframes stN9Ijsd {
  0% {
    opacity: 0;
    transform: scale(0.93);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
.xgplayer .danmu-icon .danmu-switch {
  margin: 0 auto;
  display: flex;
}
.xgplayer .danmu-icon .danmu-switch-open {
  display: none;
}
.xgplayer .danmu-icon .danmu-switch-closed {
  display: block;
}
.xgplayer .danmu-icon[data-state="active"] .danmu-switch {
  background-color: #f85959;
  padding-left: 12px;
}
.xgplayer .danmu-icon[data-state="active"] .danmu-switch-open {
  display: block;
}
.xgplayer .danmu-icon[data-state="active"] .danmu-switch-closed {
  display: none;
}
.xgplayer .xgplayer-danmu {
  height: 100%;
  pointer-events: none;
  outline: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.xgplayer .xgplayer-danmu > * {
  white-space: nowrap;
  position: absolute;
}
.xgplayer .xgplayer-panel {
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, 0.8);
  z-index: 36;
  outline: none;
  font-size: 13px;
  display: inline-block;
  position: relative;
}
.xgplayer .xgplayer-panel .xgplayer-panel-icon {
  cursor: pointer;
  position: absolute;
}
.xgplayer .xgplayer-panel-slider {
  z-index: 36;
  width: 230px;
  height: 230px;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 1px;
  outline: none;
  padding: 10px 20px;
  display: none;
  position: absolute;
  bottom: 42px;
  left: -115px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-hidemode {
  padding-bottom: 10px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-hidemode-radio li {
  cursor: pointer;
  list-style: none;
  display: inline;
}
.xgplayer .xgplayer-panel-slider .xgplayer-hidemode ul {
  justify-content: space-around;
  display: flex;
}
.xgplayer .xgplayer-panel-slider .xgplayer-hidemode li {
  color: #aaa;
  margin: 0 12px;
  font-size: 11px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-hidemode-font {
  margin-bottom: 10px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-transparency {
  margin-top: 10px;
  display: block;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-line {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 150px;
  height: 4px;
  background: #aaa;
  border-style: none;
  border-radius: 4px;
  outline: none;
  margin-top: -2px;
  margin-left: 10px;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-line::-moz-focus-outer {
  border: 0 !important;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-color::-webkit-slider-runnable-track {
  width: 150px;
  height: 4px;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-color::-moz-range-track {
  cursor: pointer;
  width: 150px;
  height: 4px;
  background-color: #aaa;
  border-color: transparent;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-color::-ms-track {
  color: transparent;
  width: 150px;
  height: 4px;
  background-color: #aaa;
  border-color: transparent;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 6px;
  width: 6px;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
  margin-top: -4px;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-bar::-moz-range-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 0;
  width: 0;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-bar::-ms-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 6px;
  width: 6px;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-transparency
  .xgplayer-transparency-bar::-moz-range-progress {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 4px;
  background: linear-gradient(90deg, #f85959, #f85959 100%, #aaa);
  border-radius: 4px;
  outline: none;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea {
  margin-top: 8px;
  display: block;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea-name {
  display: inline-block;
  position: relative;
  top: -10px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea-control {
  display: inline-block;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea-control-up {
  width: 150px;
  color: #aaa;
  justify-content: space-between;
  margin-left: 10px;
  display: flex;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea-control-down {
  position: relative;
  top: -10px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea-control-down-dots {
  width: 150px;
  justify-content: space-between;
  margin-left: 10px;
  display: flex;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea-twoquarters,
.xgplayer .xgplayer-panel-slider .xgplayer-showarea-threequarters {
  margin-left: -6px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea-full {
  margin-right: 3px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 150px;
  height: 4px;
  background: #aaa;
  border-style: none;
  border-radius: 4px;
  outline: none;
  margin-top: -2px;
  margin-left: 10px;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-line::-moz-focus-outer {
  border: 0 !important;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-color::-webkit-slider-runnable-track {
  width: 150px;
  height: 4px;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-color::-moz-range-track {
  cursor: pointer;
  width: 150px;
  height: 4px;
  background-color: #aaa;
  border-color: transparent;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-color::-ms-track {
  color: transparent;
  width: 150px;
  height: 4px;
  background-color: #aaa;
  border-color: transparent;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 6px;
  width: 6px;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
  margin-top: -4px;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-bar::-moz-range-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 0;
  width: 0;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-bar::-ms-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 6px;
  width: 6px;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
}
.xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-zero-dot,
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-onequarters-dot,
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-twoquarters-dot,
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-threequarters-dot,
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-showarea
  .xgplayer-showarea-full-dot {
  width: 3px;
  height: 3px;
  z-index: -1;
  background-color: #aaa;
  border: 3px solid #aaa;
  border-radius: 50%;
  position: relative;
  top: 16px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed {
  display: block;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed-name {
  display: inline-block;
  position: relative;
  top: -10px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed-control {
  display: inline-block;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed-control-up {
  width: 150px;
  color: #aaa;
  justify-content: space-between;
  margin-left: 10px;
  display: flex;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed-control-down {
  position: relative;
  top: -10px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed-control-down-dots {
  width: 150px;
  justify-content: space-between;
  margin-left: 10px;
  display: flex;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-line {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 150px;
  height: 4px;
  background: #aaa;
  border-style: none;
  border-radius: 4px;
  outline: none;
  margin-top: -2px;
  margin-left: 10px;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-line::-moz-focus-outer {
  border: 0 !important;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-color::-webkit-slider-runnable-track {
  width: 150px;
  height: 4px;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-color::-moz-range-track {
  cursor: pointer;
  width: 150px;
  height: 4px;
  background-color: #aaa;
  border-color: transparent;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-color::-ms-track {
  color: transparent;
  width: 150px;
  height: 4px;
  background-color: #aaa;
  border-color: transparent;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 6px;
  width: 6px;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
  margin-top: -4px;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-bar::-moz-range-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 0;
  width: 0;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-bar::-ms-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 6px;
  width: 6px;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-small-dot,
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-middle-dot,
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmuspeed
  .xgplayer-danmuspeed-large-dot {
  width: 3px;
  height: 3px;
  z-index: -1;
  background-color: #aaa;
  border: 3px solid #aaa;
  border-radius: 50%;
  position: relative;
  top: 16px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmufont {
  display: block;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmufont-name {
  display: inline-block;
  position: relative;
  top: -10px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmufont-control {
  display: inline-block;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmufont-control-up {
  width: 150px;
  color: #aaa;
  justify-content: space-between;
  margin-left: 10px;
  display: flex;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmufont-control-down {
  position: relative;
  top: -10px;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmufont-control-down-dots {
  width: 150px;
  justify-content: space-between;
  margin-left: 10px;
  display: flex;
}
.xgplayer .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 150px;
  height: 4px;
  background: #aaa;
  border-style: none;
  border-radius: 4px;
  outline: none;
  margin-top: -2px;
  margin-left: 10px;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-line::-moz-focus-outer {
  border: 0 !important;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-color::-webkit-slider-runnable-track {
  width: 150px;
  height: 4px;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-color::-moz-range-track {
  cursor: pointer;
  width: 150px;
  height: 4px;
  background-color: #aaa;
  border-color: transparent;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-color::-ms-track {
  color: transparent;
  width: 150px;
  height: 4px;
  background-color: #aaa;
  border-color: transparent;
  border-radius: 4px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 6px;
  width: 6px;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
  margin-top: -4px;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-bar::-moz-range-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 0;
  width: 0;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-bar::-ms-thumb {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 6px;
  width: 6px;
  cursor: pointer;
  border: 6px solid #f85959;
  border-radius: 6px;
  outline: none;
}
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-small-dot,
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-middle-dot,
.xgplayer
  .xgplayer-panel-slider
  .xgplayer-danmufont
  .xgplayer-danmufont-large-dot {
  width: 3px;
  height: 3px;
  z-index: -1;
  background-color: #aaa;
  border: 3px solid #aaa;
  border-radius: 50%;
  position: relative;
  top: 16px;
}
.xgplayer .slider-show .xgplayer-panel-slider {
  display: block;
}
.xgplayer.xgplayer-pc .xgplayer-mini-win {
  position: relative;
}
.xgplayer.xgplayer-pc .xgplayer-mini-win .select,
.xgplayer.xgplayer-pc .xgplayer-mini-win .select svg path {
  fill: #fe2c55;
}
.xgplayer.xgplayer-pc .xgplayer-mini-win .xgplayer-box-douyin {
  width: auto;
  color: #fff;
  padding: 10px 16px;
  right: 0;
}
.xgplayer.xgplayer-pc .xgplayer-mini-win:hover .xgplayer-box-douyin {
  display: block;
}
.xgplayer.xgplayer-pc .xgplayer-autoplay-setting {
  margin-right: 20px;
}
.xgplayer-autoplay-setting .xgplayer-setting-title {
  color: #fff;
  opacity: 0.7;
  width: 50px;
  vertical-align: top;
  font-size: 12px;
  line-height: 18px;
}
.xgplayer-autoplay-setting .xg-switch {
  color: rgba(229, 229, 234, 0.9);
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  box-sizing: border-box;
  width: 30px;
  height: 18px;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(229, 229, 234, 0.9);
  border: 1px solid transparent;
  border-radius: 50px;
  outline: none;
  margin: 0 0 0 2px;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  list-style: none;
  transition: all 0.36s;
  display: inline-block;
  position: relative;
}
.xgplayer-autoplay-setting .xg-switch:after {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  cursor: pointer;
  content: " ";
  background-color: #fff;
  border-radius: 50px;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  position: absolute;
  top: 1px;
  left: 2px;
  box-shadow: 0 2px 4px rgba(0, 35, 11, 0.2);
}
.xgplayer-autoplay-setting .xg-switch .xg-switch-inner {
  color: #fff;
  margin-left: 24px;
  margin-right: 6px;
  font-size: 12px;
  display: block;
}
.xgplayer-autoplay-setting .xg-switch .xg-switch-inner:after {
  box-shadow: 0 2px 4px rgba(0, 35, 11, 0.2);
}
.xgplayer-autoplay-setting .xg-switch.xg-switch-checked {
  background-image: linear-gradient(270deg, #ff2583, #fe104c);
  background-color: none;
}
.xgplayer-autoplay-setting .xg-switch.xg-switch-checked:after {
  transform: translate(10px);
}
.xgplayer-autoplay-setting .xg-switch.xg-switch-checked .xg-switch-inner {
  margin-left: 6px;
  margin-right: 24px;
}
.xgplayer .xgplayer-playback-setting {
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  display: flex;
}
.xgplayer-playback-setting {
  min-width: 60px;
  text-align: left;
}
.xgplayer-playback-setting .xgplayer-setting-playbackRatio,
.xgplayer-playback-setting .xgplayer-setting-title {
  color: #fff;
  opacity: 0.7;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  line-height: 18px;
}
.xgplayer-playback-setting .xgplayer-setting-playbackRatio {
  opacity: 1;
}
.xgplayer-playback-setting .xgplayer-box-douyin {
  padding: 16px 24px !important;
}
.xgplayer-playback-setting .xgplayer-playratio-item:hover {
  color: #d21b46;
}
.xgplayer-playback-setting.slide-show .xgplayer-slider.xgplayer-box-douyin {
  width: 57px !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  right: 50% !important;
  transform: translate(50%) !important;
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content {
  color: #fff;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-playratio-wrap
  .xgplayer-playratio-item {
  width: 100%;
  text-align: center;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 16px;
  line-height: 18px;
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-playratio-wrap
  .xgplayer-playratio-item.select {
  opacity: 1;
  color: #fe2c55;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-weight: 500;
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-line {
  height: 1px;
  opacity: 0.06;
  background: #fff;
  margin: 13px 0;
}
.xgplayer .xgplayer-playback-setting {
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  display: flex;
}
.xgplayer .xgplayer-playback-setting .xgplayer-slider {
  border-radius: 12px !important;
}
.xgplayer-playback-setting {
  min-width: 60px;
  text-align: left;
  z-index: 20;
}
.xgplayer-playback-setting .xgplayer-setting-playbackRatio,
.xgplayer-playback-setting .xgplayer-setting-title {
  color: #e4e4e6;
  opacity: 0.7;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  line-height: 18px;
}
.xgplayer-playback-setting .xgplayer-setting-playbackRatio {
  opacity: 1;
}
.xgplayer-playback-setting .xgplayer-setting-playbackRatio.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.xgplayer-playback-setting:hover .xgTips {
  visibility: visible;
}
.xgplayer-playback-setting .xgTips {
  visibility: hidden;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  background-color: #33343f;
  border-radius: 12px;
  padding: 10px;
  font-size: 12px;
  transition-property: visibility;
  position: absolute;
  top: auto;
  bottom: 36px;
  left: auto;
  right: 0;
  transition-delay: 50ms !important;
}
.xgplayer-playback-setting .xgTips.showTips {
  opacity: 1;
  visibility: visible !important;
}
.xgplayer-playback-setting .xgplayer-box-douyin {
  padding: 16px 24px;
}
.xgplayer-playback-setting .xgplayer-playratio-item:hover {
  color: #d21b46;
}
.xgplayer-playback-setting.slide-show .xgplayer-slider.xgplayer-box-douyin,
.xgplayer-playback-setting.login-slide-show
  .xgplayer-slider.xgplayer-box-douyin {
  height: auto;
  width: 57px;
  padding: 20px 0 0;
  display: block;
  right: 50%;
  transform: translate(50%);
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content,
.xgplayer-playback-setting.login-slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content {
  color: #fff;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-playratio-wrap
  .xgplayer-playratio-item,
.xgplayer-playback-setting.login-slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-playratio-wrap
  .xgplayer-playratio-item {
  width: 100%;
  text-align: center;
  opacity: 0.7;
  cursor: pointer;
  margin-bottom: 16px;
  line-height: 18px;
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-playratio-wrap
  .xgplayer-playratio-item:hover,
.xgplayer-playback-setting.login-slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-playratio-wrap
  .xgplayer-playratio-item:hover {
  color: #fe2c55;
  opacity: 1;
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-playratio-wrap
  .xgplayer-playratio-item.select,
.xgplayer-playback-setting.login-slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-playratio-wrap
  .xgplayer-playratio-item.select {
  opacity: 1;
  color: #fe2c55;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-weight: 500;
}
.xgplayer-playback-setting.slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-line,
.xgplayer-playback-setting.login-slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-line {
  height: 1px;
  opacity: 0.06;
  background: #fff;
  margin: 13px 0;
}
.xgplayer-playback-setting .blockLoginBtn {
  width: 64px;
  min-width: 64px;
  height: 24px;
  margin-left: 8px;
  font-size: 12px;
}
.xgplayer-playback-setting .blockLoginText {
  color: rgba(255, 255, 255, 0.9);
  margin-top: -2px;
  margin-bottom: -2px;
  font-size: 12px;
}
.xgplayer-playback-setting .blockLoginText:after {
  content: "";
  width: 60px;
  height: 20px;
  display: block;
  position: absolute;
  bottom: -20px;
  right: 0;
}
.xgplayer .xgplayer-resolution-setting {
  margin-right: 5px;
}
.xgplayer-resolution-setting {
  min-width: 30px;
  text-align: left;
}
.xgplayer-resolution-setting .xgplayer-icon {
  padding-left: 5px;
  padding-right: 5px;
  transform: translateY(-12px) !important;
}
.xgplayer-resolution-setting .xgplayer-setting-playbackResolution,
.xgplayer-resolution-setting .xgplayer-setting-title {
  color: #fff;
  opacity: 0.7;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  line-height: 18px;
}
.xgplayer-resolution-setting .xgplayer-setting-playbackResolution {
  opacity: 1;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  transform: translateY(-12px);
}
.xgplayer-resolution-setting .xgplayer-box-douyin {
  padding: 16px 24px !important;
}
.xgplayer-resolution-setting .xgplayer-resolution-item:hover {
  color: #d21b46;
}
.xgplayer-resolution-setting .slide-show .xgplayer-slider.xgplayer-box-douyin {
  min-width: 57px;
  width: auto;
  display: block;
  right: 50%;
  transform: translate(50%);
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.xgplayer-resolution-setting
  .slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content {
  color: #fff;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.xgplayer-resolution-setting
  .slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-resolution-wrap {
  padding: 0 12px;
}
.xgplayer-resolution-setting
  .slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-resolution-wrap
  .xgplayer-resolution-item {
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  margin-bottom: 16px;
  line-height: 18px;
  display: flex;
}
.xgplayer-resolution-setting
  .slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-resolution-wrap
  .xgplayer-resolution-item.select {
  opacity: 1;
  color: #fe2c55;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-weight: 500;
}
.xgplayer-resolution-setting
  .slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-resolution-wrap
  .xgplayer-resolution-item
  .vsLoginTip {
  color: #fff;
  color: #fff;
  height: 20px;
  width: 58px;
  height: 20px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  background: #ff2c55;
  border-radius: 2px;
  margin-left: 9px;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
}
.xgplayer-resolution-setting
  .slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-resolution-wrap
  .xgplayer-resolution-item:hover
  .vsLoginTip {
  opacity: 1;
}
.xgplayer-resolution-setting
  .slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-content
  .xgplayer-resolution-wrap
  span {
  opacity: 0.7;
}
.xgplayer-resolution-setting
  .slide-show
  .xgplayer-slider.xgplayer-box-douyin
  .xgplayer-setting-line {
  height: 1px;
  opacity: 0.06;
  background: #fff;
  margin: 13px 0;
}
div.Mbb4fcXZ {
  color: #fff;
  height: 40px;
  background: #323442;
  border-radius: 6px;
  align-items: center;
  padding: 10px 16px 10px 14px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  position: absolute;
  bottom: 42px;
  right: 35px;
}
div.Mbb4fcXZ.luBXTA9O {
  bottom: 90px;
}
div.Mbb4fcXZ.EB2NnNDN {
  bottom: 50px;
}
div.Mbb4fcXZ .R9wHceZx {
  cursor: pointer;
  opacity: 0.4;
  margin-right: 11px;
  scale: 0.7;
}
div.Mbb4fcXZ .R9wHceZx rect {
  fill: #fff;
}
div.Mbb4fcXZ .dgCx6Bbd {
  width: 58px;
  min-width: unset;
  height: 20px;
  border-radius: 2px;
  margin-left: 16px;
}
div.Mbb4fcXZ .j6SNL_Xm {
  color: #fe2c55;
}
.WBe0OlyT {
  height: 20px;
  line-height: 20px;
  display: inline-block;
}
.loa483CX {
  color: var(--color-primary);
  line-height: 21px;
}
.loa483CX:hover {
  cursor: pointer;
  text-decoration: underline;
}
.xgplayer-mini .Mbb4fcXZ {
  display: none;
}
.Fk9A7dGw {
  opacity: 0.5;
}
.hgxsSBIT {
  position: absolute;
  top: 33px;
  right: 152px;
  transform: rotate(90deg);
}
.xgplayer.xgplayer-pc .player-line:after {
  content: "";
  width: 1px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  left: 0;
  opacity: 1 !important;
  top: 0 !important;
}
.xgplayer.xgplayer-pc .xgplayer-vs-detail-entry {
  position: relative;
}
.xgplayer.xgplayer-pc .xgplayer-vs-detail-entry .content-wrapper {
  height: 28px;
  justify-content: center;
  align-items: center;
  margin-left: 19px;
  margin-right: 8px;
  display: flex;
  transform: translateY(-12px) !important;
}
.xgplayer.xgplayer-pc .xgplayer-vs-detail-entry .content-wrapper .desc {
  color: #fff;
  opacity: 0.9;
  margin-right: 4px;
  font-size: 12px;
  line-height: 20px;
}
.xgplayer.xgplayer-pc .xgplayer-vs-detail-entry .content-wrapper .svg-icon svg {
  transform: translateY(0) !important;
}
.xgplayer.xgplayer-pc .xgplayer-vs-detail-entry .hasMarginRight {
  margin-right: 66px;
}
.xgplayer-watermark-content {
  cursor: pointer;
  position: absolute;
}
.xgplayer.xgplayer-mobile .xgplayer-continue-play,
.xgplayer.xgplayer-pc .xgplayer-continue-play {
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.xgplayer-continue-play .xgplayer-continue-tip {
  height: 48px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #33343f;
  background: var(--color-bg-toast);
  color: #fff;
  color: var(--color-const-text-white);
  border-radius: 8px;
  padding: 13px 16px;
  line-height: 22px;
}
.opRPLrZF {
  width: 100%;
  height: 100%;
  position: relative;
}
.opRPLrZF .GdR5U65Q {
  min-width: 460px;
}
.opRPLrZF .FHEny29J {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.opRPLrZF .FHEny29J.tdgStWbR {
  z-index: -1;
}
.opRPLrZF .FHEny29J.tdgStWbR .n7B3Mr5B {
  display: none;
}
.xgplayer-fullscreen-parent {
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
}
.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,
.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen {
  z-index: 10;
  position: absolute;
}
.xgplayer-rotate-parent {
  transform-origin: 0 0;
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  right: 0;
  transform: rotate(90deg);
  height: 100vw !important;
  width: 100vh !important;
}
.xgplayer-rotate-parent .xgplayer-mobile {
  transform: rotate(0);
}
.xgplayer-rotate-parent .xgplayer-mobile video {
  z-index: -1;
}
.xgplayer.xgplayer-rotate-fullscreen {
  transform-origin: 0 0;
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  right: 0;
  transform: rotate(90deg);
  height: 100vw !important;
  width: 100vh !important;
}
.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video {
  z-index: -1;
}
.xgplayer {
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  background: #000;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  position: relative;
  overflow: hidden;
}
.xgplayer * {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
}
.xgplayer li,
.xgplayer ul {
  list-style: none;
}
.xgplayer .xgplayer-none {
  display: none;
}
.xgplayer.xgplayer-is-fullscreen {
  width: 100%;
  height: 100%;
  z-index: 9999;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
}
.xgplayer.xgplayer-inner-fullscreen {
  z-index: 10;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer.xgplayer-is-cssfullscreen {
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
}
.xgplayer xg-video-container.xg-video-container {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 48px;
}
.xgplayer video {
  width: 100%;
  height: 100%;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer[data-xgfill="cover"] video {
  object-fit: cover;
}
.xgplayer[data-xgfill="fill"] video {
  object-fit: fill;
}
.xgplayer .xg-pos {
  left: 10px;
  right: 10px;
}
.xgplayer .xg-margin {
  margin-left: 16px;
  margin-right: 16px;
}
.xgplayer .xg-bottom {
  bottom: 0;
}
.xgplayer .btn-text {
  text-align: center;
  height: 24px;
  font-size: 13px;
  position: relative;
  top: 50%;
}
.xgplayer .btn-text span {
  min-width: 52px;
  height: 24px;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 12px;
  line-height: 24px;
  display: inline-block;
}
.xgplayer xg-icon {
  height: 40px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.8);
  fill: #fff;
  cursor: pointer;
  margin-left: 16px;
  margin-right: 16px;
  position: relative;
}
.xgplayer xg-icon.xg-icon-disable {
  cursor: not-allowed;
}
.xgplayer xg-icon .xg-tips {
  top: -30px;
  left: 50%;
  transform: translate(-50%);
}
.xgplayer xg-icon:active .xg-tips,
.xgplayer xg-icon:hover .xg-tips {
  display: block;
}
.xgplayer xg-icon .xgplayer-icon {
  cursor: pointer;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.xgplayer xg-icon .xg-icon-disable {
  cursor: not-allowed;
}
.xgplayer xg-icon .xg-img {
  width: 100%;
}
.xgplayer xg-icon svg {
  height: 100%;
  display: block;
}
.xgplayer xg-bar {
  display: block;
}
.xgplayer.xgplayer-inactive xg-bar,
.xgplayer.xgplayer-mini xg-bar {
  display: none;
}
.xgplayer .xg-top-bar {
  z-index: 10;
  height: 50px;
  display: flex;
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
}
.xgplayer .xg-top-bar xg-icon {
  width: 34px;
  margin-top: 0;
  position: relative;
  top: 10px;
  left: 0;
}
.xgplayer .xg-top-bar xg-icon:first-child {
  margin-left: 0;
}
.xgplayer .xg-left-bar,
.xgplayer .xg-right-bar {
  z-index: 9;
  width: 50px;
  position: absolute;
  top: 50px;
  bottom: 50px;
}
.xgplayer .xg-left-bar {
  left: 0;
}
.xgplayer .xg-right-bar {
  right: 0;
}
.xgplayer .xg-tips {
  color: #fff;
  text-align: center;
  opacity: 0.85;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 11px;
  display: none;
  position: absolute;
}
.xgplayer .xg-margin {
  left: 0;
  right: 0;
}
.xgplayer-mobile {
  font-family: PingFangSC-Regular;
}
.xgplayer-mobile,
.xgplayer-mobile * {
  -webkit-tap-highlight-color: transparent;
}
.xgplayer-mobile * {
  text-decoration: none;
}
.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos,
.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar {
  left: 6%;
  right: 6%;
}
.xgplayer-mobile.xgplayer-rotate-fullscreen .xgplayer-controls {
  bottom: 10px;
}
.xgplayer-mobile xg-icon:hover .xg-tips {
  display: none;
}
@media only screen and (max-width: 480px) {
  .xgplayer-mobile xg-icon {
    margin-left: 10px;
    margin-right: 10px;
  }
  .xgplayer-mobile .xg-top-bar {
    left: 10px;
    right: 10px;
  }
}
@media screen and (orientation: portrait) {
  .xgplayer-mobile.xgplayer-inner-fullscreen .xgplayer-controls,
  .xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls,
  .xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls {
    bottom: 34px;
  }
  .xgplayer-mobile.xgplayer-inner-fullscreen .xg-top-bar,
  .xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar,
  .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar {
    top: 34px;
  }
}
@media only screen and (orientation: landscape) {
  .xgplayer-mobile.xgplayer-is-fullscreen .xg-pos,
  .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar {
    left: 6%;
    right: 6%;
  }
  .xgplayer-mobile.xgplayer-rotate-fullscreen {
    left: 0;
    transform: rotate(0);
    height: 100vh !important;
    width: 100vw !important;
  }
}
.xgplayer .xgplayer-screen-container {
  width: 100%;
  display: block;
}
.xgplayer .xg-options-icon {
  cursor: pointer;
  display: none;
}
.xgplayer .xg-options-icon.show {
  display: block;
}
@keyframes a {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-50%);
  }
}
@keyframes b {
  0% {
    transform: translate(-50%);
  }
  to {
    transform: translate(50%);
  }
}
.xgplayer .xg-options-list {
  z-index: 5;
  width: 78px;
  cursor: pointer;
  height: 0;
  opacity: 0.85;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.54);
  border-radius: 1px;
  font-size: 14px;
  display: none;
  position: absolute;
  bottom: 100%;
  right: 50%;
  overflow: hidden;
  transform: translate(50%);
}
.xgplayer .xg-options-list li {
  height: 20px;
  text-align: center;
  padding: 4px 0;
  line-height: 20px;
  position: relative;
}
.xgplayer .xg-options-list li.selected,
.xgplayer .xg-options-list li:hover {
  color: red;
  opacity: 1;
}
.xgplayer .xg-options-list li:first-child {
  margin-top: 12px;
  position: relative;
}
.xgplayer .xg-options-list li:last-child {
  margin-bottom: 12px;
  position: relative;
}
.xgplayer .xg-options-list:hover {
  opacity: 1;
}
.xgplayer .xg-options-list.active {
  height: auto;
  display: block;
}
.xgplayer .xg-options-list.right-side {
  width: 20%;
  height: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.9);
  flex-direction: column;
  display: flex;
  bottom: 0;
  right: -10.5%;
}
.xgplayer .xg-options-list.right-side li {
  width: 100%;
  flex: 1;
  padding: 0;
  position: relative;
}
.xgplayer .xg-options-list.right-side li span {
  pointer-events: none;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.xgplayer .xg-options-list.right-side li:first-child {
  margin-top: 20px;
}
.xgplayer .xg-options-list.right-side li:last-child {
  margin-bottom: 20px;
}
.xgplayer .xg-options-list.right-side.active {
  height: 100%;
  animation: 0.3s ease-out forwards a;
}
.xgplayer .xg-options-list.right-side.hide {
  height: 100%;
  animation: 0.3s ease-in forwards b;
}
@media only screen and (max-width: 480px) {
  .xgplayer-mobile .xg-options-icon.portrait {
    display: none;
  }
}
.xgplayer .xgplayer-play .xg-icon-play {
  display: none;
}
.xgplayer .xgplayer-play .xg-icon-pause,
.xgplayer .xgplayer-play[data-state="pause"] .xg-icon-play {
  display: block;
}
.xgplayer .xgplayer-play[data-state="pause"] .xg-icon-pause {
  display: none;
}
@keyframes c {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  99% {
    opacity: 0;
    transform: scale(1.3);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.xgplayer xg-start-inner {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.xgplayer .xgplayer-start {
  width: 70px;
  height: 70px;
  z-index: 5;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.xgplayer .xgplayer-start svg {
  width: 100%;
  height: 100%;
}
.xgplayer .xgplayer-start.focus-hide,
.xgplayer .xgplayer-start.hide {
  pointer-events: none;
  display: none;
}
.xgplayer .xgplayer-start:hover {
  opacity: 0.85;
}
.xgplayer .xgplayer-start .xg-icon-play {
  display: block;
}
.xgplayer .xgplayer-start .xg-icon-pause,
.xgplayer .xgplayer-start[data-state="pause"] .xg-icon-play {
  display: none;
}
.xgplayer .xgplayer-start.interact,
.xgplayer .xgplayer-start[data-state="pause"] .xg-icon-pause {
  display: block;
}
.xgplayer .xgplayer-start.interact xg-start-inner {
  animation: 0.4s ease-out 0.1s forwards c;
}
.xgplayer .xgplayer-start.show {
  display: block;
}
.xgplayer.xgplayer-mobile xg-start-inner {
  background: 0 0;
  background: initial;
  border-radius: 0;
}
.xgplayer.xgplayer-mobile .xgplayer-start {
  height: 50px;
  width: 50px;
}
.xgplayer.xgplayer-mobile .xgplayer-start:hover {
  opacity: 1;
}
.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,
.xgplayer.xgplayer-is-enter .xgplayer-start,
.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,
.xgplayer.xgplayer-is-enter .xgplayer-start.show,
.xgplayer.xgplayer-is-error .xgplayer-start,
.xgplayer.xgplayer-is-error .xgplayer-start.show,
.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start {
  display: none;
}
.xgplayer-enter {
  width: 100%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer-enter .show {
  display: block;
}
.xgplayer-enter .xgplayer-enter-spinner {
  z-index: 1;
  height: 100px;
  width: 100px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.xgplayer-enter .xgplayer-enter-spinner div {
  width: 6%;
  height: 13%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 30px;
  animation: 1s linear infinite d;
  position: absolute;
  top: 45%;
  left: 45%;
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 {
  animation-delay: 0s;
  transform: rotate(0) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 {
  animation-delay: -0.9163s;
  transform: rotate(30deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 {
  animation-delay: -0.833s;
  transform: rotate(60deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 {
  animation-delay: -0.7497s;
  transform: rotate(90deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 {
  animation-delay: -0.6664s;
  transform: rotate(120deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 {
  animation-delay: -0.5831s;
  transform: rotate(150deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 {
  animation-delay: -0.4998s;
  transform: rotate(180deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 {
  animation-delay: -0.4165s;
  transform: rotate(210deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 {
  animation-delay: -0.3332s;
  transform: rotate(240deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 {
  animation-delay: -0.2499s;
  transform: rotate(270deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 {
  animation-delay: -0.1666s;
  transform: rotate(300deg) translateY(-140%);
}
.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 {
  animation-delay: -0.0833s;
  transform: rotate(330deg) translateY(-142%);
}
@keyframes d {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.xgplayer.xgplayer-is-enter .xgplayer-enter {
  opacity: 1;
  transition: opacity 0.3s;
  display: block;
}
.xgplayer.xgplayer-nostart .xgplayer-enter {
  display: none;
}
.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner {
  width: 70px;
  height: 70px;
}
.xgplayer .xgplayer-poster {
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: opacity 0.3s, visibility 0.3s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer.xgplayer-playing .xgplayer-poster,
.xgplayer .xgplayer-poster.hide {
  opacity: 0;
  visibility: hidden;
}
.xgplayer.not-allow-autoplay .xgplayer-poster,
.xgplayer.xgplayer-ended .xgplayer-poster,
.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,
.xgplayer.xgplayer-nostart .xgplayer-poster,
.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay {
  opacity: 1;
  visibility: visible;
}
.xgplayer.not-allow-autoplay .xgplayer-poster.hide,
.xgplayer.xgplayer-ended .xgplayer-poster.hide,
.xgplayer.xgplayer-nostart .xgplayer-poster.hide {
  opacity: 0;
  visibility: hidden;
}
.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen {
  display: none;
}
.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,
.xgplayer .xgplayer-fullscreen[data-state="full"] .xg-exit-fullscreen {
  display: block;
}
.xgplayer .xgplayer-fullscreen[data-state="full"] .xg-get-fullscreen {
  display: none;
}
.xgplayer .xg-top-bar .xgplayer-back {
  width: 34px;
  height: 40px;
  display: none;
  position: relative;
  top: 16px;
  left: 0;
}
.xgplayer .xg-top-bar .xgplayer-back.show,
.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull {
  display: block;
}
.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,
.xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-get-cssfull {
  display: none;
}
.xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-exit-cssfull,
.xgplayer .xgplayer-volume.slide-show .xgplayer-slider {
  display: block;
}
.xgplayer .xgplayer-slider {
  width: 28px;
  height: 92px;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 1px;
  outline: none;
  display: none;
  position: absolute;
  bottom: 40px;
}
.xgplayer .xgplayer-slider:after {
  content: " ";
  height: 15px;
  width: 28px;
  z-index: 20;
  cursor: auto;
  display: block;
  position: absolute;
  bottom: -15px;
  left: 0;
}
.xgplayer .xgplayer-value-label {
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.54);
  padding: 5px 0 0;
  font-size: 12px;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}
.xgplayer .xgplayer-bar,
.xgplayer .xgplayer-drag {
  width: 4px;
  height: 76px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  outline: none;
  display: block;
  position: absolute;
  bottom: 6px;
  left: 12px;
}
.xgplayer .xgplayer-drag {
  max-height: 76px;
  background: #fa1f41;
  bottom: 0;
  left: 0;
}
.xgplayer .xgplayer-drag:after {
  content: " ";
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: -4px;
  left: -2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.26);
}
.xgplayer .xgplayer-volume[data-state="normal"] .xg-volume {
  display: block;
}
.xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-mute,
.xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-small,
.xgplayer .xgplayer-volume[data-state="small"] .xg-volume {
  display: none;
}
.xgplayer .xgplayer-volume[data-state="small"] .xg-volume-small {
  display: block;
}
.xgplayer .xgplayer-volume[data-state="mute"] .xg-volume,
.xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-small,
.xgplayer .xgplayer-volume[data-state="small"] .xg-volume-mute {
  display: none;
}
.xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-mute {
  display: block;
}
.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider {
  display: none;
}
.xgplayer-definition {
  cursor: pointer;
  display: none;
}
.xgplayer .xgplayer-time {
  min-width: 40px;
  color: #fff;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
}
.xgplayer .xgplayer-time span {
  height: 40px;
  line-height: 40px;
  display: inline-block;
}
.xgplayer .xgplayer-time .time-duration {
  color: rgba(255, 255, 255, 0.5);
}
.xgplayer .xgplayer-time .time-live-tag {
  display: none;
}
.xgplayer.xgplayer-mobile .xgplayer-time {
  min-width: 30px;
  font-size: 12px;
}
.xgplayer.xgplayer-mobile .xgplayer-time.left {
  margin-right: 8px;
}
.xgplayer.xgplayer-mobile .xgplayer-time.right {
  margin-left: 8px;
}
.xgplayer.not-allow-autoplay .xgplayer-controls,
.xgplayer.xgplayer-nostart .xgplayer-controls {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
  opacity: 0;
}
.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,
.xgplayer.xgplayer-nostart .xgplayer-controls-initshow {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.xgplayer.xgplayer-inactive .control_autohide {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
  opacity: 0;
}
.xgplayer.xgplayer-inactive .controls_permanent {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.xgplayer .xgplayer-controls {
  visibility: visible;
  height: 48px;
  opacity: 1;
  z-index: 10;
  background-image: linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.37),
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.75)
  );
  transition: opacity 0.5s, visibility 0.5s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.xgplayer .xgplayer-controls.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  display: block;
}
.xgplayer .xg-inner-controls {
  height: 40px;
  justify-content: space-between;
  display: flex;
  position: absolute;
  bottom: 0;
}
.xgplayer .xg-left-grid,
.xgplayer .xg-right-grid {
  height: 100%;
  z-index: 1;
  flex-wrap: wrap;
  flex-shrink: 1;
  display: flex;
  position: relative;
}
.xgplayer .xg-right-grid {
  flex-direction: row-reverse;
  flex-shrink: 1;
}
.xgplayer .xg-right-grid :first-child {
  margin-right: 0;
}
.xgplayer .xg-left-grid :first-child,
.xgplayer .xg-right-grid xg-icon {
  margin-left: 0;
}
.xgplayer .xg-left-grid xg-icon {
  margin-right: 0;
}
.xgplayer .xg-center-grid {
  text-align: center;
  outline: none;
  padding: 5px 0;
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}
.xgplayer.xgplayer-mobile .xg-center-grid {
  z-index: 2;
}
.xgplayer .flex-controls .xg-inner-controls {
  justify-content: space-around;
  display: flex;
  bottom: 8px;
}
.xgplayer .flex-controls .xg-center-grid {
  height: 100%;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.xgplayer .bottom-controls .xg-center-grid {
  padding: 0;
  top: 20px;
}
.xgplayer .bottom-controls .xg-left-grid,
.xgplayer .bottom-controls .xg-right-grid {
  bottom: 10px;
}
.xgplayer .mini-controls {
  background-image: none;
}
.xgplayer .mini-controls .xg-inner-controls {
  bottom: 0;
  left: 0;
  right: 0;
}
.xgplayer .mini-controls .xg-center-grid {
  padding: 0;
  top: auto;
  bottom: -28px;
}
.xgplayer .mini-controls .xg-left-grid,
.xgplayer .mini-controls .xg-right-grid {
  display: none;
}
.xgplayer .controls-follow {
  transition: bottom 0.3s;
  bottom: 70px;
}
.xgplayer.flex-controls .controls-follow {
  bottom: 45px;
}
.xgplayer.mini-controls .controls-follow,
.xgplayer.no-controls .controls-follow,
.xgplayer.xgplayer-inactive .controls-follow {
  bottom: 10px;
}
.xgplayer-replay {
  display: none;
}
.xgplayer .xgplayer-replay {
  width: 100px;
  height: 100px;
  z-index: 5;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.xgplayer .xgplayer-replay .xgplayer-replay-txt {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  display: inline-block;
}
.xgplayer.xgplayer-mobile .xgplayer-replay-svg {
  width: 50px;
  height: 50px;
}
.xgplayer.xgplayer-mobile .xgplayer-replay-txt {
  font-size: 12px;
  line-height: 24px;
}
.xgplayer .xgplayer-progress {
  min-width: 100px;
  height: 20px;
  cursor: pointer;
  outline: none;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.xgplayer .xgplayer-progress-outer {
  width: 100%;
  height: 2px;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
}
.xgplayer .progress-list {
  height: 100%;
  width: 100%;
  border-radius: inherit;
  display: flex;
}
.xgplayer .xgplayer-progress-inner {
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.3);
  flex: 1;
  margin-right: 2px;
  transition: height 0.2s ease-in, opacity 0.2s ease-out;
  position: relative;
}
.xgplayer .xgplayer-progress-inner:last-child,
.xgplayer .xgplayer-progress-inner:only-child {
  margin-right: 0;
}
.xgplayer .inner-focus-point {
  background: #fff;
  position: relative;
}
.xgplayer .inner-focus-point:after,
.xgplayer .inner-focus-point:before {
  content: " ";
  width: 2px;
  height: 300%;
  z-index: 1;
  background: #fff;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.xgplayer .inner-focus-point:before {
  left: 0;
}
.xgplayer .inner-focus-point:after {
  right: 0;
}
.xgplayer .xgplayer-progress-cache,
.xgplayer .xgplayer-progress-played {
  height: 100%;
  width: 0;
  border-radius: inherit;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer .xgplayer-progress-played {
  background: linear-gradient(-90deg, #fa1f41, #e31106);
}
.xgplayer .xgplayer-progress-cache {
  background: rgba(255, 255, 255, 0.5);
}
.xgplayer .xgplayer-progress-btn {
  width: 20px;
  height: 20px;
  z-index: 1;
  box-sizing: border-box;
  pointer-events: none;
  background: rgba(255, 94, 94, 0.306);
  border: 0.5px solid rgba(255, 94, 94, 0.055);
  border-radius: 30px;
  position: absolute;
  left: 0;
  box-shadow: 0 0 1px rgba(255, 0, 0, 0.384);
}
.xgplayer .xgplayer-progress-btn,
.xgplayer .xgplayer-progress-btn:before {
  display: block;
  top: 50%;
  transform: translate(-50%, -50%);
}
.xgplayer .xgplayer-progress-btn:before {
  content: " ";
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 30px;
  position: relative;
  left: 50%;
}
.xgplayer .xgplayer-progress-btn.active {
  border: 4px solid rgba(255, 94, 94, 0.063);
}
.xgplayer .xgplayer-progress-btn.active:before {
  box-shadow: 0 0 3px rgba(248, 89, 89, 0.69);
}
.xgplayer .xgplayer-progress-dot {
  height: 100%;
  width: 5px;
  z-index: 16;
  background: #fff;
  border-radius: 6px;
  display: inline-block;
  position: absolute;
  top: 0;
}
.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip {
  height: auto;
  width: auto;
  cursor: default;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  line-height: 30px;
  display: none;
  position: absolute;
  top: -40px;
  left: 25%;
  transform: scale(0.8) translate(-50%);
}
.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip {
  display: block;
}
.xgplayer .flex-controls .xgplayer-progress {
  transform: translateY(0);
}
.xgplayer.xgplayer-pc .xgplayer-progress-btn {
  transform: translate(-50%, -50%) scale(0);
}
.xgplayer.xgplayer-pc .xgplayer-progress-outer {
  height: 3px;
}
.xgplayer.xgplayer-pc .xgplayer-progress-inner {
  margin-right: 4px;
}
.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,
.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child {
  margin-right: 0;
}
.xgplayer.xgplayer-pc .inner-focus-point:after,
.xgplayer.xgplayer-pc .inner-focus-point:before {
  width: 3px;
}
.xgplayer.xgplayer-pc .inner-focus-highlight {
  background: rgba(255, 255, 255, 0.8);
}
.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer {
  height: 6px;
  margin-bottom: 3px;
  transition: height 0.3s, margin-bottom 0.3s;
}
.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn {
  transform: translate(-50%, -50%) scale(1);
}
.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after,
.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before {
  width: 6px;
}
.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer {
  top: 9px;
}
.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before {
  height: 6px;
  width: 6px;
}
.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer {
  height: 4px;
}
@media (prefers-color-scheme: dark) {
  .xgplayer .xgplayer-progress .xgplayer-progress-inner {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .xgplayer .xgplayer-progress .inner-focus-highlight {
    background: rgba(255, 255, 255, 0.8);
  }
  .xgplayer .xgplayer-progress .xgplayer-progress-btn {
    background: rgba(255, 94, 94, 0.306);
    border: 0.5px solid rgba(255, 94, 94, 0.055);
    box-shadow: 0 0 1px rgba(255, 0, 0, 0.384);
  }
  .xgplayer .xgplayer-progress .xgplayer-progress-btn:before {
    background-color: #fff;
  }
  .xgplayer .xgplayer-progress .xgplayer-progress-played {
    background-color: linear-gradient(-90deg, #fa1f41, #e31106);
  }
  .xgplayer .xgplayer-progress .xgplayer-progress-cache {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.xg-mini-progress {
  height: 2px;
  pointer-events: none;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.xg-mini-progress xg-mini-progress-cache,
.xg-mini-progress xg-mini-progress-played {
  height: 100%;
  width: 0;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
}
.xg-mini-progress xg-mini-progress-played {
  background: linear-gradient(-90deg, #fa1f41, #e31106);
}
.xg-mini-progress xg-mini-progress-cache {
  background: rgba(255, 255, 255, 0.5);
}
.xgplayer-inactive .xg-mini-progress,
.xgplayer-mini .xg-mini-progress {
  display: block;
}
@keyframes e {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  to {
    transform: rotate(1turn);
  }
}
xg-loading-inner {
  height: 100%;
  width: 100%;
  transform-origin: 50%;
  animation: 1s linear 0.1s infinite e;
  display: block;
}
.xgplayer-loading {
  width: 70px;
  height: 70px;
  z-index: 10;
  pointer-events: none;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.xgplayer-loading svg {
  width: 100%;
  height: 100%;
}
.xgplayer-mobile .xgplayer-loading {
  width: 50px;
  height: 50px;
}
.xgplayer-isloading .xgplayer-loading {
  display: block;
}
.xgplayer-is-ended .xgplayer-loading,
.xgplayer-is-enter .xgplayer-loading,
.xgplayer-is-error .xgplayer-loading,
.xgplayer-nostart .xgplayer-loading,
.xgplayer-pause .xgplayer-loading {
  display: none;
}
.xgplayer .xgplayer-playbackrate {
  cursor: default;
  display: none;
}
.xgplayer .xgplayer-download {
  cursor: pointer;
  display: block;
  position: relative;
}
.lang-is-en .xgplayer-download .xgplayer-tips {
  margin-left: -32px;
}
.lang-is-jp .xgplayer-download .xgplayer-tips {
  margin-left: -40px;
}
.xgplayer.xgplayer-inactive {
  cursor: none;
}
.xgplayer .xgplayer-playnext {
  cursor: pointer;
  display: none;
  position: relative;
}
.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext {
  display: block;
}
.xgplayer .xgplayer-playnext:hover {
  opacity: 0.85;
}
.xgplayer .xgplayer-playnext:hover .xgplayer-tips {
  display: block;
}
.lang-is-en .xgplayer-playnext .xgplayer-tips {
  margin-left: -25px;
}
.lang-is-jp .xgplayer-playnext .xgplayer-tips {
  margin-left: -38px;
}
.xgplayer .xgplayer-pip .xg-exit-pip {
  display: none;
}
.xgplayer .xgplayer-pip .xg-get-pip,
.xgplayer .xgplayer-pip[data-state="pip"] .xg-exit-pip {
  display: block;
}
.xgplayer .xgplayer-pip[data-state="pip"] .xg-get-pip,
.xgplayer .xgplayer-shot {
  display: none;
}
.xgplayer-error {
  width: 100%;
  height: 100%;
  z-index: 6;
  color: #fff;
  text-align: center;
  background: #000;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer-error .xgplayer-error-refresh {
  color: #fa1f41;
  cursor: pointer;
  padding: 0 3px;
}
.xgplayer-error .xgplayer-error-text {
  margin: auto 6px 20px;
  line-height: 18px;
  display: block;
}
.xgplayer-is-error .xgplayer-error {
  display: flex;
}
.xg-mini-layer {
  z-index: 11;
  background: linear-gradient(
    rgba(57, 57, 57, 0.9),
    rgba(57, 57, 57, 0) 50.27%
  );
  display: none;
}
.xg-mini-layer,
.xg-mini-layer .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.xg-mini-layer .mask {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.xg-mini-layer xg-mini-header {
  box-sizing: border-box;
  color: #fff;
  z-index: 22;
  justify-content: space-between;
  padding: 10px 3px 0 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
}
.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn {
  pointer-events: all;
}
.xg-mini-layer xg-mini-header #disabledMini {
  display: none;
  position: relative;
}
.xg-mini-layer xg-mini-header #disabledMini + label {
  cursor: pointer;
  align-items: center;
  display: flex;
  position: relative;
}
.xg-mini-layer xg-mini-header #disabledMini + label:before {
  content: "";
  color: #ff142b;
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  margin-right: 7px;
  line-height: 16px;
  display: inline-block;
}
.xg-mini-layer xg-mini-header #disabledMini:checked + label {
  color: #ff142b;
}
.xg-mini-layer xg-mini-header #disabledMini:checked + label:before {
  border-color: #ff142b;
}
.xg-mini-layer xg-mini-header #disabledMini:checked + label:after {
  content: "";
  width: 4px;
  height: 8px;
  border: 2px solid #ff142b;
  border-width: 0 2px 2px 0;
  position: absolute;
  top: 5px;
  left: 6px;
  transform: rotate(45deg);
}
.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips {
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  padding: 4px 6px;
  display: none;
  position: absolute;
  bottom: -30px;
  right: 15px;
}
.xg-mini-layer
  xg-mini-header
  .xgplayer-mini-disableBtn:hover
  #disabledMini
  + label:before {
  border-color: #ff142b;
}
.xg-mini-layer
  xg-mini-header
  .xgplayer-mini-disableBtn:hover
  #disabledMini
  + label {
  color: #ff142b;
}
.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips {
  display: block;
}
.xg-mini-layer .mini-cancel-btn {
  cursor: pointer;
  color: #fff;
  width: 40px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.xg-mini-layer .play-icon {
  cursor: pointer;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 24px;
  margin: -24px 0 0 -24px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.xg-mini-layer .play-icon svg {
  width: 50px;
  height: 50px;
  fill: #faf7f7;
}
.xg-mini-layer .xg-icon-play {
  display: none;
}
.xg-mini-layer .xg-icon-pause,
.xg-mini-layer[data-state="pause"] .xg-icon-play {
  display: block;
}
.xg-mini-layer[data-state="pause"] .xg-icon-pause {
  display: none;
}
.xgplayer-miniicon {
  outline: none;
  display: block;
  position: relative;
}
.xgplayer-miniicon .name {
  text-align: center;
  height: 20px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 40px;
}
.xgplayer-miniicon .name span {
  width: 60px;
  height: 20px;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 10px;
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
}
.xgplayer-mini {
  width: 320px;
  height: 180px;
  z-index: 91;
  position: fixed;
  box-shadow: 0 4px 7px 2px rgba(0, 0, 0, 0.2);
}
.xgplayer-mini:hover {
  cursor: move;
}
.xgplayer-mini:hover .xg-mini-layer {
  display: block;
}
.xgplayer-mini.xgplayer-ended .xg-mini-layer {
  display: none;
}
.xgplayer-mobile .xg-mini-layer .play-icon {
  border-radius: 0;
  border-radius: initial;
  background: 0 0;
}
.xgplayer xg-thumbnail {
  display: block;
}
.xgplayer xg-trigger {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer xg-trigger .time-preview {
  width: 200px;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
  text-align: center;
  pointer-events: none;
  margin: 0 auto;
  padding: 0 20px 30px;
  font-size: 17px;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.xgplayer xg-trigger .time-preview span {
  line-height: 24px;
}
.xgplayer xg-trigger .time-preview span.xg-cur {
  color: red;
}
.xgplayer xg-trigger .time-preview .xg-seek-show {
  transform: translate(-10px);
}
.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre {
  transform: rotate(180deg) translate(-5px);
}
.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon {
  display: none;
}
.xgplayer xg-trigger .time-preview .xg-bar {
  width: 96px;
  height: 2px;
  box-sizing: content-box;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  margin: 8px auto 0;
}
.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar {
  width: 0;
  height: 100%;
  background-color: red;
}
.xgplayer xg-trigger .time-preview .xg-bar.hide {
  display: none;
}
.xgplayer xg-trigger .mobile-thumbnail {
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.xgplayer xg-trigger .xg-top-note {
  height: 32px;
  width: 135px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  margin-left: -78px;
  position: absolute;
  top: 26px;
  left: 50%;
}
.xgplayer xg-trigger .xg-top-note span {
  height: 32px;
  text-align: center;
  font-size: 13px;
  line-height: 32px;
  display: block;
}
.xgplayer xg-trigger .xg-top-note i {
  color: red;
  margin: 0 5px;
}
.xgplayer xg-trigger .xg-playbackrate {
  display: none;
}
.xgplayer xg-trigger[data-xg-action="playbackrate"] .xg-playbackrate,
.xgplayer xg-trigger[data-xg-action="seeking"] .time-preview {
  display: block;
}
.xgplayer .gradient {
  height: 100%;
  width: 100%;
  pointer-events: none;
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0.36) 20%,
    transparent 36%,
    transparent 70%,
    rgba(0, 0, 0, 0.24) 77%,
    rgba(0, 0, 0, 0.36) 83%,
    rgba(0, 0, 0, 0.6)
  );
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer .gradient.top {
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0.36) 20%,
    transparent 36%,
    transparent 70%
  );
}
.xgplayer .gradient.bottom {
  background-image: linear-gradient(
    transparent 70%,
    rgba(0, 0, 0, 0.24) 77%,
    rgba(0, 0, 0, 0.36) 83%,
    rgba(0, 0, 0, 0.6)
  );
}
.xgplayer .gradient.none,
.xgplayer-mobile .xgplayer-controls {
  background-image: none;
}
.xgplayer-mobile.xgplayer-playing .gradient {
  display: block;
}
.xgplayer-mobile.xgplayer-inactive .gradient {
  background-image: none;
}
.xgplayer-mobile .xgmask {
  height: 100%;
  z-index: 10;
  width: 100%;
  pointer-events: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .xgplayer-mobile xg-trigger .time-preview {
    color: #fff;
  }
  .xgplayer-mobile xg-trigger .time-preview span.xg-cur {
    color: red;
  }
  .xgplayer-mobile xg-trigger .time-preview .xg-bar {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar {
    background-color: red;
  }
}
.xgplayer .xgplayer-prompt {
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  padding: 6px 12px 5px;
  font-family: PingFang SC;
  font-size: 12px;
  line-height: 17px;
  display: block;
  position: absolute;
  left: 10px;
}
.xgplayer .xgplayer-prompt.show {
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
  display: block;
}
.xgplayer .xgplayer-prompt.arrow {
  transform: translate(-50%);
}
.xgplayer .xgplayer-prompt.arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid rgba(0, 0, 0, 0.5);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}
.xgplayer .xgplayer-prompt .highlight {
  color: red;
  cursor: pointer;
  margin-left: 6px;
  display: inline-block;
}
.xgplayer.xgplayer-is-error .xgplayer-prompt.show {
  opacity: 1;
  display: none;
}
.xgplayer .xgplayer-spot {
  height: 100%;
  background: #fff;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer .xgplayer-spot.mini {
  min-width: 6px;
  transform: translate(-50%);
}
.xgplayer-mobile .xgplayer-spot {
  height: 3px;
  min-width: 3px;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}
.xgplayer-mobile .xgplayer-spot.mini {
  min-width: 3px;
  transform: translate(-50%, -50%);
}
.xgplayer .xgplayer-progress.active .xgplayer-spot {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s;
}
.xgplayer .xg-spot-info {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
}
.xgplayer .xg-spot-info.short-line .xg-spot-line {
  height: 6px;
  top: 6px;
}
.xgplayer .xg-spot-info.short-line .xg-spot-content {
  padding-bottom: 0;
  bottom: 10px;
}
.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail {
  display: none;
}
.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point {
  display: block;
}
.xgplayer .xg-spot-info.hide,
.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point {
  display: none;
}
.xgplayer .xgplayer-progress.active .xg-spot-info {
  display: block;
}
.xgplayer .xgplayer-progress.active .xg-spot-info.hide {
  display: none;
}
.xgplayer .xg-spot-line {
  width: 1px;
  height: 41px;
  pointer-events: none;
  background-color: #fff;
  margin-left: 50%;
  display: block;
  position: relative;
  top: 8px;
}
.xgplayer .xgplayer-progress-point {
  color: #fff;
  text-align: center;
  opacity: 0.85;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 11px;
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
}
.xgplayer .xg-spot-content {
  color: #fff;
  border-radius: 2px 2px 0 0;
  position: relative;
  top: 8px;
}
.xgplayer .xg-spot-ext-text {
  position: relative;
  top: 8px;
}
.xgplayer .xg-spot-thumbnail {
  pointer-events: none;
  background-color: #111010;
  border-radius: 2px 2px 0 0;
  position: relative;
}
.xgplayer .xg-spot-time {
  pointer-events: none;
  font-size: 12px;
  line-height: 16.8px;
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translate(-50%);
}
.xgplayer .progress-thumbnail {
  margin: 0 auto;
  display: block;
}
.xgplayer .xg-spot-text {
  pointer-events: none;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 2px 2px;
  padding: 5px 8px;
  display: none;
}
.xgplayer .spot-inner-text {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  max-height: 40px;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
}
.xgplayer .xg-spot-content.show-text .xg-spot-text {
  display: block;
}
.xgplayer .product .xg-spot-text {
  background: #3370ff;
}
.xgplayer .product .xg-spot-line {
  width: 0;
  height: 15px;
  background: 0 0;
  border-top: 7px solid #3370ff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: -10px;
}
.xgplayer .xgvideo-preview {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #000;
  transition: visibility 0.3s, opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer .xgvideo-preview .xgvideo-thumbnail {
  border-radius: 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.xgplayer .xgvideo-preview.show {
  opacity: 1;
  visibility: visible;
}
.xgplayer-dynamic-bg,
.xgplayer-dynamic-bg canvas,
.xgplayer-dynamic-bg xgfilter,
.xgplayer-dynamic-bg xgmask {
  height: 100%;
  width: 100%;
  pointer-events: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.xgplayer-dynamic-bg canvas {
  transform: translateZ(0);
}
.xgplayer-dynamic-bg xgmask {
  background: rgba(0, 0, 0, 0.7);
}
.pip-small {
  display: none;
}
.videoContainer {
  width: 100%;
  height: 100%;
  position: relative;
}
.xgplayer-sr .object-fit-container {
  background: 0 0 !important;
}
.xgplayer {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}
.xgplayer ul li {
  display: block;
}
.xgplayer.xgplayer-is-enter .xgplayer-start {
  display: none !important;
}
.xgplayer.xgplayer-is-enter video {
  display: none;
}
.xgplayer .xgplayer-replay,
.xgplayer.xgplayer-pc .xgplayer-start.douyinHide {
  display: none !important;
}
.isFirefox .xgplayer {
  z-index: 2 !important;
}
.isFirefox .xgplayer.xgplayer-mini {
  background-color: #000;
}
@keyframes loading-douyin-loading {
  to {
    background-position-y: -2880px;
  }
}
.xg-douyin-loading {
  width: 48px;
  height: 48px;
  transform-origin: 0 0;
  /* background-image: url(../../../../../../p3-pc-weboff.byteimg.com/tos-cn-i-9r5gewecjs/a795fb49bcbcf8cb1c762a69d57aee48.png); */
  background-size: 48px;
  font-size: 0;
  animation: 1s steps(60, start) infinite loading-douyin-loading;
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: scale(0.7) translate(-50%) translateY(-50%);
}
.xgplayer.xgplayer-mini .xgplayer-start .xg-icon-play,
.xgplayer-nostart .xg-icon-pause {
  display: none;
}
.xgplayer-nostart .xg-icon-play {
  display: block;
}
.xg-mini-progress {
  background: rgba(255, 255, 255, 0.3);
  transition: height 0.2s ease-in, opacity 0.2s ease-out;
}
.xgplayer-mini:hover {
  cursor: pointer !important;
}
.xg-left-grid .xgplayer-play .xg-tips,
.xg-left-grid .xgplayer-time .xg-tips {
  display: none !important;
}
.player-info.xgplayer.xgplayer-pc .xg-left-grid,
.player-info .xgplayer.xgplayer-pc .xg-left-grid {
  align-items: center;
}
.player-info.xgplayer.xgplayer-pc .xg-left-grid .xgplayer-play .xgplayer-icon,
.player-info .xgplayer.xgplayer-pc .xg-left-grid .xgplayer-play .xgplayer-icon {
  height: 21px;
}
.xg-spot-info.short-line {
  z-index: 900;
}
.xg-spot-info.short-line .xgplayer-progress-point {
  opacity: 1;
  background-color: rgba(18, 20, 35, 0.9);
  border-radius: 8px;
}
.xgplayer-pause.xgplayer .xgplayer-start.hide {
  z-index: 10;
  pointer-events: auto;
  display: block;
}
.xgplayer.xgplayer-is-error .xgplayer-start.hide {
  display: none;
}
html[switch-theme] .xgplayer-mini {
  transform: translateY(-46px);
}
.isShowUp .xgplayer-mini {
  bottom: 96px !important;
}
.xgplayer.xgplayer-pc .xgplayer-start xg-start-inner {
  background: 0 0;
}
.xgplayer.xgplayer-pc .xg-left-grid .xgplayer-playnext:hover .xg-tips {
  width: 180px;
  max-height: 56px;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  white-space: normal;
  text-align: left;
  -webkit-box-orient: vertical;
  padding: 8px;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  left: 0;
  overflow: hidden;
  transform: translate(0);
}
.xgplayer.xgplayer-pc .xg-left-grid .xgplayer-playnext:hover .xg-tips:after {
  content: "";
  height: 8px;
  background: #33343f;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.xgplayer.xgplayer-pc .xgplayer-loading,
.xgplayer.xgplayer-pc xg-loading-inner {
  animation: none;
}
.xgplayer.xgplayer-pc.xgplayer-mini .xgplayer-start.hide,
.xgplayer.xgplayer-pc.xgplayer-ended .xgplayer-start.hide {
  display: none;
}
.xgplayer.xgplayer-pc .xg-mini-progress {
  height: 4px;
  z-index: 12;
}
.xgplayer.xgplayer-pc .xgplayer-progress-btn {
  box-shadow: none;
  background: 0 0;
}
.xgplayer.xgplayer-pc .xgplayer-replay .xgplayer-replay-txt {
  display: none;
}
.xgplayer.xgplayer-pc .xg-spot-info.short-line .xgplayer-progress-point {
  border-radius: 4px;
}
.xgplayer.xgplayer-pc.xgplayer-pc .xgplayer-controls {
  height: 80px;
  background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.6) 100%);
}
.xgplayer.xgplayer-pc.xgplayer-pc .xgplayer-controls .xgplayer-playnext {
  margin-right: 8px;
}
.xgplayer.xgplayer-pc .xgplayer-progress-played {
  background: #ff2c55;
}
.xgplayer.xgplayer-pc .xgplayer-box-douyin {
  height: auto;
  white-space: nowrap;
  background-color: #33343f;
  border-radius: 4px;
  display: none;
  position: absolute;
  right: -65px;
}
.xgplayer.xgplayer-pc .xg-left-grid {
  margin-left: 8px;
}
.xgplayer.xgplayer-pc .xg-right-grid {
  margin-right: 4px;
}
.xgplayer.xgplayer-pc .time-current,
.xgplayer.xgplayer-pc .time-separator,
.xgplayer.xgplayer-pc .time-duration {
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #fff !important;
}
.xgplayer.xgplayer-pc .xgplayer-start {
  background: 0 0;
}
.xgplayer.xgplayer-pc .playIcon {
  width: 36px;
  height: 36px;
}
.xgplayer.xgplayer-pc .playIcon svg {
  margin: 0 5px;
}
.xgplayer.xgplayer-pc xg-icon {
  margin-left: 0;
  margin-right: 0;
}
.xgplayer.xgplayer-pc .xg-inner-controls {
  left: 0 !important;
  right: 0 !important;
}
.xgplayer.xgplayer-pc .xgplayer-progress-outer {
  border-radius: 0;
}
.xgplayer.xgplayer-pc .xgplayer-mini-header {
  display: none;
}
.xgplayer.xgplayer-pc xg-icon .xg-tips,
.xgplayer.xgplayer-pc xg-icon .xgplayer-slider {
  color: #fff;
  opacity: 1;
  background-color: #33343f;
  padding: 10px 16px;
  font-size: 14px;
  top: auto;
  bottom: 40px;
  border-radius: 12px !important;
}
.xgplayer.xgplayer-pc xg-icon .xg-tips .xgplayer-value-label,
.xgplayer.xgplayer-pc xg-icon .xgplayer-slider .xgplayer-value-label {
  color: #fff;
  opacity: 1;
  letter-spacing: 0.6px;
  color: rgba(255, 255, 255, 0.7);
  background-color: #33343f;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  font-size: 12px;
  line-height: 20px;
  bottom: calc(100% - 12px);
}
.xgplayer.xgplayer-pc .xgplayer-volume .xgplayer-slider {
  width: 40px;
  height: 160px;
  left: -4px;
}
.xgplayer.xgplayer-pc .xgplayer-volume .xgplayer-bar {
  height: 124px;
  top: 18px;
  left: 18px;
}
.xgplayer.xgplayer-pc .xgplayer-volume .xgplayer-bar .xgplayer-drag {
  max-height: 124px;
}
.xgplayer.xgplayer-pc .xgplayer-fullscreen .xg-tips {
  opacity: 1;
  padding: 10px;
  font-size: 12px;
  top: auto;
  bottom: 36px;
  left: auto;
  right: 0;
  transform: translate(0);
}
.xgplayer.xgplayer-pc .xgplayer-fullscreen .xg-tips .shortcutKey {
  width: 18px;
  height: 18px;
  vertical-align: baseline;
  color: #323442;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  display: inline-flex;
}
.xgplayer.xgplayer-pc .xgplayer-start {
  width: 98px;
  height: 98px;
  opacity: 0.7;
  z-index: 10;
}
.xgplayer.xgplayer-pc .xg-mini-layer {
  background: 0 0;
}
.xgplayer.xgplayer-pc .xg-mini-layer:after {
  content: "";
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.xgplayer.xgplayer-pc .xg-mini-layer .xgplayer-mini-header,
.xgplayer.xgplayer-pc .xg-mini-layer .mini-cancel-btn,
.xgplayer.xgplayer-pc .xg-mini-layer .play-icon {
  z-index: 10;
}
.xgplayer.xgplayer-pc .xg-mini-layer svg.xg-icon-pause,
.xgplayer.xgplayer-pc .xg-mini-layer svg.xg-icon-play {
  width: 80px;
  height: 80px;
  opacity: 0.7;
  position: relative;
  top: -16px;
  left: -16px;
}
.xgplayer.xgplayer-pc .xg-mini-layer .mini-cancel-btn {
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  line-height: 0;
  display: flex;
  position: absolute;
  top: 6px;
  bottom: auto;
  left: auto;
  right: 6px;
}
.xgplayer.xgplayer-pc .xg-mini-layer .mini-cancel-btn svg {
  width: 17px;
  height: 17px;
}
.xgplayer.xgplayer-pc .xg-mini-layer .play-icon {
  background: 0 0;
  border-radius: 0;
  position: relative;
}
.xgplayer.xgplayer-pc .xgplayer.xgplayer-mini .xgplayer-controls,
.xgplayer.xgplayer-pc .xgplayer .xg-mini-layer {
  background-image: none;
}
.xgplayer-inactive.xgplayer .xg-mini-progress {
  display: none;
}
.xgplayer.xgplayer-pc .xgplayer-progress-outer,
.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer {
  height: 8px;
}
.xgplayer.xgplayer-pc .xgplayer-progress-bottom .xgplayer-progress-outer {
  top: 8px;
}
.xgplayer.xgplayer-pc .xgplayer-progress-bottom .xgplayer-progress-btn:before {
  height: 8px;
  width: 8px;
}
.xgplayer-box-dg {
  color: #fff;
  opacity: 1;
  background-color: #33343f;
  font-size: 14px;
  border-radius: 12px !important;
}
.xgplayer xg-icon .xgplayer-icon svg path,
.xgplayer .xgplayer-start svg path {
  fill: #fff;
}
.xg-left-grid,
.xg-center-grid,
.xg-right-grid {
  pointer-events: auto;
}
.player-info .xg-left-bar {
  pointer-events: none;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc,
.player-info:not(.old-player) .xgplayer.xgplayer-pc {
  background: 0 0;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-outer,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-outer {
  margin-bottom: 0;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-controls,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-controls {
  height: auto;
  z-index: 13;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-playback-setting
  .xgplayer-setting-playbackRatio,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-playback-setting
  .xgplayer-setting-playbackRatio {
  font-size: 12px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xg-video-container,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xg-video-container {
  height: calc(100% - 33px);
  overflow: hidden;
  background-color: unset !important;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xg-center-grid,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xg-center-grid {
  top: -1px;
  transform: translateY(-50%);
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xg-inner-controls,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xg-inner-controls {
  height: 31px;
  width: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 0.2s;
  left: 0;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xg-inner-controls
  .xgplayer-play,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xg-inner-controls
  .xgplayer-play {
  margin-right: 0;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xg-inner-controls
  .xgplayer-time,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xg-inner-controls
  .xgplayer-time {
  margin-top: 0;
  margin-right: 0;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xg-inner-controls xg-icon,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xg-inner-controls xg-icon {
  height: 20px;
  margin-top: 8px;
  margin-right: 4px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xg-inner-controls
  xg-icon
  .xgplayer-icon,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xg-inner-controls
  xg-icon
  .xgplayer-icon {
  height: 20px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xg-inner-controls
  xg-icon
  .xgplayer-slider,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xg-inner-controls
  xg-icon
  .xgplayer-slider {
  bottom: 34px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xg-inner-controls
  xg-icon
  svg:not(.noTransform),
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xg-inner-controls
  xg-icon
  svg:not(.noTransform) {
  height: 32px;
  transform: translateY(-8px);
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xg-inner-controls
  .xgplayer-playback-setting,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xg-inner-controls
  .xgplayer-playback-setting {
  margin-top: 6px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  xg-icon.xgplayer-autoplay-setting.automatic-continuous,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  xg-icon.xgplayer-autoplay-setting.automatic-continuous {
  margin-right: 4px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  xg-icon.xgplayer-autoplay-setting.automatic-continuous
  .xgplayer-icon
  .xgplayer-setting-label,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  xg-icon.xgplayer-autoplay-setting.automatic-continuous
  .xgplayer-icon
  .xgplayer-setting-label {
  transform: translateY(-2px);
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  xg-icon.xgplayer-immersive-switch-setting.immersive-switch,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  xg-icon.xgplayer-immersive-switch-setting.immersive-switch {
  margin-right: 4px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  xg-icon.xgplayer-immersive-switch-setting.immersive-switch
  .xgplayer-icon
  .xgplayer-setting-label,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  xg-icon.xgplayer-immersive-switch-setting.immersive-switch
  .xgplayer-icon
  .xgplayer-setting-label {
  transform: translateY(-2px);
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  xg-icon.xgplayer-playback-setting
  .xgplayer-icon,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  xg-icon.xgplayer-playback-setting
  .xgplayer-icon {
  transform: translateY(-12px);
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-time,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-time {
  line-height: 20px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-time span,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-time span {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc xg-icon.xgplayer-time,
.player-info:not(.old-player) .xgplayer.xgplayer-pc xg-icon.xgplayer-time {
  margin-top: 5px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xg-left-grid,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xg-left-grid {
  margin-left: 8px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xg-right-grid,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xg-right-grid {
  margin-right: 0;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-progress-inner,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-progress-inner {
  pointer-events: auto;
  background-color: transparent;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1)
  );
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-progress-cache,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-progress-cache {
  background-color: transparent;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.15)
  );
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-progress-played,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-progress-played {
  background-color: transparent;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.7)
  );
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-progress,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-progress {
  height: 12px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-progress
  .xgplayer-progress-outer:not(.picture),
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-progress
  .xgplayer-progress-outer:not(.picture) {
  height: 3px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-outer,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-outer {
  height: 12px;
  transition: unset;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-inner:not(.picture-inner),
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-inner:not(.picture-inner) {
  background: linear-gradient(
    transparent,
    transparent 3px,
    #a4a4a4 3px,
    #a4a4a4 9px,
    transparent 9px,
    transparent
  );
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-inner:not(.picture-inner)
  .xgplayer-progress-cache,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-inner:not(.picture-inner)
  .xgplayer-progress-cache {
  background: linear-gradient(
    transparent,
    transparent 3px,
    silver 3px,
    silver 9px,
    transparent 9px,
    transparent
  );
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-inner:not(.picture-inner)
  .xgplayer-progress-played,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-progress.active
  .xgplayer-progress-inner:not(.picture-inner)
  .xgplayer-progress-played {
  background: linear-gradient(
    transparent,
    transparent 3px,
    #fff 3px,
    #fff 9px,
    transparent 9px,
    transparent
  );
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-detail-entry,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-detail-entry {
  transform: translateY(-3px);
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-detail-entry
  .content-wrapper,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-detail-entry
  .content-wrapper {
  background-color: transparent;
  border: none;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-detail-entry
  .content-wrapper:hover,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-detail-entry
  .content-wrapper:hover {
  border: none;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-detail-entry
  .content-wrapper
  .svg-icon,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-detail-entry
  .content-wrapper
  .svg-icon {
  transform: translateY(8px);
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-detail-entry
  .hasMarginRight,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-detail-entry
  .hasMarginRight {
  height: 20px;
  margin-right: 0;
  padding: 3px 10px 3px 20px;
  line-height: 20px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .player-line,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .player-line {
  position: relative;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .player-line:after,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .player-line:after {
  content: "";
  width: 1px;
  height: 16px;
  opacity: 0.3;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-playback-setting,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-playback-setting {
  min-width: 36px;
  text-align: center;
  margin-right: 6px;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-playback-setting
  .xgplayer-box-douyin,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-playback-setting
  .xgplayer-box-douyin {
  height: auto;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc .xgplayer-video-info-wrap,
.player-info:not(.old-player) .xgplayer.xgplayer-pc .xgplayer-video-info-wrap {
  z-index: 2;
  pointer-events: all;
  opacity: 1;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .video-info-detail,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .video-info-detail {
  color: #fff;
  color: var(--color-const-text-white);
  background-image: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.3) 0%,
    transparent 100%
  );
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .title,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .title {
  text-overflow: ellipsis;
  text-align: justify;
  position: relative;
  overflow: hidden;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .title
  span,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .title
  span {
  display: inline;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .title
  .expand-btn,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .title
  .expand-btn {
  float: right;
  clear: both;
  cursor: pointer;
  margin-left: 20px;
  padding: 0 8px;
  font-size: 16px;
  position: relative;
}
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .mini-progress-outer,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .mini-progress-outer,
.player-info:not(.old-player).xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .mini-progress-outer
  .mini-progress-inner,
.player-info:not(.old-player)
  .xgplayer.xgplayer-pc
  .xgplayer-video-info-wrap
  .mini-progress-outer
  .mini-progress-inner {
  height: 0;
}
.player-info.old-player
  .xgplayer-mobile
  .xgplayer-controls
  .xg-right-grid
  .xgplayer-playback-setting
  .xgplayer-icon {
  transform: translateY(-20px);
}
.player-info.old-player
  .xgplayer-mobile
  .xgplayer-controls
  .xg-right-grid
  .xgplayer-resolution-setting
  > div {
  transform: translateY(14px);
}
.player-info.old-player
  .xgplayer-mobile
  .xgplayer-controls
  .xg-right-grid
  .xgplayer-resolution-setting
  > div
  .xgplayer-slider {
  height: auto !important;
}
.player-info.xgplayer.xgplayer-mini .xg-video-container {
  height: 100%;
}
.player-info.xgplayer.xgplayer-mini .xg-center-grid {
  display: none;
}
.isFirefox .xgplayer.xgplayer-mini {
  background: #111 !important;
}
.player-info.xgplayer.xgplayer-is-fullscreen .xg-right-bar,
.player-info .xgplayer.xgplayer-is-fullscreen .xg-right-bar {
  bottom: 45px;
}
.player-info.xgplayer.xgplayer-is-fullscreen .xg-right-grid,
.player-info .xgplayer.xgplayer-is-fullscreen .xg-right-grid {
  margin-right: 0;
}
.videoContainer.player-info.xgplayer.xgplayer-pc xg-controls.xgplayer-controls,
.videoContainer.player-info
  .xgplayer.xgplayer-pc
  xg-controls.xgplayer-controls {
  display: block !important;
}
.xgplayer.xgplayer-pc.xgplayer-mini
  .xgplayer-controls.mini-controls
  .xg-inner-controls {
  height: 0 !important;
}
.basePlayerContainer.immersive-player-switch-on.immersive-player-switch-on-hide-interaction-area,
.xgplayer.xgplayer-pc.immersive-player-switch-on.immersive-player-switch-on-hide-interaction-area {
  display: none;
}
.basePlayerContainer.immersive-player-switch-on.immersive-player-switch-on-hide-video-info
  .xgplayer-video-info-wrap,
.basePlayerContainer.immersive-player-switch-on.immersive-player-switch-on-hide-video-info
  .xgplayer-shop-anchor,
.basePlayerContainer.immersive-player-switch-on.immersive-player-switch-on-hide-video-info
  .safetyBar,
.xgplayer.xgplayer-pc.immersive-player-switch-on.immersive-player-switch-on-hide-video-info
  .xgplayer-video-info-wrap,
.xgplayer.xgplayer-pc.immersive-player-switch-on.immersive-player-switch-on-hide-video-info
  .xgplayer-shop-anchor,
.xgplayer.xgplayer-pc.immersive-player-switch-on.immersive-player-switch-on-hide-video-info
  .safetyBar {
  visibility: hidden;
}
.xgplayer-pause .silentLimit,
.xgplayer-mini .silentLimit {
  display: none;
}
.hideXgVideo {
  pointer-events: none;
}
.hideXgVideo video {
  display: none;
}
.hhDMWF7P .qmJeZ7MF {
  background: 0 0;
}
.hhDMWF7P .xgplayer.xgplayer-is-fullscreen {
  position: relative;
}
.hhDMWF7P .xgplayer .xgplayer-enter {
  background-color: transparent;
}
.hhDMWF7P .xgplayer .xgplayer-replay {
  display: none !important;
}
.hhDMWF7P .xgplayer .xgplayer-start {
  pointer-events: unset;
}
.hhDMWF7P .xgplayer:not(.xgplayer-enter-show) .xgplayer-enter {
  display: none;
}
.hhDMWF7P .xgplayer:not(.init-complete) .xgplayer-video-info-wrap {
  opacity: 1 !important;
}
.hhDMWF7P .xgplayer:not(.init-complete) xg-controls.xgplayer-controls {
  display: none !important;
}
.xgplayer-fullscreen-parent {
  overflow: visible;
}
.xgplayer-fullscreen-parent .container {
  padding: 0;
  height: 100% !important;
}
.wwr8URp8 {
  display: none;
}
.rYezxPbE {
  width: 71px;
  height: 67.7px;
  pointer-events: none;
  z-index: 13;
  position: absolute;
}
.rMBgAZjM {
  width: 71px;
  height: 67.7px;
  pointer-events: none;
  transform: scale(1.8);
}
.GUjpx0tU {
  animation-name: GUjpx0tU;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes GUjpx0tU {
  0% {
    opacity: 1;
    transform: scale(1.8);
  }
  30% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  50% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  to {
    opacity: 0;
    transform: matrix(2.5, 0, 0, 2.5, 0, -50);
  }
}
.ePKn_aem {
  z-index: 1;
  height: 100%;
  width: 100%;
  pointer-events: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.ePKn_aem div {
  pointer-events: auto;
}
.H4YN7DlL {
  height: 100%;
  pointer-events: none;
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.H4YN7DlL div {
  pointer-events: auto;
}
.Kcx3i5M5 {
  height: 100%;
  pointer-events: none;
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-right: 15px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.Kcx3i5M5.isFireFox {
  padding-right: 52px;
}
.Kcx3i5M5 div {
  pointer-events: auto;
}
.TL2vflZz {
  width: 100%;
  height: 100%;
  z-index: 13;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.TL2vflZz div {
  pointer-events: auto;
}
@media (max-height: 625px) {
  .Kcx3i5M5.ui6ieMTX {
    padding-top: 8px;
  }
  .placeholder.Kcx3i5M5.ui6ieMTX {
    padding-top: 60px;
  }
}
.minPageHeight .Kcx3i5M5.ui6ieMTX {
  padding-top: 8px;
}
.minPageHeight .placeholder.Kcx3i5M5.ui6ieMTX {
  padding-top: 60px;
}
@media (max-height: 602px) {
  .Kcx3i5M5.ui6ieMTX {
    justify-content: flex-end;
    padding-top: 0;
  }
}
.noK5aE1I {
  width: 224px;
  background: #33343f;
  background: var(--color-bg-toast);
  z-index: 99;
  border-radius: 4px;
  padding: 16px 0;
  position: absolute;
}
.acekNzEn {
  height: 20px;
  margin-bottom: 6px;
  padding-left: 24px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}
.acekNzEn .x6gqnbTD {
  color: #fff;
  color: var(--color-const-text-white);
}
.acekNzEn .em17cJbo {
  color: rgba(255, 255, 255, 0.3);
}
.acekNzEn:hover {
  cursor: pointer;
  font-weight: 700;
}
.acekNzEn:hover .em17cJbo {
  color: #fff;
  color: var(--color-const-text-white);
}
.acekNzEn:last-child {
  margin-bottom: 0;
}
.yJhmJYme:not(.zYteY1wN) {
  height: calc(93vh - 80.8px) !important;
}
.yJhmJYme.zYteY1wN {
  height: 100vh;
}
.ga0wmQfx {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.ga0wmQfx .AVrHDOfY {
  width: 444px;
  z-index: 12;
  flex-grow: 0;
  flex-shrink: 0;
  transition: all 0.1s linear;
  position: relative;
  overflow-x: hidden;
  transform: translateZ(0);
}
.ga0wmQfx .AVrHDOfY .P6sQI8F2 {
  z-index: -1;
  background-color: #000;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
}
.ga0wmQfx .AVrHDOfY .RL6zuPqC {
  width: 448px;
  height: 100%;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(229, 229, 234, 0.3);
  border-radius: 4px;
  flex-direction: column;
  padding: 0 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: -4px;
}
.ga0wmQfx .AVrHDOfY .RL6zuPqC::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
}
.ga0wmQfx .AVrHDOfY .RL6zuPqC .qGzoGKNQ {
  position: absolute;
  top: 10px;
  right: 8px;
}
.ga0wmQfx .AVrHDOfY .RL6zuPqC .qGzoGKNQ path {
  fill: rgba(22, 24, 35, 0.34);
}
.IfYsy4bi {
  width: 100%;
  height: 100%;
  min-height: 360px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.IfYsy4bi.X0Stpyb6 {
  opacity: 0.3;
}
.IfYsy4bi .TJZoUBZk {
  width: 100%;
}
.IfYsy4bi .vNeQUcFt {
  height: 100%;
}
.IfYsy4bi .q76zns4z {
  transform: translateZ(0);
}
.IfYsy4bi.N_BPO3qM .TJZoUBZk {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 16.5px));
}
.IfYsy4bi.N_BPO3qM .vNeQUcFt {
  height: calc(100% - 33px);
  align-self: flex-start;
}
.danMuPlayerStyle .IfYsy4bi.N_BPO3qM .TJZoUBZk {
  transform: translateY(calc(-50% - 24px));
}
.danMuPlayerStyle .IfYsy4bi.N_BPO3qM .vNeQUcFt {
  height: calc(100% - 48px);
}
.viTbPkls {
  height: 100%;
  min-height: 360px;
  min-width: 440px;
  background-color: #111;
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
}
.viTbPkls.q76zns4z {
  transform: translateZ(0);
}
.viTbPkls .N6dJHxkT {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.viTbPkls.bxA7RH5f {
  background-color: transparent;
}
.viTbPkls .ekEw2xCa {
  cursor: pointer;
  height: calc(100% - 80px);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.viTbPkls .ykBJiAzB {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.viTbPkls:before {
  width: 100%;
  height: 0;
  content: "";
  padding-top: 56.25%;
  display: block;
}
.SiU2GPk6 {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.SiU2GPk6 img {
  filter: blur(60px);
  width: 100%;
  height: 100%;
}
.SiU2GPk6 .bPqyNDhZ {
  background-color: var(--player-background);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tKKcJdtQ {
  z-index: 1;
}
html[switch-theme] .SiU2GPk6,
html .isDark .SiU2GPk6 {
  transform: scale(1.2);
}
.NqzYRPaD {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.NqzYRPaD img {
  width: 100%;
  height: 100%;
}
.pnigFlh_ {
  margin: 16px 0;
}
.pnigFlh_ .l7_J7EeY {
  min-height: 28px;
  line-height: 0;
}
.pnigFlh_ .l7_J7EeY span {
  color: #161823;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.pnigFlh_ .l7_J7EeY img {
  width: auto;
  position: relative;
  height: 20px !important;
  vertical-align: top !important;
  top: 4px !important;
}
.pnigFlh_ .A2HczjUF {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}
.pnigFlh_ .A2HczjUF .f2X7xjwC {
  color: rgba(22, 24, 35, 0.34);
  justify-content: flex-end;
  align-items: center;
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
}
.pnigFlh_ .A2HczjUF .f2X7xjwC .tzh6oF0U {
  cursor: pointer;
  color: rgba(22, 24, 35, 0.34);
  align-items: center;
  display: flex;
}
.pnigFlh_ .A2HczjUF .f2X7xjwC .tzh6oF0U:hover {
  color: #fe2c55;
}
.pnigFlh_ .A2HczjUF .f2X7xjwC .tzh6oF0U .ce0FkaNy {
  margin-left: 7px;
  margin-right: 24px;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.pnigFlh_ .A2HczjUF .f2X7xjwC .wQfzW7ll {
  color: rgba(22, 24, 35, 0.34);
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ {
  margin-left: -5px;
  display: flex;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ .ZMeBEAcW {
  color: rgba(22, 24, 35, 0.75);
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ .ZMeBEAcW:hover {
  cursor: pointer;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ .n70N1zlj .Dy6DtLF4 {
  font-family: PingFang SC, DFPKingGothicGB-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ .n70N1zlj .Dy6DtLF4:hover {
  cursor: pointer;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ .n70N1zlj:not(.X8bGW3dx),
.pnigFlh_ .A2HczjUF .EpI_JaO_ .n70N1zlj:not(.X8bGW3dx) svg.Ku52hqAg {
  color: rgba(22, 24, 35, 0.75);
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ .n70N1zlj:not(.X8bGW3dx) svg.Ku52hqAg:hover {
  cursor: pointer;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ .n70N1zlj:not(.X8bGW3dx) svg.Ku52hqAg path {
  fill: rgba(22, 24, 35, 0.75);
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ .n70N1zlj:not(.X8bGW3dx):hover,
.pnigFlh_ .A2HczjUF .EpI_JaO_ .n70N1zlj:not(.X8bGW3dx):hover > svg.Ku52hqAg {
  color: #000;
}
.pnigFlh_
  .A2HczjUF
  .EpI_JaO_
  .n70N1zlj:not(.X8bGW3dx):hover
  > svg.Ku52hqAg
  path {
  fill: #000;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ > div {
  margin-right: 24px;
}
.pnigFlh_ .A2HczjUF .EpI_JaO_ > div * {
  vertical-align: middle;
}
.pnigFlh_ .A2HczjUF .r0A9ugCa {
  position: relative;
}
.pnigFlh_ .A2HczjUF .r0A9ugCa .J8SFl3nl {
  z-index: 998;
  position: absolute;
  top: 40px;
  left: 0;
}
.pnigFlh_ .A2HczjUF .r0A9ugCa .IuCG8OZR {
  display: none;
}
.VzKpU8jv {
  height: 48px;
  width: 48px;
  cursor: pointer;
  z-index: 10;
  background-color: #33343f;
  border-radius: 24px;
  font-size: 0;
  display: none;
  position: fixed;
  bottom: 82px;
  right: 12px;
}
.VzKpU8jv.X8bGW3dx {
  display: block;
}
.VzKpU8jv:hover svg {
  color: #fff;
}
.VzKpU8jv:hover svg path {
  fill: #fff;
}
.VzKpU8jv svg {
  color: #c4c4c4;
  margin: 6px;
}
.VzKpU8jv svg path {
  fill: #c4c4c4;
}
.sFo2pM23 {
  width: 0 !important;
}
.sFo2pM23 .RL6zuPqC {
  left: 0 !important;
}
.NPO1W1UP .dFVNYjUc {
  z-index: 2;
}
.nh7K9pbH {
  z-index: -1;
}
.nh7K9pbH .dFVNYjUc {
  display: none;
}
.XRe5wIBD {
  margin-bottom: 12px;
}
.pe0iJlo4 {
  height: 34px;
  color: #161823;
  align-items: center;
  margin-bottom: 24px;
  font-family: PingFang SC, DFPKingGothicGB-Regular, sans-serif;
  font-size: 22px;
  font-weight: 400;
  display: flex;
}
.hXhi4m6V {
  cursor: pointer;
}
.hXhi4m6V:hover {
  color: #000;
}
.z0z6qTcA {
  color: #40424b;
  align-items: center;
  margin-left: auto;
  font-size: 16px;
  display: flex;
}
.z0z6qTcA .z4Fw2n_8 {
  color: #161823;
  margin: 0 8px;
}
.z0z6qTcA:hover,
.z0z6qTcA:hover .z4Fw2n_8 {
  color: #000;
}
html[dark] .pe0iJlo4 {
  color: rgba(255, 255, 255, 0.9);
}
html[dark] .hXhi4m6V {
  cursor: pointer;
}
html[dark] .hXhi4m6V:hover {
  color: #fff;
}
html[dark] .z0z6qTcA {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}
html[dark] .z0z6qTcA .z4Fw2n_8 {
  color: rgba(255, 255, 255, 0.7);
}
html[dark] .z0z6qTcA:hover,
html[dark] .z0z6qTcA:hover .z4Fw2n_8 {
  color: #fff;
}
@media (max-width: 873px) {
  .qrZp4Jwz:nth-child(3n + 1) .dryE6haM {
    left: 0;
    right: 100%;
  }
  .qrZp4Jwz:nth-child(3n) .dryE6haM {
    left: auto;
    right: 0;
  }
  .qrZp4Jwz:nth-child(3n + 1) .dryE6haM {
    left: 0;
    right: 100%;
  }
  .qrZp4Jwz:nth-child(3n) .dryE6haM {
    left: auto;
    right: 0;
  }
}
@media (min-width: 874px) and (max-width: 1239px) {
  .qrZp4Jwz:nth-child(4n + 1) .dryE6haM {
    left: 0;
    right: 100%;
  }
  .qrZp4Jwz:nth-child(4n) .dryE6haM {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1240px) and (max-width: 1623px) {
  .qrZp4Jwz:nth-child(5n + 1) .dryE6haM {
    left: 0;
    right: 100%;
  }
  .qrZp4Jwz:nth-child(5n) .dryE6haM {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1624px) and (max-width: 1919px) {
  .qrZp4Jwz:nth-child(6n + 1) .dryE6haM {
    left: 0;
    right: 100%;
  }
  .qrZp4Jwz:nth-child(6n) .dryE6haM {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1920px) and (max-width: 2100px) {
  .qrZp4Jwz:nth-child(8n + 1) .dryE6haM {
    left: 0;
    right: 100%;
  }
  .qrZp4Jwz:nth-child(8n) .dryE6haM {
    left: auto;
    right: 0;
  }
}
.ECX7fMTT {
  flex-wrap: wrap;
  margin: 0 -7px 7px;
  display: flex;
}
.V86hCG4a {
  --vs-card-count: 6;
  --vs-card-margin: 14px;
  width: calc(100% / var(--vs-card-count) - var(--vs-card-margin));
  margin: 0 calc(var(--vs-card-margin) / 2);
  flex: none;
}
@media (max-width: 873px) {
  .V86hCG4a {
    --vs-card-count: 3;
  }
}
@media (max-width: 1240px) and (min-width: 874px) {
  .V86hCG4a {
    --vs-card-count: 4;
  }
}
@media (max-width: 1624px) and (min-width: 1240px) {
  .V86hCG4a {
    --vs-card-count: 5;
  }
}
@media (max-width: 1920px) and (min-width: 1625px) {
  .V86hCG4a {
    --vs-card-count: 6;
  }
}
@media (min-width: 1920px) {
  .V86hCG4a {
    --vs-card-count: 8;
  }
}
.VwQW9EOB {
  width: 100%;
  margin-bottom: 23px;
}
.HVA4yPyr {
  background: #f8f9fd;
  border-radius: 8px;
  position: relative;
}
.HVA4yPyr:before {
  content: "";
  width: 100%;
  padding-bottom: 140.556%;
  display: block;
}
.FBBy1EO9 {
  /* background-image: url(../media/skeleton_bcg_logo.c2f8bc7dd036d730.svg); */
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.V0E_ZSd4 {
  color: rgba(47, 48, 53, 0.04);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hrYT8BpM {
  padding: 12px 0;
}
.QEG32J_P {
  width: 62.9%;
  height: 16px;
  background: #f8f9fd;
  border-radius: 2px;
}
.r29pTagz {
  width: 83.6%;
  height: 16px;
  background: #f8f9fd;
  border-radius: 2px;
  margin-top: 8px;
}
html[dark] .HVA4yPyr {
  background: #20212c;
}
html[dark] .FBBy1EO9 {

}
html[dark] .V0E_ZSd4 {
  color: rgba(255, 255, 255, 0.04);
}
html[dark] .QEG32J_P,
html[dark] .r29pTagz {
  background: #20212c;
}
.JBWYWCBz {
  text-align: center;
  color: rgba(47, 48, 53, 0.4);
  border-top: 1px solid #f1f2f5;
  padding: 52px 0;
  font-size: 12px;
}
html[dark] .JBWYWCBz {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  padding-top: 52px;
}