.xIqps2oA {
    margin-bottom: 24px
}

.QEQJGxLb {
    width: 100%;
    height: 100%;
    flex-direction: row;
    align-items: center;
    display: flex
}

.mzC4z0jk {
    flex-direction: row;
    align-items: center;
    display: flex;
    color: #fff!important;
    font-size: 20px!important
}

.llb97PF7 {
    width: 100%;
    margin-bottom: 64px;
    padding: 0 40px
}

.llb97PF7 .drhc6jQ2 {
    width: 100%
}

.llb97PF7 .Yb6U6GDg {
    margin-bottom: 40px;
    display: none
}

.llb97PF7 .Cgz8k3s4 {
    min-height: 364px;
    background-image: url(//lf3-cdn-tos.bytegoofy.com/obj/goofy/ies/douyin_web/media/pc-bg.0191355e1a5d8940.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 16px;
    margin-top: 24px;
    position: relative;
    overflow: hidden
}

.llb97PF7 .Cgz8k3s4 .FmpU5isO {
    width: 100%
}

.llb97PF7 .V9T17qrk .uzcX5ITP {
    height: 26px;
    grid-gap: 4px;
    color: var(--color-text-t1);
    flex-direction: row;
    align-items: center;
    gap: 4px;
    margin-top: 24px;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 18px;
    font-weight: 500;
    display: flex
}

.llb97PF7 .V9T17qrk .uzcX5ITP .ASIvOi8Q {
    width: 1px;
    height: 16px;
    background: var(--color-text-t1);
    margin: 0 8px;
    padding: 0;
    font-size: 18px;
    font-weight: 500
}

.llb97PF7 .V9T17qrk .uzcX5ITP.IPvJPQ0c {
    height: 34px
}

.llb97PF7 .V9T17qrk .uzcX5ITP.IPvJPQ0c .T_FVgJX4 {
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px
}

.llb97PF7 .pG9pp2H3 {
    display: block
}

.bigPlayerContainer .Cgz8k3s4 {
    max-height: 753px
}

.FKXiGBUr {
    width: 100%;
    position: relative
}

.VJ2SaNOf {
    margin: 0;
    padding: 0;
    font-size: 18px
}

.bVaWY4j1 {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 0) {
    .llb97PF7 {
        min-width:577px;
        max-width: 134.2vh;
        margin-left: auto;
        margin-right: auto
    }

    .llb97PF7.Kfr6SgXl .drhc6jQ2 {
        width: 100%;
        padding-right: 0
    }
}

@media (min-width: 1105px) {
    .llb97PF7 {
        min-width:577px;
        max-width: 175.2vh;
        display: flex
    }

    .llb97PF7 .drhc6jQ2 {
        width: 75%;
        padding-right: 20px
    }

    .llb97PF7.Kfr6SgXl .drhc6jQ2 {
        width: 100%;
        padding-right: 0
    }

    .llb97PF7 .Yb6U6GDg {
        width: 25%;
        display: block
    }

    .llb97PF7 .pG9pp2H3 {
        display: none
    }

    .playerControlHeight.llb97PF7 {
        max-width: calc(175.2vh + 57.816px)
    }
}

.XZF27Rfy {
    display: none
}

@media (min-width: 1680px) {
    .llb97PF7:not(.mQpd5fCT) {
        width:1680px;
        margin: auto
    }

    .llb97PF7:not(.mQpd5fCT).Kfr6SgXl .drhc6jQ2 {
        width: 100%;
        padding-right: 0
    }

    .llb97PF7:not(.mQpd5fCT) .drhc6jQ2 .Cgz8k3s4 {
        width: 100%;
        margin-left: 0
    }
}

@media (min-width: 1852px) {
    .mQpd5fCT {
        width:1680px;
        margin: auto
    }

    .mQpd5fCT.Kfr6SgXl .drhc6jQ2 {
        width: 100%;
        padding-right: 0
    }

    .mQpd5fCT .drhc6jQ2 .Cgz8k3s4 {
        width: 100%;
        margin-left: 0
    }
}

._sZMjzgX .drhc6jQ2 {
    height: var(--height)
}

.Kfr6SgXl {
    margin: 0;
    padding: 0
}

.Kfr6SgXl.ALBO_nu3 .Cgz8k3s4 {
    width: calc(100vw - 443px)
}

.Kfr6SgXl.ALBO_nu3 .gfM2fcpk {
    right: 0
}

.Kfr6SgXl .V9T17qrk {
    display: none
}

.Kfr6SgXl .Cgz8k3s4 {
    width: 100%;
    height: 100%;
    border-radius: 0;
    margin: 0;
    transition: all .1s;
    position: fixed;
    top: 0;
    left: 0
}

.Kfr6SgXl .gfM2fcpk {
    background: #f2f2f4;
    background: var(--color-bg-b2);
    height: 100%;
    width: 443px;
    padding: 20px;
    transition: all .1s;
    display: block;
    position: fixed;
    top: 0;
    right: -443px;
    overflow: hidden
}

.Kfr6SgXl .pG9pp2H3 {
    display: none
}

.xpRFD3Em {
    top: 50%;
    left: unset;
    z-index: 1000;
    position: fixed;
    transform: translateY(-50%)
}

.nGQAvwmK {
    height: 0;
    flex-direction: column;
    align-items: center;
    display: flex
}

.qv8C8Rp3 {
    margin: 24px 0 0
}

.bDhvP7JA {
    border-radius: 4px 4px 0 0;
    padding-top: calc(56.25% + 33px);
    position: relative;
    overflow: hidden
}

.bDhvP7JA.UPfCHVcZ {
    background: 0 0
}

.bDhvP7JA.UPfCHVcZ .nsB8QiSQ .hWhillC7 {
    display: none
}

.bDhvP7JA.UPfCHVcZ .XpRCqvdf {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute!important
}

.bDhvP7JA .OxJiVtIl {
    width: 100%;
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.bigPlayerContainer.llb97PF7 {
    padding: 0 30px
}

.bigPlayerContainer.llb97PF7 .drhc6jQ2 {
    width: 100%;
    padding-right: 0
}

.bigPlayerContainer.llb97PF7 .Yb6U6GDg {
    display: none
}

.bigPlayerContainer.llb97PF7 .pG9pp2H3 {
    display: block
}

.mac-os .llb97PF7,.windows-os .llb97PF7 {
    position: relative
}

.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,.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,.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: .7;
    width: 50px;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px
}

.xgplayer-autoplay-setting .xg-switch {
    color: rgba(229,229,234,.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,.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 .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 .36s cubic-bezier(.78,.14,.15,.86);
    position: absolute;
    top: 1px;
    left: 2px;
    box-shadow: 0 2px 4px rgba(0,35,11,.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,.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: .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: .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: .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: .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: .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: .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: .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,.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: .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: .7
}

.xgplayer-resolution-setting .slide-show .xgplayer-slider.xgplayer-box-douyin .xgplayer-setting-line {
    height: 1px;
    opacity: .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: .4;
    margin-right: 11px;
    scale: .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: .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,.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: .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,.38);
    border-radius: 12px;
    line-height: 24px;
    display: inline-block
}

.xgplayer xg-icon {
    height: 40px;
    box-sizing: border-box;
    color: rgba(255,255,255,.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: .85;
    white-space: nowrap;
    background: rgba(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: .85;
    color: rgba(255,255,255,.8);
    background: rgba(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,.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: .3s ease-out forwards a
}

.xgplayer .xg-options-list.right-side.hide {
    height: 100%;
    animation: .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,.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: .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: .4s ease-out .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,.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,.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: -.9163s;
    transform: rotate(30deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 {
    animation-delay: -.833s;
    transform: rotate(60deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 {
    animation-delay: -.7497s;
    transform: rotate(90deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 {
    animation-delay: -.6664s;
    transform: rotate(120deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 {
    animation-delay: -.5831s;
    transform: rotate(150deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 {
    animation-delay: -.4998s;
    transform: rotate(180deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 {
    animation-delay: -.4165s;
    transform: rotate(210deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 {
    animation-delay: -.3332s;
    transform: rotate(240deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 {
    animation-delay: -.2499s;
    transform: rotate(270deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 {
    animation-delay: -.1666s;
    transform: rotate(300deg)translateY(-140%)
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 {
    animation-delay: -.0833s;
    transform: rotate(330deg)translateY(-142%)
}

@keyframes d {
    0% {
        opacity: 1
    }

    to {
        opacity: .25
    }
}

.xgplayer.xgplayer-is-enter .xgplayer-enter {
    opacity: 1;
    transition: opacity .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 .3s,visibility .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,.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,.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,.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,.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,.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,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));
    transition: opacity .5s,visibility .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 .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,.3);
    flex: 1;
    margin-right: 2px;
    transition: height .2s ease-in,opacity .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,.5)
}

.xgplayer .xgplayer-progress-btn {
    width: 20px;
    height: 20px;
    z-index: 1;
    box-sizing: border-box;
    pointer-events: none;
    background: rgba(255,94,94,.306);
    border: .5px solid rgba(255,94,94,.055);
    border-radius: 30px;
    position: absolute;
    left: 0;
    box-shadow: 0 0 1px rgba(255,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,.063)
}

.xgplayer .xgplayer-progress-btn.active:before {
    box-shadow: 0 0 3px rgba(248,89,89,.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,.3);
    border: 1px solid rgba(0,0,0,.8);
    border-radius: 6px;
    line-height: 30px;
    display: none;
    position: absolute;
    top: -40px;
    left: 25%;
    transform: scale(.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,.8)
}

.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer {
    height: 6px;
    margin-bottom: 3px;
    transition: height .3s,margin-bottom .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,.3)
    }

    .xgplayer .xgplayer-progress .inner-focus-highlight {
        background: rgba(255,255,255,.8)
    }

    .xgplayer .xgplayer-progress .xgplayer-progress-btn {
        background: rgba(255,94,94,.306);
        border: .5px solid rgba(255,94,94,.055);
        box-shadow: 0 0 1px rgba(255,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,.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,.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 .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: .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,.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,.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,.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,.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,.8);
    font-size: 13px;
    line-height: 40px
}

.xgplayer-miniicon .name span {
    width: 60px;
    height: 20px;
    vertical-align: middle;
    background: rgba(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,.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,.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,.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,.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,.6),rgba(0,0,0,.36) 20%,transparent 36%,transparent 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6));
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.xgplayer .gradient.top {
    background-image: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,transparent 36%,transparent 70%)
}

.xgplayer .gradient.bottom {
    background-image: linear-gradient(transparent 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(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,.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,.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,.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 .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: .85;
    white-space: nowrap;
    background: rgba(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,.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 .3s,opacity .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,.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(https://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(.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,.3);
    transition: height .2s ease-in,opacity .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,.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,.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: .6px;
    color: rgba(255,255,255,.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: .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,.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: .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,.4);
    transition: opacity .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,.1),rgba(255,255,255,.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,.15),rgba(255,255,255,.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,.7),rgba(255,255,255,.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: .3;
    background-color: rgba(255,255,255,.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,.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,.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 .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,.98);
    border: 1px solid rgba(229,229,234,.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,.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: .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,.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,.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,.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,.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,.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,.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
}

@keyframes AHj9AXVv {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.AHj9AXVv {
    animation: .3s AHj9AXVv
}

@keyframes owzvf6jL {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.owzvf6jL {
    animation: .3s owzvf6jL
}

@keyframes qFYuBIpR {
    0% {
        box-shadow: none
    }

    to {
        box-shadow: 0 0 24px rgba(0,0,0,.1);
        box-shadow: var(--shadow-1)
    }
}

@keyframes eEagQAYt {
    0% {
        overflow: hidden
    }

    to {
        overflow: visible
    }
}

@keyframes Xp56HYl9 {
    0% {
        width: 300px;
        opacity: .3;
        height: 70vh
    }

    to {
        min-width: 360px;
        max-width: 500px;
        width: 40vw;
        opacity: 1;
        height: 70vh
    }
}

@keyframes FyfKQWrJ {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes DtAUOWbf {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes LKHrNzN0 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes I6PE5SgF {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.R1ISYqMn {
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0,0,0,.8);
    background: var(--color-mask-m1);
    outline: none;
    justify-content: center;
    align-items: center;
    animation: .4s cubic-bezier(.34,.69,.1,1) forwards FyfKQWrJ;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

.R1ISYqMn .jUVlNwDJ {
    background: #fff;
    background: var(--color-bg-b1);
    z-index: 10000;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    padding: 36px 40px;
    animation: .4s cubic-bezier(.34,.69,.1,1) DtAUOWbf,.2s linear LKHrNzN0;
    position: relative;
    box-shadow: 0 0 24px rgba(0,0,0,.1)
}

.R1ISYqMn .jUVlNwDJ .MS69mL_z {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px
}

.R1ISYqMn .jUVlNwDJ .MS69mL_z:hover path {
    fill: #161823!important;
    fill: var(--color-text-t1)!important
}

.R1ISYqMn .jUVlNwDJ .JahK0BQU {
    color: #161823;
    color: var(--color-text-t1);
    margin-bottom: 16px;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.R1ISYqMn .jUVlNwDJ .quqn1heO {
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.W8j8pPAI path {
    fill: rgba(22,24,35,.6);
    fill: var(--color-text-t3);
    fill-opacity: .7
}

.jRdHJFE8 {
    z-index: 11000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sX0ZyjEp {
    height: 48px;
    min-width: 140px;
    max-width: 480px;
    color: #fff;
    z-index: 11000;
    background: #33343f;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 15px 40px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-weight: 400;
    display: flex;
    position: relative;
    overflow: hidden
}

.vFCfK_ms {
    white-space: nowrap;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

._zbpQuuH {
    width: 345px
}

._zbpQuuH .Y1vk0RCn {
    margin-bottom: 12px;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

._zbpQuuH .JQQfTDk5 {
    width: 100%;
    margin: 20px 0
}

._zbpQuuH .aG4k8Ez0 {
    width: 100%;
    min-width: auto;
    margin: 0;
    font-size: 16px
}

._zbpQuuH .tzlT6vSO {
    width: 100%;
    display: flex
}

._zbpQuuH .tzlT6vSO .KN5mB4Iy {
    width: 33.33%
}

._zbpQuuH .tzlT6vSO .btjsW67T {
    width: 300px;
    margin-bottom: 8px
}

.hzpQyheO {
    z-index: 11000!important
}

.MBmBFOuF {
    align-items: center;
    display: flex
}

.MBmBFOuF .Aqbs_VgN {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(22,24,35,.34);
    border: 1px solid var(--color-text-t4);
    cursor: pointer;
    border-radius: 50%;
    flex-shrink: 0
}

.MBmBFOuF .Aqbs_VgN:hover {
    border-color: #fe2c55;
    border-color: var(--color-primary)
}

.MBmBFOuF .Aqbs_VgN:active {
    border-color: #a50e37;
    border-color: var(--color-primary-active);
    background: #e4e4e6;
    background: var(--color-bg-b3)
}

.MBmBFOuF .PxQ9C7iH {
    border: 6px solid #fe2c55;
    border: 6px solid var(--color-primary)
}

.MBmBFOuF .D7veVeSy {
    cursor: no-drop;
    border-color: #a50e37
}

.MBmBFOuF .fg6oINId {
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2);
    margin-left: 4px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.i9Oh0xQe {
    background: #e4e4e6;
    background: var(--color-bg-b3);
    border-radius: 4px;
    padding: 6px 12px
}

.i9Oh0xQe .uTu7uUUn {
    width: 100%;
    background: #e4e4e6;
    background: var(--color-bg-b3);
    resize: none;
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2);
    border: none;
    outline: none;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.i9Oh0xQe .uTu7uUUn::-ms-input-placeholder {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.i9Oh0xQe .uTu7uUUn::placeholder {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.i9Oh0xQe .PYPz9z6A {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    justify-content: flex-end;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    display: flex
}

.i9Oh0xQe .KwVoXgR3 {
    color: #ff4c13;
    color: var(--color-semantic-danger)
}

.Yx8ue_Xd {
    cursor: pointer;
    border: 0;
    outline: none;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    padding: 0 16px;
    display: inline-flex;
    position: relative
}

.X0jROBrl {
    min-width: 68px;
    height: 32px;
    border-radius: 4px
}

.X0jROBrl.ZP3xBAhf {
    width: 68px
}

.RnbP2mUQ {
    min-width: 88px;
    height: 42px;
    border-radius: 4px;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.RnbP2mUQ.ZP3xBAhf {
    width: 88px
}

.rZHvltWJ {
    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
}

.rZHvltWJ.ZP3xBAhf {
    width: 340px
}

.c9LCiwJb {
    background-color: #fe2c55;
    background-color: var(--color-primary);
    color: #fff;
    color: var(--color-const-text-white)
}

.c9LCiwJb:hover {
    background-color: #d21b46;
    background-color: var(--color-primary-hover)
}

.c9LCiwJb:active {
    background-color: #a50e37;
    background-color: var(--color-primary-active)
}

.c9LCiwJb:disabled {
    background-color: #ffc2c6;
    background-color: var(--color-primary-disable);
    cursor: not-allowed
}

.c9LCiwJb.lJyKvPvx {
    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)
}

.c9LCiwJb.lJyKvPvx:hover {
    border: 1px solid #d21b46;
    border: 1px solid var(--color-primary-hover);
    color: #d21b46;
    color: var(--color-primary-hover)
}

.c9LCiwJb.lJyKvPvx:active {
    border: 1px solid #a50e37;
    border: 1px solid var(--color-primary-active);
    color: #a50e37;
    color: var(--color-primary-active)
}

.c9LCiwJb.lJyKvPvx:disabled {
    border: 1px solid #ffc2c6;
    border: 1px solid var(--color-primary-disable);
    color: #ffc2c6;
    color: var(--color-primary-disable);
    cursor: not-allowed
}

.GsVBKF9X {
    background-color: #f2f2f4;
    background-color: var(--color-secondary-default);
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2)
}

.GsVBKF9X:hover {
    background-color: #e4e4e6;
    background-color: var(--color-secondary-hover)
}

.GsVBKF9X:active {
    background-color: #c9c9cc;
    background-color: var(--color-secondary-active)
}

.GsVBKF9X:disabled {
    background-color: #f9f9fa;
    background-color: var(--color-secondary-disable);
    cursor: not-allowed;
    opacity: .3
}

.GsVBKF9X.lJyKvPvx {
    color: rgba(22,24,35,.34);
    background-color: #fff;
    border: 1px solid #f1f2f5
}

.GsVBKF9X.lJyKvPvx:hover,.GsVBKF9X.lJyKvPvx:active {
    color: rgba(22,24,35,.34);
    border: 1px solid #f1f2f5
}

.GsVBKF9X.lJyKvPvx:disabled {
    color: rgba(22,24,35,.34);
    cursor: not-allowed;
    border: 1px solid #f1f2f5
}

.bf1e0Tes {
    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,.3)
}

.bf1e0Tes:hover {
    opacity: .9;
    background-color: rgba(10,12,32,.3)
}

.bf1e0Tes:active {
    opacity: .75;
    background-color: rgba(10,12,32,.3)
}

.bf1e0Tes:disabled {
    cursor: not-allowed;
    opacity: .3;
    background-color: rgba(10,12,32,.3)
}

.i6MI45Me {
    width: 100%
}

@keyframes kL62R5oH {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.kL62R5oH {
    animation: .3s kL62R5oH
}

@keyframes ABDnH_Ll {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.ABDnH_Ll {
    animation: .3s ABDnH_Ll
}

@keyframes _fHemzjH {
    0% {
        box-shadow: none
    }

    to {
        box-shadow: 0 0 24px rgba(0,0,0,.1);
        box-shadow: var(--shadow-1)
    }
}

@keyframes KJg5fMsu {
    0% {
        overflow: hidden
    }

    to {
        overflow: visible
    }
}

@keyframes _0gAYfGP {
    0% {
        width: 300px;
        opacity: .3;
        height: 70vh
    }

    to {
        min-width: 360px;
        max-width: 500px;
        width: 40vw;
        opacity: 1;
        height: 70vh
    }
}

@keyframes ZKjvpBcl {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes FR3K84VW {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes CHMEUNC0 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ju_DQx3b {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.RNCCV4WY {
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0,0,0,.8);
    background: var(--color-mask-m1);
    outline: none;
    justify-content: center;
    align-items: center;
    animation: .4s cubic-bezier(.34,.69,.1,1) forwards ZKjvpBcl;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

.RNCCV4WY .F71nLNid {
    box-sizing: border-box;
    width: 440px;
    box-shadow: 0 0 24px rgba(0,0,0,.04);
    box-shadow: 0 0 24px var(--color-shadow1);
    background: #fff;
    background: var(--color-bg-b1);
    z-index: 10000;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 16px;
    padding: 24px 40px 98px;
    animation: .4s cubic-bezier(.34,.69,.1,1) FR3K84VW,.2s linear CHMEUNC0;
    position: relative
}

.RNCCV4WY .F71nLNid .qNqgzsw0 {
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 8px
}

.RNCCV4WY .F71nLNid .qNqgzsw0:hover path {
    fill: #161823!important;
    fill: var(--color-text-t1)!important
}

.RNCCV4WY .F71nLNid .m84qOsJZ {
    color: #161823;
    color: var(--color-text-t1);
    border-bottom: 2px solid rgba(22,24,35,.06);
    border-bottom: 2px solid var(--color-line-l3);
    padding-bottom: 24px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px
}

.RNCCV4WY .F71nLNid .r_T3_HqD {
    max-height: 360px;
    margin-right: -6px;
    padding-right: 8px;
    overflow-y: scroll
}

.RNCCV4WY .F71nLNid .r_T3_HqD ::-webkit-scrollbar {
    width: 6px
}

.RNCCV4WY .F71nLNid .r_T3_HqD ::-webkit-scrollbar-thumb {
    background: #f2f2f4;
    background: var(--color-secondary-default);
    border-radius: 12px
}

.RNCCV4WY .F71nLNid .r_T3_HqD ::-webkit-scrollbar-track {
    background: 0 0
}

.RNCCV4WY .F71nLNid .vzoTLupW {
    width: calc(100% - 80px);
    background: #fff;
    background: var(--color-bg-b1);
    border-radius: 10px;
    padding: 28px 0;
    position: absolute;
    bottom: 0
}

._CNTFYxW {
    cursor: pointer;
    background-color: #fe2c55;
    background-color: var(--color-primary);
    color: #fff;
    color: var(--color-const-text-white);
    border: 0;
    border-radius: 10px;
    outline: none;
    justify-content: center;
    align-items: center;
    padding: 9px 16px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: inline-flex
}

._CNTFYxW:hover {
    background-color: #d21b46;
    background-color: var(--color-primary-hover)
}

._CNTFYxW:active {
    background-color: #a50e37;
    background-color: var(--color-primary-active)
}

._CNTFYxW:disabled {
    color: #fff;
    color: var(--color-text-t5);
    background-color: #ffc2c6;
    background-color: var(--color-primary-disable);
    cursor: not-allowed
}

.GlFAvnae {
    align-items: center;
    margin-top: 24px;
    margin-bottom: 8px;
    display: flex
}

.m8kjf32d {
    color: #161823;
    color: var(--color-text-t1);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.AznJgvzg {
    color: #ff4c13;
    color: var(--color-semantic-danger);
    margin-left: 4px;
    font-size: 14px;
    line-height: 22px;
    transform: rotate(-60deg)
}

.qvXfL1DR {
    flex-wrap: wrap;
    display: flex
}

.lNgiUIjI {
    margin-bottom: 8px
}

.JtQjI7QU {
    align-items: center;
    display: flex
}

.JtQjI7QU .WPxNO927 {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(22,24,35,.34);
    border: 1px solid var(--color-text-t4);
    cursor: pointer;
    border-radius: 50%;
    flex-shrink: 0
}

.JtQjI7QU .WPxNO927:hover {
    border-color: #fe2c55;
    border-color: var(--color-primary)
}

.JtQjI7QU .WPxNO927:active {
    border-color: #a50e37;
    border-color: var(--color-primary-active);
    background: #e4e4e6;
    background: var(--color-bg-b3)
}

.JtQjI7QU .S634nkep {
    border: 6px solid #fe2c55;
    border: 6px solid var(--color-primary)
}

.JtQjI7QU .u9MOFnsh {
    cursor: no-drop;
    border-color: #a50e37
}

.JtQjI7QU .C7sPRv19 {
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2);
    margin-left: 4px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.oxyqio1a {
    text-align: center;
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    margin-top: 24px;
    margin-bottom: 12px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.Cr66wFw9 {
    width: 100%
}

.i2DokhHU {
    width: 112px;
    height: 112px;
    margin: 0 auto;
    display: block
}

.OPJPxbyy {
    margin-top: 12px
}

.cMTYo6ty {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    margin-top: 6px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.R9n_cG6D {
    background: #e4e4e6;
    background: var(--color-bg-b3);
    border-radius: 10px;
    padding: 6px 12px
}

.R9n_cG6D .KC2HEwZp {
    width: 100%;
    background: #e4e4e6;
    background: var(--color-bg-b3);
    resize: none;
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2);
    border: none;
    outline: none;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.R9n_cG6D .KC2HEwZp::-ms-input-placeholder {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.R9n_cG6D .KC2HEwZp::placeholder {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.R9n_cG6D .cvDu7weV {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    justify-content: flex-end;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    display: flex
}

.R9n_cG6D .oXBOijl6 {
    color: #ff4c13;
    color: var(--color-semantic-danger)
}

.JyNx772H {
    display: flex
}

.j3pK5iV_ {
    width: 80px;
    height: 80px;
    border: 1px dashed #f2f2f4;
    border: 1px dashed var(--color-secondary-default);
    border-radius: 10px;
    position: relative
}

.ECQ8JMSQ {
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1000;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0
}

.RT2XpBEg {
    width: 100%;
    height: 100%;
    background: #e4e4e6;
    background: var(--color-bg-b3);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.fFN2lJ_m {
    text-align: center
}

.lbafq9mb {
    color: rgba(22,24,35,.6);
    color: var(--color-text-t3);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.BPg87Ros {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    margin-right: 12px;
    position: relative;
    overflow: hidden
}

.BPg87Ros:hover .wUAdsm_o {
    display: block
}

.wUAdsm_o {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJHSURBVHgBxVffK0RBFP78yJaQrBKlVvlRihdeePJEKeVPVUp5IN554oVSRJR2JbulvaWcr3uHMebMnbFqv/py997jft/MnDlnLtBl9CAdk8KqcNy6lwnfhA3hExIQa2BIuCycE1ZKYtvCO+GZsIUODQwIV4RL+Buuy4yEDIwJt4TD6AxN4b5mog+6+I5wEJ2DS7YgvBe+I8IA13sX5WudAurM+kz0ecT/a+Q+E9PI8+LDvmljXTilvCCDvmQ26sJX+HOnUrzjwWeAo9+AH6fCI+TuaVCboXPhcRHH5Kt5YiaEV8gHhF7rwary0sfiH4DvjG4o4ufW72sj4sGyubAN1JRgNxkzjwlXnOCMDsCPeXNhloDldVEJNtNtl1gm0Y1wtPjrilN4G/pSUZcz2zIGZpBnqIapgIknjzh3UhVhvAifzRIMoRwrBUOIFYeJMQZii06ZiQ3EiX+hF+kICTSQiFQDXLfTwHPfbtDwow7EOKc4t1+7JC7WRNM2UMffxJkPm/i932NM1G0D3EpZIPhQESdryDPfZ0IbWFZo/siBq0BwUxE3qComtEHdmgvbwKUSzJfOB8RdE6am8BCiddav5XGPZGvQz38snRXE7fM29NrCJnVifrj9/Rn5ycXXRNjfYw8q/cr9ViGeaQZY3x8LEzGHjxRQdA9OPvlEeGa7/2cTpoW/ug80AZpgp2OX1Hp6LDjtB1CKXWiEdH2L+MTzgTuLR7mmFhD7acYENEWnbEZonJl+ERJONWDDfJyOOGZY9ZI/TruOTyo0gMDZ8BeJAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    display: none;
    position: absolute;
    top: 6px;
    right: 6px
}

.VmKtbonX {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block
}

.alOdB0gt {
    cursor: pointer;
    align-items: center;
    display: flex
}

.TuGn_rcD {
    width: 100%;
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    border-bottom: 2px solid #e4e4e6;
    border-bottom: 2px solid var(--color-bg-b3);
    padding: 12px 0;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.OP3Rsv7T:hover path {
    fill: #161823!important;
    fill: var(--color-text-t1)!important
}

.t8u98SZT>div {
    overflow-y: hidden!important
}

.UCJI8nGr {
    display: flex
}

.Jh2D3YnO {
    cursor: pointer
}

.Jh2D3YnO:hover path {
    fill: #161823!important;
    fill: var(--color-text-t1)!important
}

.H8tI7VZE {
    height: 2px;
    background: #e4e4e6;
    background: var(--color-bg-b3);
    margin: 16px 0
}

.RBUbvg_H {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    word-break: break-all;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

:root[dark] .wFLHfWHV {
    color: #face15
}

.wFLHfWHV {
    color: #04498d
}

.goTf2Xpb {
    margin-top: 16px;
    display: flex
}

.goTf2Xpb .TYFgBy6P {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    margin-left: 8px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.goTf2Xpb .mdnV6pM1 {
    width: 10px;
    height: 13px;
    flex-shrink: 0;
    margin-top: 6px
}

.goTf2Xpb .mdnV6pM1 path {
    fill: rgba(22,24,35,.34);
    fill: var(--color-text-t4)
}

.Ll0SGrkT {
    text-align: center;
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    margin-bottom: 12px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.avhgkMh_ {
    width: 100%
}

.Yc6Xk6Af {
    width: 112px;
    height: 112px;
    margin: 0 auto;
    display: block
}

.zPgaDfwi {
    margin-top: 12px
}

.qXPW5968 {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    margin-top: 6px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.NqhdsPdT {
    align-items: center;
    display: flex
}

._0Ot3gH7 {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    flex-shrink: 0;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.wepBiYaP {
    display: flex;
    position: relative
}

.zEqTnVl6 {
    cursor: pointer;
    width: 14px;
    height: 14px;
    margin-left: 4px
}

.zEqTnVl6 path {
    fill: rgba(22,24,35,.34);
    fill: var(--color-text-t4)
}

.CTBBPnQb {
    margin-bottom: 16px
}

.srIygwRl {
    flex-wrap: wrap;
    display: flex
}

.b0UjxO9M {
    margin-top: 8px;
    margin-right: 40px
}

.rfcSO_04 {
    position: relative
}

.zg0MbbI2 {
    width: 260px;
    z-index: 100000;
    color: #fff;
    background: #323442;
    border-radius: 4px;
    padding: 12px 20px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.jbu8npg7 {
    position: absolute
}

.jbu8npg7 path {
    fill: #323442!important
}

.jbu8npg7.trT0Kqdq {
    top: 50%;
    right: -4px;
    transform: translateY(-50%)
}

.jbu8npg7.HFCocqed {
    top: 50%;
    left: -4px;
    transform: translateY(-50%)rotate(.5turn)
}

.jbu8npg7.y6mIpeIa {
    bottom: -10px;
    left: 50%;
    transform: translate(-50%)rotate(.25turn)
}

.jbu8npg7.OPFyBJX1 {
    top: -10px;
    left: 50%;
    transform: translate(-50%)rotate(-.25turn)
}

.TSqiiHJg {
    flex-wrap: wrap;
    display: flex
}

.JUbKSpWB {
    margin-bottom: 8px;
    margin-right: 40px
}

.Xt4FJe7j {
    align-items: center;
    display: flex
}

.ik_Lv9B6 {
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2);
    margin-left: 4px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.goP06A8N {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(22,24,35,.34);
    border: 1px solid var(--color-text-t4);
    cursor: pointer;
    border-radius: 4px
}

.teCTotQO {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIVSURBVHgB7ZehTyNREMa/eW1OXNMLBsOZuku4u4QT1ZSTIEBQgoBQcGCqAIvAUAUIkJRQVwMCLPAfVBEcRYDBEAgkBLrDm12g+yjddmm7a/iZvs7udr6db95Lh/AC94104elbVq9SDKTQAQgoVSysRU+KeVdMko8nUKkcMiOBICCUKfI4QKXdsiPgb/ossOSmiH8R7k1nmJBB8HSxpR4UK2QREgrUr/RnH0JCml0hZL4ERNEBaGIQSPYCt/fg3DZwc4fABND/JLCYqX6/uAJvFuve314LerqN5DY/uz0faasA2lpyRLjgjSICEUALmY+TX16hJQGU/O00VU/9UtrXJwfN4N4RsOn99oJnE9JwCliec9aTQ+Dppdo3EmFzY2ZMGm9lG83gXQHZSq5EtD4P/IhVY/GY43v8u/EYz+jY7R1aFsCn52bgVwI0O/r2lRanan3P5Rv67sb7HCjsO1WQvf3KxJC9t23EInfywgGwcwA/kPUnzZ53SJmLOXM/S3njMfM+8T290HTpX2m8DfUP2p7e3BuiDPQ1P777EyBoT21v6+DXd/8CBNnXhVp/7cNGrn0SXychr+SB03I1IOsmDhsvGjfhe8T/4X5nvXf8Kd9bE9Bmwv9LpieTI4RHSVngY4SEpedEpaJPq6THJASNzilDqtID4jUikYFARbwMp87ShcyJui2z3KFpSfpNLLerLi+ueQYZm7cpISxQlAAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    border-radius: 4px
}

.ydAzsNbO {
    width: 100%;
    background: #e4e4e6;
    background: var(--color-bg-b3);
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2);
    border: none;
    padding: 10px 12px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.ydAzsNbO::-ms-input-placeholder {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.ydAzsNbO::placeholder {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.vvbhGGjs {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

@keyframes F9HXBayz {
    to {
        background-position-y: -2880px
    }
}

.vvbhGGjs .F9HXBayz {
    width: 48px;
    height: 48px;
    /* background-image: url(https://p3-pc-weboff.byteimg.com/tos-cn-i-9r5gewecjs/a795fb49bcbcf8cb1c762a69d57aee48.png); */
    background-size: 48px;
    font-size: 0;
    animation: 1s steps(60,start) infinite F9HXBayz;
    display: inline-block;
    transform: scale(.7)
}

.vvbhGGjs .KPvPG34v {
    color: rgba(22,24,35,.6);
    color: var(--color-text-t3);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.QhVQRHBd {
    min-height: 364px;
    border-radius: 16px;
    padding-top: calc(56.25% + 33px);
    position: relative;
    overflow: hidden
}

.QhVQRHBd.PyyvsL9X {
    background: 0 0
}

.QhVQRHBd.PyyvsL9X .knNdFRtP .KFfYiwB3 {
    display: none
}

.QhVQRHBd.PyyvsL9X .MCiVz0RI {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute!important
}

.QhVQRHBd .YqoTAgtB {
    width: 100%;
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.bigPlayerContainer .QhVQRHBd {
    max-height: 753px
}

.RlRPm5Du {
    width: 100%;
    height: 100%;
    -webkit-app-region: no-drag;
    app-region: no-drag;
    cursor: pointer;
    color: #fff;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #060716;
    flex-direction: column;
    font-size: 14px;
    display: flex;
    position: relative
}

.RlRPm5Du[data-widescreen=true] {
    z-index: 503;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.RlRPm5Du[data-pip=true] {
    width: 350px;
    height: 197px;
    z-index: 503;
    background: #060716;
    border-radius: 16px;
    position: fixed;
    bottom: 52px;
    right: 8px;
    overflow: hidden;
    box-shadow: 0 0 24px rgba(0,0,0,.1)
}

.RlRPm5Du[data-inactive=true] {
    cursor: none
}

.RlRPm5Du[data-inactive=true] [data-inactive-item=true] {
    opacity: .3;
    transition: all .1s
}

.Xf_htjdN {
    overflow: hidden!important
}

.U_Xri6ml {
    flex: 1 1 0;
    position: relative;
    overflow: hidden
}

.U_Xri6ml>video {
    width: 100%;
    height: 100%;
    position: absolute
}

.pKJBCtP8 {
    width: 100%;
    height: 100%;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.pKJBCtP8[data-pip=true],.pKJBCtP8>* {
    pointer-events: auto
}

.pKJBCtP8>svg {
    opacity: .8;
    transform: scale(3)
}

.pKJBCtP8>svg:hover {
    opacity: 1!important
}

.pKJBCtP8:hover>.Mr6fviCZ {
    opacity: .8
}

.pKJBCtP8>.Mr6fviCZ {
    opacity: 0
}

.v8undO9G>:last-child {
    text-align: center;
    margin-top: 20px
}

.v8undO9G>:last-child>span {
    color: #fe2c55
}

.b3wHMPzS {
    display: none
}

.w3arjslR {
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 6px;
    right: 6px
}

.w3arjslR:hover {
    opacity: 1!important
}

.xgplayer-isloading .b3wHMPzS,.xgplayer-paying .b3wHMPzS {
    display: block
}

.ejz6anYx {
    pointer-events: none;
    z-index: 1;
    grid-gap: 12px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    display: flex;
    position: absolute
}

.ejz6anYx>div {
    width: -moz-max-content;
    width: max-content;
    background: #33343f;
    border-radius: 12px;
    padding: 14px 32px;
    line-height: 20px;
    transition: all .2s;
    overflow: hidden
}

.RuNx1aey {
    pointer-events: none;
    filter: blur(50px);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0,0)
}

.MNyOvSNN {
    height: 100%;
    width: 100%;
    color: #fff;
    grid-gap: 12px;
    background: rgba(0,0,0,.5);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    line-height: 1em;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.MNyOvSNN:hover>.Mr6fviCZ {
    opacity: .8
}

.MNyOvSNN>.Mr6fviCZ {
    opacity: 0
}

.U0vxXWvC {
    color: rgba(255,255,255,.6);
    grid-gap: 4px;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    font-size: 14px;
    display: flex
}

.On4c0IdC {
    grid-gap: 4px;
    cursor: pointer;
    height: 100%;
    align-items: center;
    gap: 4px;
    display: flex
}

.LCvm7p79 {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 14px;
    width: 24px;
    background: rgba(229,229,234,.9);
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.LCvm7p79:checked {
    background-image: linear-gradient(270deg,#ff2583,#fe104c)
}

.LCvm7p79:checked:after {
    transform: translate(4px)
}

.LCvm7p79:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 10px;
    transition: all .36s;
    display: block;
    transform: translate(-4px);
    box-shadow: 0 2px 4px rgba(0,35,11,.2)
}

.S0lkyACN {
    cursor: pointer;
    height: 12px;
    width: 100%;
    align-items: center;
    display: flex;
    position: relative
}

.S0lkyACN>* {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    position: absolute
}

.S0lkyACN>:nth-child(1) {
    background: rgba(231,231,236,.4)
}

.S0lkyACN>:nth-child(2) {
    background: #fe2c55;
    left: 0
}

.S0lkyACN>:nth-child(2)[data-disabled=true] {
    background: rgba(231,231,236,.4)
}

.S0lkyACN>:nth-child(3)>* {
    height: 4px;
    width: 4px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-50%)
}

.S0lkyACN>:nth-child(4) {
    height: 12px;
    width: 12px;
    background: #fff;
    border-radius: 12px;
    transform: translate(-50%)
}

.S0lkyACN[data-vertical=true] {
    height: 100%;
    width: 12px;
    flex-direction: column;
    justify-content: end
}

.S0lkyACN[data-vertical=true]>* {
    height: 100%;
    width: 4px
}

.S0lkyACN[data-vertical=true]>:nth-child(2) {
    bottom: 0;
    left: auto
}

.S0lkyACN[data-vertical=true]>:nth-child(3)>* {
    transform: translateY(50%)
}

.S0lkyACN[data-vertical=true]>:nth-child(4) {
    height: 12px;
    width: 12px;
    transform: translateY(50%)
}

.RNVOzj1y {
    cursor: pointer
}

.RNVOzj1y>* {
    pointer-events: none
}

@keyframes kJ6e_4xE {
    to {
        background-position-y: -2880px
    }
}

.CeDUuT9e {
    height: 48px;
    width: 48px;
    /* background-image: url(https://p3-pc-weboff.byteimg.com/tos-cn-i-9r5gewecjs/a795fb49bcbcf8cb1c762a69d57aee48.png); */
    background-size: 48px;
    animation: 1s steps(60,start) infinite kJ6e_4xE;
    display: inline-block;
    transform: scale(.7)
}

.nBfKnuHS {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.nBfKnuHS>* {
    height: 1.84em;
    position: relative
}

.rQyplOk5 {
    text-shadow: 1px 0 rgba(0,0,0,.8),0 1px rgba(0,0,0,.8),-1px 0 rgba(0,0,0,.8),0 -1px rgba(0,0,0,.8);
    width: -moz-max-content;
    width: max-content;
    height: 100%;
    pointer-events: none;
    border-radius: 1em;
    align-items: center;
    padding: 0 .62em;
    display: flex;
    position: absolute;
    left: 100%
}

.IHSaVnEz {
    pointer-events: auto;
    align-items: center;
    line-height: 1em;
    display: flex;
    position: relative
}

.IHSaVnEz>img {
    height: 1em;
    width: 1em
}

.IHSaVnEz[data-author=true]:before {
    content: "";
    background: rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 1em;
    position: absolute;
    top: -.42em;
    bottom: -.42em;
    left: -.62em;
    right: -.62em
}

.IHSaVnEz[data-author=true][data-digg=true]:before {
    right: -1.62em
}

.SOAq1jiC {
    height: 1em;
    width: 1em;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.SOAq1jiC>* {
    position: absolute
}

.SOAq1jiC>:nth-child(1) {
    height: 100%;
    width: 1px;
    opacity: 0;
    background: rgba(255,255,255,.2)
}

.SOAq1jiC>:nth-child(2) {
    height: 100%;
    width: 100%;
    transform: scale(.8)
}

.MyVvOP2S {
    opacity: 0;
    grid-gap: .38em;
    gap: .38em;
    display: flex
}

.MyVvOP2S>* {
    height: 1em;
    width: 1em;
    background: rgba(255,255,255,.2);
    border-radius: 1em;
    justify-content: center;
    align-items: center;
    display: flex
}

.MyVvOP2S>*>svg {
    height: .62em;
    width: .62em
}

.MyVvOP2S>:nth-child(1):hover,.MyVvOP2S>:nth-child(1)[data-digg=true] {
    color: #ff4370
}

.MyVvOP2S>:nth-child(2):hover,.MyVvOP2S>:nth-child(3):hover {
    color: #fec700
}

[data-inactive=true] .IHSaVnEz {
    pointer-events: none
}

.zJADHZYX {
    pointer-events: auto;
    cursor: pointer;
    z-index: 1;
    background: rgba(0,0,0,.6);
    opacity: 1!important
}

.zJADHZYX .IHSaVnEz[data-author=true]:before {
    display: none
}

.zJADHZYX .SOAq1jiC>:nth-child(1) {
    opacity: 1
}

.zJADHZYX .SOAq1jiC>:nth-child(2) {
    opacity: 0
}

.zJADHZYX .MyVvOP2S {
    opacity: 1
}

.wrQwz7hN {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(255,255,255,.898);
    white-space: nowrap;
    flex: 0 0 48px;
    position: relative
}

.iTIvHOmL {
    background: linear-gradient(transparent,rgba(0,0,0,.6))
}

.FzPBMK9X {
    grid-gap: 4px;
    align-items: center;
    gap: 4px;
    padding: 7px 8px;
    display: flex;
    overflow: hidden
}

.nQdtlYJ7 {
    height: 2px;
    z-index: 1;
    position: relative
}

.TITDNcLC {
    height: 6px;
    width: 100%;
    position: absolute;
    top: -2px
}

.TITDNcLC>:first-child {
    height: 2px;
    background: rgba(255,255,255,.1);
    position: relative;
    top: 2px
}

.TITDNcLC>:first-child:hover {
    background: rgba(255,255,255,.15)
}

.bvSF13un .TITDNcLC,.TITDNcLC:hover {
    height: 10px;
    top: -4px
}

.bvSF13un .TITDNcLC>:first-child,.TITDNcLC:hover>:first-child {
    height: 6px
}

.bvSF13un .TITDNcLC .udUihdjh,.TITDNcLC:hover .udUihdjh,.bvSF13un .TITDNcLC .ZYGLC3rN,.TITDNcLC:hover .ZYGLC3rN {
    display: block
}

.bvSF13un .TITDNcLC .ZYGLC3rN~*,.TITDNcLC:hover .ZYGLC3rN~* {
    display: flex
}

.bvSF13un .TITDNcLC .f2fZL6iL,.TITDNcLC:hover .f2fZL6iL {
    width: 6px;
    height: 6px;
    top: 0
}

.bvSF13un {
    cursor: pointer
}

.bvSF13un>* {
    pointer-events: none
}

.H8Hv9m7C {
    height: 100%;
    width: 0;
    background: rgba(255,255,255,.15);
    position: absolute
}

.jITAhLcX {
    height: 100%;
    width: 0;
    background: rgba(255,255,255,.7);
    position: absolute;
    top: 0
}

.udUihdjh {
    height: 20px;
    width: 20px;
    z-index: 1;
    background: #fff padding-box content-box;
    border: 5px solid rgba(255,255,255,.2);
    border-radius: 20px;
    display: none;
    position: absolute;
    bottom: 50%;
    right: 0;
    transform: translate(50%,50%)
}

.ZYGLC3rN {
    pointer-events: none;
    width: 2px;
    height: 6px;
    background: #fff;
    display: none;
    position: absolute;
    top: 2px;
    transform: translate(-50%)
}

.ZYGLC3rN~* {
    pointer-events: none;
    box-sizing: content-box;
    background: #252632;
    border: 1px solid #fff;
    border-radius: 12px;
    justify-content: center;
    align-items: end;
    display: none;
    position: absolute;
    bottom: 13px;
    transform: translate(-50%)
}

.f2fZL6iL {
    height: 4px;
    width: 4px;
    background: #fd9;
    border-radius: 10px;
    position: relative;
    top: -1px;
    transform: translate(-50%)
}

.QJxHWkDK {
    color: #fff;
    margin-left: 4px
}

.qTph6W_y {
    min-width: 2ch;
    text-align: center;
    display: inline-block
}

.qTph6W_y:first-child {
    text-align: right
}

.qTph6W_y:last-child {
    text-align: left
}

.g0Tu5Wo2 {
    width: -moz-max-content;
    width: max-content;
    background: #252632;
    border-radius: 12px;
    padding: 10px 16px!important
}

.SKGOeDdi[data-pip=true] {
    color: #fe2c55
}

.B6MKLwMn,.be7Qo5AN {
    height: 100%;
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    font-weight: 500;
    display: flex
}

.DIvLdLjB {
    width: 100%;
    grid-gap: 5px;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    display: flex
}

.PGTXRamx {
    color: #fff;
    opacity: 0;
    background: #fe2c55;
    border-radius: 4px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.Ryb_2yD0 {
    grid-gap: 8px;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    display: flex;
    right: 8px
}

.Ryb_2yD0>:nth-child(1)>span {
    text-align: center;
    color: #fe2c55;
    min-width: 2ch;
    display: inline-block
}

.Ryb_2yD0>:nth-child(2) {
    color: #fe2c55
}

.Ryb_2yD0>:nth-child(2):hover {
    text-decoration: underline
}

.Ryb_2yD0>:nth-child(2).mrls_4k0 {
    background-color: var(--color-primary);
    color: #fff;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 20px
}

.Ryb_2yD0>:nth-child(2).mrls_4k0:hover {
    background-color: var(--color-primary-hover);
    text-decoration: none
}

.Ryb_2yD0>:nth-child(3) {
    width: 1em;
    height: 1em;
    color: rgba(255,255,255,.698)
}

.Ryb_2yD0>:nth-child(3):hover {
    color: inherit
}

.Sc29CXRv {
    grid-gap: 8px;
    flex-direction: column;
    gap: 8px;
    display: flex
}

.Sc29CXRv>div {
    height: 28px;
    color: rgba(255,255,255,.698);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    display: flex
}

.Sc29CXRv>div:has(.DIvLdLjB) {
    padding: 0 5px 0 12px
}

.Sc29CXRv>div:hover,.Sc29CXRv>div[data-selected=true] {
    color: inherit;
    background: rgba(242,242,244,.12);
    font-weight: 500
}

.Sc29CXRv>div:hover .PGTXRamx {
    opacity: 1
}

.qW_miuX_ {
    white-space: normal;
    max-width: 306px;
    min-width: 154px;
    height: 68px;
    grid-gap: 8px;
    align-items: center;
    gap: 8px;
    padding: 4px;
    display: flex
}

.qW_miuX_>:nth-child(1) {
    height: 100%;
    border-radius: 10px;
    flex: 0 0 80px;
    position: relative;
    overflow: hidden
}

.qW_miuX_>:nth-child(1)>:nth-child(1) {
    width: 100%;
    height: 100%
}

.qW_miuX_>:nth-child(1)>:nth-child(2) {
    position: absolute;
    bottom: 4px;
    right: 4px
}

.qW_miuX_>:nth-child(2) {
    flex: auto
}

.sdZ92U70 {
    width: 56px;
    grid-gap: 8px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 0 16px;
    display: flex
}

.sdZ92U70>:nth-child(1) {
    line-height: 20px
}

.JK2wJKyZ {
    width: 100%;
    height: 0;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0
}

.JK2wJKyZ>* {
    width: -moz-max-content;
    width: max-content;
    background: #252632;
    border-radius: 12px;
    position: absolute;
    bottom: 7px;
    overflow: hidden
}

.JK2wJKyZ>.ihPra1pV {
    background: 0 0;
    border-radius: 0;
    left: 8px
}

.gX_LqYAr {
    cursor: pointer
}

.gX_LqYAr>* {
    pointer-events: none
}

.gX_LqYAr .FzPBMK9X,.gX_LqYAr .JK2wJKyZ {
    pointer-events: auto;
    cursor: pointer
}

.gX_LqYAr.l6qiaVAI .FzPBMK9X {
    pointer-events: none
}

.gX_LqYAr .Ryb_2yD0 {
    opacity: .5
}

.QnPolxkd {
    flex: auto;
    margin-left: 12px;
    display: flex;
    overflow: hidden
}

.QnPolxkd>:nth-child(2) {
    max-width: 380px;
    flex: 1 1 0;
    overflow: hidden
}

.QnPolxkd>:nth-child(3) {
    min-width: 18px;
    margin: auto
}

.QnPolxkd>:nth-child(4) {
    grid-gap: 4px;
    gap: 4px;
    display: flex
}

.HJz5rerd {
    width: 180px
}

.HJz5rerd>:last-child {
    padding: 12px 16px
}

.HJz5rerd>:last-child .Sc29CXRv {
    color: rgba(255,255,255,.698)
}

.HJz5rerd>:last-child .Sc29CXRv>div {
    height: 32px;
    justify-content: start;
    align-items: center;
    padding: 0;
    display: flex
}

.HJz5rerd>:last-child .Sc29CXRv>div:hover,.HJz5rerd>:last-child .Sc29CXRv>div[data-selected=true] {
    color: #fe2c55
}

.YWaoK4ed {
    grid-gap: 4px;
    border-bottom: 1px solid rgba(255,255,255,.03);
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    font-size: 14px;
    display: flex
}

.U2QO90nT>* {
    height: 32px;
    color: rgba(255,255,255,.698);
    justify-content: space-between;
    align-items: center;
    display: flex
}

.U2QO90nT>:hover {
    color: inherit
}

.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,.4);
    border: 1px solid rgba(255,255,255,.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
}

.hsrVlN9C {
    max-width: 375px;
    max-height: 478px;
    transform-origin: 100% 100%;
    right: 8px;
    transform: scale(.75)
}

.u17_yAZV {
    width: 290px;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    display: flex;
    position: relative;
    margin: 8px 0!important
}

.u17_yAZV[data-endcard=false] .cmohf3Ft {
    animation: .3s cubic-bezier(.46,0,.18,1) tyt7cQge
}

.u17_yAZV[data-endcard=false] .FC4Se4bd {
    animation: .3s cubic-bezier(.46,0,.18,1) rfRaHUBY
}

.u17_yAZV[data-endcard=true] .cmohf3Ft {
    pointer-events: none;
    opacity: 0;
    animation: .3s cubic-bezier(.46,0,.18,1) KJSNTw00;
    position: absolute
}

.u17_yAZV[data-endcard=true] .FC4Se4bd {
    pointer-events: auto;
    opacity: 1;
    animation: .3s cubic-bezier(.46,0,.18,1) B4dKcoR4;
    position: relative
}

.cmohf3Ft {
    opacity: 1;
    background: rgba(41,41,41,.34);
    border-radius: 34px;
    align-items: center;
    display: flex;
    position: relative;
    padding: 0 12px!important;
    font-size: 14px!important;
    font-weight: 600!important;
    line-height: 34px!important
}

.FC4Se4bd {
    pointer-events: none;
    opacity: 0;
    width: 100%;
    grid-gap: 12px;
    background: rgba(37,38,50,.8);
    border-radius: 12px;
    flex-direction: column;
    gap: 12px;
    display: flex;
    position: absolute;
    padding: 12px!important
}

.ts93nQ8p {
    grid-gap: 8px;
    gap: 8px;
    display: flex
}

.FDDcQP40 {
    width: 54px;
    height: 72px;
    background: rgba(255,255,255,.08);
    border-radius: 6px;
    position: relative;
    overflow: hidden
}

.FDDcQP40>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px
}

.h9kb2ONl {
    flex: 1 1 0;
    overflow: hidden
}

.rFFRPoyu {
    margin-right: 20px!important
}

.rFFRPoyu>div {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 0;
    overflow: hidden
}

.rFFRPoyu,.W5LI9EiK {
    grid-gap: 4px;
    color: #fff;
    align-items: center;
    gap: 4px;
    display: flex;
    font-size: 15px!important;
    font-weight: 600!important;
    line-height: 23px!important
}

.O2x60dul {
    color: rgba(255,255,255,.75);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px!important;
    line-height: 25px!important
}

.W5LI9EiK {
    margin-top: 2px!important;
    font-weight: 600!important
}

.BLDnuWvb {
    text-align: center;
    width: 100%;
    background: #fe2c55;
    border-radius: 6px;
    font-size: 15px!important;
    font-weight: 600!important;
    line-height: 36px!important
}

.B4ttRqRi {
    color: #fff;
    opacity: .34;
    position: absolute;
    top: 0;
    right: 0
}

.W_1KLArj {
    height: 11px;
    width: 1px;
    background: rgba(255,255,255,.2);
    border-radius: 1px;
    margin: 0 4px!important
}

.MSzLuo9e {
    color: #fd9;
    grid-gap: 3px;
    align-items: center;
    gap: 3px;
    display: inline-flex
}

.gJBbs55z {
    width: 407px;
    color: #161823;
    background: #fff;
    border-radius: 16px;
    flex-direction: column;
    padding: 24px
}

.LhXf69lQ {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    line-height: 24px;
    display: flex
}

.LhXf69lQ>svg {
    cursor: pointer
}

.Fh_pLFrS {
    max-height: 456px;
    padding-top: 24px;
    overflow: auto
}

.to5GIdp1 {
    font-size: 15px;
    font-weight: 600;
    line-height: 23px
}

.I7hvXCTm {
    grid-gap: 2px;
    align-items: center;
    gap: 2px;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    display: flex
}

.W7i6Xq6w {
    color: rgba(22,24,35,.75);
    font-size: 13px;
    line-height: 18px
}

.W7i6Xq6w>a {
    color: #fe2c55;
    cursor: pointer
}

.EXoiPO54 {
    height: 1px;
    background: rgba(22,24,35,.06);
    margin: 20px 0
}

@keyframes KJSNTw00 {
    0% {
        opacity: 1;
        bottom: 0
    }

    to {
        opacity: 0;
        bottom: -20px
    }
}

@keyframes tyt7cQge {
    to {
        opacity: 1;
        bottom: 0
    }

    0% {
        opacity: 0;
        bottom: -20px
    }
}

@keyframes B4dKcoR4 {
    0% {
        opacity: 0;
        bottom: -30px
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@keyframes rfRaHUBY {
    to {
        opacity: 0;
        bottom: -30px
    }

    0% {
        opacity: 1;
        bottom: 0
    }
}

.daEKOukK {
    height: 32px;
    width: 100%;
    background: rgba(255,255,255,.14);
    border-radius: 10px;
    align-items: center;
    padding: 0 8px;
    display: flex
}

.qkG2ptXc {
    height: 16px;
    width: 1px;
    opacity: .4;
    background: rgba(255,255,255,.35);
    margin: 0 8px
}

.Qq2VrFUg {
    cursor: not-allowed;
    color: rgba(255,255,255,.498)
}

.Qq2VrFUg[data-login=true] {
    cursor: pointer
}

.Qq2VrFUg[data-login=true]:hover {
    color: inherit
}

.USSA6DSv {
    background: #252632;
    position: absolute;
    top: 0;
    bottom: 56px;
    left: 0;
    right: 0
}

.USSA6DSv .iVMUIzHU {
    height: 100%;
    width: 100%
}

.nIdTaenV {
    color: #fff;
    caret-color: #fe2c55;
    color: inherit;
    min-width: 0;
    background: 0 0;
    border: none;
    flex: 1 1 0;
    font-size: 1em
}

.nIdTaenV::-ms-input-placeholder {
    color: rgba(255,255,255,.498)
}

.nIdTaenV::placeholder {
    color: rgba(255,255,255,.498)
}

.nIdTaenV>span {
    color: #fe2c55
}

.wpjznDEI {
    color: rgba(255,255,255,.698);
    width: 256px;
    position: relative
}

.wpjznDEI>:nth-child(1) {
    height: 38px;
    border-bottom: 1px solid rgba(231,231,236,.1);
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    display: flex
}

.wpjznDEI>:nth-child(1)>:nth-child(1) {
    color: rgba(255,255,255,.898);
    font-size: 14px;
    font-weight: 500
}

.wpjznDEI>:nth-child(1)>:nth-child(2):hover {
    color: rgba(255,255,255,.898)
}

.wpjznDEI>:nth-child(2) {
    padding: 0 16px
}

.wpjznDEI>:nth-child(2)>:nth-child(1),.wpjznDEI>:nth-child(2)>:nth-child(2) {
    grid-gap: 12px;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
    display: flex
}

.wpjznDEI>:nth-child(2)>:nth-child(2) {
    border-top: 1px solid rgba(231,231,236,.1)
}

.pLrq3KxD {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.pLrq3KxD:hover {
    color: rgba(255,255,255,.898)
}

.Jttk08mI {
    white-space: nowrap;
    height: 20px;
    width: 100%;
    grid-gap: 8px;
    align-items: center;
    gap: 8px;
    display: flex
}

.Jttk08mI>:nth-child(2) {
    flex: auto
}

.Jttk08mI>:nth-child(3) {
    text-align: right;
    min-width: 6ch
}

.iVMUIzHU {
    overscroll-behavior: none;
    height: 256px;
    width: 376px;
    scrollbar-width: none;
    white-space: normal;
    padding: 0 8px;
    overflow: auto
}

.iVMUIzHU::-webkit-scrollbar {
    display: none
}

.iVMUIzHU img {
    height: 24px;
    width: 24px;
    margin: 8px;
    transition: all .3s
}

.iVMUIzHU img:hover {
    transform: scale(1.33)
}

.Udtda8me {
    color: rgba(255,255,255,.898);
    grid-gap: 4px;
    align-items: center;
    gap: 4px;
    display: flex
}

.Udtda8me>:nth-child(2) {
    text-align: center;
    color: #33343f;
    height: 18px;
    width: 18px;
    background: #fff;
    border-radius: 6px;
    font-weight: 600;
    line-height: 18px
}

:root {
    --icon-color: rgba(0,0,0,.1);
    --modal-mask1: rgba(0,0,0,.8)
}

:root[dark] {
    --icon-color: rgba(255,255,255,.2);
    --modal-mask1: rgba(0,0,0,.85)
}

.TPHKxusr .oWR3uLhz {
    height: 30px;
    cursor: pointer;
    color: rgba(255,255,255,.5);
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    margin: 5px 16px!important
}

.TPHKxusr .oWR3uLhz svg path {
    fill: rgba(255,255,255,.8)
}

.TPHKxusr .oWR3uLhz:hover {
    color: #fff
}

.TPHKxusr .oWR3uLhz:hover svg path {
    fill: #fff
}

.TPHKxusr .oWR3uLhz.igG8vnwu {
    color: rgba(255,255,255,.3);
    cursor: not-allowed
}

.TPHKxusr .oWR3uLhz.igG8vnwu svg {
    cursor: not-allowed
}

.TPHKxusr .oWR3uLhz.igG8vnwu svg path {
    fill: rgba(255,255,255,.3)
}

div.RFyKrxyR {
    background-color: rgba(0,0,0,.8);
    background-color: var(--modal-mask1)
}

div.RFyKrxyR.JwUfaHA7 {
    z-index: 9
}

div.pvaGDndF {
    width: 640px;
    height: calc(100vh - 240px);
    max-height: 625px;
    background: #fff;
    background: var(--color-bg-b1);
    box-shadow: 0 0 24px 0 0 24px rgba(0,0,0,.1);
    box-shadow: 0 0 24px var(--shadow-1);
    border-radius: 12px;
    padding: 0;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-weight: 400
}

div.pvaGDndF .uWnpAwtK {
    color: #161823;
    color: var(--color-text-t1);
    height: 62px;
    justify-content: space-between;
    align-items: center;
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    display: flex
}

div.pvaGDndF .uWnpAwtK svg {
    cursor: pointer
}

div.pvaGDndF .uWnpAwtK svg path {
    fill: rgba(22,24,35,.75);
    fill: var(--color-text-t2)
}

div.pvaGDndF .uWnpAwtK svg:hover path {
    fill: #000;
    fill: var(--color-text-t0)
}

div.pvaGDndF .yky6slMJ {
    background: rgba(22,24,35,.06);
    background: var(--color-line-l3);
    border-top-color: rgba(22,24,35,.06);
    border-top-color: var(--color-line-l3);
    margin: 0
}

div.pvaGDndF ._b3a8YYR {
    height: calc(100% - 63px)
}

div.pvaGDndF ._b3a8YYR .dH8m0CPk {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    height: 46px;
    padding: 16px 0 8px;
    font-size: 14px;
    line-height: 22px;
    display: flex
}

div.pvaGDndF ._b3a8YYR .dH8m0CPk .UIeg80Q9 {
    width: 144px;
    text-align: left;
    padding-left: 40px
}

div.pvaGDndF ._b3a8YYR .dH8m0CPk .oc3A0WRR {
    flex: 1
}

div.pvaGDndF ._b3a8YYR .HHaa1mto {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    text-align: center;
    padding: 20px;
    font-size: 12px;
    line-height: 14px;
    display: block
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y {
    height: calc(100% - 46px);
    color: #161823;
    color: var(--color-text-t1);
    letter-spacing: .6px;
    overscroll-behavior: contain;
    margin-right: 6px;
    font-size: 12px;
    line-height: 20px;
    overflow-x: hidden;
    overflow-y: auto
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw {
    min-height: 44px;
    align-items: center;
    padding: 10px 0;
    display: flex
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw:hover {
    background-color: #f2f2f4;
    background-color: var(--color-bg-b2)
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw:hover .vhRhyEEE {
    display: flex
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .NEEqFBiQ {
    width: 144px;
    text-align: left;
    align-items: center;
    padding-left: 40px;
    display: flex
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .FE4uBJgw {
    width: calc(100% - 218px);
    max-width: 378px;
    word-break: break-all;
    line-break: anywhere;
    white-space: normal
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .FE4uBJgw img {
    width: 20px;
    height: 20px;
    margin: 0 4px;
    position: relative;
    top: 5px
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .vhRhyEEE {
    flex: 1;
    margin-left: 10px;
    display: none
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .vhRhyEEE .Y4tsI1zB {
    width: 24px;
    height: 24px;
    background: rgba(0,0,0,.1);
    background: var(--icon-color);
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    display: flex
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .vhRhyEEE .Y4tsI1zB svg {
    fill: currentColor;
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2)
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .vhRhyEEE .Y4tsI1zB.ca9808pT svg,div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .vhRhyEEE .Y4tsI1zB.UbmOukiy:hover svg {
    color: #ff4370
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .vhRhyEEE .zzckot2M svg {
    position: relative;
    top: -1px
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .vhRhyEEE .zzckot2M:hover svg {
    color: #fec700
}

div.pvaGDndF ._b3a8YYR .abKOGJ0y .meoIzqWw .vhRhyEEE .ZN_IHaQ_:hover svg {
    color: #000;
    color: var(--color-text-t0)
}

div.pvaGDndF ._b3a8YYR .aEN62hv4 {
    height: calc(100% - 46px);
    min-height: auto
}

div.pvaGDndF.JwUfaHA7 {
    height: calc(100% - 80px);
    width: 464px
}

.lmN7XycN {
    z-index: 11000!important
}

.TrsG0xnm {
    margin: auto 0
}

.Tc7EfaG1 {
    height: calc(100% - 46px);
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.wXe1Jz_N {
    background-color: #111;
    border-radius: 4px;
    overflow: hidden
}

.wXe1Jz_N.pQpMieMh {
    background: 0 0
}

.wXe1Jz_N.pQpMieMh .Z6Uy6WEE .TYSwZ6xU {
    display: none
}

.wXe1Jz_N.pQpMieMh .uYhbuVrB {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute!important
}

.wXe1Jz_N .QNQKLbzW {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.wXe1Jz_N:before {
    width: 100%;
    height: 0;
    content: "";
    padding-top: 56.25%;
    display: block
}

.playerControlHeight .wXe1Jz_N:before {
    padding-top: calc(56.25% + 33px)
}

.MCuQ06Dt {
    margin: 16px 0
}

.MCuQ06Dt .L0Ld1XkM {
    min-height: 28px;
    line-height: 0
}

.MCuQ06Dt .L0Ld1XkM span {
    color: #161823;
    color: var(--color-text-t1);
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.MCuQ06Dt .L0Ld1XkM img {
    width: auto;
    position: relative;
    height: 20px!important;
    vertical-align: top!important;
    top: 4px!important
}

.MCuQ06Dt .xOcb0bX5 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    display: flex
}

.MCuQ06Dt .xOcb0bX5 .nMLbuRwg {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    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
}

.MCuQ06Dt .xOcb0bX5 .nMLbuRwg .TDkebLxX {
    cursor: pointer;
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    align-items: center;
    display: flex
}

.MCuQ06Dt .xOcb0bX5 .nMLbuRwg .TDkebLxX:hover {
    color: #fe2c55;
    color: var(--color-primary)
}

.MCuQ06Dt .xOcb0bX5 .nMLbuRwg .TDkebLxX .oGLV3uJn {
    margin-left: 7px;
    margin-right: 24px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.MCuQ06Dt .xOcb0bX5 .nMLbuRwg .y0vBIuJ7 {
    color: rgba(22,24,35,.34);
    color: var(--color-text-t4);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb {
    margin-left: -5px;
    display: flex
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .iuZl6JL7 {
    color: #000;
    color: var(--color-text-t0);
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .gNHEU6yO {
    cursor: pointer
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .gNHEU6yO .lEzg5zPo {
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .gNHEU6yO:not(.Q6fOo1Jp),.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .gNHEU6yO:not(.Q6fOo1Jp) svg.DRIrsUr2 {
    color: rgba(22,24,35,.75);
    color: var(--color-text-t2)
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .gNHEU6yO:not(.Q6fOo1Jp) svg.DRIrsUr2 path {
    fill: rgba(22,24,35,.75);
    fill: var(--color-text-t2)
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .gNHEU6yO:not(.Q6fOo1Jp):hover,.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .gNHEU6yO:not(.Q6fOo1Jp):hover>svg.DRIrsUr2 {
    color: #000;
    color: var(--color-text-t0)
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb .gNHEU6yO:not(.Q6fOo1Jp):hover>svg.DRIrsUr2 path {
    fill: #000;
    fill: var(--color-text-t0)
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb>div {
    margin-right: 24px
}

.MCuQ06Dt .xOcb0bX5 .PHSCDWbb>div * {
    vertical-align: middle
}

.MCuQ06Dt .xOcb0bX5 .RQEKJgUY {
    position: relative
}

.MCuQ06Dt .xOcb0bX5 .RQEKJgUY .avTD8TTA {
    z-index: 998;
    background: #fff;
    background: var(--color-bg-b1);
    box-shadow: 0 0 24px rgba(0,0,0,.12);
    box-shadow: var(--shadow-2);
    border-radius: 4px;
    position: absolute;
    top: 40px;
    left: 0
}

.MCuQ06Dt .xOcb0bX5 .RQEKJgUY .wPul_34C {
    display: none
}

.UwSup6Dc {
    height: 36px;
    width: 36px;
    cursor: pointer;
    background-color: #f2f2f4;
    background-color: var(--color-bg-b2);
    box-shadow: 0 0 24px rgba(0,0,0,.12);
    box-shadow: var(--shadow-2);
    z-index: 10;
    border-radius: 18px;
    margin-bottom: 8px;
    font-size: 0;
    display: none;
    position: fixed;
    bottom: 44px;
    right: 8px
}

.UwSup6Dc.Q6fOo1Jp {
    display: block
}

.UwSup6Dc.k9B9PTnF {
    bottom: 88px
}

.UwSup6Dc svg path {
    fill: rgba(22,24,35,.34);
    fill: var(--color-text-t4)
}

.UwSup6Dc:hover svg path {
    fill: rgba(22,24,35,.75);
    fill: var(--color-text-t2)
}

html[switch-theme] .UwSup6Dc {
    transform: translateY(-46px)
}

.isShowUp .UwSup6Dc {
    bottom: 88px
}

.RF1SqNhx {
    width: 240px;
    height: 40px;
    background-color: #33343f;
    background-color: var(--color-bg-toast);
    text-align: center;
    color: #fff;
    color: var(--color-const-text-white);
    border-radius: 6px;
    margin-bottom: 4px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    position: absolute;
    top: -40px;
    left: 0
}

.fcxDwzrb {
    position: absolute;
    bottom: -4px;
    left: 6px
}

.fcxDwzrb path {
    fill: #33343f;
    fill: var(--color-bg-toast)
}

.b71j7Nfs {
    width: 40px;
    height: 20px;
    text-align: center;
    background: #f2f2f4;
    background: var(--color-secondary-default);
    color: rgba(22,24,35,.6);
    color: var(--color-text-t3);
    border: none;
    border-radius: 4px;
    margin-bottom: 3px;
    padding: 0;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.W7KsLnBA {
    border: 1px solid rgba(22,24,35,.2);
    border: 1px solid var(--color-line-l2);
    color: rgba(22,24,35,.6);
    color: var(--color-text-t3);
    border-radius: 4px;
    margin-left: 8px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    display: flex
}

html[dark] .BmYk3fHP .QREZqXH9 {
    color: rgba(255,255,255,.35)
}

html[dark] .BmYk3fHP .mnObkW4u path {
    fill: rgba(255,255,255,.35)
}

.feNPtzZF {
    padding-top: 24px;
    font-family: DFP King Gothic GB
}

.feNPtzZF .BmYk3fHP .QREZqXH9 {
    color: var(--color-text-t3);
    margin-right: 2px;
    font-size: 14px;
    line-height: 22px
}

.feNPtzZF .BmYk3fHP .mnObkW4u path {
    fill: var(--color-text-t3)
}

.feNPtzZF .IEdqDYKI {
    color: var(--color-text-t1);
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.feNPtzZF .wDSBVP_x {
    text-align: justify;
    color: var(--color-text-t1);
    padding-top: 6px;
    padding-bottom: 26px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.feNPtzZF .wDSBVP_x.qy3YbVMl {
    color: rgba(22,24,35,.6);
    color: var(--color-text-t3);
    padding-top: 0;
    padding-bottom: 0
}

.vVmIjVbP {
    width: 100%;
    flex-direction: column;
    padding-top: 6px;
    display: flex
}

.bigPlayerContainer .wDSBVP_x {
    max-height: 753px;
    padding-bottom: 16px
}

.JmFiy2tL {
    justify-content: center;
    align-items: center;
    display: flex
}

.JmFiy2tL .KneWpe_M {
    width: 1px;
    height: 11px;
    background: var(--color-line-l1);
    margin: 0 8px
}

.JmFiy2tL .QREZqXH9 {
    color: var(--color-text-t3);
    margin-right: 5px;
    font-size: 14px;
    line-height: 22px
}

.JmFiy2tL .mnObkW4u path {
    fill: var(--color-text-t3)
}

.Z_Nkhrcf {
    background-color: var(--color-bg-b1);
    border-radius: 4px;
    margin-right: 8px;
    position: relative
}

.Z_Nkhrcf svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.Z_Nkhrcf svg path {
    background-color: var(--color-bg-b2)
}

.Xl2aTW4W {
    width: 100%;
    height: 16px;
    background-color: var(--color-bg-b1);
    border-radius: 4px;
    margin-bottom: 8px
}

.jt_lLXj8 {
    width: 33.3%
}

.qYO1qGkh {
    display: flex
}

.iXP59dQi {
    flex: 1
}

.qZPlAGlK {
    flex-direction: column;
    display: flex
}

.x_vgJ3yL {
    width: 100%;
    display: flex;
    overflow: hidden
}

.kDzTQY11 {
    position: relative;
    overflow: visible
}

.FJhgcCvF {
    width: 100%;
    text-overflow: ellipsis;
    text-align: justify;
    -webkit-line-clamp: var(--lineClamp);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    position: relative;
    overflow: hidden
}

.FJhgcCvF:before {
    content: "";
    height: calc(100% - var(--lineHeight) + 1px);
    float: right;
    width: 0
}

.FJhgcCvF.DRtATyhw:before {
    height: calc(100% - var(--lineHeight))
}

.jSWhNb0L:before {
    height: 0!important
}

.i__ROwvI {
    cursor: pointer;
    background: 0 0;
    border: none;
    outline: none
}

.c8DH1EJH {
    float: right;
    clear: both;
    cursor: pointer;
    z-index: 2;
    display: none;
    position: relative
}

.i2RJQ2LH {
    align-items: center;
    display: flex
}

.OXg4B4ot .FJhgcCvF {
    max-height: calc(var(--lineClamp)*var(--lineHeight) + 2px);
    display: block
}

.OXg4B4ot .FJhgcCvF.hFSswewB {
    max-height: var(--maxHeight)
}

.OXg4B4ot .FJhgcCvF .i2RJQ2LH {
    margin-left: 15px;
    position: relative
}

.OXg4B4ot .FJhgcCvF .i2RJQ2LH:before {
    content: "...";
    position: absolute;
    left: -14px
}

.OXg4B4ot .FJhgcCvF .yg45TJTb.i2RJQ2LH:before {
    display: none
}

.OXg4B4ot.DcVxVOig .FJhgcCvF {
    position: relative
}

.OXg4B4ot.DcVxVOig .FJhgcCvF .i2RJQ2LH {
    margin-left: 50px
}

.OXg4B4ot.DcVxVOig .FJhgcCvF .i2RJQ2LH:before {
    left: -50px
}

img:not([src]),img[src=""] {
    opacity: 0
}

.LDzw4hoa {
    width: 100%;
    margin-bottom: 32px
}

.LDzw4hoa .TLgdydMw {
    width: 100%;
    display: flex
}

.LDzw4hoa .TLgdydMw .dVe6zcdK {
    color: #000;
    flex: 1;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.LDzw4hoa .TLgdydMw .AB9qgR66 {
    text-align: right;
    color: rgba(47,48,53,.7);
    flex: 1;
    padding-right: 5px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.LDzw4hoa .ZsyqaeH8 {
    flex-flow: wrap;
    display: flex
}

.LDzw4hoa .ZsyqaeH8 button {
    margin-top: 16px;
    margin-right: 14px
}

.LDzw4hoa .kQk180aS {
    width: 66px;
    height: 25px;
    text-align: center;
    color: rgba(47,48,53,.7);
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    border: 1px solid rgba(47,48,53,.7);
    border-radius: 6px;
    font-family: PingFang SC;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    overflow: hidden
}

.LDzw4hoa .m0ZyOhJ9 {
    width: 66px;
    height: 25px;
    text-align: center;
    color: rgba(255,255,255,.5);
    background: 0 0;
    border: 1px solid rgba(47,48,53,.7);
    border-radius: 6px;
    font-family: PingFang SC;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px
}

.LDzw4hoa .dUQLz7Wi {
    color: #fe2c55;
    border: 1px solid #fe2c55
}

.LDzw4hoa .I_IY1KEm {
    color: rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.9)
}

.LDzw4hoa .mxJwQxJU {
    width: 100%
}

.LDzw4hoa .iy0DJ0EY {
    height: 68px;
    cursor: pointer;
    border-radius: 12px;
    margin-top: 16px;
    display: flex;
    position: relative
}

.LDzw4hoa .iy0DJ0EY .cjodN1wd {
    width: 120px;
    height: 68px
}

.LDzw4hoa .iy0DJ0EY .InUxC5rv {
    width: 120px;
    height: 68px;
    background: rgba(0,0,0,.4);
    border-radius: 12px;
    position: relative
}

.LDzw4hoa .iy0DJ0EY .InUxC5rv .RNLaph8f {
    width: 120px;
    height: 68px;
    border-radius: 12px
}

.LDzw4hoa .iy0DJ0EY .Hkt7lg_H {
    width: 120px;
    height: 68px;
    opacity: .8;
    background: #2f3035;
    border-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.LDzw4hoa .iy0DJ0EY .AgRlnhsG {
    width: 120px;
    height: 68px;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.LDzw4hoa .iy0DJ0EY .AgRlnhsG .bd755DiZ {
    width: 24px;
    height: 24px;
    position: relative
}

.LDzw4hoa .iy0DJ0EY .AgRlnhsG .bd755DiZ .F9xvAqax {
    width: 24px;
    height: 24px;
    background-image: url(//lf3-cdn-tos.bytegoofy.com/obj/goofy/ies/douyin_web/media/play_effect.85840c1731f5dc69.png);
    background-size: 24px;
    font-size: 0;
    animation: 2s steps(94,start) forwards _9v4ohI_;
    position: absolute;
    top: 0;
    left: 0
}

.LDzw4hoa .iy0DJ0EY .AgRlnhsG .bd755DiZ .fOPUwyCm {
    opacity: 0;
    width: 24px;
    height: 24px;
    background-image: url(//lf3-cdn-tos.bytegoofy.com/obj/goofy/ies/douyin_web/media/playing_effect.78d3977c03431a5d.png);
    background-size: 24px;
    font-size: 0;
    animation: 4s steps(95,start) infinite gVkWJfx5;
    position: absolute;
    top: 0;
    left: 0
}

.LDzw4hoa .iy0DJ0EY .AgRlnhsG .Ut4h4IdZ {
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

@media (max-width: 1104px) {
    .LDzw4hoa .iy0DJ0EY .enMekTWd {
        width:calc(100% - 120px)!important
    }
}

.LDzw4hoa .iy0DJ0EY .enMekTWd {
    color: var(--color-text-t1);
    padding-left: 8px
}

.LDzw4hoa .iy0DJ0EY .enMekTWd .BdqTYtM2 {
    opacity: .4;
    color: #fff!important
}

@media (max-width: 1104px) {
    .LDzw4hoa .iy0DJ0EY .enMekTWd ._OmIqRd8 {
        width:100%;
        height: 50%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-top: 8px;
        display: -webkit-box;
        overflow: scroll
    }
}

.LDzw4hoa .iy0DJ0EY .enMekTWd ._OmIqRd8 {
    width: 100%;
    height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden
}

.LDzw4hoa .iy0DJ0EY .enMekTWd ._OmIqRd8 .xflxol1c {
    width: .5px;
    margin: 0 2px;
    font-size: 13px;
    line-height: 22px
}

.LDzw4hoa .iy0DJ0EY .enMekTWd ._OmIqRd8:hover,.LDzw4hoa .iy0DJ0EY .enMekTWd .IcEzky9w {
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-weight: 500
}

.LDzw4hoa .iy0DJ0EY .enMekTWd .TAoFTUBT {
    width: 100%;
    text-align: center;
    color: rgba(47,48,53,.7);
    align-items: center;
    padding-top: 9px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    display: flex
}

@media (max-width: 1104px) {
    .LDzw4hoa .iy0DJ0EY .enMekTWd .TAoFTUBT {
        padding-bottom:11px;
        padding-top: 0!important
    }

    .LDzw4hoa .iy0DJ0EY {
        width: 100%;
        height: 68px;
        border-radius: 12px;
        margin-top: 16px;
        display: flex;
        position: relative
    }
}

.LDzw4hoa .d_9HiDBl {
    width: 300px;
    height: 56px;
    padding-top: 24px
}

.LDzw4hoa .d_9HiDBl .UoJpzAw4 {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    height: 32px;
    color: rgba(47,48,53,.7);
    background-color: #fff;
    border: 1px solid #eff0f3;
    border-radius: 6px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.LDzw4hoa .d_9HiDBl .c6yJlPmx {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    height: 32px;
    color: rgba(255,255,255,.7);
    background: 0 0;
    border: 1px solid #eff0f3;
    border-radius: 6px;
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.LDzw4hoa .d_9HiDBl .NO0eNT3k {
    width: 9.26px;
    height: 9.26px;
    margin-left: 10px
}

.LDzw4hoa .d_9HiDBl .UoJpzAw4:hover {
    background-color: #f8f9fd
}

.LDzw4hoa .d_9HiDBl .c6yJlPmx:hover {
    color: #fff;
    border: 1px solid #fff
}

@keyframes _9v4ohI_ {
    99% {
        opacity: 1;
        background-position-y: -2256px
    }

    to {
        opacity: 0;
        background-position-y: -2256px
    }
}

@keyframes gVkWJfx5 {
    0% {
        opacity: 1
    }

    to {
        opacity: 1;
        background-position-y: -2280px
    }
}

@media (max-width: 1104px) {
    .LDzw4hoa {
        width:100%
    }
}

html[dark] .LDzw4hoa .TLgdydMw .dVe6zcdK {
    color: rgba(255,255,255,.9)
}

html[dark] .LDzw4hoa .TLgdydMw .AB9qgR66 {
    color: rgba(255,255,255,.35)
}

html[dark] .LDzw4hoa .kQk180aS {
    color: #fff;
    opacity: .5;
    background: 0 0;
    border: 1px solid #fff
}

html[dark] .LDzw4hoa .dUQLz7Wi {
    opacity: 1
}

html[dark] .LDzw4hoa .iy0DJ0EY .enMekTWd,html[dark] .LDzw4hoa .iy0DJ0EY .enMekTWd ._OmIqRd8 {
    color: rgba(255,255,255,.9)
}

html[dark] .LDzw4hoa .iy0DJ0EY .enMekTWd .TAoFTUBT {
    opacity: .4;
    color: #fff!important
}

html[dark] .LDzw4hoa .d_9HiDBl .UoJpzAw4 {
    color: rgba(255,255,255,.7);
    background: 0 0;
    border: 1px solid #eff0f3
}

html[dark] .LDzw4hoa .d_9HiDBl .UoJpzAw4:hover {
    color: #fff;
    border: 1px solid #fff
}

body {
    min-width: 628px
}

.GiblfQo_ {
    width: 100%;
    display: flex
}

.gL7jUfbW,.qLAPgdhY {
    width: 0
}

.Kf4mp7z3 {
    flex: 1
}

.UvBuNQbK {
    z-index: 200;
    width: 100%;
    background-color: #fff;
    padding: 19px 0 7px;
    position: fixed
}

.tA7Ls1HL {
    margin: 0 52px;
    display: flex
}

.bv6b46JR {
    height: 74px;
    width: 100%;
    position: relative
}

.xxDnnQv_ {
    padding: 0 8px
}

.upu8vj0O {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -8px;
    display: flex;
    position: relative
}

.upu8vj0O .XcuteBVD {
    width: 33%;
    padding: 0 8px
}

.upu8vj0O .XcuteBVD:last-child {
    margin-right: auto
}

.ZxgjGwgk {
    color: #161823;
    color: var(--color-text-t1);
    padding: 0 0 16px;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.MhBv8hcB {
    flex-direction: column;
    margin-bottom: 20px;
    display: flex
}

.MhBv8hcB ._I8q1dZf {
    width: 100%;
    margin-bottom: 12px;
    margin-right: 0;
    padding-bottom: 140.556%
}

.MhBv8hcB .SL5ftroS {
    flex-direction: column;
    display: flex
}

@media (min-width: 628px) {
    .GiblfQo_ .upu8vj0O .XcuteBVD {
        width:33%
    }
}

@media (min-width: 884px) {
    .GiblfQo_ .upu8vj0O .XcuteBVD {
        width:25%
    }
}

@media (min-width: 1140px) {
    .GiblfQo_ .upu8vj0O .XcuteBVD {
        width:20%
    }
}

@media (min-width: 1500px) {
    .GiblfQo_ .upu8vj0O .XcuteBVD {
        width:16.5%
    }
}

.EBtYwhmf {
    text-align: center;
    flex-shrink: 0;
    margin-top: 40px;
    padding-bottom: 40px
}

.B_mbw29p {
    color: rgba(22,24,35,.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,.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: .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,.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,.6);
    color: var(--color-text-t3);
    text-shadow: 0 1px 1px rgba(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: .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,.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,.34);
    color: rgba(22,24,35,.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,.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,.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,.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,.34);
    cursor: not-allowed;
    border: 1px solid rgba(254,44,85,.34)
}

.bSr2rofV {
    background-color: #f2f2f4;
    background-color: var(--color-secondary-default);
    color: rgba(22,24,35,.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: .3;
    background-color: rgba(254,44,85,.34)
}

.bSr2rofV._5ngKZItY {
    color: rgba(22,24,35,.75);
    background-color: #fff;
    border: 1px solid #f1f2f5
}

.bSr2rofV._5ngKZItY:hover,.bSr2rofV._5ngKZItY:active {
    color: rgba(22,24,35,.75);
    border: 1px solid #f1f2f5
}

.bSr2rofV._5ngKZItY:disabled {
    color: rgba(22,24,35,.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,.3)
}

.i9kCnUjQ:hover {
    opacity: .9;
    background-color: rgba(10,12,32,.3)
}

.i9kCnUjQ:active {
    opacity: .75;
    background-color: rgba(10,12,32,.3)
}

.i9kCnUjQ:disabled {
    cursor: not-allowed;
    opacity: .3;
    background-color: rgba(10,12,32,.3)
}

img:not([src]),img[src=""] {
    opacity: 0
}

.YI9tL0uR {
    cursor: pointer;
    width: 100%;
    margin-bottom: 23px;
    margin-right: 16px;
    position: relative
}

.YI9tL0uR .Q1dN4OV_ {
    width: 100%;
    margin: 0
}

.YI9tL0uR .Q1dN4OV_ .gbQQlA5z {
    width: 100%;
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

.YI9tL0uR .Q1dN4OV_ .gbQQlA5z .SWAswYxS {
    height: 46%;
    width: 100%;
    background: linear-gradient(transparent 0%,rgba(0,0,0,.5) 100%);
    position: absolute;
    bottom: 0
}

.YI9tL0uR .Q1dN4OV_ .gbQQlA5z .Kgs27R85 {
    color: rgba(255,255,255,.9);
    font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    bottom: 8px;
    right: 11px
}

.YI9tL0uR .Q1dN4OV_ .gbQQlA5z:before {
    content: "";
    width: 100%;
    padding-bottom: 140.556%;
    display: block
}

.YI9tL0uR .Q1dN4OV_ .gbQQlA5z .l0Anh_Z1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.YI9tL0uR .Q1dN4OV_ .gbQQlA5z .O6DWutsO {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.YI9tL0uR .Q1dN4OV_ .rf11wpZI {
    width: 100%;
    padding: 12px 0;
    position: relative
}

.YI9tL0uR .Q1dN4OV_ .rf11wpZI .qwfvWUPd {
    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
}

.YI9tL0uR .Q1dN4OV_ .rf11wpZI .FEUuGzre {
    mix-blend-mode: normal;
    color: rgba(47,48,53,.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: 14px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden
}

@keyframes XOYs9510 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.YI9tL0uR .NhcJnqU_ {
    width: 117%;
    height: 0;
    z-index: 10;
    margin-top: -16px;
    margin-left: -8.5%;
    padding-bottom: 175%;
    position: absolute
}

@keyframes tyq66cNw {
    0% {
        padding-top: 0;
        padding-left: 0
    }

    to {
        padding-top: 4px;
        padding-left: 8px
    }
}

html[dark] .Q1dN4OV_ .rf11wpZI .qwfvWUPd {
    color: rgba(255,255,255,.9)
}

html[dark] .Q1dN4OV_ .rf11wpZI .FEUuGzre {
    color: rgba(255,255,255,.35)
}

.fuinlICW {
    margin-right: 16px
}

@keyframes If94_LOD {
    0% {
        opacity: 0;
        transform: scale(.93)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: matrix(1,0,0,1,0,0)
    }
}