html::-webkit-scrollbar {
    /* we'll add padding as "border" in the thumb*/
    height: 20px;
    width: 20px;
    background: white;
}

html::-webkit-scrollbar-track {
    border-radius: 20px;
    border: 7px solid white;
    /* FIXME why doesn't "transparent" work here?! */
    background-color: white;
    width: 6px !important;
    /* 20px scrollbar - 2 * 7px border */
    box-sizing: content-box;
}

html::-webkit-scrollbar-track:hover {
    background-color: #BFC0C2;
}

html::-webkit-scrollbar-thumb {
    background-color: #3DAEE9;
    /* default blue breeze color */
    border: 7px solid transparent;
    border-radius: 20px;
    background-clip: content-box;
    width: 6px !important;
    /* 20px scrollbar - 2 * 7px border */
    box-sizing: content-box;
    min-height: 30px;
}

html::-webkit-scrollbar-thumb:window-inactive {
    background-color: #949699;
    /* when window is inactive it's gray */
}

html::-webkit-scrollbar-thumb:hover {
    background-color: #93CEE9;
    /* hovered is a lighter blue */
}

html::-webkit-scrollbar-corner {
    background-color: white;
    /* FIXME why doesn't "transparent" work here?! */
}


@-webkit-keyframes bpx-animation-loading {
    0% {
        background-position: 0 0
    }

    6.25% {
        background-position: -320px 0
    }

    12.50% {
        background-position: -640px 0
    }

    18.75% {
        background-position: -960px 0
    }

    25.00% {
        background-position: -1280px 0
    }

    31.25% {
        background-position: -1600px 0
    }

    37.50% {
        background-position: -1920px 0
    }

    43.75% {
        background-position: -2240px 0
    }

    50.00% {
        background-position: -2560px 0
    }

    56.25% {
        background-position: -2880px 0
    }

    62.50% {
        background-position: -3200px 0
    }

    68.75% {
        background-position: -3520px 0
    }

    75.00% {
        background-position: -3840px 0
    }

    81.25% {
        background-position: -4160px 0
    }

    87.50% {
        background-position: -4480px 0
    }

    93.75% {
        background-position: 0 -184px
    }

    100.00% {
        background-position: -320px -184px
    }
}

@keyframes bpx-animation-loading {
    0% {
        background-position: 0 0
    }

    6.25% {
        background-position: -320px 0
    }

    12.50% {
        background-position: -640px 0
    }

    18.75% {
        background-position: -960px 0
    }

    25.00% {
        background-position: -1280px 0
    }

    31.25% {
        background-position: -1600px 0
    }

    37.50% {
        background-position: -1920px 0
    }

    43.75% {
        background-position: -2240px 0
    }

    50.00% {
        background-position: -2560px 0
    }

    56.25% {
        background-position: -2880px 0
    }

    62.50% {
        background-position: -3200px 0
    }

    68.75% {
        background-position: -3520px 0
    }

    75.00% {
        background-position: -3840px 0
    }

    81.25% {
        background-position: -4160px 0
    }

    87.50% {
        background-position: -4480px 0
    }

    93.75% {
        background-position: 0 -184px
    }

    100.00% {
        background-position: -320px -184px
    }
}

.bpx-docker ol,
.bpx-docker ul {
    list-style: none;
    outline: none
}

.bpx-docker table {
    border-collapse: collapse;
    border-spacing: 0
}

.bpx-docker a,
.bpx-docker input {
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none
}

.bpx-docker svg[data-pointer=none] {
    pointer-events: none
}

.bpx-docker {
    font-size: 12px;
    font-style: normal;
    line-height: 1
}

.bpx-common-hidden {
    display: none !important
}

.bpx-common-opacity-60 {
    opacity: .6
}

.bpx-common-opacity-0 {
    opacity: 0
}

.bpx-common-svg-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.bpx-common-svg-icon svg {
    height: 100%;
    -webkit-transition: fill .15s ease-in-out;
    transition: fill .15s ease-in-out;
    width: 100%
}

.bpx-docker-major {
    height: 100%;
    position: relative;
    width: 100%
}

.bpx-docker-major.bpx-state-light-off:before {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .9;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002
}

.bpx-docker-major.bpx-state-light-off .bpx-player-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1010
}

.bpx-docker-minor {
    position: relative;
    width: 100%
}

.bpx-docker-minor:empty {
    background-color: #f4f4f4;
    background-color: var(--bpx-aux-header-bg, #f4f4f4);
    border-radius: 2px
}

.bpx-docker-minor:not(:empty) {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff)
}

.bpx-docker-patch {
    height: 0 !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 0 !important
}

.bpx-player-container {
    -webkit-box-shadow: 0 0 8px #e5e9ef;
    box-shadow: 0 0 8px #e5e9ef;
    -webkit-box-shadow: 0 0 8px var(--bpx-box-shadow, #e5e9ef);
    box-shadow: 0 0 8px var(--bpx-box-shadow, #e5e9ef);
    height: 100%;
    position: relative;
    width: 100%
}

.bpx-player-container.bpx-state-disable-box-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bpx-player-container[data-aspect-ratio="16:9"] .bpx-player-video-wrap,
.bpx-player-container[data-aspect-ratio="4:3"] .bpx-player-video-wrap {
    position: relative
}

.bpx-player-container[data-aspect-ratio="16:9"] .bpx-player-video-wrap canvas,
.bpx-player-container[data-aspect-ratio="4:3"] .bpx-player-video-wrap canvas {
    height: 100% !important;
    width: 100% !important
}

.bpx-player-container.bpx-state-black-gap .bpx-player-video-wrap {
    border-color: transparent;
    border-style: solid;
    border-width: 48px 7px
}

.bpx-player-container.bpx-state-black-gap .bpx-player-control-mask {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC0CAYAAABVEkZPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACaSURBVHgBlZLbDsQgCETLYP//i5UVtkYhuG59IFzODGnKdZ0eQWMSaFfST2TL0bmHXS+bhoBzD2+ybMAJgp0WiXb2ghWDmYFaa8ZBH6O1Nv1KwrGB32zAnLg8nGXDau4ti4z60+yGiFhZNAvOIdzKQbmy9MIX2V/t3HM+HbZSNAt3JcgOzrQmc/A6cIhEgwH/v9L1xG8j77coPnsUOUD2dBlAAAAAAElFTkSuQmCC) repeat-x bottom;
    height: 180px
}

.bpx-player-container[data-screen=full],
.bpx-player-container[data-screen=mini],
.bpx-player-container[data-screen=web] {
    z-index: 100000 !important
}

.bpx-player-container[data-ctrl-hidden=true] .bpx-player-top-wrap {
    opacity: 0;
    visibility: hidden
}

.bpx-player-container[data-ctrl-hidden=true][data-angle=d3d11] .bpx-player-top-wrap {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    opacity: 1;
    visibility: visible
}

.bpx-player-container[data-ctrl-hidden=false] .bpx-player-top-wrap {
    opacity: 1;
    visibility: visible
}

.bpx-player-container[data-screen=mini] {
    border-radius: 4px;
    height: 225px;
    overflow: hidden;
    position: fixed !important;
    width: 400px
}

.bpx-player-container[data-revision="1"][data-screen=mini],
.bpx-player-container[data-revision="2"][data-screen=mini] {
    height: 180px;
    width: 320px
}

@media screen and (min-width:1681px) {

    .bpx-player-container[data-revision="1"][data-screen=mini],
    .bpx-player-container[data-revision="2"][data-screen=mini] {
        height: 203px;
        width: 360px
    }
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar {
    font-size: 13px;
    padding-left: 12px
}

@media screen and (min-width:1681px) {

    .bpx-player-container[data-revision="1"] .bpx-player-sending-bar,
    .bpx-player-container[data-revision="2"] .bpx-player-sending-bar {
        font-size: 14px;
        height: 56px
    }
}

.bpx-player-container[data-revision="2"][data-screen=web] {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bpx-player-primary-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%
}

.bpx-player-hinter-area {
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 500
}

.bpx-player-hinter-area:after {
    background: url(//s1.hdslb.com/bfs/static/player/img/play.svg) no-repeat 50%;
    content: "";
    display: block;
    height: 84px;
    left: 50%;
    margin-left: -42px;
    margin-top: -42px;
    position: absolute;
    top: 50%;
    width: 84px
}

.bpx-player-context-area {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

.bpx-player-video-area {
    -webkit-box-flex: 1;
    background-color: #000;
    background-color: var(--bpx-video-bgcolor, #000);
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.bpx-player-video-area.bpx-player-mouse-event {
    cursor: pointer
}

.bpx-player-sending-area[hidden] {
    display: none
}

.bpx-player-ending-wrap {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 55
}

.bpx-player-ending-wrap[hidden] {
    display: none
}

.bpx-player-ending-wrap[data-select="1"],
.bpx-player-ending-wrap[data-select="2"] {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    visibility: visible
}

.bpx-player-ending-wrap[data-select="1"] .bpx-player-ending-backdrop,
.bpx-player-ending-wrap[data-select="1"] .bpx-player-ending-panel,
.bpx-player-ending-wrap[data-select="2"] .bpx-player-ending-backdrop,
.bpx-player-ending-wrap[data-select="2"] .bpx-player-share-panel {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    visibility: visible
}

.bpx-player-ending-backdrop {
    background-position: 50%;
    background-size: cover;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    height: 120%;
    left: -10%;
    position: absolute;
    top: -10%;
    width: 120%;
    z-index: -1
}

.bpx-player-ending-backdrop:before {
    background-color: rgba(0, 0, 0, .6);
    content: ""
}

.bpx-player-ending-backdrop:before,
.bpx-player-ending-panel,
.bpx-player-share-panel {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-ending-panel {
    z-index: 1
}

.bpx-player-share-panel {
    z-index: 2
}

.bpx-player-ending-backdrop,
.bpx-player-ending-panel,
.bpx-player-ending-wrap,
.bpx-player-share-panel {
    opacity: 0;
    -webkit-transition: opacity .2s linear, visibility 0ms .2s;
    transition: opacity .2s linear, visibility 0ms .2s;
    visibility: hidden
}

.bpx-player-state-wrap {
    pointer-events: none
}

.bpx-player-control-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 75
}

.bpx-player-control-wrap[hidden] {
    display: none
}

.bpx-player-embedded .bpx-player-sending-bar {
    height: auto
}

.bpx-player-embedded .bpx-player-sending-bar-left,
.bpx-player-embedded .bpx-player-sending-bar-right {
    height: 0
}

.bpx-player-sending-bar {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    background: var(--bpx-dmsend-main-bg, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 46px;
    padding: 0 12px;
    position: relative
}

.bpx-player-sending-bar-left {
    background-color: rgba(0, 0, 0, .04);
    height: 22px;
    margin-right: 10px;
    width: 176px
}

.bpx-player-sending-bar-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: rgba(0, 0, 0, .04);
    flex-grow: 1;
    height: 22px
}

.bpx-player-adv-dm-wrap,
.bpx-player-bas-dm-wrap,
.bpx-player-row-dm-wrap {
    cursor: pointer;
    height: 100%;
    left: 0;
    -webkit-mask-position: center;
    mask-position: center;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.bpx-player-row-dm-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    z-index: 11
}

.bpx-player-row-dm-wrap.ash-animation {
    -webkit-animation: ash 2s linear 1s forwards;
    animation: ash 2s linear 1s forwards
}

.bpx-player-row-dm-wrap.ash-hide {
    opacity: 0
}

.bpx-player-row-dm-wrap.ash-animation-paused {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.bpx-player-top-wrap {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 45
}

.bpx-player-top-wrap[hidden] {
    display: none
}

.bpx-player-subtitle-wrap {
    z-index: 16
}

.bpx-player-music-wrap {
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-music-wrap:not(:empty) {
    height: 100%;
    width: 100%;
    z-index: 81
}

.bpx-player-business-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 63
}

.bpx-player-business-wrap.business-hide {
    display: none
}

.bpx-player-container[data-screen=mini] .bpx-player-cmd-dm-wrap,
.bpx-player-container[data-screen=mini] .bpx-player-ending-panel,
.bpx-player-container[data-screen=mini] .bpx-player-interaction-hidden,
.bpx-player-container[data-screen=mini] .bpx-player-interaction-rookie-guide,
.bpx-player-container[data-screen=mini] .bpx-player-interaction-story,
.bpx-player-container[data-screen=mini] .bpx-player-music-wrap,
.bpx-player-container[data-screen=mini] .bpx-player-panorama,
.bpx-player-container[data-screen=mini] .bpx-player-share-panel {
    display: none !important
}

@-webkit-keyframes ash {
    0% {
        -webkit-filter: url(#fractal) blur(0);
        filter: url(#fractal) blur(0);
        opacity: 1
    }

    25% {
        -webkit-filter: url(#fractal) blur(2.5px);
        filter: url(#fractal) blur(2.5px);
        opacity: .75
    }

    50% {
        -webkit-filter: url(#fractal) blur(5px);
        filter: url(#fractal) blur(5px);
        opacity: .5
    }

    75% {
        -webkit-filter: url(#fractal) blur(7.5px);
        filter: url(#fractal) blur(7.5px);
        opacity: .25
    }

    to {
        -webkit-filter: url(#fractal) blur(10px);
        filter: url(#fractal) blur(10px);
        opacity: 0
    }
}

@keyframes ash {
    0% {
        -webkit-filter: url(#fractal) blur(0);
        filter: url(#fractal) blur(0);
        opacity: 1
    }

    25% {
        -webkit-filter: url(#fractal) blur(2.5px);
        filter: url(#fractal) blur(2.5px);
        opacity: .75
    }

    50% {
        -webkit-filter: url(#fractal) blur(5px);
        filter: url(#fractal) blur(5px);
        opacity: .5
    }

    75% {
        -webkit-filter: url(#fractal) blur(7.5px);
        filter: url(#fractal) blur(7.5px);
        opacity: .25
    }

    to {
        -webkit-filter: url(#fractal) blur(10px);
        filter: url(#fractal) blur(10px);
        opacity: 0
    }
}

.bpx-player-loading-panel {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 57
}

.bpx-player-loading-panel.bpx-state-loading {
    display: block
}

.bpx-player-loading-panel-blur {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bpx-player-loading-panel-blur[hidden] {
    display: none
}

.bpx-player-loading-panel-blur:before {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-loading-panel-blur-detail {
    -webkit-animation: bpx-animation-loading .94s steps(1) infinite;
    animation: bpx-animation-loading .94s steps(1) infinite;
    background: url(//s1.hdslb.com/bfs/static/player/img/ploading.png) no-repeat;
    height: 184px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    width: 320px
}

.bpx-player-loading-panel-text {
    bottom: 56px;
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    left: 12px;
    line-height: 1.6;
    position: absolute;
    right: 12px
}

.bpx-player-loading-panel-text[hidden] {
    display: none
}

.bpx-player-loading-panel-text-row {
    white-space: nowrap
}

.bpx-player-video-poster {
    bottom: 0;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.bpx-player-video-poster[hidden] {
    display: none
}

.bpx-player-video-poster img {
    height: 100%;
    width: 100%
}

.bpx-player-video-perch {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.bpx-player-video-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

.bpx-player-video-wrap .bpx-player-seamless-replacement {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-video-wrap .bpx-player-seamless-replacement,
.bpx-player-video-wrap bwp-video,
.bpx-player-video-wrap video {
    content-visibility: visible;
    display: block;
    height: 100%;
    margin: auto;
    width: 100%
}

.bpx-player-state-buff-icon,
.bpx-player-state-buff-text,
.bpx-player-state-play {
    display: none
}

.bpx-state-paused .bpx-player-state-wrap {
    bottom: 62px;
    cursor: pointer;
    pointer-events: none;
    position: absolute;
    right: 34px;
    z-index: 48
}

.bpx-state-paused .bpx-player-state-play {
    background: url(//s1.hdslb.com/bfs/static/player/img/play.svg) 50% no-repeat;
    display: block;
    height: 64px;
    width: 64px
}

.bpx-state-paused[data-screen=full] .bpx-player-state-wrap,
.bpx-state-paused[data-screen=web] .bpx-player-state-wrap {
    bottom: 107px
}

.bpx-state-no-cursor .bpx-player-video-perch {
    cursor: none
}

.bpx-state-mirror bwp-video,
.bpx-state-mirror video {
    -webkit-transform: rotateX(.001deg) rotateY(180.001deg);
    transform: rotateX(.001deg) rotateY(180.001deg)
}

.bpx-state-mirror canvas {
    -webkit-transform: scaleX(-1) translate(50%, -50%) !important;
    transform: scaleX(-1) translate(50%, -50%) !important
}

.bpx-state-buff .bpx-player-state-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 48
}

.bpx-state-buff .bpx-player-state-buff-icon {
    display: block;
    height: 24px;
    width: 24px
}

.bpx-state-buff .bpx-player-state-buff-text {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.bpx-legacy-browser-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100
}

.bpx-legacy-browser-image {
    margin-bottom: 1em;
    max-width: 300px;
    width: 60%
}

.bpx-legacy-browser-text {
    line-height: 2;
    margin: 0
}


@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.web-toast-kkli9 {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 10px;
    border-radius: 3px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 999999999999999999999999999;
    white-space: nowrap;
}

.fadeOut {
    animation: fadeOut .5s;
}

.fadeIn {
    animation: fadeIn .5s;
}


:root {
    --v_xs: 5px;
    --v_xsx: 4px;
    --v_xxs: 6px;
    --v_sm: 10px;
    --v_smx: 8px;
    --v_xsm: 12px;
    --v_md: 15px;
    --v_mdx: 14px;
    --v_xmd: 16px;
    --v_lg: 20px;
    --v_lgx: 18px;
    --v_xlg: 22px;
    --v_xl: 25px;
    --v_xlx: 24px;
    --v_xxl: 26px;
    --v_fs_1: 24px;
    --v_fs_2: 18px;
    --v_fs_3: 16px;
    --v_fs_4: 14px;
    --v_fs_5: 13px;
    --v_fs_6: 12px;
    --v_lh_xs: 1;
    --v_lh_sm: 1.25;
    --v_lh_md: 1.5;
    --v_lh_lg: 1.75;
    --v_lh_xl: 2;
    --v_height_xs: 16px;
    --v_height_sm: 24px;
    --v_height_md: 32px;
    --v_height_lg: 40px;
    --v_height_xl: 48px;
    --v_radius: 6px;
    --v_radius_sm: 4px;
    --v_radius_md: 8px;
    --v_radius_lg: 10px;
    --v_brand_pink: var(--brand_pink, #FF6699);
    --v_brand_pink_thin: var(--brand_pink_thin, #FFECF1);
    --v_brand_blue: var(--brand_blue, #00AEEC);
    --v_brand_blue_thin: var(--brand_blue_thin, #DFF6FD);
    --v_stress_red: var(--stress_red, #F85A54);
    --v_stress_red_thin: var(--stress_red_thin, #FEECEA);
    --v_success_green: var(--success_green, #2AC864);
    --v_success_green_thin: var(--success_green_thin, #E4F8EA);
    --v_operate_orange: var(--operate_orange, #FF7F24);
    --v_operate_orange_thin: var(--operate_orange_thin, #FFF0E3);
    --v_pay_yellow: var(--pay_yellow, #FFB027);
    --v_pay_yellow_thin: var(--pay_yellow_thin, #FFF6E4);
    --v_bg1: var(--bg1, #FFFFFF);
    --v_bg2: var(--bg2, #F6F7F8);
    --v_bg3: var(--bg3, #F1F2F3);
    --v_bg1_float: var(--bg1_float, #FFFFFF);
    --v_bg2_float: var(--bg2_float, #F1F2F3);
    --v_text_white: var(--text_white, #FFFFFF);
    --v_text1: var(--text1, #18191C);
    --v_text2: var(--text2, #61666D);
    --v_text3: var(--text3, #9499A0);
    --v_text4: var(--text4, #C9CCD0);
    --v_text_link: var(--text_link, #008AC5);
    --v_text_notice: var(--text_notice, #E58900);
    --v_line_light: var(--line_light, #F1F2F3);
    --v_line_regular: var(--line_regular, #E3E5E7);
    --v_line_bold: var(--line_bold, #C9CCD0);
    --v_graph_white: var(--graph_white, #FFFFFF);
    --v_graph_bg_thin: var(--graph_bg_thin, #F6F7F8);
    --v_graph_bg_regular: var(--graph_bg_regular, #F1F2F3);
    --v_graph_bg_thick: var(--graph_bg_thick, #E3E5E7);
    --v_graph_weak: var(--graph_weak, #C9CCD0);
    --v_graph_medium: var(--graph_medium, #9499A0);
    --v_graph_icon: var(--graph_icon, #61666D);
    --v_shadow: var(--shadow, #000000);
    --v_brand_pink_hover: var(--brand_pink_hover, #FF8CB0);
    --v_brand_pink_active: var(--brand_pink_active, #E84B85);
    --v_brand_pink_disabled: var(--brand_pink_disabled, #FFB3CA);
    --v_brand_blue_hover: var(--brand_blue_hover, #40C5F1);
    --v_brand_blue_active: var(--brand_blue_active, #008AC5);
    --v_brand_blue_disabled: var(--brand_blue_disabled, #80DAF6);
    --v_stress_red_hover: var(--stress_red_hover, #FA857F);
    --v_stress_red_active: var(--stress_red_active, #E23D3D);
    --v_stress_red_disabled: var(--stress_red_disabled, #FCAFAA);
    --v_text_hover: var(--text_hover, #797F87);
    --v_text_active: var(--text_active, #61666D);
    --v_text_disabled: var(--text_disabled, #C9CCD0);
    --v_line_border: var(--line_border, #C9CCD0);
    --v_line_bolder_hover: var(--line_bolder_hover, #E3E5E7);
    --v_line_bolder_active: var(--line_bolder_active, #AEB3B9);
    --v_line_bolder_disabled: var(--line_bolder_disabled, #F1F2F3)
}

.vui_button:not(.vui_button--no-transition) {
    -webkit-transition-property: color, background-color, border, -webkit-transform;
    transition-property: color, background-color, border, -webkit-transform;
    transition-property: color, background-color, border, transform;
    transition-property: color, background-color, border, transform, -webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.vui_button {
    height: 34px;
    padding: 0 var(--v_md);
    border-radius: var(--v_radius);
    font-size: var(--v_fs_4);
    line-height: 1;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.vui_button[disabled],
.vui_button[disabled]:hover,
.vui_button[disabled]:active {
    cursor: not-allowed
}

.vui_button--sm {
    height: 24px;
    padding: 0 var(--v_sm);
    font-size: var(--v_fs_5)
}

.vui_button--lg {
    height: 40px;
    padding: 0 var(--v_lg);
    font-size: 16px
}

.vui_button--block {
    display: block;
    width: 100%
}

.vui_button--round {
    border-radius: 17px
}

.vui_button--active-shrink:active {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.vui_button--text,
.vui_button--link,
.vui_button--tab {
    display: inline-block;
    height: 32px;
    padding: 0 var(--v_md);
    font-size: var(--v_fs_4)
}

.vui_button,
.vui_button:focus {
    color: var(--v_text1);
    background: var(--v_bg1_float);
    border: 1px solid var(--v_line_regular)
}

.vui_button:hover,
.vui_button:active,
.vui_button.vui_button--active,
.vui_button.vui_button--active:hover {
    color: var(--v_text1);
    background: var(--v_graph_bg_thick);
    border: 1px solid var(--v_line_regular)
}

.vui_button[disabled],
.vui_button[disabled]:hover,
.vui_button[disabled]:active,
.vui_button[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1_float);
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--text,
.vui_button--text:focus {
    color: var(--v_text1);
    background: var(--v_bg1);
    border: none
}

.vui_button--text:hover,
.vui_button--text:active,
.vui_button--text.vui_button--active,
.vui_button--text.vui_button--active:hover {
    color: var(--v_text1);
    background: var(--v_graph_bg_thick);
    border: none
}

.vui_button--text[disabled],
.vui_button--text[disabled]:hover,
.vui_button--text[disabled]:active,
.vui_button--text[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: none
}

.vui_button--link,
.vui_button--link:focus {
    color: var(--v_brand_blue);
    background: var(--v_bg1);
    border: none
}

.vui_button--link:hover,
.vui_button--link:active,
.vui_button--link.vui_button--active,
.vui_button--link.vui_button--active:hover {
    color: var(--v_brand_blue);
    background: var(--v_brand_blue_thin);
    border: none
}

.vui_button--link[disabled],
.vui_button--link[disabled]:hover,
.vui_button--link[disabled]:active,
.vui_button--link[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: none
}

.vui_button--tab,
.vui_button--tab:focus {
    color: var(--v_text2);
    background: var(--v_bg1);
    border: none
}

.vui_button--tab:hover {
    color: var(--v_brand_blue);
    background: var(--v_bg1);
    border: none
}

.vui_button--tab:active,
.vui_button--tab.vui_button--active,
.vui_button--tab.vui_button--active:hover {
    color: var(--v_brand_blue);
    background: var(--v_brand_blue_thin);
    border: none
}

.vui_button--tab[disabled],
.vui_button--tab[disabled]:hover,
.vui_button--tab[disabled]:active,
.vui_button--tab[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: none
}

.vui_button--active-blue,
.vui_button--active-blue:focus {
    color: var(--v_text1);
    background: var(--v_bg1);
    border: 1px solid var(--v_line_regular)
}

.vui_button--active-blue:hover {
    color: var(--v_brand_blue);
    background: var(--v_bg1);
    border: 1px solid var(--v_brand_blue)
}

.vui_button--active-blue:active,
.vui_button--active-blue.vui_button--active,
.vui_button--active-blue.vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_brand_blue);
    border: 1px solid var(--v_brand_blue)
}

.vui_button--active-blue[disabled],
.vui_button--active-blue[disabled]:hover,
.vui_button--active-blue[disabled]:active,
.vui_button--active-blue[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--active-blue.vui_button--plain:hover {
    color: var(--v_brand_blue);
    background: transparent;
    border: 1px solid var(--v_brand_blue)
}

.vui_button--active-blue.vui_button--plain:active,
.vui_button--active-blue.vui_button--plain.vui_button--active,
.vui_button--active-blue.vui_button--plain.vui_button--active:hover {
    color: var(--v_brand_blue_active);
    background: transparent;
    border: 1px solid var(--v_brand_blue_active)
}

.vui_button--active-blue.vui_button--plain[disabled],
.vui_button--active-blue.vui_button--plain[disabled]:hover,
.vui_button--active-blue.vui_button--plain[disabled]:active,
.vui_button--active-blue.vui_button--plain[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: transparent;
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link),
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link):focus {
    color: var(--v_text1);
    background: var(--v_bg1);
    border: 1px solid var(--v_line_regular)
}

.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link):hover {
    color: var(--v_brand_pink);
    background: var(--v_bg1);
    border: 1px solid var(--v_brand_pink)
}

.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link):active,
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link).vui_button--active,
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link).vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_brand_pink);
    border: 1px solid var(--v_brand_pink)
}

.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link)[disabled],
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link)[disabled]:hover,
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link)[disabled]:active,
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link)[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--active-pink.vui_button--tab:not([disabled]):hover {
    color: var(--v_brand_pink);
    background: var(--v_bg1);
    border: none
}

.vui_button--active-pink.vui_button--tab:not([disabled]):active,
.vui_button--active-pink.vui_button--tab:not([disabled]).vui_button--active,
.vui_button--active-pink.vui_button--tab:not([disabled]).vui_button--active:hover {
    color: var(--v_brand_pink);
    background: var(--v_brand_pink_thin);
    border: none
}

.vui_button--active-pink.vui_button--link:not([disabled]),
.vui_button--active-pink.vui_button--link:not([disabled]):focus {
    color: var(--v_brand_pink);
    background: var(--v_bg1);
    border: none
}

.vui_button--active-pink.vui_button--link:not([disabled]):hover {
    color: var(--v_brand_pink);
    background: var(--v_brand_pink_thin);
    border: none
}

.vui_button--active-pink.vui_button--link:not([disabled]):active,
.vui_button--active-pink.vui_button--link:not([disabled]).vui_button--active,
.vui_button--active-pink.vui_button--link:not([disabled]).vui_button--active:hover {
    color: var(--v_brand_pink);
    background: var(--v_brand_pink_thin);
    border: none
}

.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link):hover {
    color: var(--v_brand_pink);
    background: transparent;
    border: 1px solid var(--v_brand_pink)
}

.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link):active,
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link).vui_button--active,
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link).vui_button--active:hover {
    color: var(--v_brand_pink_active);
    background: transparent;
    border: 1px solid var(--v_brand_pink_active)
}

.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link)[disabled],
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link)[disabled]:hover,
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link)[disabled]:active,
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link)[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: transparent;
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--blue,
.vui_button--blue:focus {
    color: var(--v_text_white);
    background: var(--v_brand_blue);
    border: 1px solid var(--v_brand_blue)
}

.vui_button--blue:hover {
    color: var(--v_text_white);
    background: var(--v_brand_blue_hover);
    border: 1px solid var(--v_brand_blue_hover)
}

.vui_button--blue:active,
.vui_button--blue.vui_button--active,
.vui_button--blue.vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_brand_blue_active);
    border: 1px solid var(--v_brand_blue_active)
}

.vui_button--blue[disabled],
.vui_button--blue[disabled]:hover,
.vui_button--blue[disabled]:active,
.vui_button--blue[disabled].vui_button--active {
    color: var(--v_text_white);
    background: var(--v_brand_blue_disabled);
    border: 1px solid var(--v_brand_blue_disabled)
}

.vui_button--blue.vui_button--plain,
.vui_button--blue.vui_button--plain:focus {
    color: var(--v_brand_blue);
    background: transparent;
    border: 1px solid var(--v_brand_blue)
}

.vui_button--blue.vui_button--plain:hover {
    color: var(--v_brand_blue);
    background: var(--v_brand_blue_thin);
    border: 1px solid var(--v_brand_blue)
}

.vui_button--blue.vui_button--plain:active,
.vui_button--blue.vui_button--plain.vui_button--active,
.vui_button--blue.vui_button--plain.vui_button--active:hover {
    color: var(--v_brand_blue_active);
    background: var(--v_brand_blue_thin);
    border: 1px solid var(--v_brand_blue_active)
}

.vui_button--blue.vui_button--plain[disabled],
.vui_button--blue.vui_button--plain[disabled]:hover,
.vui_button--blue.vui_button--plain[disabled]:active,
.vui_button--blue.vui_button--plain[disabled].vui_button--active {
    color: var(--v_brand_blue_disabled);
    background: transparent;
    border: 1px solid var(--v_brand_blue_disabled)
}

.vui_button--pink,
.vui_button--pink:focus {
    color: var(--v_text_white);
    background: var(--v_brand_pink);
    border: 1px solid var(--v_brand_pink)
}

.vui_button--pink:hover {
    color: var(--v_text_white);
    background: var(--v_brand_pink_hover);
    border: 1px solid var(--v_brand_pink_hover)
}

.vui_button--pink:active,
.vui_button--pink.vui_button--active,
.vui_button--pink.vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_brand_pink_active);
    border: 1px solid var(--v_brand_pink_active)
}

.vui_button--pink[disabled],
.vui_button--pink[disabled]:hover,
.vui_button--pink[disabled]:active,
.vui_button--pink[disabled].vui_button--active {
    color: var(--v_text_white);
    background: var(--v_brand_pink_disabled);
    border: 1px solid var(--v_brand_pink_disabled)
}

.vui_button--pink.vui_button--plain,
.vui_button--pink.vui_button--plain:focus {
    color: var(--v_brand_pink);
    background: transparent;
    border: 1px solid var(--v_brand_pink)
}

.vui_button--pink.vui_button--plain:hover {
    color: var(--v_brand_pink);
    background: var(--v_brand_pink_thin);
    border: 1px solid var(--v_brand_pink)
}

.vui_button--pink.vui_button--plain:active,
.vui_button--pink.vui_button--plain.vui_button--active,
.vui_button--pink.vui_button--plain.vui_button--active:hover {
    color: var(--v_brand_pink_active);
    background: var(--v_brand_pink_thin);
    border: 1px solid var(--v_brand_pink_active)
}

.vui_button--pink.vui_button--plain[disabled],
.vui_button--pink.vui_button--plain[disabled]:hover,
.vui_button--pink.vui_button--plain[disabled]:active,
.vui_button--pink.vui_button--plain[disabled].vui_button--active {
    color: var(--v_brand_pink_disabled);
    background: transparent;
    border: 1px solid var(--v_brand_pink_disabled)
}

.vui_button--danger,
.vui_button--danger:focus {
    color: var(--v_text_white);
    background: var(--v_stress_red);
    border: 1px solid var(--v_stress_red)
}

.vui_button--danger:hover {
    color: var(--v_text_white);
    background: var(--v_stress_red_hover);
    border: 1px solid var(--v_stress_red_hover)
}

.vui_button--danger:active,
.vui_button--danger.vui_button--active,
.vui_button--danger.vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_stress_red_active);
    border: 1px solid var(--v_stress_red_active)
}

.vui_button--danger[disabled],
.vui_button--danger[disabled]:hover,
.vui_button--danger[disabled]:active,
.vui_button--danger[disabled].vui_button--active {
    color: var(--v_text_white);
    background: var(--v_stress_red_disabled);
    border: 1px solid var(--v_stress_red_disabled)
}

.vui_button--danger.vui_button--plain,
.vui_button--danger.vui_button--plain:focus {
    color: var(--v_stress_red);
    background: transparent;
    border: 1px solid var(--v_stress_red)
}

.vui_button--danger.vui_button--plain:hover {
    color: var(--v_stress_red);
    background: var(--v_stress_red_thin);
    border: 1px solid var(--v_stress_red)
}

.vui_button--danger.vui_button--plain:active,
.vui_button--danger.vui_button--plain.vui_button--active,
.vui_button--danger.vui_button--plain.vui_button--active:hover {
    color: var(--v_stress_red_active);
    background: var(--v_stress_red_thin);
    border: 1px solid var(--v_stress_red_active)
}

.vui_button--danger.vui_button--plain[disabled],
.vui_button--danger.vui_button--plain[disabled]:hover,
.vui_button--danger.vui_button--plain[disabled]:active,
.vui_button--danger.vui_button--plain[disabled].vui_button--active {
    color: var(--v_stress_red_disabled);
    background: transparent;
    border: 1px solid var(--v_stress_red_disabled)
}

.vui_button--grey,
.vui_button--grey:focus {
    color: var(--v_text2);
    background: var(--v_graph_bg_regular);
    border: none
}

.vui_button--grey:hover,
.vui_button--grey:active,
.vui_button--grey.vui_button--active,
.vui_button--grey.vui_button--active:hover {
    color: var(--v_text2);
    background: var(--v_graph_bg_thick);
    border: none
}

.vui_button--grey[disabled],
.vui_button--grey[disabled]:hover,
.vui_button--grey[disabled]:active,
.vui_button--grey[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_graph_bg_thin);
    border: none
}

.vui_toast {
    position: fixed;
    z-index: 99999;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 36px;
    color: var(--v_text_white);
    background: rgba(51, 51, 51, .8);
    border-radius: 4px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vui_toast--top {
    top: 100px
}

.vui_dialog--mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #00000080
}

.vui_dialog--wrapper {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%
}

.vui_dialog--content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    color: var(--v_text1);
    font-size: 14px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%);
    background-color: var(--v_bg1);
    border-radius: 8px;
    padding: 16px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.vui_dialog--content.empty {
    padding: 0;
    border: none
}

.vui_dialog--content.vui_dialog--shadow {
    border: 1px solid var(--v_line_regular);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px #0000001a
}

.vui_dialog--close {
    color: var(--text2);
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 22px;
    height: 22px
}

.vui_dialog--header {
    margin-top: 16px
}

.vui_dialog--title {
    color: var(--text1);
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.vui_dialog--body {
    color: var(--text2);
    font-size: 14px;
    padding: 10px 0;
    text-align: center
}

.vui_dialog--footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--v_bg1);
    margin-top: 14px;
    height: 32px
}

.vui_dialog--btn {
    height: 32px;
    width: 130px;
    margin-right: 12px
}

.vui_dialog--btn-cancel {
    color: var(--v_text1);
    border: 1px solid var(--v_line_regular)
}

.vui_dialog--btn-confirm {
    color: var(--v_text_white);
    background-color: var(--v_brand_blue)
}

.vui_dialog-enter-active,
.vui_dialog-leave-active {
    -webkit-transition: all .2s;
    transition: all .2s
}

.vui_dialog-enter-from,
.vui_dialog-leave-to {
    opacity: 0
}

.vui_dialog-leave-to.vui_dialog--content {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
    transform: translate(-50%) translateY(-50%) scale(.8)
}

.reply-modal__content {
    padding: 10px 30px 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--text1)
}

.reply-modal__footer {
    display: flex;
    justify-content: center
}

.reply-modal__footer .reply-modal__btn {
    cursor: pointer;
    width: 100px
}

.reply-modal__footer .reply-modal__btn.confirm {
    margin-left: 24px
}

.reply-modal__footer .reply-modal__btn.cancel {
    color: var(--text2)
}

.vui_radio {
    --radio-hover-color: var(--v_brand_blue);
    --radio-focus-color: var(--v_brand_blue);
    --radio-active-color: var(--v_brand_blue);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--v_fs_4);
    line-height: var(--v_lh_md);
    padding-right: var(--v_md);
    color: var(--v_text1);
    cursor: pointer
}

.vui_radio--pink {
    --radio-hover-color: var(--v_brand_pink);
    --radio-focus-color: var(--v_brand_pink);
    --radio-active-color: var(--v_brand_pink)
}

.vui_radio--input {
    position: relative;
    display: inline-block;
    line-height: 1
}

.vui_radio--input-original {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    cursor: pointer
}

.vui_radio--input-box {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--v_bg1);
    border: 1px solid var(--v_line_regular);
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.vui_radio--input-box:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 4px;
    border-style: solid;
    border-color: var(--radio-active-color);
    border-radius: 4px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.vui_radio--large {
    height: var(--v_lh_lg);
    line-height: var(--v_lh_lg);
    font-size: var(--v_fs_4);
    padding-right: var(--v_lg)
}

.vui_radio--large .vui_radio--input-box {
    width: 16px;
    height: 16px
}

.vui_radio--large .vui_radio--input-box:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-radius: 4px
}

.vui_radio--small {
    height: var(--v_lh_sm);
    line-height: var(--v_lh_sm);
    font-size: var(--v_fs_6);
    padding-right: var(--v_sm)
}

.vui_radio--small .vui_radio--input-box {
    width: 12px;
    height: 12px
}

.vui_radio--small .vui_radio--input-box:after {
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    border-width: 3px;
    border-radius: 3px
}

.vui_radio--label {
    padding: 0 var(--v_smx);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vui_radio:hover:not(.vui_radio--disabled) .vui_radio--input-box {
    border-color: var(--radio-hover-color)
}

.vui_radio--focused:not(.vui_radio--disabled) .vui_radio--input-box {
    border-color: var(--radio-focus-color)
}

.vui_radio--checked .vui_radio--input-box {
    border-color: var(--radio-active-color)
}

.vui_radio--checked .vui_radio--input-box:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.vui_radio--disabled {
    cursor: not-allowed;
    color: var(--v_graph_bg_thick)
}

.vui_radio--disabled .vui_radio--input-inner {
    cursor: not-allowed
}

.vui_radio--disabled .vui_radio--input-box {
    background-color: var(--v_graph_bg_regular);
    border-color: var(--v_graph_bg_thick)
}

.vui_radio--disabled .vui_radio--input-box:after {
    border-color: var(--v_graph_bg_thick)
}

.reply-cmpa {
    text-align: left
}

.reply-cmpa-title {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text2)
}

.reply-cmpa-content .vui_radio {
    display: flex;
    margin-bottom: 16px
}

.reply-cmpa-other {
    height: 120px;
    margin-top: 16px;
    margin-bottom: 32px
}

.reply-cmpa-other textarea {
    box-sizing: border-box;
    padding: 12px 12px 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    outline: none;
    resize: none;
    transition: border-color .2s
}

.reply-cmpa-other textarea:focus,
.reply-cmpa-other textarea:hover {
    border-color: var(--brand_blue)
}

.reply-cmpa-other textarea::-webkit-input-placeholder {
    color: var(--text3)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.svg-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.svg-icon svg {
    width: 100%;
    height: 100%
}

.svg-icon.use-color svg path {
    fill: currentColor;
    color: inherit
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-operation {
    display: inline-flex;
    position: relative
}

.reply-operation .operation-icon {
    color: #9499a0;
    cursor: pointer
}

.reply-operation .operation-icon:hover {
    color: #00aeec
}

.reply-operation .operation-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 10;
    width: 120px;
    padding: 10px 0;
    border-radius: 4px;
    font-size: 14px;
    color: var(--text1);
    background-color: var(--bg1);
    box-shadow: 0 0 5px #0003
}

.reply-operation .operation-list .operation-option {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 15px;
    cursor: pointer
}

.reply-operation .operation-list .operation-option:hover {
    background-color: var(--bg3)
}

.reply-operation .operation-list .operation-option:hover .option-title {
    color: var(--brand_blue)
}

.reply-operation .operation-list .delete-reply-modal {
    position: absolute;
    top: 0;
    right: -110%;
    width: auto;
    padding: 10px 20px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 8px;
    margin-bottom: 100px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bg1);
    box-shadow: 0 0 5px #0003;
    transform: translate(-50%, -100%)
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
    border-radius: 4px;
    margin-right: 20px;
    color: var(--text_white);
    background-color: var(--brand_blue)
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete:hover {
    background-color: var(--Lb4)
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete:hover {
    color: var(--brand_blue)
}

.select-reply-dialog .select-dialog-content {
    text-align: center
}

.select-reply-dialog .comfirm-select-reply {
    margin-right: 20px
}

.close-reply-dialog .close-reply-dialog-content {
    text-align: center
}

.close-reply-dialog .comfirm-close-reply {
    margin-right: 20px
}

.close-danmaku-dialog .close-danmaku-dialog-content {
    text-align: center
}

.close-danmaku-dialog .comfirm-close-danmaku {
    margin-right: 20px
}

.blacklist-dialog .blacklist-dialog-content {
    text-align: center
}

.blacklist-dialog .comfirm-pull-blacklist {
    margin-right: 20px
}

.cmpa-dialog .cmpa-btn {
    cursor: pointer;
    width: 100px
}

.cmpa-dialog .cmpa-btn.confirm {
    margin-left: 24px
}

.cmpa-dialog .cmpa-btn.cancel {
    color: var(--text2)
}

.report-dialog {
    max-height: 100vh;
    overflow-y: auto
}

.report-dialog::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.report-dialog::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.report-dialog::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.report-dialog .report-dialog-content {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    border-top: .5px solid var(--graph_weak)
}

.report-dialog .report-dialog-content .jury-enter {
    display: flex;
    align-items: center;
    position: relative;
    padding: 12px;
    border-radius: 4px;
    color: var(--text1);
    background-color: var(--bg2);
    transition: .2s;
    cursor: pointer
}

.report-dialog .report-dialog-content .jury-enter:hover {
    background-color: var(--bg3)
}

.report-dialog .report-dialog-content .jury-enter .jump-icon {
    position: absolute;
    right: 12px;
    color: var(--text3)
}

.report-dialog .report-dialog-content .report-reason-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-type {
    margin-bottom: 15px;
    font-size: 12px;
    text-align: left;
    color: var(--text3)
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 25%;
    margin-bottom: 16px
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item .reason-radio {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid var(--graph_medium);
    margin-right: 8px;
    outline: none;
    appearance: none;
    cursor: pointer
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item .reason-radio-label {
    cursor: pointer
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item.checked .reason-radio {
    border-color: var(--brand_blue)
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item.checked .reason-radio:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--brand_blue)
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item .custom-reason {
    width: 470px
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item .custom-reason .custom-reason-textarea {
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    padding: 8px;
    margin-top: 8px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    outline: none;
    resize: none
}

.report-dialog .vui_dialog--footer {
    height: auto
}

.report-dialog .vui_dialog--footer .report-dialog-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap {
    display: flex;
    margin-bottom: 20px;
    font-size: 14px
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap .cancel-report {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 32px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 6px;
    margin-right: 12px;
    color: var(--text1);
    background-color: var(--bg1);
    cursor: pointer
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap .cancel-report:hover {
    background-color: var(--graph_bg_thick)
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap .comfirm-report {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 32px;
    border-radius: 6px;
    color: var(--text_white);
    background-color: var(--brand_blue);
    cursor: pointer
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap .comfirm-report:hover {
    background-color: var(--Lb4)
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap {
    display: flex;
    color: var(--text2)
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap .pull-black-option {
    display: flex;
    align-items: center;
    cursor: pointer
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap .pull-black-option .pull-black-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 11px;
    height: 11px;
    border: 1px solid var(--graph_medium);
    border-radius: 2px;
    margin-right: 6px
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap .pull-black-option .pull-black-checkbox.checked {
    border-color: var(--brand_blue);
    background-color: var(--brand_blue)
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap .pull-black-option .pull-black-checkbox.checked:after {
    content: "✓";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: var(--bg1)
}

.vui_ellipsis.single-mode {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.vui_ellipsis.multi-mode {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.vui_ellipsis.pointer {
    cursor: pointer
}

.top-vote-card[data-v-38841625] {
    background-color: var(--graph_bg_thin);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    width: 100%;
    margin-bottom: 24px;
    padding: 12px 16px 12px 10px;
    border-radius: 6px
}

.top-vote-card__multi[data-v-38841625] {
    cursor: pointer
}

.top-vote-card__multi:hover .vote-result-text[data-v-38841625] {
    color: var(--brand_blue);
    transition: .2s
}

.top-vote-card-left[data-v-38841625] {
    width: 40%;
    max-width: calc(40% - 30px);
    margin-right: 20px;
    word-wrap: break-word;
    font-size: 13px;
    line-height: 18px;
    color: var(--text1)
}

.top-vote-card-left__title[data-v-38841625] {
    display: flex;
    align-items: center
}

.top-vote-card-left__title svg[data-v-38841625] {
    margin-right: 2px;
    flex: none
}

.top-vote-card-left__title span[data-v-38841625] {
    display: -webkit-box;
    float: none;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.top-vote-card-left__join[data-v-38841625] {
    height: 17px;
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: 12px;
    color: var(--text3)
}

.top-vote-card-left__join .vote-icon[data-v-38841625] {
    height: 12px
}

.top-vote-card-left__join span[data-v-38841625] {
    display: flex;
    align-items: center
}

.top-vote-card-right[data-v-38841625] {
    width: 60%;
    font-size: var(--2fde2a28);
    line-height: 17px;
    display: flex;
    --option-height: 40px;
    --option-radius: 6px
}

.top-vote-card-right .vote-text__not-vote[data-v-38841625] {
    opacity: .9
}

.top-vote-card-right .vote-text__not-vote .vui_ellipsis[data-v-38841625] {
    font-weight: 400 !important
}

.top-vote-card-right .vote-text[data-v-38841625] :first-child {
    font-weight: 500
}

.top-vote-card-right .vote-icon[data-v-38841625] {
    flex: none
}

.top-vote-card-right .left-vote-option[data-v-38841625] {
    position: relative;
    display: flex;
    min-width: 120px;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 102, 153, var(--212267a6));
    height: var(--option-height);
    width: var(--38c5ebb3);
    padding-left: 10px;
    border-radius: var(--option-radius) 0 0 var(--option-radius);
    cursor: pointer;
    margin-right: 30px;
    color: var(--332a347e);
    transition: width ease-out .2s
}

.top-vote-card-right .left-vote-option .skew-vote-option[data-v-38841625] {
    position: absolute;
    right: -20px;
    top: 0
}

.top-vote-card-right .left-vote-option .skew-vote-option__fill[data-v-38841625] {
    left: -8px;
    background-color: #f69;
    transform: skew(21deg);
    border-top-right-radius: calc(var(--option-radius) - 2px);
    border-bottom-right-radius: var(--option-radius)
}

.top-vote-card-right .skew-vote-option[data-v-38841625] {
    height: 40px;
    width: 20px;
    overflow: hidden;
    opacity: var(--212267a6);
    pointer-events: none
}

.top-vote-card-right .skew-vote-option__fill[data-v-38841625] {
    pointer-events: all;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.top-vote-card-right .right-vote-option[data-v-38841625] {
    position: relative;
    display: flex;
    min-width: 120px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    background-color: rgba(0, 174, 236, var(--212267a6));
    height: var(--option-height);
    width: var(--4b2970aa);
    padding-right: 10px;
    border-radius: 0 var(--option-radius) var(--option-radius) 0;
    cursor: pointer;
    color: var(--1e587827);
    transition: width ease-out .2s
}

.top-vote-card-right .right-vote-option .skew-vote-option[data-v-38841625] {
    position: absolute;
    left: -20px;
    top: 0
}

.top-vote-card-right .right-vote-option .skew-vote-option__fill[data-v-38841625] {
    left: 8px;
    background-color: #00aeec;
    transform: skew(21deg);
    border-top-left-radius: var(--option-radius);
    border-bottom-left-radius: calc(var(--option-radius) - 2px)
}

.top-vote-card-right .right-vote-option .vote-text[data-v-38841625] {
    text-align: right
}

.top-vote-card-right .had_voted[data-v-38841625] {
    cursor: unset
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-header .reply-notice[data-v-052ae598] {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 40px;
    padding: 4px 10px;
    margin-bottom: 16px;
    font-size: 13px;
    border-radius: 2px;
    color: var(--Ye5_u);
    cursor: pointer
}

.reply-header .reply-notice[data-v-052ae598]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--Ye5_u);
    opacity: .2
}

.reply-header .reply-notice .notice-icon[data-v-052ae598] {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.reply-header .reply-notice .notice-content[data-v-052ae598] {
    flex: 1;
    padding: 0 5px;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all
}

.reply-header .reply-notice .notice-close-icon[data-v-052ae598] {
    position: relative;
    z-index: 1;
    width: 10px;
    height: 10px;
    margin-left: 5px
}

.reply-header .reply-navigation[data-v-052ae598] {
    margin-bottom: 22px
}

.reply-header .reply-navigation .nav-bar[data-v-052ae598] {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
    display: flex;
    align-items: center
}

@media screen and (max-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
        font-size: 20px
    }
}

@media screen and (min-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
        font-size: 24px
    }
}

.reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-052ae598] {
    color: var(--text1);
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-052ae598] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-052ae598] {
    margin: 0 36px 0 6px;
    font-weight: 400;
    color: var(--text3)
}

@media screen and (max-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-052ae598] {
        font-size: 13px
    }
}

@media screen and (min-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-052ae598] {
        font-size: 14px
    }
}

.reply-header .reply-navigation .nav-bar .nav-select-reply[data-v-052ae598] {
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    color: var(--text1)
}

@media screen and (max-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-select-reply[data-v-052ae598] {
        font-size: 13px
    }
}

@media screen and (min-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-select-reply[data-v-052ae598] {
        font-size: 16px
    }
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .reply-header .reply-navigation .nav-bar .nav-select-reply[data-v-052ae598] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
    display: flex;
    align-items: center;
    color: var(--text3)
}

@media screen and (max-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
        font-size: 13px
    }
}

@media screen and (min-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
        font-size: 16px
    }
}

.reply-header .reply-navigation .nav-bar .nav-sort .part-symbol[data-v-052ae598] {
    height: 11px;
    margin: 0 12px;
    border-left: solid 1px
}

.reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-052ae598] {
    cursor: pointer
}

.reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-052ae598]:hover {
    color: var(--brand_blue)
}

.reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-052ae598] {
    cursor: pointer
}

.reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-052ae598]:hover {
    color: var(--brand_blue)
}

.reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort[data-v-052ae598],
.reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort[data-v-052ae598] {
    color: var(--text1)
}

.reply-header .reply-navigation .nav-operation-warp[data-v-052ae598] {
    position: absolute;
    right: 0
}

/*!
* @bilibili/userAvatar
* version: 1.2.0-beta.2. Powered by main-frontend
* 用户头像公共组件.
* author: wuxiuran
*/
.bili-avatar {
    display: block;
    position: relative;
    background-image: url(data:image/gif;base64,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);
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    margin: 0;
    padding: 0
}

.bili-avatar * {
    margin: 0;
    padding: 0
}

.bili-avatar-face {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.bili-avatar-pendent-dom {
    height: 176.48%;
    width: 176.48%;
    position: absolute;
    top: -38.33%;
    left: -38.33%;
    overflow: hidden
}

.bili-avatar-pendent-dom img {
    height: 100%;
    min-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-avatar-img {
    border: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast
}

.bili-avatar-img-radius {
    border-radius: 50%
}

.bili-avatar-img[src=""],
.bili-avatar-img:not([src]) {
    opacity: 0
}

.bili-avatar-icon-big-vip {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/big-vip.svg)
}

.bili-avatar-icon-business {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/business.svg)
}

.bili-avatar-icon-personal {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/personal.svg)
}

.bili-avatar-icon-small-vip {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/small-vip.svg)
}

.bili-avatar-img.bili-avatar-img-error {
    display: none
}

.bili-avatar-right-icon {
    width: 27.5%;
    height: 27.5%;
    position: absolute;
    right: 0;
    bottom: -1px;
    -webkit-background-size: cover;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast
}

.bili-avatar-nft-icon {
    position: absolute;
    width: 27.5%;
    height: 27.5%;
    right: -webkit-calc(27.5% - 1px);
    right: -moz-calc(27.5% - 1px);
    right: calc(27.5% - 1px);
    bottom: -1px;
    -webkit-background-size: cover;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast
}

.bili-avatar-nft--icon-1 {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/nft-label.gif)
}

.bili-avatar-nft--icon-2 {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/nft-label-oversea.gif)
}

@-webkit-keyframes bili-avatar {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

@-moz-keyframes bili-avatar {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }

    to {
        -moz-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

@keyframes bili-avatar {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-97.5%, 0, 0);
        -moz-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

.bili-avatar .bili-avatar-size-80 {
    width: 22px;
    height: 22px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-60,
.bili-avatar .bili-avatar-size-50,
.bili-avatar .bili-avatar-size-48 {
    width: 18px;
    height: 18px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-40,
.bili-avatar .bili-avatar-size-36 {
    width: 14px;
    height: 14px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-30,
.bili-avatar .bili-avatar-size-24 {
    width: 12px;
    height: 12px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-nft-80 {
    width: 22px;
    height: 22px;
    bottom: -1px;
    right: -webkit-calc(22px - 1px);
    right: -moz-calc(22px - 1px);
    right: 21px
}

.bili-avatar .bili-avatar-size-nft-60,
.bili-avatar .bili-avatar-size-nft-50,
.bili-avatar .bili-avatar-size-nft-48 {
    width: 18px;
    height: 18px;
    bottom: -1px;
    right: -webkit-calc(18px - 1px);
    right: -moz-calc(18px - 1px);
    right: 17px
}

.bili-avatar .bili-avatar-size-nft-40,
.bili-avatar .bili-avatar-size-nft-36 {
    width: 14px;
    height: 14px;
    bottom: -1px;
    right: -webkit-calc(14px - 1px);
    right: -moz-calc(14px - 1px);
    right: 13px
}

.bili-avatar .bili-avatar-size-nft-30,
.bili-avatar .bili-avatar-size-nft-24 {
    width: 12px;
    height: 12px;
    bottom: -1px;
    right: -webkit-calc(12px - 1px);
    right: -moz-calc(12px - 1px);
    right: 11px
}

.reply-image {
    width: var(--3414c33c);
    height: var(--822197ea)
}

.reply-image.b-img {
    background-color: inherit
}

.reply-image.b-img img {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.emoji-panel[data-v-2b89b9fa] {
    position: absolute;
    top: var(--4d57f507);
    width: 365px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 8px;
    font-size: 12px;
    color: var(--text2);
    z-index: 11
}

.emoji-panel .emoji-title[data-v-2b89b9fa] {
    padding: 13px 15px 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: var(--bg1)
}

.emoji-panel .emoji-content[data-v-2b89b9fa] {
    height: var(--b179e3da);
    padding: 0 11px;
    background-color: var(--bg1);
    overflow: auto
}

.emoji-panel .emoji-content[data-v-2b89b9fa]::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.emoji-panel .emoji-content[data-v-2b89b9fa]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.emoji-panel .emoji-content[data-v-2b89b9fa]::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.emoji-panel .emoji-content .emoji-info[data-v-2b89b9fa] {
    display: inline-block;
    border-radius: 4px;
    cursor: pointer
}

.emoji-panel .emoji-content .emoji-info[data-v-2b89b9fa]:hover {
    background-color: var(--graph_bg_thick)
}

.emoji-panel .emoji-content .emoji-info .text-emoji[data-v-2b89b9fa] {
    padding: 5px 8px;
    line-height: 22px
}

.emoji-panel .emoji-content .emoji-info .normal-small-emoji[data-v-2b89b9fa] {
    width: 24px;
    height: 24px;
    margin: 4px
}

.emoji-panel .emoji-content .emoji-info .normal-large-emoji[data-v-2b89b9fa] {
    width: 56px;
    height: 56px;
    margin: 4px
}

.emoji-panel .emoji-tab[data-v-2b89b9fa] {
    display: flex;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--bg3)
}

.emoji-panel .emoji-tab .emoji-type[data-v-2b89b9fa]:first-child {
    border-bottom-left-radius: 8px
}

.emoji-panel .emoji-tab .emoji-type[data-v-2b89b9fa] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 36px;
    padding: 7px 18px;
    cursor: pointer
}

.emoji-panel .emoji-tab .emoji-type[data-v-2b89b9fa]:hover {
    background-color: var(--graph_bg_thick)
}

.emoji-panel .emoji-tab .emoji-type .emoji-type-face[data-v-2b89b9fa] {
    width: 22px;
    height: 22px
}

.emoji-panel .emoji-tab .emoji-type.current-type[data-v-2b89b9fa] {
    background-color: var(--bg1)
}

.emoji-panel .emoji-tab .emoji-slider[data-v-2b89b9fa] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    right: 0;
    width: 75px;
    height: 36px
}

.emoji-panel .emoji-tab .emoji-slider .slider-pre[data-v-2b89b9fa],
.emoji-panel .emoji-tab .emoji-slider .slider-next[data-v-2b89b9fa] {
    cursor: pointer
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.at-panel[data-v-8666233a] {
    position: absolute;
    top: var(--9d940b60);
    left: 0;
    z-index: 10;
    width: 219px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 6px;
    font-size: 12px;
    background-color: var(--bg1);
    box-shadow: 0 2px 10px #00000014
}

.at-panel .panel-title[data-v-8666233a] {
    width: 100%;
    height: 41px;
    padding: 12px;
    color: var(--text2)
}

.at-panel .at-list-container[data-v-8666233a] {
    max-height: var(--dca5b118);
    overflow-x: hidden;
    overflow-y: scroll
}

.at-panel .at-list-container[data-v-8666233a]::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.at-panel .at-list-container[data-v-8666233a]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.at-panel .at-list-container[data-v-8666233a]::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.at-panel .at-list-container .at-list-ground .ground-name[data-v-8666233a] {
    padding: 0 12px;
    color: var(--text2)
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item[data-v-8666233a] {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    margin: 4px 0;
    cursor: pointer
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item[data-v-8666233a]:hover {
    background-color: var(--bg2_float)
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-avatar[data-v-8666233a] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 8px
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-name[data-v-8666233a] {
    color: var(--text1)
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-fan[data-v-8666233a] {
    color: var(--text3)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp {
    font-size: 12px;
    margin-top: 30px
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    outline: none
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-input.error {
    border-color: var(--stress_red)
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-input:focus {
    border-color: var(--brand_blue)
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-error-info {
    margin-top: 4px;
    font-size: 12px;
    color: red
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-error-info .nickname-error-icon {
    margin-right: 5px;
    vertical-align: text-bottom
}

.reply-svga .svga-canvas[data-v-b1e4bc05] {
    width: 100%;
    height: 100%
}

.opacity-enter-active[data-v-3c861f7f],
.opacity-leave-active[data-v-3c861f7f] {
    transition: opacity .15s ease
}

.opacity-enter-from[data-v-3c861f7f],
.opacity-leave-to[data-v-3c861f7f] {
    opacity: 0
}

.image-upload-content[data-v-3c861f7f] {
    margin-bottom: 8px;
    padding: 0 8px;
    position: relative;
    width: 100%;
    overflow: hidden
}

.image-upload-content .mask-wrap[data-v-3c861f7f] {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.image-upload-content .mask-wrap.left[data-v-3c861f7f] {
    left: 0;
    background: linear-gradient(to right, #fff, #fff 28.5%, rgba(255, 255, 255, 0) 100%)
}

.image-upload-content .mask-wrap.right[data-v-3c861f7f] {
    right: 0;
    background: linear-gradient(to left, #fff 28.5%, rgba(255, 255, 255, 0) 100%)
}

.image-upload-content .arrow-wrap[data-v-3c861f7f] {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--line_regular);
    background-color: #fff;
    transform: translateY(-50%);
    color: #9499a0;
    z-index: 2
}

.image-upload-content .arrow-wrap.left[data-v-3c861f7f] {
    left: 8px
}

.image-upload-content .arrow-wrap.right[data-v-3c861f7f] {
    right: 8px
}

.image-upload-content .arrow-wrap[data-v-3c861f7f]:hover {
    color: #61666d;
    cursor: pointer
}

.image-upload-content .scroll-trail[data-v-3c861f7f] {
    width: fit-content;
    white-space: nowrap;
    transition: .2s ease-in-out;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.image-upload-content .scroll-trail[data-v-3c861f7f]::-webkit-scrollbar {
    display: none
}

.image-upload-content .content-wrap[data-v-3c861f7f] {
    display: inline-block;
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 4px;
    background-color: #f1f2f3;
    overflow: hidden;
    vertical-align: bottom
}

.image-upload-content .content-wrap[data-v-3c861f7f]:not(:last-child) {
    margin-right: 8px
}

.image-upload-content .content-wrap .close-wrap[data-v-3c861f7f] {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 0 4px;
    background-color: #0003;
    color: #fff;
    cursor: pointer;
    z-index: 1
}

.image-upload-content .content-wrap .content-loading[data-v-3c861f7f] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000080
}

.image-upload-content .content-wrap .content-loading .loading-img[data-v-3c861f7f] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.image-upload-content .content-wrap .content-loading .loading-mask[data-v-3c861f7f] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.image-upload-content .content-wrap .content-loading .loading-svga[data-v-3c861f7f] {
    position: absolute;
    width: 24px;
    height: 24px;
    color: #fff
}

.image-upload-content .content-wrap .content-success[data-v-3c861f7f] {
    width: 100%;
    height: 100%
}

.image-upload-content .content-wrap .content-success .success-img[data-v-3c861f7f] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.image-upload-content .content-wrap .content-fail[data-v-3c861f7f] {
    padding: 16px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.image-upload-content .content-wrap .content-fail .fail-icon[data-v-3c861f7f] {
    color: #f85a54
}

.image-upload-content .content-wrap .content-fail .fail-text[data-v-3c861f7f] {
    margin-top: 2px;
    line-height: 15px;
    font-size: 20px;
    transform: scale(.5);
    transform-origin: center center;
    font-weight: 500;
    white-space: nowrap;
    color: #f85a54
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-box[data-v-13454586] {
    display: flex;
    flex-direction: column
}

.reply-box .box-normal[data-v-13454586] {
    display: flex;
    z-index: 2
}

.reply-box .box-normal .reply-box-avatar[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 48px
}

.reply-box .box-normal .reply-box-warp[data-v-13454586] {
    position: relative;
    flex: 1;
    transition: .2s;
    border: 1px solid var(--line_regular);
    border-radius: 6px;
    background-color: var(--bg3);
    overflow-x: hidden
}

.reply-box .box-normal .reply-box-warp.focus-within[data-v-13454586],
.reply-box .box-normal .reply-box-warp[data-v-13454586]:hover {
    border-color: var(--line_regular);
    background-color: var(--bg1)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap[data-v-13454586] {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    cursor: text;
    overflow: hidden
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info[data-v-13454586] {
    margin-left: 10px;
    margin-bottom: 4px;
    height: 20px;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: center
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag[data-v-13454586] {
    flex: none;
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 4px
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--pink[data-v-13454586] {
    background-color: var(--Pi1);
    color: var(--Pi5)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--blue[data-v-13454586] {
    background-color: var(--brand_blue_thin);
    color: var(--brand_blue)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--gary[data-v-13454586] {
    background-color: var(--graph_bg_regular);
    color: var(--text3)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__text[data-v-13454586] {
    max-width: calc(100% - 68px);
    color: var(--text2)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__close[data-v-13454586] {
    flex: none;
    margin-left: 4px;
    cursor: pointer
}

.reply-box .box-normal .reply-box-warp .reply-input[data-v-13454586] {
    padding: 0 8px;
    width: 100%;
    height: 100%;
    border: 1px solid var(--Ga1);
    border-radius: 6px;
    background-color: var(--bg3);
    font-family: inherit;
    line-height: 20px;
    color: var(--text1);
    resize: none;
    outline: none;
    overflow-y: scroll;
    overflow-x: hidden
}

.reply-box .box-normal .reply-box-warp .reply-input.focus[data-v-13454586],
.reply-box .box-normal .reply-box-warp .reply-input[data-v-13454586]:hover {
    background-color: var(--bg1);
    border-color: var(--graph_weak)
}

.reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-13454586] {
    padding: 0 8px;
    width: 100%;
    height: 32px;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    font-family: inherit;
    font-size: 14px;
    line-height: 32px;
    color: var(--text1);
    resize: none;
    outline: none
}

.reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-13454586]::placeholder {
    color: var(--text3)
}

.reply-box .box-normal .reply-box-warp .image-content-wrap[data-v-13454586] {
    background: transparent
}

.reply-box .box-expand[data-v-13454586] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 80px;
    margin-top: 10px;
    z-index: 1;
    height: 32px;
    transition: all .2s ease-in-out
}

.reply-box .box-expand.hide[data-v-13454586] {
    margin-top: 0;
    height: 0;
    overflow: hidden;
    transition: all .2s ease-in-out
}

.reply-box .box-expand .box-left[data-v-13454586] {
    display: flex;
    align-items: center
}

.reply-box .box-expand .reply-box-emoji[data-v-13454586] {
    width: 32px;
    height: 26px;
    margin-right: 6px;
    position: relative
}

.reply-box .box-expand .reply-box-emoji .emoji-btn[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    color: var(--text3);
    cursor: pointer
}

.reply-box .box-expand .at-btn[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 32px;
    height: 26px;
    margin-right: 6px;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    color: var(--text3);
    cursor: pointer
}

.reply-box .box-expand .image-btn[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 32px;
    height: 26px;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    color: var(--text3);
    cursor: pointer
}

.reply-box .box-expand .image-btn.disabled[data-v-13454586] {
    opacity: .4
}

.reply-box .box-expand .image-btn .image-upload-input[data-v-13454586] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
    user-select: auto;
    cursor: pointer
}

.reply-box .box-expand .forward-to-dynamic[data-v-13454586] {
    display: flex;
    align-items: center;
    margin-left: 16px;
    font-size: 12px;
    color: var(--text3)
}

.reply-box .box-expand .forward-to-dynamic .forward-input[data-v-13454586],
.reply-box .box-expand .forward-to-dynamic .forward-label[data-v-13454586] {
    cursor: pointer
}

.reply-box .box-expand .reply-box-send[data-v-13454586] {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 70px;
    height: 32px;
    border-radius: 6px;
    cursor: pointer
}

.reply-box .box-expand .reply-box-send .send-text[data-v-13454586] {
    position: absolute;
    z-index: 1;
    font-size: 16px;
    color: var(--text_white)
}

.reply-box .box-expand .reply-box-send[data-v-13454586]:after {
    content: "";
    position: absolute;
    opacity: .5;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: var(--brand_blue)
}

.reply-box .box-expand .reply-box-send[data-v-13454586]:hover:after {
    opacity: 1
}

.reply-box.box-active .box-normal .reply-box-warp .reply-box-textarea.send-active[data-v-13454586] {
    line-height: normal
}

.reply-box.box-active .reply-box-send.send-active[data-v-13454586]:after {
    opacity: 1
}

.reply-box.disabled .box-normal .reply-box-warp .disable-mask[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    font-size: 12px;
    color: var(--text3);
    background-color: var(--bg3)
}

.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask[data-v-13454586] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn[data-v-13454586] {
    padding: 4px 9px;
    margin: 0 3px;
    border-radius: 4px;
    color: var(--text_white);
    background-color: var(--brand_blue)
}

.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn[data-v-13454586]:hover {
    background-color: var(--Lb4);
    cursor: pointer
}

.reply-box.disabled .reply-box-send .send-text[data-v-13454586] {
    color: var(--text3)
}

.reply-box.disabled .reply-box-send[data-v-13454586]:after {
    opacity: 1;
    background-color: var(--bg3)
}

.reply-box.fixed-box[data-v-13454586] {
    position: relative;
    z-index: 2;
    padding: 15px 0;
    border-top: .5px solid var(--graph_bg_thick);
    background-color: var(--bg1)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-content-container.fold .reply-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.reply-content-container .reply-content {
    color: var(--text1);
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 24px;
    vertical-align: baseline
}

.reply-content-container .reply-content .note-prefix {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 4px;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 12px;
    color: var(--text3);
    line-height: 20px;
    vertical-align: bottom;
    background-color: var(--bg2)
}

.reply-content-container .reply-content .note-prefix .note-icon {
    width: 16px;
    height: 16px
}

.reply-content-container .reply-content .top-icon {
    top: -2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--brand_pink);
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--brand_pink)
}

.reply-content-container .reply-content .emoji-small {
    vertical-align: text-bottom
}

@media screen and (max-width: 1681px) {
    .reply-content-container .reply-content .emoji-small {
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width: 1681px) {
    .reply-content-container .reply-content .emoji-small {
        width: 22px;
        height: 22px
    }
}

.reply-content-container .reply-content .emoji-large {
    width: 50px;
    height: 50px;
    vertical-align: text-bottom
}

.reply-content-container .reply-content .icon {
    width: 20px;
    height: 20px;
    vertical-align: text-top
}

@media screen and (max-width: 1681px) {
    .reply-content-container .reply-content .icon {
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .reply-content-container .reply-content .icon {
        line-height: 26px
    }
}

.reply-content-container .reply-content .icon.search-word {
    width: 12px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.reply-content-container .reply-content .jump-link {
    vertical-align: baseline
}

@media screen and (max-width: 1681px) {
    .reply-content-container .reply-content .jump-link {
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .reply-content-container .reply-content .jump-link {
        line-height: 26px
    }
}

.reply-content-container .expand-content {
    color: var(--text_link);
    cursor: pointer;
    margin-left: 4px
}

.reply-content-container .expand-content:hover {
    color: var(--brand_blue)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.sub-reply-item[data-v-26797283] {
    position: relative;
    padding: 8px 0 8px 42px;
    border-radius: 4px
}

@media screen and (max-width: 1681px) {
    .sub-reply-item[data-v-26797283] {
        font-size: 15px;
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .sub-reply-item[data-v-26797283] {
        font-size: 16px;
        line-height: 26px
    }
}

.sub-reply-item.show-reply[data-v-26797283] {
    background-color: #dff6fb;
    animation-name: enterAnimation-jumpReply-26797283;
    animation-duration: 2s;
    animation-delay: 3s;
    animation-fill-mode: forwards
}

.sub-reply-item .sub-user-info[data-v-26797283] {
    display: inline-flex;
    align-items: center;
    margin-right: 9px;
    line-height: 24px;
    vertical-align: baseline;
    white-space: nowrap
}

.sub-reply-item .sub-user-info .sub-reply-avatar[data-v-26797283] {
    position: absolute;
    left: 8px;
    cursor: pointer
}

.sub-reply-item .sub-user-info .sub-user-name[data-v-26797283] {
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    margin-right: 5px;
    color: var(--16428b1b);
    cursor: pointer
}

@media screen and (max-width: 1681px) {
    .sub-reply-item .sub-user-info .sub-user-name[data-v-26797283] {
        font-size: 13px;
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .sub-reply-item .sub-user-info .sub-user-name[data-v-26797283] {
        font-size: 14px;
        line-height: 26px
    }
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .sub-reply-item .sub-user-info .sub-user-name[data-v-26797283] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.sub-reply-item .sub-user-info .sub-user-level[data-v-26797283] {
    cursor: pointer
}

.sub-reply-item .sub-user-info .sub-up-icon[data-v-26797283] {
    cursor: default
}

.sub-reply-item .sub-reply-info[data-v-26797283] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 2px;
    font-size: 13px;
    color: var(--text3)
}

.sub-reply-item .sub-reply-info .sub-reply-time[data-v-26797283] {
    margin-right: var(--44b354e9)
}

.sub-reply-item .sub-reply-info .sub-reply-location[data-v-26797283] {
    margin-right: 20px
}

.sub-reply-item .sub-reply-info .sub-reply-like[data-v-26797283] {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer
}

.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon[data-v-26797283] {
    margin-right: 5px;
    color: #9499a0
}

.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon[data-v-26797283]:hover,
.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon.liked[data-v-26797283] {
    color: #00aeec
}

.sub-reply-item .sub-reply-info .sub-reply-dislike[data-v-26797283] {
    display: flex;
    align-items: center;
    margin-right: 19px
}

.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon[data-v-26797283] {
    color: #9499a0;
    cursor: pointer
}

.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon[data-v-26797283]:hover,
.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon.disliked[data-v-26797283] {
    color: #00aeec
}

.sub-reply-item .sub-reply-info .sub-reply-btn[data-v-26797283] {
    cursor: pointer
}

.sub-reply-item .sub-reply-info .sub-reply-btn[data-v-26797283]:hover {
    color: var(--brand_blue)
}

.sub-reply-item .sub-reply-info .sub-reply-operation-warp[data-v-26797283] {
    position: absolute;
    right: 40px;
    opacity: 0
}

.sub-reply-item:hover .sub-reply-info .sub-reply-operation-warp[data-v-26797283] {
    opacity: 1
}

@keyframes enterAnimation-jumpReply-26797283 {
    0% {
        background-color: #dff6fb
    }

    to {
        background-color: #dff6fb00
    }
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.sub-reply-list .view-more[data-v-27ad2dff] {
    padding-left: 8px;
    font-size: 13px;
    color: var(--text3)
}

.sub-reply-list .view-more .view-more-default .view-more-btn[data-v-27ad2dff] {
    cursor: pointer
}

.sub-reply-list .view-more .view-more-default .view-more-btn[data-v-27ad2dff]:hover {
    color: var(--brand_blue)
}

.sub-reply-list .view-more .view-more-pagination[data-v-27ad2dff] {
    color: var(--text1)
}

.sub-reply-list .view-more .view-more-pagination .pagination-page-count[data-v-27ad2dff] {
    margin-right: 10px
}

.sub-reply-list .view-more .view-more-pagination .pagination-btn[data-v-27ad2dff] {
    margin: 0 4 0 14px;
    cursor: pointer
}

.sub-reply-list .view-more .view-more-pagination .pagination-btn[data-v-27ad2dff]:hover {
    color: var(--brand_blue)
}

.sub-reply-list .view-more .view-more-pagination .pagination-page-number[data-v-27ad2dff] {
    margin: 0 4px;
    cursor: pointer
}

.sub-reply-list .view-more .view-more-pagination .pagination-page-number[data-v-27ad2dff]:hover,
.sub-reply-list .view-more .view-more-pagination .pagination-page-number.current-page[data-v-27ad2dff] {
    color: var(--brand_blue)
}

.sub-reply-list .view-more .view-more-pagination .pagination-page-dot[data-v-27ad2dff] {
    margin: 0 4px;
    cursor: default
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.image-exhibition[data-v-5638e5c3] {
    margin-top: 8px;
    user-select: none
}

.image-exhibition .preview-image-container[data-v-5638e5c3] {
    max-width: var(--dacbf126);
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--77b1c8ee);
    column-gap: var(--0c349aa2)
}

.image-exhibition .preview-image-container .image-item-wrap[data-v-5638e5c3] {
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: var(--7fefecd2);
    overflow: hidden;
    cursor: zoom-in
}

.image-exhibition .preview-image-container .image-item-wrap.vertical[data-v-5638e5c3] {
    flex-direction: column
}

.image-exhibition .preview-image-container .image-item-wrap.extra-long[data-v-5638e5c3] {
    justify-content: start
}

.image-exhibition .preview-image-container .image-item-wrap .more-image[data-v-5638e5c3] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 4px;
    bottom: 4px;
    height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 13px;
    color: var(--text_white);
    font-weight: 500;
    line-height: 18px;
    background: rgba(0, 0, 0, .7)
}

.image-exhibition .preview-image-container .client-image-item-warp[data-v-5638e5c3]:nth-child(3n+1) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.image-exhibition .preview-image-container .client-image-item-warp[data-v-5638e5c3]:nth-child(3n+2) {
    border-radius: 0
}

.image-exhibition .preview-image-container .client-image-item-warp[data-v-5638e5c3]:nth-child(3n+3) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.image-exhibition .preview-image-container .client-image-item-warp[data-v-5638e5c3]:nth-last-child(1) {
    border-bottom-right-radius: var(--7fefecd2);
    border-top-right-radius: var(--7fefecd2)
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(1) {
    border-radius: var(--7fefecd2) 0 0 0
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(3) {
    border-radius: 0 var(--7fefecd2) 0 0
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(7) {
    border-radius: 0 0 0 var(--7fefecd2)
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(9) {
    border-radius: 0 0 var(--7fefecd2) 0
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(3n+2) {
    border-radius: 0
}

.image-exhibition .preview-image-container .expand-image-item-warp.expand-image-two-rows[data-v-5638e5c3]:nth-child(4) {
    border-radius: 0 0 0 var(--7fefecd2)
}

.image-exhibition .preview-image-container .expand-image-item-warp.expand-image-two-rows[data-v-5638e5c3]:nth-child(6) {
    border-radius: 0 0 var(--7fefecd2) 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.note-content .note-text-container[data-v-02fbf466] {
    line-height: 20px
}

.note-content .note-text-container .top-icon[data-v-02fbf466] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--brand_pink);
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--brand_pink);
    vertical-align: text-top
}

.note-content .note-text-container .note-prefix[data-v-02fbf466] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 4px;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 12px;
    color: var(--text3);
    background-color: var(--bg2)
}

.note-content .note-text-container .note-text[data-v-02fbf466] {
    font-size: 15px;
    color: var(--text1);
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 20px;
    vertical-align: top
}

.note-content .note-text-container .open-note-pc[data-v-02fbf466] {
    font-size: 15px;
    color: var(--text_link);
    cursor: pointer
}

.note-content .note-text-container .open-note-pc[data-v-02fbf466]:hover {
    color: var(--brand_blue)
}

.note-content .note-text-container .open-note-pc.preview[data-v-02fbf466] {
    cursor: default
}

.note-content .note-text-container .open-note-pc.preview[data-v-02fbf466]:hover {
    color: var(--text_link)
}

.note-content .note-img-container[data-v-02fbf466] {
    margin-top: 8px;
    display: flex;
    flex-wrap: nowrap
}

.note-content .note-img-container .img-item-wrap[data-v-02fbf466] {
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.note-content .note-img-container .img-item-wrap[data-v-02fbf466]:nth-child(2) {
    margin: 0 5px
}

.note-content .open-note-h5[data-v-02fbf466] {
    font-size: 12px;
    color: var(--text_link);
    cursor: pointer
}

.note-content .open-note-h5[data-v-02fbf466]:hover {
    color: var(--brand_blue)
}

.note-content .open-note-h5.preview[data-v-02fbf466] {
    cursor: default
}

.note-content .open-note-h5.preview[data-v-02fbf466]:hover {
    color: var(--text_link)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.vote-warp {
    display: flex;
    width: 100%;
    height: 80px;
    border: .5px solid var(--graph_bg_thick);
    border-radius: 4px;
    margin: 10px 0
}

.vote-warp .vote-icon-warp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 80px;
    flex-shrink: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: var(--brand_blue_thin)
}

.vote-warp .vote-icon-warp .vote-icon {
    width: 40px;
    height: 40px
}

.vote-warp .vote-container {
    display: flex;
    align-items: center;
    flex: 1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: var(--bg1)
}

.vote-warp .vote-container .vote-text-warp {
    flex: 1;
    padding-left: 15px
}

.vote-warp .vote-container .vote-text-warp .vote-title {
    font-size: 14px;
    color: var(--text1)
}

.vote-warp .vote-container .vote-text-warp .vote-desc {
    margin-top: 10px;
    font-size: 12px;
    color: var(--text3)
}

.vote-warp .vote-container .vote-btn-warp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 90px;
    flex-shrink: 0
}

.vote-warp .vote-container .vote-btn-warp .vote-btn {
    width: 54px;
    height: 28px;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    color: var(--text_white);
    background-color: var(--brand_blue);
    cursor: pointer
}

.vote-warp .vote-container .vote-btn-warp .vote-btn:hover {
    background-color: var(--Lb4)
}

.vote-dialog {
    max-height: 100vh;
    overflow-y: auto
}

.vote-dialog::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.vote-dialog::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.vote-dialog::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.vote-dialog .vote-iframe-warp {
    height: 600px;
    padding-top: 10px;
    border-top: .5px solid var(--graph_weak)
}

.vote-dialog .vote-iframe-warp .vote-iframe {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

@font-face {
    font-family: Reeji-CloudHuPo-GBK;
    src: url(data:font/ttf;base64,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)
}

.reply-item[data-v-eb69efad] {
    position: relative
}

.reply-item .login-limit-mask[data-v-eb69efad] {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none
}

.reply-item .login-limit-mask .mask-top[data-v-eb69efad] {
    height: 80%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--bg1) 100%)
}

.reply-item .login-limit-mask .mask-bottom[data-v-eb69efad] {
    height: 20%;
    background: var(--bg1)
}

.reply-item.login-limit-reply-end .login-limit-mask[data-v-eb69efad] {
    display: block
}

.reply-item .root-reply-container[data-v-eb69efad] {
    padding: 22px 0 0 80px
}

.reply-item .root-reply-container.show-reply[data-v-eb69efad] {
    animation-name: enterAnimation-jumpReply-eb69efad;
    animation-duration: 5s;
    animation-fill-mode: forwards
}

.reply-item .root-reply-container .root-reply-avatar[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    width: 80px;
    cursor: pointer
}

.reply-item .root-reply-container .content-warp[data-v-eb69efad] {
    flex: 1;
    position: relative
}

.reply-item .root-reply-container .content-warp .reply-decorate[data-v-eb69efad] {
    position: absolute;
    top: 0;
    right: 0;
    user-select: none;
    transform: translateY(-15px)
}

.reply-item .root-reply-container .content-warp .reply-decorate .easter-egg-label[data-v-eb69efad] {
    width: 82px;
    height: 36px;
    transform: translateY(6px)
}

.reply-item .root-reply-container .content-warp .reply-decorate .easter-egg-label img[data-v-eb69efad] {
    width: 100%;
    height: 100%
}

.reply-item .root-reply-container .content-warp .reply-decorate .selected-reply .selected-reply-icon[data-v-eb69efad] {
    width: var(--50340fb4);
    height: var(--0b0a12c7)
}

.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing[data-v-eb69efad] {
    display: flex;
    align-items: center
}

.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-img[data-v-eb69efad] {
    height: 48px
}

.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-text[data-v-eb69efad] {
    position: absolute;
    right: 0;
    font-size: 13px;
    color: var(--1bf6de9b);
    line-height: 16px;
    word-break: keep-all;
    transform: scale(.7);
    transform-origin: center center
}

.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-text .sailing-text[data-v-eb69efad] {
    font-family: fanscard
}

.reply-item .root-reply-container .content-warp .user-info[data-v-eb69efad] {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

@media screen and (max-width: 1681px) {
    .reply-item .root-reply-container .content-warp .user-info[data-v-eb69efad] {
        font-size: 13px
    }
}

@media screen and (min-width: 1681px) {
    .reply-item .root-reply-container .content-warp .user-info[data-v-eb69efad] {
        font-size: 14px
    }
}

.reply-item .root-reply-container .content-warp .user-info .user-name[data-v-eb69efad] {
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    margin-right: 5px;
    color: var(--eabf089a);
    cursor: pointer
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .reply-item .root-reply-container .content-warp .user-info .user-name[data-v-eb69efad] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.reply-item .root-reply-container .content-warp .user-info .user-level[data-v-eb69efad] {
    cursor: pointer
}

.reply-item .root-reply-container .content-warp .user-info .up-icon[data-v-eb69efad] {
    cursor: default
}

.reply-item .root-reply-container .content-warp .user-info .contractor-box[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: var(--ad9f9f2c);
    height: 12px;
    padding: 2px;
    border-radius: 2px;
    background-color: var(--brand_pink_thin)
}

.reply-item .root-reply-container .content-warp .user-info .contractor-box.originalFan[data-v-eb69efad] {
    border: .5px solid var(--brand_pink);
    background-color: transparent
}

.reply-item .root-reply-container .content-warp .user-info .contractor-box .contractor-text[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transform-origin: center center;
    transform: scale(.5);
    position: absolute;
    color: var(--brand_pink);
    white-space: nowrap
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge[data-v-eb69efad] {
    display: flex;
    align-items: center;
    height: 14px;
    padding-left: 5px;
    border: .5px solid var(--cfebf966);
    border-radius: 10px;
    margin-left: 5px;
    background-image: var(--de2c8a2a)
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap[data-v-eb69efad] {
    display: flex;
    align-items: center;
    position: relative;
    width: var(--6a61e34e)
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap .badge-frist-icon[data-v-eb69efad] {
    position: absolute;
    left: -8px;
    width: 20px;
    height: 20px
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap .badge-second-icon[data-v-eb69efad] {
    position: absolute;
    right: 0;
    width: 8px;
    height: 11px
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-name-wrap[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: var(--13023720);
    height: 100%;
    margin-right: 4px
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-name-wrap .badge-name[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transform-origin: center center;
    transform: scale(.5);
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--6236d5ce);
    font-weight: 500;
    white-space: nowrap;
    transform: scale(.5) translate(-50%, -50%);
    transform-origin: 0 0
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-level-wrap[data-v-eb69efad] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 11.5px;
    height: 11.5px;
    border-radius: 50%;
    margin-right: .5px;
    background-color: var(--47936687)
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-level-wrap .badge-level[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transform-origin: center center;
    transform: scale(.5);
    position: absolute;
    top: 52%;
    left: 50%;
    font-family: Reeji-CloudHuPo-GBK;
    color: var(--37994ac9);
    font-weight: 500;
    white-space: nowrap;
    line-height: 1;
    transform: scale(.5) translate(-50%, -43%);
    transform-origin: 0 0
}

.reply-item .root-reply-container .content-warp .vote-info[data-v-eb69efad] {
    margin-bottom: 4px;
    height: 20px;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: center
}

.reply-item .root-reply-container .content-warp .vote-info__tag[data-v-eb69efad] {
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 4px;
    flex: none
}

.reply-item .root-reply-container .content-warp .vote-info__tag--pink[data-v-eb69efad] {
    background-color: var(--Pi1);
    color: var(--Pi5)
}

.reply-item .root-reply-container .content-warp .vote-info__tag--blue[data-v-eb69efad] {
    background-color: var(--brand_blue_thin);
    color: var(--brand_blue)
}

.reply-item .root-reply-container .content-warp .vote-info__tag--gray[data-v-eb69efad] {
    background-color: var(--graph_bg_regular);
    color: var(--text3)
}

.reply-item .root-reply-container .content-warp .vote-info__text[data-v-eb69efad] {
    color: var(--Ga7_u)
}

.reply-item .root-reply-container .content-warp .root-reply[data-v-eb69efad] {
    position: relative;
    padding: 2px 0
}

@media screen and (max-width: 1681px) {
    .reply-item .root-reply-container .content-warp .root-reply[data-v-eb69efad] {
        font-size: 15px;
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .reply-item .root-reply-container .content-warp .root-reply[data-v-eb69efad] {
        font-size: 16px;
        line-height: 26px
    }
}

.reply-item .root-reply-container .content-warp .root-reply .reply-content-container[data-v-eb69efad] {
    display: block;
    overflow: hidden;
    width: 100%
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info[data-v-eb69efad] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 2px;
    font-size: 13px;
    color: var(--text3)
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-time[data-v-eb69efad] {
    margin-right: var(--657a0951)
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-location[data-v-eb69efad] {
    margin-right: 20px
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like[data-v-eb69efad] {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon[data-v-eb69efad] {
    margin-right: 5px;
    color: #9499a0
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon[data-v-eb69efad]:hover,
.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon.liked[data-v-eb69efad] {
    color: #00aeec
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike[data-v-eb69efad] {
    display: flex;
    align-items: center;
    margin-right: 19px
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon[data-v-eb69efad] {
    color: #9499a0;
    cursor: pointer
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon[data-v-eb69efad]:hover,
.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon.disliked[data-v-eb69efad] {
    color: #00aeec
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-btn[data-v-eb69efad] {
    cursor: pointer
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-btn[data-v-eb69efad]:hover {
    color: var(--brand_blue)
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-operation-warp[data-v-eb69efad] {
    position: absolute;
    right: 20px;
    display: none
}

.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list[data-v-eb69efad] {
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-size: 12px;
    line-height: 17px
}

.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list .reply-tag-item[data-v-eb69efad] {
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 10px
}

.reply-item .root-reply-container:hover .content-warp .root-reply .reply-info .reply-operation-warp[data-v-eb69efad] {
    display: block
}

.reply-item .sub-reply-container[data-v-eb69efad] {
    padding-left: 72px
}

.reply-item .reply-box-container[data-v-eb69efad] {
    padding: 25px 0 10px 80px
}

.reply-item .bottom-line[data-v-eb69efad] {
    margin-left: 80px;
    border-bottom: 1px solid var(--graph_bg_thick);
    margin-top: 14px
}

.reply-item .reply-dynamic-card[data-v-eb69efad] {
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 400px
}

@keyframes enterAnimation-jumpReply-eb69efad {
    0% {
        background-color: #dff6fb
    }

    to {
        background-color: #dff6fb00
    }
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-list[data-v-bad1995c] {
    margin-top: 14px;
    padding-bottom: 100px
}

.reply-list .reply-end-mark[data-v-bad1995c] {
    height: 100px
}

.reply-list .reply-end[data-v-bad1995c],
.reply-list .reply-loading[data-v-bad1995c],
.reply-list .view-all-reply[data-v-bad1995c] {
    margin-top: 20px;
    font-size: 13px;
    color: var(--text3);
    text-align: center
}

.reply-list .view-all-reply[data-v-bad1995c]:hover {
    color: var(--brand_blue);
    cursor: pointer
}

.reply-list .login-prompt[data-v-bad1995c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 80px);
    height: 50px;
    margin: 16px 0 0 auto;
    border-radius: 6px;
    font-size: 14px;
    color: var(--brand_blue);
    background-color: var(--brand_blue_thin);
    transition: .2s;
    cursor: pointer
}

.reply-list .login-prompt[data-v-bad1995c]:hover {
    background-color: var(--Lb2)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.user-card[data-v-ab309411] {
    position: absolute;
    top: var(--5f483e42);
    left: var(--2402472f);
    z-index: 10;
    width: 366px;
    border: .5px solid var(--graph_weak);
    border-radius: 8px;
    background-color: var(--bg1);
    box-shadow: 0 0 30px #0000001a
}

.user-card .card-bg[data-v-ab309411] {
    width: 100%;
    height: 85px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-image: var(--666d2aeb);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.user-card .user-card-avatar[data-v-ab309411] {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 70px;
    margin-top: 10px;
    cursor: pointer
}

.user-card .card-content[data-v-ab309411] {
    display: flex;
    flex-direction: column;
    padding: 12px 20px 16px 70px
}

.user-card .card-content .card-user-info[data-v-ab309411] {
    display: flex;
    align-items: center;
    color: var(--text1);
    margin-bottom: 10px
}

.user-card .card-content .card-user-info .card-user-name[data-v-ab309411] {
    max-width: 160px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--text1);
    color: var(--4219f8be);
    text-decoration: none
}

.user-card .card-content .card-user-info .card-user-sex[data-v-ab309411] {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.user-card .card-content .card-user-info .card-user-level[data-v-ab309411] {
    margin-right: 5px;
    cursor: pointer
}

.user-card .card-content .card-user-info .card-user-vip[data-v-ab309411] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--b7962a2e);
    height: 16px;
    padding: 1px 4px;
    border-radius: 2px;
    color: var(--6fd66fc8);
    background-color: var(--dca6d7a0);
    cursor: default
}

.user-card .card-content .card-user-info .card-user-vip .card-vip-text[data-v-ab309411] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transform-origin: center center;
    transform: scale(.5);
    white-space: nowrap;
    font-style: normal
}

.user-card .card-content .card-social-info[data-v-ab309411] {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--text1)
}

.user-card .card-content .card-social-info .card-user-attention[data-v-ab309411],
.user-card .card-content .card-social-info .card-user-fans[data-v-ab309411],
.user-card .card-content .card-social-info .card-user-like[data-v-ab309411] {
    margin-right: 18px;
    color: inherit;
    text-decoration: none
}

.user-card .card-content .card-social-info .card-user-attention .social-info-title[data-v-ab309411],
.user-card .card-content .card-social-info .card-user-fans .social-info-title[data-v-ab309411],
.user-card .card-content .card-social-info .card-user-like .social-info-title[data-v-ab309411] {
    margin-left: 3px;
    color: var(--text3)
}

.user-card .card-content .card-verify-info[data-v-ab309411] {
    padding-top: 10px;
    font-size: 12px;
    color: var(--text3)
}

.user-card .card-content .card-verify-info .card-verify-icon[data-v-ab309411] {
    vertical-align: text-bottom;
    margin-right: 3px
}

.user-card .card-content .card-sign[data-v-ab309411] {
    padding-top: 8px;
    font-size: 12px;
    color: var(--text3);
    word-break: break-all
}

.user-card .card-content .card-btn-warp[data-v-ab309411] {
    display: flex;
    margin-top: 16px;
    font-size: 14px
}

.user-card .card-content .card-btn-warp .card-attention-btn[data-v-ab309411] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 30px;
    border-radius: 4px;
    margin-right: 8px;
    color: var(--text_white);
    background-color: var(--brand_blue);
    transition: .4s;
    cursor: pointer
}

.user-card .card-content .card-btn-warp .card-attention-btn .cancel-attention-text[data-v-ab309411] {
    display: none;
    position: absolute
}

.user-card .card-content .card-btn-warp .card-attention-btn.attention[data-v-ab309411] {
    color: var(--text2);
    background-color: var(--bg3)
}

.user-card .card-content .card-btn-warp .card-attention-btn.attention:hover .attention-text[data-v-ab309411] {
    display: none
}

.user-card .card-content .card-btn-warp .card-attention-btn.attention:hover .cancel-attention-text[data-v-ab309411] {
    display: inline
}

.user-card .card-content .card-btn-warp .card-message-btn[data-v-ab309411] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 30px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    color: var(--text2);
    cursor: pointer
}

.user-card .card-content .card-btn-warp .card-message-btn[data-v-ab309411]:hover {
    border-color: var(--brand_blue);
    color: var(--brand_blue)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.dynamic-card[data-v-9f1e482d] {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    top: var(--7b058890);
    left: 400px;
    width: 710px;
    height: 550px;
    border-radius: 6px;
    background-color: var(--bg1);
    box-shadow: 0 0 25px #00000026
}

.dynamic-card .card-header[data-v-9f1e482d] {
    display: flex;
    align-items: center;
    flex-basis: 50px;
    padding: 0 10px;
    border-bottom: .5px solid var(--line_light)
}

.dynamic-card .card-header .card-title[data-v-9f1e482d] {
    flex: 1;
    text-align: center;
    font-size: 16px;
    color: var(--text1)
}

.dynamic-card .card-header .close-card[data-v-9f1e482d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    color: var(--text2);
    transition: .2s;
    cursor: pointer
}

.dynamic-card .card-header .close-card[data-v-9f1e482d]:hover {
    background-color: var(--bg3)
}

.dynamic-card .card-content[data-v-9f1e482d] {
    flex: 1
}

.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.dynamic-card .card-content .dynamic-card-iframe[data-v-9f1e482d] {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-view-image {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 25, 28, .85);
    transform: scale(1);
    user-select: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none
}

.reply-view-image,
.reply-view-image * {
    box-sizing: border-box
}

.reply-view-image .operation-btn .operation-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: var(--text_white);
    background: rgba(0, 0, 0, .58);
    transition: .2s;
    cursor: pointer
}

.reply-view-image .operation-btn .operation-btn-icon:hover {
    color: var(--brand_pink)
}

.reply-view-image .operation-btn .operation-btn-icon.close-container {
    top: 16px;
    right: 16px
}

.reply-view-image .operation-btn .operation-btn-icon.last-image {
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

.reply-view-image .operation-btn .operation-btn-icon.next-image {
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.reply-view-image .show-image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0 100px;
    overflow: auto
}

.reply-view-image .show-image-wrap .loading-svga {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px
}

.reply-view-image .show-image-wrap.vertical {
    flex-direction: column;
    justify-content: var(--c186e874)
}

.reply-view-image .show-image-wrap .image-content {
    width: calc(100vw - 200px);
    max-width: var(--34114ac9);
    -webkit-user-drag: none
}

.reply-view-image .preview-list {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 2;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(24, 25, 28, .8);
    backdrop-filter: blur(20px);
    transform: translate(-50%)
}

.reply-view-image .preview-list .preview-item-box {
    padding: 1px;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: .3s;
    cursor: pointer
}

.reply-view-image .preview-list .preview-item-box.active {
    border-color: var(--brand_pink)
}

.reply-view-image .preview-list .preview-item-box .preview-item-wrap {
    display: flex;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.reply-view-image .preview-list .preview-item-box .preview-item-wrap.vertical {
    flex-direction: column
}

.reply-view-image .preview-list .preview-item-box .preview-item-wrap.extra-long {
    justify-content: start
}

.reply-view-image .preview-list .preview-item-box .preview-item-wrap .item-content {
    -webkit-user-drag: none
}

.reply-view-image--transition-enter-active,
.reply-view-image--transition-leave-active {
    transition: all .3s ease
}

.reply-view-image--transition-enter-from,
.reply-view-image--transition-leave-to {
    transform: scale(.4);
    opacity: 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-warp[data-v-0157be6f] {
    position: relative
}

.reply-warp .fixed-reply-box[data-v-0157be6f] {
    position: fixed;
    bottom: 0;
    left: var(--93f77c20);
    z-index: 10;
    width: var(--0b20c8fd)
}

.reply-warp .fixed-reply-box .reply-box-shadow[data-v-0157be6f] {
    position: absolute;
    top: -10px;
    z-index: 1;
    width: 100%;
    height: 36px;
    border-radius: 50%;
    background-color: #00000014;
    filter: blur(10px)
}

.reply-warp .fixed-reply-box--transition-enter-active[data-v-0157be6f],
.reply-warp .fixed-reply-box--transition-leave-active[data-v-0157be6f] {
    transition: opacity .5s ease
}

.reply-warp .fixed-reply-box--transition-enter-from[data-v-0157be6f],
.reply-warp .fixed-reply-box--transition-leave-to[data-v-0157be6f] {
    opacity: 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.bili-comment.browser-pc {
    background-color: var(--bg1)
}

.bili-comment.browser-pc * {
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .bili-comment.browser-pc * {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.bili-comment.browser-pc * ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.bili-comment.browser-pc * a {
    text-decoration: none;
    background-color: transparent;
    color: var(--text_link);
    cursor: pointer
}

.bili-comment.browser-pc * a:hover {
    color: var(--Lb4)
}

.bili-comment.browser-pc * i {
    font-style: normal
}

.bili-comment.browser-pc * p {
    margin: 0;
    padding: 0
}

.bili-comment.browser-pc .comment-container {
    animation-name: enterAnimation-commentContainer;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-operation-client {
    display: inline-flex;
    position: relative
}

.reply-operation-client .operation-icon {
    border-radius: 4px;
    cursor: pointer
}

.reply-operation-client .operation-icon:hover {
    background-color: var(--graph_bg_thick)
}

.reply-operation-client .operation-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 10;
    width: 180px;
    padding: 12px 0;
    border-radius: 6px;
    font-size: 14px;
    color: var(--text2);
    background-color: var(--bg1_float);
    box-shadow: 0 0 5px #0003
}

.reply-operation-client .operation-list .operation-option {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 15px;
    cursor: pointer
}

.reply-operation-client .operation-list .operation-option:hover {
    background-color: var(--graph_bg_thick)
}

.reply-operation-client .operation-list .delete-reply-modal {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    padding: 10px 20px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 8px;
    margin-bottom: 100px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bg1);
    box-shadow: 0 0 5px #0003;
    transform: translate(-50%, -100%)
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn {
    display: flex;
    justify-content: center
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
    border-radius: 4px;
    margin-right: 20px;
    color: var(--text_white);
    background-color: var(--brand_blue)
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete:hover {
    background-color: var(--Lb4)
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete:hover {
    color: var(--brand_blue)
}

.select-reply-dialog-client .select-dialog-content {
    text-align: left
}

.select-reply-dialog-client .cancel-select-reply {
    width: 130px;
    margin-right: 20px
}

.select-reply-dialog-client .comfirm-select-reply {
    width: 130px
}

.close-reply-dialog-client .close-reply-dialog-content {
    text-align: left
}

.close-reply-dialog-client .cancel-close-reply {
    width: 130px;
    margin-right: 20px
}

.close-reply-dialog-client .comfirm-close-reply {
    width: 130px
}

.close-danmaku-dialog-client .close-danmaku-dialog-content {
    text-align: left
}

.close-danmaku-dialog-client .cancel-close-danmaku {
    width: 130px;
    margin-right: 20px
}

.close-danmaku-dialog-client .comfirm-close-danmaku {
    width: 130px
}

.blacklist-dialog-client .blacklist-dialog-content {
    text-align: center
}

.blacklist-dialog-client .comfirm-pull-blacklist {
    margin-right: 20px
}

.report-dialog-client {
    max-height: 100%;
    overflow: auto
}

.report-dialog-client .report-dialog-content {
    display: flex;
    flex-direction: column;
    padding-top: 20px
}

.report-dialog-client .report-dialog-content .report-reason-warp {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-type {
    margin-bottom: 15px;
    font-size: 14px;
    text-align: left;
    color: var(--text3)
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 50%;
    margin-bottom: 16px
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item.widescreen {
    min-width: 25%
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item.custom-reason {
    width: 100%
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .reason-radio {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid var(--graph_medium);
    margin-right: 8px;
    outline: none;
    appearance: none;
    cursor: pointer
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .reason-radio-label {
    cursor: pointer
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item.checked .reason-radio {
    border-color: transparent;
    background-color: var(--brand_pink)
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item.checked .reason-radio:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4wOTEyIDQuNTc1NjRDMTQuMzI1NSA0LjgwOTk1IDE0LjMyNTUgNS4xODk4NSAxNC4wOTEyIDUuNDI0MTdMNi42NjAxOSAxMi44NTUxQzYuMjk1NyAxMy4yMTk2IDUuNzA0NzUgMTMuMjE5NiA1LjM0MDI2IDEyLjg1NTFMMS4yNDI2MyA4Ljc1NzVDMS4wMDgzMiA4LjUyMzE4IDEuMDA4MzIgOC4xNDMyOSAxLjI0MjYzIDcuOTA4OTdDMS40NzY5NSA3LjY3NDY2IDEuODU2ODQgNy42NzQ2NiAyLjA5MTE2IDcuOTA4OTdMNi4wMDAyMyAxMS44MThMMTMuMjQyNiA0LjU3NTY0QzEzLjQ3NjkgNC4zNDEzMiAxMy44NTY4IDQuMzQxMzIgMTQuMDkxMiA0LjU3NTY0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat;
    background-size: cover
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .custom-reason {
    width: 100%
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .custom-reason .custom-reason-textarea {
    box-sizing: border-box;
    width: 100%;
    height: 138px;
    padding: 8px;
    margin-top: 8px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    color: var(--text1);
    background-color: var(--bg1);
    outline: none;
    resize: none
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .custom-reason .custom-reason-textarea:focus {
    border: 1px solid var(--brand_pink)
}

.report-dialog-client .cancel-report {
    width: 100px;
    margin-right: 20px
}

.report-dialog-client .comfirm-report {
    width: 100px
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-header-client .reply-notice {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    padding: 11px 14px;
    margin-bottom: 10px;
    font-size: 12px;
    border-radius: 2px;
    color: var(--text_notice);
    background-color: var(--Or0);
    cursor: pointer
}

.reply-header-client .reply-notice .notice-content {
    flex: 1;
    position: relative;
    padding: 0 5px;
    line-height: 18px;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 2s
}

.reply-header-client .reply-navigation {
    margin: 12px 0
}

.reply-header-client .reply-navigation .nav-bar {
    display: flex;
    align-items: center;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.reply-header-client .reply-navigation .nav-bar .nav-select-reply {
    font-size: 12px;
    color: var(--text1)
}

.reply-header-client .reply-navigation .nav-bar .nav-sort {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--text3)
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .part-symbol {
    height: 10px;
    margin: 0 8px;
    border-left: solid 1px
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort {
    cursor: pointer
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort:hover {
    color: var(--brand_blue)
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort {
    cursor: pointer
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort:hover {
    color: var(--brand_blue)
}

.reply-header-client .reply-navigation .nav-bar .nav-sort.hot .hot-sort,
.reply-header-client .reply-navigation .nav-bar .nav-sort.time .time-sort {
    color: var(--text1)
}

.reply-header-client .reply-navigation .nav-operation-warp {
    position: absolute;
    right: 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.emoji-panel-client[data-v-168f09db] {
    position: absolute;
    top: var(--3401e690);
    bottom: var(--7fa31b7c);
    left: var(--351cf79e);
    width: var(--6ada9838);
    border: 1px solid var(--graph_bg_thick);
    border-radius: 8px;
    font-size: 14px;
    color: var(--text1);
    z-index: 9
}

.emoji-panel-client .emoji-header[data-v-168f09db] {
    display: flex;
    align-items: center;
    position: relative;
    padding: 13px 15px 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: var(--bg1)
}

.emoji-panel-client .emoji-header .emoji-title[data-v-168f09db] {
    flex: 1
}

.emoji-panel-client .emoji-content[data-v-168f09db] {
    height: 196px;
    padding: 0 11px;
    background-color: var(--bg1);
    overflow: auto
}

.emoji-panel-client .emoji-content .emoji-info[data-v-168f09db] {
    display: inline-block;
    border-radius: 4px;
    cursor: pointer
}

.emoji-panel-client .emoji-content .emoji-info[data-v-168f09db]:hover {
    background-color: var(--graph_bg_thick)
}

.emoji-panel-client .emoji-content .emoji-info .text-emoji[data-v-168f09db] {
    padding: 8px;
    line-height: 16px
}

.emoji-panel-client .emoji-content .emoji-info .normal-small-emoji[data-v-168f09db] {
    width: 32px;
    height: 32px;
    margin: 8px
}

.emoji-panel-client .emoji-content .emoji-info .normal-large-emoji[data-v-168f09db] {
    width: 48px;
    height: 48px;
    margin: 6px 10px
}

.emoji-panel-client .emoji-tab[data-v-168f09db] {
    display: flex;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--bg3);
    overflow: hidden
}

.emoji-panel-client .emoji-tab .emoji-type[data-v-168f09db] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 36px;
    cursor: pointer
}

.emoji-panel-client .emoji-tab .emoji-type[data-v-168f09db]:hover {
    background-color: var(--graph_bg_thick)
}

.emoji-panel-client .emoji-tab .emoji-type .emoji-type-face[data-v-168f09db] {
    width: 24px;
    height: 24px
}

.emoji-panel-client .emoji-tab .emoji-type.current-type[data-v-168f09db] {
    background-color: var(--bg1)
}

.emoji-panel-client .emoji-tab .emoji-slider[data-v-168f09db] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    right: 0;
    width: 75px;
    height: 36px
}

.emoji-panel-client .emoji-tab .emoji-slider .slider-pre[data-v-168f09db],
.emoji-panel-client .emoji-tab .emoji-slider .slider-next[data-v-168f09db] {
    color: var(--graph_icon);
    opacity: .3;
    cursor: pointer
}

.emoji-panel-client .emoji-tab .emoji-slider .slider-pre.allow[data-v-168f09db],
.emoji-panel-client .emoji-tab .emoji-slider .slider-next.allow[data-v-168f09db] {
    opacity: 1
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.set-nickname--dialog .vui_dialog--title {
    margin-bottom: 0
}

.set-nickname--dialog .set-nickname-dialog-content {
    padding: 20px;
    font-size: 16px
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp {
    font-size: 12px;
    margin-top: 30px
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    outline: none
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-input.error {
    border-color: var(--stress_red)
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-input:focus {
    border-color: var(--brand_blue)
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-error-info {
    margin-top: 4px;
    font-size: 12px;
    color: red
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-error-info .nickname-error-icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: text-bottom
}

.set-nickname--dialog .nickname-btn-warp {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px
}

.bind-phone--dialog .bind-phone-dialog-content {
    text-align: left
}

.vui_dialog--footer {
    background-color: transparent
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-box-client[data-v-e5b1f999] {
    display: flex;
    flex-direction: column
}

.reply-box-client .reply-box-warp[data-v-e5b1f999] {
    position: relative;
    flex: 1
}

.reply-box-client .reply-box-warp .reply-box-textarea[data-v-e5b1f999] {
    width: 100%;
    height: 32px;
    padding: 5px 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    line-height: 20px;
    color: var(--text1);
    background-color: var(--bg2);
    resize: none;
    outline: none;
    transition: .2s
}

.reply-box-client .reply-box-warp .reply-box-textarea[data-v-e5b1f999]::placeholder {
    color: var(--text4)
}

.reply-box-client .reply-box-warp .reply-box-textarea.focus[data-v-e5b1f999],
.reply-box-client .reply-box-warp .reply-box-textarea[data-v-e5b1f999]:hover {
    border-color: var(--brand_pink)
}

.reply-box-client .box-operation-warp[data-v-e5b1f999] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    height: 32px
}

.reply-box-client .box-operation-warp .reply-box-emoji[data-v-e5b1f999] {
    position: relative;
    margin-right: auto
}

.reply-box-client .box-operation-warp .reply-box-emoji .box-emoji-icon[data-v-e5b1f999] {
    cursor: pointer
}

.reply-box-client .box-operation-warp .reply-box-send[data-v-e5b1f999] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 70px;
    height: 100%;
    border-radius: 4px;
    cursor: pointer
}

.reply-box-client .box-operation-warp .reply-box-send .send-text[data-v-e5b1f999] {
    position: absolute;
    z-index: 1;
    color: var(--text_white)
}

.reply-box-client .box-operation-warp .reply-box-send[data-v-e5b1f999]:after {
    content: "";
    position: absolute;
    opacity: .5;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: var(--brand_pink)
}

.reply-box-client .box-operation-warp .reply-box-send[data-v-e5b1f999]:hover:after {
    opacity: 1
}

.reply-box-client.box-active .reply-box-warp .reply-box-textarea[data-v-e5b1f999] {
    height: 60px
}

.reply-box-client.box-active .reply-box-send.send-active[data-v-e5b1f999]:after {
    opacity: 1
}

.reply-box-client.disabled .reply-box-warp .disable-mask[data-v-e5b1f999] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    font-size: 12px;
    color: var(--text3);
    background-color: var(--bg3)
}

.reply-box-client.disabled .reply-box-warp .disable-mask .no-login-mask[data-v-e5b1f999] {
    cursor: pointer
}

.reply-box-client.disabled .box-operation-warp .reply-box-send[data-v-e5b1f999] {
    cursor: not-allowed
}

.reply-box-client.disabled .box-operation-warp .reply-box-send .send-text[data-v-e5b1f999] {
    color: var(--text3)
}

.reply-box-client.disabled .box-operation-warp .reply-box-send[data-v-e5b1f999]:after {
    opacity: 1;
    background-color: var(--bg3)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.note-prefix[data-v-e8276124] {
    vertical-align: -3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 19px;
    border-radius: 4px;
    margin-right: 6px;
    font-size: 12px;
    color: var(--text3);
    background-color: var(--bg2)
}

.note-prefix .note-icon[data-v-e8276124] {
    width: 16px;
    height: 16px
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-content-client {
    color: var(--text1);
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    vertical-align: baseline;
    transition: .2s
}

.reply-content-client.root {
    line-height: 25px
}

.reply-content-client.need-view-more {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.reply-content-client.sub {
    line-height: 20px
}

.reply-content-client .top-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--brand_pink);
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--brand_pink);
    vertical-align: 1px
}

.reply-content-client .emoji-small {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom
}

.reply-content-client .emoji-large {
    width: 36px;
    height: 36px;
    vertical-align: text-bottom
}

.reply-content-client .jump-link {
    vertical-align: baseline
}

.reply-content-client .icon {
    width: 20px;
    height: 20px;
    vertical-align: text-top
}

.reply-content-client .icon.vote {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: text-bottom
}

.reply-content-client .icon.search-word {
    width: 12px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.view-more-reply {
    font-size: 12px;
    color: var(--text_link);
    line-height: 17px;
    cursor: pointer
}

.view-more-reply:hover {
    color: var(--Lb4)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.sub-reply-item-client[data-v-f656e619] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: relative;
    max-height: 42px;
    padding: 3px 0;
    font-size: 14px;
    overflow: hidden
}

.sub-reply-item-client .sub-user-info[data-v-f656e619] {
    display: inline-flex;
    align-items: center;
    color: var(--text2);
    line-height: 20px;
    vertical-align: baseline;
    white-space: nowrap
}

.sub-reply-item-client .sub-user-info .sub-user-name[data-v-f656e619] {
    margin-right: 5px;
    font-size: 14px;
    cursor: pointer
}

.sub-reply-item-client .sub-user-info .sub-up-icon[data-v-f656e619] {
    margin-right: 4px;
    cursor: default
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.sub-reply-list-client[data-v-797a1736] {
    border-radius: 4px;
    padding: 7px 10px;
    margin-top: 12px;
    background-color: var(--bg2_float)
}

.sub-reply-list-client .view-more[data-v-797a1736] {
    margin-top: 4px;
    cursor: pointer
}

.sub-reply-list-client .view-more .view-more-text[data-v-797a1736] {
    font-size: 12px;
    color: var(--text_link)
}

.sub-reply-list-client .view-more .view-more-text[data-v-797a1736]:hover {
    color: var(--Lb4)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.content-warp--blacklist .reply-content[data-v-7c80ed25] {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    border-radius: 4px;
    color: var(--text1);
    background-color: var(--bg2_float)
}

.content-warp--blacklist .reply-content .ban-icon[data-v-7c80ed25] {
    margin-right: 4px
}

.content-warp--blacklist .reply-header[data-v-7c80ed25] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.content-warp--blacklist .reply-header .root-reply-avatar[data-v-7c80ed25] {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    cursor: pointer
}

.content-warp--blacklist .reply-header .root-reply-avatar .blacklist-avatar[data-v-7c80ed25] {
    width: 30px;
    height: 30px
}

.content-warp--blacklist .reply-header .reply-info .balcklist-name[data-v-7c80ed25] {
    color: var(--text1)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-item-client {
    position: relative;
    padding: 10px 0 14px 42px;
    border-bottom: 1px solid var(--line_light)
}

.reply-item-client .content-warp {
    flex: 1;
    position: relative
}

.reply-item-client .content-warp .reply-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.reply-item-client .content-warp .reply-header .root-reply-avatar {
    display: flex;
    justify-content: center;
    position: absolute;
    left: -42px;
    cursor: pointer
}

.reply-item-client .content-warp .reply-header .reply-info {
    display: flex;
    flex-direction: column
}

.reply-item-client .content-warp .reply-header .reply-info .user-info {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: var(--text2)
}

.reply-item-client .content-warp .reply-header .reply-info .user-info .user-name {
    margin-right: 5px;
    color: var(--be794234);
    cursor: pointer
}

.reply-item-client .content-warp .reply-header .reply-info .user-info .user-level {
    margin-right: 5px;
    cursor: pointer
}

.reply-item-client .content-warp .reply-header .reply-info .user-info .up-icon {
    cursor: default
}

.reply-item-client .content-warp .reply-header .reply-info .reply-time {
    font-size: 12px;
    color: var(--text3)
}

.reply-item-client .content-warp .root-reply {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    transition: .2s
}

.reply-item-client .content-warp .root-reply .reply-operation-warp {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 12px;
    font-size: 13px;
    color: var(--text3);
    line-height: 16px
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon {
    margin-right: 5px;
    color: var(--text3)
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon:hover,
.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon.liked {
    color: var(--brand_pink)
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike {
    display: flex;
    align-items: center;
    margin-right: 19px
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon {
    color: var(--text3);
    cursor: pointer
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon:hover,
.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon.disliked {
    color: var(--brand_pink)
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-icon {
    color: var(--text3);
    cursor: pointer
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-icon:hover {
    color: var(--brand_pink)
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .more-operation {
    display: none;
    position: absolute;
    right: 20px
}

.reply-item-client .content-warp .reply-item-box {
    margin-top: 12px
}

.reply-item-client .content-warp .reply-tag-list {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 12px;
    line-height: 14px
}

.reply-item-client .content-warp .reply-tag-list .reply-tag-item {
    padding: 5px 6px;
    border-radius: 2px;
    margin-right: 10px;
    color: var(--text2);
    background-color: var(--bg2_float)
}

.reply-item-client:hover .content-warp .root-reply .reply-operation-warp .more-operation {
    display: block
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.back-top[data-v-1fd39008] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 120px;
    left: var(--025bb189);
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid var(--graph_bg_thick);
    box-shadow: 0 0 30px #0000001a;
    font-size: 12px;
    color: var(--text1);
    line-height: 18px;
    background-color: var(--bg1_float);
    cursor: pointer;
    user-select: none
}

.back-top[data-v-1fd39008]:hover {
    background-color: var(--graph_bg_thick)
}

.back-top--transition-enter-active[data-v-1fd39008],
.back-top--transition-leave-active[data-v-1fd39008] {
    transition: opacity .5s ease
}

.back-top--transition-enter-from[data-v-1fd39008],
.back-top--transition-leave-to[data-v-1fd39008] {
    opacity: 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-list[data-v-b85e8fc6] {
    position: relative;
    margin-top: 14px;
    padding-bottom: 100px
}

.reply-list .reply-empty[data-v-b85e8fc6] {
    margin-top: 100px;
    text-align: center;
    font-size: 14px;
    color: var(--text3)
}

.reply-list .reply-end-mark[data-v-b85e8fc6] {
    height: 100px
}

.reply-list .reply-end[data-v-b85e8fc6],
.reply-list .reply-loading[data-v-b85e8fc6] {
    margin-top: 20px;
    font-size: 13px;
    color: var(--text3);
    text-align: center
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.fixed-reply-box[data-v-a4f24937] {
    bottom: 0;
    z-index: 20;
    width: 100%
}

.fixed-reply-box .reply-box-wrap[data-v-a4f24937] {
    background-color: var(--bg1);
    padding: 14px 0;
    border-top: 1px solid var(--line_light)
}

.fixed-reply-box .reply-box-shadow[data-v-a4f24937] {
    position: absolute;
    top: -10px;
    z-index: -1;
    height: 36px;
    border-radius: 50%;
    background-color: #00000014;
    filter: blur(10px);
    width: calc(100% - 72px);
    left: 50%;
    transform: translate(-50%)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.floor-reply-item[data-v-f07178d1] {
    position: relative
}

.floor-reply-item.root-item .content-warp[data-v-f07178d1] {
    border-bottom: 10px solid var(--bg2)
}

.floor-reply-item .content-warp[data-v-f07178d1] {
    flex: 1;
    position: relative;
    padding: 10px 0 14px 42px;
    border-bottom: 1px solid var(--line_light)
}

.floor-reply-item .content-warp .reply-header[data-v-f07178d1] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.floor-reply-item .content-warp .reply-header .root-reply-avatar[data-v-f07178d1] {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    cursor: pointer
}

.floor-reply-item .content-warp .reply-header .reply-info[data-v-f07178d1] {
    display: flex;
    flex-direction: column
}

.floor-reply-item .content-warp .reply-header .reply-info .user-info[data-v-f07178d1] {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: var(--text2)
}

.floor-reply-item .content-warp .reply-header .reply-info .user-info .user-name[data-v-f07178d1] {
    margin-right: 5px;
    color: var(--0a603545);
    cursor: pointer
}

.floor-reply-item .content-warp .reply-header .reply-info .user-info .user-level[data-v-f07178d1] {
    margin-right: 5px;
    cursor: pointer
}

.floor-reply-item .content-warp .reply-header .reply-info .user-info .up-icon[data-v-f07178d1] {
    cursor: default
}

.floor-reply-item .content-warp .reply-header .reply-info .reply-time[data-v-f07178d1] {
    font-size: 12px;
    color: var(--text3)
}

.floor-reply-item .content-warp .root-reply[data-v-f07178d1] {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    transition: .2
}

.floor-reply-item .content-warp .root-reply .top-icon[data-v-f07178d1] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--brand_pink);
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp[data-v-f07178d1] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 12px;
    font-size: 13px;
    color: var(--text3);
    line-height: 16px
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-like[data-v-f07178d1] {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-like .like-icon[data-v-f07178d1] {
    margin-right: 5px;
    color: var(--text3)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-like .like-icon[data-v-f07178d1]:hover,
.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-like .like-icon.liked[data-v-f07178d1] {
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-dislike[data-v-f07178d1] {
    display: flex;
    align-items: center;
    margin-right: 19px
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon[data-v-f07178d1] {
    color: var(--text3);
    cursor: pointer
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon[data-v-f07178d1]:hover,
.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon.disliked[data-v-f07178d1] {
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-icon[data-v-f07178d1] {
    color: var(--text3);
    cursor: pointer
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-icon[data-v-f07178d1]:hover {
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .view-dialog[data-v-f07178d1] {
    margin-left: 15px;
    cursor: pointer
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .view-dialog[data-v-f07178d1]:hover {
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .more-operation[data-v-f07178d1] {
    position: absolute;
    right: 20px;
    opacity: 0
}

.floor-reply-item .content-warp .reply-item-box[data-v-f07178d1] {
    margin-top: 12px
}

.floor-reply-item .content-warp .reply-tag-list[data-v-f07178d1] {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 12px;
    line-height: 14px
}

.floor-reply-item .content-warp .reply-tag-list .reply-tag-item[data-v-f07178d1] {
    padding: 5px 6px;
    border-radius: 2px;
    margin-right: 10px;
    color: var(--text2);
    background-color: var(--bg2)
}

.floor-reply-item .reply-count[data-v-f07178d1] {
    margin-top: 12px;
    font-size: 13px;
    color: var(--text3)
}

.floor-reply-item:hover .content-warp .root-reply .reply-operation-warp .more-operation[data-v-f07178d1] {
    opacity: 1
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.floor-reply-list[data-v-340f83ac] {
    margin-top: 14px;
    padding-bottom: 100px
}

.floor-reply-list .reply-empty[data-v-340f83ac] {
    margin-top: 100px;
    text-align: center;
    font-size: 14px;
    color: var(--text3)
}

.floor-reply-list .reply-end-mark[data-v-340f83ac] {
    height: 100px
}

.floor-reply-list .reply-end[data-v-340f83ac],
.floor-reply-list .reply-loading[data-v-340f83ac] {
    margin-top: 20px;
    font-size: 13px;
    color: var(--text3);
    text-align: center
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-detail[data-v-a660c1ab] {
    flex: 1
}

.reply-detail .reply-header[data-v-a660c1ab] {
    display: flex;
    align-items: center;
    position: sticky;
    z-index: 9;
    top: 0;
    left: 0;
    height: 46px;
    border-bottom: 1px solid var(--line_light);
    margin-bottom: 14px;
    background-color: var(--bg1)
}

.reply-detail .reply-header .return-icon[data-v-a660c1ab] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-right: 4px;
    color: var(--text1);
    cursor: pointer
}

.reply-detail .reply-header .return-icon[data-v-a660c1ab]:hover {
    background-color: var(--graph_bg_thick)
}

.reply-detail .reply-header .reply-title[data-v-a660c1ab] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text1)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.dialog-reply[data-v-3e1b1500] {
    flex: 1
}

.dialog-reply .reply-header[data-v-3e1b1500] {
    display: flex;
    align-items: center;
    position: sticky;
    z-index: 9;
    top: 0;
    left: 0;
    height: 46px;
    border-bottom: 1px solid var(--line_light);
    margin-bottom: 14px;
    background-color: var(--bg1)
}

.dialog-reply .reply-header .return-icon[data-v-3e1b1500] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-right: 4px;
    color: var(--text1);
    cursor: pointer
}

.dialog-reply .reply-header .return-icon[data-v-3e1b1500]:hover {
    background-color: var(--graph_bg_thick)
}

.dialog-reply .reply-header .reply-title[data-v-3e1b1500] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text1)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.bili-comment.client {
    background-color: var(--bg1)
}

.bili-comment.client * {
    box-sizing: border-box;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    -webkit-font-smoothing: antialiased
}

.bili-comment.client * ul {
    list-style: none
}

.bili-comment.client * a {
    text-decoration: none;
    background-color: transparent;
    color: var(--text_link);
    cursor: pointer
}

.bili-comment.client * a:hover {
    color: var(--Lb4)
}

.bili-comment.client * i {
    font-style: normal
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.note-floor.pc .floor-container[data-v-888e8b58] {
    position: relative;
    padding-left: 80px;
    user-select: none
}

.note-floor.pc .floor-container .up-avatar[data-v-888e8b58] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    width: 80px
}

.note-floor.pc .floor-container .up-info[data-v-888e8b58] {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 13px
}

.note-floor.pc .floor-container .up-info .up-name[data-v-888e8b58] {
    margin-right: 8px;
    font-weight: 500
}

.note-floor.pc .floor-container .note-info[data-v-888e8b58] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
    font-size: 13px;
    color: var(--text3)
}

.note-floor.pc .floor-container .note-info .note-time[data-v-888e8b58],
.note-floor.pc .floor-container .note-info .like-icon[data-v-888e8b58],
.note-floor.pc .floor-container .note-info .dislike-icon[data-v-888e8b58] {
    margin-right: 18px
}

.note-floor.pc .floor-container .note-info .operation-icon[data-v-888e8b58] {
    position: absolute;
    right: 0;
    cursor: default
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.note-floor.h5 .up-info-container[data-v-8c2c4215] {
    display: flex;
    align-items: center
}

.note-floor.h5 .up-info-container .up-avatar[data-v-8c2c4215] {
    flex-basis: 47px;
    display: flex;
    align-items: center;
    justify-content: center
}

.note-floor.h5 .up-info-container .up-info[data-v-8c2c4215] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 4px 4px;
    font-size: 13px
}

.note-floor.h5 .up-info-container .up-info .up-info-top[data-v-8c2c4215] {
    display: flex;
    align-items: center
}

.note-floor.h5 .up-info-container .up-info .up-info-top .up-name[data-v-8c2c4215] {
    margin-right: 8px;
    font-weight: 500
}

.note-floor.h5 .up-info-container .up-info .note-time[data-v-8c2c4215] {
    font-size: 12px;
    color: var(--text3)
}

.note-floor.h5 .floor-container[data-v-8c2c4215] {
    position: relative;
    padding-left: 52px;
    user-select: none
}

.note-floor.h5 .floor-container .note-info[data-v-8c2c4215] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
    font-size: 13px;
    color: var(--text3)
}

.note-floor.h5 .floor-container .note-info .note-time[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .like-icon[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .dislike-icon[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .share-icon[data-v-8c2c4215] {
    margin-right: 18px
}

.note-floor.h5 .floor-container .note-info .operation-icon[data-v-8c2c4215] {
    position: absolute;
    right: 0;
    cursor: default
}


.icon-loading[data-v-6ff4d5ab] {
    display: inline-block;
    width: 176px;
    height: 128px;
    background-size: 100%;
    margin-bottom: 28px;
}

.icon-fail[data-v-6ff4d5ab] {
    display: inline-block;
    width: 175px;
    height: 128px;
    margin-bottom: 16px;
}


@-webkit-keyframes refresh-data-v-f01e1c5c {
    0% {
        background-position: 0 -60px;
    }

    25% {
        background-position: 60px -60px;
    }

    50% {
        background-position: 120px -60px;
    }

    75% {
        background-position: 180px -60px;
    }

    100% {
        background-position: 0 -60px;
    }
}

@keyframes refresh-data-v-f01e1c5c {
    0% {
        background-position: 0 -60px;
    }

    25% {
        background-position: 60px -60px;
    }

    50% {
        background-position: 120px -60px;
    }

    75% {
        background-position: 180px -60px;
    }

    100% {
        background-position: 0 -60px;
    }
}

html.night-mode .dark-img[data-v-f01e1c5c] {
    -webkit-filter: saturate(85%) brightness(97%);
    filter: saturate(85%) brightness(97%);
    will-change: filter;
}

*[data-v-f01e1c5c] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

input[data-v-f01e1c5c],
button[data-v-f01e1c5c],
select[data-v-f01e1c5c],
textarea[data-v-f01e1c5c] {
    outline: none;
    border-style: none;
    -webkit-appearance: none;
    border-radius: 0;
}

img[data-v-f01e1c5c] {
    vertical-align: top;
    border: none;
}

#bili-wordverify-box[data-v-f01e1c5c] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 2147483647;
}

#bili-wordverify-box .bili-wordverify-bg[data-v-f01e1c5c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 90;
}

#bili-wordverify-box .bili-wordverify-wrapper[data-v-f01e1c5c] {
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 91;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#bili-wordverify-box .bili-wordverify-container[data-v-f01e1c5c] {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    padding: 16px 12px;
    position: relative;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container[data-v-f01e1c5c] {
    background-color: #141414;
}

#bili-wordverify-box .bili-wordverify-container .pop-close[data-v-f01e1c5c] {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    background: url(//activity.hdslb.com/blackboard/static/7d5e6e42764c0acef18718404c182cef/vWTdWwdP8.png) no-repeat 100%;
    background-size: 16px;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

#bili-wordverify-box .bili-wordverify-container .warning-group[data-v-f01e1c5c] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#bili-wordverify-box .bili-wordverify-container .warning-group .icon-loading[data-v-f01e1c5c] {
    display: inline-block;
    width: 176px;
    height: 98px;
    background-size: 100%;
    margin-bottom: 28px;
}

#bili-wordverify-box .bili-wordverify-container .warning-group .icon-fail[data-v-f01e1c5c] {
    display: inline-block;
    width: 175px;
    height: 128px;
    margin-bottom: 16px;
}

#bili-wordverify-box .bili-wordverify-container .warning-group .warning-text[data-v-f01e1c5c] {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #212121;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .warning-group .warning-text[data-v-f01e1c5c] {
    color: #e1e1e1;
}

#bili-wordverify-box .bili-wordverify-container .warning-group .button-active[data-v-f01e1c5c] {
    margin: 0 auto;
    margin-top: 24px;
    width: 140px;
    height: 34px;
    background: #fb7299;
    color: #ffffff;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .warning-group .button-active[data-v-f01e1c5c] {
    background: #eb7093;
}

#bili-wordverify-box .bili-wordverify-container .warning-group .button-active.primary[data-v-f01e1c5c] {
    background: #00a1d6;
}

#bili-wordverify-box .bili-wordverify-container .verify-title[data-v-f01e1c5c] {
    margin: 0;
    padding: 0 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    text-align: center;
    color: #212121;
    letter-spacing: 0;
    line-height: 24px;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper[data-v-f01e1c5c] {
    margin-top: 10px;
    position: relative;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .bili-word-small-bg[data-v-f01e1c5c] {
    width: 260px;
    height: 157.5px;
    background-size: 100% 100%;
    background-image: none;
    position: relative;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .bili-word-bg[data-v-f01e1c5c] {
    width: 256px;
    height: 144px;
    background-size: 100% 100%;
    background-image: none;
    position: relative;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group[data-v-f01e1c5c] {
    position: relative;
    width: 250px;
    margin: 0 auto;
    margin-bottom: 6px;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group h4[data-v-f01e1c5c] {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #212121;
    text-align: center;
    margin: 6px 0;
    font-weight: normal;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group h4[data-v-f01e1c5c] {
    color: #e1e1e1;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group p[data-v-f01e1c5c] {
    font-size: 12px;
    color: #505050;
    text-align: left;
    font-family: PingFangSC-Regular;
    margin: 4px 0;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group p[data-v-f01e1c5c] {
    color: #b5b5b5;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group span[data-v-f01e1c5c] {
    color: #fb7299;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group span[data-v-f01e1c5c] {
    color: #eb7093;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .clean-group[data-v-f01e1c5c] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 122px;
    right: 2px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px 0 4px 0;
    padding: 4px 4px;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .clean-group .icon-clean[data-v-f01e1c5c] {
    display: inline-block;
    background: url(//i0.hdslb.com/bfs/activity-plat/static/20201111/7d5e6e42764c0acef18718404c182cef/bXvoVrYOp.svg) no-repeat 100%;
    background-size: 100%;
    height: 16px;
    width: 16px;
    background-position: left center;
    cursor: pointer;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .clean-group span[data-v-f01e1c5c] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: right;
    line-height: 12px;
    cursor: pointer;
}

#bili-wordverify-box .bili-wordverify-container .enter-error[data-v-f01e1c5c]::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #fb7299;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}

#bili-wordverify-box .bili-wordverify-container .enter-error input[data-v-f01e1c5c] {
    color: #fb7299 !important;
}

#bili-wordverify-box input[data-v-f01e1c5c] {
    height: auto;
}

#bili-wordverify-box .button-wrapper[data-v-f01e1c5c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

#bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c] {
    background-color: #ffffff;
    height: 34px;
    width: 100%;
    border-radius: 4px;
    font-family: PingFangSC;
    font-size: 14px;
    color: #505050;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-right: 16px;
    margin-left: 4px;
}

html.night-mode #bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c] {
    background-color: #141414;
}

html.night-mode #bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c] {
    color: #b5b5b5;
}

#bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c]::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-color: #c0c0c0;
    border-radius: 8px;
}

html.night-mode #bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c]::after {
    border-color: #4e4e4e;
}

#bili-wordverify-box .button-wrapper .button-active[data-v-f01e1c5c] {
    height: 34px;
    width: 100%;
    background: #fb7299;
    color: #ffffff;
    border-radius: 4px;
    font-family: PingFangSC;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 4px;
}

html.night-mode #bili-wordverify-box .button-wrapper .button-active[data-v-f01e1c5c] {
    background: #eb7093;
}

#bili-wordverify-box .button-wrapper .button-active.primary[data-v-f01e1c5c] {
    background: #00a1d6;
}

#bili-wordverify-box .button-wrapper .unable[data-v-f01e1c5c] {
    background: #e7e7e7;
    color: #999999;
}

#bili-wordverify-box.bili-word-box-enter[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-to[data-v-f01e1c5c] {
    opacity: 0;
}

#bili-wordverify-box.bili-word-box-enter .bili-wordverify-container[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-to .bili-wordverify-container[data-v-f01e1c5c] {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

#bili-wordverify-box.bili-word-box-enter-active[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-active[data-v-f01e1c5c] {
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

#bili-wordverify-box.bili-word-box-enter-active .bili-wordverify-container[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-active .bili-wordverify-container[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-enter-active .bili-wordverify-bg[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-active .bili-wordverify-bg[data-v-f01e1c5c] {
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

#bili-wordverify-box.bili-word-box-enter-to[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave[data-v-f01e1c5c] {
    opacity: 1;
}

#bili-wordverify-box.bili-word-box-enter-to .bili-wordverify-container[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave .bili-wordverify-container[data-v-f01e1c5c] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


#bili-toast-container[data-v-27bccc61] {
    position: fixed;
    z-index: 2147483648;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    pointer-events: none;
}

#bili-toast-container .bili-toast-content[data-v-27bccc61] {
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    max-width: 60%;
    border-radius: 4px;
}

#bili-toast-container.no-cover[data-v-27bccc61] {
    height: 0;
    top: 50%;
}

#bili-toast-container.bili-toast-enter[data-v-27bccc61],
#bili-toast-container.bili-toast-leave-to[data-v-27bccc61] {
    opacity: 0;
}

#bili-toast-container.bili-toast-enter-active[data-v-27bccc61],
#bili-toast-container.bili-toast-leave-active[data-v-27bccc61] {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#bili-toast-container.bili-toast-enter-to[data-v-27bccc61],
#bili-toast-container.bili-toast-leave[data-v-27bccc61] {
    opacity: 1;
}

<script src="./lib/index(1).js"></script>
<style id="bmgstyle-b-img__inner">
.b-img__inner {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.b-img__inner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: inherit;
}


#vip_movie_box56369352mmx {
    cursor: pointer;
    position: fixed;
    top: 120px;
    left: 0px;
    width: 0px;
    z-index: 99999999;
    font-size: 16px;
    text-align: left;
}

#vip_movie_box56369352mmx .img_box56369352mmx {
    width: 24px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #fb7299;
}

#vip_movie_box56369352mmx .img_box56369352mmx:hover {
    background: linear-gradient(30deg, #2a66ff 40%, #fb7299);
}

#vip_movie_box56369352mmx .img_box56369352mmx>img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

#vip_movie_box56369352mmx .showhide_box56369352mmx {
    display: none;
    padding-left: 5px;
    position: absolute;
    left: 24px;
    top: 0;
}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii {
    width: 380px;
    max-height: 400px;
    overflow-y: auto;
    background-color: rgba(241, 241, 241);
}

#vip_movie_box56369352mmx .default-scrollbar-55678::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}

#vip_movie_box56369352mmx .default-scrollbar-55678::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #A8A8A8;
}

#vip_movie_box56369352mmx .default-scrollbar-55678::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #F1F1F1;
}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii>.item_box56369352mmx {
    margin-bottom: 10px;
}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii>.item_box56369352mmx:last-child {
    margin-bottom: 0px;
}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii>.item_box56369352mmx>.title56369352mmx {
    font-size: 14px;
    text-align: left;
    color: #000000;
    font-weight: 600;
    margin: 5px 3px;
}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii>.item_box56369352mmx>.interface_box56369352mmx {}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii>.item_box56369352mmx>.interface_box56369352mmx>span {
    border-radius: 3px;
    border-top: 3px solid #fb7299;
    border-bottom: 3px solid #fb7299;
    display: inline-block;
    width: calc(25% - 6px);
    width: -moz-calc(25% - 6px);
    width: -webkit-calc(25% - 6px);
    height: 20px;
    line-height: 20px;
    background-color: #fb7299;
    color: #FFF;
    cursor: pointer;
    margin: 3px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 12px !important;
    box-sizing: content-box !important;
}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii>.item_box56369352mmx>.interface_box56369352mmx>span:hover {
    border-top: 3px solid #00B0E1;
    border-bottom: 3px solid #00B0E1;
}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii>.item_box56369352mmx>.interface_box56369352mmx>span.selected {
    border-top: 3px solid #00B0E1;
    border-bottom: 3px solid #00B0E1;
}

#vip_movie_box56369352mmx .vip_mod_box_action_687ii>.item_box56369352mmx>.content56369352mmx {
    font-size: 12px;
    color: #000000;
    margin-left: 3px;
}


/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZVJvb3QiOiIifQ== */


.bpx-player-auxiliary .bpx-player-bscrollbar {
    position: relative
}

.bpx-player-auxiliary .bpx-player-bscrollbar .bscroll-vertical-scrollbar {
    width: 6px !important
}

.bpx-player-auxiliary .bpx-player-bscrollbar .bscroll-indicator {
    background: #6d7f7a !important;
    border: none !important;
    cursor: pointer
}

.bpx-player-auxiliary .bpx-player-bscrollbar .bscroll-vertical-scrollbar.mousedown,
.bpx-player-auxiliary .bpx-player-bscrollbar:hover .bscroll-vertical-scrollbar {
    background: #fff !important;
    background: var(--bpx-aux-content-bg, #fff) !important;
    opacity: 1 !important
}

.bpx-player-auxiliary .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.bpx-player-auxiliary .bpui-button-type-small {
    background: #f4f5f7;
    border: none;
    border-radius: 2px;
    color: #212121
}

.bpx-player-auxiliary .bpui-button-type-small:hover {
    background: #00b5e5;
    background: var(--bpx-fn-hover-color, #00b5e5);
    color: #fff
}

.bpx-player-auxiliary {
    -ms-flex-negative: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    vertical-align: top;
    width: 100%
}

.bpx-player-auxiliary .bpx-player-collapse .bui-collapse-body {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    position: relative
}

.bpx-player-auxiliary .bpx-player-collapse .bpx-player-wraplist {
    display: block
}

.bpx-player-auxiliary .bpx-player-collapse .bui-collapse-wrap-folded .bpx-player-modal-container {
    display: none !important
}

.bpx-player-auxiliary .bpx-player-collapse-playlist {
    margin-top: 16px
}

.bpx-player-auxiliary .bpx-player-collapse-playlist .bui-collapse .bui-collapse-header .bui-collapse-arrow {
    color: #999
}

.bpx-player-auxiliary .bpx-player-collapse-playlist .bpx-player-wraplist {
    display: block
}

.bpx-player-auxiliary .bpx-player-filter {
    border: none;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    padding: 0 10px 0 16px;
    position: relative;
    z-index: 2
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn {
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 28px;
    outline: none;
    overflow: visible;
    padding: 0 8px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100px;
    z-index: 10
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.bpui-state-hover {
    z-index: 11
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.bpui-state-disabled {
    background-color: #fff
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.bpui-state-disabled .bpui-button-text,
.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.bpui-state-disabled .bpx-player-iconfont,
.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.bpui-state-disabled.bpui-state-hover,
.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.bpui-state-disabled.bpui-state-hover .bpui-button-text,
.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.bpui-state-disabled.bpui-state-hover .bpx-player-iconfont {
    color: #ccd0d7
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.active {
    background-color: #fff;
    border-bottom: 0;
    cursor: default;
    z-index: 11
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.active>span {
    border-bottom: 2px solid #00a1d6;
    border-bottom: 2px solid var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 80%
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-filter-btn.active.bpui-state-hover {
    background-color: #fff;
    cursor: default
}

.bpx-player-auxiliary .bpx-player-filter-menu {
    color: #757575;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 100%;
    left: 92px;
    position: absolute;
    text-align: center;
    width: 30px
}

.bpx-player-auxiliary .bpx-player-filter-menu:hover {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-auxiliary .bpx-player-filter-toggle {
    color: #99a2aa;
    cursor: pointer;
    position: absolute;
    right: 10px
}

.bpx-player-auxiliary .bpx-player-filter-toggle>i {
    margin-left: 2px
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-setting-menu-wrap {
    background-color: #fff;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    display: none;
    left: -65px;
    padding: 8px 0;
    position: absolute;
    top: 35px;
    width: 80px;
    z-index: 1
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-setting-menu-wrap .bpx-player-setting-menu-list {
    background-color: #fff;
    color: #222;
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-setting-menu-wrap .bpx-player-setting-menu-list:hover {
    background-color: #e7e7e7;
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-auxiliary .bpx-player-filter .bpx-player-video-float-hint {
    background: rgba(0, 0, 0, .7);
    border-radius: 4px;
    color: #fff;
    display: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap
}

.bpx-player-auxiliary .bpx-player-filter .bpl-error {
    background-color: rgba(78, 78, 78, .8);
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 20
}

.bpx-player-auxiliary .bpx-player-wraplist {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    overflow: hidden
}

.bpx-player-auxiliary .bpx-player-wraplist.mask:after {
    background: hsla(0, 0%, 100%, .4);
    bottom: -200px;
    content: "";
    cursor: default;
    left: 0;
    position: absolute;
    right: 0;
    top: -60px;
    z-index: 2
}

.bpx-player-auxiliary .bpx-player-wraplist.bas-mask:after {
    background: hsla(0, 0%, 100%, .4);
    bottom: 0;
    content: "";
    cursor: default;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10003
}

.bpx-player-auxiliary .bpx-player-danmaku {
    overflow: hidden;
    position: relative
}

.bpx-player-auxiliary .bpx-player-danmaku.bpx-player-bas-mode .bpx-player-danmaku-btn-footer,
.bpx-player-auxiliary .bpx-player-danmaku.bpx-player-bas-mode .bpx-player-danmaku-management,
.bpx-player-auxiliary .bpx-player-danmaku.bpx-player-bas-mode .bpx-player-panel-close {
    display: none
}

.bpx-player-auxiliary .bpx-player-danmaku.bpx-player-bas-mode .bpx-player-danmaku-wrap-child.bpx-player-danmaku-wrap-child {
    top: -10px
}

.bpx-player-auxiliary .bpx-player-panel-title {
    border-bottom: 1px solid #e5e9ef;
    border-bottom: 1px solid var(--bpx-aux-float-border, #e5e9ef);
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    font-size: 14px;
    line-height: 60px;
    overflow: hidden;
    padding-left: 22px;
    text-align: left
}

.bpx-player-auxiliary .bpx-player-panel-title .bpx-player-panel-close {
    color: #99a2aa;
    cursor: pointer;
    line-height: 40px;
    margin-right: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-auxiliary .bpx-player-panel-title .bpx-player-panel-close:hover {
    color: #222
}

.bpx-player-auxiliary .bpx-player-panel-title .bpx-player-panel-back {
    color: #99a2aa;
    cursor: pointer;
    line-height: 60px;
    margin-right: 22px;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-auxiliary .bpx-player-panel-title .bpx-player-panel-back:hover {
    color: #222
}

.bpx-player-auxiliary .bpx-player-adv-danmaku,
.bpx-player-auxiliary .bpx-player-setting {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    width: 100%
}

.bpx-player-auxiliary.video-state-pause .bpx-player-video-area .bpx-player-loading-panel,
.bpx-player-auxiliary.video-state-pause .bpx-player-video-area .bpx-player-state-wrap {
    display: block
}

.bpx-player-auxiliary.video-state-pause .bpx-player-video-area.video-float-mini-mode .bpx-player-state-wrap {
    display: none
}

.bpx-player-auxiliary.video-state-pause .bpx-player-video-area .bpx-player-row-dm-wrap div {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.bpx-player-auxiliary.video-state-buff .bpx-player-video-area .bpx-player-state-wrap {
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    bottom: auto;
    display: block;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    right: auto;
    text-align: center;
    top: 50%;
    width: 48px
}

.bpx-player-auxiliary.video-state-buff .bpx-player-video-area .bpx-player-state-wrap-play {
    display: none
}

.bpx-player-auxiliary.video-state-buff .bpx-player-video-area .bpx-player-state-wrap-buff {
    display: inline-block;
    margin-top: 8px;
    vertical-align: top
}

.bpx-player-auxiliary .bpx-player-contextmenu.bpx-player-white {
    background-color: #fff;
    background-color: var(--bpx-aux-float-bg, #fff);
    border-color: #e5e9ef;
    border-color: var(--bpx-aux-float-border, #e5e9ef);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14)
}

.bpx-player-auxiliary .bpx-player-contextmenu.bpx-player-white>li {
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    position: relative
}

.bpx-player-auxiliary .bpx-player-contextmenu.bpx-player-white>li:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-auxiliary .bpx-player-contextmenu.bpx-player-white>li:hover {
    background-color: transparent;
    background-color: initial
}

.bpx-player-auxiliary .bpx-player-contextmenu.bpx-player-white>li:hover:before {
    background-color: #000;
    background-color: var(--bpx-aux-float-hover-bg, #000)
}

.bpx-player-auxiliary[data-revision="1"] .bpx-player-filter {
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    height: 44px;
    line-height: 44px
}

.bpx-player-auxiliary[data-revision="1"] .bpx-player-dm-btn-history,
.bpx-player-auxiliary[data-revision="1"] .bui-collapse-header {
    border-radius: 6px
}

.bpx-player-auxiliary[data-revision="1"] .bui-dropdown-items {
    border-radius: 8px
}

@media screen and (min-width:1681px) {
    .bpx-player-auxiliary[data-revision="1"] .bpx-player-filter {
        font-size: 16px
    }
}

.bpx-player-auxiliary[data-revision="3"] .bpx-player-filter {
    border-radius: 0;
    font-weight: 600;
    height: 44px;
    line-height: 44px
}

.bpx-player-auxiliary[data-revision="3"] .bui-collapse .bui-collapse-header {
    border-radius: 0
}

.bpx-player-auxiliary[data-revision="3"] .bui-collapse .bui-collapse-header .bui-collapse-arrow {
    right: 22px
}

.bpx-player-auxiliary[data-revision="3"] .bui-collapse .bui-collapse-header .bui-collapse-arrow .bui-collapse-arrow-text .arrow-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-auxiliary[data-revision="3"] .bui-collapse .bui-collapse-wrap-folded .bui-collapse-header .bui-collapse-arrow .bui-collapse-arrow-text .arrow-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.bpx-player-auxiliary[data-revision="3"] .bui-dropdown .bui-dropdown-display .bui-dropdown-icon:hover {
    fill: inherit
}

.bpx-player-auxiliary.bpx-player-unlogin .dm-info-report-btn {
    display: none !important
}

.bpx-player-auxiliary .bpx-player-dm {
    display: none;
    height: 100%
}

.bpx-player-auxiliary .bpx-player-dm-management {
    fill: #757575;
    fill: var(--bpx-aux-content-font3, #757575);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    color: #757575;
    color: var(--bpx-aux-content-font3, #757575);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    text-align: center
}

.bpx-player-auxiliary .bpx-player-dm-management .bpx-player-up-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e5e9ef;
    border-bottom: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #505050;
    color: var(--bpx-aux-footer-font, #505050);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 52px;
    justify-content: center;
    -webkit-transition: color .3s;
    transition: color .3s;
    width: 80px
}

.bpx-player-auxiliary .bpx-player-dm-management .bpx-player-up-btn:hover {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-auxiliary .bpx-player-dm-management .bpx-player-up-btn span {
    display: inline-block;
    pointer-events: none;
    width: 100%
}

.bpx-player-auxiliary .bpx-player-dm-management .bpx-player-up-btn span.bpx-player-up-btn-icon {
    margin-bottom: 4px;
    width: 15px
}

.bpx-player-auxiliary .bpx-player-dm-function {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-date,
.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-dm,
.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-time {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #6d757a;
    color: var(--bpx-aux-content-font2, #6d757a);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 6px;
    position: relative
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-date>span,
.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-dm>span,
.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-time>span {
    pointer-events: none
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-time {
    padding-left: 16px;
    padding-right: 0;
    text-align: left;
    width: 60px
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-dm {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: left
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-date {
    text-align: left;
    width: 88px
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-icon {
    display: none;
    font-size: 0;
    height: 10px;
    line-height: 0;
    position: absolute;
    right: 5px;
    top: 11px;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 10px
}

.bpx-player-auxiliary .bpx-player-dm-function.bpx-player-order-rotate .bpx-player-dm-btn-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-auxiliary .bpx-player-dm-function.bpx-player-order-stime .bpx-player-dm-btn-time .bpx-player-dm-btn-icon,
.bpx-player-auxiliary .bpx-player-dm-function.bpx-player-order-text .bpx-player-dm-btn-dm .bpx-player-dm-btn-icon {
    display: inline-block
}

.bpx-player-auxiliary .bpx-player-dm-function.bpx-player-order-date .bpx-player-dm-btn-date .bpx-player-dm-btn-icon {
    display: inline-block;
    right: 16px
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-multiple {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #99a2aa;
    color: var(--bpx-aux-content-font5, #99a2aa);
    height: 32px;
    left: 0;
    line-height: 32px;
    opacity: 0;
    padding-left: 10px;
    position: absolute;
    top: -10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    visibility: hidden;
    width: 100%;
    z-index: 2
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-multiple.bpx-player-show {
    opacity: 1;
    top: 0;
    visibility: visible
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-multiple-cancel,
.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-multiple-submit {
    border-radius: 2px;
    cursor: pointer;
    line-height: 22px;
    padding: 0 4px;
    position: absolute;
    top: 5px;
    width: 50px
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-multiple-cancel:hover,
.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-multiple-submit:hover {
    background: #00a1d6;
    background: var(--bpx-primary-color, #00a1d6);
    color: #fff
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-multiple-cancel {
    right: 88px
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-multiple-submit {
    right: 12px
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-protect-multiple-control {
    background-color: #fff;
    display: none;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-protect-multiple-control-title {
    color: #99a2aa;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-left: 10px
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-protect-multiple-control-cancel {
    position: absolute;
    right: 64px;
    top: 5px;
    width: 26px
}

.bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-protect-multiple-control-protect {
    position: absolute;
    right: 12px;
    top: 5px;
    width: 26px
}

.bpx-player-auxiliary .bpx-player-dm-wrap {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    position: relative
}

.bpx-player-auxiliary .bpx-player-dm-wrap .bscroll-vertical-scrollbar {
    width: 6px !important
}

.bpx-player-auxiliary .bpx-player-dm-wrap .bscroll-indicator {
    background: #6d7f7a !important;
    border: none !important;
    cursor: pointer
}

.bpx-player-auxiliary .bpx-player-dm-wrap .bscroll-vertical-scrollbar.mousedown,
.bpx-player-auxiliary .bpx-player-dm-wrap:hover .bscroll-vertical-scrollbar {
    background: #fff !important;
    background: var(--bpx-aux-content-bg, #fff) !important;
    opacity: 1 !important
}

.bpx-player-auxiliary .bpx-player-dm .bpx-player-no-dm {
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    text-align: center
}

.bpx-player-auxiliary .bpx-player-dm.bpx-player-hide-status .bpx-player-dm-load-status {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm.bpx-player-hide-status .bpx-player-dm-btn-history {
    display: block
}

.bpx-player-auxiliary .bpx-player-dm-load-status {
    background: #fff;
    background: var(--bpx-aux-content-bg, #fff);
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    height: 200px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2
}

.bpx-player-auxiliary .bpx-player-dm-load-status .bpx-player-reset {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    cursor: pointer
}

.bpx-player-auxiliary .bpx-player-dm-load-status .bpx-player-reset:hover {
    color: #00b5e5;
    color: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-auxiliary .bpx-player-dm-load-status.bpx-player-dm-close {
    margin-top: -32px;
    padding-top: 32px
}

.bpx-player-auxiliary .bpx-player-dm-container {
    height: 100%;
    overflow: hidden
}

.bpx-player-auxiliary .bpx-player-dm-container .bui-long-list-item-selected .dm-info-row:before {
    background-color: #757575;
    background-color: var(--bpx-dmsend-hint-icon, #757575);
    content: "";
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-auxiliary .bpx-player-dm-container .bui-long-list-item-selected .dm-info-row.dm-info-row-block {
    background: transparent
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row {
    color: #6d757a;
    color: var(--bpx-aux-content-font2, #6d757a);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 6px;
    pointer-events: none;
    vertical-align: top
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row span .dm-info-select-state {
    background-color: #f6f9fa;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row span .dm-info-select-state .bpx-player-iconfont {
    margin-left: 20px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row span .dm-info-select-state .bpx-player-iconfont.icon-12checkbox {
    margin-top: 6px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row span .dm-info-select-state .bpx-player-iconfont.icon-12select {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-row-block span {
    color: #ccd0d7
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-row-block .dm-info-block-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-row-block .dm-info-protect-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-row-block .dm-info-report-btn {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-time {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    padding-left: 16px;
    position: relative;
    text-align: left;
    width: 66px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-tips {
    display: none;
    float: right;
    padding-left: 0;
    padding-right: 22px;
    text-align: right;
    width: 88px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-dm {
    -webkit-box-flex: 1;
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    pointer-events: auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-date {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    white-space: nowrap;
    width: 88px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-uname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 88px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-float-layer {
    bottom: 2px;
    display: none;
    height: 22px;
    position: absolute;
    right: 12px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row:hover .dm-info-float-layer {
    display: block
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row:hover .dm-info-date {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row:hover .dm-info-block-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row:hover .dm-info-protect-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row:hover .dm-info-recall-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row:hover .dm-info-report-btn {
    display: inline-block
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn {
    background: #fff;
    background: var(--bpx-aux-content-bg, #fff);
    border: 1px solid #00a1d6;
    border: 1px solid var(--bpx-fn-color, #00a1d6);
    border-radius: 2px;
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    display: none;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    pointer-events: auto;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 1px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 70px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn:hover,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn:hover,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn:hover,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn:hover {
    background-color: #00a1d6;
    background-color: var(--bpx-primary-color, #00a1d6);
    color: #fff
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn.bpx-player-db-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn.bpx-player-db-btn {
    right: 90px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-raw-applied .dm-info-protect-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-raw-applied .dm-info-protect-btn:hover,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-raw-protect .dm-info-protect-btn,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-raw-protect .dm-info-protect-btn:hover {
    background-color: transparent;
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6);
    cursor: default
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-raw-applied:hover .dm-info-date,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row.dm-info-raw-protect:hover .dm-info-date {
    color: transparent
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-super span.dm-info-date {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-super:after {
    color: #ccd0d7;
    content: "特殊弹幕";
    display: inline-block;
    padding-right: 32px;
    text-align: right;
    width: 70px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-protect span {
    background-color: #effef5;
    color: #47be8d
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-protect span.dm-info-block {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-protect:hover>span {
    background-color: #f6f9fa
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-protect:hover span .dm-info-select-state,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-protect:hover>span .dm-info-float-layer {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-protect.bpui-selected span {
    color: #222
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-protect.bpui-selected span .dm-info-select-state {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-caption,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-caption span {
    color: #47be8d
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-caption span.dm-info-date {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-caption span.dm-info-dm {
    color: #47be8d
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-caption:after {
    color: inherit;
    content: "字幕弹幕";
    display: inline-block;
    padding-right: 32px;
    text-align: right;
    width: 70px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-time-edit {
    border: 1px solid #e2e2e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    margin: 0 4px 0 14px;
    text-align: center;
    width: 42px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-block span.dm-info-block {
    display: inline-block;
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-block span.dm-info-dm,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-block span.dm-info-time {
    color: #ccd0d7
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-block:after {
    color: #ccd0d7;
    content: "已屏蔽";
    display: inline-block;
    padding-right: 32px;
    text-align: right;
    width: 70px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-deleting span.dm-info-date {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-deleting:after {
    color: #ccd0d7;
    content: "删除中";
    display: inline-block;
    padding-right: 32px;
    text-align: right;
    width: 70px
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-code {
    background-color: #ffefd8;
    color: #ff792b
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-code span {
    color: #ff792b
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-code span.danmaku-info-block,
.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-code span.danmaku-info-date {
    display: none
}

.bpx-player-auxiliary .bpx-player-dm-container .dm-info-row-code:after {
    content: "BAS弹幕";
    display: inline-block;
    padding-right: 32px;
    text-align: right;
    width: 70px
}

.bpx-player-auxiliary .bpx-player-dm-wrap-child {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10002
}

.bpx-player-auxiliary .bpx-player-dm-wrap-child.bpx-player-show {
    display: block
}

.bpx-player-auxiliary .bpx-player-dm-wrap-child .bpx-player-dm-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.bpx-player-auxiliary .bpx-player-dm-wrap-child .bpx-player-dm-wrap {
    height: 100%
}

.bpx-player-auxiliary .bpx-player-dm-wrap-child .bpx-player-dm-function,
.bpx-player-auxiliary .bpx-player-dm-wrap-child .bpx-player-panel-title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.bpx-player-auxiliary .bpx-player-dm-wrap-child .bpx-player-panel-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #99a2aa;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    width: 100%;
    z-index: 3
}

.bpx-player-auxiliary .bpx-player-dm-wrap-child .bpx-player-child-close {
    fill: #99a2aa;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
}

.bpx-player-auxiliary .bpx-player-dm-wrap-child .bpx-player-child-close:hover {
    fill: #222
}

.bpx-player-auxiliary .bpx-player-dm-btn-footer {
    cursor: not-allowed;
    height: 31px;
    margin-top: 8px;
    position: relative;
    width: auto;
    z-index: 2
}

.bpx-player-auxiliary .bpx-player-dm-btn-footer .bui-area {
    line-height: 31px
}

.bpx-player-auxiliary .bpx-player-dm-btn-history {
    background-color: #f4f4f4;
    background-color: var(--bpx-aux-footer-bg, #f4f4f4);
    border-radius: 2px;
    color: #505050;
    color: var(--bpx-aux-footer-font, #505050);
    cursor: pointer;
    display: none;
    height: 31px;
    line-height: 31px;
    text-align: center;
    width: 100%
}

.bpx-player-auxiliary .bpx-player-dm-btn-history:hover {
    color: #222;
    color: var(--bpx-aux-footer-font-hover, #222)
}

.bpx-player-auxiliary .bpx-player-dm-btn-history.bpx-player-disable {
    background: #f5f7fa;
    background: var(--bpx-aux-button-disabled-bg, #f5f7fa);
    color: silver;
    cursor: not-allowed;
    pointer-events: none
}

.bpx-player-auxiliary .bpx-player-dm-btn-history .bui-area {
    display: block
}

.bpx-player-auxiliary .bpx-player-hasmanage .bpx-player-dm-wrap-child {
    top: 52px
}

.bpx-player-auxiliary .bpx-player-report-wrap {
    left: auto;
    right: 0;
    width: 360px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku {
    display: none;
    height: 100%
}

.bpx-player-auxiliary .bpx-player-adv-danmaku * {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    color: #222;
    color: var(--bpx-aux-content-font1, #222)
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-panel {
    border-bottom: 1px solid #e5e9ef;
    border-bottom: 1px solid var(--bpx-aux-float-border, #e5e9ef);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    height: 100%;
    overflow: hidden;
    position: relative
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-panel.mask:after {
    background: #fff;
    background: var(--bpx-aux-content-bg, #fff);
    bottom: -200px;
    content: "";
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: -60px;
    z-index: 1
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-group {
    border-bottom: 1px solid #e5e9ef;
    border-bottom: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    margin: 0 16px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-group:last-child {
    border: none;
    padding-bottom: 20px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-group-row {
    margin: 16px 0;
    position: relative
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-group-row:after {
    clear: both;
    content: "";
    display: table;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-group-row:first-child {
    margin-top: 0;
    padding-top: 16px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-group-row:last-child {
    margin-bottom: 0;
    padding-bottom: 16px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-group-item {
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-group-item .bpx-player-adv-danmaku-font-family-select {
    z-index: 1
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-title {
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    display: block;
    font-weight: 700;
    margin-bottom: 8px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-spinner {
    height: 22px;
    vertical-align: middle;
    width: 65px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-checkbox {
    display: inline-block;
    line-height: 20px;
    margin-left: 16px;
    vertical-align: middle
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-btn {
    background-color: #e5e9ef;
    background-color: var(--bpx-aux-button-bg, #e5e9ef);
    border: none;
    border-radius: 2px;
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    height: 24px;
    line-height: 24px;
    margin-right: 16px;
    width: 68px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-btn.active,
.bpx-player-auxiliary .bpx-player-adv-danmaku-btn.active .bui-area,
.bpx-player-auxiliary .bpx-player-adv-danmaku-btn:hover {
    background-color: #00a1d6;
    background-color: var(--bpx-primary-color, #00a1d6);
    color: #fff
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-color-picker {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-color-picker .bui-color-picker-options {
    margin-top: 6px;
    width: 244px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-color-picker .bui-color-picker-options .bui-color-picker-option {
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-color-picker .bui-color-picker-options .bui-color-picker-option:hover {
    border-color: 2px solid rgba(0, 0, 0, .3)
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-end,
.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 24px;
    margin-top: 8px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-end .bpx-player-adv-danmaku-pos-title,
.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-start .bpx-player-adv-danmaku-pos-title {
    color: #6d757a;
    color: var(--bpx-aux-content-font2, #6d757a);
    vertical-align: middle
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-end .bpx-player-adv-danmaku-pos-axis,
.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-start .bpx-player-adv-danmaku-pos-axis {
    margin: 0 10px;
    vertical-align: middle
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-end .bpx-player-adv-danmaku-spinner,
.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-start .bpx-player-adv-danmaku-spinner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-end .bpx-player-adv-danmaku-btn,
.bpx-player-auxiliary .bpx-player-adv-danmaku-pos-start .bpx-player-adv-danmaku-btn {
    margin: 0 0 0 10px;
    vertical-align: middle
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-pos .bpx-player-adv-danmaku-checkbox {
    margin-left: 8px;
    vertical-align: middle
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-text {
    margin-right: 16px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-text-input {
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 64px;
    line-height: 1.4;
    width: 100%
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-showtime-input {
    position: relative;
    width: 105px;
    z-index: 1
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-showtime-input.disabled {
    cursor: none;
    pointer-events: none
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-showtime-tip {
    background: #000;
    border-radius: 2px;
    color: #fff;
    left: 64%;
    line-height: 20px;
    padding: 0 4px;
    position: absolute;
    top: 50%
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-showtime .bpx-player-adv-danmaku-checkbox {
    margin-left: 6px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-send {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-send .bpx-player-adv-danmaku-btn {
    height: 36px;
    line-height: 36px;
    margin: 0;
    width: 50%
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-send .bpx-player-adv-danmaku-btn.bpx-player-adv-danmaku-send-test {
    margin-right: 10px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-send .bpx-player-adv-danmaku-btn .bui-button-large {
    font-size: 14px
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-dialog {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 99
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-dialog .bui-dialog-wrap {
    width: 100%
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-dialog-content {
    font-size: 13px;
    padding: 10px 10px 0;
    position: relative
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-dialog-text {
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 10px;
    text-align: center;
    white-space: normal
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-dialog-functions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    text-align: center
}

.bpx-player-auxiliary .bpx-player-adv-danmaku-dialog-function {
    background-color: transparent;
    border: 1px solid #ccd0d7;
    border: 1px solid var(--bpx-aux-input-border, #ccd0d7);
    border-radius: 4px;
    color: #99a2aa;
    color: var(--bpx-aux-content-font5, #99a2aa);
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    margin: 0 10px;
    min-width: 60px;
    outline: none;
    padding: 0 8px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.bpx-player-bas-danmaku-visual {
    border-bottom: 1px solid #e5e9ef;
    border-bottom: 1px solid var(--bpx-aux-float-border, #e5e9ef);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    height: 100%;
    overflow: hidden;
    position: relative
}

.bpx-player-bas-danmaku-visual * {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff);
    color: #222;
    color: var(--bpx-aux-content-font1, #222)
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-box {
    margin: 0 16px;
    overflow: hidden
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-br {
    background: #e5e9ef;
    background: var(--bpx-aux-button-bg, #e5e9ef);
    height: 1px;
    width: 100%
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-switch-btn {
    position: absolute;
    right: 10px;
    top: 10px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 22px;
    margin: 10px 0
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-label {
    margin-right: 5px;
    vertical-align: middle
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-label.bpx-player-bas-visualpanel-label-letter {
    display: inline-block
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-span {
    margin: 0 4px;
    vertical-align: middle
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-position-picker.active {
    background-color: #00a1d6;
    background-color: var(--bpx-primary-color, #00a1d6);
    color: #fff
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input {
    vertical-align: middle
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-alpha,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-anchorX,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-anchorY,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-duration,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-fontSize,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-rotateX,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-rotateY,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-rotateZ,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-scale,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-strokeWidth,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-zIndex {
    width: 50px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-color,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-strokeColor {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    vertical-align: top
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-color .bui-color-picker-options,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-strokeColor .bui-color-picker-options {
    margin-top: 5px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-x,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-y {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-x .bui-input-input,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-y .bui-input-input {
    padding: 4px 5px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-color,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-strokeColor {
    display: inline-block
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-color .bui-color-picker-input,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-strokeColor .bui-color-picker-input {
    width: 80px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-color .bui-color-picker-result,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-strokeColor .bui-color-picker-result {
    margin: 0
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-time {
    width: 90px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-input.bpx-player-bas-visualpanel-input-fontFamily {
    z-index: 2
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames {
    position: relative
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-label {
    position: absolute;
    top: 4px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap {
    display: inline-block;
    padding-left: 50px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap .bpx-player-bas-visualpanel-frame,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap .bpx-player-bas-visualpanel-frame-add,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap .bpx-player-bas-visualpanel-frame-remove {
    background: #ffa4bd;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin: 3px;
    text-align: center;
    -webkit-transition: background .1s;
    transition: background .1s;
    vertical-align: middle;
    width: 25px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap .bpx-player-bas-visualpanel-frame-add,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap .bpx-player-bas-visualpanel-frame-remove {
    background: #739cfb
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap .bpx-player-bas-visualpanel-frame-add:hover,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap .bpx-player-bas-visualpanel-frame-remove:hover {
    background: #5183f7
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line.bpx-player-bas-visualpanel-frames .bpx-player-bas-visualpanel-frame-wrap .bpx-player-bas-visualpanel-frame-active {
    background: #fb7399
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line:last-child {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-edit,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-preview,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-send {
    font-size: 14px;
    height: 30px;
    margin-top: 10px;
    width: 33.33%
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-edit,
.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-line .bpx-player-bas-visualpanel-send {
    margin-left: 10px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-changeable-collapse .bui-collapse-header {
    height: 25px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-changeable-collapse .bpx-player-bas-visualpanel-changeable-header {
    background-color: #f4f4f4;
    background-color: var(--bpx-aux-header-bg, #f4f4f4);
    padding-left: 11px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-changeable-collapse .bpx-player-bas-visualpanel-changeable-header * {
    background-color: transparent;
    background-color: initial
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-changeable-collapse .bpx-player-bas-visualpanel-changeable-header .bpx-common-svg-icon {
    display: inline-block;
    height: 20px;
    width: 20px
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-changeable-collapse .bpx-player-bas-visualpanel-changeable-header span {
    vertical-align: middle
}

.bpx-player-bas-danmaku-visual .bpx-player-bas-visualpanel-changeable-collapse .bpx-player-bas-visualpanel-changeable-body {
    margin: 0 16px
}

.bpx-player-bas-danmaku-code {
    background: #fff;
    background: var(--bpx-aux-content-bg, #fff);
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 50px #e5e9ef;
    box-shadow: 0 10px 50px #e5e9ef;
    -webkit-box-shadow: 0 10px 50px var(--bpx-box-shadow, #e5e9ef);
    box-shadow: 0 10px 50px var(--bpx-box-shadow, #e5e9ef);
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    height: 556px;
    position: absolute;
    right: 0;
    top: 526px;
    z-index: 104
}

.bpx-player-bas-danmaku-code.mask:after {
    background: hsla(0, 0%, 100%, .4);
    bottom: 0;
    content: "";
    cursor: default;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.bpx-player-bas-danmaku-code .bpx-player-panel-back {
    z-index: 11
}

.bpx-player-bas-danmaku-code .bpx-player-panel-title {
    padding-left: 0
}

.bpx-player-bas-danmaku-code .bpx-player-bas-codepanel-color-picker-container {
    border-left: 1px solid #e5e9ef;
    border-left: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    bottom: auto;
    left: 1200px;
    pointer-events: none;
    top: 111px;
    -webkit-transform: translate3d(-260%, 0, 0);
    transform: translate3d(-260%, 0, 0);
    width: 263px
}

.bpx-player-bas-danmaku-code .bpx-player-bas-codepanel-color-picker-container.active {
    pointer-events: auto
}

.bpx-player-bas-danmaku-code .adv-danmaku-btn-span {
    margin-left: 15px
}

.bpx-player-bas-danmaku-code .adv-danmaku-send-btn {
    float: none;
    font-size: 12px;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 8px;
    width: 68px
}

.bpx-player-bas-danmaku-code .advanced-danmaku-group {
    margin: 0
}

.bpx-player-bas-danmaku-code .adv-danmaku-start-time {
    line-height: 1;
    width: 70px
}

.bpx-player-bas-danmaku-code .adv-danmaku-start-time .bui-input-stepper {
    display: none
}

.bpx-player-bas-danmaku-code .content-span {
    display: inline;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: middle
}

.bpx-player-bas-danmaku-code .bas-danmaku-title {
    border-top: 1px solid #e5e9ef;
    border-top: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    font-size: 13px;
    line-height: 28px;
    text-align: center
}

.bpx-player-bas-danmaku-code .bas-danmaku-title .bpx-player-panel-back {
    fill: #99a2aa;
    fill: var(--bpx-aux-block-icon, #99a2aa);
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 30px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.bpx-player-bas-danmaku-code .bas-danmaku-controller {
    height: 40px;
    line-height: 40px;
    position: relative
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-wrap {
    height: 485px;
    padding: 0;
    position: relative
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 110px
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li {
    border-bottom: 1px solid #e5e9ef;
    border-bottom: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    color: #000;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding-right: 12px;
    position: relative;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li.bas-danmaku-editor-tab-active,
.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li:hover {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status {
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    left: 12px;
    position: absolute;
    top: 12px;
    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle;
    width: 7px
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status[data-status="1"] {
    background: #99a2aa
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status[data-status="1"]:after {
    content: "未发送"
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status[data-status="2"] {
    background: #43a047
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status[data-status="2"]:after {
    content: "已发送"
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status[data-status="3"] {
    background: #ffb300
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status[data-status="3"]:after {
    content: "发送后已修改"
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status:after {
    background: rgba(0, 0, 0, .7);
    border-radius: 4px;
    bottom: 100%;
    color: #fff;
    font-size: 12px;
    left: 50%;
    line-height: 1;
    margin-bottom: 11px;
    opacity: 0;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    white-space: nowrap
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-status:hover:after {
    opacity: 1;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-text {
    display: inline-block;
    pointer-events: none;
    width: 30px
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-close {
    border: 1px solid #e5e9ef;
    border: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    border-radius: 4px;
    color: #99a2aa;
    color: var(--bpx-aux-content-font5, #99a2aa);
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    right: 12px;
    top: 4px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor-tab-wrap li .bas-danmaku-editor-tab-close:hover {
    border: 1px solid #6d757a;
    color: #222
}

.bpx-player-bas-danmaku-code .bas-danmaku-setting {
    border-bottom: 1px solid;
    border-left: 1px solid #e5e9ef;
    border-left: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    font-size: 0;
    height: 40px;
    left: 110px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-bas-danmaku-code .bas-danmaku-setting .adv-danmaku-send-time {
    margin-left: 0;
    top: 0;
    vertical-align: middle
}

.bpx-player-bas-danmaku-code .bas-danmaku-setting .bas-danmaku-setting-item {
    border-right: 1px solid #e5e9ef;
    border-right: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    width: 33.3%
}

.bpx-player-bas-danmaku-code .bas-danmaku-setting .bas-danmaku-setting-item:last-child {
    border-right: none
}

.bpx-player-bas-danmaku-code .bas-danmaku-setting .bas-danmaku-setting-item .adv-danmaku-btn-span {
    margin-left: 0
}

.bpx-player-bas-danmaku-code .bas-danmaku-setting .bas-danmaku-setting-item .adv-danmaku-send-time .bpui-checkbox-text {
    color: #222
}

.bpx-player-bas-danmaku-code .bas-danmaku-setting .bas-danmaku-setting-item .adv-danmaku-text-color,
.bpx-player-bas-danmaku-code .bas-danmaku-setting .bas-danmaku-setting-item .adv-danmaku-text-pos {
    cursor: pointer;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.bpx-player-bas-danmaku-code .bas-danmaku-setting .bas-danmaku-setting-item .bpx-player-bas-codepanel-color-picker-wrap {
    background: #fff;
    border: 1px solid #e5e9ef;
    border: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 100%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 160px;
    z-index: 2
}

.bpx-player-bas-danmaku-code .bas-danmaku-editor {
    bottom: 0;
    left: 110px;
    position: absolute;
    right: 0;
    top: 41px
}

.bpx-player-bas-danmaku-code .bas-danmaku-color-btn,
.bpx-player-bas-danmaku-code .bas-danmaku-new-tab-btn {
    margin-left: 15px
}

.bpx-player-bas-danmaku-code .bas-danmaku-color-btn .bpx-player-bas-codepanel-color-picker-current-color {
    display: none
}

.bpx-player-bas-danmaku-code .bas-danmaku-test-keep {
    margin: 0 15px;
    vertical-align: middle
}

.bpx-player-bas-danmaku-code .bas-danmaku-test-keep .bpui-checkbox-text {
    color: #222
}

.ace_editor.ace_autocomplete .ace_content .ace_completion-highlight {
    color: #f25d8e;
    text-shadow: none
}

.bpx-player-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    height: 100%;
    padding: 0 16px;
    width: 100%;
    z-index: 21
}

.bpx-player-block.bpx-player-unlogin .bpx-player-block-top .bpx-player-block-sync-btn:after {
    content: "登录后下载屏蔽列表"
}

.bpx-player-block.bpx-player-hide .bpx-player-block-add,
.bpx-player-block.bpx-player-hide .bpx-player-block-list,
.bpx-player-block.bpx-player-hide .bpx-player-block-tab,
.bpx-player-block.bpx-player-unlogin .bpx-player-block-list-line-sync,
.bpx-player-block.bpx-player-unlogin .bpx-player-block-list-sync {
    display: none
}

.bpx-player-block-area {
    padding-bottom: 20px
}

.bpx-player-block-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    position: relative
}

.bpx-player-block-top .bpx-player-block-label {
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    display: inline-block;
    font-weight: 700;
    line-height: 24px;
    margin-right: 16px;
    vertical-align: middle
}

.bpx-player-block-top .bpx-player-block-switch {
    height: 20px;
    vertical-align: middle;
    width: 30px
}

.bpx-player-block-top .bpx-player-block-sync-btn {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6);
    background: none;
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    margin: 16px 0;
    z-index: 2
}

.bpx-player-block-top .bpx-player-block-sync-btn .bpx-player-sync-icon {
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: text-bottom;
    width: 16px
}

.bpx-player-block-top .bpx-player-block-sync-btn:after {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    color: #fff;
    content: "下载屏蔽列表";
    display: inline-block;
    opacity: 0;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 24px;
    -webkit-transition: all .3s;
    transition: all .3s;
    word-break: keep-all
}

.bpx-player-block-top .bpx-player-block-sync-btn:hover:after {
    opacity: 1;
    top: 34px
}

.bpx-player-block-top .bpx-player-block-sync-btn.bpx-player-hide {
    fill: #ccc;
    color: #ccc;
    cursor: default
}

.bpx-player-block-top .bpx-player-block-sync-btn.bpx-player-hide:after {
    content: "屏蔽列表已下载"
}

.bpx-player-block-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px
}

.bpx-player-block-add-input {
    background: transparent;
    border: 1px solid #ccd0d7;
    border: 1px solid var(--bpx-aux-input-border, #ccd0d7);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-right: 6px;
    padding: 1px 10px;
    vertical-align: middle;
    width: 214px
}

.bpx-player-block-add-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 24px
}

.bpx-player-block-tab {
    margin: 16px 0 14px
}

.bpx-player-block-list {
    background-color: #f4f4f4;
    background-color: var(--bpx-aux-footer-bg, #f4f4f4);
    border-radius: 0 4px 4px 4px;
    display: block;
    padding: 5px 0;
    position: relative
}

.bpx-player-block-list-function {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #99a2aa;
    color: var(--bpx-aux-content-font5, #99a2aa);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: 24px;
    padding: 0 6px;
    text-align: center
}

.bpx-player-block-list-function-content {
    padding-left: 9px;
    text-align: left;
    width: 150px
}

.bpx-player-block-list-function .bpx-player-block-list-delete,
.bpx-player-block-list-function .bpx-player-block-list-sync {
    padding: 0;
    width: 40px
}

.bpx-player-block-list-function .bpx-player-block-list-delete,
.bpx-player-block-list-function .bpx-player-block-list-state,
.bpx-player-block-list-function .bpx-player-block-list-sync {
    color: #99a2aa;
    color: var(--bpx-aux-content-font5, #99a2aa);
    cursor: default
}

.bpx-player-block-list-function .bpx-player-block-list-delete:hover,
.bpx-player-block-list-function .bpx-player-block-list-state:hover,
.bpx-player-block-list-function .bpx-player-block-list-sync:hover {
    color: #99a2aa;
    color: var(--bpx-aux-content-font5, #99a2aa)
}

.bpx-player-block-list-content {
    display: inline-block;
    overflow: hidden;
    padding-left: 4px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px
}

.bpx-player-block-list .bpx-player-state-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-block-list-delete,
.bpx-player-block-list-state,
.bpx-player-block-list-sync {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40px
}

.bpx-player-block-list-delete:hover,
.bpx-player-block-list-state:hover,
.bpx-player-block-list-sync:hover {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-block-list-state {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    cursor: pointer;
    text-align: center
}

.bpx-player-block-list-delete {
    cursor: pointer;
    text-align: center
}

.bpx-player-block-list-delete,
.bpx-player-block-list-sync {
    fill: #99a2aa;
    fill: var(--bpx-aux-block-icon, #99a2aa);
    color: #99a2aa;
    color: var(--bpx-aux-content-font5, #99a2aa);
    padding: 0 13px;
    width: 14px
}

.bpx-player-block-list-item {
    display: block;
    font-size: 12px;
    line-height: 24px;
    min-height: 48px;
    padding: 0 6px
}

.bpx-player-block-list-line {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    background: var(--bpx-aux-content-bg, #fff);
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: space-between;
    padding-left: 5px
}

.bpx-player-block-list-line.bpx-player-disabled {
    color: #757575;
    color: var(--bpx-aux-content-font3, #757575)
}

.bpx-player-block-list-line.bpx-player-noid .bpx-player-block-list-sync {
    cursor: pointer;
    position: relative
}

.bpx-player-block-list-line.bpx-player-noid .bpx-player-block-list-sync:after {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    color: #fff;
    content: "上传屏蔽词";
    display: inline-block;
    opacity: 0;
    padding: 2px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -24px;
    -webkit-transition: all .3s;
    transition: all .3s;
    word-break: keep-all
}

.bpx-player-block-list-line.bpx-player-noid .bpx-player-block-list-sync:hover:after {
    opacity: 1;
    top: -34px
}

.bpx-player-block-list-line:hover {
    background: #e5e9ef;
    background: var(--bpx-aux-button-bg, #e5e9ef)
}

.bpx-player-date-picker {
    background: #f4f4f4;
    background: var(--bpx-aux-footer-bg, #f4f4f4);
    border: 1px solid #e5e9ef;
    border: 1px solid var(--bpx-aux-float-border, #e5e9ef);
    border-radius: 4px;
    bottom: 50px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    cursor: default;
    display: none;
    height: 212px;
    left: 50%;
    position: absolute;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 242px;
    z-index: 10001
}

.bpx-player-date-picker.bpx-player-show {
    display: block
}

.bpx-player-date-picker-header {
    border-bottom: 1px solid #e5e9ef;
    border-bottom: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    color: #6d757a;
    color: var(--bpx-aux-content-font2, #6d757a);
    height: 30px;
    line-height: 30px;
    text-align: center
}

.bpx-player-date-picker-header>span {
    font-size: 13px;
    margin: 0 3px
}

.bpx-player-date-picker-btn {
    fill: #6d757a;
    fill: var(--bpx-aux-float-icon, #6d757a);
    color: #6d757a;
    color: var(--bpx-aux-content-font2, #6d757a);
    cursor: pointer;
    font-size: 0;
    height: 16px;
    line-height: 0;
    position: absolute;
    top: 7px;
    width: 16px
}

.bpx-player-date-picker-btn.bpx-player-disabled {
    cursor: default;
    pointer-events: none
}

.bpx-player-date-picker-btn.btn-prev {
    left: 18px
}

.bpx-player-date-picker-btn.btn-next {
    right: 18px
}

.bpx-player-date-picker-btn>span {
    pointer-events: none
}

.bpx-player-date-picker-body {
    padding: 2px 1px 1px 2px;
    position: relative
}

.bpx-player-date-picker-week .bpx-player-date-picker-day {
    color: #222;
    color: var(--bpx-aux-content-font1, #222)
}

.bpx-player-date-picker-day {
    border: 1px solid #f4f4f4;
    border: 1px solid var(--bpx-aux-footer-bg, #f4f4f4);
    border-radius: 4px;
    color: #ccd0d7;
    color: var(--bpx-aux-content-font4, #ccd0d7);
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: -1px 4px 0;
    pointer-events: none;
    position: relative;
    text-align: center;
    width: 24px;
    z-index: 1
}

.bpx-player-date-picker-day.day-enable {
    color: #6d757a;
    color: var(--bpx-aux-content-font2, #6d757a);
    cursor: pointer;
    pointer-events: auto
}

.bpx-player-date-picker-day.day-enable.bpx-player-active {
    pointer-events: none
}

.bpx-player-date-picker-day.day-enable.bpx-player-active,
.bpx-player-date-picker-day.day-enable:hover {
    border-color: #00a1d6;
    border-color: var(--bpx-primary-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6);
    z-index: 11
}


.bui {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    vertical-align: middle
}

.bui svg {
    height: 100%;
    width: 100%
}

.bui.bui-disabled {
    cursor: not-allowed;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bui.bui-disabled * {
    pointer-events: none
}

.bui .bui-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 100%
}

.dotdotdot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}


.bui-slider {
    cursor: pointer;
    height: 12px;
    height: var(--bpx-ui-font-size, 12px)
}

.bui-slider.bui-dark .bui-track .bui-step .bui-step-item .bui-step-name {
    color: hsla(0, 0%, 100%, .8)
}

.bui-slider.bui-dark .bui-track .bui-bar-wrap,
.bui-slider.bui-dark .bui-track .bui-step .bui-step-item .bui-step-dot {
    background: #505050
}

.bui-slider .bui-track {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2px;
    position: relative;
    width: 100%
}

.bui-slider .bui-track.bui-track-autohide-thumb .bui-thumb .bui-thumb-dot,
.bui-slider .bui-track.bui-track-autohide-thumb .bui-thumb .bui-thumb-dot-special {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.bui-slider .bui-track.bui-track-moving .bui-thumb .bui-thumb-tooltip {
    opacity: 1
}

.bui-slider .bui-track.bui-track-moving .bui-thumb .bui-thumb-dot,
.bui-slider .bui-track.bui-track-moving .bui-thumb .bui-thumb-dot-special {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bui-slider .bui-track.bui-track-video-progress {
    height: 2px
}

.bui-slider .bui-track.bui-track-video-progress.bui-track-moving {
    height: 4px
}

.bui-slider .bui-track.bui-track-video-progress .bui-thumb .bui-thumb-dot {
    background: none;
    height: 16px;
    pointer-events: none;
    position: relative;
    width: 16px
}

.bui-slider .bui-track.bui-track-video-progress .bui-thumb .bui-thumb-dot svg {
    height: 19px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 22px
}

.bui-slider .bui-track.bui-track-video-progress .bui-thumb .bui-thumb-dot svg path:first-child {
    fill: #333
}

.bui-slider .bui-track.bui-track-video-progress .bui-thumb .bui-thumb-dot svg path:nth-child(2) {
    fill: #fff
}

.bui-slider .bui-track.bui-track-video-progress .bui-thumb .bui-thumb-dot svg path:nth-child(3),
.bui-slider .bui-track.bui-track-video-progress .bui-thumb .bui-thumb-dot svg path:nth-child(4) {
    fill: #333
}

.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap {
    background: hsla(0, 0%, 100%, .2)
}

.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap.bui-segmented {
    border-radius: 0;
    overflow: visible;
    -webkit-transition: .1s cubic-bezier(0, 0, .2, 1);
    transition: .1s cubic-bezier(0, 0, .2, 1)
}

.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap.bui-segmented .bui-segmented-padding {
    bottom: 0;
    height: 14px;
    position: absolute;
    width: 100%;
    z-index: 28
}

.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap.bui-segmented .bui-segmented-padding.shadow {
    height: 0
}

.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap.bui-segmented.hover {
    -webkit-transform: scaleY(1.8);
    transform: scaleY(1.8)
}

.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap .bui-bar-buffer {
    background: hsla(0, 0%, 100%, .3);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s
}

.bui-slider .bui-track.bui-track-vertical {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
    width: 2px
}

.bui-slider .bui-track.bui-track-vertical .bui-bar-wrap .bui-bar {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.bui-slider .bui-track.bui-track-vertical .bui-thumb {
    bottom: 0;
    position: relative;
    top: auto
}

.bui-slider .bui-track .bui-bar-wrap {
    background: #e7e7e7;
    border-radius: 1.5px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.bui-slider .bui-track .bui-bar-wrap .bui-bar {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.bui-slider .bui-track .bui-thumb {
    cursor: pointer
}

.bui-slider .bui-track .bui-thumb:hover .bui-thumb-tooltip {
    opacity: 1
}

.bui-slider .bui-track .bui-thumb .bui-thumb-tooltip {
    background: hsla(0, 0%, 8%, .8);
    border-radius: 4px;
    bottom: calc(100% + 6px);
    color: #fff;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    left: 50%;
    opacity: 0;
    padding: 0 7px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    white-space: nowrap
}

.bui-slider .bui-track .bui-thumb .bui-thumb-dot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 12px;
    height: var(--bpx-ui-font-size, 12px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle;
    width: 12px;
    width: var(--bpx-ui-font-size, 12px)
}

.bui-slider .bui-track .bui-thumb .bui-thumb-dot-special {
    line-height: 12px;
    line-height: var(--bpx-ui-font-size, 12px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.bui-slider .bui-track .bui-step {
    pointer-events: none
}

.bui-slider .bui-track .bui-step .bui-step-item {
    position: absolute;
    width: 0
}

.bui-slider .bui-track .bui-step .bui-step-item .bui-step-name {
    bottom: 6px;
    color: #999;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    left: 50%;
    line-height: 12px;
    line-height: var(--bpx-ui-font-size, 12px);
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px
}

.bui-slider .bui-track .bui-step .bui-step-item .bui-step-dot {
    background: #e5e9ef;
    border-radius: 1px;
    height: 4px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2px
}

.bui-slider .bui-track .bui-step .bui-step-item.bui-step-item-0 .bui-step-name {
    text-align: left;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bui-slider .bui-track .bui-step .bui-step-item.bui-step-item-0 .bui-step-dot {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bui-slider .bui-track .bui-step .bui-step-item.bui-step-item-100 .bui-step-name {
    text-align: right;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bui-slider .bui-track .bui-step .bui-step-item.bui-step-item-100 .bui-step-dot {
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}


.bui-progress {
    cursor: pointer;
    height: 12px
}

.bui-progress-wrap {
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 1px;
    height: 2px;
    padding: 0 6px;
    position: relative;
    width: 100%
}

.bui-progress-unfilled .bui-progress-bar,
.bui-progress-unfilled .bui-progress-bar:before {
    background-color: transparent
}

.bui-progress-bar {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    border-radius: 1px;
    height: 100%;
    position: relative;
    width: 0;
    z-index: 1
}

.bui-progress-bar:before {
    content: "";
    display: block;
    height: 2px;
    left: -6px;
    width: 6px;
    z-index: 1
}

.bui-progress-bar:before,
.bui-progress-dot {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    position: absolute;
    top: 0
}

.bui-progress-dot {
    border-radius: 50%;
    height: 12px;
    right: 0;
    -webkit-transform: translate3d(6px, -5px, 0);
    transform: translate3d(6px, -5px, 0);
    width: 12px
}

.bui-progress-step {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    left: 6px;
    pointer-events: none;
    position: absolute;
    right: 6px;
    top: 0
}

.bui-progress-item {
    height: 12px;
    left: 0;
    margin-left: -1px;
    position: absolute;
    top: -1px;
    white-space: nowrap
}

.bui-progress-item:first-child {
    margin-left: -6px
}

.bui-progress-item:last-child {
    margin-left: 4px
}

.bui-progress-item .bui-progress-text {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%)
}

.bui-progress-lab {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 1px;
    height: 4px;
    width: 2px
}

.bui-progress-val {
    color: hsla(0, 0%, 100%, .8);
    cursor: default;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}


.bui-switch {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.bui-switch:hover .bui-switch-name {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bui-switch .bui-switch-input {
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bui-switch .bui-switch-input:checked+.bui-switch-label .bui-switch-body {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6)
}

.bui-switch .bui-switch-input:checked+.bui-switch-label .bui-switch-body .bui-switch-dot {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    left: 100%;
    margin-left: -18px
}

.bui-switch .bui-switch-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    width: 100%
}

.bui-switch .bui-switch-name {
    position: relative
}

.bui-switch .bui-switch-name .bui-switch-reddot {
    background: #f25d8e;
    border-radius: 50%;
    height: 4px;
    position: absolute;
    right: -8px;
    top: 8px;
    width: 4px
}

.bui-switch .bui-switch-body {
    background: #757575;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 20px;
    outline: none;
    vertical-align: middle;
    width: 30px
}

.bui-switch .bui-switch-body,
.bui-switch .bui-switch-dot {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.bui-switch .bui-switch-dot {
    fill: #757575;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
    color: #757575;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    justify-content: center;
    left: 2px;
    line-height: 16px;
    text-align: center;
    top: 2px;
    width: 16px
}

.bui-switch .bui-switch-dot span {
    display: inline-block;
    font-size: 0;
    height: 10px;
    width: 10px
}


.bui-danmaku-switch {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    fill: #757575;
    fill: var(--bpx-dmsend-switch-icon, #757575);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: flex-start;
    position: relative
}

.bui-danmaku-switch.bui-disabled,
.bui-danmaku-switch.bui-disabled:hover {
    cursor: not-allowed
}

.bui-danmaku-switch.bui-disabled .bui-danmaku-switch-label,
.bui-danmaku-switch.bui-disabled:hover .bui-danmaku-switch-label {
    opacity: .4
}

.bui-danmaku-switch .bui-danmaku-switch-input {
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bui-danmaku-switch .bui-danmaku-switch-input:checked+.bui-danmaku-switch-label .bui-danmaku-switch-on {
    display: block
}

.bui-danmaku-switch .bui-danmaku-switch-input:checked+.bui-danmaku-switch-label .bui-danmaku-switch-off {
    display: none
}

.bui-danmaku-switch .bui-danmaku-switch-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    width: 100%
}

.bui-danmaku-switch .bui-danmaku-switch-label .bui-danmaku-switch-off,
.bui-danmaku-switch .bui-danmaku-switch-label .bui-danmaku-switch-on {
    height: 24px
}

.bui-danmaku-switch .bui-danmaku-switch-label .bui-danmaku-switch-on {
    display: none
}

.bui-danmaku-switch .bui-danmaku-switch-label .bui-danmaku-switch-off {
    display: block
}

.bui-danmaku-switch:not(.bui-disabled):hover {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}


.bui-collapse {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bui-collapse .bui-collapse-wrap {
    width: 100%
}

.bui-collapse .bui-collapse-header {
    background: #f4f4f4;
    background: var(--bpx-aux-header-bg, #f4f4f4);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    color: var(--bpx-aux-header-font, #222);
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.bui-collapse .bui-collapse-header,
.bui-collapse .bui-collapse-header .bui-collapse-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle
}

.bui-collapse .bui-collapse-header .bui-collapse-arrow {
    bottom: 0;
    height: 14px;
    margin: auto;
    position: absolute;
    right: 16px;
    top: 0
}

.bui-collapse .bui-collapse-header .bui-collapse-arrow .bui-collapse-arrow-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px)
}

.bui-collapse .bui-collapse-header .bui-collapse-arrow .bui-collapse-arrow-text .arrow-icon {
    fill: #757575;
    fill: var(--bpx-aux-header-icon, #757575);
    height: 16px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 16px
}

.bui-collapse .bui-collapse-wrap-folded .bui-collapse-header .bui-collapse-arrow .bui-collapse-arrow-text .arrow-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bui-collapse .bui-collapse-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: height .3s;
    transition: height .3s;
    width: 100%
}


.bui-radio.bui-dark .bui-radio-button .bui-radio-item:hover .bui-radio-label {
    background-color: hsla(0, 0%, 100%, .4)
}

.bui-radio.bui-dark .bui-radio-button .bui-radio-input:checked+.bui-radio-label {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6)
}

.bui-radio.bui-dark .bui-radio-button .bui-radio-label {
    background-color: hsla(0, 0%, 100%, .3)
}

.bui-radio .bui-radio-wrap {
    font-size: 0;
    width: 100%
}

.bui-radio .bui-radio-item {
    display: inline-block;
    position: relative
}

.bui-radio .bui-radio-input {
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bui-radio .bui-radio-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    height: 100%;
    pointer-events: none;
    width: 100%
}

.bui-radio .bui-radio-normal .bui-radio-item {
    height: 33px
}

.bui-radio .bui-radio-normal .bui-radio-item:hover .bui-radio-text {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-radio .bui-radio-normal .bui-radio-item:hover .bui-radio-icon svg {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6)
}

.bui-radio .bui-radio-normal .bui-radio-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle
}

.bui-radio .bui-radio-normal .bui-radio-label .bui-radio-text {
    color: #6d757a;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.bui-radio .bui-radio-normal .bui-radio-label .bui-radio-icon {
    display: inline-block;
    font-size: 0;
    margin-right: 10px;
    width: 16px
}

.bui-radio .bui-radio-normal .bui-radio-label .bui-radio-icon svg {
    fill: #6d757a;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.bui-radio .bui-radio-normal .bui-radio-label .bui-radio-icon-selected {
    display: none
}

.bui-radio .bui-radio-normal .bui-radio-input:checked+.bui-radio-label .bui-radio-text {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-radio .bui-radio-normal .bui-radio-input:checked+.bui-radio-label .bui-radio-icon svg {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6)
}

.bui-radio .bui-radio-normal .bui-radio-input:checked+.bui-radio-label .bui-radio-icon-selected {
    display: inline-block
}

.bui-radio .bui-radio-normal .bui-radio-input:checked+.bui-radio-label .bui-radio-icon-default {
    display: none
}

.bui-radio .bui-radio-button .bui-radio-group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between
}

.bui-radio .bui-radio-button .bui-radio-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.bui-radio .bui-radio-button .bui-radio-item:hover .bui-radio-label {
    background-color: #757575
}

.bui-radio .bui-radio-button .bui-radio-input:checked+.bui-radio-label {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6)
}

.bui-radio .bui-radio-button .bui-radio-label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #999;
    border-radius: 2px;
    justify-content: center;
    padding: 2px 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.bui-radio .bui-radio-button .bui-radio-label .bui-radio-text {
    color: #fff
}


.bui-checkbox {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.bui-checkbox.bui-dark .bui-checkbox-name {
    color: #fff
}

.bui-checkbox.bui-dark .bui-checkbox-icon svg {
    fill: #fff
}

.bui-checkbox.bui-disabled .bui-checkbox-name,
.bui-checkbox.bui-disabled:hover .bui-checkbox-name {
    color: #757575 !important
}

.bui-checkbox.bui-disabled .bui-checkbox-icon svg,
.bui-checkbox.bui-disabled:hover .bui-checkbox-icon svg {
    fill: #757575 !important
}

.bui-checkbox:hover .bui-checkbox-name {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bui-checkbox:hover .bui-checkbox-icon svg {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bui-checkbox .bui-checkbox-input {
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon svg {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon-default {
    display: none
}

.bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon-selected {
    display: inline-block
}

.bui-checkbox .bui-checkbox-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    vertical-align: middle
}

.bui-checkbox .bui-checkbox-name {
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    line-height: 12px;
    line-height: var(--bpx-ui-font-size, 12px);
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle
}

.bui-checkbox .bui-checkbox-icon {
    display: inline-block;
    font-size: 0;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    width: 16px
}

.bui-checkbox .bui-checkbox-icon svg {
    fill: #ccd0d7;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: top
}

.bui-checkbox .bui-checkbox-icon-selected {
    display: none
}

.bui-checkbox .bui-checkbox-reddot {
    background: #f25d8e;
    border-radius: 50%;
    height: 4px;
    position: absolute;
    right: -5px;
    top: -1px;
    width: 4px
}


.bui-input {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    position: relative
}

.bui-input .bui-input-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%
}

.bui-input.bui-disabled .bui-input-input {
    background: #f5f7fa;
    border-color: #e7e7e7;
    color: silver;
    cursor: not-allowed
}

.bui-input .bui-input-input {
    -moz-appearance: textfield;
    border: 1px solid silver;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    height: 100%;
    outline: none;
    padding: 4px 7px;
    resize: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%
}

.bui-input .bui-input-input::-webkit-inner-spin-button,
.bui-input .bui-input-input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.bui-input .bui-input-stepper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 1px solid silver;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px
}

.bui-input .bui-input-stepper-half {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
    justify-content: center;
    vertical-align: middle
}

.bui-input .bui-input-stepper-up {
    border-bottom: 1px solid silver
}

.bui-input .bui-input-arrow {
    border-style: solid;
    height: 0;
    width: 0
}

.bui-input .bui-input-arrow-up {
    border-color: transparent transparent #999;
    border-width: 0 3px 4px
}

.bui-input .bui-input-arrow-down {
    border-color: #999 transparent transparent;
    border-width: 4px 3px 0
}


.bui-select {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: normal;
    position: relative
}

.bui-select.bui-dark .bui-select-header:hover,
.bui-select.bui-dark .bui-select-list,
.bui-select.bui-dark .bui-select-unfold .bui-select-header {
    background: #212121
}

.bui-select.bui-dark .bui-select-border {
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.bui-select.bui-dark .bui-select-wrap {
    height: 22px
}

.bui-select.bui-dark .bui-select-header,
.bui-select.bui-dark .bui-select-item {
    height: 20px;
    line-height: 20px
}

.bui-select.bui-dark .bui-select-item:hover {
    background: hsla(0, 0%, 100%, .1)
}

.bui-select .bui-select-quality-menu .bui-select-header:hover,
.bui-select .bui-select-quality-menu .bui-select-unfold .bui-select-header,
.bui-select.bui-dark .bui-select-item.bui-select-item-disabled:hover {
    background: none
}

.bui-select .bui-select-quality-menu .bui-select-list {
    background: hsla(0, 0%, 8%, .9);
    border-radius: 2px
}

.bui-select .bui-select-quality-menu .bui-select-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 100%
}

.bui-select .bui-select-quality-menu .bui-select-arrow {
    display: none
}

.bui-select .bui-select-quality-menu .bui-select-header {
    font-size: 14px;
    height: auto;
    padding: 0;
    text-align: center;
    width: 100%
}

.bui-select .bui-select-quality-menu .bui-select-item {
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    white-space: nowrap
}

.bui-select .bui-select-quality-menu .bui-select-item.bui-select-item-active {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-select .bui-select-quality-menu .bui-select-result {
    line-height: 22px
}

.bui-select .bui-select-quality-menu .bui-select-list {
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    left: 0;
    position: absolute;
    text-align: left;
    -webkit-transition: none;
    transition: none;
    width: auto
}

.bui-select .bui-select-quality-menu .bui-select-wrap {
    height: 100%;
    position: relative
}

.bui-select .bui-select-quality-menu .bui-select-bridge {
    bottom: 22px;
    left: 0;
    position: absolute;
    right: 0
}

.bui-select .bui-select-wrap {
    height: 24px;
    width: 100%
}

.bui-select .bui-select-unfold .bui-select-bridge {
    display: block
}

.bui-select .bui-select-border {
    border: 1px solid silver;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    width: 100%
}

.bui-select .bui-select-header {
    height: 22px;
    line-height: 22px;
    padding: 0 22px 0 7px;
    position: relative
}

.bui-select .bui-select-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 22px
}

.bui-select .bui-select-bridge {
    cursor: pointer;
    display: none
}

.bui-select .bui-select-list {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%;
    z-index: 1
}

.bui-select .bui-select-item {
    height: 22px;
    line-height: 22px;
    padding: 0 22px 0 7px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: background .3s;
    transition: background .3s
}

.bui-select .bui-select-item * {
    display: inline-block;
    pointer-events: none;
    vertical-align: middle
}

.bui-select .bui-select-item:hover {
    background: #e5e9ef;
    background: var(--bpx-aux-button-bg, #e5e9ef)
}

.bui-select .bui-select-item.bui-select-item-disabled {
    color: #999;
    cursor: not-allowed
}

.bui-select .bui-select-item.bui-select-item-disabled:hover {
    background: none
}

.bui-select .bui-select-item.bui-select-item-active {
    cursor: default
}

.bui-select .bui-select-arrow-down {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 4px 3px 0;
    height: 0;
    width: 0
}

.bui-select-bscroll .bui-select-list-wrap {
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.bui-select-bscroll .bui-select-list {
    height: auto !important
}

.bui-select-bscroll .bscroll-vertical-scrollbar {
    background: transparent !important;
    width: 6px !important
}

.bui-select-bscroll .bscroll-indicator {
    background: #6d7f7a !important;
    border: none !important;
    cursor: pointer
}

.bui-select-bscroll .bscroll-vertical-scrollbar.mousedown {
    opacity: 1 !important
}

.bui-select-bscroll .bui-select-unfold .bui-select-list-wrap {
    height: auto !important
}

.bui-select-bscroll .bui-select-unfold .bscroll-vertical-scrollbar {
    opacity: 1 !important
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9zZWxlY3QubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQyxZQ01PLGNBQUEsQ0FGQSwwQkFBQSxDQUFBLDBCQUFBLENBQUEsbUJBQUEsQ0FHQSxrQkFBQSxDQUZBLGlCQUFSLENETEMsK0lDcUJlLGtCQVBoQixDRGRDLHdDQ3lCZSxtQ0FSaEIsQ0RqQkMsc0NDNkJlLFdBVGhCLENEcEJDLDhFQ3NDZSxXQUFBLENBQ0EsZ0JBWGhCLENBYWdCLDRDQUNJLDZCQVhwQixDRC9CQyw4TUM0RG1CLGVBcEJwQixDRHhDQyxzRENpRWUsMkJBQUEsQ0FDQSxpQkF0QmhCLENENUNDLHdEQzBFZSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsa0JBQUEsQ0FKQSxXQUFBLENBR0EsbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBQUEsQ0FGQSxXQUFBLENBQ0EsV0FyQmhCLENEbkRDLHVEQzhFZSxZQXhCaEIsQ0R0REMsd0RDb0ZlLGNBQUEsQ0FDQSxXQUFBLENBSEEsU0FBQSxDQUNBLGlCQUFBLENBR0EsVUF6QmhCLENEN0RDLHNEQzJGZSxXQUFBLENBQ0EsZ0JBQUEsQ0FGQSxjQUFBLENBR0Esa0JBMUJoQixDRG5FQyw2RUNnR21CLGFBQUEsQ0FBQSxpQ0ExQnBCLENEdEVDLHdEQ3FHZSxnQkE1QmhCLENEekVDLHNEQzRHZSxjQUFBLENBQUEsc0NBQUEsQ0FEQSxNQUFBLENBREEsaUJBQUEsQ0FJQSxlQUFBLENBTEEsdUJBQUEsQ0FBQSxlQUFBLENBSUEsVUE1QmhCLENEakZDLHNEQ21IZSxXQUFBLENBREEsaUJBN0JoQixDRHJGQyx3REN3SGUsV0FBQSxDQUNBLE1BQUEsQ0FGQSxpQkFBQSxDQUdBLE9BL0JoQixDRDNGQyw2QkMrSFcsV0FBQSxDQUNBLFVBakNaLENEL0ZDLGtEQ3FJZSxhQW5DaEIsQ0RsR0MsK0JDOElXLHVCQUFBLENBSkEsaUJBQUEsQ0FFQSw2QkFBQSxDQUFBLHFCQUFBLENBQ0EsY0FBQSxDQUFBLHNDQUFBLENBRkEsVUFsQ1osQ0R6R0MsK0JDb0pXLFdBQUEsQ0FDQSxnQkFBQSxDQUZBLG9CQUFBLENBREEsaUJBbkNaLENEL0dDLDhCQ2dLVyx3QkFBQSxDQUFBLHFCQUFBLENBQ0EsdUJBQUEsQ0FBQSxvQkFBQSxDQURBLGtCQUFBLENBTEEsUUFBQSxDQUdBLG1CQUFBLENBQUEsbUJBQUEsQ0FBQSxZQUFBLENBR0Esc0JBQUEsQ0FSQSxpQkFBQSxDQUdBLE9BQUEsQ0FGQSxLQUFBLENBS0EscUJBQUEsQ0FGQSxVQW5DWixDRDFIQywrQkNxS1csY0FBQSxDQUNBLFlBeENaLENEOUhDLDZCQ2tMVyxlQUFBLENBREEsNkJBQUEsQ0FBQSxxQkFBQSxDQUZBLFFBQUEsQ0FKQSxvQkFBQSxDQUNBLFFBQUEsQ0FDQSxlQUFBLENBSEEsU0FBQSxDQVNBLGlCQUFBLENEaEhSLCtCQUFBLENBQUEsdUJBQUEsQ0FEQSwwQkFBQSxDQUFBLGtCQUFBLENDOEdRLFVBQUEsQ0FJQSxTQXhDWixDRDVJQyw2QkN5TFcsV0FBQSxDQUNBLGdCQUFBLENBRkEsb0JBQUEsQ0RySFIsK0JBQUEsQ0FBQSx1QkFBQSxDQURBLGlDQUFBLENBQUEseUJDaUZKLENEbkpDLCtCQytMZSxvQkFBQSxDQURBLG1CQUFBLENBRUEscUJBeENoQixDQTJDWSxtQ0FDSSxrQkFBQSxDQUFBLDJDQXpDaEIsQ0QzSkMsc0RDd01lLFVBQUEsQ0FDQSxrQkExQ2hCLENBNENnQiw0REFDSSxlQTFDcEIsQ0RsS0Msb0RDaU5lLGNBNUNoQixDRHJLQyxtQ0MwTlcseUNBQUEsQ0FBQSxrQkFBQSxDQUFBLHNCQUFBLENBSEEsUUFBQSxDQURBLE9BMUNaLENENUtFLDBDQytOVSxRQUFBLENBRUEsZUFBQSxDQURBLGlCQUFBLENBRUEsU0FoRFosQ0RsTEUscUNDcU9VLHFCQWhEWixDRHJMRSxnREN5T1UsZ0NBQUEsQ0FEQSxtQkEvQ1osQ0R6TEUsdUNDNk9VLDRCQUFBLENBREEscUJBQUEsQ0FFQSxjQWhEWixDRDlMRSwwRENpUFUsbUJBaERaLENEak1FLDZEQ3FQYyxxQkFqRGhCLENEcE1FLG1FQ3dQYyxtQkFqRGhCIiwic291cmNlc0NvbnRlbnQiOlsiQHByZWZpeDogYnVpLTtcbkBtYWluLWNvbG9yOiB2YXIoLS1icHgtcHJpbWFyeS1jb2xvciwgIzAwYTFkNik7XG5cbkBmbi1jb2xvcjogdmFyKC0tYnB4LWZuLWNvbG9yLCAjMDBhMWQ2KTtcbkBmbi1ob3Zlci1jb2xvcjogdmFyKC0tYnB4LWZuLWhvdmVyLWNvbG9yLCAjMDBiNWU1KTtcblxuQGRtLXN3aXRjaC1pY29uOiB2YXIoLS1icHgtZG1zZW5kLXN3aXRjaC1pY29uLCAjNzU3NTc1KTsgLy8g5by55bmV5byA5YWz5Zu+5qCHXG5AZ3JheS1idXR0b24tYmc6IHZhcigtLWJweC1hdXgtYnV0dG9uLWJnLCAjZTVlOWVmKTsgLy8g54Gw6Imy5oyJ6ZKu6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWJnOiB2YXIoLS1icHgtYXV4LWhlYWRlci1iZywgI2Y0ZjRmNCk7IC8vIGNvbGxhcHNl6aG26YOo6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWZvbnQ6IHZhcigtLWJweC1hdXgtaGVhZGVyLWZvbnQsICMyMjIyMjIpOyAvLyBjb2xscGFzZemhtumDqOaWh+acrOiJsuWAvFxuQGNvbGxhcHNlLWhlYWRlci1pY29uOiB2YXIoLS1icHgtYXV4LWhlYWRlci1pY29uLCAjNzU3NTc1KTsgLy8gY29sbGFwc2Xpobbpg6jlsZXlvIAv5pS26LW35Zu+5qCH44CBZHJvcGRvd27mm7TlpJrvvIjkuInngrnvvInlm77moIdcbkBkcm9wZG93bi1mb250OiB2YXIoLS1icHgtYXV4LWNvbnRlbnQtZm9udDEsICMyMjIyMjIpOyAvLyBkcm9wZG93buaWh+acrOiJsuWAvFxuQGZsb2F0LWJvcmRlcjogdmFyKC0tYnB4LWF1eC1mbG9hdC1ib3JkZXIsICNlNWU5ZWYpOyAvLyBkcm9wZG93bi9kaWFsb2flpJbovrnmoYZcbkBmbG9hdC1iZzogdmFyKC0tYnB4LWF1eC1mbG9hdC1iZywgI2ZmZmZmZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+iDjOaZr1xuQGZsb2F0LWJnLWhvdmVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWhvdmVyLWJnLCAjMDAwMDAwKTsgLy8gZHJvcGRvd27mgqzmta7og4zmma9cbkBmbG9hdC1saW5lLWJvcmRlcjogdmFyKC0tYnB4LWF1eC1saW5lLWJvcmRlciwgI2U1ZTllZik7IC8vIGRpYWxvZ+mdouadv+WGheWIhuWJsue6v+i+ueahhlxuQGRpYWxvZy1pY29uOiB2YXIoLS1icHgtYXV4LWZsb2F0LWljb24sICM2ZDc1N2EpOyAvLyBkaWFsb2flm77moIdcblxuQGdyYXk6ICM5OTk7XG5AZ3JheS1saWdodDogI2U3ZTdlNztcbkBncmF5LWRhcms6ICM3NTc1NzU7XG5AZ3JheS1ib3JkZXI6ICNjMGMwYzA7XG5AcGljLWJvcmRlcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuQHRleHQtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuNSk7XG5AY29sb3ItcGluazogI2Y5NzM5YTtcbkBmb250LXNpemU6IHZhcigtLWJweC11aS1mb250LXNpemUsIDEycHgpO1xuXG4uYnVpIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICBzdmcge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICYuYnVpLWRpc2FibGVkIHtcbiAgICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMTAwJSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgKiB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5idWktYXJlYSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxufVxuXG4uZG90ZG90ZG90IHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG59XG5cbi50cmFuc2l0aW9uKEB0cmFuc2l0aW9uKSB7XG4gICAgdHJhbnNpdGlvbjogQHRyYW5zaXRpb247XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDBweCk7XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuL2dsb2JhbC5sZXNzJztcblxuJiB7XG4gICAgLkB7cHJlZml4fXNlbGVjdCB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgbGluZS1oZWlnaHQ6IGluaXRpYWw7XG5cbiAgICAgICAgJi5Ae3ByZWZpeH1kYXJrIHtcbiAgICAgICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtaGVhZGVyOmhvdmVyIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMjEyMTIxO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LXVuZm9sZCB7XG4gICAgICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1oZWFkZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMjEyMTIxO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1saXN0IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMjEyMTIxO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LWJvcmRlciB7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LXdyYXAge1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjJweDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1oZWFkZXIge1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1pdGVtIHtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7XG5cbiAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjEpO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICYuQHtwcmVmaXh9c2VsZWN0LWl0ZW0tZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LXF1YWxpdHktbWVudSB7XG4gICAgICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LWhlYWRlcjpob3ZlciB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC11bmZvbGQge1xuICAgICAgICAgICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtaGVhZGVyIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtbGlzdCB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyMSwgMjEsIDIxLCAwLjkpO1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1ib3JkZXIge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1hcnJvdyB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1oZWFkZXIge1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtaXRlbSB7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogMCAyMHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMzZweDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMzZweDtcbiAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICAgICAgICAgICAgICAgJi5Ae3ByZWZpeH1zZWxlY3QtaXRlbS1hY3RpdmUge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogQGZuLWNvbG9yO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1yZXN1bHQge1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LWxpc3Qge1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiBAZm9udC1zaXplO1xuICAgICAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5Ae3ByZWZpeH1zZWxlY3Qtd3JhcCB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1icmlkZ2Uge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICBib3R0b206IDIycHg7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1zZWxlY3Qtd3JhcCB7XG4gICAgICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtdW5mb2xkIHtcbiAgICAgICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtYnJpZGdlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtYm9yZGVyIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogQGZvbnQtc2l6ZTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIEBncmF5LWJvcmRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtaGVhZGVyIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgMjJweCAwIDdweDtcbiAgICAgICAgICAgIGhlaWdodDogMjJweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1hcnJvdyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHdpZHRoOiAyMnB4O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LWJyaWRnZSB7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLkB7cHJlZml4fXNlbGVjdC1saXN0IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgLnRyYW5zaXRpb24oYWxsIDAuMnMpO1xuICAgICAgICAgICAgaGVpZ2h0OiAwO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LWl0ZW0ge1xuICAgICAgICAgICAgcGFkZGluZzogMCAyMnB4IDAgN3B4O1xuICAgICAgICAgICAgaGVpZ2h0OiAyMnB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgICAgICAgICAudHJhbnNpdGlvbihiYWNrZ3JvdW5kIDAuM3MpO1xuXG4gICAgICAgICAgICAqIHtcbiAgICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogQGdyYXktYnV0dG9uLWJnO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLkB7cHJlZml4fXNlbGVjdC1pdGVtLWRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogQGdyYXk7XG4gICAgICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcblxuICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1zZWxlY3QtaXRlbS1hY3RpdmUge1xuICAgICAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1zZWxlY3QtYXJyb3ctZG93biB7XG4gICAgICAgICAgICB3aWR0aDogMDtcbiAgICAgICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgICBib3JkZXItd2lkdGg6IDRweCAzcHggMCAzcHg7XG4gICAgICAgICAgICBib3JkZXItY29sb3I6IEBncmF5IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgfVxuICAgICYuQHtwcmVmaXh9c2VsZWN0LWJzY3JvbGwge1xuICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LWxpc3Qtd3JhcCB7XG4gICAgICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgei1pbmRleDogMztcbiAgICAgICAgfVxuICAgICAgICAuYnVpLXNlbGVjdC1saXN0IHtcbiAgICAgICAgICAgIGhlaWdodDogYXV0byAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICAgIC5ic2Nyb2xsLXZlcnRpY2FsLXNjcm9sbGJhciB7XG4gICAgICAgICAgICB3aWR0aDogNnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICAgIC5ic2Nyb2xsLWluZGljYXRvciB7XG4gICAgICAgICAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICM2ZDdmN2EgIWltcG9ydGFudDtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgfVxuICAgICAgICAuYnNjcm9sbC12ZXJ0aWNhbC1zY3JvbGxiYXIubW91c2Vkb3duIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LXVuZm9sZCB7XG4gICAgICAgICAgICAuQHtwcmVmaXh9c2VsZWN0LWxpc3Qtd3JhcCB7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuYnNjcm9sbC12ZXJ0aWNhbC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */


.bui-color-picker.bui-dark .bui-input .bui-input-input {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff
}

.bui-color-picker.bui-dark .bui-color-picker-display {
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.bui-color-picker.bui-dark .bui-color-picker-option[data-value="#222222"] {
    border-color: hsla(0, 0%, 100%, .1)
}

.bui-color-picker.bui-dark .bui-color-picker-option.bui-color-picker-option-active {
    border-color: #000
}

.bui-color-picker .bui-color-picker-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    margin-bottom: 6px;
    vertical-align: middle
}

.bui-color-picker .bui-color-picker-input {
    margin-right: 6px;
    width: 98px
}

.bui-color-picker .bui-color-picker-display {
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: background .2s;
    transition: background .2s;
    vertical-align: middle;
    width: 50px
}

.bui-color-picker .bui-color-picker-options {
    font-size: 0;
    line-height: 0;
    list-style-type: none;
    margin: 0 -6px 0 0;
    padding: 0;
    white-space: normal
}

.bui-color-picker .bui-color-picker-option {
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-bottom: 4px;
    margin-right: 6px;
    width: 16px
}

.bui-color-picker .bui-color-picker-option.bui-color-picker-option-active {
    -webkit-box-shadow: 0 0 1px 1px #fff;
    box-shadow: 0 0 1px 1px #fff
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9jb2xvci1waWNrZXIubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQyx1RENNZSw0QkFBQSxDQUVBLG1DQUFBLENBREEsVUFIaEIsQ0RKQyxxRENZZSxtQ0FMaEIsQ0FTZ0IsMEVBQ0ksK0JBUHBCLENEVkMsbUZDcUJtQixpQkFScEIsQ0RiQywyQ0M2QlcsbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBQUEsQ0FGQSxXQUFBLENBQ0EsaUJBQUEsQ0FFQSxxQkFYWixDRG5CQywwQ0NrQ1csZ0JBQUEsQ0FDQSxVQVpaLENEdkJDLDRDQ3lDVywrQkFBQSxDQUNBLGlCQUFBLENBRUEsNkJBQUEsQ0FBQSxxQkFBQSxDQUxBLG9CQUFBLENENEJSLCtCQUFBLENBQUEsdUJBQUEsQ0FEQSxpQ0FBQSxDQUFBLHlCQUFBLENDdkJRLHFCQUFBLENBSEEsVUFQWixDRGpDQyw0Q0NxRFcsV0FBQSxDQUNBLGFBQUEsQ0FIQSxvQkFBQSxDQURBLGlCQUFBLENBREEsU0FBQSxDQUdBLGtCQVhaLENEekNDLDJDQzREVywrQkFBQSxDQUVBLGlCQUFBLENBREEsNkJBQUEsQ0FBQSxxQkFBQSxDQUlBLGNBQUEsQ0FDQSxvQkFBQSxDQVBBLFdBQUEsQ0FLQSxpQkFBQSxDQURBLGdCQUFBLENBTEEsVUFOWixDRHBEQywwRUNxRWUsbUNBQUEsQ0FBQSwyQkFkaEIiLCJzb3VyY2VzQ29udGVudCI6WyJAcHJlZml4OiBidWktO1xuQG1haW4tY29sb3I6IHZhcigtLWJweC1wcmltYXJ5LWNvbG9yLCAjMDBhMWQ2KTtcblxuQGZuLWNvbG9yOiB2YXIoLS1icHgtZm4tY29sb3IsICMwMGExZDYpO1xuQGZuLWhvdmVyLWNvbG9yOiB2YXIoLS1icHgtZm4taG92ZXItY29sb3IsICMwMGI1ZTUpO1xuXG5AZG0tc3dpdGNoLWljb246IHZhcigtLWJweC1kbXNlbmQtc3dpdGNoLWljb24sICM3NTc1NzUpOyAvLyDlvLnluZXlvIDlhbPlm77moIdcbkBncmF5LWJ1dHRvbi1iZzogdmFyKC0tYnB4LWF1eC1idXR0b24tYmcsICNlNWU5ZWYpOyAvLyDngbDoibLmjInpkq7og4zmma9cbkBjb2xsYXBzZS1oZWFkZXItYmc6IHZhcigtLWJweC1hdXgtaGVhZGVyLWJnLCAjZjRmNGY0KTsgLy8gY29sbGFwc2Xpobbpg6jog4zmma9cbkBjb2xsYXBzZS1oZWFkZXItZm9udDogdmFyKC0tYnB4LWF1eC1oZWFkZXItZm9udCwgIzIyMjIyMik7IC8vIGNvbGxwYXNl6aG26YOo5paH5pys6Imy5YC8XG5AY29sbGFwc2UtaGVhZGVyLWljb246IHZhcigtLWJweC1hdXgtaGVhZGVyLWljb24sICM3NTc1NzUpOyAvLyBjb2xsYXBzZemhtumDqOWxleW8gC/mlLbotbflm77moIfjgIFkcm9wZG93buabtOWkmu+8iOS4ieeCue+8ieWbvuagh1xuQGRyb3Bkb3duLWZvbnQ6IHZhcigtLWJweC1hdXgtY29udGVudC1mb250MSwgIzIyMjIyMik7IC8vIGRyb3Bkb3du5paH5pys6Imy5YC8XG5AZmxvYXQtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJvcmRlciwgI2U1ZTllZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+Wklui+ueahhlxuQGZsb2F0LWJnOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJnLCAjZmZmZmZmKTsgLy8gZHJvcGRvd24vZGlhbG9n6IOM5pmvXG5AZmxvYXQtYmctaG92ZXI6IHZhcigtLWJweC1hdXgtZmxvYXQtaG92ZXItYmcsICMwMDAwMDApOyAvLyBkcm9wZG93buaCrOa1ruiDjOaZr1xuQGZsb2F0LWxpbmUtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWxpbmUtYm9yZGVyLCAjZTVlOWVmKTsgLy8gZGlhbG9n6Z2i5p2/5YaF5YiG5Ymy57q/6L655qGGXG5AZGlhbG9nLWljb246IHZhcigtLWJweC1hdXgtZmxvYXQtaWNvbiwgIzZkNzU3YSk7IC8vIGRpYWxvZ+Wbvuagh1xuXG5AZ3JheTogIzk5OTtcbkBncmF5LWxpZ2h0OiAjZTdlN2U3O1xuQGdyYXktZGFyazogIzc1NzU3NTtcbkBncmF5LWJvcmRlcjogI2MwYzBjMDtcbkBwaWMtYm9yZGVyOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOCk7XG5AdGV4dC1zaGFkb3c6IHJnYmEoMCwgMCwgMCwgMC41KTtcbkBjb2xvci1waW5rOiAjZjk3MzlhO1xuQGZvbnQtc2l6ZTogdmFyKC0tYnB4LXVpLWZvbnQtc2l6ZSwgMTJweCk7XG5cbi5idWkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblxuICAgIHN2ZyB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJi5idWktZGlzYWJsZWQge1xuICAgICAgICBmaWx0ZXI6IGdyYXlzY2FsZSgxMDAlKTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcblxuICAgICAgICAqIHtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLmJ1aS1hcmVhIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgICBsaW5lLWhlaWdodDogbm9ybWFsO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB9XG59XG5cbi5kb3Rkb3Rkb3Qge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbn1cblxuLnRyYW5zaXRpb24oQHRyYW5zaXRpb24pIHtcbiAgICB0cmFuc2l0aW9uOiBAdHJhbnNpdGlvbjtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMHB4KTtcbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4vZ2xvYmFsLmxlc3MnO1xuXG4mIHtcbiAgICAuQHtwcmVmaXh9Y29sb3ItcGlja2VyIHtcbiAgICAgICAgJi5Ae3ByZWZpeH1kYXJrIHtcbiAgICAgICAgICAgIC5idWktaW5wdXQgLmJ1aS1pbnB1dC1pbnB1dCB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuQHtwcmVmaXh9Y29sb3ItcGlja2VyLWRpc3BsYXkge1xuICAgICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLkB7cHJlZml4fWNvbG9yLXBpY2tlci1vcHRpb24ge1xuICAgICAgICAgICAgICAgICZbZGF0YS12YWx1ZT0nIzIyMjIyMiddIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSk7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgJi5Ae3ByZWZpeH1jb2xvci1waWNrZXItb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogIzAwMDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAuQHtwcmVmaXh9Y29sb3ItcGlja2VyLXJlc3VsdCB7XG4gICAgICAgICAgICBoZWlnaHQ6IDIycHg7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA2cHg7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1jb2xvci1waWNrZXItaW5wdXQge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA2cHg7XG4gICAgICAgICAgICB3aWR0aDogOThweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1jb2xvci1waWNrZXItZGlzcGxheSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICB3aWR0aDogNTBweDtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4zKTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgLnRyYW5zaXRpb24oYmFja2dyb3VuZCAwLjJzKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1jb2xvci1waWNrZXItb3B0aW9ucyB7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgbWFyZ2luOiAwIC02cHggMCAwO1xuICAgICAgICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgLkB7cHJlZml4fWNvbG9yLXBpY2tlci1vcHRpb24ge1xuICAgICAgICAgICAgd2lkdGg6IDE2cHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMyk7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA2cHg7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICAgICAgICAgICYuQHtwcmVmaXh9Y29sb3ItcGlja2VyLW9wdGlvbi1hY3RpdmUge1xuICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAxcHggMXB4ICNmZmY7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */


.bui-panel {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.bui-panel.bui-dark {
    background: hsla(0, 0%, 8%, .9);
    border: none
}

.bui-panel .bui-panel-wrap {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .25s;
    transition: all .25s
}

.bui-panel .bui-panel-move {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.bui-panel .bui-panel-item,
.bui-panel .bui-panel-move {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bui-panel .bui-panel-item {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.bui-panel .bui-panel-item.bui-panel-item-active {
    opacity: 1;
    pointer-events: auto
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9wYW5lbC5sZXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFDLFdDTU8sZUFBQSxDQURBLHdCQUFBLENBREEseUJBQUEsQ0FHQSxlQUZSLENETEMsb0JDV1csMkJBQUEsQ0FEQSxXQURaLENEVEMsMkJDZVcsaUJBQUEsQ0RvRFIsK0JBQUEsQ0FBQSx1QkFBQSxDQURBLDJCQUFBLENBQUEsbUJDcERKLENEZEMsMkJDcUJXLHFCQUFBLENBQUEsa0JBQUEsQ0FBQSxvQkFBQSxDQURBLG1CQUFBLENBQUEsbUJBQUEsQ0FBQSxZQUFBLENBRUEsV0FBQSxDQUNBLCtCQUFBLENBQUEsdUJBQUEsQ0QyQ1IseUNBQUEsQ0FBQSxpQ0FBQSxDQUFBLHlCQUFBLENBQUEsZ0RDNUNKLENEdEJDLHNEQW1FRywrQkFBQSxDQUFBLHVCQ3ZDSixDRDVCQywyQkM0QlcsU0FBQSxDQUNBLG1CQUFBLENEcUNSLDhCQUFBLENBQUEsc0JDdENKLENENUJDLGlEQ2lDZSxTQUFBLENBQ0EsbUJBRmhCIiwic291cmNlc0NvbnRlbnQiOlsiQHByZWZpeDogYnVpLTtcbkBtYWluLWNvbG9yOiB2YXIoLS1icHgtcHJpbWFyeS1jb2xvciwgIzAwYTFkNik7XG5cbkBmbi1jb2xvcjogdmFyKC0tYnB4LWZuLWNvbG9yLCAjMDBhMWQ2KTtcbkBmbi1ob3Zlci1jb2xvcjogdmFyKC0tYnB4LWZuLWhvdmVyLWNvbG9yLCAjMDBiNWU1KTtcblxuQGRtLXN3aXRjaC1pY29uOiB2YXIoLS1icHgtZG1zZW5kLXN3aXRjaC1pY29uLCAjNzU3NTc1KTsgLy8g5by55bmV5byA5YWz5Zu+5qCHXG5AZ3JheS1idXR0b24tYmc6IHZhcigtLWJweC1hdXgtYnV0dG9uLWJnLCAjZTVlOWVmKTsgLy8g54Gw6Imy5oyJ6ZKu6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWJnOiB2YXIoLS1icHgtYXV4LWhlYWRlci1iZywgI2Y0ZjRmNCk7IC8vIGNvbGxhcHNl6aG26YOo6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWZvbnQ6IHZhcigtLWJweC1hdXgtaGVhZGVyLWZvbnQsICMyMjIyMjIpOyAvLyBjb2xscGFzZemhtumDqOaWh+acrOiJsuWAvFxuQGNvbGxhcHNlLWhlYWRlci1pY29uOiB2YXIoLS1icHgtYXV4LWhlYWRlci1pY29uLCAjNzU3NTc1KTsgLy8gY29sbGFwc2Xpobbpg6jlsZXlvIAv5pS26LW35Zu+5qCH44CBZHJvcGRvd27mm7TlpJrvvIjkuInngrnvvInlm77moIdcbkBkcm9wZG93bi1mb250OiB2YXIoLS1icHgtYXV4LWNvbnRlbnQtZm9udDEsICMyMjIyMjIpOyAvLyBkcm9wZG93buaWh+acrOiJsuWAvFxuQGZsb2F0LWJvcmRlcjogdmFyKC0tYnB4LWF1eC1mbG9hdC1ib3JkZXIsICNlNWU5ZWYpOyAvLyBkcm9wZG93bi9kaWFsb2flpJbovrnmoYZcbkBmbG9hdC1iZzogdmFyKC0tYnB4LWF1eC1mbG9hdC1iZywgI2ZmZmZmZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+iDjOaZr1xuQGZsb2F0LWJnLWhvdmVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWhvdmVyLWJnLCAjMDAwMDAwKTsgLy8gZHJvcGRvd27mgqzmta7og4zmma9cbkBmbG9hdC1saW5lLWJvcmRlcjogdmFyKC0tYnB4LWF1eC1saW5lLWJvcmRlciwgI2U1ZTllZik7IC8vIGRpYWxvZ+mdouadv+WGheWIhuWJsue6v+i+ueahhlxuQGRpYWxvZy1pY29uOiB2YXIoLS1icHgtYXV4LWZsb2F0LWljb24sICM2ZDc1N2EpOyAvLyBkaWFsb2flm77moIdcblxuQGdyYXk6ICM5OTk7XG5AZ3JheS1saWdodDogI2U3ZTdlNztcbkBncmF5LWRhcms6ICM3NTc1NzU7XG5AZ3JheS1ib3JkZXI6ICNjMGMwYzA7XG5AcGljLWJvcmRlcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuQHRleHQtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuNSk7XG5AY29sb3ItcGluazogI2Y5NzM5YTtcbkBmb250LXNpemU6IHZhcigtLWJweC11aS1mb250LXNpemUsIDEycHgpO1xuXG4uYnVpIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICBzdmcge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICYuYnVpLWRpc2FibGVkIHtcbiAgICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMTAwJSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgKiB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5idWktYXJlYSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxufVxuXG4uZG90ZG90ZG90IHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG59XG5cbi50cmFuc2l0aW9uKEB0cmFuc2l0aW9uKSB7XG4gICAgdHJhbnNpdGlvbjogQHRyYW5zaXRpb247XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDBweCk7XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuL2dsb2JhbC5sZXNzJztcblxuJiB7XG4gICAgLkB7cHJlZml4fXBhbmVsIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4IDRweCAwIDA7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNlMmUyZTI7XG4gICAgICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgICAgJi5Ae3ByZWZpeH1kYXJrIHtcbiAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjEsIDIxLCAyMSwgMC45KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1wYW5lbC13cmFwIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIC50cmFuc2l0aW9uKGFsbCAwLjI1cyk7XG4gICAgICAgIH1cblxuICAgICAgICAuQHtwcmVmaXh9cGFuZWwtbW92ZSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICAgICAgICAgICAgLnRyYW5zaXRpb24odHJhbnNmb3JtIDAuMjVzKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1wYW5lbC1pdGVtIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIC50cmFuc2l0aW9uKG9wYWNpdHkgMC4xcyk7XG5cbiAgICAgICAgICAgICYuQHtwcmVmaXh9cGFuZWwtaXRlbS1hY3RpdmUge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */


.bui-tabs .bui-tabs-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bui-tabs .bui-tabs-header .bui-tabs-header-item {
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    cursor: pointer;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    margin-right: 20px;
    text-align: center
}

.bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active {
    border-bottom: 1px solid #00a1d6;
    border-bottom: 1px solid var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-tabs-body .bui-tabs-body-item {
    display: none
}

.bui-tabs-body .bui-tabs-body-item.bui-tabs-body-item-active {
    display: block
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy90YWJzLmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUMsMkJDS1csbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBSFosQ0RGQyxpRENXZSxVQUFBLENBQUEsdUNBQUEsQ0FDQSxjQUFBLENBRkEsY0FBQSxDQUFBLHNDQUFBLENBREEsaUJBQUEsQ0FEQSxpQkFDaEIsQ0RUQyw2RUNnQm1CLCtCQUFBLENBQUEsbURBQUEsQ0FEQSxhQUFBLENBQUEsaUNBRnBCLENEYkMsbUNDd0JXLFlBUlosQ0RoQkMsNkRDMkJlLGFBUmhCIiwic291cmNlc0NvbnRlbnQiOlsiQHByZWZpeDogYnVpLTtcbkBtYWluLWNvbG9yOiB2YXIoLS1icHgtcHJpbWFyeS1jb2xvciwgIzAwYTFkNik7XG5cbkBmbi1jb2xvcjogdmFyKC0tYnB4LWZuLWNvbG9yLCAjMDBhMWQ2KTtcbkBmbi1ob3Zlci1jb2xvcjogdmFyKC0tYnB4LWZuLWhvdmVyLWNvbG9yLCAjMDBiNWU1KTtcblxuQGRtLXN3aXRjaC1pY29uOiB2YXIoLS1icHgtZG1zZW5kLXN3aXRjaC1pY29uLCAjNzU3NTc1KTsgLy8g5by55bmV5byA5YWz5Zu+5qCHXG5AZ3JheS1idXR0b24tYmc6IHZhcigtLWJweC1hdXgtYnV0dG9uLWJnLCAjZTVlOWVmKTsgLy8g54Gw6Imy5oyJ6ZKu6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWJnOiB2YXIoLS1icHgtYXV4LWhlYWRlci1iZywgI2Y0ZjRmNCk7IC8vIGNvbGxhcHNl6aG26YOo6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWZvbnQ6IHZhcigtLWJweC1hdXgtaGVhZGVyLWZvbnQsICMyMjIyMjIpOyAvLyBjb2xscGFzZemhtumDqOaWh+acrOiJsuWAvFxuQGNvbGxhcHNlLWhlYWRlci1pY29uOiB2YXIoLS1icHgtYXV4LWhlYWRlci1pY29uLCAjNzU3NTc1KTsgLy8gY29sbGFwc2Xpobbpg6jlsZXlvIAv5pS26LW35Zu+5qCH44CBZHJvcGRvd27mm7TlpJrvvIjkuInngrnvvInlm77moIdcbkBkcm9wZG93bi1mb250OiB2YXIoLS1icHgtYXV4LWNvbnRlbnQtZm9udDEsICMyMjIyMjIpOyAvLyBkcm9wZG93buaWh+acrOiJsuWAvFxuQGZsb2F0LWJvcmRlcjogdmFyKC0tYnB4LWF1eC1mbG9hdC1ib3JkZXIsICNlNWU5ZWYpOyAvLyBkcm9wZG93bi9kaWFsb2flpJbovrnmoYZcbkBmbG9hdC1iZzogdmFyKC0tYnB4LWF1eC1mbG9hdC1iZywgI2ZmZmZmZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+iDjOaZr1xuQGZsb2F0LWJnLWhvdmVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWhvdmVyLWJnLCAjMDAwMDAwKTsgLy8gZHJvcGRvd27mgqzmta7og4zmma9cbkBmbG9hdC1saW5lLWJvcmRlcjogdmFyKC0tYnB4LWF1eC1saW5lLWJvcmRlciwgI2U1ZTllZik7IC8vIGRpYWxvZ+mdouadv+WGheWIhuWJsue6v+i+ueahhlxuQGRpYWxvZy1pY29uOiB2YXIoLS1icHgtYXV4LWZsb2F0LWljb24sICM2ZDc1N2EpOyAvLyBkaWFsb2flm77moIdcblxuQGdyYXk6ICM5OTk7XG5AZ3JheS1saWdodDogI2U3ZTdlNztcbkBncmF5LWRhcms6ICM3NTc1NzU7XG5AZ3JheS1ib3JkZXI6ICNjMGMwYzA7XG5AcGljLWJvcmRlcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuQHRleHQtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuNSk7XG5AY29sb3ItcGluazogI2Y5NzM5YTtcbkBmb250LXNpemU6IHZhcigtLWJweC11aS1mb250LXNpemUsIDEycHgpO1xuXG4uYnVpIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICBzdmcge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICYuYnVpLWRpc2FibGVkIHtcbiAgICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMTAwJSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgKiB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5idWktYXJlYSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxufVxuXG4uZG90ZG90ZG90IHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG59XG5cbi50cmFuc2l0aW9uKEB0cmFuc2l0aW9uKSB7XG4gICAgdHJhbnNpdGlvbjogQHRyYW5zaXRpb247XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDBweCk7XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuL2dsb2JhbC5sZXNzJztcblxuJiB7XG4gICAgLkB7cHJlZml4fXRhYnMge1xuICAgICAgICAuQHtwcmVmaXh9dGFicy1oZWFkZXIge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcblxuICAgICAgICAgICAgLkB7cHJlZml4fXRhYnMtaGVhZGVyLWl0ZW0ge1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiBAZm9udC1zaXplO1xuICAgICAgICAgICAgICAgIGNvbG9yOiBAZHJvcGRvd24tZm9udDtcbiAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgICAgICAgICAmLkB7cHJlZml4fXRhYnMtaGVhZGVyLWl0ZW0tYWN0aXZlIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IEBmbi1jb2xvcjtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIEBmbi1jb2xvcjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAuQHtwcmVmaXh9dGFicy1ib2R5IHtcbiAgICAgICAgLkB7cHJlZml4fXRhYnMtYm9keS1pdGVtIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG5cbiAgICAgICAgICAgICYuQHtwcmVmaXh9dGFicy1ib2R5LWl0ZW0tYWN0aXZlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */


.bui-dropdown {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bui-dropdown .bui-dropdown-wrap {
    fill: #757575;
    fill: var(--bpx-aux-header-icon, #757575)
}

.bui-dropdown .bui-dropdown-wrap.bui-no-event {
    pointer-events: none
}

.bui-dropdown .bui-dropdown-wrap.bui-dropdown-unfold .bui-dropdown-items {
    display: block
}

.bui-dropdown .bui-dropdown-wrap.bui-dropdown-unfold .bui-dropdown-icon {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6)
}

.bui-dropdown .bui-dropdown-display .bui-dropdown-name {
    vertical-align: middle
}

.bui-dropdown .bui-dropdown-display .bui-dropdown-icon {
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin-left: 9px;
    -webkit-transition: fill .3s;
    transition: fill .3s;
    vertical-align: middle;
    width: 14px
}

.bui-dropdown .bui-dropdown-display .bui-dropdown-icon .bpx-common-svg-icon {
    vertical-align: top
}

.bui-dropdown .bui-dropdown-display .bui-dropdown-icon:hover {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6)
}

.bui-dropdown .bui-dropdown-items {
    background-color: #fff;
    background-color: var(--bpx-aux-float-bg, #fff);
    border: 1px solid #e5e9ef;
    border: 1px solid var(--bpx-aux-float-border, #e5e9ef);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    display: none;
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 1
}

.bui-dropdown .bui-dropdown-items .bui-dropdown-item {
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    position: relative;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    white-space: nowrap
}

.bui-dropdown .bui-dropdown-items .bui-dropdown-item:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 100%
}

.bui-dropdown .bui-dropdown-items .bui-dropdown-item:hover {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-dropdown .bui-dropdown-items .bui-dropdown-item:hover:before {
    background-color: #000;
    background-color: var(--bpx-aux-float-hover-bg, #000)
}

.bui-dropdown .bui-dropdown-items .bui-dropdown-item.bui-hide {
    display: none
}

.bui-dropdown .bui-dropdown-items .bui-dropdown-item.bui-disabled {
    background-color: #f4f4f4;
    cursor: not-allowed
}

.bui-dropdown .bui-dropdown-items .bui-dropdown-item.bui-disabled:hover {
    background-color: #f4f4f4;
    color: #222;
    color: var(--bpx-aux-content-font1, #222)
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9kcm9wZG93bi5sZXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFDLGNDSU8sb0JBQUEsQ0FDQSxpQkFBQSxDQUVBLHdCQUFBLENBQUEscUJBQUEsQ0FBQSxvQkFBQSxDQUFBLGdCQUFBLENBREEsa0JBRFIsQ0RMQyxpQ0NVVyxZQUFBLENBQUEsdUNBRlosQ0RSQyw4Q0NhZSxtQkFGaEIsQ0RYQyx5RUNpQm1CLGFBSHBCLENEZEMsd0VDcUJtQixZQUFBLENBQUEsZ0NBSnBCLENEakJDLHVEQzRCZSxxQkFSaEIsQ0RwQkMsdURDbUNlLGNBQUEsQ0FIQSxvQkFBQSxDQUVBLFdBQUEsQ0FHQSxlQUFBLENBQ0EsMkJBQUEsQ0FBQSxtQkFBQSxDQUZBLHFCQUFBLENBSEEsVUFKaEIsQ0Q3QkMsNEVDd0NtQixrQkFScEIsQ0FXZ0IsNkRBQ0ksWUFBQSxDQUFBLGdDQVRwQixDRG5DQyxrQ0MwRFcscUJBQUEsQ0FBQSw2Q0FBQSxDQUZBLHdCQUFBLENBQUEsb0RBQUEsQ0FDQSxpQkFBQSxDQUVBLDhDQUFBLENBQUEsc0NBQUEsQ0FUQSxZQUFBLENBS0EsYUFBQSxDQUpBLGlCQUFBLENBRUEsT0FBQSxDQUNBLFFBQUEsQ0FGQSxTQUxaLENEL0NDLHFEQ21FZSxVQUFBLENBQUEsdUNBQUEsQ0FEQSxjQUFBLENBREEsY0FBQSxDQU1BLGVBQUEsQ0FQQSxXQUFBLENBREEsZ0JBQUEsQ0FNQSxjQUFBLENBQ0EsaUJBQUEsQ0FGQSxpREFBQSxDQUFBLHlDQUFBLENBTkEsa0JBSGhCLENBY2dCLDREQUVJLFVBQUEsQ0FJQSxXQUFBLENBRkEsTUFBQSxDQUdBLFVBQUEsQ0FOQSxpQkFBQSxDQUVBLEtBQUEsQ0FLQSx1Q0FBQSxDQUNBLCtCQUFBLENBSkEsVUFScEIsQ0FlZ0IsMkRBQ0ksYUFBQSxDQUFBLGlDQWJwQixDQWVvQixrRUFDSSxxQkFBQSxDQUFBLG1EQWJ4QixDRDVFQyw4REM2Rm1CLFlBZHBCLENEL0VDLGtFQ2lHbUIsd0JBQUEsQ0FEQSxrQkFicEIsQ0Flb0Isd0VBRUksd0JBQUEsQ0FEQSxVQUFBLENBQUEsdUNBWnhCIiwic291cmNlc0NvbnRlbnQiOlsiQHByZWZpeDogYnVpLTtcbkBtYWluLWNvbG9yOiB2YXIoLS1icHgtcHJpbWFyeS1jb2xvciwgIzAwYTFkNik7XG5cbkBmbi1jb2xvcjogdmFyKC0tYnB4LWZuLWNvbG9yLCAjMDBhMWQ2KTtcbkBmbi1ob3Zlci1jb2xvcjogdmFyKC0tYnB4LWZuLWhvdmVyLWNvbG9yLCAjMDBiNWU1KTtcblxuQGRtLXN3aXRjaC1pY29uOiB2YXIoLS1icHgtZG1zZW5kLXN3aXRjaC1pY29uLCAjNzU3NTc1KTsgLy8g5by55bmV5byA5YWz5Zu+5qCHXG5AZ3JheS1idXR0b24tYmc6IHZhcigtLWJweC1hdXgtYnV0dG9uLWJnLCAjZTVlOWVmKTsgLy8g54Gw6Imy5oyJ6ZKu6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWJnOiB2YXIoLS1icHgtYXV4LWhlYWRlci1iZywgI2Y0ZjRmNCk7IC8vIGNvbGxhcHNl6aG26YOo6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWZvbnQ6IHZhcigtLWJweC1hdXgtaGVhZGVyLWZvbnQsICMyMjIyMjIpOyAvLyBjb2xscGFzZemhtumDqOaWh+acrOiJsuWAvFxuQGNvbGxhcHNlLWhlYWRlci1pY29uOiB2YXIoLS1icHgtYXV4LWhlYWRlci1pY29uLCAjNzU3NTc1KTsgLy8gY29sbGFwc2Xpobbpg6jlsZXlvIAv5pS26LW35Zu+5qCH44CBZHJvcGRvd27mm7TlpJrvvIjkuInngrnvvInlm77moIdcbkBkcm9wZG93bi1mb250OiB2YXIoLS1icHgtYXV4LWNvbnRlbnQtZm9udDEsICMyMjIyMjIpOyAvLyBkcm9wZG93buaWh+acrOiJsuWAvFxuQGZsb2F0LWJvcmRlcjogdmFyKC0tYnB4LWF1eC1mbG9hdC1ib3JkZXIsICNlNWU5ZWYpOyAvLyBkcm9wZG93bi9kaWFsb2flpJbovrnmoYZcbkBmbG9hdC1iZzogdmFyKC0tYnB4LWF1eC1mbG9hdC1iZywgI2ZmZmZmZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+iDjOaZr1xuQGZsb2F0LWJnLWhvdmVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWhvdmVyLWJnLCAjMDAwMDAwKTsgLy8gZHJvcGRvd27mgqzmta7og4zmma9cbkBmbG9hdC1saW5lLWJvcmRlcjogdmFyKC0tYnB4LWF1eC1saW5lLWJvcmRlciwgI2U1ZTllZik7IC8vIGRpYWxvZ+mdouadv+WGheWIhuWJsue6v+i+ueahhlxuQGRpYWxvZy1pY29uOiB2YXIoLS1icHgtYXV4LWZsb2F0LWljb24sICM2ZDc1N2EpOyAvLyBkaWFsb2flm77moIdcblxuQGdyYXk6ICM5OTk7XG5AZ3JheS1saWdodDogI2U3ZTdlNztcbkBncmF5LWRhcms6ICM3NTc1NzU7XG5AZ3JheS1ib3JkZXI6ICNjMGMwYzA7XG5AcGljLWJvcmRlcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuQHRleHQtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuNSk7XG5AY29sb3ItcGluazogI2Y5NzM5YTtcbkBmb250LXNpemU6IHZhcigtLWJweC11aS1mb250LXNpemUsIDEycHgpO1xuXG4uYnVpIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICBzdmcge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICYuYnVpLWRpc2FibGVkIHtcbiAgICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMTAwJSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgKiB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5idWktYXJlYSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxufVxuXG4uZG90ZG90ZG90IHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG59XG5cbi50cmFuc2l0aW9uKEB0cmFuc2l0aW9uKSB7XG4gICAgdHJhbnNpdGlvbjogQHRyYW5zaXRpb247XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDBweCk7XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuL2dsb2JhbC5sZXNzJztcblxuJiB7XG4gICAgLkB7cHJlZml4fWRyb3Bkb3duIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICAgICAgIC5Ae3ByZWZpeH1kcm9wZG93bi13cmFwIHtcbiAgICAgICAgICAgIGZpbGw6IEBjb2xsYXBzZS1oZWFkZXItaWNvbjtcblxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1uby1ldmVudCB7XG4gICAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLkB7cHJlZml4fWRyb3Bkb3duLXVuZm9sZCB7XG4gICAgICAgICAgICAgICAgLkB7cHJlZml4fWRyb3Bkb3duLWl0ZW1zIHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgLkB7cHJlZml4fWRyb3Bkb3duLWljb24ge1xuICAgICAgICAgICAgICAgICAgICBmaWxsOiBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLkB7cHJlZml4fWRyb3Bkb3duLWRpc3BsYXkge1xuICAgICAgICAgICAgLkB7cHJlZml4fWRyb3Bkb3duLW5hbWUge1xuICAgICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5Ae3ByZWZpeH1kcm9wZG93bi1pY29uIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxNHB4O1xuICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA5cHg7XG4gICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogZmlsbCAwLjNzO1xuICAgICAgICAgICAgICAgIC5icHgtY29tbW9uLXN2Zy1pY29uIHtcbiAgICAgICAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgZmlsbDogQGZuLWNvbG9yO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1kcm9wZG93bi1pdGVtcyB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgdG9wOiAzMHB4O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4IDA7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBAZmxvYXQtYm9yZGVyO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogQGZsb2F0LWJnO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMHB4IDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpO1xuXG4gICAgICAgICAgICAuQHtwcmVmaXh9ZHJvcGRvd24taXRlbSB7XG4gICAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMzZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgICAgICBjb2xvcjogQGRyb3Bkb3duLWZvbnQ7XG4gICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzLCBjb2xvciAwLjNzO1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDAgMTJweDtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcblxuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLjE7XG4gICAgICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuM3M7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBAZm4tY29sb3I7XG5cbiAgICAgICAgICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogQGZsb2F0LWJnLWhvdmVyO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICYuQHtwcmVmaXh9aGlkZSB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICYuQHtwcmVmaXh9ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjRmNGY0O1xuICAgICAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBAZHJvcGRvd24tZm9udDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmNGY0ZjQ7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */


.bui-button {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bui-button .bui-area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: none;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    justify-content: center;
    min-width: 68px;
    outline: none;
    padding: 3px;
    text-align: inherit;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.bui-button .bui-area.bui-button-transparent {
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff
}

.bui-button .bui-area.bui-button-transparent:hover {
    border-color: #00a1d6;
    border-color: var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-button .bui-area.bui-button-border {
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    cursor: pointer
}

.bui-button .bui-area.bui-button-border:hover {
    border-color: #00a1d6;
    border-color: var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-button .bui-area.bui-button-white {
    background-color: #fff;
    border: 1px solid silver;
    color: #757575
}

.bui-button .bui-area.bui-button-white:hover {
    border-color: #00a1d6;
    border-color: var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-button .bui-area.bui-button-gray,
.bui-button .bui-area.bui-button-large,
.bui-button .bui-area.bui-button-small {
    background-color: #e5e9ef;
    background-color: var(--bpx-aux-button-bg, #e5e9ef);
    color: #222;
    color: var(--bpx-aux-content-font1, #222)
}

.bui-button .bui-area.bui-button-gray:hover,
.bui-button .bui-area.bui-button-large:hover,
.bui-button .bui-area.bui-button-small:hover {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    color: #fff
}

.bui-button .bui-area.bui-button-gray2 {
    background-color: #f4f4f4;
    color: #505050
}

.bui-button .bui-area.bui-button-gray2:hover {
    background-color: #f4f4f4;
    color: #222
}

.bui-button .bui-area.bui-button-gray3 {
    color: #999
}

.bui-button .bui-area.bui-button-blue,
.bui-button .bui-area.bui-button-gray3:hover {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    color: #fff
}

.bui-button .bui-area.bui-button-blue:hover {
    background-color: #00b5e5;
    background-color: var(--bpx-fn-hover-color, #00b5e5)
}

.bui-button .bui-area.bui-button-blue2 {
    background-color: #fff;
    border: 1px solid #00a1d6;
    border-color: var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-button .bui-area.bui-button-blue2:hover {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    color: #fff
}

.bui-button .bui-area.bui-button-yellow {
    background-color: #f5b23d;
    color: #fff
}

.bui-button .bui-area.bui-button-yellow:hover {
    background-color: #ffc154
}

.bui-button .bui-area.bui-button-text {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bui-button .bui-area.bui-button-text:hover {
    color: #00b5e5;
    color: var(--bpx-fn-hover-color, #00b5e5)
}

.bui-button .bui-area.bui-disabled {
    background: #f5f7fa;
    border: none;
    color: silver;
    pointer-events: none
}

.bui-button .bui-area.bui-disabled:hover {
    background: #f5f7fa;
    color: silver
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9idXR0b24ubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQyxZQ0tPLGNBQUEsQ0FEQSwwQkFBQSxDQUFBLDBCQUFBLENBQUEsbUJBRFIsQ0RIQyxzQkNrQlcsdUJBQUEsQ0FBQSxvQkFBQSxDQUxBLGVBQUEsQ0FIQSxpQkFBQSxDQUNBLDZCQUFBLENBQUEscUJBQUEsQ0FLQSxhQUFBLENBUEEsY0FBQSxDQUFBLHNDQUFBLENBU0Esc0JBQUEsQ0FWQSxjQUFBLENBT0EsWUFBQSxDQURBLFdBQUEsQ0FHQSxrQkFBQSxDRGtEUiwrQkFBQSxDQUFBLHVCQUFBLENBREEsMEJBQUEsQ0FBQSxrQkNqREosQ0RqQkMsNkNDd0JlLG1DQUFBLENBSEEsVUFFaEIsQ0FHZ0IsbURBRUksb0JBQUEsQ0FBQSx3Q0FBQSxDQURBLGFBQUEsQ0FBQSxpQ0FBcEIsQ0QzQkMsd0NDbUNlLG1DQUFBLENBSEEsVUFBQSxDQUlBLGNBRmhCLENBR2dCLDhDQUVJLG9CQUFBLENBQUEsd0NBQUEsQ0FEQSxhQUFBLENBQUEsaUNBQXBCLENEdENDLHVDQ2dEZSxxQkFBQSxDQURBLHVCQUFBLENBSEEsYUFDaEIsQ0FLZ0IsNkNBRUksb0JBQUEsQ0FBQSx3Q0FBQSxDQURBLGFBQUEsQ0FBQSxpQ0FGcEIsQ0RqREMsb0hDMkRlLHdCQUFBLENBQUEsaURBQUEsQ0FDQSxVQUFBLENBQUEsdUNBTGhCLENBT2dCLHNJQUNJLHdCQUFBLENBQUEsNENBQUEsQ0FDQSxVQUhwQixDRDdEQyx1Q0NzRWUsd0JBQUEsQ0FEQSxhQUpoQixDQU9nQiw2Q0FDSSx3QkFBQSxDQUNBLFVBTHBCLENEckVDLHVDQytFZSxVQVBoQixDRHhFQyxtRkNrRm1CLHdCQUFBLENBQUEsNENBQUEsQ0FDQSxVQUhwQixDQVdnQiw0Q0FDSSx3QkFBQSxDQUFBLGtEQVRwQixDRG5GQyx1Q0NrR2UscUJBQUEsQ0FHQSx3QkFBQSxDQUFBLHdDQUFBLENBSkEsYUFBQSxDQUFBLGlDQVBoQixDQWFnQiw2Q0FDSSx3QkFBQSxDQUFBLDRDQUFBLENBQ0EsVUFYcEIsQ0Q5RkMsd0NDOEdlLHdCQUFBLENBQ0EsVUFiaEIsQ0FlZ0IsOENBQ0ksd0JBYnBCLENEckdDLHNDQ3VIZSxhQUFBLENBQUEsaUNBZmhCLENBaUJnQiw0Q0FDSSxhQUFBLENBQUEsdUNBZnBCLENEM0dDLG1DQytIZSxrQkFBQSxDQUVBLFdBQUEsQ0FEQSxZQUFBLENBRUEsbUJBakJoQixDQW1CZ0IseUNBQ0ksa0JBQUEsQ0FDQSxZQWpCcEIiLCJzb3VyY2VzQ29udGVudCI6WyJAcHJlZml4OiBidWktO1xuQG1haW4tY29sb3I6IHZhcigtLWJweC1wcmltYXJ5LWNvbG9yLCAjMDBhMWQ2KTtcblxuQGZuLWNvbG9yOiB2YXIoLS1icHgtZm4tY29sb3IsICMwMGExZDYpO1xuQGZuLWhvdmVyLWNvbG9yOiB2YXIoLS1icHgtZm4taG92ZXItY29sb3IsICMwMGI1ZTUpO1xuXG5AZG0tc3dpdGNoLWljb246IHZhcigtLWJweC1kbXNlbmQtc3dpdGNoLWljb24sICM3NTc1NzUpOyAvLyDlvLnluZXlvIDlhbPlm77moIdcbkBncmF5LWJ1dHRvbi1iZzogdmFyKC0tYnB4LWF1eC1idXR0b24tYmcsICNlNWU5ZWYpOyAvLyDngbDoibLmjInpkq7og4zmma9cbkBjb2xsYXBzZS1oZWFkZXItYmc6IHZhcigtLWJweC1hdXgtaGVhZGVyLWJnLCAjZjRmNGY0KTsgLy8gY29sbGFwc2Xpobbpg6jog4zmma9cbkBjb2xsYXBzZS1oZWFkZXItZm9udDogdmFyKC0tYnB4LWF1eC1oZWFkZXItZm9udCwgIzIyMjIyMik7IC8vIGNvbGxwYXNl6aG26YOo5paH5pys6Imy5YC8XG5AY29sbGFwc2UtaGVhZGVyLWljb246IHZhcigtLWJweC1hdXgtaGVhZGVyLWljb24sICM3NTc1NzUpOyAvLyBjb2xsYXBzZemhtumDqOWxleW8gC/mlLbotbflm77moIfjgIFkcm9wZG93buabtOWkmu+8iOS4ieeCue+8ieWbvuagh1xuQGRyb3Bkb3duLWZvbnQ6IHZhcigtLWJweC1hdXgtY29udGVudC1mb250MSwgIzIyMjIyMik7IC8vIGRyb3Bkb3du5paH5pys6Imy5YC8XG5AZmxvYXQtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJvcmRlciwgI2U1ZTllZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+Wklui+ueahhlxuQGZsb2F0LWJnOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJnLCAjZmZmZmZmKTsgLy8gZHJvcGRvd24vZGlhbG9n6IOM5pmvXG5AZmxvYXQtYmctaG92ZXI6IHZhcigtLWJweC1hdXgtZmxvYXQtaG92ZXItYmcsICMwMDAwMDApOyAvLyBkcm9wZG93buaCrOa1ruiDjOaZr1xuQGZsb2F0LWxpbmUtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWxpbmUtYm9yZGVyLCAjZTVlOWVmKTsgLy8gZGlhbG9n6Z2i5p2/5YaF5YiG5Ymy57q/6L655qGGXG5AZGlhbG9nLWljb246IHZhcigtLWJweC1hdXgtZmxvYXQtaWNvbiwgIzZkNzU3YSk7IC8vIGRpYWxvZ+Wbvuagh1xuXG5AZ3JheTogIzk5OTtcbkBncmF5LWxpZ2h0OiAjZTdlN2U3O1xuQGdyYXktZGFyazogIzc1NzU3NTtcbkBncmF5LWJvcmRlcjogI2MwYzBjMDtcbkBwaWMtYm9yZGVyOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOCk7XG5AdGV4dC1zaGFkb3c6IHJnYmEoMCwgMCwgMCwgMC41KTtcbkBjb2xvci1waW5rOiAjZjk3MzlhO1xuQGZvbnQtc2l6ZTogdmFyKC0tYnB4LXVpLWZvbnQtc2l6ZSwgMTJweCk7XG5cbi5idWkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblxuICAgIHN2ZyB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJi5idWktZGlzYWJsZWQge1xuICAgICAgICBmaWx0ZXI6IGdyYXlzY2FsZSgxMDAlKTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcblxuICAgICAgICAqIHtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLmJ1aS1hcmVhIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgICBsaW5lLWhlaWdodDogbm9ybWFsO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB9XG59XG5cbi5kb3Rkb3Rkb3Qge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbn1cblxuLnRyYW5zaXRpb24oQHRyYW5zaXRpb24pIHtcbiAgICB0cmFuc2l0aW9uOiBAdHJhbnNpdGlvbjtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMHB4KTtcbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4vZ2xvYmFsLmxlc3MnO1xuXG4mIHtcbiAgICAuQHtwcmVmaXh9YnV0dG9uIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgICAuQHtwcmVmaXh9YXJlYSB7XG4gICAgICAgICAgICBtaW4td2lkdGg6IDY4cHg7XG4gICAgICAgICAgICBmb250LXNpemU6IEBmb250LXNpemU7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgLnRyYW5zaXRpb24oYWxsIDAuMnMpO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDNweDtcbiAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGluaGVyaXQ7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1idXR0b24tdHJhbnNwYXJlbnQge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG5cbiAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IEBmbi1jb2xvcjtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1idXR0b24tYm9yZGVyIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IEBmbi1jb2xvcjtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLkB7cHJlZml4fWJ1dHRvbi13aGl0ZSB7XG4gICAgICAgICAgICAgICAgY29sb3I6IEBncmF5LWRhcms7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IEBncmF5LWJvcmRlcjtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogQGZuLWNvbG9yO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1idXR0b24tZ3JheSxcbiAgICAgICAgICAgICYuQHtwcmVmaXh9YnV0dG9uLWxhcmdlLFxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1idXR0b24tc21hbGwge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IEBncmF5LWJ1dHRvbi1iZztcbiAgICAgICAgICAgICAgICBjb2xvcjogQGRyb3Bkb3duLWZvbnQ7XG5cbiAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogQGZuLWNvbG9yO1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuQHtwcmVmaXh9YnV0dG9uLWdyYXkyIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogIzUwNTA1MDtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjRmNGY0O1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmNGY0ZjQ7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjMjIyO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1idXR0b24tZ3JheTMge1xuICAgICAgICAgICAgICAgIGNvbG9yOiBAZ3JheTtcblxuICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1idXR0b24tYmx1ZSB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogQGZuLWNvbG9yO1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IEBmbi1ob3Zlci1jb2xvcjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuQHtwcmVmaXh9YnV0dG9uLWJsdWUyIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogQGZuLWNvbG9yO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IEBmbi1jb2xvcjtcblxuICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi5Ae3ByZWZpeH1idXR0b24teWVsbG93IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjViMjNkO1xuICAgICAgICAgICAgICAgIGNvbG9yOiAjZmZmO1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmMxNTQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLkB7cHJlZml4fWJ1dHRvbi10ZXh0IHtcbiAgICAgICAgICAgICAgICBjb2xvcjogQGZuLWNvbG9yO1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBAZm4taG92ZXItY29sb3I7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLkB7cHJlZml4fWRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZjVmN2ZhO1xuICAgICAgICAgICAgICAgIGNvbG9yOiBAZ3JheS1ib3JkZXI7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6ICNmNWY3ZmE7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBAZ3JheS1ib3JkZXI7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.bui-swiper-wrap {
    height: 100%;
    position: relative;
    width: 100%
}

.bui-swiper-wrap.bui-swiper-has-pre .bui-swiper-pre {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bui-swiper-wrap.bui-swiper-has-pre:before {
    background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
    background: linear-gradient(90deg, #000, transparent);
    bottom: 4px;
    content: "";
    left: 14px;
    position: absolute;
    top: 0;
    width: 57px;
    z-index: 2
}

.bui-swiper-wrap.bui-swiper-has-next .bui-swiper-next {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bui-swiper-wrap.bui-swiper-has-next:after {
    background: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));
    background: linear-gradient(270deg, #000, transparent);
    bottom: 4px;
    content: "";
    position: absolute;
    right: 14px;
    top: 0;
    width: 57px;
    z-index: 2
}

.bui-swiper-wrap .bui-swiper-next,
.bui-swiper-wrap .bui-swiper-pre {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 28px;
    justify-content: center;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 28px;
    z-index: 3
}

.bui-swiper-wrap .bui-swiper-next>span,
.bui-swiper-wrap .bui-swiper-pre>span {
    height: 20px;
    width: 20px
}

.bui-swiper-wrap .bui-swiper-next svg,
.bui-swiper-wrap .bui-swiper-pre svg {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6);
    height: 20px;
    vertical-align: top;
    width: 20px
}

.bui-swiper-wrap .bui-swiper-next:hover,
.bui-swiper-wrap .bui-swiper-pre:hover {
    background: #00a1d6;
    background: var(--bpx-primary-color, #00a1d6)
}

.bui-swiper-wrap .bui-swiper-next:hover svg,
.bui-swiper-wrap .bui-swiper-pre:hover svg {
    fill: #fff
}

.bui-swiper-wrap .bui-swiper-pre {
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bui-swiper-wrap .bui-swiper-next {
    right: 0
}

.bui-swiper-wrap .bui-swiper-overhide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0 14px;
    overflow: hidden;
    position: relative
}

.bui-swiper-wrap .bui-swiper-list {
    font-size: 0;
    height: 100%;
    position: absolute;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    white-space: nowrap
}

.bui-swiper-wrap .bui-swiper-list.bui-swiper-border:before {
    background: hsla(0, 0%, 100%, .8);
    content: "";
    height: 1px;
    left: 4px;
    position: absolute;
    right: 0;
    top: 36px
}

.bui-swiper-wrap .bui-swiper-list.bui-swiper-border .bui-swiper-img {
    background: #000;
    border: 1px solid hsla(0, 0%, 100%, .8);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.bui-swiper-wrap .bui-swiper-item {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    position: relative
}

.bui-swiper-wrap .bui-swiper-item.bui-swiper-item-active .bui-swiper-img {
    border-color: #00a1d6;
    border-color: var(--bpx-fn-color, #00a1d6)
}

.bui-swiper-wrap .bui-swiper-item.bui-swiper-item-active:hover .bui-swiper-text {
    color: #fff
}

.bui-swiper-wrap .bui-swiper-item.bui-swiper-item-active .bui-swiper-text {
    background: #00a1d6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAZxJREFUOBHllLFKw1AUhhutraXUUIJTEcEncCkIgrPP08XNwc1XcHArOCtF8SH6BO3YQAstNIGibUz9v/ReqG1iOrh54M859z///XNPElIo/LtwfpnY9si2XqoGhM2rVc4Vg/3RaHS1WCxe4jj2ATUcPcHeJMdqJSwGQXCzXC4jYTMienIp7mKanKzX613KJdKp5v1+/77Val0Aajh6aGSYe1IMS7PZ7JljYaB1Qzg2aMDRQ4NW+DH6noj1oFkslUrnkO12+0kpFAKD0HAFo9kaG2I9kpEdx6lCuq67UPoUyEnU6/WIwmhyR0ZQC8PwnbGGw+Gd1mWBSUAZjh4arWsCezKDTdVOp3OtPXr+8Xw6nd52u91TQG1eSowGrcCezEheirqe7/sPnCQt6KERtl7KpnPyDEVWPc9rTCaTt01DOHpohNxnyA0wPRCOms3m2Xg8frWm1HD0jAbtTmFHdyuVyslgMHgE1NrtCpmjZt0BHjDSoYFS4cPgS3n9R0EviSxDmraHqf00MAJE6t/GblpJ0q+bmlSj9K1/wH4DFyEGzZj/08QAAAAASUVORK5CYII=) no-repeat 0;
    background: var(--bpx-fn-color, #00a1d6) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAZxJREFUOBHllLFKw1AUhhutraXUUIJTEcEncCkIgrPP08XNwc1XcHArOCtF8SH6BO3YQAstNIGibUz9v/ReqG1iOrh54M859z///XNPElIo/LtwfpnY9si2XqoGhM2rVc4Vg/3RaHS1WCxe4jj2ATUcPcHeJMdqJSwGQXCzXC4jYTMienIp7mKanKzX613KJdKp5v1+/77Val0Aajh6aGSYe1IMS7PZ7JljYaB1Qzg2aMDRQ4NW+DH6noj1oFkslUrnkO12+0kpFAKD0HAFo9kaG2I9kpEdx6lCuq67UPoUyEnU6/WIwmhyR0ZQC8PwnbGGw+Gd1mWBSUAZjh4arWsCezKDTdVOp3OtPXr+8Xw6nd52u91TQG1eSowGrcCezEheirqe7/sPnCQt6KERtl7KpnPyDEVWPc9rTCaTt01DOHpohNxnyA0wPRCOms3m2Xg8frWm1HD0jAbtTmFHdyuVyslgMHgE1NrtCpmjZt0BHjDSoYFS4cPgS3n9R0EviSxDmraHqf00MAJE6t/GblpJ0q+bmlSj9K1/wH4DFyEGzZj/08QAAAAASUVORK5CYII=) no-repeat left center;
    background-size: 22px;
    color: #fff;
    padding-left: 22px
}

.bui-swiper-wrap .bui-swiper-item.bui-swiper-item-active .bui-swiper-text svg {
    height: 16px;
    vertical-align: middle;
    width: 24px
}

.bui-swiper-wrap .bui-swiper-item .bui-swiper-img {
    bottom: 16px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bui-swiper-wrap .bui-swiper-item .bui-swiper-img img {
    height: 100%;
    width: 100%
}

.bui-swiper-wrap .bui-swiper-item:first-child {
    margin-left: 4px !important
}

.bui-swiper-wrap .bui-swiper-item:hover .bui-swiper-text {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bui-swiper-wrap .bui-swiper-item .bui-swiper-text {
    background: #fff;
    bottom: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 20px;
    left: -4px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 4px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9zd2lwZXIubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQyxpQkNNTyxXQUFBLENBRkEsaUJBQUEsQ0FDQSxVQURSLENESkMsb0RDU2UsMEJBQUEsQ0FBQSwwQkFBQSxDQUFBLG1CQUZoQixDQUlZLDJDQU9JLGlGQUFBLENBQUEsa0RBQUEsQ0FGQSxVQUFBLENBSkEsVUFBQSxDQUVBLFNBQUEsQ0FEQSxpQkFBQSxDQUVBLEtBQUEsQ0FFQSxVQUFBLENBRUEsU0FGaEIsQ0RqQkMsc0RDd0JlLDBCQUFBLENBQUEsMEJBQUEsQ0FBQSxtQkFKaEIsQ0FNWSwyQ0FPSSxpRkFBQSxDQUFBLG1EQUFBLENBRkEsVUFBQSxDQUpBLFVBQUEsQ0FDQSxpQkFBQSxDQUVBLFVBQUEsQ0FEQSxLQUFBLENBR0EsVUFBQSxDQUVBLFNBSmhCLENEOUJDLG1FQ21EVyx3QkFBQSxDQUFBLHFCQUFBLENBQ0EsdUJBQUEsQ0FBQSxvQkFBQSxDQURBLGtCQUFBLENBSkEsZUFBQSxDQURBLGlCQUFBLENBSkEsNkJBQUEsQ0FBQSxxQkFBQSxDQU9BLGNBQUEsQ0FWQSxZQUFBLENBS0EsV0FBQSxDQVFBLHNCQUFBLENBUEEsZ0JBQUEsQ0FMQSxpQkFBQSxDQVFBLGlCQUFBLENBUEEsT0FBQSxDQUVBLFVBQUEsQ0FPQSxTQUhaLENEL0NDLDZFQ3VEZSxXQUFBLENBREEsVUFGaEIsQ0RwREMsMkVDMkRlLFlBQUEsQ0FBQSxnQ0FBQSxDQUVBLFdBQUEsQ0FIQSxrQkFBQSxDQUVBLFVBRGhCLENBSVksK0VBQ0ksa0JBQUEsQ0FBQSwyQ0FEaEIsQ0FBWSx1RkFHUSxTQUNwQixDRG5FQyxpQ0N3RVcsTUFBQSxDQURBLGdDQUFBLENBQUEsd0JBQVosQ0R2RUMsa0NDMkVXLE9BRFosQ0QxRUMsc0NDK0VXLDZCQUFBLENBQUEscUJBQUEsQ0FDQSxXQUFBLENBRUEsYUFBQSxDQURBLGVBQUEsQ0FIQSxpQkFHWixDRGpGQyxrQ0MwRlcsV0FBQSxDQUpBLFdBQUEsQ0FEQSxpQkFBQSxDQUdBLCtCQUFBLENBQUEsdUJBQUEsQ0FDQSxtREFBQSxDQUFBLDJDQUFBLENBQUEsbUNBQUEsQ0FBQSxvRUFBQSxDQUZBLGtCQUVaLENBR2dCLDJEQU9JLDZCQUFBLENBTkEsVUFBQSxDQUtBLFVBQUEsQ0FIQSxRQUFBLENBREEsaUJBQUEsQ0FFQSxPQUFBLENBQ0EsUUFDcEIsQ0RsR0Msb0VDc0dtQixlQUFBLENBQ0EsbUNBQUEsQ0FDQSw2Q0FBQSxDQUFBLHFDQURwQixDRHZHQyxrQ0NnSFcsY0FBQSxDQUZBLG9CQUFBLENBQ0EsV0FBQSxDQUZBLGlCQUFaLENEN0dDLHlFQ21IbUIsb0JBQUEsQ0FBQSx3Q0FIcEIsQ0FLZ0IsZ0ZBRVEsVUFKeEIsQ0RuSEMsMEVDNEhtQixzRUFBQSxDQUFBLG9HQUFBLENBQ0Esb0JBQUEsQ0FDQSxVQUFBLENBSEEsaUJBRnBCLENEekhDLDhFQ2lJdUIsV0FBQSxDQUNBLHFCQUFBLENBRkEsVUFGeEIsQ0Q5SEMsa0RDMkllLFdBQUEsQ0FDQSxNQUFBLENBSkEsaUJBQUEsQ0FFQSxPQUFBLENBREEsS0FKaEIsQ0RySUMsc0RDK0ltQixXQUFBLENBREEsVUFMcEIsQ0FTWSw4Q0FDSSx5QkFQaEIsQ0FTWSx5REFFUSxhQUFBLENBQUEsc0NBUnBCLENEL0lDLG1EQ29LZSxlQUFBLENBTkEsVUFBQSxDQU9BLHlDQUFBLENBQUEsaUNBQUEsQ0FWQSw2QkFBQSxDQUFBLHFCQUFBLENBUUEsY0FBQSxDQUhBLFdBQUEsQ0FIQSxTQUFBLENBS0EsZ0JBQUEsQ0R0R1osZUFBQSxDQ3FHWSxnQkFBQSxDQUxBLGlCQUFBLENEOUZaLHNCQUFBLENBREEsa0JBQUEsQ0NrR1ksVUFBaEIiLCJzb3VyY2VzQ29udGVudCI6WyJAcHJlZml4OiBidWktO1xuQG1haW4tY29sb3I6IHZhcigtLWJweC1wcmltYXJ5LWNvbG9yLCAjMDBhMWQ2KTtcblxuQGZuLWNvbG9yOiB2YXIoLS1icHgtZm4tY29sb3IsICMwMGExZDYpO1xuQGZuLWhvdmVyLWNvbG9yOiB2YXIoLS1icHgtZm4taG92ZXItY29sb3IsICMwMGI1ZTUpO1xuXG5AZG0tc3dpdGNoLWljb246IHZhcigtLWJweC1kbXNlbmQtc3dpdGNoLWljb24sICM3NTc1NzUpOyAvLyDlvLnluZXlvIDlhbPlm77moIdcbkBncmF5LWJ1dHRvbi1iZzogdmFyKC0tYnB4LWF1eC1idXR0b24tYmcsICNlNWU5ZWYpOyAvLyDngbDoibLmjInpkq7og4zmma9cbkBjb2xsYXBzZS1oZWFkZXItYmc6IHZhcigtLWJweC1hdXgtaGVhZGVyLWJnLCAjZjRmNGY0KTsgLy8gY29sbGFwc2Xpobbpg6jog4zmma9cbkBjb2xsYXBzZS1oZWFkZXItZm9udDogdmFyKC0tYnB4LWF1eC1oZWFkZXItZm9udCwgIzIyMjIyMik7IC8vIGNvbGxwYXNl6aG26YOo5paH5pys6Imy5YC8XG5AY29sbGFwc2UtaGVhZGVyLWljb246IHZhcigtLWJweC1hdXgtaGVhZGVyLWljb24sICM3NTc1NzUpOyAvLyBjb2xsYXBzZemhtumDqOWxleW8gC/mlLbotbflm77moIfjgIFkcm9wZG93buabtOWkmu+8iOS4ieeCue+8ieWbvuagh1xuQGRyb3Bkb3duLWZvbnQ6IHZhcigtLWJweC1hdXgtY29udGVudC1mb250MSwgIzIyMjIyMik7IC8vIGRyb3Bkb3du5paH5pys6Imy5YC8XG5AZmxvYXQtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJvcmRlciwgI2U1ZTllZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+Wklui+ueahhlxuQGZsb2F0LWJnOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJnLCAjZmZmZmZmKTsgLy8gZHJvcGRvd24vZGlhbG9n6IOM5pmvXG5AZmxvYXQtYmctaG92ZXI6IHZhcigtLWJweC1hdXgtZmxvYXQtaG92ZXItYmcsICMwMDAwMDApOyAvLyBkcm9wZG93buaCrOa1ruiDjOaZr1xuQGZsb2F0LWxpbmUtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWxpbmUtYm9yZGVyLCAjZTVlOWVmKTsgLy8gZGlhbG9n6Z2i5p2/5YaF5YiG5Ymy57q/6L655qGGXG5AZGlhbG9nLWljb246IHZhcigtLWJweC1hdXgtZmxvYXQtaWNvbiwgIzZkNzU3YSk7IC8vIGRpYWxvZ+Wbvuagh1xuXG5AZ3JheTogIzk5OTtcbkBncmF5LWxpZ2h0OiAjZTdlN2U3O1xuQGdyYXktZGFyazogIzc1NzU3NTtcbkBncmF5LWJvcmRlcjogI2MwYzBjMDtcbkBwaWMtYm9yZGVyOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOCk7XG5AdGV4dC1zaGFkb3c6IHJnYmEoMCwgMCwgMCwgMC41KTtcbkBjb2xvci1waW5rOiAjZjk3MzlhO1xuQGZvbnQtc2l6ZTogdmFyKC0tYnB4LXVpLWZvbnQtc2l6ZSwgMTJweCk7XG5cbi5idWkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblxuICAgIHN2ZyB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJi5idWktZGlzYWJsZWQge1xuICAgICAgICBmaWx0ZXI6IGdyYXlzY2FsZSgxMDAlKTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcblxuICAgICAgICAqIHtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLmJ1aS1hcmVhIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgICBsaW5lLWhlaWdodDogbm9ybWFsO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB9XG59XG5cbi5kb3Rkb3Rkb3Qge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbn1cblxuLnRyYW5zaXRpb24oQHRyYW5zaXRpb24pIHtcbiAgICB0cmFuc2l0aW9uOiBAdHJhbnNpdGlvbjtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMHB4KTtcbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4vZ2xvYmFsLmxlc3MnO1xuXG4mIHtcbiAgICAuQHtwcmVmaXh9c3dpcGVyLXdyYXAge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICYuQHtwcmVmaXh9c3dpcGVyLWhhcy1wcmUge1xuICAgICAgICAgICAgLkB7cHJlZml4fXN3aXBlci1wcmUge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgbGVmdDogMTRweDtcbiAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgYm90dG9tOiA0cHg7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDU3cHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCByZ2JhKDAsIDAsIDAsIDEpLCB0cmFuc3BhcmVudCk7XG4gICAgICAgICAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAmLkB7cHJlZml4fXN3aXBlci1oYXMtbmV4dCB7XG4gICAgICAgICAgICAuQHtwcmVmaXh9c3dpcGVyLW5leHQge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IDE0cHg7XG4gICAgICAgICAgICAgICAgYm90dG9tOiA0cHg7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDU3cHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIGxlZnQsIHJnYmEoMCwgMCwgMCwgMSksIHRyYW5zcGFyZW50KTtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiAyO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC5Ae3ByZWZpeH1zd2lwZXItcHJlLFxuICAgICAgICAuQHtwcmVmaXh9c3dpcGVyLW5leHQge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIHdpZHRoOiAyOHB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAyOHB4O1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLTE0cHg7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgei1pbmRleDogMztcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgID4gc3BhbiB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDIwcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICAgICAgICAgICAgICAgIGZpbGw6IEBmbi1jb2xvcjtcbiAgICAgICAgICAgICAgICB3aWR0aDogMjBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBAbWFpbi1jb2xvcjtcbiAgICAgICAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgICAgICAgICBmaWxsOiAjZmZmO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAuQHtwcmVmaXh9c3dpcGVyLXByZSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAuQHtwcmVmaXh9c3dpcGVyLW5leHQge1xuICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgIH1cbiAgICAgICAgLkB7cHJlZml4fXN3aXBlci1vdmVyaGlkZSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIG1hcmdpbjogMCAxNHB4O1xuICAgICAgICB9XG4gICAgICAgIC5Ae3ByZWZpeH1zd2lwZXItbGlzdCB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGVhc2UtaW4tb3V0O1xuICAgICAgICAgICAgZm9udC1zaXplOiAwO1xuICAgICAgICAgICAgJi5Ae3ByZWZpeH1zd2lwZXItYm9yZGVyIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiA0cHg7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDM2cHg7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMXB4O1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBAcGljLWJvcmRlcjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLkB7cHJlZml4fXN3aXBlci1pbWcge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMDAwO1xuICAgICAgICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBAcGljLWJvcmRlcjtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAuQHtwcmVmaXh9c3dpcGVyLWl0ZW0ge1xuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgZm9udC1zaXplOiAwO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgJi5Ae3ByZWZpeH1zd2lwZXItaXRlbS1hY3RpdmUge1xuICAgICAgICAgICAgICAgIC5Ae3ByZWZpeH1zd2lwZXItaW1nIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICAuQHtwcmVmaXh9c3dpcGVyLXRleHQge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLkB7cHJlZml4fXN3aXBlci10ZXh0IHtcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAyMnB4O1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBAZm4tY29sb3IgdXJsKCcuLi9hc3NldHMvcG9zaXRpb24ucG5nJykgbm8tcmVwZWF0IGxlZnQgY2VudGVyO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IDIycHg7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAgICAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgICAgICAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuQHtwcmVmaXh9c3dpcGVyLWltZyB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICBib3R0b206IDE2cHg7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICBpbWcge1xuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0cHggIWltcG9ydGFudDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIC5Ae3ByZWZpeH1zd2lwZXItdGV4dCB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBAbWFpbi1jb2xvcjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuQHtwcmVmaXh9c3dpcGVyLXRleHQge1xuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIGxlZnQ6IC00cHg7XG4gICAgICAgICAgICAgICAgYm90dG9tOiA0cHg7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogNHB4O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCA0cHggQHRleHQtc2hhZG93O1xuICAgICAgICAgICAgICAgIC5kb3Rkb3Rkb3QoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */


.bui-menu {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px #e2e2e2;
    box-shadow: 0 0 5px #e2e2e2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-shadow: 0 0 #e2e2e2
}

.bui-menu.bui-dark {
    background-color: rgba(28, 28, 28, .9);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.bui-menu.bui-dark .bui-menu-items .bui-menu-item {
    color: #eee
}

.bui-menu.bui-dark .bui-menu-items .bui-menu-item:hover {
    background-color: hsla(0, 0%, 100%, .12)
}

.bui-menu.bui-dark .bui-menu-items .bui-menu-item+.bui-menu-item {
    border-top: 1px solid hsla(0, 0%, 100%, .12)
}

.bui-menu .bui-menu-items {
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.bui-menu .bui-menu-items .bui-menu-item {
    color: #444;
    display: block;
    font-size: 12px;
    font-size: var(--bpx-ui-font-size, 12px);
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 4px 20px;
    text-align: left;
    text-overflow: ellipsis;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    white-space: nowrap
}

.bui-menu .bui-menu-items .bui-menu-item:hover {
    background-color: #ddd
}

.bui-menu .bui-menu-items .bui-menu-item+.bui-menu-item {
    border-top: 1px solid transparent
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9tZW51Lmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUMsVUNNTyxxQkFBQSxDQURBLHdCQUFBLENBRUEsaUJBQUEsQ0FDQSxrQ0FBQSxDQUFBLDBCQUFBLENBSkEsMEJBQUEsQ0FBQSwwQkFBQSxDQUFBLG1CQUFBLENBS0EsdUJBRlIsQ0RQQyxtQkNZVyxrQ0FBQSxDQUNBLFdBQUEsQ0FFQSx1QkFBQSxDQUFBLGVBQUEsQ0FEQSxrQ0FEWixDRGJDLGtEQ2tCZSxVQUZoQixDQUlnQix3REFDSSxvQ0FGcEIsQ0RuQkMsaUVDeUJtQix3Q0FIcEIsQ0R0QkMsMEJDa0NXLGNBQUEsQ0FIQSxvQkFBQSxDQUVBLFFBQUEsQ0FEQSxTQUpaLENENUJDLHlDQytDZSxVQUFBLENBVEEsYUFBQSxDQU9BLGNBQUEsQ0FBQSxzQ0FBQSxDQUhBLFdBQUEsQ0FDQSxnQkFBQSxDQUhBLGVBQUEsQ0FIQSxnQkFBQSxDQUlBLGVBQUEsQ0FGQSxzQkFBQSxDQUtBLG1EQUFBLENBQUEsMkNBQUEsQ0FFQSxrQkFMaEIsQ0FRZ0IsK0NBQ0kscUJBTnBCLENENUNDLHdEQ3NEbUIsZ0NBUHBCIiwic291cmNlc0NvbnRlbnQiOlsiQHByZWZpeDogYnVpLTtcbkBtYWluLWNvbG9yOiB2YXIoLS1icHgtcHJpbWFyeS1jb2xvciwgIzAwYTFkNik7XG5cbkBmbi1jb2xvcjogdmFyKC0tYnB4LWZuLWNvbG9yLCAjMDBhMWQ2KTtcbkBmbi1ob3Zlci1jb2xvcjogdmFyKC0tYnB4LWZuLWhvdmVyLWNvbG9yLCAjMDBiNWU1KTtcblxuQGRtLXN3aXRjaC1pY29uOiB2YXIoLS1icHgtZG1zZW5kLXN3aXRjaC1pY29uLCAjNzU3NTc1KTsgLy8g5by55bmV5byA5YWz5Zu+5qCHXG5AZ3JheS1idXR0b24tYmc6IHZhcigtLWJweC1hdXgtYnV0dG9uLWJnLCAjZTVlOWVmKTsgLy8g54Gw6Imy5oyJ6ZKu6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWJnOiB2YXIoLS1icHgtYXV4LWhlYWRlci1iZywgI2Y0ZjRmNCk7IC8vIGNvbGxhcHNl6aG26YOo6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWZvbnQ6IHZhcigtLWJweC1hdXgtaGVhZGVyLWZvbnQsICMyMjIyMjIpOyAvLyBjb2xscGFzZemhtumDqOaWh+acrOiJsuWAvFxuQGNvbGxhcHNlLWhlYWRlci1pY29uOiB2YXIoLS1icHgtYXV4LWhlYWRlci1pY29uLCAjNzU3NTc1KTsgLy8gY29sbGFwc2Xpobbpg6jlsZXlvIAv5pS26LW35Zu+5qCH44CBZHJvcGRvd27mm7TlpJrvvIjkuInngrnvvInlm77moIdcbkBkcm9wZG93bi1mb250OiB2YXIoLS1icHgtYXV4LWNvbnRlbnQtZm9udDEsICMyMjIyMjIpOyAvLyBkcm9wZG93buaWh+acrOiJsuWAvFxuQGZsb2F0LWJvcmRlcjogdmFyKC0tYnB4LWF1eC1mbG9hdC1ib3JkZXIsICNlNWU5ZWYpOyAvLyBkcm9wZG93bi9kaWFsb2flpJbovrnmoYZcbkBmbG9hdC1iZzogdmFyKC0tYnB4LWF1eC1mbG9hdC1iZywgI2ZmZmZmZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+iDjOaZr1xuQGZsb2F0LWJnLWhvdmVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWhvdmVyLWJnLCAjMDAwMDAwKTsgLy8gZHJvcGRvd27mgqzmta7og4zmma9cbkBmbG9hdC1saW5lLWJvcmRlcjogdmFyKC0tYnB4LWF1eC1saW5lLWJvcmRlciwgI2U1ZTllZik7IC8vIGRpYWxvZ+mdouadv+WGheWIhuWJsue6v+i+ueahhlxuQGRpYWxvZy1pY29uOiB2YXIoLS1icHgtYXV4LWZsb2F0LWljb24sICM2ZDc1N2EpOyAvLyBkaWFsb2flm77moIdcblxuQGdyYXk6ICM5OTk7XG5AZ3JheS1saWdodDogI2U3ZTdlNztcbkBncmF5LWRhcms6ICM3NTc1NzU7XG5AZ3JheS1ib3JkZXI6ICNjMGMwYzA7XG5AcGljLWJvcmRlcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuQHRleHQtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuNSk7XG5AY29sb3ItcGluazogI2Y5NzM5YTtcbkBmb250LXNpemU6IHZhcigtLWJweC11aS1mb250LXNpemUsIDEycHgpO1xuXG4uYnVpIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICBzdmcge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICYuYnVpLWRpc2FibGVkIHtcbiAgICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMTAwJSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgKiB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5idWktYXJlYSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxufVxuXG4uZG90ZG90ZG90IHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG59XG5cbi50cmFuc2l0aW9uKEB0cmFuc2l0aW9uKSB7XG4gICAgdHJhbnNpdGlvbjogQHRyYW5zaXRpb247XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDBweCk7XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuL2dsb2JhbC5sZXNzJztcblxuJiB7XG4gICAgLkB7cHJlZml4fW1lbnUge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2UyZTJlMjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgICAgICBib3gtc2hhZG93OiAwIDAgNXB4ICNlMmUyZTI7XG4gICAgICAgIHRleHQtc2hhZG93OiAwIDAgI2UyZTJlMjtcblxuICAgICAgICAmLkB7cHJlZml4fWRhcmsge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyOCwgMjgsIDI4LCAwLjkpO1xuICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgdGV4dC1zaGFkb3c6IDAgMCAycHggcmdiYSgwLCAwLCAwLCAwLjUpO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcblxuICAgICAgICAgICAgLkB7cHJlZml4fW1lbnUtaXRlbXMgLkB7cHJlZml4fW1lbnUtaXRlbSB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICNlZWU7XG5cbiAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjEyKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAmICsgLkB7cHJlZml4fW1lbnUtaXRlbSB7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTIpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1tZW51LWl0ZW1zIHtcbiAgICAgICAgICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgICAgIC5Ae3ByZWZpeH1tZW51LWl0ZW0ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDRweCAyMHB4O1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2UtaW4tb3V0O1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogQGZvbnQtc2l6ZTtcbiAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgICAgICAgIGNvbG9yOiAjNDQ0O1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNkZGQ7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgJiArIC5Ae3ByZWZpeH1tZW51LWl0ZW0ge1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.bui-dialog {
    fill: #6d757a;
    fill: var(--bpx-aux-float-icon, #6d757a);
    background: #fff;
    background: var(--bpx-aux-float-bg, #fff);
    border: 1px solid #e5e9ef;
    border: 1px solid var(--bpx-aux-float-border, #e5e9ef);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    color: #6d757a;
    overflow: hidden;
    position: relative;
    text-align: center
}

.bui-dialog.bui-dark {
    fill: #fff;
    background: rgba(25, 25, 25, .88);
    color: #fff
}

.bui-dialog .bui-dialog-title {
    border-bottom: 1px solid #e5e9ef;
    border-bottom: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.bui-dialog .bui-dialog-close {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9kaWFsb2cubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQyxZQ1lPLFlBQUEsQ0FBQSxzQ0FBQSxDQVJBLGVBQUEsQ0FBQSx1Q0FBQSxDQUNBLHdCQUFBLENBQUEsb0RBQUEsQ0FHQSxpQkFBQSxDQUZBLDhDQUFBLENBQUEsc0NBQUEsQ0FLQSxhQUFBLENBSkEsZUFBQSxDQUdBLGlCQUFBLENBREEsaUJBQ1IsQ0RWQyxxQkNpQlcsU0FBQSxDQUZBLDZCQUFBLENBQ0EsVUFEWixDRGZDLDhCQ3FCVywrQkFBQSxDQUFBLDBEQUFBLENBS0EsVUFBQSxDQUFBLHVDQUFBLENBREEsY0FBQSxDQUhBLFdBQUEsQ0FDQSxnQkFBQSxDQUNBLGlCQURaLENEdkJDLDhCQ21DVyxjQUFBLENBSkEsV0FBQSxDQUNBLGlCQUFBLENBRUEsVUFBQSxDQURBLFFBQUEsQ0FIQSxVQUNaIiwic291cmNlc0NvbnRlbnQiOlsiQHByZWZpeDogYnVpLTtcbkBtYWluLWNvbG9yOiB2YXIoLS1icHgtcHJpbWFyeS1jb2xvciwgIzAwYTFkNik7XG5cbkBmbi1jb2xvcjogdmFyKC0tYnB4LWZuLWNvbG9yLCAjMDBhMWQ2KTtcbkBmbi1ob3Zlci1jb2xvcjogdmFyKC0tYnB4LWZuLWhvdmVyLWNvbG9yLCAjMDBiNWU1KTtcblxuQGRtLXN3aXRjaC1pY29uOiB2YXIoLS1icHgtZG1zZW5kLXN3aXRjaC1pY29uLCAjNzU3NTc1KTsgLy8g5by55bmV5byA5YWz5Zu+5qCHXG5AZ3JheS1idXR0b24tYmc6IHZhcigtLWJweC1hdXgtYnV0dG9uLWJnLCAjZTVlOWVmKTsgLy8g54Gw6Imy5oyJ6ZKu6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWJnOiB2YXIoLS1icHgtYXV4LWhlYWRlci1iZywgI2Y0ZjRmNCk7IC8vIGNvbGxhcHNl6aG26YOo6IOM5pmvXG5AY29sbGFwc2UtaGVhZGVyLWZvbnQ6IHZhcigtLWJweC1hdXgtaGVhZGVyLWZvbnQsICMyMjIyMjIpOyAvLyBjb2xscGFzZemhtumDqOaWh+acrOiJsuWAvFxuQGNvbGxhcHNlLWhlYWRlci1pY29uOiB2YXIoLS1icHgtYXV4LWhlYWRlci1pY29uLCAjNzU3NTc1KTsgLy8gY29sbGFwc2Xpobbpg6jlsZXlvIAv5pS26LW35Zu+5qCH44CBZHJvcGRvd27mm7TlpJrvvIjkuInngrnvvInlm77moIdcbkBkcm9wZG93bi1mb250OiB2YXIoLS1icHgtYXV4LWNvbnRlbnQtZm9udDEsICMyMjIyMjIpOyAvLyBkcm9wZG93buaWh+acrOiJsuWAvFxuQGZsb2F0LWJvcmRlcjogdmFyKC0tYnB4LWF1eC1mbG9hdC1ib3JkZXIsICNlNWU5ZWYpOyAvLyBkcm9wZG93bi9kaWFsb2flpJbovrnmoYZcbkBmbG9hdC1iZzogdmFyKC0tYnB4LWF1eC1mbG9hdC1iZywgI2ZmZmZmZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+iDjOaZr1xuQGZsb2F0LWJnLWhvdmVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWhvdmVyLWJnLCAjMDAwMDAwKTsgLy8gZHJvcGRvd27mgqzmta7og4zmma9cbkBmbG9hdC1saW5lLWJvcmRlcjogdmFyKC0tYnB4LWF1eC1saW5lLWJvcmRlciwgI2U1ZTllZik7IC8vIGRpYWxvZ+mdouadv+WGheWIhuWJsue6v+i+ueahhlxuQGRpYWxvZy1pY29uOiB2YXIoLS1icHgtYXV4LWZsb2F0LWljb24sICM2ZDc1N2EpOyAvLyBkaWFsb2flm77moIdcblxuQGdyYXk6ICM5OTk7XG5AZ3JheS1saWdodDogI2U3ZTdlNztcbkBncmF5LWRhcms6ICM3NTc1NzU7XG5AZ3JheS1ib3JkZXI6ICNjMGMwYzA7XG5AcGljLWJvcmRlcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuQHRleHQtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuNSk7XG5AY29sb3ItcGluazogI2Y5NzM5YTtcbkBmb250LXNpemU6IHZhcigtLWJweC11aS1mb250LXNpemUsIDEycHgpO1xuXG4uYnVpIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICBzdmcge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICYuYnVpLWRpc2FibGVkIHtcbiAgICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMTAwJSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgKiB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5idWktYXJlYSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgfVxufVxuXG4uZG90ZG90ZG90IHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG59XG5cbi50cmFuc2l0aW9uKEB0cmFuc2l0aW9uKSB7XG4gICAgdHJhbnNpdGlvbjogQHRyYW5zaXRpb247XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDBweCk7XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuL2dsb2JhbC5sZXNzJztcblxuJiB7XG4gICAgLkB7cHJlZml4fWRpYWxvZyB7XG4gICAgICAgIGJhY2tncm91bmQ6IEBmbG9hdC1iZztcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgQGZsb2F0LWJvcmRlcjtcbiAgICAgICAgYm94LXNoYWRvdzogMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjE0KTtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgY29sb3I6ICM2ZDc1N2E7XG4gICAgICAgIGZpbGw6IEBkaWFsb2ctaWNvbjtcblxuICAgICAgICAmLkB7cHJlZml4fWRhcmsge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNSwgMjUsIDI1LCAwLjg4KTtcbiAgICAgICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAgICAgZmlsbDogI2ZmZjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1kaWFsb2ctdGl0bGUge1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIEBmbG9hdC1saW5lLWJvcmRlcjtcbiAgICAgICAgICAgIGhlaWdodDogMzZweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAzNnB4O1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxNXB4O1xuICAgICAgICAgICAgY29sb3I6IEBkcm9wZG93bi1mb250O1xuICAgICAgICB9XG5cbiAgICAgICAgLkB7cHJlZml4fWRpYWxvZy1jbG9zZSB7XG4gICAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICAgIGhlaWdodDogMTZweDtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMTBweDtcbiAgICAgICAgICAgIHJpZ2h0OiAxMHB4O1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG4gICAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.bui-long-list:hover .bscroll-vertical-scrollbar {
    opacity: 1 !important
}

.bui-long-list .bui-long-list-wrap {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bui-long-list .bui-long-list-wrap .bui-long-list-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9sb25nLWxpc3QubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJUSxpREFFUSxtQkFKaEIsQ0NGQyxtQ0RZVyxXQUFBLENBRUEsZUFBQSxDQURBLGlCQUFBLENBRkEsVUFIWixDQ1JDLHVERHFCZSw2QkFBQSxDQUFBLHFCQUFBLENBQ0EsY0FBQSxDQUZBLG9CQUFBLENBREEsUUFBQSxDQURBLFNBQUEsQ0FEQSxVQURoQiIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4vZ2xvYmFsLmxlc3MnO1xuXG4mIHtcbiAgICAuQHtwcmVmaXh9bG9uZy1saXN0IHtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAuYnNjcm9sbC12ZXJ0aWNhbC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3ByZWZpeH1sb25nLWxpc3Qtd3JhcCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgICAgICAgIC5Ae3ByZWZpeH1sb25nLWxpc3QtbGlzdCB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAgICAgICAgICAgLy8gLkB7cHJlZml4fWxvbmctbGlzdC1pdGVtIHtcbiAgICAgICAgICAgICAgICAvLyAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgICAgICAvLyB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAcHJlZml4OiBidWktO1xuQG1haW4tY29sb3I6IHZhcigtLWJweC1wcmltYXJ5LWNvbG9yLCAjMDBhMWQ2KTtcblxuQGZuLWNvbG9yOiB2YXIoLS1icHgtZm4tY29sb3IsICMwMGExZDYpO1xuQGZuLWhvdmVyLWNvbG9yOiB2YXIoLS1icHgtZm4taG92ZXItY29sb3IsICMwMGI1ZTUpO1xuXG5AZG0tc3dpdGNoLWljb246IHZhcigtLWJweC1kbXNlbmQtc3dpdGNoLWljb24sICM3NTc1NzUpOyAvLyDlvLnluZXlvIDlhbPlm77moIdcbkBncmF5LWJ1dHRvbi1iZzogdmFyKC0tYnB4LWF1eC1idXR0b24tYmcsICNlNWU5ZWYpOyAvLyDngbDoibLmjInpkq7og4zmma9cbkBjb2xsYXBzZS1oZWFkZXItYmc6IHZhcigtLWJweC1hdXgtaGVhZGVyLWJnLCAjZjRmNGY0KTsgLy8gY29sbGFwc2Xpobbpg6jog4zmma9cbkBjb2xsYXBzZS1oZWFkZXItZm9udDogdmFyKC0tYnB4LWF1eC1oZWFkZXItZm9udCwgIzIyMjIyMik7IC8vIGNvbGxwYXNl6aG26YOo5paH5pys6Imy5YC8XG5AY29sbGFwc2UtaGVhZGVyLWljb246IHZhcigtLWJweC1hdXgtaGVhZGVyLWljb24sICM3NTc1NzUpOyAvLyBjb2xsYXBzZemhtumDqOWxleW8gC/mlLbotbflm77moIfjgIFkcm9wZG93buabtOWkmu+8iOS4ieeCue+8ieWbvuagh1xuQGRyb3Bkb3duLWZvbnQ6IHZhcigtLWJweC1hdXgtY29udGVudC1mb250MSwgIzIyMjIyMik7IC8vIGRyb3Bkb3du5paH5pys6Imy5YC8XG5AZmxvYXQtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJvcmRlciwgI2U1ZTllZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+Wklui+ueahhlxuQGZsb2F0LWJnOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJnLCAjZmZmZmZmKTsgLy8gZHJvcGRvd24vZGlhbG9n6IOM5pmvXG5AZmxvYXQtYmctaG92ZXI6IHZhcigtLWJweC1hdXgtZmxvYXQtaG92ZXItYmcsICMwMDAwMDApOyAvLyBkcm9wZG93buaCrOa1ruiDjOaZr1xuQGZsb2F0LWxpbmUtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWxpbmUtYm9yZGVyLCAjZTVlOWVmKTsgLy8gZGlhbG9n6Z2i5p2/5YaF5YiG5Ymy57q/6L655qGGXG5AZGlhbG9nLWljb246IHZhcigtLWJweC1hdXgtZmxvYXQtaWNvbiwgIzZkNzU3YSk7IC8vIGRpYWxvZ+Wbvuagh1xuXG5AZ3JheTogIzk5OTtcbkBncmF5LWxpZ2h0OiAjZTdlN2U3O1xuQGdyYXktZGFyazogIzc1NzU3NTtcbkBncmF5LWJvcmRlcjogI2MwYzBjMDtcbkBwaWMtYm9yZGVyOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOCk7XG5AdGV4dC1zaGFkb3c6IHJnYmEoMCwgMCwgMCwgMC41KTtcbkBjb2xvci1waW5rOiAjZjk3MzlhO1xuQGZvbnQtc2l6ZTogdmFyKC0tYnB4LXVpLWZvbnQtc2l6ZSwgMTJweCk7XG5cbi5idWkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblxuICAgIHN2ZyB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJi5idWktZGlzYWJsZWQge1xuICAgICAgICBmaWx0ZXI6IGdyYXlzY2FsZSgxMDAlKTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcblxuICAgICAgICAqIHtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLmJ1aS1hcmVhIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgICBsaW5lLWhlaWdodDogbm9ybWFsO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB9XG59XG5cbi5kb3Rkb3Rkb3Qge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbn1cblxuLnRyYW5zaXRpb24oQHRyYW5zaXRpb24pIHtcbiAgICB0cmFuc2l0aW9uOiBAdHJhbnNpdGlvbjtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMHB4KTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */


.bui-circle-progress {
    border: 6px solid #00a1d6;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 140px;
    position: relative;
    width: 140px
}

.bui-circle-progress-left,
.bui-circle-progress-right {
    height: 140px;
    overflow: hidden;
    position: absolute;
    top: -6px;
    width: 70px;
    z-index: 1
}

.bui-circle-progress-left-content,
.bui-circle-progress-right-content {
    border: 6px solid transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 140px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    width: 140px;
    z-index: 2
}

.bui-circle-progress-left {
    left: -6px
}

.bui-circle-progress-right {
    right: -6px
}

.bui-circle-progress-left-content {
    border-left-color: #ccc;
    border-top-color: #ccc;
    left: 0
}

.bui-circle-progress-right-content {
    border-bottom-color: #ccc;
    border-right-color: #ccc;
    right: 0
}

.bui-circle-progress-content {
    left: 50%;
    line-height: 1.5;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3
}

.bui-circle-progress-percent {
    font-size: 28px
}

.bui-circle-progress-bottom {
    color: #999;
    height: 14px;
    line-height: 14px;
    margin-bottom: 16px;
    white-space: nowrap
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9nbG9iYWwubGVzcyIsIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tdWkvc3JjL2Nzcy9jaXJjbGUtcHJvZ3Jlc3MubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQyxxQkNPTyx3QkFBQSxDQUNBLGlCQUFBLENBQ0EsNkJBQUEsQ0FBQSxxQkFBQSxDQUhBLFlBQUEsQ0FGQSxpQkFBQSxDQUNBLFdBRVIsQ0FJUSxxREFJSSxZQUFBLENBRUEsZUFBQSxDQUpBLGlCQUFBLENBR0EsUUFBQSxDQUZBLFVBQUEsQ0FJQSxTQUZaLENBSVkscUVBTUksNEJBQUEsQ0FDQSxpQkFBQSxDQU5BLDZCQUFBLENBQUEscUJBQUEsQ0FJQSxZQUFBLENBSEEsaUJBQUEsQ0FDQSxLQUFBLENBS0EsZ0NBQUEsQ0FBQSx3QkFBQSxDQUNBLGlDQUFBLENBQUEseUJBQUEsQ0FMQSxXQUFBLENBTUEsU0FEaEIsQ0FLUSwwQkFDSSxTQUhaLENBTVEsMkJBQ0ksVUFKWixDQU9RLGtDQUdJLHNCQUFBLENBREEscUJBQUEsQ0FEQSxNQUhaLENBT1EsbUNBRUksd0JBQUEsQ0FEQSx1QkFBQSxDQUVBLE9BTFosQ0FRUSw2QkFHSSxRQUFBLENBRUEsZUFBQSxDQUpBLGlCQUFBLENBR0EsaUJBQUEsQ0FGQSxPQUFBLENBSUEsc0NBQUEsQ0FBQSw4QkFBQSxDQUNBLFNBTlosQ0FTUSw2QkFDSSxjQVBaLENBVVEsNEJBQ0ksVUFBQSxDQUVBLFdBQUEsQ0FDQSxnQkFBQSxDQUZBLGtCQUFBLENBR0Esa0JBUloiLCJzb3VyY2VzQ29udGVudCI6WyJAcHJlZml4OiBidWktO1xuQG1haW4tY29sb3I6IHZhcigtLWJweC1wcmltYXJ5LWNvbG9yLCAjMDBhMWQ2KTtcblxuQGZuLWNvbG9yOiB2YXIoLS1icHgtZm4tY29sb3IsICMwMGExZDYpO1xuQGZuLWhvdmVyLWNvbG9yOiB2YXIoLS1icHgtZm4taG92ZXItY29sb3IsICMwMGI1ZTUpO1xuXG5AZG0tc3dpdGNoLWljb246IHZhcigtLWJweC1kbXNlbmQtc3dpdGNoLWljb24sICM3NTc1NzUpOyAvLyDlvLnluZXlvIDlhbPlm77moIdcbkBncmF5LWJ1dHRvbi1iZzogdmFyKC0tYnB4LWF1eC1idXR0b24tYmcsICNlNWU5ZWYpOyAvLyDngbDoibLmjInpkq7og4zmma9cbkBjb2xsYXBzZS1oZWFkZXItYmc6IHZhcigtLWJweC1hdXgtaGVhZGVyLWJnLCAjZjRmNGY0KTsgLy8gY29sbGFwc2Xpobbpg6jog4zmma9cbkBjb2xsYXBzZS1oZWFkZXItZm9udDogdmFyKC0tYnB4LWF1eC1oZWFkZXItZm9udCwgIzIyMjIyMik7IC8vIGNvbGxwYXNl6aG26YOo5paH5pys6Imy5YC8XG5AY29sbGFwc2UtaGVhZGVyLWljb246IHZhcigtLWJweC1hdXgtaGVhZGVyLWljb24sICM3NTc1NzUpOyAvLyBjb2xsYXBzZemhtumDqOWxleW8gC/mlLbotbflm77moIfjgIFkcm9wZG93buabtOWkmu+8iOS4ieeCue+8ieWbvuagh1xuQGRyb3Bkb3duLWZvbnQ6IHZhcigtLWJweC1hdXgtY29udGVudC1mb250MSwgIzIyMjIyMik7IC8vIGRyb3Bkb3du5paH5pys6Imy5YC8XG5AZmxvYXQtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJvcmRlciwgI2U1ZTllZik7IC8vIGRyb3Bkb3duL2RpYWxvZ+Wklui+ueahhlxuQGZsb2F0LWJnOiB2YXIoLS1icHgtYXV4LWZsb2F0LWJnLCAjZmZmZmZmKTsgLy8gZHJvcGRvd24vZGlhbG9n6IOM5pmvXG5AZmxvYXQtYmctaG92ZXI6IHZhcigtLWJweC1hdXgtZmxvYXQtaG92ZXItYmcsICMwMDAwMDApOyAvLyBkcm9wZG93buaCrOa1ruiDjOaZr1xuQGZsb2F0LWxpbmUtYm9yZGVyOiB2YXIoLS1icHgtYXV4LWxpbmUtYm9yZGVyLCAjZTVlOWVmKTsgLy8gZGlhbG9n6Z2i5p2/5YaF5YiG5Ymy57q/6L655qGGXG5AZGlhbG9nLWljb246IHZhcigtLWJweC1hdXgtZmxvYXQtaWNvbiwgIzZkNzU3YSk7IC8vIGRpYWxvZ+Wbvuagh1xuXG5AZ3JheTogIzk5OTtcbkBncmF5LWxpZ2h0OiAjZTdlN2U3O1xuQGdyYXktZGFyazogIzc1NzU3NTtcbkBncmF5LWJvcmRlcjogI2MwYzBjMDtcbkBwaWMtYm9yZGVyOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOCk7XG5AdGV4dC1zaGFkb3c6IHJnYmEoMCwgMCwgMCwgMC41KTtcbkBjb2xvci1waW5rOiAjZjk3MzlhO1xuQGZvbnQtc2l6ZTogdmFyKC0tYnB4LXVpLWZvbnQtc2l6ZSwgMTJweCk7XG5cbi5idWkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblxuICAgIHN2ZyB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJi5idWktZGlzYWJsZWQge1xuICAgICAgICBmaWx0ZXI6IGdyYXlzY2FsZSgxMDAlKTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcblxuICAgICAgICAqIHtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLmJ1aS1hcmVhIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgICBsaW5lLWhlaWdodDogbm9ybWFsO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB9XG59XG5cbi5kb3Rkb3Rkb3Qge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbn1cblxuLnRyYW5zaXRpb24oQHRyYW5zaXRpb24pIHtcbiAgICB0cmFuc2l0aW9uOiBAdHJhbnNpdGlvbjtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMHB4KTtcbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4vZ2xvYmFsLmxlc3MnO1xuXG4mIHtcbiAgICAuQHtwcmVmaXh9Y2lyY2xlLXByb2dyZXNzIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB3aWR0aDogMTQwcHg7XG4gICAgICAgIGhlaWdodDogMTQwcHg7XG4gICAgICAgIGJvcmRlcjogNnB4IHNvbGlkICMwMGExZDY7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICAgICAmLWxlZnQsXG4gICAgICAgICYtcmlnaHQge1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgd2lkdGg6IDcwcHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDE0MHB4O1xuICAgICAgICAgICAgdG9wOiAtNnB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHotaW5kZXg6IDE7XG5cbiAgICAgICAgICAgICYtY29udGVudCB7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE0MHB4O1xuICAgICAgICAgICAgICAgIGJvcmRlcjogNnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjVzIGxpbmVhcjtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiAyO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi1sZWZ0IHtcbiAgICAgICAgICAgIGxlZnQ6IC02cHg7XG4gICAgICAgIH1cblxuICAgICAgICAmLXJpZ2h0IHtcbiAgICAgICAgICAgIHJpZ2h0OiAtNnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi1sZWZ0LWNvbnRlbnQge1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIGJvcmRlci10b3AtY29sb3I6ICNjY2NjY2M7XG4gICAgICAgICAgICBib3JkZXItbGVmdC1jb2xvcjogI2NjY2NjYztcbiAgICAgICAgfVxuICAgICAgICAmLXJpZ2h0LWNvbnRlbnQge1xuICAgICAgICAgICAgYm9yZGVyLXJpZ2h0LWNvbG9yOiAjY2NjY2NjO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogI2NjY2NjYztcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJi1jb250ZW50IHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuICAgICAgICAgICAgei1pbmRleDogMztcbiAgICAgICAgfVxuXG4gICAgICAgICYtcGVyY2VudCB7XG4gICAgICAgICAgICBmb250LXNpemU6IDI4cHg7XG4gICAgICAgIH1cblxuICAgICAgICAmLWJvdHRvbSB7XG4gICAgICAgICAgICBjb2xvcjogQGdyYXk7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICAgICAgICAgICAgaGVpZ2h0OiAxNHB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB9XG4gICAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.bas-danmaku {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 10
}

.bas-danmaku.bas-danmaku-pause .bas-danmaku-item {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.bas-danmaku>canvas {
    pointer-events: auto
}

.bas-danmaku-item {
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bas-danmaku-item .bas-danmaku-item {
    left: 0;
    position: absolute;
    top: 0
}

.bas-danmaku-item.bas-danmaku-item-button {
    border-radius: 3px;
    padding: 10px 20px;
    pointer-events: auto
}

.bas-danmaku-item-wrap {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10
}

.bas-danmaku-item-inner {
    border: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.bas-danmaku-item-text .bas-danmaku-item-inner {
    border-style: solid;
    pointer-events: none
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL2Jhcy1kYW5tYWt1L3NyYy9jc3MvaW5kZXgubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDSSxhQVVJLHNCQUFBLENBSEEsNkJBQUEsQ0FBQSxxQkFBQSxDQUVBLFdBQUEsQ0FKQSxRQUFBLENBSkEsbUJBQUEsQ0FFQSxpQkFBQSxDQUdBLE9BQUEsQ0FGQSxzQ0FBQSxDQUFBLDhCQUFBLENBRkEsd0JBQUEsQ0FBQSxxQkFBQSxDQUFBLG9CQUFBLENBQUEsZ0JBQUEsQ0FNQSxVQUFBLENBR0EsVUFBUixDQUVRLGlEQUVRLG1DQUFBLENBQUEsMkJBRGhCLENBS1Esb0JBQ0ksbUJBSFosQ0FPSSxrQkFJSSw0QkFBQSxDQUNBLG9DQUFBLENBQ0EsYUFBQSxDQUxBLG1CQUFBLENBRUEsaUJBQUEsQ0FJQSw0QkFBQSxDQUFBLG9CQUFBLENBTEEsd0JBQUEsQ0FBQSxxQkFBQSxDQUFBLG9CQUFBLENBQUEsZ0JBQVIsQ0FGSSxvQ0FXUSxNQUFBLENBREEsaUJBQUEsQ0FFQSxLQUxaLENBUVEsMENBR0ksaUJBQUEsQ0FEQSxpQkFBQSxDQURBLG1CQUpaLENBVUksdUJBT0ksV0FBQSxDQUhBLE1BQUEsQ0FIQSxtQkFBQSxDQUVBLGlCQUFBLENBRUEsT0FBQSxDQUNBLEtBQUEsQ0FKQSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsb0JBQUEsQ0FBQSxnQkFBQSxDQU1BLFVBUlIsQ0FXSSx3QkFDSSxRQUFBLENBQ0EsNEJBQUEsQ0FBQSxvQkFUUixDQVdRLCtDQUVJLGtCQUFBLENBREEsbUJBUloiLCJzb3VyY2VzQ29udGVudCI6WyImIHtcbiAgICAuYmFzLWRhbm1ha3Uge1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgICAmLmJhcy1kYW5tYWt1LXBhdXNlIHtcbiAgICAgICAgICAgIC5iYXMtZGFubWFrdS1pdGVtIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcGF1c2VkO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJiA+IGNhbnZhcyB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5iYXMtZGFubWFrdS1pdGVtIHtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAgICAgICAtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAgICAgICBsaW5lLWhlaWdodDogMTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuXG4gICAgICAgIC5iYXMtZGFubWFrdS1pdGVtIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAmLmJhcy1kYW5tYWt1LWl0ZW0tYnV0dG9uIHtcbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgICAgICAgcGFkZGluZzogMTBweCAyMHB4O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLmJhcy1kYW5tYWt1LWl0ZW0td3JhcCB7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAwcHg7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgei1pbmRleDogMTA7XG4gICAgfVxuXG4gICAgLmJhcy1kYW5tYWt1LWl0ZW0taW5uZXIge1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcblxuICAgICAgICAuYmFzLWRhbm1ha3UtaXRlbS10ZXh0ICYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICB9XG4gICAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.bpx-player-toast-wrap {
    bottom: 60px;
    font-size: 14px;
    font-size: var(--bpx-toast-font-size, 14px);
    left: 10px;
    line-height: 28px;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 65
}

.bpx-player-toast-row {
    cursor: default;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    will-change: height, opacity
}

.bpx-player-toast-row.bpx-player-toast-unfold {
    opacity: 1
}

.bpx-player-toast-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(25, 25, 25, .88);
    background-color: var(--bpx-toast-bgcolor, rgba(25, 25, 25, .88));
    border-radius: 4px;
    color: #fff;
    color: var(--bpx-toast-color, #fff);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 10px;
    padding: 7px 16px;
    pointer-events: auto
}

.bpx-player-toast-cancel {
    fill: #fff;
    fill: var(--bpx-toast-color, #fff);
    cursor: pointer;
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.bpx-player-toast-cancel:hover {
    fill: #ff85ad;
    fill: var(--bpx-toast-fn-hover-color, #ff85ad)
}

.bpx-player-toast-badge {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    margin-right: 8px;
    max-height: 24px;
    max-width: 24px;
    padding: 2px
}

.bpx-player-toast-badge img {
    max-height: 100%;
    max-width: 100%
}

.bpx-player-toast-text {
    max-width: 32em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-toast-confirm {
    color: #f25d8e;
    color: var(--bpx-toast-fn-color, #f25d8e);
    cursor: pointer;
    margin-left: 12px;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.bpx-player-toast-confirm:hover {
    color: #ff85ad;
    color: var(--bpx-toast-fn-hover-color, #ff85ad)
}

.bpx-player-toast-confirm-login {
    background-color: #f69;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    height: 100%;
    margin-left: 24px;
    padding: 0 7.5px
}

[data-screen=full] .bpx-player-toast-wrap,
[data-screen=web] .bpx-player-toast-wrap {
    bottom: 86px
}

.bpx-player-tooltip-item {
    word-wrap: break-word;
    background-color: rgba(25, 25, 25, .88);
    background-color: var(--bpx-tooltip-bgcolor, rgba(25, 25, 25, .88));
    border-radius: 2px;
    color: #fff;
    color: var(--bpx-tooltip-color, #fff);
    cursor: default;
    font-size: 12px;
    line-height: 1.5;
    max-width: 18em;
    opacity: 0;
    padding: 6px 8px;
    pointer-events: none;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-all;
    z-index: 12000
}

.bpx-player-report-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    white-space: normal;
    width: 100%;
    z-index: 999999
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box {
    fill: #6d757a;
    fill: var(--bpx-aux-float-icon, #6d757a);
    background: #fff;
    background: var(--bpx-aux-content-bg, #fff);
    -webkit-box-shadow: 0 0 8px 0 #e2e2e2;
    box-shadow: 0 0 8px 0 #e2e2e2;
    color: #6d757a;
    color: var(--bpx-aux-content-font2, #6d757a)
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-title {
    border-bottom-color: #e5e9ef;
    border-bottom-color: var(--bpx-aux-line-border, #e5e9ef)
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-content {
    color: #222;
    color: var(--bpx-aux-content-font1, #222)
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-bottom .bui-button.bui-button-disabled {
    background-color: #e5e9ef;
    color: #b8c0cc
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-reason {
    background-color: transparent;
    border: 1px solid #e5e9ef;
    border: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    color: #6d757a;
    color: var(--bpx-aux-content-font2, #6d757a)
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-list .bui-radio-normal .bui-radio-item .bui-radio-text {
    color: #99a2aa
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-list .bpx-player-radios .bui-radio-input:checked+.bui-radio-label .bui-radio-text {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-list .bpx-player-radios .bui-radio-text {
    color: #6d757a
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-block {
    margin-top: 4px
}

.bpx-player-report-wrap.bpx-player-white .bpx-player-report-box .bpx-player-report-block .bui-checkbox-name {
    color: #6e7f7b
}

.bpx-player-report-wrap .bpx-player-report-box {
    fill: #fff;
    background-color: rgba(28, 28, 28, .8);
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 360px
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .12);
    height: 32px;
    line-height: 32px;
    text-align: center
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-title .bpx-player-report-close {
    cursor: pointer;
    font-size: 0;
    height: 32px;
    position: absolute;
    right: 10px;
    width: 20px
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-content {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    margin: 24px auto 16px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 320px
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 20px;
    width: 360px
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-list .bui-radio-normal .bui-radio-item .bui-radio-text {
    color: #fff
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-list .bui-radio-normal .bui-radio-item:hover .bui-radio-text {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-reason {
    background-color: hsla(0, 0%, 100%, .12);
    border: 1px solid transparent;
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .2);
    font-size: 12px;
    height: 48px;
    line-height: 16px;
    margin: 6px auto 0;
    outline: none;
    padding: 10px;
    resize: none;
    width: 300px
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-reason:focus {
    border-color: #00a1d6;
    border-color: var(--bpx-primary-color, #00a1d6);
    color: #222;
    color: var(--bpx-aux-content-font1, #222)
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-block .bui-checkbox-name {
    color: #fff
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-block .bui-checkbox .bui-checkbox-icon svg {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-bottom {
    clear: both;
    text-align: right;
    text-align: center
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-bottom .bpx-player-report-btn {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    border: 0;
    border-radius: 4px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    margin: 16px auto;
    width: 100px
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-bottom .bpx-player-report-btn:hover {
    background-color: #00b5e5;
    background-color: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-report-wrap .bpx-player-report-box .bpx-player-report-bottom .bui-button-disabled {
    background-color: hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .1)
}

.bpx-player-contextmenu {
    background: rgba(33, 33, 33, .9);
    border-radius: 4px;
    color: #eee;
    min-width: 80px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: 80
}

.bpx-player-contextmenu ul {
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0
}

.bpx-player-contextmenu a,
.bpx-player-contextmenu a:active,
.bpx-player-contextmenu a:hover,
.bpx-player-contextmenu a:link,
.bpx-player-contextmenu a:link:hover,
.bpx-player-contextmenu a:visited {
    color: #eee;
    -webkit-text-decoration: none;
    text-decoration: none
}

.bpx-player-contextmenu.bpx-player-active {
    opacity: 1;
    visibility: visible
}

.bpx-player-contextmenu>li {
    color: #eee;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 4px 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-contextmenu>li+li {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.bpx-player-contextmenu>li:hover {
    background: hsla(0, 0%, 100%, .12)
}

.bpx-player-contextmenu>li.bpx-player-disabled {
    color: #777;
    cursor: default
}

.bpx-player-contextmenu>li.bpx-player-disabled:hover {
    background: rgba(33, 33, 33, .9)
}

.bpx-player-contextmenu>li.bpx-player-active {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    text-shadow: none
}

.bpx-player-contextmenu>li.bpx-player-dm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 42px;
    line-height: 42px;
    padding: 0 8px
}

.bpx-player-contextmenu>li.bpx-player-dm .bpx-player-dm-text {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px
}

.bpx-player-contextmenu>li.bpx-player-dm:hover .bpx-player-dm-btn {
    opacity: 1
}

.bpx-player-contextmenu>li.bpx-player-dm .bpx-player-dm-btn {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    opacity: 0
}

.bpx-player-contextmenu>li.bpx-player-dm .bpx-player-dm-btn>span {
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 7px 0;
    text-align: center;
    width: 56px
}

.bpx-player-contextmenu>li.bpx-player-dm .bpx-player-dm-btn>span:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.bpx-player-contextmenu.bpx-player-white {
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0 0 5px #e2e2e2;
    box-shadow: 0 0 5px #e2e2e2;
    text-shadow: 0 0 #e2e2e2
}

.bpx-player-contextmenu.bpx-player-white>li {
    background: transparent;
    border: none;
    color: #444
}

.bpx-player-contextmenu.bpx-player-white>li:hover {
    background: #ddd
}

.bpx-player-contextmenu.bpx-player-white>li.bpx-player-disabled {
    color: #aaa;
    cursor: default
}

.bpx-player-contextmenu.bpx-player-white>li.bpx-player-disabled:hover {
    background: transparent
}

.bpx-player-volume-hint {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 4px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 32px;
    left: 50%;
    min-width: 84px;
    padding: 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 77
}

.bpx-player-volume-hint-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 34px;
    width: 34px
}

.bpx-player-volume-hint-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 34px;
    padding: 0 2px;
    text-align: center
}

.bpx-player-three-playrate-hint {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: rgba(33, 33, 33, .9);
    border-radius: 4px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    justify-content: center;
    left: 50%;
    line-height: 34px;
    margin-left: -65px;
    position: absolute;
    top: 18px;
    width: 130px;
    z-index: 77
}

.bpx-player-three-playrate-hint-icon {
    display: inline-block;
    margin-right: 8px;
    width: 30px
}

.bpx-player-mini-warp {
    bottom: 0;
    cursor: move;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12
}

.bpx-player-mini-warp .bpx-player-mini-close,
.bpx-player-mini-warp .bpx-player-mini-state {
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.bpx-player-mini-warp:hover .bpx-player-mini-close,
.bpx-player-mini-warp:hover .bpx-player-mini-state {
    opacity: 1
}

.bpx-player-mini-warp .bpx-player-mini-close {
    fill: #fff;
    float: right;
    height: 26px;
    margin-right: 8px;
    margin-top: 8px;
    width: 26px
}

.bpx-player-mini-warp .bpx-player-mini-state {
    height: 100px;
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 100px
}

.bpx-player-mini-warp .bpx-player-mini-state-pause,
.bpx-player-mini-warp .bpx-player-mini-state-play {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80px 80px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-mini-warp .bpx-player-mini-state-play {
    background-image: url(//s1.hdslb.com/bfs/static/player/img/pause.svg);
    visibility: visible
}

.bpx-player-mini-warp .bpx-player-mini-state-pause {
    background-image: url(//s1.hdslb.com/bfs/static/player/img/play.svg);
    visibility: hidden
}

.bpx-player-mini-warp .bpx-player-mini-progress {
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 1.5px;
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    right: 0
}

.bpx-player-mini-warp .bpx-player-mini-progress-buffer,
.bpx-player-mini-warp .bpx-player-mini-progress-tempo {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.bpx-player-mini-warp .bpx-player-mini-progress-buffer {
    background-color: hsla(0, 0%, 100%, .3)
}

.bpx-player-mini-warp .bpx-player-mini-progress-tempo {
    background-color: #00a1d6;
    background-color: var(--bpx-primary-color, #00a1d6)
}

.bpx-state-paused .bpx-player-mini-state-play {
    visibility: hidden
}

.bpx-state-paused .bpx-player-mini-state-pause {
    visibility: visible
}

.bpx-player-record-item-wrap {
    display: inline-block;
    pointer-events: none
}

.bpx-player-record-item-pure {
    bottom: 28px;
    color: #fff;
    font-size: 16px;
    height: 20px;
    left: 0;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bpx-player-record-item-icon-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    bottom: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 32px;
    position: absolute;
    right: 95px
}

.bpx-player-record-item-icon-wrap .bpx-player-record-item-icon {
    height: 32px;
    margin-right: 4px;
    width: 32px
}

.bpx-player-record-item-icon-wrap .bpx-player-record-item-text {
    color: #b20000;
    font-size: 24px;
    line-height: 32px;
    pointer-events: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bpx-player-control-mask {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;
    bottom: 0;
    height: 100px;
    left: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 100%;
    z-index: -1
}

.bpx-player-control-top {
    bottom: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    visibility: visible
}

.bpx-player-control-bottom,
.bpx-player-control-top {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px
}

.bpx-player-control-bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    justify-content: space-between;
    line-height: 22px;
    margin: 20px 0 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 100%
}

.bpx-player-control-bottom-left {
    -webkit-box-flex: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: none;
    flex: none
}

.bpx-player-control-bottom-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.bpx-player-container[data-ctrl-hidden=false] .bpx-player-control-bottom,
.bpx-player-container[data-ctrl-hidden=false] .bpx-player-control-mask {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.bpx-player-container[data-ctrl-hidden=true] .bpx-player-control-bottom,
.bpx-player-container[data-ctrl-hidden=true] .bpx-player-control-mask {
    opacity: 0
}

.bpx-player-container[data-screen=full] .bpx-player-control-bottom-right,
.bpx-player-container[data-screen=web] .bpx-player-control-bottom-right {
    min-width: 378px
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-control-mask,
    .bpx-player-container[data-screen=web] .bpx-player-control-mask {
        height: 100px
    }

    .bpx-player-container[data-screen=full] .bpx-player-control-entity,
    .bpx-player-container[data-screen=full] .bpx-player-control-wrap,
    .bpx-player-container[data-screen=web] .bpx-player-control-entity,
    .bpx-player-container[data-screen=web] .bpx-player-control-wrap {
        height: 73px;
        line-height: 73px
    }

    .bpx-player-container[data-screen=full] .bpx-player-control-top,
    .bpx-player-container[data-screen=web] .bpx-player-control-top {
        bottom: 68px
    }

    .bpx-player-container[data-screen=full] .bpx-player-control-bottom,
    .bpx-player-container[data-screen=web] .bpx-player-control-bottom {
        height: 45px;
        line-height: 34px;
        margin: 20px 0 0
    }

    .bpx-player-container[data-screen=full] .bpx-player-control-bottom-left,
    .bpx-player-container[data-screen=web] .bpx-player-control-bottom-left {
        min-width: 316px
    }

    .bpx-player-container[data-screen=full] .bpx-player-control-bottom-center,
    .bpx-player-container[data-screen=web] .bpx-player-control-bottom-center {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 34px;
        line-height: 34px;
        padding: 0 60px
    }

    .bpx-player-container[data-screen=full] .bpx-player-control-bottom-right,
    .bpx-player-container[data-screen=web] .bpx-player-control-bottom-right {
        min-width: 370px
    }
}

@media screen and (max-width:1366px) {

    .bpx-player-container[data-screen=full] .bpx-player-control-bottom-left,
    .bpx-player-container[data-screen=web] .bpx-player-control-bottom-left {
        min-width: 273px
    }
}

@media screen and (max-width:1200px) {

    .bpx-player-container[data-screen=full] .bpx-player-control-bottom-center,
    .bpx-player-container[data-screen=web] .bpx-player-control-bottom-center {
        padding: 0
    }

    .bpx-player-container[data-screen=full] .bpx-player-control-bottom-right,
    .bpx-player-container[data-screen=web] .bpx-player-control-bottom-right {
        min-width: 272px
    }
}

.bpx-player-ctrl-btn {
    fill: #fff;
    color: hsla(0, 0%, 100%, .8);
    font-size: 0;
    height: 22px;
    line-height: 22px;
    outline: 0;
    position: relative;
    text-align: center;
    width: 36px;
    z-index: 2
}

.bpx-player-ctrl-btn-icon {
    cursor: pointer;
    width: 100%
}

.bpx-player-ctrl-btn-icon>.bpx-common-svg-icon {
    height: 22px;
    opacity: .9;
    vertical-align: middle
}

.bpx-player-ctrl-btn-icon>.bpx-common-svg-icon svg {
    -webkit-transform: none !important;
    transform: none !important
}

.bpx-player-ctrl-btn:hover {
    color: #fff
}

.bpx-player-ctrl-btn:hover .bpx-player-ctrl-btn-icon>.bpx-common-svg-icon {
    opacity: 1
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-btn,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-btn {
        height: 43px;
        line-height: 32px;
        width: 54px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-btn-icon>.bpx-common-svg-icon,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-btn-icon>.bpx-common-svg-icon {
        height: 28px
    }
}

.bpx-player-keyboard-focus .bpx-player-ctrl-btn:focus {
    -webkit-box-shadow: 0 0 0 2px #00a1d6;
    box-shadow: 0 0 0 2px #00a1d6;
    -webkit-box-shadow: 0 0 0 2px var(--bpx-primary-color, #00a1d6);
    box-shadow: 0 0 0 2px var(--bpx-primary-color, #00a1d6)
}

.bpx-player-embedded .bpx-player-top-wrap {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(transparent));
    background: linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);
    height: 120px
}

.bpx-player-embedded .bpx-player-ctrl-time-label {
    font-size: 12px
}

.bpx-player-embedded .bpx-player-state-wrap {
    display: none !important
}

.bpx-player-embedded .bpx-player-ctrl-quality-menu {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(24, 25, 28, .85)
}

.bpx-player-embedded .bpx-player-ctrl-quality-badge {
    margin-right: 7px
}

.bpx-player-embedded .bpx-player-ctrl-playbackrate-menu {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(24, 25, 28, .85);
    border-radius: 4px;
    padding: 10px
}

.bpx-player-embedded .bpx-player-control-mask {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2.18%, transparent), to(#000));
    background: linear-gradient(180deg, transparent 2.18%, #000);
    height: 126px
}

.bpx-player-embedded .bui-checkbox-label .bpx-common-svg-icon {
    height: 16px !important;
    width: 16px !important
}

.bpx-player-embedded .bui-checkbox-label .bui-checkbox-name {
    color: hsla(0, 0%, 100%, .7)
}

.bpx-player-embedded .bpx-player-ctrl-playbackrate-menu-item:hover {
    background: #2f3134;
    border-radius: 4px
}

.bpx-player-embedded .bpx-player-control-wrap {
    height: 70px
}

.bpx-player-embedded .bpx-player-control-wrap .bpx-player-control-top {
    bottom: 68px
}

.bpx-player-embedded .bpx-player-control-wrap .bpx-player-dm-root {
    margin-left: 35px
}

.bpx-player-embedded .bpx-player-control-wrap .bpx-player-dm-root .bpx-player-dm-switch {
    margin-right: 19px
}

.bpx-player-embedded .bpx-player-control-wrap .bpx-player-video-inputbar {
    margin-left: 19px;
    width: 330px
}

.bpx-player-embedded .bpx-player-ctrl-btn {
    margin: 0 3px
}

.bpx-player-embedded .bpx-player-ctrl-playbackrate {
    white-space: nowrap
}

.bpx-player-embedded .bpx-player-control-bottom-center-small {
    width: 100%
}

.bpx-player-embedded .bpx-player-control-bottom-center-small .bpx-player-dm-root {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-left: 24px
}

.bpx-player-embedded .bpx-player-video-inputbar-checkBox {
    right: 45px !important
}

.bpx-player-embedded .bpx-player-ctrl-btn-icon,
.bpx-player-embedded .bpx-player-ctrl-playbackrate-result,
.bpx-player-embedded .bpx-player-ctrl-quality-result {
    margin: 0 3px;
    position: relative
}

.bpx-player-embedded .bpx-player-ctrl-btn-icon:hover:before,
.bpx-player-embedded .bpx-player-ctrl-playbackrate-result:hover:before,
.bpx-player-embedded .bpx-player-ctrl-quality-result:hover:before {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    content: "";
    cursor: pointer;
    height: 120%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120%;
    z-index: -1
}

.bpx-player-progress-area {
    position: relative
}

.bpx-player-progress-area .bpx-player-progress-freezone {
    pointer-events: none
}

.bpx-player-progress-area .bpx-player-progress-freezone .bpx-player-progress-point-logo {
    bottom: 0;
    display: inline-block;
    position: absolute;
    width: 0
}

.bpx-player-progress-area .bpx-player-progress-freezone img {
    bottom: 18px;
    cursor: pointer;
    height: 36px;
    left: -13px;
    pointer-events: auto;
    position: absolute;
    width: 32px
}

.bpx-player-progress-area .bpx-player-progress-wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10px;
    padding-bottom: 6px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2px;
    position: relative;
    width: 100%
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress .bpx-player-progress-schedule-wrap {
    height: 100%;
    position: absolute;
    width: 100%
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-point-wrap {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-point-wrap .bpx-player-progress-point {
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 0
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-point-wrap .bpx-player-progress-point.bpx-player-progress-point-wonder {
    background-color: #f1e696
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-point-wrap .bpx-player-progress-point.bpx-player-progress-point-note,
.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-point-wrap .bpx-player-progress-point.bpx-player-progress-point-oped {
    background-color: #fff
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-thumb {
    height: 20px;
    pointer-events: none;
    width: 20px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-thumb-icon {
    height: 100%;
    line-height: 12px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-move-indicator {
    height: 16px;
    margin-left: -4px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity .1s;
    transition: opacity .1s;
    visibility: hidden;
    width: 8px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-move-indicator>div {
    border-style: solid;
    height: 0;
    position: relative;
    width: 0
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-move-indicator-up {
    border-color: transparent transparent #00a1d6;
    border-color: transparent transparent var(--bpx-primary-color, #00a1d6);
    border-width: 0 4px 4px;
    margin-top: 8px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-move-indicator-down {
    border-color: #00a1d6 transparent transparent;
    border-color: var(--bpx-primary-color, #00a1d6) transparent transparent;
    border-width: 4px 4px 0
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-popup {
    background-color: transparent;
    border-radius: 2px;
    bottom: 22px;
    display: none;
    line-height: 36px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 160px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-preview {
    height: 90px;
    position: relative;
    width: 160px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-preview-image {
    height: 100%;
    margin: 0 auto;
    position: relative;
    vertical-align: inherit
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-preview-time {
    background-color: hsla(0, 0%, 8%, .9);
    border-radius: 2px;
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    left: 50%;
    line-height: 18px;
    padding: 0 5px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    vertical-align: bottom
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-preview-time:empty {
    display: none
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-hotspot {
    background-color: hsla(0, 0%, 8%, .9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    line-height: 18px;
    max-height: 48px;
    overflow: hidden;
    padding: 6px 8px;
    text-align: left;
    white-space: normal;
    word-break: break-all
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-hotspot:empty {
    display: none
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-pull-indicator {
    bottom: 6px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    width: 18px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-cursor {
    background-color: #fff;
    border-radius: 5px;
    height: 10px;
    left: -5px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .2s .1s;
    transition: opacity .2s .1s;
    visibility: hidden;
    width: 10px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-scaleplate>div {
    background: hsla(0, 0%, 100%, .35);
    bottom: 0;
    position: absolute;
    width: 1px
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-scaleplate-1m {
    height: 50%
}

.bpx-player-progress-area .bpx-player-progress-wrap .bpx-player-progress-scaleplate-2m {
    height: 75%
}

.bpx-player-progress-area .bpx-player-progress-wrap.bpx-state-active .bpx-player-progress {
    height: 4px
}

.bpx-player-progress-area .bpx-player-progress-wrap.bpx-state-active .bpx-player-progress-move-indicator {
    opacity: 1;
    visibility: visible
}

.bpx-player-progress-area .bpx-player-progress-wrap.bpx-state-active .bpx-player-progress-thumb-icon {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bpx-player-progress-area .bpx-player-progress-wrap.bpx-state-active .bpx-player-progress-popup {
    display: block
}

.bpx-player-progress-area .bpx-player-progress-wrap.bpx-state-pulling .bpx-player-progress-thumb {
    opacity: 0;
    visibility: hidden
}

.bpx-player-progress-area .bpx-player-progress-wrap.bpx-state-pulling .bpx-player-progress-cursor {
    opacity: 1;
    visibility: visible
}

.bpx-player-progress-schedule {
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 1.5px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-progress-schedule.bpx-player-progress-schedule-segment {
    border-radius: 0;
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    transition: transform .1s cubic-bezier(0, 0, .2, 1);
    transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.bpx-player-progress-schedule.bpx-player-progress-schedule-segment.hover {
    -webkit-transform: scaleY(1.8);
    transform: scaleY(1.8)
}

.bpx-player-progress-schedule-padding {
    bottom: 0;
    height: 14px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.bpx-player-progress-schedule-point {
    background-color: #f1e696;
    height: 100%;
    position: absolute
}

.bpx-player-progress-schedule-buffer,
.bpx-player-progress-schedule-current {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.bpx-player-progress-schedule-buffer {
    background-color: hsla(0, 0%, 100%, .3)
}

.bpx-player-progress-schedule-current {
    background-color: #00a1d6;
    background-color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-shadow-progress-area {
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in
}

.bpx-player-shadow-progress-area .bpx-player-shadow-progress-schedule-wrap {
    height: 100%;
    position: relative;
    width: 100%
}

.bpx-player-shadow-progress-area .bpx-player-progress-schedule-text {
    display: none
}

.bpx-player-shadow-progress-area.permanent {
    height: 30px !important
}

.bpx-player-shadow-progress-area.permanent .bpx-player-shadow-progress-schedule-wrap {
    background: rgba(35, 167, 255, .35) !important
}

.bpx-player-shadow-progress-area.permanent .bpx-player-progress-schedule-text {
    background: none !important;
    color: #fff;
    display: block !important;
    line-height: 30px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    white-space: nowrap
}

.bpx-player-control-entity[data-shadow-show=false] .bpx-player-control-top {
    opacity: 1;
    visibility: visible
}

.bpx-player-control-entity[data-shadow-show=false] .bpx-player-shadow-progress-area,
.bpx-player-control-entity[data-shadow-show=true] .bpx-player-control-top {
    opacity: 0;
    visibility: hidden
}

.bpx-player-control-entity[data-shadow-show=true] .bpx-player-shadow-progress-area {
    opacity: 1;
    visibility: visible
}

.bpx-player-container[data-screen=full] .bpx-player-shadow-progress-area:not(.permanent) {
    opacity: 0 !important;
    visibility: hidden
}

.bpx-player-ctrl-prev .bpx-player-ctrl-btn-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-ctrl-time {
    font-size: 12px;
    margin-right: 10px;
    min-width: 90px
}

.bpx-player-ctrl-time-seek {
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid transparent;
    color: inherit;
    font-size: 12px;
    height: 20px;
    left: 6px;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px
}

.bpx-player-ctrl-time-label {
    height: 100%;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.bpx-player-ctrl-time-divide {
    padding: 0 2px
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-time,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-time {
        height: 32px;
        width: 120px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-time-seek,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-time-seek {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        width: 100px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-time-label,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-time-label {
        font-size: 14px;
        text-align: left;
        text-indent: 16px
    }
}

.bpx-player-ctrl-viewpoint {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    cursor: default;
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0 10px;
    max-width: 240px;
    min-width: 45px
}

.bpx-player-ctrl-viewpoint-content,
.bpx-player-ctrl-viewpoint-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-ctrl-viewpoint-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    fill: hsla(0, 0%, 100%, .9);
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden
}

.bpx-player-ctrl-viewpoint-content:hover {
    margin-top: -40px;
    padding-top: 40px
}

.bpx-player-ctrl-viewpoint-content:hover .bpx-player-ctrl-viewpoint-icon {
    fill: #fff
}

.bpx-player-ctrl-viewpoint-text {
    overflow: hidden;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 12px)
}

.bpx-player-ctrl-viewpoint-icon {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: none;
    flex: none;
    height: 18px;
    width: 18px
}

.bpx-player-ctrl-viewpoint-menu-wrap {
    background-color: hsla(0, 0%, 8%, .9);
    border-radius: 2px;
    bottom: 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: -36px;
    max-height: 320px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 210px
}

.bpx-player-ctrl-viewpoint-menu-wrap .bscroll-vertical-scrollbar {
    background: #757575 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 6px !important
}

.bpx-player-ctrl-viewpoint-menu-wrap .bscroll-vertical-scrollbar .bscroll-indicator {
    border: none !important;
    color: #6d757a !important
}

.bpx-player-ctrl-viewpoint-menu-wrap:hover .bscroll-vertical-scrollbar {
    opacity: 1 !important
}

.bpx-player-ctrl-viewpoint-menu {
    margin: 0;
    padding: 0
}

.bpx-player-ctrl-viewpoint-menu-item {
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-ctrl-viewpoint-menu-item:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.bpx-player-ctrl-viewpoint.bpx-state-show .bpx-player-ctrl-viewpoint-menu-wrap {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width:600px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-viewpoint,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-viewpoint {
        display: none
    }
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-viewpoint-text,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-viewpoint-text {
        font-size: 16px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-viewpoint-icon,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-viewpoint-icon {
        height: 16px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-viewpoint-icon .bpx-common-svg-icon,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-viewpoint-icon .bpx-common-svg-icon {
        height: 100%
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-viewpoint-menu-wrap,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-viewpoint-menu-wrap {
        bottom: 74px
    }
}

.bpx-player-ctrl-dolby {
    margin-right: 14px;
    width: 60px
}

.bpx-player-ctrl-dolby.bpx-state-active .bpx-common-svg-icon {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ctrl-dolby-tooltip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bpx-player-ctrl-dolby-tooltip-icon {
    background-color: #fb7299;
    border-radius: 31px;
    color: #fff;
    height: 16px;
    line-height: 16px;
    margin-left: 6px;
    text-align: center;
    width: 46px
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-dolby,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-dolby {
        min-width: 76px
    }
}

.bpx-player-ctrl-flac {
    margin-right: 20px;
    width: 99px
}

.bpx-player-ctrl-flac.bpx-state-active .bpx-common-svg-icon {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ctrl-flac-tooltip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bpx-player-ctrl-flac-tooltip-icon {
    background-color: #fb7299;
    border-radius: 31px;
    color: #fff;
    height: 16px;
    line-height: 16px;
    margin-left: 6px;
    text-align: center;
    width: 46px
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-flac,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-flac {
        margin-right: 24px;
        min-width: 115px
    }
}

.bpx-player-ctrl-quality {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 12px;
    margin-right: 10px;
    width: auto
}

.bpx-player-ctrl-quality-result {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600
}

.bpx-player-ctrl-quality-result-trial {
    background-color: #f25d8e;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px
}

.bpx-player-ctrl-quality-bubble {
    bottom: 50px;
    position: absolute
}

.bpx-player-ctrl-quality-menu {
    display: none;
    margin: 0;
    padding: 0
}

.bpx-player-ctrl-quality-menu-wrap {
    background-color: hsla(0, 0%, 8%, .9);
    border-radius: 2px;
    bottom: 41px;
    cursor: pointer;
    left: 50%;
    margin: 0;
    max-height: 580px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bpx-player-ctrl-quality-menu-feedback {
    background-color: hsla(0, 0%, 8%, .9);
    background-image: url(https://i0.hdslb.com/bfs/activity-plat/static/20231227/a5480f18ac08c1e30876e3fde84db784/3IJZgRRNpe.png);
    background-size: cover;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    height: 62px;
    list-style: none;
    margin: 6px 8px 16px;
    overflow: hidden;
    padding: 12px 32px 12px 12px;
    position: relative;
    text-align: left;
    top: 6px;
    width: 222px
}

.bpx-player-ctrl-quality-menu-feedback-times {
    color: #f69;
    margin: 0 2.5px
}

.bpx-player-ctrl-quality-menu-feedback-title {
    line-height: 17px
}

.bpx-player-ctrl-quality-menu-feedback .bpx-common-top-info-icon,
.bpx-player-ctrl-quality-menu-feedback-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-ctrl-quality-menu-feedback .bpx-common-top-info-icon {
    fill: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 2px
}

.bpx-player-ctrl-quality-menu-feedback .bpx-common-top-info-icon svg {
    height: 12px;
    width: 12px
}

.bpx-player-ctrl-quality-menu-feedback .bpx-common-top-info-icon:hover {
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 3px
}

.bpx-player-ctrl-quality-menu-feedback-desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f69;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 17px;
    margin-top: 4px;
    vertical-align: center
}

.bpx-player-ctrl-quality-menu-feedback-desc svg {
    height: 12px;
    width: 12px
}

.bpx-player-ctrl-quality-menu-feedback .bpx-common-top-close-icon {
    fill: #fff;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 6px;
    width: 16px
}

.bpx-player-ctrl-quality-menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    padding: 0 12px;
    white-space: nowrap;
    width: 145px
}

.bpx-player-ctrl-quality-menu-item>span {
    pointer-events: none
}

.bpx-player-ctrl-quality-menu-item[data-value="126"] {
    height: 44px
}

.bpx-player-ctrl-quality-menu-item[data-value="126"] .bpx-player-ctrl-quality-text {
    position: absolute;
    top: 4px
}

.bpx-player-ctrl-quality-menu-item[data-value="126"] .bpx-player-ctrl-quality-tip {
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 24px;
    width: 90px
}

.bpx-player-ctrl-quality-menu-item .bpx-player-ctrl-quality-text-vip-trial {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 44px;
    justify-content: center;
    text-align: left
}

.bpx-player-ctrl-quality-menu-item .bpx-player-ctrl-quality-text-vip-trial-name {
    height: 16px;
    line-height: 16px
}

.bpx-player-ctrl-quality-menu-item .bpx-player-ctrl-quality-text-vip-trial-description {
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    opacity: .8
}

.bpx-player-ctrl-quality-menu-item.bpx-state-active {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ctrl-quality-menu-item:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.bpx-player-ctrl-quality-menu-item-vip-trial {
    height: 36px;
    padding: 4px 13px;
    width: auto
}

.bpx-player-ctrl-quality-menu-item-vip-trial[data-value="126"] {
    height: 44px;
    position: relative;
    width: auto
}

.bpx-player-ctrl-quality-menu-item-vip-trial[data-value="126"] .bpx-player-ctrl-quality-text {
    position: absolute;
    top: 4px
}

.bpx-player-ctrl-quality-menu-item-vip-trial[data-value="126"] .bpx-player-ctrl-quality-tip {
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 24px;
    width: 90px
}

.bpx-player-ctrl-quality-menu-item-non-vip-trial {
    width: auto
}

.bpx-player-ctrl-quality-ai-menu {
    padding-top: 6px
}

.bpx-player-ctrl-quality-badge {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    position: absolute;
    right: 12px
}

.bpx-player-ctrl-quality-badge-bigvip {
    background-color: #f25d8e;
    color: #fff
}

.bpx-player-ctrl-quality-badge-needlogin {
    border: 1px solid #f25d8e;
    color: #f25d8e
}

.bpx-player-ctrl-quality-badge-embedded {
    background-color: #f25d8e;
    color: #fff;
    padding: 0 10px
}

.bpx-player-ctrl-quality:hover {
    margin-top: -10px;
    padding-top: 10px
}

.bpx-player-ctrl-quality.bpx-state-show .bpx-player-ctrl-quality-menu {
    display: block
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-quality,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-quality {
        width: auto
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-quality-result,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-quality-result {
        font-size: 16px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-quality-bubble,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-quality-bubble {
        bottom: 78px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-quality-menu-wrap,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-quality-menu-wrap {
        bottom: 74px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-quality-menu-wrap:after,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-quality-menu-wrap:after {
        height: 32px
    }
}

.bpx-player-embedded .bpx-player-ctrl-quality-menu {
    border-radius: 4px;
    padding: 10px
}

.bpx-player-embedded .bpx-player-ctrl-quality-menu-item {
    border-radius: 4px
}

.bpx-player-ctrl-eplist {
    font-size: 14px;
    visibility: hidden;
    width: 0
}

.bpx-player-ctrl-eplist-result {
    cursor: pointer;
    font-weight: 600;
    width: 100%
}

.bpx-player-ctrl-eplist-menu-wrap {
    background-color: hsla(0, 0%, 8%, .9);
    border-radius: 2px;
    bottom: 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    max-height: 580px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    width: 320px
}

.bpx-player-ctrl-eplist-menu-wrap .bpx-player-ctrl-eplist-menu {
    margin: 0;
    padding: 0
}

.bpx-player-ctrl-eplist-menu-wrap .bpx-player-ctrl-eplist-menu-item {
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-ctrl-eplist-menu-wrap .bpx-player-ctrl-eplist-menu-item:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.bpx-player-ctrl-eplist-menu-wrap .bpx-player-ctrl-eplist-menu-item.bpx-state-active {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6);
    cursor: default;
    padding-left: 32px
}

.bpx-player-ctrl-eplist-menu-wrap .bpx-player-ctrl-eplist-menu-item.bpx-state-active:before {
    border-color: transparent transparent transparent #00a1d6;
    border-color: transparent transparent transparent var(--bpx-primary-color, #00a1d6);
    border-style: solid;
    border-width: 5px 8px;
    content: "";
    left: 20px;
    position: absolute;
    top: 10px
}

.bpx-player-ctrl-eplist-menu-wrap .bpx-player-ctrl-eplist-menu-item-non-pugv {
    padding: 0 26px 0 20px
}

.bpx-player-ctrl-eplist-menu-wrap .bpx-player-ctrl-eplist-menu-item-title {
    cursor: pointer;
    overflow: hidden;
    padding-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px
}

.bpx-player-ctrl-eplist-menu-wrap .bpx-player-ctrl-eplist-menu-item-badge {
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 6px
}

.bpx-player-ctrl-eplist-menu-wrap .bscroll-vertical-scrollbar {
    background: #757575 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 6px !important
}

.bpx-player-ctrl-eplist-menu-wrap .bscroll-vertical-scrollbar .bscroll-indicator {
    border: none !important;
    color: #6d757a !important
}

.bpx-player-ctrl-eplist-menu-wrap:hover .bscroll-vertical-scrollbar {
    opacity: 1 !important
}

.bpx-player-ctrl-eplist.bpx-state-show .bpx-player-ctrl-eplist-menu-wrap {
    opacity: 1;
    visibility: visible
}

.bpx-player-ctrl-eplist:hover {
    margin-top: -40px;
    padding-top: 40px
}

.bpx-player-container[data-screen=full] .bpx-player-ctrl-eplist,
.bpx-player-container[data-screen=web] .bpx-player-ctrl-eplist {
    visibility: visible
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-eplist-result,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-eplist-result {
        font-size: 16px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-eplist-menu-wrap,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-eplist-menu-wrap {
        bottom: 74px
    }
}

.bpx-player-ctrl-playbackrate {
    font-size: 14px;
    width: 50px
}

.bpx-player-ctrl-playbackrate-result {
    cursor: pointer;
    font-weight: 600;
    width: 100%
}

.bpx-player-ctrl-playbackrate-menu {
    background-color: hsla(0, 0%, 8%, .9);
    border-radius: 2px;
    bottom: 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70px
}

.bpx-player-ctrl-playbackrate-menu-item {
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    position: relative
}

.bpx-player-ctrl-playbackrate-menu-item.bpx-state-active {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ctrl-playbackrate-menu-item:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.bpx-player-ctrl-playbackrate.bpx-state-show .bpx-player-ctrl-playbackrate-menu {
    display: block
}

.bpx-player-ctrl-playbackrate:hover {
    margin-top: -10px;
    padding-top: 10px
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-playbackrate,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-playbackrate {
        width: 66px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-playbackrate-result,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-playbackrate-result {
        font-size: 16px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-playbackrate-menu,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-playbackrate-menu {
        bottom: 74px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-playbackrate-menu:after,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-playbackrate-menu:after {
        height: 32px
    }
}

.bpx-player-ctrl-subtitle-box {
    bottom: 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    display: none;
    font-size: 12px;
    position: absolute;
    right: -115px;
    text-align: left;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bpx-player-ctrl-subtitle-menu {
    border-radius: 2px !important;
    bottom: 0;
    position: absolute;
    right: 0
}

.bpx-player-ctrl-subtitle-menu-left,
.bpx-player-ctrl-subtitle-menu-right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 0 20px;
    width: 100%
}

.bpx-player-ctrl-subtitle-add-wrap {
    height: 42px
}

.bpx-player-ctrl-subtitle-add-wrap .bpx-player-ctrl-subtitle-add {
    height: 24px
}

.bpx-player-ctrl-subtitle-add-wrap .bpx-player-ctrl-subtitle-add.bui-disabled .bui-area {
    color: hsla(0, 0%, 100%, .2)
}

.bpx-player-ctrl-subtitle-language-unlogin {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 66px;
    justify-content: center;
    margin-left: -20px;
    width: calc(100% + 40px)
}

.bpx-player-ctrl-subtitle-language-unlogin-content {
    background-color: #f69;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding: 7px 21px
}

.bpx-player-ctrl-subtitle-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    width: calc(100% + 40px)
}

.bpx-player-ctrl-subtitle-language-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    margin: 0 8px;
    padding-left: 12px
}

.bpx-player-ctrl-subtitle-language-item:hover {
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 4px
}

.bpx-player-ctrl-subtitle-language-item.bpx-state-active {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ctrl-subtitle-nolan {
    color: hsla(0, 0%, 100%, .4);
    margin: 25px 0 0 20px;
    width: 100%
}

.bpx-player-ctrl-subtitle-major-title,
.bpx-player-ctrl-subtitle-minor-title {
    color: #999;
    height: 24px;
    line-height: 24px;
    margin-left: 20px
}

.bpx-player-ctrl-subtitle-major-content,
.bpx-player-ctrl-subtitle-minor-content {
    overflow: hidden;
    position: relative
}

.bpx-player-ctrl-subtitle-major-content .bscroll-vertical-scrollbar,
.bpx-player-ctrl-subtitle-minor-content .bscroll-vertical-scrollbar {
    background-color: transparent;
    bottom: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 3px !important
}

.bpx-player-ctrl-subtitle-major-content .bscroll-vertical-scrollbar .bscroll-indicator,
.bpx-player-ctrl-subtitle-minor-content .bscroll-vertical-scrollbar .bscroll-indicator {
    background-color: #e5e7ef !important;
    border: none !important;
    opacity: .3
}

.bpx-player-ctrl-subtitle-major-content:hover .bscroll-vertical-scrollbar,
.bpx-player-ctrl-subtitle-minor-content:hover .bscroll-vertical-scrollbar {
    opacity: 1 !important
}

.bpx-player-ctrl-subtitle-setting {
    fill: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    justify-content: space-between
}

.bpx-player-ctrl-subtitle-setting-text {
    -webkit-transition: color .3s;
    transition: color .3s
}

.bpx-player-ctrl-subtitle-setting .bpx-common-svg-icon {
    height: 100%;
    opacity: .9;
    width: 16px
}

.bpx-player-ctrl-subtitle-setting:hover {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ctrl-subtitle-item {
    margin-top: 12px
}

.bpx-player-ctrl-subtitle-item-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.bpx-player-ctrl-subtitle-color,
.bpx-player-ctrl-subtitle-fontsize,
.bpx-player-ctrl-subtitle-position,
.bpx-player-ctrl-subtitle-shadow {
    width: 50%
}

.bpx-player-ctrl-subtitle-color-title,
.bpx-player-ctrl-subtitle-fontsize-title,
.bpx-player-ctrl-subtitle-position-title,
.bpx-player-ctrl-subtitle-shadow-title {
    height: 16px;
    margin-bottom: 5px
}

.bpx-player-ctrl-subtitle-fontsize,
.bpx-player-ctrl-subtitle-shadow {
    margin-right: 20px
}

.bpx-player-ctrl-subtitle-color .bui-select-item>span,
.bpx-player-ctrl-subtitle-color .bui-select-result>span {
    vertical-align: middle
}

.bpx-player-ctrl-subtitle-color .bui-select-item>span:first-child,
.bpx-player-ctrl-subtitle-color .bui-select-result>span:first-child {
    border-radius: 2px;
    display: inline-block;
    height: 12px;
    margin-right: 8px;
    width: 12px
}

.bpx-player-ctrl-subtitle-opacity-title {
    height: 16px;
    margin-bottom: 6px
}

.bpx-player-ctrl-subtitle-other {
    margin: 10px 0
}

.bpx-player-ctrl-subtitle-other-title {
    height: 16px;
    margin-bottom: 8px
}

.bpx-player-ctrl-subtitle-other-content {
    height: 16px
}

.bpx-player-ctrl-subtitle-fade {
    margin-left: 14px
}

.bpx-player-ctrl-subtitle-reset {
    height: 22px;
    margin: 10px 0;
    width: 116px
}

.bpx-player-ctrl-subtitle .bui-select {
    width: 100%
}

.bpx-player-ctrl-subtitle .bui-select-list {
    z-index: 2
}

.bpx-player-ctrl-subtitle-separator {
    border-bottom: 1px solid rgba(229, 233, 239, .1);
    margin-left: -20px;
    position: relative;
    width: calc(100% + 40px)
}

.bpx-player-ctrl-subtitle:hover {
    margin-top: -10px;
    padding-top: 10px
}

.bpx-player-ctrl-subtitle.bpx-state-show .bpx-player-ctrl-subtitle-box {
    display: block
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-subtitle-box,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-subtitle-box {
        bottom: 74px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-subtitle-box:after,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-subtitle-box:after {
        height: 32px
    }
}

.bpx-player-ctrl-volume-box {
    background: hsla(0, 0%, 8%, .9);
    border-radius: 2px;
    bottom: 41px;
    display: none;
    height: 100px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 32px
}

.bpx-player-ctrl-volume-number {
    color: #e5e9ef;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 2px;
    text-align: center;
    width: 100%
}

.bpx-player-ctrl-volume-progress {
    height: 60px !important;
    margin: 0 auto
}

.bpx-player-ctrl-volume-progress .bui-area {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.bpx-player-ctrl-volume:hover {
    margin-top: -10px;
    padding-top: 10px
}

.bpx-player-ctrl-volume.bpx-state-show .bpx-player-ctrl-volume-box {
    display: block
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-volume-box,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-volume-box {
        bottom: 74px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-volume-box:after,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-volume-box:after {
        height: 32px
    }
}

.bpx-player-ctrl-setting-box {
    bottom: 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 12px;
    position: absolute;
    right: -48px;
    text-align: left
}

.bpx-player-ctrl-setting-menu {
    border-radius: 2px !important
}

.bpx-player-ctrl-setting-menu-left {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 6px 20px;
    width: 100%
}

.bpx-player-ctrl-setting-menu-right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 20px;
    width: 100%
}

.bpx-player-ctrl-setting-autoplay,
.bpx-player-ctrl-setting-loop,
.bpx-player-ctrl-setting-mirror,
.bpx-player-ctrl-setting-more,
.bpx-player-ctrl-setting-oped {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    line-height: 32px;
    width: 100%
}

.bpx-player-ctrl-setting-more {
    cursor: pointer;
    position: relative;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.bpx-player-ctrl-setting-more .bpx-common-svg-icon {
    fill: #fff;
    height: 100%;
    position: absolute;
    right: 0;
    width: 16px
}

.bpx-player-ctrl-setting-more:hover {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ctrl-setting-more:hover .bpx-common-svg-icon {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ctrl-setting-aspect-title,
.bpx-player-ctrl-setting-codec-title,
.bpx-player-ctrl-setting-handoff-title,
.bpx-player-ctrl-setting-loudness-title,
.bpx-player-ctrl-setting-others-title {
    height: 16px;
    line-height: 16px;
    margin-bottom: 4px
}

.bpx-player-ctrl-setting-aspect-content,
.bpx-player-ctrl-setting-codec-content,
.bpx-player-ctrl-setting-handoff-content,
.bpx-player-ctrl-setting-loudness-content {
    margin-bottom: 12px;
    width: 100%
}

.bpx-player-ctrl-setting-others-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.bpx-player-ctrl-setting-others-content .bpx-player-ctrl-setting-checkbox {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 33.33333333%
}

.bpx-player-ctrl-setting:hover {
    margin-top: -10px;
    padding-top: 10px
}

.bpx-player-ctrl-setting.bpx-state-show .bpx-player-ctrl-setting-box {
    display: block
}

.bpx-player-ctrl-setting.bpx-state-right .bui-panel-wrap {
    height: auto !important
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-setting-box,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-setting-box {
        bottom: 74px;
        right: -40px
    }

    .bpx-player-container[data-screen=full] .bpx-player-ctrl-setting-box:after,
    .bpx-player-container[data-screen=web] .bpx-player-ctrl-setting-box:after {
        height: 32px
    }
}

.bpx-player-embedded .bpx-player-ctrl-setting-autoplay,
.bpx-player-embedded .bpx-player-ctrl-setting-handoff,
.bpx-player-embedded .bpx-player-ctrl-setting-oped,
.bpx-player-embedded .bpx-player-ctrl-setting-others {
    display: none
}

.bpx-player-ctrl-pip-enter {
    display: block
}

.bpx-player-ctrl-pip-leave,
.bpx-player-ctrl-pip.bpx-state-entered .bpx-player-ctrl-pip-enter {
    display: none
}

.bpx-player-ctrl-pip.bpx-state-entered .bpx-player-ctrl-pip-leave {
    display: block
}

.bpx-player-ctrl-pip[disabled=true] {
    cursor: default;
    opacity: .4;
    pointer-events: none
}

.bpx-player-ctrl-wide-enter {
    display: block
}

.bpx-player-ctrl-wide-leave,
.bpx-player-ctrl-wide.bpx-state-entered .bpx-player-ctrl-wide-enter {
    display: none
}

.bpx-player-ctrl-wide.bpx-state-entered .bpx-player-ctrl-wide-leave {
    display: block
}

.bpx-player-container[data-screen=full] .bpx-player-ctrl-wide {
    display: none
}

.bpx-player-ctrl-web-enter {
    display: block
}

.bpx-player-ctrl-web-leave,
.bpx-player-ctrl-web.bpx-state-entered .bpx-player-ctrl-web-enter {
    display: none
}

.bpx-player-ctrl-web.bpx-state-entered .bpx-player-ctrl-web-leave {
    display: block
}

.bpx-player-container[data-screen=full] .bpx-player-ctrl-web {
    display: none
}

.bpx-player-error-sign {
    color: red;
    display: none;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 50%;
    top: 75%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 99
}

.bpx-player-error-sign-show {
    display: block
}

.bpx-player-wordcloud {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    visibility: hidden;
    z-index: 5
}

.bpx-player-wordcloud.bpx-player-show {
    opacity: 1;
    visibility: visible
}

.bpx-player-wordcloud.bpx-player-hide {
    opacity: 0;
    visibility: hidden
}

.bpx-player-wordcloud-bg {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    white-space: nowrap;
    width: 58px
}

.bpx-player-wordcloud-bg>img {
    opacity: 0;
    position: relative;
    z-index: 40
}

.bpx-player-wordcloud-bg>canvas {
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0
}

.bpx-player-wordcloud-bg-cv,
.bpx-player-wordcloud-bg-cv>canvas,
.bpx-player-wordcloud-bg-shadow,
.bpx-player-wordcloud-bg-shadow>canvas,
.bpx-player-wordcloud-bg-shine,
.bpx-player-wordcloud-bg-shine>canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-wordcloud-bg-shadow {
    opacity: .3
}

.bpx-player-wordcloud-bg-shine {
    opacity: 0
}

.bpx-player-wordcloud-bg-src {
    opacity: 1;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.bpx-player-wordcloud-bg-vc {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bpx-player-play-pause-button {
    fill: #fff;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 54
}

.bpx-player-play-pause-button .bpx-common-svg-icon {
    height: 60px;
    width: 60px
}

.bpx-player-dm-setting {
    color: #fff
}

.bpx-player-dm-setting-box {
    border-radius: 2px
}

.bpx-player-dm-setting-expand-interaction-area:before {
    background-color: #fff;
    bottom: -24px;
    content: "";
    height: 30px;
    left: 50%;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
    width: 50px
}

.bpx-player-dm-setting-wrap {
    background: none;
    border: none;
    border-radius: 4px 4px 0 0;
    bottom: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    font-size: 12px;
    height: 359px;
    position: absolute;
    right: -149px;
    text-align: left;
    width: 320px;
    z-index: 1001
}

.bpx-player-dm-setting-wrap.bpx-player-right-wrap .bpx-player-dm-setting-left {
    display: none
}

.bpx-player-dm-setting-wrap.bpx-player-right-wrap .bpx-player-dm-setting-right {
    display: block
}

.bpx-player-dm-setting-box {
    bottom: 0;
    position: absolute;
    right: 0
}

.bpx-player-dm-setting-left {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 12px 20px;
    width: 100%
}

.bpx-player-dm-setting-left-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}

.bpx-player-dm-setting-left-ps {
    margin: 0 8px
}

.bpx-player-dm-setting-left-block {
    margin-bottom: 12px;
    overflow: hidden
}

.bpx-player-dm-setting-left-block-title {
    margin-bottom: 5px
}

.bpx-player-dm-setting-left-block-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    overflow: hidden;
    position: relative
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .8);
    height: 100%;
    margin: 0 22px 16px 0;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 28px
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type>span {
    pointer-events: none
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type .bpx-player-block-filter-image {
    fill: hsla(0, 0%, 100%, .8);
    color: hsla(0, 0%, 100%, .8);
    display: inline-block;
    font-size: 0;
    height: 28px;
    line-height: 28px;
    position: relative;
    width: 28px
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type .bpx-player-block-filter-image .bpx-common-svg-icon {
    height: 100% !important;
    pointer-events: none
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type .bpx-player-block-filter-label {
    bottom: -2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    height: 16px;
    left: 0;
    line-height: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: none;
    transition: none;
    width: 100%
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type:hover .bpx-player-block-filter-image {
    fill: #fff;
    color: #fff
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type:hover .bpx-player-block-filter-label {
    color: #fff
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type.bpx-player-active .bpx-player-block-filter-image {
    fill: #00a1d6 !important;
    fill: var(--bpx-fn-color, #00a1d6) !important;
    color: #00a1d6 !important;
    color: var(--bpx-fn-color, #00a1d6) !important
}

.bpx-player-dm-setting-left-block-content .bpx-player-block-filter-type.bpx-player-active .bpx-player-block-filter-label {
    color: #00a1d6 !important;
    color: var(--bpx-fn-color, #00a1d6) !important
}

.bpx-player-dm-setting-left-flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px
}

.bpx-player-dm-setting-left-flag-disable {
    cursor: not-allowed;
    opacity: .4
}

.bpx-player-dm-setting-left-flag-disable .bpx-player-dm-setting-left-flag-content,
.bpx-player-dm-setting-left-flag-disable .bpx-player-dm-setting-left-flag-title {
    pointer-events: none
}

.bpx-player-dm-setting-left-flag-title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.bpx-player-dm-setting-left-flag-content {
    margin-left: 10px;
    opacity: 1;
    padding-top: 2px;
    width: 100%
}

.bpx-player-dm-setting-left-flag-content .bui-step {
    display: none
}

.bpx-player-dm-setting-left-flag.bpx-player-unchecked .bpx-player-dm-setting-left-flag-content {
    position: relative
}

.bpx-player-dm-setting-left-flag.bpx-player-unchecked .bpx-player-dm-setting-left-flag-content .bpx-player-dm-setting-left-flag-slider {
    opacity: 0
}

.bpx-player-dm-setting-left-flag.bpx-player-unchecked .bpx-player-dm-setting-left-flag-content:after {
    color: #999;
    content: "全站视频将按等级屏蔽弹幕";
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-dm-setting-left-block-word {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    line-height: 24px;
    margin-bottom: 14px;
    text-align: center;
    width: 100%
}

.bpx-player-dm-setting-left-block-word .bpx-player-dm-setting-left-block-add,
.bpx-player-dm-setting-left-block-word .bpx-player-dm-setting-left-block-sync {
    background: hsla(0, 0%, 100%, .3);
    border-radius: 2px;
    cursor: pointer;
    width: 134px
}

.bpx-player-dm-setting-left-block-word .bpx-player-dm-setting-left-block-add:hover,
.bpx-player-dm-setting-left-block-word .bpx-player-dm-setting-left-block-sync:hover {
    background: hsla(0, 0%, 100%, .4)
}

.bpx-player-dm-setting-left-area,
.bpx-player-dm-setting-left-fontsize,
.bpx-player-dm-setting-left-opacity,
.bpx-player-dm-setting-left-speedplus {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    line-height: 16px;
    margin-bottom: 16px;
    width: 100%
}

.bpx-player-dm-setting-left-area {
    margin-bottom: 20px
}

.bpx-player-dm-setting-left-area-title,
.bpx-player-dm-setting-left-block-title,
.bpx-player-dm-setting-left-fontsize-title,
.bpx-player-dm-setting-left-opacity-title,
.bpx-player-dm-setting-left-speedplus-title {
    color: #fff;
    height: 16px;
    line-height: 16px;
    text-align: left
}

.bpx-player-dm-setting-left-area-content,
.bpx-player-dm-setting-left-fontsize-content,
.bpx-player-dm-setting-left-opacity-content,
.bpx-player-dm-setting-left-speedplus-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 12px;
    margin-left: 10px;
    width: 200px
}

.bpx-player-dm-setting-left-more {
    fill: #fff;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    clear: left;
    color: #fff;
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    padding-top: 10px;
    position: relative;
    text-align: left;
    top: 10px
}

.bpx-player-dm-setting-left-more-text {
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s;
    vertical-align: middle
}

.bpx-player-dm-setting-left-more-senior-text {
    color: hsla(0, 0%, 100%, .6);
    display: none;
    float: right;
    margin-right: 10px
}

.bpx-player-dm-setting-left-more .bpx-common-svg-icon {
    height: 16px;
    margin-right: -3px;
    position: absolute;
    right: 0;
    vertical-align: middle;
    width: 16px
}

.bpx-player-dm-setting-left-more:hover {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bpx-player-dm-setting-left-more-senior-tip .bpx-player-dm-setting-left-more-text:after {
    background: #f25d8e;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 2px;
    vertical-align: text-top;
    width: 4px
}

.bpx-player-dm-setting-left-more-senior-tip .bpx-player-dm-setting-left-more-senior-text {
    display: block
}

.bpx-player-dm-setting-right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 0 20px;
    width: 100%
}

.bpx-player-dm-setting-right .bui-select,
.bpx-player-dm-setting-right-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-dm-setting-right-more {
    fill: #fff;
    color: #fff;
    cursor: pointer;
    height: 32px;
    line-height: 1;
    line-height: 32px;
    text-align: left
}

.bpx-player-dm-setting-right-more-text {
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s;
    vertical-align: middle
}

.bpx-player-dm-setting-right-more .bpx-common-svg-icon {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin-left: -3px;
    vertical-align: middle;
    width: 20px
}

.bpx-player-dm-setting-right-more:hover {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bpx-player-dm-setting-right-separator {
    border-bottom: 1px solid rgba(229, 233, 239, .1);
    position: relative;
    right: 20px;
    width: 305px
}

.bpx-player-dm-setting-right-senior {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 46px;
    justify-content: center;
    padding-top: 12px;
    position: relative
}

.bpx-player-dm-setting-right-senior-disable {
    display: none
}

.bpx-player-dm-setting-right-senior-bg {
    height: 48px;
    margin-left: -10px;
    position: absolute;
    width: 246px;
    z-index: -1
}

.bpx-player-dm-setting-right-senior-title {
    margin-top: 5px
}

.bpx-player-dm-setting-right-senior-title .bpx-common-svg-icon {
    display: inline;
    line-height: 15px;
    vertical-align: middle
}

.bpx-player-dm-setting-right-senior-title .bpx-common-svg-icon svg {
    height: 14px;
    width: 29px
}

.bpx-player-dm-setting-right-senior-btn {
    position: absolute !important;
    right: 0;
    top: 25px
}

.bpx-player-dm-setting-right-speedsync {
    height: 16px;
    line-height: 16px;
    margin-bottom: 6px;
    margin-bottom: 12px;
    margin-top: 12px;
    right: 2px
}

.bpx-player-dm-setting-right-font {
    margin-bottom: 12px
}

.bpx-player-dm-setting-right-font-content {
    float: left;
    margin-bottom: 12px
}

.bpx-player-dm-setting-right-font-content-fontfamily {
    width: 164px
}

.bpx-player-dm-setting-right-font-content-fontfamilycustom {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 22px;
    line-height: 24px;
    margin-top: 10px;
    width: 166px
}

.bpx-player-dm-setting-right-font-content .bpui-selectmenu {
    border-radius: 0
}

.bpx-player-dm-setting-right-font-content .bpui-selectmenu-list li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px;
    line-height: 22px;
    width: 100%
}

.bpx-player-dm-setting-right-font-content .bpui-selectmenu-list li:hover {
    background: #e7e7e7
}

.bpx-player-dm-setting-right-font-bold {
    color: #212121;
    float: left;
    height: 16px;
    left: 14px;
    line-height: 16px;
    position: relative;
    top: 4px
}

.bpx-player-dm-setting-right-font-bold label:hover,
.bpx-player-dm-setting-right-font-bold label:hover .bpui-icon-checkbox.icon-12checkbox {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.bpx-player-dm-setting-right-font-bold:hover .bpui-checkbox-text {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-dm-setting-right-font-bold:hover .bpui-icon-checkbox.icon-12checkbox {
    border: 1px solid #00a1d6;
    border: 1px solid var(--bpx-primary-color, #00a1d6);
    -webkit-box-shadow: none;
    box-shadow: none
}

.bpx-player-dm-setting-right-fontborder {
    clear: left;
    line-height: 14px;
    margin-bottom: 12px
}

.bpx-player-dm-setting-right-fontborder-content.bpui-tab-list-type-button {
    width: 100%
}

.bpx-player-dm-setting-right-fontborder-content .bpui-tab-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.bpx-player-dm-setting-right-fontborder-content .bpui-tab-list .bpui-tab-list-row {
    background: #999;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    width: 70px
}

.bpx-player-dm-setting-right-fontborder-content .bpui-tab-list .bpui-tab-list-row:hover {
    background: #757575;
    color: #fff
}

.bpx-player-dm-setting-right-fontborder-content .bpui-tab-list .bpui-tab-list-row.bpui-state-selected {
    background: #00a1d6;
    background: var(--bpx-primary-color, #00a1d6);
    color: #fff;
    margin: 0;
    padding: 0
}

.bpx-player-dm-setting-right-font-title,
.bpx-player-dm-setting-right-fontborder-title,
.bpx-player-dm-setting-right-type-title {
    clear: left;
    color: #fff;
    height: 16px;
    line-height: 16px;
    margin-bottom: 4px;
    text-align: left
}

.bpx-player-dm-setting-right-reset {
    height: 30px;
    line-height: 30px
}

.bpx-player-dm-setting-right-reset.bui-button {
    height: 22px;
    line-height: 22px;
    margin-top: 9px;
    width: 116px
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-dm-setting-wrap,
    .bpx-player-container[data-screen=web] .bpx-player-dm-setting-wrap {
        bottom: 63px;
        right: -105px
    }
}

.bpx-player-container[data-revision="2"] .bpx-player-dm-setting-wrap {
    right: -256px !important
}

.bpx-player.mode-fullscreen .bpx-player-mode-selection-container,
.bpx-player.mode-webfullscreen .bpx-player-mode-selection-container {
    bottom: 66px
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 270px;
    margin-left: -216px;
    width: 433px
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip.bpx-player-mode-selection-isadmin .bpx-player-mode-selection-panel {
    max-height: 240px;
    min-height: 184px
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip.bpx-player-mode-selection-isadmin .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.fontsize,
.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip.bpx-player-mode-selection-isadmin .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.pool {
    margin-bottom: 0
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip.bpx-player-mode-selection-isadmin .bpx-player-mode-selection-panel .vip-color {
    height: 44px
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip .bpx-player-mode-selection-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.fontsize .row-selection {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.color {
    height: 88px;
    margin-top: 4px
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.vip-color {
    height: 44px
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode {
    height: 60px
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-isVip:after {
    background: rgba(229, 233, 239, .1);
    content: "";
    height: 156px;
    left: 216px;
    position: absolute;
    top: 16px;
    width: 1px
}

.bpx-player-mode-selection-container {
    background: hsla(0, 0%, 8%, .9);
    border-radius: 2px;
    bottom: 39px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    height: auto;
    left: 50%;
    margin-left: -108px;
    padding: 2px 0 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 216px;
    z-index: 1001
}

.bpx-player-mode-selection-container.active {
    display: block
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-hasUp .bpx-player-mode-selection-panel .bpx-player-mode-selection-row {
    opacity: .5;
    pointer-events: none
}

.bpx-player-mode-selection-container.bpx-player-mode-selection-hasUp .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode,
.bpx-player-mode-selection-container.bpx-player-mode-selection-hasUp .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.updm {
    opacity: 1;
    pointer-events: auto
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel {
    display: block;
    position: relative
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row {
    font-size: 12px;
    line-height: 22px;
    margin: 10px 20px;
    min-height: 22px;
    position: relative;
    width: 176px
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-title {
    color: #fff;
    line-height: 16px;
    text-align: left
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px -8px 0 0
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection.little-font .selection-span[data-type=fontsize] {
    height: 22px;
    margin-bottom: 8px;
    width: 38px
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .bui-input .bui-input-input {
    -webkit-transition: none;
    transition: none
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin-right: 8px;
    position: relative;
    text-align: center
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span:last-child {
    margin-right: 8px
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span[data-type=pool] {
    width: 84px
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span[data-type=fontsize] {
    margin-bottom: 8px;
    width: 84px
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span.active {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6);
    color: #fff
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span.active:hover {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6)
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span.active .selection-icon i {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    opacity: 1
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span:hover {
    background: hsla(0, 0%, 100%, .4)
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span.js-action>span {
    pointer-events: none
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span .selection-icon {
    border-radius: 2px;
    display: block;
    font-size: 26px;
    height: 26px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 26px;
    z-index: 1
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span .selection-span-mask {
    bottom: 0;
    cursor: default;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span .selection-span-mask span {
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    height: 0;
    left: 10px;
    line-height: 1.4;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 10px;
    white-space: nowrap;
    width: 0;
    z-index: -1
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span .selection-span-mask span:before {
    border: 4px solid transparent;
    border-top-color: #000;
    bottom: -8px;
    content: "";
    height: 0;
    left: 10px;
    position: absolute;
    width: 0
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .row-selection .selection-span .selection-span-mask:hover span {
    height: auto;
    opacity: 1;
    overflow: visible;
    padding: 2px 4px;
    top: -24px;
    width: auto;
    z-index: 49
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .vip-danmaku-color ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 4px;
    margin-right: -10.66666667px
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .vip-danmaku-color li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 16px;
    margin-right: 10.66666667px;
    width: 16px
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row .vip-danmaku-color .active {
    border: 1px solid rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px 1px #fff;
    box-shadow: 0 0 1px 1px #fff
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode .selection-span {
    fill: hsla(0, 0%, 100%, .8);
    background: transparent;
    color: hsla(0, 0%, 100%, .8);
    margin: -4px 22px 0 0
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode .selection-span.disabled,
.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode .selection-span.disabled:hover {
    fill: hsla(0, 0%, 100%, .4);
    background: transparent;
    color: hsla(0, 0%, 100%, .4)
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode .selection-span.active,
.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode .selection-span.active:hover {
    fill: #00a1d6;
    fill: var(--bpx-fn-color, #00a1d6);
    background: transparent;
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode .selection-span:hover {
    fill: #fff;
    background: transparent;
    color: #fff
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode .selection-name {
    display: block;
    line-height: 14px
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.mode .bp-svgicon {
    -webkit-transition: none;
    transition: none
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-panel .bpx-player-mode-selection-row.updm {
    margin-top: 0;
    text-align: left
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-mask {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 49
}

.bpx-player-mode-selection-container .bpx-player-mode-selection-mask .bpx-player-mode-selection-mask-warning {
    height: 26px;
    left: 50%;
    line-height: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 76px
}

.bpx-player-mode-selection-container.disabled .bpx-player-mode-selection-mask {
    display: block
}

.bpx-player-container[data-revision="2"] .bpx-player-mode-selection-container {
    left: 150px !important
}

.bpx-player-skipcard,
.bpx-player-stardcard {
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    bottom: 63px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 40px;
    left: 23px;
    opacity: 0;
    padding: 6px 12px;
    pointer-events: auto;
    position: absolute;
    text-align: left;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: all .33s;
    transition: all .33s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 162px;
    z-index: 69
}

.bpx-player-skipcard.bpx-player-show,
.bpx-player-stardcard.bpx-player-show {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

.bpx-player-skipcard {
    height: 56px;
    padding: 6px 16px 6px 6px;
    width: 238px
}

.bpx-player-skipcard-left {
    -webkit-box-flex: 0;
    border-radius: 4px;
    -ms-flex: none;
    flex: none;
    height: 44px;
    margin-right: 6px;
    overflow: hidden;
    width: 44px
}

.bpx-player-skipcard-left-img {
    height: 100%;
    width: 100%
}

.bpx-player-skipcard-center {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.bpx-player-skipcard-center-label {
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 96px
}

.bpx-player-skipcard-center .bpx-player-skipcard-center-content {
    color: #999;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: scale(.83);
    transform: scale(.83);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    white-space: nowrap;
    width: 115px
}

.bpx-player-skipcard-right {
    border: 1px solid #00a1d6;
    border: 1px solid var(--bpx-fn-color, #00a1d6);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    cursor: pointer;
    font-size: 13px;
    height: 24px;
    line-height: 22px;
    overflow: hidden;
    position: absolute;
    right: 16px;
    text-align: center;
    text-overflow: ellipsis;
    top: 16px;
    white-space: nowrap;
    width: 64px
}

.bpx-player-skipcard-right:hover {
    border: 1px solid #00b5e5;
    border: 1px solid var(--bpx-fn-hover-color, #00b5e5);
    color: #00b5e5;
    color: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-stardcard {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .808)), to(rgba(74, 74, 74, .808)));
    background: linear-gradient(270deg, rgba(0, 0, 0, .808), rgba(74, 74, 74, .808));
    font-size: 12px
}

.bpx-player-stardcard-left {
    width: 115px
}

.bpx-player-stardcard-left,
.bpx-player-stardcard-right {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-stardcard-right {
    -webkit-box-flex: 0;
    background-color: #f25d8e;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    font-size: 12px;
    line-height: 24px;
    right: 12px;
    text-align: center;
    top: 9px;
    width: 58px
}

.bpx-player-stardcard-right:hover {
    background-color: #ff85ad
}

.bpx-player-stardcard-right.bpx-player-active {
    background-color: rgba(0, 0, 0, .3)
}

.bpx-player-container[data-screen=full] .bpx-player-skipcard,
.bpx-player-container[data-screen=full] .bpx-player-stardcard,
.bpx-player-container[data-screen=web] .bpx-player-skipcard,
.bpx-player-container[data-screen=web] .bpx-player-stardcard {
    bottom: 74px
}

.bpx-player-container[data-screen=mini] .bpx-player-skipcard,
.bpx-player-container[data-screen=mini] .bpx-player-stardcard {
    display: none
}

.bpx-player-color-panel {
    -webkit-font-smoothing: antialiased;
    background-color: rgba(33, 33, 33, .9);
    border-radius: 4px;
    color: #fff;
    left: 50%;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    z-index: 80
}

.bpx-player-color-panel-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center
}

.bpx-player-color-panel-close {
    fill: #fff;
    color: #fff;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px
}

.bpx-player-color-panel .bpx-player-color-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    padding: 5px 10px 5px 20px
}

.bpx-player-color-panel-name {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 20px;
    width: 50px
}

.bpx-player-color-panel-slider {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 250px
}

.bpx-player-color-panel-value {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40px
}

.bpx-player-color-panel-reset {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    margin-top: 10px;
    padding: 8px 0
}

.bpx-player-color-panel-btn {
    background: hsla(0, 0%, 100%, .3);
    cursor: pointer
}

.bpx-player-color-panel-btn:hover {
    background: hsla(0, 0%, 100%, .4)
}

.bpx-player-container[data-screen=full] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug,
.bpx-player-container[data-screen=web] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug {
    background-color: rgba(33, 33, 33, .9);
    border: none;
    border-radius: 4px 4px 0 0;
    bottom: 100%;
    top: auto
}

.bpx-player-container[data-screen=full] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-title,
.bpx-player-container[data-screen=web] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-title {
    color: #61666d
}

.bpx-player-container[data-screen=full] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-list,
.bpx-player-container[data-screen=web] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-list {
    color: #c9ccd0
}

.bpx-player-container[data-screen=full] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-item,
.bpx-player-container[data-screen=web] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-item {
    border: 1px solid #61666d
}

.bpx-player-container[data-screen=full] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-carousel,
.bpx-player-container[data-screen=web] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-carousel {
    background: transparent;
    color: #fff
}

.bpx-player-container[data-screen=full] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-carousel.carousel-show~input.bpx-player-dm-input,
.bpx-player-container[data-screen=web] .bpx-player-video-inputbar-wrap .bpx-player-postpanel-carousel.carousel-show~input.bpx-player-dm-input {
    opacity: 0
}

.bpx-player-light-weight .bpx-player-sending-area {
    display: none
}

.bpx-player-sending-area:before {
    background: #f4f4f4;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: -1px;
    width: 100%
}

.bpx-player-sending-bar {
    -webkit-box-flex: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    background: var(--bpx-dmsend-main-bg, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    font-size: 12px;
    height: 46px;
    justify-content: space-between;
    padding: 0 12px 0 20px
}

.bpx-player-sending-bar .bpx-player-video-info {
    -ms-flex-negative: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #505050;
    color: var(--bpx-dmsend-info-font, #505050);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 1;
    height: 16px;
    line-height: 12px;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 132px
}

.bpx-player-sending-bar .bpx-player-video-info.bpx-player-hide-dm .bpx-player-video-info-divide,
.bpx-player-sending-bar .bpx-player-video-info.bpx-player-hide-dm .bpx-player-video-info-dm,
.bpx-player-sending-bar .bpx-player-video-info.bpx-player-hide-online .bpx-player-video-info-divide,
.bpx-player-sending-bar .bpx-player-video-info.bpx-player-hide-online .bpx-player-video-info-online {
    display: none
}

.bpx-player-sending-bar .bpx-player-video-info.bpx-player-hide-dm .bpx-player-video-info-online {
    margin-right: 0
}

.bpx-player-sending-bar .bpx-player-video-info-dm {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-sending-bar .bpx-player-video-info-online {
    position: relative
}

.bpx-player-sending-bar .bpx-player-dm-root {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    height: 34px
}

.bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-switch.bui-disabled {
    cursor: not-allowed;
    pointer-events: none
}

.bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting,
.bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-switch {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin-right: 12px;
    position: relative;
    width: 30px
}

.bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting.disabled {
    cursor: not-allowed !important;
    opacity: .4 !important;
    pointer-events: none
}

.bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting.disabled:hover {
    fill: #757575 !important;
    fill: var(--bpx-dmsend-switch-icon, #757575) !important
}

.bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting {
    fill: #757575;
    fill: var(--bpx-dmsend-switch-icon, #757575);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    height: 46px;
    padding: 11px 0
}

.bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting:hover {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-sending-bar .bpx-player-video-btn-dm {
    -webkit-box-flex: 0;
    fill: #757575;
    fill: var(--bpx-dmsend-switch-icon, #757575);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    height: 30px;
    line-height: 30px;
    padding: 3px 0;
    position: relative;
    text-align: center;
    width: 30px
}

.bpx-player-sending-bar .bpx-player-video-btn-dm:hover {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-sending-bar .bpx-player-video-btn-dm:hover:after {
    bottom: 26px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.bpx-player-sending-bar .bpx-player-video-btn-dm:hover .bpx-player-mode-selection-container {
    opacity: 1;
    visibility: visible
}

.bpx-player-sending-bar .bpx-player-video-btn-dm .bpx-player-iconfont {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%
}

.bpx-player-sending-bar .bpx-player-video-btn-dm .bpx-player-iconfont .bpx-common-svg-icon {
    display: block;
    height: 24px;
    width: 36px
}

.bpx-player-sending-bar .bpx-player-video-inputbar {
    -ms-flex-align: center;
    -ms-flex-positive: 1;
    background: #f4f4f4;
    background: var(--bpx-dmsend-input-bg, #f4f4f4);
    border-radius: 2px;
    color: #999;
    flex-grow: 1;
    width: 300px
}

.bpx-player-sending-bar .bpx-player-video-inputbar,
.bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
    -ms-flex-align: center;
    border: 1px solid #e7e7e7;
    border: 1px solid var(--bpx-dmsend-border, #e7e7e7);
    border-radius: 2px 0 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    height: 30px;
    width: 200px
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-carousel {
    background: #f4f4f4;
    background: var(--bpx-dmsend-input-bg, #f4f4f4);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #212121;
    color: var(--bpx-dmsend-input-font, #212121);
    display: none;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    position: absolute;
    width: 60%;
    z-index: 15
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-carousel-item {
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-carousel-item.item-show {
    opacity: 1
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-carousel.carousel-show {
    display: block
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug {
    background: #fff;
    border: 1px solid #f1f2f3;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 4px rgba(0, 0, 0, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    font-size: 13px;
    font-weight: 400;
    height: auto;
    line-height: 18px;
    padding: 10px 0 10px 10px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 66
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug.sugShow {
    display: block
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-title {
    color: #9499a0
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-list {
    color: #61666d;
    height: auto;
    width: 100%
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-sug-item {
    border: 1px solid #c9ccd0;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    margin: 8px 10px 0 0;
    padding: 3px 10px
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-popup {
    left: 34px;
    opacity: 0;
    position: absolute;
    top: -80%;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    visibility: hidden;
    z-index: 76
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-popup.popup {
    -webkit-animation: popup 5s forwards;
    animation: popup 5s forwards
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-popup-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 900;
    height: 26px;
    justify-content: center;
    line-height: 16px;
    min-width: 72px;
    padding: 5px 10px;
    text-align: center
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-postpanel-popup-content:before {
    border: 4px solid transparent;
    border-top-color: rgba(0, 0, 0, .6);
    content: "";
    height: 0;
    position: absolute;
    top: 26px;
    width: 0
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-video-preview-emoji-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .102);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .102);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    height: 50px;
    justify-content: center;
    left: 36px;
    position: absolute;
    top: -56px;
    width: 50px;
    z-index: 70
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-video-preview-emoji-wrap.bpx-player-up-emoji {
    -webkit-transform: translateX(27px);
    transform: translateX(27px)
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-video-preview-emoji-wrap-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-video-preview-emoji-wrap:before {
    border: 4px solid transparent;
    border-top-color: #fff;
    content: "";
    height: 0;
    position: absolute;
    top: 50px;
    width: 0
}

.bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-video-preview-emoji-wrap .bpx-player-video-preview-emoji {
    margin: 0 5px;
    width: 40px
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-up-head {
    -webkit-box-flex: 0;
    border-radius: 50%;
    -ms-flex: none;
    flex: none;
    height: 24px;
    margin: 2px;
    overflow: hidden;
    width: 24px
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-up-head-img {
    height: 100%;
    vertical-align: top;
    width: 100%
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-wrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-grow: 1;
    left: 0;
    line-height: 28px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    z-index: 13
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-wrap a {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6);
    padding: 0 4px
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-wrap a:hover {
    color: #00b5e5;
    color: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-wrap a:active {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-uname {
    color: #99a2aa;
    float: left;
    margin-right: -10px;
    padding-left: 10px
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #212121;
    color: var(--bpx-dmsend-input-font, #212121);
    flex-grow: 1;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    min-width: 100px;
    padding: 0 5px;
    width: 100%;
    z-index: 12
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input::-webkit-input-placeholder {
    color: #757575
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input::-moz-placeholder {
    color: #757575
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input:-ms-input-placeholder {
    color: #757575
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint {
    -ms-flex-negative: 0;
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0;
    -ms-flex: none;
    flex: none;
    opacity: 0;
    text-align: center;
    width: 72px;
    z-index: 13
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a {
    fill: #757575;
    fill: var(--bpx-dmsend-hint-icon, #757575);
    color: #757575;
    color: var(--bpx-dmsend-hint-font, #757575);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 28px
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a:hover {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a>span {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    vertical-align: top
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a .bpx-common-svg-icon {
    height: 28px;
    width: 16px
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint .beyond-words {
    color: #fa483e
}

.bpx-player-sending-bar .bpx-player-video-inputbar.bpx-player-checkBox-hide .bpx-player-dm-hint {
    opacity: 1
}

.bpx-player-sending-bar .bpx-player-video-inputbar.bpx-player-checkBox-hide .bpx-player-video-inputbar-checkBox {
    display: none
}

.bpx-player-sending-bar .bpx-player-video-inputbar.bpx-player-sug {
    border-radius: 8px 8px 8px 0 !important
}

.bpx-player-sending-bar .bpx-player-video-inputbar-checkBox {
    height: 100%;
    position: absolute;
    right: 70px;
    top: 0;
    z-index: 14
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send {
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    min-width: 60px;
    overflow: hidden;
    text-align: center;
    width: 60px;
    z-index: 13
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-button-disabled {
    background-color: #e7e7e7;
    color: #999
}

.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send .bui-area {
    border-radius: 0;
    min-width: 60px
}

.bpx-state-light-off .bpx-player-sending-bar {
    background: #212121
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-info {
    color: silver
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-dm-switch.bui-danmaku-switch {
    fill: hsla(0, 0%, 100%, .8)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-dm-setting {
    fill: hsla(0, 0%, 100%, .8);
    color: hsla(0, 0%, 100%, .8)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar {
    background: hsla(0, 0%, 100%, .2);
    color: #999
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
    border: none
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-video-btn-dm {
    fill: hsla(0, 0%, 100%, .8);
    color: hsla(0, 0%, 100%, .8)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send,
.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input,
.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-video-btn-dm {
    color: #fff
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-postpanel-sug {
    background-color: rgba(33, 33, 33, .9);
    border: none
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-postpanel-sug-title {
    color: #61666d
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-postpanel-sug-list {
    color: #c9ccd0
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-postpanel-sug-item {
    border: 1px solid #61666d
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-postpanel-carousel {
    background: transparent;
    color: #fff
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-postpanel-carousel.carousel-show~input.bpx-player-dm-input {
    opacity: 0
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint {
    color: hsla(0, 0%, 100%, .5)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a {
    fill: hsla(0, 0%, 100%, .6);
    color: hsla(0, 0%, 100%, .6)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a:hover {
    fill: #fff;
    color: #fff
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar-checkBox:hover .bui-checkbox-name {
    color: #00b5e5;
    color: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-state-light-off .bpx-player-sending-bar .bpx-player-video-inputbar .bui-checkbox-name {
    color: #fff
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-info,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-info {
    display: none
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-dm-switch.bui-danmaku-switch,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-dm-switch.bui-danmaku-switch {
    fill: hsla(0, 0%, 100%, .9)
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-dm-setting,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-dm-setting {
    fill: hsla(0, 0%, 100%, .9);
    color: hsla(0, 0%, 100%, .9);
    height: 50px
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar {
    background: none;
    background-color: hsla(0, 0%, 100%, .3);
    color: hsla(0, 0%, 100%, .6);
    margin: 0 auto;
    padding: 0
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar-wrap,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
    border: none
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-video-btn-dm,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-video-btn-dm {
    fill: hsla(0, 0%, 100%, .9);
    color: #fff
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send,
.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input,
.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-video-btn-dm,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-video-btn-dm {
    color: #fff;
    height: 34px;
    line-height: 34px
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input::-webkit-input-placeholder,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input::-moz-placeholder,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input:-ms-input-placeholder,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint {
    color: hsla(0, 0%, 100%, .5)
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a {
    fill: hsla(0, 0%, 100%, .6);
    color: hsla(0, 0%, 100%, .6)
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a:hover,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a:hover {
    fill: #fff;
    color: #fff
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar-checkBox:hover .bui-checkbox-name,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar-checkBox:hover .bui-checkbox-name {
    color: #00b5e5;
    color: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-container[data-screen=full] .bpx-player-sending-bar .bpx-player-video-inputbar .bui-checkbox-name,
.bpx-player-container[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar .bui-checkbox-name {
    color: #fff
}

.bpx-player-container[data-screen=full] .bpx-player-video-preview-emoji-wrap,
.bpx-player-container[data-screen=web] .bpx-player-video-preview-emoji-wrap {
    left: 35px !important
}

@media screen and (max-width:1200px) {
    .bpx-player-container[data-screen=full] .bpx-player-video-inputbar {
        display: none
    }
}

@media screen and (min-width:750px) {
    .bpx-player-container[data-screen=full] .bpx-player-sending-bar {
        background: none;
        border: none;
        height: 34px !important;
        line-height: 34px !important;
        margin: 0 auto;
        max-width: 729px;
        padding: 0
    }
}

.bpx-player-container[data-revision]:not([data-revision="2"])[data-screen=web] .bpx-player-sending-bar .bpx-player-video-inputbar {
    height: 34px !important;
    max-width: 729px
}

@media screen and (max-width:1200px) {
    .bpx-player-container[data-revision]:not([data-revision="2"])[data-screen=web] .bpx-player-video-inputbar {
        display: none
    }
}

@media screen and (min-width:750px) {
    .bpx-player-container[data-revision]:not([data-revision="2"])[data-screen=web] .bpx-player-sending-bar {
        background: none;
        border: none;
        height: 34px !important;
        line-height: 34px !important;
        margin: 0 auto;
        max-width: 729px;
        padding: 0
    }
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-info,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-info {
    line-height: 18px;
    margin-right: 24px;
    width: auto
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-info-online,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-info-online {
    margin-right: 0
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-info-online b,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-info-online b {
    font-weight: 400;
    margin-right: 3px
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting,
.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-switch,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-switch {
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting {
    padding: 0
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar {
    border-radius: 8px;
    height: 32px;
    min-width: 300px;
    width: calc(100% - 72px)
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar-wrap,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
    border: none;
    border-radius: 8px 0 0 8px;
    height: 100%
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-wrap,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-wrap {
    padding: 0 0 0 6px
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input {
    font-size: inherit
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint {
    margin-right: 5px;
    width: auto
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send {
    border-radius: 0 8px 8px 0;
    height: 100%;
    min-width: 62px;
    width: 62px
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-button .bui-area,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-button .bui-area {
    font-size: 13px
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-disabled,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-disabled {
    -webkit-filter: initial;
    filter: none
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-disabled .bui-button-blue,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-disabled .bui-button-blue {
    background-color: #e7e7e7;
    color: #999
}

@media screen and (min-width:1681px) {

    .bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-info,
    .bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-info {
        line-height: 20px;
        margin-right: 36px
    }

    .bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting,
    .bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-switch,
    .bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting,
    .bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-switch {
        margin-right: 18px
    }

    .bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar,
    .bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar {
        height: 40px;
        width: calc(100% - 84px)
    }

    .bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send,
    .bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send {
        width: 64px
    }

    .bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-button .bui-area,
    .bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send.bui-button .bui-area {
        font-size: 14px
    }
}

.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-info {
    display: none
}

.bpx-player-container[data-revision="2"][data-screen=web] .bpx-player-sending-area {
    background-color: rgba(14, 14, 25, .8)
}

.bpx-player-container[data-revision="2"][data-screen=web] .bpx-player-sending-area .bpx-player-sending-bar {
    background-color: #11111d
}

.bpx-player-container[data-revision="2"][data-screen=web] .bpx-player-sending-area .bpx-player-sending-bar .bpx-player-video-inputbar {
    background: rgba(205, 218, 255, .08)
}

.bpx-player-embedded .bpx-player-dm-root {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bpx-player-embedded[data-screen=full] .bpx-player-sending-bar,
.bpx-player-embedded[data-screen=web] .bpx-player-sending-bar {
    height: 30px;
    line-height: 30px
}

.bpx-player-embedded[data-screen=full] .bpx-player-sending-bar .bpx-player-dm-setting,
.bpx-player-embedded[data-screen=full] .bpx-player-sending-bar .bpx-player-dm-setting .bui-danmaku-switch-off,
.bpx-player-embedded[data-screen=full] .bpx-player-sending-bar .bpx-player-dm-setting .bui-danmaku-switch-on,
.bpx-player-embedded[data-screen=full] .bpx-player-sending-bar .bpx-player-dm-switch,
.bpx-player-embedded[data-screen=full] .bpx-player-sending-bar .bpx-player-dm-switch .bui-danmaku-switch-off,
.bpx-player-embedded[data-screen=full] .bpx-player-sending-bar .bpx-player-dm-switch .bui-danmaku-switch-on,
.bpx-player-embedded[data-screen=web] .bpx-player-sending-bar .bpx-player-dm-setting,
.bpx-player-embedded[data-screen=web] .bpx-player-sending-bar .bpx-player-dm-setting .bui-danmaku-switch-off,
.bpx-player-embedded[data-screen=web] .bpx-player-sending-bar .bpx-player-dm-setting .bui-danmaku-switch-on,
.bpx-player-embedded[data-screen=web] .bpx-player-sending-bar .bpx-player-dm-switch,
.bpx-player-embedded[data-screen=web] .bpx-player-sending-bar .bpx-player-dm-switch .bui-danmaku-switch-off,
.bpx-player-embedded[data-screen=web] .bpx-player-sending-bar .bpx-player-dm-switch .bui-danmaku-switch-on {
    height: 28px;
    width: 28px
}

.bpx-player-embedded .bpx-player-sending-bar {
    background: none;
    border: none;
    height: 20px;
    line-height: 26px;
    margin: 0 auto;
    max-width: 729px;
    padding: 0;
    width: 100%
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-info,
.bpx-player-embedded .bpx-player-sending-bar-left,
.bpx-player-embedded .bpx-player-sending-bar-right {
    display: none
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-dm-setting,
.bpx-player-embedded .bpx-player-sending-bar .bpx-player-dm-switch {
    fill: hsla(0, 0%, 100%, .9);
    color: hsla(0, 0%, 100%, .9);
    height: 24px;
    padding: 0;
    width: 24px
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-dm-setting:hover,
.bpx-player-embedded .bpx-player-sending-bar .bpx-player-dm-switch:hover {
    fill: hsla(0, 0%, 100%, .9) !important;
    color: hsla(0, 0%, 100%, .9) !important
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar {
    background: hsla(0, 0%, 100%, .3);
    border-radius: 6px;
    height: 32px;
    margin: 0 30px 0 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
    border: none
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-video-btn-dm {
    fill: hsla(0, 0%, 100%, .9)
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-dm-input {
    color: #fff
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar-wrap .bpx-player-dm-input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .7)
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send {
    -ms-flex-item-align: center;
    align-self: center;
    height: 22px !important;
    line-height: 22px !important;
    margin-right: 5px;
    min-width: auto;
    width: 39px
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-btn-send .bui-button-blue {
    min-width: auto;
    width: 39px
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint {
    display: none
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar.bpx-state-inputbar-hide {
    -webkit-box-flex: 0;
    background: none;
    -ms-flex: none;
    flex: none;
    margin: 0;
    width: 200px
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar.bpx-state-inputbar-hide .bpx-player-inputbar-mask {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar.bpx-state-inputbar-hide .bpx-player-dm-btn-send,
.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar.bpx-state-inputbar-hide .bpx-player-inputbar-close,
.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar.bpx-state-inputbar-hide .bpx-player-video-inputbar-wrap {
    display: none
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-inputbar-mask {
    background: hsla(0, 0%, 100%, .3);
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 100%;
    left: 0;
    line-height: 32px;
    padding-left: 12px;
    position: absolute;
    top: 0;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 100%;
    z-index: 15
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-inputbar-mask:hover {
    background: hsla(0, 0%, 100%, .5)
}

.bpx-player-embedded .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-inputbar-close {
    fill: #fff;
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px
}

@-webkit-keyframes popup {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        visibility: visible
    }

    6% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        visibility: visible
    }

    10% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    90% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    92% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        visibility: visible
    }

    94% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        visibility: visible
    }
}

@keyframes popup {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        visibility: visible
    }

    6% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        visibility: visible
    }

    10% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    90% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    92% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        visibility: visible
    }

    94% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        visibility: visible
    }
}

.bpx-player-snow-drop {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 17
}

.bpx-player-snow-drop>img {
    position: absolute;
    top: 0;
    width: 24px;
    will-change: top, left
}

.bpx-player-top-mask {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(16.87%, transparent), color-stop(94%, rgba(0, 0, 0, .3)));
    background: linear-gradient(180deg, transparent 16.87%, rgba(0, 0, 0, .3) 94%);
    height: 240px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: -1
}

.bpx-player-top-mask[hidden] {
    display: none
}

.bpx-player-top-wrap.bpx-player-show {
    z-index: 58
}

.bpx-player-top-left-title,
.bpx-player-top-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 18px 0 0 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100% !important;
    z-index: 2
}

.bpx-player-top-title:empty {
    height: 0
}

.bpx-player-top-left-title {
    margin: 0 0 8px
}

.bpx-player-top-follow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.bpx-player-top-left {
    left: 12px;
    margin-top: 18px;
    position: absolute
}

.bpx-player-top-issue {
    -webkit-box-flex: 0;
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    height: 24px;
    line-height: 24px;
    margin: 18px 12px 0;
    min-width: 36px;
    pointer-events: all;
    text-align: center;
    z-index: 2
}

.bpx-player-top-issue:hover .bpx-common-svg-icon {
    fill: #fff
}

.bpx-player-top-issue-icon {
    -webkit-box-flex: 0;
    display: inline-block;
    -ms-flex: none;
    flex: none;
    height: 22px;
    width: 22px
}

.bpx-player-top-issue-icon .bpx-common-svg-icon {
    height: 100%;
    vertical-align: middle
}

.bpx-player-top-issue-icon .bpx-common-svg-icon svg {
    fill: hsla(0, 0%, 100%, .8)
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-top-left,
    .bpx-player-container[data-screen=web] .bpx-player-top-left {
        left: 24px;
        margin-top: 24px
    }

    .bpx-player-container[data-screen=full] .bpx-player-top-left-title,
    .bpx-player-container[data-screen=web] .bpx-player-top-left-title {
        margin-bottom: 12px
    }

    .bpx-player-container[data-screen=full] .bpx-player-top-issue,
    .bpx-player-container[data-screen=web] .bpx-player-top-issue {
        font-size: 28px;
        width: 54px
    }

    .bpx-player-container[data-screen=full] .bpx-player-top-issue-icon,
    .bpx-player-container[data-screen=web] .bpx-player-top-issue-icon {
        height: 28px;
        width: 54px
    }
}

.bpx-player-info-container {
    -webkit-font-smoothing: antialiased;
    background-color: rgba(33, 33, 33, .9);
    border-radius: 4px;
    color: #fff;
    left: 10px;
    line-height: 18px;
    padding-bottom: 15px;
    position: absolute;
    text-align: center;
    text-align: left;
    top: 10px;
    z-index: 80
}

.bpx-player-info-container .bpx-player-info-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 16px;
    line-height: 40px;
    text-align: center
}

.bpx-player-info-container .bpx-player-info-close {
    fill: #fff;
    color: #fff;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px
}

.bpx-player-info-container span {
    display: inline-block;
    font-weight: 400
}

.bpx-player-info-container .bpx-player-info-panel {
    padding: 15px 26px 0;
    position: relative
}

.bpx-player-info-container .bpx-player-info-panel .info-line {
    min-width: 290px
}

.bpx-player-info-container .bpx-player-info-panel .info-line .info-graph {
    margin-right: 10px
}

.bpx-player-info-container .bpx-player-info-panel .info-line .info-graph svg {
    position: relative;
    top: 2px
}

.bpx-player-info-container .bpx-player-info-panel .info-line .info-data {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-right: 6px
}

.bpx-player-info-container .bpx-player-info-panel .info-line .info-copy,
.bpx-player-info-container .bpx-player-info-panel .info-line .info-download,
.bpx-player-info-container .bpx-player-info-panel .info-line .info-log,
.bpx-player-info-container .bpx-player-info-panel .info-line .info-pagesource {
    cursor: pointer
}

.bpx-player-info-container .bpx-player-info-log {
    padding: 0 26px 10px;
    position: relative
}

.bpx-player-info-container .bpx-player-info-log .info-line {
    min-width: 290px
}

.bpx-player-info-container .bpx-player-info-log .info-line .info-graph {
    margin-right: 10px
}

.bpx-player-info-container .bpx-player-info-log .info-line .info-graph svg {
    position: relative;
    top: 2px
}

.bpx-player-info-container .bpx-player-info-log .info-line .info-data {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-right: 6px
}

.bpx-player-info-container .bpx-player-info-log .info-line .info-copy,
.bpx-player-info-container .bpx-player-info-log .info-line .info-download,
.bpx-player-info-container .bpx-player-info-log .info-line .info-log,
.bpx-player-info-container .bpx-player-info-log .info-line .info-pagesource {
    cursor: pointer
}

.bpx-player-info-container .info-title {
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    text-align: right;
    text-indent: -99em;
    width: 100px
}

.bpx-player-info-container .bpx-player-info-copy,
.bpx-player-info-container .bpx-player-info-download {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    margin-right: 4px;
    min-width: 0;
    padding: 0 12px
}

.bpx-player-info-container .bpx-player-info-copy:hover,
.bpx-player-info-container .bpx-player-info-download:hover {
    background: hsla(0, 0%, 100%, .4)
}

.bpx-player-info-container.active {
    display: block
}

.bpx-player-hotkey-panel {
    -webkit-font-smoothing: antialiased;
    background-color: rgba(33, 33, 33, .9);
    border-radius: 4px;
    color: #fff;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    z-index: 80
}

.bpx-player-hotkey-panel-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 16px;
    line-height: 40px;
    text-align: center
}

.bpx-player-hotkey-panel-close {
    fill: #fff;
    color: #fff;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px
}

.bpx-player-hotkey-panel-area {
    margin: 10px 0;
    max-height: 268px;
    overflow: hidden
}

.bpx-player-hotkey-panel-area .bscroll-vertical-scrollbar {
    background: #757575 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: 41px !important;
    width: 6px !important
}

.bpx-player-hotkey-panel-area .bscroll-vertical-scrollbar .bscroll-indicator {
    border: none !important;
    color: #6d757a !important
}

.bpx-player-hotkey-panel-area:hover .bscroll-vertical-scrollbar {
    display: block !important;
    opacity: 1 !important
}

.bpx-player-hotkey-panel-content {
    padding: 0 20px
}

.bpx-player-hotkey-panel-content-item {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    min-width: 360px;
    text-align: center
}

.bpx-player-hotkey-panel-content-name {
    display: inline-block;
    width: 120px
}

.bpx-player-hotkey-panel-content-desc {
    color: #999;
    display: inline-block;
    width: 190px
}

.bpx-player-dm-tip {
    height: 48px;
    left: 0;
    margin-top: 6px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    width: 162px;
    z-index: 999999
}

.bpx-player-dm-tip-svgl,
.bpx-player-dm-tip-svgm {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%
}

.bpx-player-dm-tip.bpx-player-master .bpx-player-dm-tip-recall {
    display: block
}

.bpx-player-dm-tip.bpx-player-master .bpx-player-dm-tip-back {
    display: none
}

.bpx-player-dm-tip.bpx-player-many-like .bpx-player-dm-tip-like {
    left: 13px
}

.bpx-player-dm-tip.bpx-player-many-like .bpx-player-dm-tip-like-num {
    left: 31px
}

.bpx-player-dm-tip.bpx-player-showB {
    -webkit-animation: tipsWrap .25s forwards;
    animation: tipsWrap .25s forwards;
    visibility: visible
}

.bpx-player-dm-tip.bpx-player-showB .bpx-player-dm-tip-svgm {
    opacity: 1
}

.bpx-player-dm-tip.bpx-player-showT {
    -webkit-animation: tipsWrap .25s forwards;
    animation: tipsWrap .25s forwards;
    visibility: visible
}

.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-svgm {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-like-animate {
    top: 10px
}

.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-back,
.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-copy,
.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-like,
.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-recall {
    height: 20px;
    top: 10px
}

.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-back .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-copy .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-like .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showT .bpx-player-dm-tip-recall .bp-svgicon {
    margin-top: 0
}

.bpx-player-dm-tip.bpx-player-showR {
    -webkit-animation: tipsWrap .25s forwards;
    animation: tipsWrap .25s forwards;
    visibility: visible
}

.bpx-player-dm-tip.bpx-player-showR .bpx-player-dm-tip-svgl {
    opacity: 1;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.bpx-player-dm-tip.bpx-player-showL {
    -webkit-animation: tipsWrap .25s forwards;
    animation: tipsWrap .25s forwards;
    visibility: visible
}

.bpx-player-dm-tip.bpx-player-showL .bpx-player-dm-tip-svgl {
    opacity: 1
}

.bpx-player-dm-tip.bpx-player-showRT {
    -webkit-animation: tipsWrap .25s forwards;
    animation: tipsWrap .25s forwards;
    visibility: visible
}

.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-svgl {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-like-animate {
    top: 10px
}

.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-back,
.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-copy,
.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-like,
.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-recall {
    height: 20px;
    top: 10px
}

.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-back .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-copy .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-like .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showRT .bpx-player-dm-tip-recall .bp-svgicon {
    margin-top: 0
}

.bpx-player-dm-tip.bpx-player-showLT {
    -webkit-animation: tipsWrap .25s forwards;
    animation: tipsWrap .25s forwards;
    visibility: visible
}

.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-svgl {
    opacity: 1;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-like-animate {
    top: 10px
}

.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-back,
.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-copy,
.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-like,
.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-recall {
    height: 20px;
    top: 10px
}

.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-back .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-copy .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-like .bp-svgicon,
.bpx-player-dm-tip.bpx-player-showLT .bpx-player-dm-tip-recall .bp-svgicon {
    margin-top: 0
}

.bpx-player-dm-tip.bpx-player-hide {
    -webkit-animation: tipsWrapReturn .25s forwards;
    animation: tipsWrapReturn .25s forwards;
    pointer-events: none;
    visibility: hidden
}

.bpx-player-dm-tip-like.bpx-player-nobg {
    background: transparent !important
}

.bpx-player-dm-tip-like-animate {
    height: 30px;
    left: 22px;
    position: absolute;
    top: 16px;
    width: 30px
}

.bpx-player-dm-tip-back,
.bpx-player-dm-tip-copy,
.bpx-player-dm-tip-like,
.bpx-player-dm-tip-recall {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 23px;
    left: 20px;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 23px;
    z-index: 2
}

.bpx-player-dm-tip-back .bp-svgicon svg,
.bpx-player-dm-tip-copy .bp-svgicon svg,
.bpx-player-dm-tip-like .bp-svgicon svg,
.bpx-player-dm-tip-recall .bp-svgicon svg {
    height: 20px;
    width: 20px
}

.bpx-player-dm-tip-like-num {
    color: #fff;
    left: 40px;
    position: absolute;
    top: 13px
}

.bpx-player-dm-tip-copy {
    left: 70px
}

.bpx-player-dm-tip-back,
.bpx-player-dm-tip-recall {
    left: 120px
}

.bpx-player-dm-tip-recall {
    display: none
}

.bpx-player-dm-hover-disappear {
    visibility: hidden !important
}

@-webkit-keyframes tipsWrap {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(.6);
        transform: translateX(-50%) scale(.6)
    }

    50% {
        -webkit-transform: translateX(-50%) scale(1.05);
        transform: translateX(-50%) scale(1.05)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

@keyframes tipsWrap {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(.6);
        transform: translateX(-50%) scale(.6)
    }

    50% {
        -webkit-transform: translateX(-50%) scale(1.05);
        transform: translateX(-50%) scale(1.05)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

@-webkit-keyframes tipsWrapReturn {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }

    20% {
        -webkit-transform: translateX(-50%) scale(1.05);
        transform: translateX(-50%) scale(1.05)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(.6);
        transform: translateX(-50%) scale(.6)
    }
}

@keyframes tipsWrapReturn {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }

    20% {
        -webkit-transform: translateX(-50%) scale(1.05);
        transform: translateX(-50%) scale(1.05)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(.6);
        transform: translateX(-50%) scale(.6)
    }
}

.bpx-player-video-perch canvas {
    position: absolute
}

.bpx-player-panorama {
    background-color: #fff;
    border-radius: 50%;
    height: 50px;
    opacity: .6;
    outline: none;
    pointer-events: all;
    position: relative;
    width: 50px;
    z-index: 2
}

.bpx-player-panorama.bpx-state-active,
.bpx-player-panorama:hover {
    opacity: 1
}

.bpx-player-panorama>span {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    width: 18px
}

.bpx-player-panorama-up {
    left: 50%;
    margin-left: -8px;
    top: 0
}

.bpx-player-panorama-left {
    left: 0;
    margin-top: -9px;
    top: 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.bpx-player-panorama-down {
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-panorama-right {
    margin-top: -8px;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bpx-player-container[data-screen=full] .bpx-player-panorama,
.bpx-player-container[data-screen=web] .bpx-player-panorama {
    height: 75px;
    width: 75px
}

.bpx-player-container[data-screen=full] .bpx-player-panorama>span,
.bpx-player-container[data-screen=web] .bpx-player-panorama>span {
    width: 26px
}

.bpx-player-container[data-screen=full] .bpx-player-panorama-up,
.bpx-player-container[data-screen=web] .bpx-player-panorama-up {
    margin-left: -12px
}

.bpx-player-container[data-screen=full] .bpx-player-panorama-left,
.bpx-player-container[data-screen=web] .bpx-player-panorama-left {
    margin-top: -13px
}

.bpx-player-container[data-screen=full] .bpx-player-panorama-down,
.bpx-player-container[data-screen=web] .bpx-player-panorama-down {
    margin-left: -14px
}

.bpx-player-container[data-screen=full] .bpx-player-panorama-right,
.bpx-player-container[data-screen=web] .bpx-player-panorama-right {
    margin-top: -11px
}

.bpx-player-interaction-wrap .bpx-player-interaction-story {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .3);
    border-radius: 20px;
    bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 48
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-oval-wrap {
    display: inline-block;
    height: auto;
    margin: 0 auto;
    max-width: 400px;
    overflow: hidden;
    vertical-align: middle;
    width: auto
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-oval-wrap .bpx-player-interaction-oval {
    height: 40px;
    margin-left: 0;
    -webkit-transition: .6s ease-out;
    transition: .6s ease-out;
    width: auto
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-oval-wrap .bpx-player-interaction-oval .bpx-player-interaction-oval-item {
    fill: #fff;
    cursor: pointer;
    float: left;
    height: 40px;
    margin: 0 5px;
    pointer-events: auto;
    position: relative;
    width: 40px
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-oval-wrap .bpx-player-interaction-oval .bpx-player-interaction-oval-item .bpx-player-interaction-oval-round {
    border-radius: 20px;
    height: 36px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 36px
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-oval-wrap .bpx-player-interaction-oval .bpx-player-interaction-oval-item .bpx-player-interaction-oval-round .small {
    height: 36px;
    position: absolute;
    width: 36px
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-oval-wrap .bpx-player-interaction-oval .bpx-player-interaction-oval-item .bpx-player-interaction-oval-round .small.hover {
    display: none
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap {
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap .bpx-player-interaction-hover-item {
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    display: none;
    height: 20px;
    margin-left: -35px;
    margin-top: -27px;
    position: absolute;
    width: 119px
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap .bpx-player-interaction-hover-item .bpx-player-interaction-background {
    background-color: #fff;
    height: 20px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap .bpx-player-interaction-hover-item .bpx-player-interaction-text {
    color: #222;
    font-size: 12px;
    line-height: 20px;
    max-width: 119px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap .bpx-player-interaction-hover-item .bpx-player-interaction-label {
    position: absolute
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap .bpx-player-interaction-hover-item .bpx-player-interaction-label-one {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    height: 0;
    left: 0;
    position: absolute;
    top: -1px;
    width: 0;
    z-index: 1
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap .bpx-player-interaction-hover-item .bpx-player-interaction-label-two {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    height: 0;
    left: -1px;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap .bpx-player-interaction-hover-item .bpx-player-interaction-cover {
    border: 1px solid #fff;
    height: 73px;
    left: 3px;
    position: absolute;
    top: -65px;
    width: 117px
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-hover-wrap .bpx-player-interaction-hover-item .bpx-player-interaction-cover img {
    width: 100%
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-arrow {
    fill: #fff;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    pointer-events: auto;
    position: relative;
    width: 25px
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-arrow.bpx-player-interaction-arrow-left {
    left: 6px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-interaction-wrap .bpx-player-interaction-story .bpx-player-interaction-arrow.bpx-player-interaction-arrow-right {
    left: -6px
}

.bpx-player-interaction-wrap .bpx-player-interaction-question {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 48
}

.bpx-player-interaction-wrap .bpx-player-interaction-question canvas {
    pointer-events: auto
}

.bpx-player-interaction-wrap .bpx-player-interaction-rookie-guide {
    background: rgba(0, 0, 0, .9);
    border-radius: 5px;
    bottom: 115px;
    color: #fff;
    font-size: 14px;
    height: 155px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-148px);
    transform: translateX(-148px);
    width: 296px;
    z-index: 49
}

.bpx-player-interaction-wrap .bpx-player-interaction-rookie-guide-text {
    margin: 20px auto;
    position: relative;
    width: 268px
}

.bpx-player-interaction-wrap .bpx-player-interaction-rookie-guide-text p {
    margin-bottom: 12px;
    white-space: nowrap
}

.bpx-player-interaction-wrap .bpx-player-interaction-rookie-guide-text p .bpx-player-interaction-rookie-guide-icon {
    fill: #fff;
    bottom: 3px;
    float: left;
    height: 20px;
    margin-right: 7px;
    position: relative;
    width: 20px
}

.bpx-player-interaction-wrap .bpx-player-interaction-rookie-guide-button {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6);
    border-radius: 5px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 78px
}

.bpx-player-interaction-wrap .bpx-player-interaction-rookie-guide-button:hover {
    background: #00b5e5;
    background: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-interaction-wrap .bpx-player-interaction-rookie-guide-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, .76);
    bottom: -5px;
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    width: 0
}

.bpx-player-interaction-wrap .bpx-player-interaction-countdown {
    bottom: 4px;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 49
}

.bpx-player-interaction-wrap .bpx-player-interaction-countdown-bar {
    -webkit-animation: countdown 5s linear;
    animation: countdown 5s linear;
    height: 4px;
    margin: 0 auto;
    position: relative;
    width: 0
}

.bpx-player-interaction-wrap .bpx-player-interaction-hidden {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .3);
    border-radius: 20px;
    bottom: 67px;
    display: inline-block;
    height: 30px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 48
}

.bpx-player-interaction-wrap .bpx-player-interaction-hidden-star {
    display: inline-block;
    height: 15px;
    margin-left: 13px;
    position: relative;
    top: 1px;
    width: 15px
}

.bpx-player-interaction-wrap .bpx-player-interaction-hidden-item {
    border-right: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-top: 9px;
    padding: 0 12px;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.bpx-player-interaction-wrap .bpx-player-interaction-hidden-item:last-child {
    border-right: none
}

.bpx-player-interaction-wrap .bpx-player-interaction-hidden-item>div {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-interaction-wrap .bpx-player-interaction-hidden-item .bpx-player-interaction-hidden-name {
    margin-right: 3px
}

.bpx-player-interaction-wrap .bpx-player-interaction-hidden-item .bpx-player-interaction-hidden-value {
    font-weight: 700
}

.bpx-player-interaction-wrap .bpx-player-interaction-replay {
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    opacity: .7;
    position: absolute;
    right: 7%;
    text-shadow: 1px 1px 2px #222;
    top: 5%;
    z-index: 49
}

.bpx-player-interaction-wrap .bpx-player-interaction-replay-icon {
    display: inline-block;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .4));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .4));
    height: 26px;
    margin-right: 4px;
    width: 26px
}

.bpx-player-interaction-wrap .bpx-player-interaction-replay:hover {
    opacity: 1;
    text-shadow: 2px 2px 3px #000
}

.bpx-player-interaction-wrap .bpx-player-interaction-special {
    position: absolute;
    z-index: 48
}

.bpx-player-container[data-screen=full] .bpx-player-interaction-story,
.bpx-player-container[data-screen=web] .bpx-player-interaction-story {
    bottom: 98px
}

.bpx-player-container[data-screen=full] .bpx-player-interaction-rookie-guide,
.bpx-player-container[data-screen=web] .bpx-player-interaction-rookie-guide {
    bottom: 145px
}

@-webkit-keyframes countdown {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes countdown {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

.bpx-player-video-share-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #fff;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-video-share-content,
.bpx-player-video-share-header {
    margin: 0 auto;
    width: 568px
}

.bpx-player-video-share-header {
    height: 58px;
    position: relative;
    text-align: right
}

.bpx-player-video-share-close {
    fill: #fff;
    cursor: pointer;
    display: inline-block;
    height: 43px;
    line-height: 1;
    margin: -9.5px -9.5px 0 0;
    width: 43px
}

.bpx-player-video-share-content {
    margin-bottom: 40px;
    width: 560px
}

.bpx-player-video-share-content,
.bpx-player-video-share-left {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.bpx-player-video-share-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 350px
}

.bpx-player-video-share-right {
    width: 190px
}

.bpx-player-video-share-source {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    justify-content: space-between
}

.bpx-player-video-share-btn {
    border: 1px solid transparent;
    border-radius: 100%;
    cursor: pointer;
    height: 60px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 60px
}

.bpx-player-video-share-btn i {
    color: #fff;
    font-size: 48px;
    line-height: 60px
}

.bpx-player-video-share-btn:hover {
    border-color: hsla(0, 0%, 100%, .5);
    -webkit-box-shadow: 0 0 6px hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 6px hsla(0, 0%, 100%, .5)
}

.bpx-player-video-share-btn.weibo {
    background-color: #e15656
}

.bpx-player-video-share-btn.weibo:hover {
    background-color: #ff2a00
}

.bpx-player-video-share-btn.tieba {
    background-color: #408edd
}

.bpx-player-video-share-btn.tieba:hover {
    background-color: #00aeff
}

.bpx-player-video-share-btn.qzone {
    background-color: #e0b32b
}

.bpx-player-video-share-btn.qzone:hover {
    background-color: #ffd200
}

.bpx-player-video-share-btn.qq {
    background-color: #39b8e2
}

.bpx-player-video-share-btn.qq:hover {
    background-color: #00d8ff
}

.bpx-player-video-share-link-content {
    width: 352px
}

.bpx-player-video-share-link-label {
    font-size: 14px;
    margin-bottom: 15px
}

.bpx-player-video-share-link-input {
    background: hsla(0, 0%, 8%, .9);
    border: none;
    border-radius: 4px;
    color: #ccc;
    display: inline-block;
    font-size: 14px;
    height: 26px;
    margin-right: 15px;
    padding: 5px 12px;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: auto;
    width: 240px
}

.bpx-player-video-share-link-copy {
    height: 32px;
    line-height: 32px;
    position: relative;
    top: -2px;
    width: 68px
}

.bpx-player-video-share-link-copy .bui-area {
    font-size: 14px !important;
    pointer-events: none
}

.bpx-player-video-share-qrcode {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px hsla(0, 0%, 9%, .6);
    box-shadow: 0 0 5px hsla(0, 0%, 9%, .6);
    color: #444;
    font-size: 16px;
    padding: 20px;
    position: relative;
    text-align: center
}

.bpx-player-video-share-qrcode span {
    display: block
}

.bpx-player-video-share-qrcode-img {
    height: 150px;
    margin: 20px auto 0;
    width: 150px
}

.bpx-player-detection-wrap {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 76
}

.bpx-player-detection-wrap .bpx-player-detection-panel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: rgba(33, 33, 33, .9);
    border-radius: 2px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: 12px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 308px
}

.bpx-player-detection-wrap .bpx-player-detection-title {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%
}

.bpx-player-detection-wrap .bpx-player-detection-title .bpx-player-detection-close {
    fill: #fff;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 12px;
    width: 20px
}

.bpx-player-detection-wrap .bpx-player-detection-circle-progress {
    color: #5bdbff;
    height: 140px;
    margin: 20px 0;
    text-align: center;
    width: 140px
}

.bpx-player-detection-wrap .bpx-player-detection-submit {
    background-color: #00a1d6;
    background-color: var(--bpx-primary-color, #00a1d6);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    margin: 20px 0;
    text-align: center;
    width: 84px
}

.bpx-player-detection-wrap .bpx-player-detection-submit.disable {
    background-color: #e5e9ef;
    color: #999;
    cursor: default
}

.bpx-player-detection-wrap .bpx-player-detection-summary {
    line-height: 17px;
    text-align: center;
    width: 284px
}

.bpx-player-subtitle-panel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 28px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 16
}

.bpx-player-subtitle-panel-position {
    left: 5%;
    max-height: 83%;
    position: absolute;
    width: 90%
}

.bpx-player-subtitle-panel-position[data-textalign=left] {
    text-align: left
}

.bpx-player-subtitle-panel-position[data-textalign=right] {
    text-align: right
}

.bpx-player-subtitle-panel-position[data-textalign=center] {
    text-align: center
}

.bpx-player-subtitle-panel-position[data-position=draged] {
    left: auto
}

.bpx-player-subtitle-panel-position[data-position=top] {
    top: 5%
}

.bpx-player-subtitle-panel-position[data-position=bottom] {
    bottom: 14px
}

.bpx-player-subtitle-panel-text {
    word-wrap: break-word;
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    cursor: default;
    cursor: move;
    font-family: none;
    line-height: 1.5;
    margin-right: -4px;
    padding: 2px 12px 2px 8px;
    pointer-events: auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal
}

.bpx-player-subtitle-panel-icon {
    display: inline-block;
    margin-left: -8px;
    opacity: .9
}

.bpx-player-subtitle-panel-icon>.bpx-common-svg-icon {
    fill: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: inherit;
    height: 8px;
    margin-left: 2px;
    vertical-align: text-top;
    width: 8px
}

.bpx-player-subtitle-panel .bpx-player-subtitle-panel-minor-group .bpx-player-subtitle-panel-text {
    opacity: .8
}

.bpx-player-subtitle-panel .bpx-player-subtitle-panel-major-group {
    margin-bottom: 4px
}

.bpx-player-contextmenu>li.bpx-player-context-item-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 42px;
    line-height: 42px;
    padding: 0 8px
}

.bpx-player-context-item-subtitle-text {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    padding: 0 15px;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px
}

.bpx-player-context-item-subtitle-issue {
    border-radius: 5px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 7px 0;
    overflow: auto;
    text-align: center;
    width: 56px
}

.bpx-player-context-item-subtitle-issue[disable=true] {
    cursor: not-allowed
}

.bpx-player-context-item-subtitle-issue[disable=false] {
    cursor: pointer
}

.bpx-player-context-item-subtitle-issue[disable=false]:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.bpx-player-subtitle-issue-panel {
    -webkit-font-smoothing: antialiased;
    background-color: rgba(33, 33, 33, .9);
    border-radius: 4px;
    color: #fff;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 360px;
    z-index: 80
}

.bpx-player-subtitle-issue-panel-header {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 16px;
    line-height: 40px;
    text-align: center
}

.bpx-player-subtitle-issue-panel-close {
    fill: #fff;
    color: #fff;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px
}

.bpx-player-subtitle-issue-panel-content {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    margin: 16px auto;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 320px
}

.bpx-player-subtitle-issue-panel-radios {
    padding-left: 20px;
    text-align: left
}

.bpx-player-subtitle-issue-panel-textarea {
    background-color: hsla(0, 0%, 100%, .12);
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    height: 48px;
    line-height: 16px;
    margin-top: 6px;
    outline: none;
    padding: 10px;
    resize: none;
    width: 300px
}

.bpx-player-subtitle-issue-panel-textarea:focus {
    background-color: #fff;
    color: #222
}

.bpx-player-subtitle-issue-panel-checkboxs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 24px;
    width: 100%
}

.bpx-player-subtitle-issue-panel-checkboxs-item {
    float: left;
    height: 24px;
    width: 50%
}

.bpx-player-subtitle-issue-panel-airecovery {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px
}

.bpx-player-subtitle-issue-panel-airecovery-title {
    float: left;
    padding: 12px 0 5px
}

.bpx-player-subtitle-issue-panel-airecovery-text {
    background-color: hsla(0, 0%, 100%, .12);
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    margin-top: 6px;
    outline: none;
    padding: 10px;
    resize: none;
    width: 100%
}

.bpx-player-subtitle-issue-panel-airecovery-text:focus {
    background-color: #fff;
    color: #222
}

.bpx-player-subtitle-issue-panel-submit {
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    margin: 16px auto;
    width: 100px
}

.bpx-player-pbp {
    bottom: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 28px;
    left: -12px;
    line-height: 28px;
    opacity: 0;
    padding: 0 12px;
    position: absolute;
    width: calc(100% + 24px);
    z-index: -1
}

.bpx-player-pbp.show {
    bottom: calc(100% - 1px);
    left: 0;
    opacity: 1;
    width: 100%
}

.bpx-player-pbp.pin {
    opacity: 1
}

.bpx-player-pbp-pin {
    bottom: 8%;
    line-height: 16px;
    position: absolute;
    right: 4px
}

.bpx-player-pbp-pin-icon {
    height: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 16px
}

.bpx-player-pbp-pin-tip {
    background-color: rgba(25, 25, 25, .88);
    background-color: var(--bpx-tooltip-bgcolor, rgba(25, 25, 25, .88));
    border-radius: 2px;
    color: #fff;
    color: var(--bpx-tooltip-color, #fff);
    display: none;
    font-size: 12px;
    line-height: 1.5;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.bpx-player-pbp-pin:hover .bpx-player-pbp-pin-icon {
    -webkit-transform: rotate(60deg) scale(1.2);
    transform: rotate(60deg) scale(1.2)
}

.bpx-player-pbp-pin:hover .bpx-player-pbp-pin-tip {
    display: block;
    top: -30px
}

.bpx-player-container[data-screen=full] .bpx-player-pbp.show,
.bpx-player-container[data-screen=web] .bpx-player-pbp.show {
    bottom: calc(100% + 5px)
}

.bpx-player-charging-toast,
.bpx-player-trial-watch-charging-toast {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.bpx-player-charging-toast .bpx-player-charging-toast-left,
.bpx-player-trial-watch-charging-toast .bpx-player-charging-toast-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.bpx-player-charging-toast .bpx-player-charging-toast-left-title,
.bpx-player-trial-watch-charging-toast .bpx-player-charging-toast-left-title {
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}

.bpx-player-charging-toast .bpx-player-charging-toast-left-level,
.bpx-player-trial-watch-charging-toast .bpx-player-charging-toast-left-level {
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 3px;
    opacity: .8;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}

.bpx-player-charging-toast .bpx-player-charging-toast-left-level i,
.bpx-player-trial-watch-charging-toast .bpx-player-charging-toast-left-level i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 12px;
    justify-content: center;
    margin-right: 4px;
    margin-top: .8px;
    opacity: .8;
    width: 12px
}

.bpx-player-charging-toast .bpx-player-charging-toast-left-level i svg,
.bpx-player-trial-watch-charging-toast .bpx-player-charging-toast-left-level i svg {
    height: 12px;
    width: 12px
}

.bpx-player-charging-toast .bpx-player-charging-toast-right,
.bpx-player-trial-watch-charging-toast .bpx-player-charging-toast-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f69;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin-left: 24px;
    padding-left: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 79px
}

.bpx-player-charging-toast .bpx-player-charging-toast-right i,
.bpx-player-trial-watch-charging-toast .bpx-player-charging-toast-right i {
    height: 20px;
    width: 20px
}

.bpx-player-charging-toast .bpx-player-charging-toast-right i svg,
.bpx-player-trial-watch-charging-toast .bpx-player-charging-toast-right i svg {
    height: 100%;
    width: 100%
}

.bpx-player-charging-flash {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f69;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-left: 2px;
    margin-right: 8px;
    width: 20px
}

.bpx-player-charging-flash svg {
    height: 100%;
    width: 100%
}

.bpx-player-ai-prompt-toast {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-ai-prompt-toast-switch {
    color: red
}

.bpx-player-ai-prompt-toast svg {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.bpx-player-ai-animation {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.bpx-player-ai-animation-mask {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    position: absolute;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    width: 100%
}

.bpx-player-ai-animation-mask-top {
    -webkit-animation: topAiAnimation 2s ease-out forwards;
    animation: topAiAnimation 2s ease-out forwards;
    -webkit-transform: skewY(var(--ai-animation-degree)) translateY(0);
    transform: skewY(var(--ai-animation-degree)) translateY(0)
}

.bpx-player-ai-animation-mask-bottom {
    -webkit-animation: bottomAiAnimation 2s ease-out forwards;
    animation: bottomAiAnimation 2s ease-out forwards;
    -webkit-transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1);
    transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1)
}

@-webkit-keyframes topAiAnimation {
    0% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(0);
        transform: skewY(var(--ai-animation-degree)) translateY(0)
    }

    60% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(0);
        transform: skewY(var(--ai-animation-degree)) translateY(0)
    }

    85% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(-100%);
        transform: skewY(var(--ai-animation-degree)) translateY(-100%)
    }

    to {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(-100%);
        transform: skewY(var(--ai-animation-degree)) translateY(-100%)
    }
}

@keyframes topAiAnimation {
    0% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(0);
        transform: skewY(var(--ai-animation-degree)) translateY(0)
    }

    60% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(0);
        transform: skewY(var(--ai-animation-degree)) translateY(0)
    }

    85% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(-100%);
        transform: skewY(var(--ai-animation-degree)) translateY(-100%)
    }

    to {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(-100%);
        transform: skewY(var(--ai-animation-degree)) translateY(-100%)
    }
}

@-webkit-keyframes bottomAiAnimation {
    0% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1);
        transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1)
    }

    60% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1);
        transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1)
    }

    85% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(200%) scaleY(-1);
        transform: skewY(var(--ai-animation-degree)) translateY(200%) scaleY(-1)
    }

    to {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(200%) scaleY(-1);
        transform: skewY(var(--ai-animation-degree)) translateY(200%) scaleY(-1)
    }
}

@keyframes bottomAiAnimation {
    0% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1);
        transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1)
    }

    60% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1);
        transform: skewY(var(--ai-animation-degree)) translateY(100%) scaleY(-1)
    }

    85% {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(200%) scaleY(-1);
        transform: skewY(var(--ai-animation-degree)) translateY(200%) scaleY(-1)
    }

    to {
        -webkit-transform: skewY(var(--ai-animation-degree)) translateY(200%) scaleY(-1);
        transform: skewY(var(--ai-animation-degree)) translateY(200%) scaleY(-1)
    }
}

.bpx-player-ai-animation-container {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-ai-animation-container svg {
    -webkit-animation: aiTitleAnimation 1.9s ease-out forwards;
    animation: aiTitleAnimation 1.9s ease-out forwards;
    opacity: .7;
    width: 25%
}

@-webkit-keyframes aiTitleAnimation {
    0% {
        opacity: .7
    }

    60% {
        opacity: .7
    }

    to {
        opacity: 0
    }
}

@keyframes aiTitleAnimation {
    0% {
        opacity: .7
    }

    60% {
        opacity: .7
    }

    to {
        opacity: 0
    }
}

.bpx-player-relation-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding-bottom: 90px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 54
}

.bpx-player-relation-wrap,
.bpx-player-relation-wrap-show .bpx-player-relation-context {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-relation-wrap-show:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2.18%, transparent), to(#000));
    background: linear-gradient(180deg, transparent 2.18%, #000);
    bottom: 0;
    content: "";
    height: 300px;
    position: absolute;
    width: 100%
}

.bpx-player-relation-context {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: none;
    justify-content: center;
    margin-top: 16px;
    position: relative;
    z-index: 1
}

.bpx-player-relation-context-item {
    -webkit-box-flex: 1;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    margin-left: 14px;
    max-width: 200px;
    min-width: 160px;
    pointer-events: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bpx-player-relation-context-item:first-child {
    margin-left: 0
}

.bpx-player-relation-context-poster {
    border-radius: 6px;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.bpx-player-relation-context-poster-img {
    border-radius: 6px;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: 100%
}

.bpx-player-relation-context-poster-img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.bpx-player-relation-context-poster-duration {
    background: #17181a;
    border-radius: 2px;
    bottom: 4px;
    color: #e7e9eb;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    opacity: .9;
    padding-left: 4px;
    padding-right: 4px;
    position: absolute;
    right: 6px;
    text-align: center;
    width: auto
}

.bpx-player-relation-context-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 400;
    height: 38px;
    line-height: 18px;
    margin: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%
}

.bpx-player-relation-context-title:hover {
    color: #f69
}

.bpx-player-relation-button {
    fill: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 26px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    padding-left: 9px;
    padding-right: 4px;
    pointer-events: all;
    width: auto
}

.bpx-player-relation-button svg {
    height: 16px;
    margin-right: 3px;
    transition: none;
    -webkit-transition: none;
    width: 16px
}

.bpx-player-relation-button:hover {
    fill: #f69;
    color: #f69
}

.bpx-player-embeded-ending-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(33, 33, 33, .9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 55
}

.bpx-player-embeded-ending-wrap-box {
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    width: 100%
}

.bpx-player-embeded-ending-wrap-backdrop {
    background-position: 50%;
    background-size: cover;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    height: 120%;
    left: -10%;
    position: absolute;
    top: -10%;
    width: 120%;
    z-index: -1
}

.bpx-player-embeded-ending-wrap .fix-context .bpx-player-relation-context-item {
    min-width: 200px !important
}

.bpx-player-embeded-ending-top-wrap {
    width: 100%
}

.bpx-player-embeded-ending-relation-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    pointer-events: none;
    width: 100%;
    z-index: 54
}

.bpx-player-embeded-ending-relation-wrap .bpx-player-relation-context-item:nth-child(6) {
    margin-left: 0 !important
}

.bpx-player-embeded-ending-relation-wrap .bpx-player-relation-context-item:nth-child(n+6) {
    margin-top: 20px !important
}

.bpx-player-embeded-ending-relation-context {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 16px;
    width: 100%;
    z-index: 1
}

.bpx-player-embeded-ending-button-group,
.bpx-player-embeded-ending-relation-context {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.bpx-player-embeded-ending-button-group {
    fill: #fff;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    margin: 26px auto 0;
    pointer-events: all
}

.bpx-player-embeded-ending-button-group svg {
    -ms-flex-item-align: center;
    align-self: center;
    height: 16px;
    width: 16px
}

.bpx-player-embeded-ending-button-group .bpx-player-downlowd {
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    line-height: 32px;
    margin-right: 4px;
    mix-blend-mode: normal;
    padding-left: 16px;
    padding-right: 16px;
    width: auto
}

.bpx-player-embeded-ending-button-group .bpx-player-downlowd svg {
    margin-right: 4px
}

.bpx-player-embeded-ending-button-group .bpx-player-downlowd:hover {
    background: rgba(229, 233, 239, .3);
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.bpx-player-embeded-ending-button-group .bpx-player-enter {
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
    mix-blend-mode: normal;
    padding-left: 16px;
    padding-right: 16px;
    width: auto
}

.bpx-player-embeded-ending-button-group .bpx-player-enter:hover {
    background: rgba(229, 233, 239, .3);
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.bpx-player-ending-enter-button {
    fill: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 26px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    pointer-events: all;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 160px
}

.bpx-player-ending-enter-button svg {
    height: 16px;
    margin-right: 3px;
    transition: none;
    -webkit-transition: none;
    width: 16px
}

.bpx-player-ending-enter-button:hover {
    fill: #f69;
    color: #f69
}

.bpx-player-replay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 45px;
    padding: 10px;
    position: relative;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 45px
}

.bpx-player-replay-icon {
    height: 24px;
    width: 24px
}

.bpx-player-replay-text {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    margin-top: 5px
}

@-webkit-keyframes star-animate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    70% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes star-animate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    70% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.bpx-player-ending {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.bpx-player-ending-content {
    color: #fff;
    cursor: default;
    height: 390px;
    left: 50%;
    margin-left: -355px;
    margin-top: -195px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 710px;
    z-index: 2
}

.bpx-player-ending-content .bpx-player-ending-functions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.bpx-player-ending-content .bpx-player-ending-functions-avatar {
    -ms-flex-negative: 0;
    border: 2px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    flex-shrink: 0;
    height: 56px;
    margin: -2px;
    pointer-events: auto;
    width: 56px
}

.bpx-player-ending-content .bpx-player-ending-functions-avatar:hover {
    border-color: #00a1d6;
    border-color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ending-content .bpx-player-ending-functions-avatar a {
    border-radius: 100%;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.bpx-player-ending-content .bpx-player-ending-functions-avatar a img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.bpx-player-ending-content .bpx-player-ending-functions-upinfo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 56px;
    justify-content: space-between;
    margin-left: 20px;
    max-width: 300px;
    min-width: 130px;
    position: relative
}

.bpx-player-ending-content .bpx-player-ending-functions-name {
    color: #fff;
    font-size: 16px;
    height: 20px;
    line-height: 16px;
    overflow: hidden;
    pointer-events: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.bpx-player-ending-content .bpx-player-ending-functions-name a {
    color: #fff;
    -webkit-transition: text-shadow .3s linear;
    transition: text-shadow .3s linear
}

.bpx-player-ending-content .bpx-player-ending-functions-name a:hover {
    text-shadow: 0 0 4px #fff
}

.bpx-player-ending-content .bpx-player-ending-functions-follow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #00a1d6;
    background-color: var(--bpx-primary-color, #00a1d6);
    border-radius: 2px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    min-width: 68px;
    pointer-events: auto;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    width: 130px
}

.bpx-player-ending-content .bpx-player-ending-functions-follow:hover {
    background-color: #00b5e5;
    background-color: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-ending-content .bpx-player-ending-functions-follow .bpx-common-svg-icon {
    fill: #fff;
    height: 16px;
    margin-right: 5px;
    pointer-events: none;
    width: 16px
}

.bpx-player-ending-content .bpx-player-ending-functions-follow.bpx-state-disabled {
    background-color: hsla(0, 0%, 100%, .4);
    color: silver;
    cursor: not-allowed;
    width: 72px
}

.bpx-player-ending-content .bpx-player-ending-functions-electric {
    bottom: 0;
    left: 0;
    position: absolute
}

.bpx-player-ending-content .bpx-player-ending-functions-electric-inner {
    background-color: #fb7299;
    border: 1px solid #fb7299;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-left: 82px;
    pointer-events: auto;
    text-align: center;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 130px
}

.bpx-player-ending-content .bpx-player-ending-functions-electric-inner>* {
    pointer-events: none
}

.bpx-player-ending-content .bpx-player-ending-functions-electric-customize-image {
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle
}

.bpx-player-ending-content .bpx-player-ending-functions-electric-customize-text {
    vertical-align: middle
}

.bpx-player-ending-content .bpx-player-ending-functions-electric.bpx-state-little .bpx-player-ending-functions-electric-inner {
    background-color: transparent;
    border-color: #fb7299;
    color: #fb7299;
    margin-left: 140px;
    width: 72px
}

.bpx-player-ending-content .bpx-player-ending-functions-electric.bpx-state-little .bpx-player-ending-functions-electric-inner:hover {
    background-color: #fb7299;
    color: #fff
}

.bpx-player-ending-content .bpx-player-ending-functions-electric.bpx-state-little .bpx-player-ending-functions-electric-inner .more-word {
    display: none
}

.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-follow {
    border-radius: 4px;
    height: 30px;
    margin-left: 12px;
    padding: 0 21px;
    width: auto
}

.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-follow.bpx-state-disabled {
    background: hsla(0, 0%, 100%, .2);
    color: #fff;
    padding: 0;
    width: 88px
}

.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-electric {
    height: 30px;
    position: relative
}

.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-electric-inner,
.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-electric.bpx-state-little .bpx-player-ending-functions-electric-inner {
    background: transparent;
    border-radius: 4px;
    color: #fb7299;
    font-size: 0;
    height: 28px;
    line-height: 28px;
    margin-left: 0;
    padding: 0 11px;
    white-space: nowrap;
    width: auto
}

.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-electric-inner:hover,
.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-electric.bpx-state-little .bpx-player-ending-functions-electric-inner:hover {
    background-color: rgba(251, 114, 153, .2);
    color: #fb7299
}

.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-electric-icon {
    height: 20px;
    margin-right: 2px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle
}

.bpx-player-ending-content .bpx-player-ending-functions-customize .bpx-player-ending-functions-electric-text {
    font-size: 14px;
    vertical-align: middle
}

.bpx-player-ending-content .bpx-player-ending-functions-common {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    height: 56px;
    justify-content: flex-end
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-common-svg-icon {
    height: 28px;
    width: 28px
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    fill: hsla(0, 0%, 100%, .9);
    color: hsla(0, 0%, 100%, .9);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 46px;
    justify-content: space-between;
    pointer-events: auto;
    text-align: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn:hover {
    fill: #fff;
    color: #fff
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn.bpx-state-active {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6);
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn[data-action=restart] {
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    padding-right: 30px
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn .bpx-common-svg-icon {
    pointer-events: none
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn[data-action=coin]:empty,
.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn[data-action=collect]:empty,
.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn[data-action=grade]:empty,
.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-btn[data-action=like]:empty {
    display: none;
    pointer-events: none
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-pagecallback {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-left: 30px
}

.bpx-player-ending-content .bpx-player-ending-functions-common .bpx-player-ending-functions-pagecallback>div {
    margin-left: 30px
}

.bpx-player-ending-content .bpx-player-ending-related {
    height: 306px;
    margin-right: -28px;
    margin-top: 20px;
    overflow: hidden;
    padding-top: 30px;
    position: relative
}

.bpx-player-ending-content .bpx-player-ending-related:not(:empty):before {
    content: "相关推荐";
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 0
}

.bpx-player-ending-content .bpx-player-ending-related-item {
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    height: 140px;
    margin: 0 16px 16px 0;
    overflow: hidden;
    pointer-events: auto;
    position: relative;
    -webkit-transition: border-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: border-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    width: 223px
}

.bpx-player-ending-content .bpx-player-ending-related-item:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, .1)), color-stop(35%, rgba(0, 0, 0, .2)), color-stop(65%, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .66)));
    background: linear-gradient(transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 35%, rgba(0, 0, 0, .5) 65%, rgba(0, 0, 0, .66));
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 30%;
    z-index: 1
}

.bpx-player-ending-content .bpx-player-ending-related-item:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 0 6px hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 6px hsla(0, 0%, 100%, .5)
}

.bpx-player-ending-content .bpx-player-ending-related-item:hover .bpx-player-ending-related-item-cover {
    overflow: visible
}

.bpx-player-ending-content .bpx-player-ending-related-item:hover .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: auto;
    padding-right: 24px;
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px);
    white-space: normal
}

.bpx-player-ending-content .bpx-player-ending-related-item:hover .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater {
    opacity: 1;
    visibility: visible
}

.bpx-player-ending-content .bpx-player-ending-related-item-img {
    background-color: #000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 4px;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.bpx-player-ending-content .bpx-player-ending-related-item-cover {
    border-radius: 4px;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2
}

.bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-overflow: ellipsis;
    top: 118px;
    -webkit-transition: transform .3s ease-in-out;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    white-space: nowrap;
    width: 100%;
    word-break: break-all;
    z-index: 1
}

.bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater {
    background-color: #fff;
    border-radius: 4px;
    bottom: 10px;
    margin-bottom: -6px;
    margin-right: -4px;
    opacity: 0;
    position: absolute;
    right: 10px;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    visibility: hidden;
    z-index: 2
}

.bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater i {
    color: #a0a0a0;
    cursor: pointer;
    font-size: 22px
}

.bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater.bpx-state-active i {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-cancel {
    background: hsla(0, 0%, 100%, .4);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 68px;
    z-index: 11
}

.bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-countdown {
    margin-left: 50%;
    margin-top: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 64px;
    z-index: 2
}

.bpx-player-ending-content[screen-mode=little-screen] {
    height: 312px;
    margin: -156px 0 0 -268px;
    width: 536px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-functions-upinfo {
    height: 48px;
    margin-left: 14px;
    margin-top: 8px;
    min-width: 120px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-functions-upinfo-follow {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    width: 120px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-functions-upinfo-electric-inner {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-left: 70px;
    white-space: nowrap;
    width: 80px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-functions-upinfo-electric.bpx-state-little .bpx-player-ending-functions-electric-inner {
    margin-left: 130px;
    width: 60px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-functions-common {
    height: 48px;
    margin-top: 8px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-functions-common .bpx-player-ending-functions-btn {
    height: 38px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-related {
    height: 226px;
    margin-top: 14px;
    padding-top: 0
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-related:before {
    content: ""
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-related-item {
    height: 102px;
    margin-bottom: 10px;
    margin-right: 16px;
    width: 166px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-related-item-title {
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    top: 80px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-interaction-swiper {
    margin-top: 14px;
    padding: 0 0 8px
}

.bpx-player-ending-content[screen-mode=little-screen] .bpx-player-ending-interaction-swiper:before {
    content: ""
}

.bpx-player-ending-content[screen-mode=second-screen] .bpx-player-ending-related {
    padding-top: 0
}

.bpx-player-ending-content[screen-mode=second-screen] .bpx-player-ending-related:before {
    content: ""
}

.bpx-player-ending-content[screen-mode=second-screen] .bpx-player-ending-interaction-swiper {
    padding: 0 0 8px
}

.bpx-player-ending-content[screen-mode=second-screen] .bpx-player-ending-interaction-swiper:before {
    content: ""
}

.bpx-player-ending-content.bpx-state-plus {
    height: 434px;
    margin-left: -385px;
    margin-top: -217px;
    width: 770px
}

.bpx-player-ending-content.bpx-state-plus .bpx-player-ending-related {
    height: 330px;
    margin-top: 40px
}

.bpx-player-ending-content.bpx-state-plus .bpx-player-ending-related-item {
    height: 146px;
    margin: 0 28px 28px 0;
    width: 235px
}

.bpx-player-ending-content.bpx-state-plus .bpx-player-ending-related-item-title {
    top: 120px
}

.bpx-player-ending-content.bpx-state-plus .bpx-player-ending-interaction-swiper {
    margin-top: 40px
}

.bpx-player-ending-interaction-mark {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    cursor: pointer;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 46px;
    justify-content: space-between;
    margin-left: 38px;
    pointer-events: auto
}

.bpx-player-ending-interaction-mark,
.bpx-player-ending-interaction-mark .bpx-player-ending-interaction-grade {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-ending-interaction-mark .bpx-player-ending-interaction-grade-item {
    margin-left: 8px;
    pointer-events: auto
}

.bpx-player-ending-interaction-mark .bpx-player-ending-interaction-grade-item.animate {
    -webkit-animation: star-animate .4s;
    animation: star-animate .4s
}

.bpx-player-ending-interaction-mark .bpx-player-ending-interaction-grade-item .bpx-common-svg-icon {
    height: 22px;
    pointer-events: none;
    width: 21px
}

.bpx-player-ending-interaction-mark .bpx-player-ending-interaction-grade-item:first-child {
    margin-left: 0
}

.bpx-player-ending-interaction-mark .bpx-player-ending-interaction-tip {
    font-size: 12px;
    margin-left: 2px
}

.bpx-player-ending-interaction-swiper {
    color: #343434;
    margin: 30px -14px 0;
    overflow: hidden;
    padding-top: 30px;
    pointer-events: auto;
    position: relative
}

.bpx-player-ending-interaction-swiper .bpx-common-svg-icon {
    display: block
}

.bpx-player-ending-interaction-swiper:empty {
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none
}

.bpx-player-ending-interaction-swiper:not(:empty):before {
    color: #fff;
    content: "进度回溯";
    font-size: 16px;
    left: 12px;
    line-height: 20px;
    position: absolute;
    top: 0
}

.bpx-player-ending-interaction-hiddenvars-content {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.bpx-player-ending-interaction-hiddenvars-content .bpx-common-svg-icon {
    height: 15px;
    width: 14px
}

.bpx-player-ending-interaction-hiddenvars-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 16px;
    padding: 0 12px
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-video-title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    height: 24px;
    left: 0;
    line-height: 24px;
    margin: 24px 0 0 24px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content .bpx-player-ending-premiere-title,
.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content-upview .bpx-player-ending-premiere-title {
    color: #fff;
    font-size: 22px;
    height: 39px;
    line-height: 39px;
    margin-bottom: 7px;
    text-align: center
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content .bpx-player-ending-premiere-info,
.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content-upview .bpx-player-ending-premiere-info {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .6);
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    text-align: center
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content .bpx-player-ending-related,
.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content-upview .bpx-player-ending-related {
    height: 150px
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content-upview.bpx-state-plus,
.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content.bpx-state-plus {
    top: 40%
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content-upview.bpx-state-plus .bpx-player-ending-related,
.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content.bpx-state-plus .bpx-player-ending-related {
    height: 335px
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content-upview.bpx-state-plus .bpx-player-ending-premiere-title,
.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content.bpx-state-plus .bpx-player-ending-premiere-title {
    font-size: 28px
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content-upview.bpx-player-ending-premiere-content-upview,
.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content.bpx-player-ending-premiere-content-upview {
    top: 55%
}

.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content-upview.bpx-player-ending-premiere-content-upview.bpx-state-plus,
.bpx-player-ending.bpx-player-ending-premiere .bpx-player-ending-premiere-content.bpx-player-ending-premiere-content-upview.bpx-state-plus {
    top: 45%
}

.bpx-player-container[data-screen=full] .bpx-player-ending-content,
.bpx-player-container[data-screen=web] .bpx-player-ending-content,
.bpx-player-container[data-screen=wide] .bpx-player-ending-content {
    margin-left: -476px;
    width: 952px
}

.bpx-player-container[data-screen=full] .bpx-player-ending-content.bpx-state-plus,
.bpx-player-container[data-screen=web] .bpx-player-ending-content.bpx-state-plus,
.bpx-player-container[data-screen=wide] .bpx-player-ending-content.bpx-state-plus {
    margin-left: -518px;
    width: 1036px
}

.bpx-player-container[data-revision="1"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater,
.bpx-player-container[data-revision="2"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater {
    background-color: rgba(0, 0, 0, .8);
    bottom: calc(100% - 30px);
    height: 28px;
    right: 14px
}

.bpx-player-container[data-revision="1"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater i,
.bpx-player-container[data-revision="2"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC);
    background-size: auto 100%;
    border-radius: 6px;
    color: inherit;
    display: inline-block;
    height: 28px;
    width: 28px
}

.bpx-player-container[data-revision="1"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater i:before,
.bpx-player-container[data-revision="2"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater i:before {
    content: ""
}

.bpx-player-container[data-revision="1"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater.bpx-state-active i,
.bpx-player-container[data-revision="2"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-watchlater.bpx-state-active i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAANlBMVEUAAAD8/PxpaWlfX1/9/f1ycnIAAAAAAAAAAAAAAAAAAAD09PTr6+vv7+/h4eFjY2NZWVn///+5pCBCAAAAEXRSTlOZ/Lez/bqKZBGPAPfy9ey1sk5dq9MAAACBSURBVEjH7dc7FsQgDENRQSZAAvl4/5udUrVU5vj1t3El4xy9Qaz1cWIcMDoGOqw6mgcbsux7Peuqjqsl4jJdLNOVx3Q1neH2OavjMCN+u+GwglJxeAuldpeNUnGUqqOUHSWdKOlESSdKOknSqZJO673vDVn2jZrJ7Gltj3n7ffgDLGYI2l1NOaQAAAAASUVORK5CYII=)
}

.bpx-player-container[data-revision="1"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-cancel,
.bpx-player-container[data-revision="2"] .bpx-player-ending-content .bpx-player-ending-related-item-cover .bpx-player-ending-related-item-cancel {
    right: calc(100% - 75px);
    top: 8px
}

.bpx-player-container[data-revision="2"][data-screen=full] .bpx-player-ending-premiere-video-title {
    opacity: 1
}

.bpx-player-follow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 26px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0;
    flex: 0;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin-bottom: 8px;
    pointer-events: all;
    text-align: center;
    width: 89px;
    z-index: 2
}

.bpx-player-follow-face {
    -webkit-box-flex: 0;
    border-radius: 50%;
    -ms-flex: none;
    flex: none;
    height: 24px;
    margin-left: 4px;
    vertical-align: bottom;
    width: 24px
}

.bpx-player-follow-icon {
    fill: #fff;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 14px;
    line-height: 14px;
    margin-left: 8px;
    width: 14px
}

.bpx-player-follow-text {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 5px
}

.bpx-player-follow:hover {
    background-color: rgba(0, 0, 0, .6)
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-follow,
    .bpx-player-container[data-screen=web] .bpx-player-follow {
        height: 40px;
        line-height: 40px;
        margin-bottom: 12px;
        width: 97px
    }

    .bpx-player-container[data-screen=full] .bpx-player-follow-face,
    .bpx-player-container[data-screen=web] .bpx-player-follow-face {
        height: 32px;
        width: 32px
    }
}

.bpx-player-container.bpx-player-embedded .bpx-player-follow {
    background: rgba(24, 25, 28, .5);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    padding-right: 15px;
    width: auto
}

.bpx-player-container.bpx-player-embedded .bpx-player-follow-face {
    height: 30px;
    margin-left: 0;
    width: 30px
}

.bpx-player-container.bpx-player-embedded .bpx-player-follow-icon {
    margin-right: 2px
}

.bpx-player-container.bpx-player-embedded .bpx-player-follow-name {
    color: #c1c1c1;
    font-size: 13px;
    margin: 0 10px 0 6px
}

.bpx-player-container.bpx-player-embedded .bpx-player-follow-name,
.bpx-player-container.bpx-player-embedded .bpx-player-follow-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-transition: color .15s;
    transition: color .15s
}

.bpx-player-container.bpx-player-embedded .bpx-player-follow-name svg,
.bpx-player-container.bpx-player-embedded .bpx-player-follow-text svg {
    fill: #fff;
    height: 12px;
    margin-right: 2px;
    width: 12px
}

.bpx-player-container.bpx-player-embedded .bpx-player-follow .bpx-player-follow-name:hover,
.bpx-player-container.bpx-player-embedded .bpx-player-follow .bpx-player-follow-text:hover {
    color: #f69
}

.bpx-player-container.bpx-player-embedded .bpx-player-follow .bpx-player-follow-text:hover svg {
    fill: #f69 !important
}

@-webkit-keyframes music-marque-animation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(calc(-100% - 10px));
        transform: translateX(calc(-100% - 10px))
    }
}

@keyframes music-marque-animation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(calc(-100% - 10px));
        transform: translateX(calc(-100% - 10px))
    }
}

.bpx-player-music {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 26px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0;
    flex: 0;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    margin-bottom: 8px;
    padding: 0 6px;
    pointer-events: all;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2
}

.bpx-player-music-icon {
    fill: #fff;
    height: 14px;
    line-height: 14px;
    width: 14px
}

.bpx-player-music-marquee {
    margin-left: 6px;
    max-width: 144px;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.bpx-player-music-marquee.mask {
    mask-image: linear-gradient(89.59deg, hsla(0, 0%, 77%, 0) .29%, hsla(0, 0%, 77%, .876) 14.6%, #c4c4c4 82.83%, hsla(0, 0%, 77%, 0) 99.63%);
    -webkit-mask-image: linear-gradient(89.59deg, hsla(0, 0%, 77%, 0) .29%, hsla(0, 0%, 77%, .876) 14.6%, #c4c4c4 82.83%, hsla(0, 0%, 77%, 0) 99.63%)
}

.bpx-player-music-marquee-root {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bpx-player-music-marquee-content {
    font-size: 12px;
    font-weight: 400
}

.bpx-player-music-marquee span:not(:first-child) {
    margin-left: 10px
}

.bpx-player-music-arrow {
    fill: #fff;
    height: 16px;
    line-height: 1;
    width: 16px
}

.bpx-player-music:hover {
    background-color: rgba(0, 0, 0, .5)
}

.bpx-player-music:hover .bpx-player-music-marquee-content {
    animation-play-state: paused !important;
    -webkit-animation-play-state: paused !important
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-music,
    .bpx-player-container[data-screen=web] .bpx-player-music {
        margin-bottom: 12px
    }

    .bpx-player-container[data-screen=full] .bpx-player-music-marquee,
    .bpx-player-container[data-screen=web] .bpx-player-music-marquee {
        max-width: 240px
    }
}

.bpx-player-top-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: all;
    position: absolute;
    right: 20px;
    top: 19px
}

.bpx-player-top-buttons .bpx-player-top-button-menu {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    height: 84px;
    width: 189px
}

.bpx-player-top-buttons .bpx-player-top-button-menu-item:hover {
    background-color: #2f3134
}

.bpx-player-top-buttons .bpx-player-top-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 45px;
    padding: 10px;
    position: relative;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 45px
}

.bpx-player-top-buttons .bpx-player-top-button-icon {
    height: 24px;
    width: 24px
}

.bpx-player-top-buttons .bpx-player-top-button-text {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    margin-top: 5px
}

.bpx-player-top-buttons .bpx-player-top-button:hover {
    background: rgba(229, 233, 239, .3)
}

.bpx-player-top-buttons .bpx-player-top-button-menu {
    background: rgba(24, 25, 28, .85);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: none;
    list-style: none;
    outline: none;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 150px
}

.bpx-player-top-buttons .bpx-player-top-button-menu.bpx-state-top-menu-show {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.bpx-player-top-buttons .bpx-player-top-button-menu-item {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    width: 100%
}

.bpx-player-top-buttons .bpx-player-top-button-menu-item:hover {
    background: #2f3134
}

@media screen and (min-width:750px) {

    .bpx-player-container[data-screen=full] .bpx-player-top-buttons,
    .bpx-player-container[data-screen=web] .bpx-player-top-buttons {
        right: 30px;
        top: 18px
    }
}

.bpx-player-embeded-ending-top-wrap .bpx-player-top-buttons-replay:after {
    background: hsla(0, 0%, 100%, .1);
    content: "";
    height: 45px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.bpx-player-embeded-ending-top-wrap .bpx-player-top-buttons {
    right: 0 !important
}

.bpx-player-embeded-ending-top-wrap .bpx-player-top-buttons .bpx-player-top-button-icon {
    height: 22px !important;
    width: 22px !important
}

.bpx-player-embeded-ending-top-wrap .bpx-player-top-buttons .bpx-player-top-buttons-like,
.bpx-player-embeded-ending-top-wrap .bpx-player-top-buttons .bpx-player-top-buttons-share {
    fill: #fff
}

.bpx-player-embeded-ending-top-wrap .bpx-player-top-buttons .bpx-player-top-button-text {
    color: #a2a7ae;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 10px;
    line-height: 10px;
    text-align: center;
    width: 50px
}

.bpx-player-embedded .bpx-player-top-issue,
.bpx-player-embedded .bpx-player-top-title {
    display: none
}

.bpx-player-embedded .bpx-player-top-left-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    pointer-events: all
}

.bpx-player-embedded .bpx-player-top-left-title-text {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 330px !important
}

.bpx-player-embedded .bpx-player-top-left-title-text:hover {
    color: #f69
}

.bpx-player-embedded .bpx-player-top-left-title .bpx-player-top-left-logo {
    cursor: pointer;
    margin-right: 6px;
    pointer-events: all;
    width: 50px
}

.bpx-player-embedded .bpx-player-top-left-title .bpx-player-top-left-logo svg {
    fill: #f69
}

.bpx-player-embedded .bpx-player-top-left-title .bpx-player-top-left-block {
    border-left: 1px solid hsla(0, 0%, 100%, .3);
    display: inline-block;
    height: 12px;
    margin-left: 3px;
    margin-right: 3px
}

.bpx-player-enter-button {
    fill: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 26px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    padding-left: 9px;
    padding-right: 4px;
    pointer-events: all;
    position: absolute;
    right: 14px;
    top: 14px;
    width: auto;
    z-index: 54
}

.bpx-player-enter-button svg {
    height: 16px;
    margin-right: 3px;
    transition: none;
    -webkit-transition: none;
    width: 16px
}

.bpx-player-enter-button:hover {
    fill: #f69;
    color: #f69
}

.bpx-player-viewpoint {
    background-color: #f4f4f4;
    background-color: var(--bpx-aux-header-bg, #f4f4f4);
    border-radius: 2px;
    overflow: hidden
}

.bpx-player-viewpoint-header {
    color: #222;
    color: var(--bpx-aux-header-font, #222);
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    padding: 0 10px 0 16px;
    position: relative
}

.bpx-player-viewpoint-header-close {
    fill: #757575;
    fill: var(--bpx-aux-header-icon, #757575);
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 14px;
    width: 24px
}

.bpx-player-viewpoint-header-close .bpx-common-svg-icon {
    pointer-events: none
}

.bpx-player-viewpoint-body {
    background-color: #f4f4f4;
    background-color: var(--bpx-aux-header-bg, #f4f4f4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 284px;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative
}

.bpx-player-viewpoint-body .bscroll-vertical-scrollbar {
    width: 6px !important
}

.bpx-player-viewpoint-body .bscroll-indicator {
    background: #6d7f7a !important;
    border: none !important;
    cursor: pointer
}

.bpx-player-viewpoint-body:hover .bscroll-vertical-scrollbar {
    opacity: 1 !important
}

.bpx-player-viewpoint-menu {
    margin: 0;
    padding: 0
}

.bpx-player-viewpoint-menu-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-bottom: 12px;
    padding: 0 16px;
    position: relative;
    width: 100%
}

.bpx-player-viewpoint-menu-item * {
    pointer-events: none
}

.bpx-player-viewpoint-menu-item-cover {
    -webkit-box-flex: 0;
    background-color: #c9ccd0;
    background-color: var(--bpx-aux-cover-bg, #c9ccd0);
    background-position: 50%;
    background-size: contain;
    border: 1px solid #e5e9ef;
    border: 1px solid var(--bpx-aux-line-border, #e5e9ef);
    border-radius: 4px;
    -ms-flex: none;
    flex: none;
    height: 58px;
    margin-right: 10px;
    overflow: hidden;
    width: 104px
}

.bpx-player-viewpoint-menu-item-cover img {
    height: 100%;
    width: 100%
}

.bpx-player-viewpoint-menu-item-content {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #222;
    color: var(--bpx-aux-content-font1, #222);
    display: -webkit-box;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    -webkit-transition: color .2s;
    transition: color .2s
}

.bpx-player-viewpoint-menu-item-active {
    background-image: url(data:image/gif;base64,R0lGODlhUABQANUzAACfzwCh1wCg1gCi1gCh1QCi1wCq1ACg1QCq/wD//wCZzACi1QCA/wCi0QCd2ACq4wCi1ACj1gC/vwCk2wCf3wCi2ACg1wCc1ACh1ACf1ACj2ACf1gCS2wCZ3QCf1wCm2QCl0gCj1QCj1ACk0QCh2ACm0wCe0wCf2QCl1gCg0wCe2wCh2QCg2ACj1wCe2gCi0wCk1ACg1ACh1gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM5OTA4RkQ3RjIyMTFFQjkxQUZFQTgxNjI4OTEwRTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM5OTA4RkU3RjIyMTFFQjkxQUZFQTgxNjI4OTEwRTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzk5MDhGQjdGMjIxMUVCOTFBRkVBODE2Mjg5MTBFMyIgc3RS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);
    background-position-y: 1px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    display: none;
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.bpx-player-viewpoint-menu-item-time {
    color: #99a2aa;
    color: var(--bpx-aux-content-font5, #99a2aa);
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px
}

.bpx-player-viewpoint-menu-item.bpx-state-active .bpx-player-viewpoint-menu-item-content {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-viewpoint-menu-item.bpx-state-active .bpx-player-viewpoint-menu-item-active {
    display: inline-block
}

.bpx-player-viewpoint-menu-item:hover .bpx-player-viewpoint-menu-item-content {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-viewpoint[fold=false] {
    margin-top: 0
}

.bpx-player-viewpoint[fold=true] {
    margin-top: 10px
}

.bpx-player-viewpoint[data-revision="1"] {
    border-radius: 6px
}

.bpx-player-viewpoint[data-revision="1"][fold=true] {
    margin-top: 18px
}

.bpx-player-viewpoint[data-revision="1"] .bpx-player-viewpoint-header {
    font-size: 15px;
    font-weight: 500;
    height: 44px;
    line-height: 44px
}

.bpx-player-viewpoint[data-revision="1"] .bpx-player-viewpoint-menu-item-content {
    font-size: 15px
}

.bpx-player-viewpoint[data-revision="1"] .bpx-player-viewpoint-menu-item-time {
    font-size: 13px
}

@media screen and (min-width:1681px) {
    .bpx-player-viewpoint[data-revision="1"][fold=true] {
        margin-top: 20px
    }

    .bpx-player-viewpoint[data-revision="1"] .bpx-player-viewpoint-header,
    .bpx-player-viewpoint[data-revision="1"] .bpx-player-viewpoint-menu-item-content {
        font-size: 16px
    }

    .bpx-player-viewpoint[data-revision="1"] .bpx-player-viewpoint-menu-item-time {
        font-size: 14px;
        margin-top: 4px
    }
}

.bpx-player-container[data-screen=full] .bili-cmd-shrink,
.bpx-player-container[data-screen=web] .bili-cmd-shrink {
    bottom: 97px
}

.bpx-player-self-egg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999
}

.bpx-player-self-egg>img {
    width: 400px
}

.bpx-player-container[data-screen=mini] .bpx-player-self-egg {
    display: none
}

@-webkit-keyframes cmd-dm-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes cmd-dm-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.bpx-player-popup-dm-close {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: -13px;
    top: -13px;
    width: 16px
}

.bpx-player-popup-dm-close:before {
    content: "";
    height: 40px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 40px
}

.bpx-player-popup-dm-close-left,
.bpx-player-popup-dm-close-right {
    height: 14px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 7px;
    z-index: 1
}

.bpx-player-popup-dm-close-left-bar,
.bpx-player-popup-dm-close-right-bar {
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 14px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 14px;
    z-index: 2
}

.bpx-player-popup-dm-close-left {
    left: 1px
}

.bpx-player-popup-dm-close-right {
    right: 1px
}

.bpx-player-popup-dm-close-left-bar {
    border-left-color: hsla(0, 0%, 100%, .702);
    border-top-color: hsla(0, 0%, 100%, .702);
    left: 0
}

.bpx-player-popup-dm-close-right-bar {
    border-bottom-color: hsla(0, 0%, 100%, .702);
    border-right-color: hsla(0, 0%, 100%, .702);
    right: 0
}

.bpx-player-popup-dm-close .bpx-common-svg-icon {
    line-height: 100%;
    position: absolute
}

.bpx-player-popup-dm-shrink {
    border-radius: 20px;
    bottom: 56px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    left: 23px;
    opacity: 0;
    pointer-events: all;
    position: absolute;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    visibility: hidden
}

.bpx-player-popup-dm-shrink-show {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, transform .18s;
    transition: opacity .35s, transform .18s, -webkit-transform .18s;
    visibility: visible
}

.bpx-player-popup-dm-shrink-hide {
    -webkit-animation: cmd-dm-hide .35s forwards;
    animation: cmd-dm-hide .35s forwards;
    opacity: 1;
    visibility: visible
}

.bpx-player-popup-dm-shrink-title {
    background-color: rgba(24, 25, 28, .8);
    border-radius: 20px;
    height: 30px;
    left: 0;
    line-height: 30px;
    min-width: 26px;
    padding: 0 10px 0 36px;
    position: absolute
}

.bpx-player-popup-dm-shrink-left,
.bpx-player-popup-dm-shrink-right {
    height: 26px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 13px;
    z-index: 1
}

.bpx-player-popup-dm-shrink-left-bar,
.bpx-player-popup-dm-shrink-right-bar {
    border: 2px solid transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 26px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 26px;
    z-index: 2
}

.bpx-player-popup-dm-shrink-left {
    left: 2px
}

.bpx-player-popup-dm-shrink-right {
    left: 15px
}

.bpx-player-popup-dm-shrink-left-bar {
    border-left-color: hsla(0, 0%, 100%, .702);
    border-top-color: hsla(0, 0%, 100%, .702);
    left: 0
}

.bpx-player-popup-dm-shrink-right-bar {
    border-bottom-color: hsla(0, 0%, 100%, .702);
    border-right-color: hsla(0, 0%, 100%, .702);
    right: 0
}

.bpx-player-popup-dm-shrink-icon {
    position: absolute
}

.bpx-player-popup-dm-shrink-icon-img {
    border-radius: 50%;
    height: 16px;
    padding: 7px;
    width: 16px
}

.bpx-player-cmd-dm-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 11
}

.bpx-player-cmd-dm-wrap,
.bpx-player-cmd-dm-wrap .bpx-player-cmd-dm-inside {
    height: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.bpx-player-cmd-dm-wrap .bpx-player-cmd-dm-inside {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9.5952024%;
    position: relative;
    z-index: 10
}

.bpx-player-popup {
    cursor: pointer;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.bpx-player-popup.bpx-player-popup-show {
    -webkit-animation: showFollow .32s ease-in-out;
    animation: showFollow .32s ease-in-out
}

.bpx-player-popup.bpx-player-popup-move>div {
    pointer-events: none
}

.bpx-player-popup-follow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 66px
}

.bpx-player-popup-follow:before {
    background: rgba(51, 51, 51, .7);
    border-radius: 8px;
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: -1
}

.bpx-player-popup-follow>span {
    pointer-events: none
}

.bpx-player-popup-follow-img {
    border-radius: 50%;
    height: 20px;
    overflow: hidden;
    width: 20px
}

.bpx-player-popup-follow-img>img {
    height: 100%;
    width: 100%
}

.bpx-player-popup-follow .bpx-common-svg-icon {
    fill: #fff;
    height: 17px;
    width: 17px
}

.bpx-player-popup-follow:hover {
    background: #00b5e5;
    background: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-popup-follow .bpx-player-popup-follow-0 span {
    vertical-align: middle
}

.bpx-player-popup-follow .bpx-player-popup-follow-1 {
    display: none
}

.bpx-player-popup-follow .bpx-player-popup-follow-1 .bpx-common-svg-icon {
    fill: #fff;
    height: 11px;
    width: 11px
}

.bpx-player-popup-follow.bpx-player-popup-followed {
    background: rgba(0, 0, 0, .4);
    color: hsla(0, 0%, 100%, .6)
}

.bpx-player-popup-follow.bpx-player-popup-followed .bpx-player-popup-follow-0 {
    display: none
}

.bpx-player-popup-follow.bpx-player-popup-followed .bpx-player-popup-follow-1 {
    display: block
}

.bpx-player-popup-follow.bpx-player-popup-followed.bpx-player-popup-canCancel {
    background: rgba(0, 0, 0, .6);
    color: #fefefe
}

.bpx-player-popup-follow.bpx-player-popup-has-img {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border: 1px solid transparent;
    justify-content: space-between;
    padding: 2px;
    width: 75px
}

.bpx-player-popup-follow.bpx-player-popup-has-img .bpx-player-popup-follow-1 {
    height: 10px;
    width: 40px
}

.bpx-player-popup-follow.bpx-player-popup-no-base-color {
    border-radius: 6px;
    font-size: 14px;
    height: 30px !important;
    line-height: 16px;
    padding: 4px 9px !important;
    width: 90px !important
}

.bpx-player-popup-follow.bpx-player-popup-no-base-color:before {
    content: none
}

.bpx-player-popup-follow.bpx-player-popup-no-base-color .bpx-player-popup-img {
    height: 22px;
    width: 22px
}

.bpx-player-popup-follow.bpx-player-popup-no-base-color .bpx-player-popup-follow-1 {
    height: 16px !important;
    width: 43px !important
}

.bpx-player-popup-follow.bpx-player-popup-no-base-color .bpx-player-popup-follow-0 .bpx-common-svg-icon {
    fill: #fff;
    height: 14px;
    width: 14px
}

.bpx-player-popup-electric {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: sans-serif;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    min-width: 68px;
    padding: 0 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bpx-player-popup-electric:before {
    background: rgba(51, 51, 51, .7);
    border-radius: 8px;
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: -1
}

.bpx-player-popup-electric-guide {
    color: #fff;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    min-width: 84px;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-popup-electric-icon {
    height: 100%
}

.bpx-player-popup.bpx-player-popup-guide-all {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(33, 33, 33, .6);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-follow {
    font-size: 12px;
    height: 24px;
    margin: 0 6px;
    width: 66px
}

.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-follow:before {
    content: none
}

.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-follow-img {
    height: 16px;
    width: 16px
}

.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-follow.bpx-player-popup-followed {
    background: hsla(0, 0%, 100%, .2) !important;
    color: #fefefe
}

.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-animate,
.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-three,
.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-three-animate {
    background-color: transparent
}

.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-electric {
    margin: 0 10px
}

.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-electric:before {
    content: none
}

.bpx-player-popup.bpx-player-popup-guide-all .bpx-player-popup-electric-text {
    white-space: nowrap
}

.bpx-player-popup.bpx-player-popup-follow-to-electric .bpx-player-popup-followed,
.bpx-player-popup.bpx-player-popup-follow-to-electric .bpx-player-popup-follow~.bpx-player-popup-electric {
    display: none
}

.bpx-player-popup.bpx-player-popup-follow-to-electric .bpx-player-popup-followed~.bpx-player-popup-electric {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-popup .bpx-player-popup-three {
    border: none
}

.bpx-player-popup .bpx-player-popup-cyc>span {
    height: 80px;
    top: -22px;
    width: 80px
}

.bpx-player-popup .bpx-player-popup-cyc>span.bpx-player-popup-cyc-like {
    left: -15px
}

.bpx-player-popup .bpx-player-popup-cyc>span.bpx-player-popup-cyc-coin {
    left: 31px
}

.bpx-player-popup .bpx-player-popup-cyc>span.bpx-player-popup-cyc-collect {
    left: 76px
}

.bpx-player-popup.bpx-player-popup-no-three.bpx-player-popup-guide-all {
    background: transparent
}

.bpx-player-popup.bpx-player-popup-no-three .bpx-player-popup-follow {
    height: 24px;
    margin: 0;
    width: 66px
}

.bpx-player-popup.bpx-player-popup-no-three .bpx-player-popup-follow-img {
    height: 16px;
    width: 16px
}

.bpx-player-popup.bpx-player-popup-no-three .bpx-player-popup-electric,
.bpx-player-popup.bpx-player-popup-no-three .bpx-player-popup-three {
    display: none
}

.bpx-player-popup.bpx-player-popup-hide .bpx-player-popup-three {
    opacity: 0
}

.bpx-player-popup.bpx-player-popup-hide .bpx-player-popup-animate,
.bpx-player-popup.bpx-player-popup-hide .bpx-player-popup-cyc {
    opacity: 1
}

.bpx-player-popup.bpx-player-popup-guide-dragable .bpx-player-popup-electric,
.bpx-player-popup.bpx-player-popup-guide-dragable .bpx-player-popup-follow,
.bpx-player-popup.bpx-player-popup-guide-dragable .bpx-player-popup-three,
.bpx-player-popup.bpx-player-popup-guide-dragable .bpx-player-popup-vote {
    pointer-events: none
}

.bpx-player-popup.bpx-player-popup-gray.bpx-player-popup-guide-all .bpx-player-popup-follow {
    background: #00a1d6;
    background: var(--bpx-primary-color, #00a1d6);
    border: none
}

.bpx-player-popup.bpx-player-popup-gray.bpx-player-popup-guide-all .bpx-player-popup-three {
    background: transparent;
    border: none
}

.bpx-player-popup.bpx-player-popup-gray.bpx-player-popup-guide-all .bpx-player-popup-animate {
    background: transparent;
    border-color: transparent
}

.bpx-player-popup.bpx-player-popup-gray .bpx-player-popup-follow .bpx-player-popup-follow-1 .bpx-common-svg-icon {
    opacity: .58
}

.bpx-player-popup-animate,
.bpx-player-popup-cyc,
.bpx-player-popup-three {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    padding: 0 3px;
    width: 142px
}

.bpx-player-popup-three {
    background: rgba(33, 33, 33, .6);
    opacity: 1
}

.bpx-player-popup-three>span {
    display: inline-block;
    height: 20px;
    padding: 8px 12.5px;
    width: 20px
}

.bpx-player-popup-three>span svg {
    fill: #fff
}

.bpx-player-popup-three>span.bpx-player-popup-active svg {
    fill: #00a1d6;
    fill: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-popup-three .bpx-common-svg-icon {
    pointer-events: none
}

.bpx-player-popup-animate {
    background: rgba(33, 33, 33, .6);
    border: 1px solid transparent;
    height: 100%;
    width: 100%
}

.bpx-player-popup-animate,
.bpx-player-popup-cyc {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.bpx-player-popup-animate>span,
.bpx-player-popup-cyc>span {
    display: inline-block;
    height: 100px;
    padding: 0;
    position: absolute;
    top: -33px;
    width: 100px
}

.bpx-player-popup-animate>span.bpx-player-popup-animate-like {
    left: -24px
}

.bpx-player-popup-animate>span.bpx-player-popup-animate-coin {
    left: 20px
}

.bpx-player-popup-animate>span.bpx-player-popup-animate-collect {
    left: 66px
}

.bpx-player-popup-animate>span.bpx-player-popup-animate-bg {
    height: 62px;
    left: -14px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: -10px;
    width: 172px
}

.bpx-player-popup-init-three>span {
    opacity: .7
}

.bpx-player-popup.video-mirror .bpx-player-popup-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.bpx-player-popup-vote {
    background: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    font-size: 12px;
    padding: 12px 10px 4px;
    width: 177px
}

.bpx-player-popup-vote-question {
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bpx-player-popup-vote-an {
    color: #000;
    cursor: pointer;
    position: relative
}

.bpx-player-popup-vote-an>div {
    pointer-events: none
}

.bpx-player-popup-vote-an-bg {
    background: #fff;
    border-radius: 4px;
    bottom: 0;
    height: 26px;
    left: 0;
    position: absolute;
    width: 100%
}

.bpx-player-popup-vote-an-bg-buffer {
    border-radius: 4px 0 0 4px;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width 1s;
    transition: width 1s;
    width: 26px
}

.bpx-player-popup-vote-an-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    line-height: 26px;
    margin: 6px 0;
    padding-right: 20px;
    position: relative;
    width: 100%
}

.bpx-player-popup-vote-an-text-index {
    -webkit-box-flex: 0;
    border-radius: 4px;
    -ms-flex: none;
    flex: none;
    text-align: center;
    width: 10px
}

.bpx-player-popup-vote-an-text-doc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px
}

.bpx-player-popup-vote-an-num {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 26px;
    margin-right: 6px;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-popup-vote-an-num-1,
.bpx-player-popup-vote-an-num-2 {
    height: 40px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-popup-vote-an-num-1 {
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-popup-vote-an-num-2 {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 15px
}

.bpx-player-popup-vote-an.bpx-player-popup-select .bpx-player-popup-vote-lottie {
    display: block
}

.bpx-player-popup-vote-an.bpx-player-popup-select .bpx-player-popup-vote-an-bg-buffer {
    background: rgba(0, 161, 214, .6) !important
}

.bpx-player-popup-vote.bpx-player-popup-show-num .bpx-player-popup-vote-an-num-1 {
    opacity: 1
}

.bpx-player-popup-vote.bpx-player-popup-selected .bpx-player-popup-vote-an {
    -webkit-animation: voteFont .35s forwards;
    animation: voteFont .35s forwards
}

.bpx-player-popup-vote.bpx-player-popup-selected .bpx-player-popup-vote-an-bg {
    -webkit-animation: voteBg .35s forwards;
    animation: voteBg .35s forwards
}

.bpx-player-popup-vote.bpx-player-popup-selected .bpx-player-popup-vote-an-bg-buffer {
    background: hsla(0, 0%, 100%, .2)
}

.bpx-player-popup-vote.bpx-player-popup-vote-end .bpx-player-popup-vote-an-num-1 {
    -webkit-animation: num1 .17s forwards;
    animation: num1 .17s forwards
}

.bpx-player-popup-vote.bpx-player-popup-vote-end .bpx-player-popup-vote-an-num-2 {
    -webkit-animation: num2 .17s forwards;
    animation: num2 .17s forwards
}

.bpx-player-popup-vote.bpx-player-popup-init-selected .bpx-player-popup-vote-an {
    color: #fff
}

.bpx-player-popup-vote.bpx-player-popup-init-selected .bpx-player-popup-vote-an-bg {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 2px;
    height: 4px;
    left: 8px;
    width: 100%
}

.bpx-player-popup-vote.bpx-player-popup-init-selected .bpx-player-popup-vote-an-num-1 {
    opacity: 0
}

.bpx-player-popup-vote.bpx-player-popup-init-selected .bpx-player-popup-vote-an-num-2 {
    opacity: 1;
    top: 0
}

.bpx-player-popup-vote-lottie {
    display: none;
    height: 37px;
    left: -5px;
    position: absolute;
    top: -6px;
    width: 37px;
    z-index: 2
}

@-webkit-keyframes voteFont {
    0% {
        color: #000
    }

    65% {
        color: #000
    }

    to {
        color: #fff
    }
}

@keyframes voteFont {
    0% {
        color: #000
    }

    65% {
        color: #000
    }

    to {
        color: #fff
    }
}

@-webkit-keyframes voteBg {
    to {
        background: rgba(0, 0, 0, .4)
    }
}

@keyframes voteBg {
    to {
        background: rgba(0, 0, 0, .4)
    }
}

@-webkit-keyframes num1 {
    41% {
        opacity: 0;
        top: -15px
    }

    to {
        opacity: 0
    }
}

@keyframes num1 {
    41% {
        opacity: 0;
        top: -15px
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes num2 {
    41% {
        opacity: 1;
        top: 0
    }

    61.5% {
        opacity: 1;
        top: -5px
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes num2 {
    41% {
        opacity: 1;
        top: 0
    }

    61.5% {
        opacity: 1;
        top: -5px
    }

    to {
        opacity: 1;
        top: 0
    }
}

.bpx-player-link-center {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(33, 33, 33, .8);
    border-radius: 10px 8px 8px 10px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 50px;
    left: 50%;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 290px;
    z-index: 1
}

.bpx-player-link.bpx-player-show {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, transform .18s;
    transition: opacity .35s, transform .18s, -webkit-transform .18s;
    visibility: visible
}

.bpx-player-link.bpx-player-hide {
    -webkit-animation: cmd-dm-hide .35s forwards;
    animation: cmd-dm-hide .35s forwards;
    opacity: 1;
    visibility: visible
}

.bpx-player-link-icon {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) no-repeat;
    background-position: 50%;
    background-size: 40px;
    border-radius: 8px 0 0 8px;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 90px
}

.bpx-player-link-icon .bpx-player-link-pic {
    width: 100%
}

.bpx-player-link-icon .bpx-player-link-time {
    background: rgba(0, 0, 0, .5);
    border-radius: 1px;
    bottom: 4px;
    padding: 2px;
    position: absolute;
    right: 4px;
    visibility: hidden
}

.bpx-player-link-icon .bpx-player-link-time-show {
    visibility: visible
}

.bpx-player-link-msg {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: 17px;
    margin-left: 8px;
    max-height: 34px;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    width: 134px;
    word-break: break-all
}

.bpx-player-link-line {
    background: hsla(0, 0%, 100%, .5);
    height: 36px;
    margin: 0 18.5px 0 8px;
    width: 1px
}

.bpx-player-link-play {
    height: 16px;
    width: 12px
}

.bpx-player-reserve {
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    font-size: 14px;
    height: 50px;
    left: 50%;
    opacity: 0;
    padding: 6px 8px;
    pointer-events: auto;
    position: absolute;
    top: 25%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 290px;
    z-index: 1
}

.bpx-player-reserve.bpx-player-editor {
    cursor: pointer
}

.bpx-player-reserve.bpx-player-editor-btn:hover {
    background: #00a1d6;
    background: var(--bpx-primary-color, #00a1d6)
}

.bpx-player-reserve.bpx-player-show {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, transform .18s;
    transition: opacity .35s, transform .18s, -webkit-transform .18s;
    visibility: visible
}

.bpx-player-reserve.bpx-player-hide {
    -webkit-animation: cmd-dm-hide .35s forwards;
    animation: cmd-dm-hide .35s forwards;
    opacity: 1;
    visibility: visible
}

.bpx-player-reserve-msg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
    padding-right: 4.5em
}

.bpx-player-reserve-title {
    font-size: 14px;
    overflow: hidden;
    padding: 3px 0;
    pointer-events: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bpx-player-reserve-num {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis
}

.bpx-player-reserve-num-left {
    display: none;
    margin-right: 10px;
    position: relative
}

.bpx-player-reserve-num-left .bp-svgicon {
    height: 14px;
    vertical-align: bottom;
    width: 14px
}

.bpx-player-reserve-num-left .bpx-player-img {
    margin-right: 4px;
    vertical-align: text-top;
    width: 14px
}

.bpx-player-reserve-num-left.bpx-player-show {
    display: inline-block
}

.bpx-player-reserve-num-left.bpx-player-show:after {
    content: ".";
    line-height: 1em;
    position: absolute;
    right: -9px;
    top: 0
}

.bpx-player-reserve-num-right {
    position: relative
}

.bpx-player-reserve-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 2;
    min-width: 60px;
    padding: 0 5px;
    position: absolute;
    right: .76em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bpx-player-reserve-btn:hover {
    background: #00b5e5;
    background: var(--bpx-fn-hover-color, #00b5e5)
}

.bpx-player-reserve-btn .bpx-player-reserve-icon {
    font-size: 0;
    height: 12px;
    width: 16px
}

.bpx-player-reserve-btn .bpx-player-reserve-icon-tick,
.bpx-player-reserve-btn.bpx-player-noIcon .bpx-player-reserve-icon,
.bpx-player-reserve-btn.bpx-player-noIcon .bpx-player-reserve-icon-tick {
    display: none
}

.bpx-player-reserve-btn.bpx-player-reserved {
    background: hsla(0, 0%, 100%, .2)
}

.bpx-player-reserve-btn.bpx-player-reserved:hover {
    background: hsla(0, 0%, 100%, .3)
}

.bpx-player-reserve-btn.bpx-player-reserved .bpx-player-reserve-icon {
    display: none
}

.bpx-player-reserve-btn.bpx-player-reserved .bpx-player-reserve-icon-tick {
    display: block;
    height: 30px;
    margin-right: 4px;
    width: 10px
}

.bpx-player-score {
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 62px;
    left: 50%;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    visibility: hidden;
    width: 206px;
    z-index: 1
}

.bpx-player-score,
.bpx-player-score div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bpx-player-score div {
    float: left
}

.bpx-player-score-show {
    opacity: 1;
    -webkit-transition: .32s;
    transition: .32s;
    visibility: visible
}

.bpx-player-score-show-animate {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, transform .18s;
    transition: opacity .35s, transform .18s, -webkit-transform .18s;
    visibility: visible
}

.bpx-player-score-hide {
    -webkit-animation: cmd-dm-hide .35s forwards;
    animation: cmd-dm-hide .35s forwards;
    opacity: 1;
    visibility: visible
}

.bpx-player-score-title {
    height: 12px;
    margin: 12px 0 0 10px
}

.bpx-player-score-area {
    pointer-events: none
}

.bpx-player-score-area-item span {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    bottom: 68px;
    display: none;
    font-size: 20px;
    height: 33px;
    line-height: 33px;
    margin-left: 5px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    width: 33px
}

.bpx-player-score-area-item span:before {
    border: 3px solid transparent;
    border-top-color: rgba(0, 0, 0, .6);
    content: "";
    left: 14px;
    position: absolute;
    top: 100%
}

.bpx-player-score-area-item img {
    height: 18px;
    margin: 7px 11.5px;
    pointer-events: none;
    -webkit-transition: .2s;
    transition: .2s;
    width: 18px
}

.bpx-player-score-area-item:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.bpx-player-score-area-item:hover span {
    display: block
}

.bpx-player-score-result {
    color: hsla(0, 0%, 100%, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 34px;
    -webkit-transition-property: margin, opacity;
    transition-property: margin, opacity
}

.bpx-player-score-result,
.bpx-player-score-result span {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transition-duration: .17s;
    transition-duration: .17s
}

.bpx-player-score-result span {
    font-size: 20px;
    line-height: 15px;
    margin-left: 5px;
    -webkit-transition-property: margin, opactiy, -webkit-animation;
    transition-property: margin, opactiy, -webkit-animation;
    transition-property: margin, opactiy, animation;
    transition-property: margin, opactiy, animation, -webkit-animation
}

.bpx-player-score-count {
    opacity: .7;
    position: absolute;
    right: 10px;
    top: 12px
}

.bpx-player-score-result-animate img {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.bpx-player-score-result-animate .off {
    opacity: .5
}

.bpx-player-score-result-animate img+span {
    display: block;
    margin-top: -8px;
    opacity: 0;
    -webkit-transition: .1s;
    transition: .1s
}

.bpx-player-score-result-animate .bpx-player-score-area-item {
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s
}

.bpx-player-score-result-animate .bpx-player-score-area-item:first-child {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.bpx-player-score-result-animate .bpx-player-score-area-item:nth-child(2) {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.bpx-player-score-result-animate .bpx-player-score-area-item:nth-child(3) {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.bpx-player-score-result-animate .bpx-player-score-area-item:nth-child(4) {
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.bpx-player-score-result-animate .bpx-player-score-area-item:nth-child(5) {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.bpx-player-score-result-animate .bpx-player-score-result {
    opacity: 1
}

.bpx-player-score-result-animate .bpx-player-score-result span {
    -webkit-animation: jump-score .17s forwards;
    animation: jump-score .17s forwards;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes jump-score {
    0% {
        margin-top: 13px
    }

    41% {
        margin-top: 0
    }

    61.5% {
        margin-top: -3px
    }

    to {
        margin-top: 0
    }
}

@keyframes jump-score {
    0% {
        margin-top: 13px
    }

    41% {
        margin-top: 0
    }

    61.5% {
        margin-top: -3px
    }

    to {
        margin-top: 0
    }
}

.bpx-player-score-summary-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-score-summary {
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 62px;
    left: 50%;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 203px
}

.bpx-player-score-summary div {
    float: left
}

.bpx-player-score-summary-show {
    opacity: 1;
    -webkit-transition: .32s;
    transition: .32s;
    visibility: visible
}

.bpx-player-score-summary-show-animate {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, transform .18s;
    transition: opacity .35s, transform .18s, -webkit-transform .18s;
    visibility: visible
}

.bpx-player-score-summary-hide {
    -webkit-animation: cmd-dm-hide .35s forwards;
    animation: cmd-dm-hide .35s forwards;
    opacity: 1;
    visibility: visible
}

.bpx-player-score-summary-title {
    height: 14px;
    margin: 14px 0 0 14px
}

.bpx-player-score-summary-count {
    opacity: .7;
    position: absolute;
    right: 14px;
    top: 14px
}

.bpx-player-score-summary-area {
    font-size: 14px;
    left: 14px;
    pointer-events: none;
    position: absolute;
    top: 40px;
    width: 100%
}

.bpx-player-score-summary-area-item {
    height: 24px;
    margin-bottom: 3px;
    -webkit-transition: opacity .13s;
    transition: opacity .13s
}

.bpx-player-score-summary-area-item-name {
    -webkit-transition: opacity .13s, -webkit-transform .13s;
    transition: opacity .13s, -webkit-transform .13s;
    transition: opacity .13s, transform .13s;
    transition: opacity .13s, transform .13s, -webkit-transform .13s;
    width: 150px
}

.bpx-player-score-summary-area-item-count {
    color: #ffb027;
    opacity: 0;
    position: absolute;
    right: 30px;
    -webkit-transition: opacity .13s;
    transition: opacity .13s
}

.bpx-player-score-summary-area-item-show {
    display: block !important;
    opacity: 1 !important
}

.bpx-player-score-summary-area-item-show .bpx-player-score-summary-area-item-name {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.bpx-player-score-summary-area-item-show .bpx-player-score-summary-area-item-count {
    opacity: 1
}

.bpx-player-score-summary-area-item-hide .bpx-player-score-summary-area-item-name {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.bpx-player-score-summary-area-item-hide .bpx-player-score-summary-area-item-count {
    opacity: 0
}

.bpx-player-score-summary-area-item-none {
    display: none
}

.bpx-player-score-summary-area-item1 {
    opacity: 0
}

.bpx-player-score-summary-area-item1 .bpx-player-score-summary-area-item-name {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.bpx-player-score-summary-area-item1 .bpx-player-score-summary-area-item-count {
    opacity: 0
}

.bpx-player-score-summary-area-item1 .bpx-player-score-summary-area-item-count-show {
    opacity: 1
}

.bpx-player-score-summary-sliders {
    bottom: 10px;
    display: none;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bpx-player-score-summary-sliders-item {
    background: #fff;
    border-radius: 2px;
    height: 4px;
    margin: 2px;
    opacity: .3;
    -webkit-transition: opacity .13s;
    transition: opacity .13s;
    width: 4px
}

.bpx-player-score-summary-sliders-item-on {
    opacity: 1
}

.bpx-player-score-summary-sliders-show {
    display: block
}

.bpx-player-container[data-screen=full] .bpx-player-cross,
.bpx-player-container[data-screen=web] .bpx-player-cross {
    bottom: 90px
}

.bpx-player-cross-hide {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.bpx-player-cross {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 80px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 25px;
    left: 0;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    visibility: hidden;
    z-index: 5
}

.bpx-player-cross.bpx-player-show {
    opacity: 1;
    visibility: visible
}

.bpx-player-cross-btn {
    -webkit-box-flex: 0;
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    height: 35px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    z-index: 3
}

.bpx-player-cross-btn>img {
    height: 100%;
    pointer-events: auto
}

.bpx-player-cross-btn-img {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bpx-player-cross-btn-img-s {
    -webkit-animation: btnAnimate linear .45;
    animation: btnAnimate linear .45;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.bpx-player-cross.bpx-player-show-s .bpx-player-cross-btn-img {
    -webkit-animation: btnAnimate .3s linear forwards;
    animation: btnAnimate .3s linear forwards
}

.bpx-player-cross.bpx-player-show-s .bpx-player-cross-btn-img-s {
    -webkit-animation: btnAnimateS .3s linear .15s forwards;
    animation: btnAnimateS .3s linear .15s forwards
}

.bpx-player-cross-right {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 35px;
    line-height: 35px;
    position: relative
}

.bpx-player-cross-line {
    height: 100%;
    left: 22px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: left .3s linear;
    transition: left .3s linear
}

.bpx-player-cross-dm {
    bottom: 0;
    cursor: pointer;
    -webkit-perspective: 500px;
    perspective: 500px;
    position: absolute;
    right: 100%;
    text-shadow: 0 1px #0e3f6d, 1px 0 #0e3f6d, -1px 0 #0e3f6d, 0 -1px #0e3f6d;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: pre;
    will-change: transform opacity;
    z-index: 1
}

.bpx-player-cross-dm.bpx-player-hide {
    opacity: 0;
    visibility: hidden
}

.bpx-player-cross-dm:hover {
    z-index: 2
}

.bpx-player-cross-tip {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding-bottom: 6px;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    width: 162px;
    z-index: 999999
}

.bpx-player-cross-tip-img {
    height: 25px;
    pointer-events: none;
    position: relative;
    width: 132px;
    z-index: 2
}

.bpx-player-cross-tip-left {
    display: none;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.bpx-player-cross-tip-center,
.bpx-player-cross-tip-left {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bpx-player-cross-tip-center {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-cross-tip.bpx-player-center,
.bpx-player-cross-tip.bpx-player-left,
.bpx-player-cross-tip.bpx-player-right {
    opacity: 1;
    visibility: visible
}

.bpx-player-cross-tip.bpx-player-left .bpx-player-cross-tip-left {
    display: inline-block
}

.bpx-player-cross-tip.bpx-player-left .bpx-player-cross-tip-center {
    display: none
}

.bpx-player-cross-tip.bpx-player-right .bpx-player-cross-tip-left {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-cross-tip.bpx-player-right .bpx-player-cross-tip-center {
    display: none
}

.bpx-player-cross-tip.bpx-player-show {
    opacity: 1;
    visibility: visible
}

@-webkit-keyframes btnAnimate {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes btnAnimateS {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

.bpx-player-container[data-screen=full] .bpx-player-reverse-wrap,
.bpx-player-container[data-screen=web] .bpx-player-reverse-wrap {
    bottom: 100px
}

.bpx-player-container[data-screen=full] .bpx-player-reverse-btn,
.bpx-player-container[data-screen=web] .bpx-player-reverse-btn {
    left: 30px
}

.bpx-player-reverse,
.bpx-player-reverse-hide {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.bpx-player-reverse {
    color: #fff;
    font-size: 25px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 5
}

.bpx-player-reverse.bpx-player-show {
    opacity: 1;
    visibility: visible
}

.bpx-player-reverse .b-danmaku-liked {
    z-index: 2
}

.bpx-player-reverse .b-danmaku-liked .b-danmaku-liked-icon {
    opacity: 1
}

.bpx-player-reverse .b-danmaku-liked .b-danmaku-high-plus {
    -webkit-animation: tipsPlus 1.25s forwards;
    animation: tipsPlus 1.25s forwards
}

.bpx-player-reverse .b-danmaku-liked-icon {
    display: inline-block;
    font-size: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    vertical-align: bottom
}

.bpx-player-reverse .b-danmaku-liked-icon svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.bpx-player-reverse-wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    right: 0
}

.bpx-player-reverse-btn {
    -webkit-box-flex: 0;
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    left: 10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    z-index: 3
}

.bpx-player-reverse-btn.bpx-player-reverse-btn-show {
    opacity: 1;
    visibility: visible
}

.bpx-player-reverse-btn>img {
    height: 100%;
    pointer-events: auto
}

.bpx-player-reverse-btn-img {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bpx-player-reverse-btn-img-s {
    -webkit-animation: btnAnimate linear .45;
    animation: btnAnimate linear .45;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.bpx-player-reverse.bpx-player-show-s .bpx-player-reverse-btn-img {
    -webkit-animation: btnAnimate .3s linear forwards;
    animation: btnAnimate .3s linear forwards
}

.bpx-player-reverse.bpx-player-show-s .bpx-player-reverse-btn-img-s {
    -webkit-animation: btnAnimateS .3s linear .15s forwards;
    animation: btnAnimateS .3s linear .15s forwards
}

.bpx-player-reverse-right {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 4em;
    line-height: 1.125;
    pointer-events: none;
    position: relative
}

.bpx-player-reverse-line {
    left: 22px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: left .3s linear;
    transition: left .3s linear
}

.bpx-player-reverse-dm {
    bottom: 0;
    cursor: pointer;
    -webkit-perspective: 500px;
    perspective: 500px;
    pointer-events: auto;
    position: absolute;
    right: 100%;
    text-shadow: 0 1px #0e3f6d, 1px 0 #0e3f6d, -1px 0 #0e3f6d, 0 -1px #0e3f6d;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: pre;
    will-change: transform opacity;
    z-index: 1
}

.bpx-player-reverse-dm.bpx-player-hide {
    opacity: 0;
    visibility: hidden
}

.bpx-player-reverse-dm:hover {
    z-index: 2
}

.bpx-player-reverse-tip {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding-bottom: 6px;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    width: 162px;
    z-index: 999999
}

.bpx-player-reverse-tip-img {
    height: 25px;
    pointer-events: none;
    position: relative;
    width: 132px;
    z-index: 2
}

.bpx-player-reverse-tip-left {
    display: none;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.bpx-player-reverse-tip-center,
.bpx-player-reverse-tip-left {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bpx-player-reverse-tip-center {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-reverse-tip .bpx-player-dm-tip-back,
.bpx-player-reverse-tip .bpx-player-dm-tip-copy,
.bpx-player-reverse-tip .bpx-player-dm-tip-like,
.bpx-player-reverse-tip .bpx-player-dm-tip-recall {
    top: 6px
}

.bpx-player-reverse-tip .bpx-player-dm-tip-like-num {
    font-size: 30%;
    top: 4px;
    z-index: 1
}

.bpx-player-reverse-tip.bpx-player-master .bpx-player-dm-tip-recall {
    display: block
}

.bpx-player-reverse-tip.bpx-player-master .bpx-player-dm-tip-back {
    display: none
}

.bpx-player-reverse-tip .bpx-player-many-like .bpx-player-dm-tip-like {
    left: 13px
}

.bpx-player-reverse-tip .bpx-player-many-like .bpx-player-dm-tip-like-num {
    left: 33px
}

.bpx-player-reverse-tip.bpx-player-center,
.bpx-player-reverse-tip.bpx-player-left,
.bpx-player-reverse-tip.bpx-player-right {
    opacity: 1;
    visibility: visible
}

.bpx-player-reverse-tip.bpx-player-left .bpx-player-reverse-tip-left {
    display: inline-block
}

.bpx-player-reverse-tip.bpx-player-left .bpx-player-reverse-tip-center {
    display: none
}

.bpx-player-reverse-tip.bpx-player-right .bpx-player-reverse-tip-left {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bpx-player-reverse-tip.bpx-player-right .bpx-player-reverse-tip-center {
    display: none
}

.bpx-player-reverse-tip.bpx-player-show {
    opacity: 1;
    visibility: visible
}

.bpx-player-reverse-report-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 68
}

@keyframes btnAnimate {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes btnAnimateS {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

.bpx-state-paused .bpx-player-upegg {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.bpx-player-scale {
    bottom: 80px;
    pointer-events: none;
    position: absolute;
    right: 30px;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    z-index: 0
}

.bpx-player-upegg {
    font-size: 0
}

.bpx-player-upegg.bpx-player-egg-0-0 {
    display: none
}

.bpx-player-upegg.bpx-player-egg-1-1 {
    -webkit-animation: egg-1-1 .51s forwards;
    animation: egg-1-1 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-1-0 {
    -webkit-animation: egg-1-0 .51s forwards;
    animation: egg-1-0 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-2-1 {
    -webkit-animation: egg-2-1 .51s forwards;
    animation: egg-2-1 .51s forwards;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.bpx-player-upegg.bpx-player-egg-2-0 {
    -webkit-animation: egg-2-0 .51s forwards;
    animation: egg-2-0 .51s forwards;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.bpx-player-upegg.bpx-player-egg-3-1 {
    -webkit-animation: egg-3-1 .51s forwards;
    animation: egg-3-1 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-3-0 {
    -webkit-animation: egg-3-0 .51s forwards;
    animation: egg-3-0 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-4-1 {
    -webkit-animation: egg-4-1 .51s forwards;
    animation: egg-4-1 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-4-0 {
    -webkit-animation: egg-4-0 .51s forwards;
    animation: egg-4-0 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-5-1 {
    -webkit-animation: egg-5-1 .51s forwards;
    animation: egg-5-1 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-5-0 {
    -webkit-animation: egg-5-0 .51s forwards;
    animation: egg-5-0 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-6-1 {
    -webkit-animation: egg-6-1 .51s forwards;
    animation: egg-6-1 .51s forwards
}

.bpx-player-upegg.bpx-player-egg-6-0 {
    -webkit-animation: egg-6-0 .51s forwards;
    animation: egg-6-0 .51s forwards
}

.bpx-player-upegg .bpx-player-img {
    height: 140px
}

.bpx-player-upegg .bpx-player-img-txt {
    display: none
}

.bpx-player-upegg.bpx-player-hasTxt .bpx-player-img,
.bpx-player-upegg.bpx-player-hasTxt .bpx-player-img-txt {
    display: inline-block;
    height: 70px
}

@-webkit-keyframes egg-1-1 {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }

    79% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes egg-1-1 {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }

    79% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes egg-1-0 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    21% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@keyframes egg-1-0 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    21% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-webkit-keyframes egg-2-1 {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    79% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes egg-2-1 {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    79% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes egg-2-0 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    21% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    99% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(90deg) scale(0);
        transform: rotate(90deg) scale(0)
    }
}

@keyframes egg-2-0 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    21% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    99% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(90deg) scale(0);
        transform: rotate(90deg) scale(0)
    }
}

@-webkit-keyframes egg-3-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    79% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes egg-3-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    79% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes egg-3-0 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    21% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes egg-3-0 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    21% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes egg-4-1 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    79% {
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes egg-4-1 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    79% {
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes egg-4-0 {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    21% {
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes egg-4-0 {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    21% {
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes egg-5-1 {
    0% {
        -webkit-transform: translateY(350%);
        transform: translateY(350%)
    }

    79% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes egg-5-1 {
    0% {
        -webkit-transform: translateY(350%);
        transform: translateY(350%)
    }

    79% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes egg-5-0 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    21% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        -webkit-transform: translateY(350%);
        transform: translateY(350%)
    }
}

@keyframes egg-5-0 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    21% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        -webkit-transform: translateY(350%);
        transform: translateY(350%)
    }
}

@-webkit-keyframes egg-6-1 {
    0% {
        -webkit-transform: translateY(-350%);
        transform: translateY(-350%)
    }

    46% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    64% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    88% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes egg-6-1 {
    0% {
        -webkit-transform: translateY(-350%);
        transform: translateY(-350%)
    }

    46% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    64% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    88% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes egg-6-0 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes egg-6-0 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.bpx-player-boom {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.bpx-player-boom.bpx-player-boom-fire .bpx-player-boom-dm {
    font-weight: 200
}

.bpx-player-boom.bpx-player-boom-fire .bpx-player-boom-dm-fire {
    -webkit-transform: translateX(-50%) translateY(-40%) scale(2);
    transform: translateX(-50%) translateY(-40%) scale(2);
    width: 300%
}

.bpx-player-boom.bpx-player-boom-fire .bpx-player-boom-dm-center {
    margin-top: -15px
}

.bpx-player-boom.bpx-player-boom-fire .bpx-player-boom-dm-text {
    font-family: STKaiti, KaiTi, 楷体, 楷体_GB2312, SimHei, Microsoft JhengHei, Arial, Helvetica, sans-serif
}

.bpx-player-boom.bpx-player-boom-fire .bpx-player-boom-dm-bg {
    top: 15px
}

.bpx-player-boom.bpx-player-boom-fire .bpx-player-boom-dm.bpx-player-scale .bpx-player-boom-dm-body {
    -webkit-animation: fireScale .15s linear forwards;
    animation: fireScale .15s linear forwards
}

.bpx-player-boom.bpx-player-boom-fire .bpx-player-boom-dm.bpx-player-boom-scale2 .bpx-player-boom-dm-fire {
    -webkit-transform: translateX(-50%) translateY(-40%) scale(2);
    transform: translateX(-50%) translateY(-40%) scale(2)
}

.bpx-player-boom-dm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0 5px #ff55f5;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    white-space: nowrap;
    width: 58px
}

.bpx-player-boom-dm.bpx-player-hide {
    display: none
}

.bpx-player-boom-dm.bpx-player-opacity .bpx-player-boom-dm-center,
.bpx-player-boom-dm.bpx-player-opacity .bpx-player-boom-dm-head,
.bpx-player-boom-dm.bpx-player-opacity .bpx-player-boom-dm-tail,
.bpx-player-boom-dm.bpx-player-opacity .bpx-player-boom-dm-text {
    opacity: 0;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.bpx-player-boom-dm.bpx-player-middle .bpx-player-boom-dm-fire,
.bpx-player-boom-dm.bpx-player-show-fire .bpx-player-boom-dm-fire2 {
    opacity: 1
}

.bpx-player-boom-dm.bpx-player-boom-small {
    opacity: .8
}

.bpx-player-boom-dm.bpx-player-boom-smaller {
    opacity: .65
}

.bpx-player-boom-dm-fire {
    -webkit-transform: translateX(-50%) translateY(-70%);
    transform: translateX(-50%) translateY(-70%)
}

.bpx-player-boom-dm-fire,
.bpx-player-boom-dm-fire2 {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 120%;
    z-index: 3
}

.bpx-player-boom-dm-fire2 {
    -webkit-transform: translateX(-50%) translateY(-20%);
    transform: translateX(-50%) translateY(-20%)
}

.bpx-player-boom-dm-head {
    top: 0;
    width: 100%;
    z-index: 2
}

.bpx-player-boom-dm-center {
    position: relative
}

.bpx-player-boom-dm-tail {
    width: 100%
}

.bpx-player-boom-dm-text {
    display: inline-table;
    font-family: SimHei, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 0 20px;
    position: relative;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 2
}

.bpx-player-boom-dm-bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-boom-dm-bg>img {
    height: 100%;
    width: 100%
}

@-webkit-keyframes fireScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.bpx-player-pk {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.bpx-player-pk-dm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 60px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px #777, 1px 0 #777, -1px 0 #777, 0 -1px #777;
    white-space: nowrap
}

.bpx-player-pk-dm.bpx-player-hide {
    display: none
}

.bpx-player-pk-dm.bpx-player-middle .bpx-player-pk-dm-item {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.bpx-player-pk-dm.bpx-player-middle .bpx-player-pk-dm-fire {
    opacity: 1
}

.bpx-player-pk-dm.bpx-player-middle.bpx-player-pk-pair .bpx-player-pk-dm-fire {
    right: -74px
}

.bpx-player-pk-dm-fire {
    height: 80px !important;
    left: auto;
    opacity: 0;
    position: absolute;
    right: -77px;
    top: 30px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 80px !important;
    z-index: 3
}

.bpx-player-pk-dm-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bpx-player-pk-dm-item>img {
    height: 40px
}

.bpx-player-pk-dm-item .bpx-player-pk-dm-head {
    padding-top: 10px
}

.bpx-player-pk-dm-item .bpx-player-pk-dm-center {
    height: 100%;
    position: relative
}

.bpx-player-pk-dm-item .bpx-player-pk-dm-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 18px
}

.bpx-player-pk-dm-item .bpx-player-pk-dm-bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.bpx-player-pk-dm-item .bpx-player-pk-dm-bg>img {
    height: 40px;
    padding-top: 10px;
    width: 100%
}

.bpx-player-pk-dm-item .bpx-player-pk-dm-tail {
    padding-top: 10px;
    width: auto
}

.bpx-player-pk-dm.bpx-player-pk-dm2 .bpx-player-pk-dm-text {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bpx-player-pk-dm.bpx-player-pk-dm2 .bpx-player-pk-dm-tail {
    padding-top: 10px;
    width: auto
}

.bpx-player-pk-dm.bpx-player-pk-dm2 .bpx-player-pk-dm-fire {
    left: 100%;
    right: auto
}

.bpx-player-pk-dm.bpx-player-pk-dm2.bpx-player-pk-pair .bpx-player-pk-dm-fire {
    opacity: 0
}

.bpx-player-pk-dm.bpx-player-pk-dm-self .bpx-player-pk-dm-text {
    border: 1px solid rgba(102, 255, 255, 0);
    padding: 0 1px
}

.bpx-player-spring {
    bottom: -15%;
    left: -6%;
    pointer-events: none;
    position: absolute;
    right: -6%;
    top: -15%;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 4
}

.bpx-player-spring-dm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0 5px #ff55f5;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    white-space: nowrap;
    z-index: 3
}

.bpx-player-spring-dm.bpx-player-hide {
    display: none
}

.bpx-player-spring-dm.bpx-player-opacity .bpx-player-spring-dm-center,
.bpx-player-spring-dm.bpx-player-opacity .bpx-player-spring-dm-head,
.bpx-player-spring-dm.bpx-player-opacity .bpx-player-spring-dm-tail,
.bpx-player-spring-dm.bpx-player-opacity .bpx-player-spring-dm-text {
    opacity: 0;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.bpx-player-spring-dm.bpx-player-middle .bpx-player-spring-dm-fire,
.bpx-player-spring-dm.bpx-player-show-fire .bpx-player-spring-dm-fire2 {
    opacity: 1
}

.bpx-player-spring-dm.bpx-player-spring-small {
    opacity: .8;
    z-index: 2
}

.bpx-player-spring-dm.bpx-player-spring-small.bpx-player-spring-dm .bpx-player-spring-dm-body {
    font-size: 14px
}

.bpx-player-spring-dm.bpx-player-spring-smaller {
    opacity: .65;
    z-index: 1
}

.bpx-player-spring-dm.bpx-player-spring-smaller.bpx-player-spring-dm .bpx-player-spring-dm-body {
    font-size: 12px
}

.bpx-player-spring-dm-body {
    display: inline-table;
    font-size: 18px;
    line-height: 1;
    padding: 1.3em 0 1em 5.2em;
    position: relative;
    z-index: 2
}

.bpx-player-spring-dm-fire {
    height: 200%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-10%) translateY(-50%);
    transform: translateX(-10%) translateY(-50%);
    z-index: 3
}

.bpx-player-spring-dm-bg {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.bpx-player-spring-dm-head {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%
}

.bpx-player-spring-dm-center {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 100%
}

.bpx-player-spring-dm-tail {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%
}

.bpx-player-spring-dm-text {
    font-family: SimHei, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    position: relative;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: left;
    transform-origin: left;
    z-index: 2
}

@keyframes fireScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.bpx-player-anniversary {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-anniversary .bpx-player-anniversary-link {
    cursor: pointer;
    height: 137px;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .35s, visibility .35s;
    transition: opacity .35s, visibility .35s;
    visibility: hidden;
    width: 220px;
    z-index: 1
}

.bpx-player-anniversary .bpx-player-anniversary-link.bpx-player-anniversary-show {
    opacity: 1;
    visibility: visible
}

.bpx-player-anniversary .bpx-player-anniversary-link>img {
    height: 100%;
    width: 100%
}

.bpx-player-anniversary .bpx-player-anniversary-link img:not([src]),
.bpx-player-anniversary .bpx-player-anniversary-link>img[src=""] {
    opacity: 0
}

.bpx-player-clock-in-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-clock-in {
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 50px;
    left: 50%;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 290px
}

.bpx-player-clock-in div {
    float: left
}

.bpx-player-clock-in-complete {
    bottom: 0;
    left: 5px;
    position: absolute
}

.bpx-player-clock-in-complete .bpx-player-clock-in-desc,
.bpx-player-clock-in-complete .bpx-player-clock-in-title {
    left: 48px
}

.bpx-player-clock-in-complete .bpx-player-clock-in-complete-img {
    display: block
}

.bpx-player-clock-in-complete-img {
    bottom: 0;
    display: none;
    height: 60px;
    left: 2px;
    position: absolute;
    width: 40px
}

.bpx-player-clock-in-show {
    opacity: 1;
    -webkit-transition: .32s;
    transition: .32s;
    visibility: visible
}

.bpx-player-clock-in-show-animate {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, -webkit-transform .18s;
    transition: opacity .35s, transform .18s;
    transition: opacity .35s, transform .18s, -webkit-transform .18s;
    visibility: visible
}

.bpx-player-clock-in-hide {
    -webkit-animation: cmd-dm-hide .35s forwards;
    animation: cmd-dm-hide .35s forwards;
    opacity: 1;
    visibility: visible
}

.bpx-player-clock-in-desc,
.bpx-player-clock-in-title {
    font-size: 14px;
    left: 8px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 10px;
    white-space: nowrap;
    width: 200px
}

.bpx-player-clock-in-desc {
    font-size: 12px;
    opacity: .7;
    top: 30px
}

.bpx-player-clock-in-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #00a1d6;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 60px
}

.bpx-player-clock-in-btn-icon-tick,
.bpx-player-clock-in-btn-icon-tick-done {
    display: none;
    height: 12px;
    padding: 0 3px 2px 0;
    width: 12px
}

.bpx-player-clock-in-btn-state-tick .bpx-player-clock-in-btn-icon-tick {
    display: block
}

.bpx-player-clock-in-btn-state-tick-done {
    background: hsla(0, 0%, 100%, .2);
    pointer-events: none
}

.bpx-player-clock-in-btn-state-tick-done .bpx-player-clock-in-btn-icon-tick-done {
    display: block
}

.bpx-player-three-body {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-three-body-face {
    background: #d9d9d9;
    border: 2px solid #fff;
    border-radius: 50%;
    height: auto;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 7%;
    z-index: 1
}

.bpx-player-three-body-face img:not([src]),
.bpx-player-three-body-face>img[src=""] {
    opacity: 0
}

.bpx-player-three-body-ring {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    width: 100%
}

.bpx-player-three-body-text {
    height: 35%;
    left: 50%;
    position: absolute;
    top: 65%;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7)
}

.bpx-player-three-body img:not([src]),
.bpx-player-three-body img[src=""] {
    opacity: 0
}

.bpx-player-business-video {
    height: 100%;
    max-height: 750px;
    max-width: 750px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.bpx-player-business-video.video-show {
    opacity: 1
}

.bpx-player-dm-delivery-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 23px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.bpx-player-music-muted {
    bottom: 8px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    left: 8px;
    line-height: 16.8px
}

.bpx-player-music-muted img {
    height: 19px;
    padding: 0 3px;
    width: 19px
}

.bpx-player-record-number {
    bottom: 8px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    right: 8px;
    text-align: left
}

.bpx-player-record-number img {
    height: 19px;
    padding: 0 3px;
    width: 19px
}

.bpx-common-msie .bpx-player-dm-root {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bpx-common-edge .bpx-player-ending-backdrop {
    -webkit-filter: none;
    filter: none
}


.bili-circle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    height: var(--height, 16px);
    justify-content: center;
    position: absolute;
    right: -13px;
    top: -13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 16px;
    width: var(--width, 16px)
}

.bili-circle:before {
    content: "";
    height: 40px;
    left: -12px;
    position: absolute;
    top: -12px;
    width: 40px
}

.bili-circle-left,
.bili-circle-right {
    height: 16px;
    height: var(--height, 16px);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1
}

.bili-circle-left-bar,
.bili-circle-right-bar {
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 16px;
    height: var(--height, 16px);
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 16px;
    width: var(--width, 16px);
    z-index: 2
}

.bili-circle-left {
    left: 0
}

.bili-circle-right {
    right: 0
}

.bili-circle-left-bar {
    border-left-color: hsla(0, 0%, 100%, .702);
    border-left-color: var(--color, #ffffffb3);
    border-top-color: hsla(0, 0%, 100%, .702);
    border-top-color: var(--color, #ffffffb3);
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(var(--leftDeg, 0));
    transform: rotate(var(--leftDeg, 0))
}

.bili-circle-right-bar {
    border-bottom-color: hsla(0, 0%, 100%, .702);
    border-bottom-color: var(--color, #ffffffb3);
    border-right-color: hsla(0, 0%, 100%, .702);
    border-right-color: var(--color, #ffffffb3);
    right: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(var(--rightDeg, 0));
    transform: rotate(var(--rightDeg, 0))
}

.bili-circle svg {
    fill: hsla(0, 0%, 100%, .702);
    display: inline-block;
    height: 90%;
    pointer-events: none;
    position: absolute;
    width: 90%
}


.bili-cmd-shrink {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-cmd-shrink .bili-circle {
    left: 2px;
    top: 2px
}

.bili-cmd-shrink .bili-shrink-img {
    border-radius: 50%;
    height: 16px;
    padding: 5px;
    width: 16px
}


.bili-cmd-shrink {
    background-color: rgba(24, 25, 28, .8);
    border-radius: 20px;
    bottom: 71px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    left: 23px;
    line-height: 30px;
    padding: 0 10px 0 36px;
    pointer-events: all;
    position: absolute;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.bili-cmd-shrink.bili-hide {
    opacity: 0;
    visibility: hidden
}

.bili-dm svg {
    height: 100%;
    width: 100%
}

.bili-dm-emoji {
    height: 23px;
    height: var(--fontSize, 23px)
}

.bili-dm-inside {
    height: 100%;
    position: relative;
    width: 80%;
    z-index: 10
}

.bili-dm-rotate {
    bottom: -15%;
    left: -6%;
    pointer-events: none;
    position: absolute;
    right: -6%;
    top: -15%;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 4
}

.bili-line:after,
.bili-line:before {
    background: #858688;
    content: "";
    position: absolute;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    z-index: 100
}

.bili-line-horizontal:after,
.bili-line-horizontal:before {
    height: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    width: var(--width, 0)
}

.bili-line-horizontal:before {
    opacity: 0;
    opacity: var(--top-show, 0);
    top: 0;
    top: var(--top, 0)
}

.bili-line-horizontal:after {
    opacity: 0;
    opacity: var(--bottom-show, 0);
    top: 0;
    top: var(--bottom, 0)
}

.bili-line-vertical:after,
.bili-line-vertical:before {
    height: 0;
    height: var(--height, 0);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.bili-line-vertical:before {
    left: 0;
    left: var(--left, 0);
    opacity: 0;
    opacity: var(--left-show, 0)
}

.bili-line-vertical:after {
    left: 0;
    left: var(--right, 0);
    opacity: 0;
    opacity: var(--right-show, 0)
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL2RtLW1hZ2ljL3NyYy9tb2RlbC9iYXNlL2Fzc2V0cy9kbS1pbmRleC5sZXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQVdJLGtDQUFBLENBQ0Esa0JBQUEsQ0FOQSxXQUFBLENBRUEsVUFBQSxDQUxBLGNBQUEsQ0FXQSxtQkFBQSxDQUFBLG1CQUFBLENBQUEsWUFBQSxDQVBBLFdBQUEsQ0FGQSxTQUFBLENBS0EsZ0JBQUEsQ0FHQSxxQkFBQSxDQVRBLGtCQUFBLENBRkEsaUJBQUEsQ0FEQSxvQ0FBQSxDQUFBLDRCQUFBLENBUUEsK0JBQUEsQ0FBQSx1QkFNSixDQUFJLDJCQUNJLFNBQUEsQ0FDQSxpQkFFUixDQUNBLGFBR1EsV0FBQSxDQURBLFVBQ1IsQ0FHQSxlQUNJLFdBQUEsQ0FBQSwyQkFESixDQUlBLGdCQUdJLFdBQUEsQ0FGQSxpQkFBQSxDQUNBLFNBQUEsQ0FFQSxVQUZKLENBSUEsZ0JBS0ksV0FBQSxDQUZBLFFBQUEsQ0FHQSxtQkFBQSxDQUxBLGlCQUFBLENBR0EsU0FBQSxDQUZBLFFBQUEsQ0FLQSwrQkFBQSxDQUFBLHVCQUFBLENBQ0EsK0JBQUEsQ0FBQSx1QkFBQSxDQUNBLFNBRkosQ0FNSSxtQ0FJSSxrQkFBQSxDQURBLFVBQUEsQ0FEQSxpQkFBQSxDQUdBLDhCQUFBLENBQUEsc0JBQUEsQ0FDQSxXQUpSLENBUVEseURBR0ksVUFBQSxDQUNBLFFBQUEsQ0FDQSxrQ0FBQSxDQUFBLDBCQUFBLENBSEEsT0FBQSxDQUFBLG9CQUhaLENBUVEsNkJBRUksU0FBQSxDQUFBLHlCQUFBLENBREEsS0FBQSxDQUFBLGdCQUxaLENBUVEsNEJBRUksU0FBQSxDQUFBLDRCQUFBLENBREEsS0FBQSxDQUFBLG1CQUxaLENBV1EscURBR0ksUUFBQSxDQUFBLHNCQUFBLENBQ0EsT0FBQSxDQUNBLGtDQUFBLENBQUEsMEJBQUEsQ0FIQSxTQU5aLENBV1EsMkJBQ0ksTUFBQSxDQUFBLGtCQUFBLENBQ0EsU0FBQSxDQUFBLDBCQVRaLENBV1EsMEJBQ0ksTUFBQSxDQUFBLG1CQUFBLENBQ0EsU0FBQSxDQUFBLDJCQVRaIiwic291cmNlc0NvbnRlbnQiOlsiLmJpbGktY21kLXNocmluayB7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCBib3R0b207XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgIGxlZnQ6IDIzcHg7XG4gICAgYm90dG9tOiA3MXB4O1xuICAgIGhlaWdodDogMzBweDtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMzVzO1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjQsIDI1LCAyOCwgMC44KTtcbiAgICBib3JkZXItcmFkaXVzOiAyMHB4O1xuICAgIHBhZGRpbmc6IDAgMTBweCAwIDM2cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICAmLmJpbGktaGlkZSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICB9XG59XG4uYmlsaS1kbSB7XG4gICAgc3ZnIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG59XG4uYmlsaS1kbS1lbW9qaSB7XG4gICAgaGVpZ2h0OiB2YXIoLS1mb250U2l6ZSwgMjNweCk7XG59XG5cbi5iaWxpLWRtLWluc2lkZSB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiA4MCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHotaW5kZXg6IDEwO1xufVxuLmJpbGktZG0tcm90YXRlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAtMTUlO1xuICAgIGxlZnQ6IC02JTtcbiAgICByaWdodDogLTYlO1xuICAgIGJvdHRvbTogLTE1JTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxNWRlZyk7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyO1xuICAgIHotaW5kZXg6IDQ7XG59XG5cbi5iaWxpLWxpbmUge1xuICAgICY6YmVmb3JlLFxuICAgICY6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMTMzLCAxMzQsIDEzNik7XG4gICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC4ycztcbiAgICAgICAgei1pbmRleDogMTAwO1xuICAgIH1cblxuICAgICYtaG9yaXpvbnRhbCB7XG4gICAgICAgICY6YmVmb3JlLFxuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoLS13aWR0aCwgMCk7XG4gICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICAgICAgfVxuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB0b3A6IHZhcigtLXRvcCwgMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiB2YXIoLS10b3Atc2hvdywgMCk7XG4gICAgICAgIH1cbiAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICB0b3A6IHZhcigtLWJvdHRvbSwgMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiB2YXIoLS1ib3R0b20tc2hvdywgMCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLXZlcnRpY2FsIHtcbiAgICAgICAgJjpiZWZvcmUsXG4gICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKC0taGVpZ2h0LCAwKTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgICAgICB9XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGxlZnQ6IHZhcigtLWxlZnQsIDApO1xuICAgICAgICAgICAgb3BhY2l0eTogdmFyKC0tbGVmdC1zaG93LCAwKTtcbiAgICAgICAgfVxuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICAgIGxlZnQ6IHZhcigtLXJpZ2h0LCAwKTtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigtLXJpZ2h0LXNob3csIDApO1xuICAgICAgICB9XG4gICAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.bili-paused .bili-dm {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-dm {
    -webkit-touch-callout: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    color: var(--color, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--fontFamily);
    font-size: 25px;
    font-size: var(--fontSize, 25px);
    font-weight: 700;
    font-weight: var(--fontWeight, bold);
    line-height: 1.125;
    opacity: 0;
    -webkit-perspective: 500px;
    perspective: 500px;
    position: absolute;
    text-shadow: var(--textShadow);
    top: var(--top);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: pre;
    will-change: transform opacity
}

.bili-dm-back-image,
.bili-dm-front-image {
    display: inline-block;
    overflow: hidden
}

.bili-dm-text-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bili-dm-back-tail-image {
    background-image: var(--tailImage-url);
    display: inline-block;
    height: 30px;
    height: var(--tailImage-height, 30px);
    overflow: hidden;
    width: 30px;
    width: var(--tailImage-width, 30px)
}

.bili-dm.bili-show {
    opacity: 1;
    opacity: var(--opacity, 1)
}

.bili-dm.bili-show.bili-roll {
    -webkit-animation: roll linear var(--duration) forwards;
    animation: roll linear var(--duration) forwards
}

.bili-dm.bili-show.bili-reverse {
    -webkit-animation: roll-reverse linear var(--duration) forwards;
    animation: roll-reverse linear var(--duration) forwards
}

.bili-dm.bili-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    will-change: opacity
}

.bili-dm.bili-roll {
    left: var(--offset)
}

.bili-dm.bili-reverse {
    right: var(--offset)
}

.bili-dm.bili-paused {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-dm.bili-disable {
    opacity: 0;
    -webkit-transition: opacity .35s linear;
    transition: opacity .35s linear
}

.bili-dm.bili-liked {
    z-index: 2
}

.bili-dm.bili-liked .bili-liked-icon {
    opacity: 1
}

.bili-dm.bili-liked .bili-high-plus {
    -webkit-animation: tipsPlus 1.25s forwards;
    animation: tipsPlus 1.25s forwards
}

.bili-dm .bp-svgicon {
    display: inline-block;
    font-size: 0;
    -webkit-transition: fill .3s;
    transition: fill .3s;
    vertical-align: middle
}

.bili-dm .bp-svgicon,
.bili-dm .bp-svgicon svg {
    height: 100%;
    width: 100%
}

.bili-up {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 1em;
    line-height: 1.6;
    padding: 0 .5em 0 2.8em
}

.bili-up-tip {
    background: #00a1d6;
    border-radius: 1em;
    color: #fff;
    left: .66em;
    line-height: 1.5;
    padding: 0 .5em;
    position: absolute;
    text-shadow: none !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bili-actor {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 16px;
    padding: 4px 16px 3px 40px;
    z-index: 1
}

.bili-actor-img {
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 24px
}

.bili-actor-img>img {
    border: none;
    height: 100%;
    width: 100%
}

.bili-actor-tip {
    bottom: 2px;
    font-size: 0;
    height: 20px;
    left: 16px;
    position: absolute;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    width: 20px
}

.bili-actor-tip>svg {
    height: 100%;
    width: 100%
}

.bili-actor-tip.bili-up-text {
    background-color: #00a1d6;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    height: 16px;
    line-height: 1;
    padding: 2px 8px;
    text-shadow: none;
    top: 2px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: auto;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

.bili-icon,
.bili-liked-icon {
    vertical-align: bottom
}

.bili-liked-icon {
    display: inline-block;
    font-size: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.bili-liked-icon svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.bili-like {
    line-height: 1;
    padding: .6em;
    z-index: 2
}

.bili-like-icon {
    display: inline-block;
    font-size: 0;
    vertical-align: bottom
}

.bili-like-icon svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.bili-like-num {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0 8px 0 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    vertical-align: top
}

.bili-like:before {
    background-color: hsla(0, 0%, 100%, .5);
    border: 1px solid #fff;
    bottom: .2em;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: .2em;
    z-index: -1
}

.bili-high {
    line-height: 1;
    padding: .2em 0;
    z-index: 2
}

.bili-high.bili-high-top .bili-high-top-bg {
    height: 2em;
    left: 0;
    position: absolute;
    top: .1em;
    width: 100%
}

.bili-high.bili-high-reverse .bili-high-text {
    margin: 0 .2em 0 0
}

.bili-high.bili-high-reverse .bili-high-icon {
    margin-left: 2px
}

.bili-high-plus {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: -.5em;
    text-shadow: none;
    top: 0;
    z-index: 2
}

.bili-high-text {
    margin-left: .2em
}

.bili-high-icon {
    display: inline-block;
    font-size: 0;
    position: relative;
    vertical-align: bottom
}

.bili-high-icon-animate {
    display: inline-block;
    height: 106%;
    margin-top: -3%;
    width: 106%
}

.bili-high-icon .bp-svgicon {
    left: 0;
    position: absolute;
    top: 0
}

.bili-dm-animation {
    bottom: var(--sandB);
    left: var(--sandL);
    position: absolute;
    -webkit-transform: scale(var(--size));
    transform: scale(var(--size));
    -webkit-transform-origin: left;
    transform-origin: left;
    will-change: transform opacity
}

.bili-dm-animation>img+img {
    margin-left: -77px
}

.bili-dm-animation img {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.bili-dm-animation-text {
    display: inline-block;
    font-family: dmAnimationFont
}

.bili-upslogan {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    opacity: 1 !important;
    padding: 6px 12px
}

@-webkit-keyframes tipsPlus {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    52% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    70% {
        opacity: 1;
        -webkit-transform: translateY(-66%);
        transform: translateY(-66%)
    }

    90% {
        opacity: 1;
        -webkit-transform: translateY(-66%);
        transform: translateY(-66%)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%)
    }
}

@keyframes tipsPlus {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    52% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    70% {
        opacity: 1;
        -webkit-transform: translateY(-66%);
        transform: translateY(-66%)
    }

    90% {
        opacity: 1;
        -webkit-transform: translateY(-66%);
        transform: translateY(-66%)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%)
    }
}

@-webkit-keyframes roll {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(var(--translateX)) translateZ(0);
        transform: translateX(var(--translateX)) translateZ(0)
    }
}

@keyframes roll {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(var(--translateX)) translateZ(0);
        transform: translateX(var(--translateX)) translateZ(0)
    }
}

@-webkit-keyframes roll-reverse {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(calc(var(--translateX)*-1)) translateZ(0);
        transform: translateX(calc(var(--translateX)*-1)) translateZ(0)
    }
}

@keyframes roll-reverse {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(calc(var(--translateX)*-1)) translateZ(0);
        transform: translateX(calc(var(--translateX)*-1)) translateZ(0)
    }
}


.bili-creator .bili-link-icon {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) no-repeat;
    background-position: 50%;
    background-size: 40px
}

.bili-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(33, 33, 33, .8);
    border-radius: 10px 8px 8px 10px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 50px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 290px;
    z-index: 1
}

.bili-link-play {
    height: 16px;
    margin-left: 18.5px;
    width: 12px
}

.bili-link.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-link-left,
.bili-link-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.bili-link-center {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bili-link-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) no-repeat;
    background-position: 50%;
    background-size: 40px;
    border-radius: 8px 0 0 8px;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 90px
}

.bili-link-icon .bili-link-pic {
    border: none;
    width: 100%
}

.bili-link-icon .bili-link-time {
    background: rgba(0, 0, 0, .5);
    border-radius: 1px;
    bottom: 4px;
    padding: 2px;
    position: absolute;
    right: 4px
}

.bili-link-icon .bili-link-time-show {
    visibility: visible
}

.bili-link-msg {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: 17px;
    margin-left: 8px;
    max-height: 34px;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    width: 134px;
    word-break: break-all
}

.bili-link-line {
    background: hsla(0, 0%, 100%, .5);
    height: 36px;
    margin: 0 0 0 8px;
    width: 1px
}

.bili-link-watchlater {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 5px;
    margin-left: 5px
}

.bili-link-watchlater i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAACy0lEQVR42u1avatBYRy+k9HkH7BbrSab2WSTRRkNJoPZZDEZDAalGJRJSZlIGaQMFiUGWSghv9ujXv2Oe3C+D+e+z3SvvB/P+X08z/sePz8SEhISEhIStiAUClE8HqdsNkvFYpHK5TLl83lKJpMUjUbJ5/PRVxHChkGoXq/TarWidzgcDtTr9W4PIBAIfDbZdDpNy+WSjAJkEWG/3/9ZRJFq0+lUddPH45FmsxkNBgNqNpu3yHa7XZpMJrTdblXH7Ha7Wxp/BDmk1ul0+kOq3W5TKpV6W2N4OJVKRTWdO52OuzVaq9UUGzqfz7coBYNBMlK7hULhT1QRfSPzWU4OtRcOh01vBPWHFOZYLBbO1mUul1NsYDgcWt4BS6USXa/X+xqoYUfIxWKxWypycnbVCVKWA7VqO8H5fK5IS7u1q9Fo3Ne7XC6WlMHLjskbiq2LseaDRiMAU2DbQuv1+r4Q9Exr08hkMhSJRMhMWXBAWiwnmEgk7gvs93vNqYkaBdAwICFGUxpNRgAaKz6H1mJe09mESQTwt9ZxqBsO6BwiqmUs9E88EPhbPocgJzAajcwR5AKMaGod98x3IiI4aTwbh5SGN0XkobkoEWSOAMjx/3lUdQPh5+mpRxZemWtYOhyh1ObjDU2IPU/TzWaj8K6m3A6vP5hqPWO1nCIgPY+NA6TH47Hie/C8SHnufRFhPRn11rn0+33LCQqNq1arpOZouLF4hCXij0UEILx2EBTAmVLtxKF2zkQ2WeKi3CYo9LTVail6wasm9TUpqtYP8D1LXZQbTcZRuCETjsNpoXccRq0aP7TqtWqOwqjZFmJt1mzDuiGdbbu6MHtcMtP1QA71Km7aPHfg5Xeutt/NuH1lYbuceP7SyfPXhv/i4vcZSU9d3fPO6tmXL3yTnn19xuHZF6CPteTZV9hq4D9CQOv/+h8hSEhISEhISEg4il+X++U11OQu2gAAAABJRU5ErkJggg==);
    background-size: auto 100%;
    height: 26px;
    width: 26px
}

.bili-link-watchlater span {
    color: #fff;
    font-size: 10px;
    font-weight: 400
}

.bili-link-watchlater-active i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAwklEQVR42u3WsQrDIBCA4bymUwYnV984s4OLo+HKBQKBJKWRUvT6f+CQLT/GeNMEAAAAAEDHvPeSUpKcs4QQxFScBtVaZaeRZuOU7qTZOH3Wz9VsnInzRxxxxP1xXIxRSinb+sYLdLdzGrZb11U02NRnqVPEUWtkt2fOOXd6saeR3f9Q5nlujhzmb9kSOdxV8CRy2Hvuk8jhL/F3kWYmlLtIU+PXVaS52fIu0szgfBVpKu448SzLsi0NngAAAAAA+KEX4/gK2yfzXZoAAAAASUVORK5CYII=)
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL2RtLW1hZ2ljL3NyYy9tb2RlbC9saW5rL2Fzc2V0cy9pbmRleC5sZXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDhCQUVRLGlFQUFBLENBQ0EsdUJBQUEsQ0FDQSxvQkFBUixDQUdBLFdBRUksd0JBQUEsQ0FBQSxxQkFBQSxDQUFBLGtCQUFBLENBVUEsa0NBQUEsQ0FDQSwrQkFBQSxDQUZBLFVBQUEsQ0FJQSxjQUFBLENBZEEsbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBQUEsQ0FTQSxjQUFBLENBREEsV0FBQSxDQUxBLFFBQUEsQ0FBQSxvQkFBQSxDQWNBLFNBQUEsQ0FKQSxtQkFBQSxDQVhBLGlCQUFBLENBRUEsT0FBQSxDQUFBLGtCQUFBLENBQ0EsK0NBQUEsQ0FBQSx1Q0FBQSxDQUFBLDREQUFBLENBQUEsb0RBQUEsQ0FDQSwrQkFBQSxDQUFBLHVCQUFBLENBU0EsK0JBQUEsQ0FBQSx1QkFBQSxDQUlBLHdCQUFBLENBQUEscUJBQUEsQ0FBQSxvQkFBQSxDQUFBLGdCQUFBLENBREEsaUJBQUEsQ0FYQSxXQUFBLENBU0EsU0FFSixDQUVJLGdCQUVJLFdBQUEsQ0FDQSxrQkFBQSxDQUZBLFVBRVIsQ0FFSSxxQkFFSSxTQUFBLENBREEsa0JBQ1IsQ0FPSSxpQ0FFSSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsa0JBQUEsQ0FEQSxtQkFBQSxDQUFBLG1CQUFBLENBQUEsWUFBQSxDQUVBLFdBQVIsQ0FFSSxrQkFLSSxXQUFBLENBRkEsTUFBQSxDQUZBLGlCQUFBLENBQ0EsS0FBQSxDQUVBLFVBQ1IsQ0FFSSxnQkFNSSw0REFBQSxDQUNBLHVCQUFBLENBQ0Esb0JBQUEsQ0FKQSx5QkFBQSxDQUZBLFdBQUEsQ0FHQSxlQUFBLENBRkEsaUJBQUEsQ0FGQSxVQU9SLENBUkksK0JBV1EsV0FBQSxDQURBLFVBRVosQ0FaSSxnQ0FtQlEseUJBQUEsQ0FGQSxpQkFBQSxDQURBLFVBQUEsQ0FFQSxXQUFBLENBSkEsaUJBQUEsQ0FDQSxTQUtaLENBQVkscUNBQ0ksa0JBRWhCLENBRUksZUFXSSwyQkFBQSxDQUNBLG9CQUFBLENBRkEsbUJBQUEsQ0FQQSxnQkFBQSxDQUZBLGVBQUEsQ0FHQSxlQUFBLENBR0EsZUFBQSxDQUNBLG1CQUFBLENBRkEsc0JBQUEsQ0FHQSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsb0JBQUEsQ0FBQSxnQkFBQSxDQUpBLGtCQUFBLENBSEEsV0FBQSxDQVdBLG9CQUFSLENBRUksZ0JBSUksNkJBQUEsQ0FGQSxXQUFBLENBQ0EsZ0JBQUEsQ0FGQSxTQUdSLENBRUksc0JBRUksd0JBQUEsQ0FBQSxxQkFBQSxDQUNBLHVCQUFBLENBQUEsb0JBQUEsQ0FDQSwyQkFBQSxDQUFBLDRCQUFBLENBRkEsa0JBQUEsQ0FEQSxtQkFBQSxDQUFBLG1CQUFBLENBQUEsWUFBQSxDQUdBLHlCQUFBLENBQUEscUJBQUEsQ0FEQSxzQkFBQSxDQUdBLGlCQUFBLENBREEsZUFDUixDQU5JLHdCQVdRLHdEQUFBLENBREEseUJBQUEsQ0FEQSxXQUFBLENBREEsVUFJWixDQVpJLDJCQWNRLFVBQUEsQ0FDQSxjQUFBLENBQ0EsZUFDWixDQUdJLCtCQUVRLHdEQUZaIiwic291cmNlc0NvbnRlbnQiOlsiLmJpbGktY3JlYXRvciB7XG4gICAgLmJpbGktbGluay1pY29uIHtcbiAgICAgICAgYmFja2dyb3VuZDogI2ZmZiB1cmwoJy4vdHYucG5nJykgbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogNDBweDtcbiAgICB9XG59XG4uYmlsaS1saW5rIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IHZhcigtLWxlZnQsIDUwJSk7XG4gICAgdG9wOiB2YXIoLS10b3AsIDUwJSk7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSkgc2NhbGUodmFyKC0tc2NhbGUsIDEpKTtcbiAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7XG4gICAgd2lkdGg6IDI5MHB4O1xuICAgIGhlaWdodDogNTBweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMywgMzMsIDMzLCAwLjgpO1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHggOHB4IDhweCAxMHB4O1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMzVzO1xuICAgIHotaW5kZXg6IDE7XG4gICAgb3BhY2l0eTogMDtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgJi1wbGF5IHtcbiAgICAgICAgd2lkdGg6IDEycHg7XG4gICAgICAgIGhlaWdodDogMTZweDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDE4LjVweDtcbiAgICB9XG4gICAgJi5iaWxpLXNob3cge1xuICAgICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICAmLWxlZnQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuICAgICYtcmlnaHQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuICAgICYtY2VudGVyIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuICAgICYtaWNvbiB7XG4gICAgICAgIHdpZHRoOiA5MHB4O1xuICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4IDAgMCA4cHg7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIGJhY2tncm91bmQ6IHVybCgnLi90di5wbmcnKSBuby1yZXBlYXQ7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiA0MHB4O1xuICAgICAgICAuYmlsaS1saW5rLXBpYyB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICAuYmlsaS1saW5rLXRpbWUge1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgcmlnaHQ6IDRweDtcbiAgICAgICAgICAgIGJvdHRvbTogNHB4O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXB4O1xuICAgICAgICAgICAgcGFkZGluZzogMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjUpO1xuICAgICAgICAgICAgJi1zaG93IHtcbiAgICAgICAgICAgICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgICYtbXNnIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgICAgd2lkdGg6IDEzNHB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTdweDtcbiAgICAgICAgbWF4LWhlaWdodDogMzRweDtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgIH1cbiAgICAmLWxpbmUge1xuICAgICAgICB3aWR0aDogMXB4O1xuICAgICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICAgIG1hcmdpbjogMCAwIDAgOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gICAgfVxuICAgICYtd2F0Y2hsYXRlciB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBtYXJnaW4tbGVmdDogNXB4O1xuICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgIGkge1xuICAgICAgICAgICAgd2lkdGg6IDI2cHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IGF1dG8gMTAwJTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnLi4vYXNzZXRzL2xpbmtfd2F0Y2hsYXRlci5wbmcnKTtcbiAgICAgICAgfVxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMHB4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYtd2F0Y2hsYXRlci1hY3RpdmUge1xuICAgICAgICBpIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnLi4vYXNzZXRzL2xpbmtfYWN0aXZlLnBuZycpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


.bili-paused .bili-boom {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-boom {
    -webkit-animation: rollBoom var(--cubic) var(--duration) forwards;
    animation: rollBoom var(--cubic) var(--duration) forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    color: var(--color, #fff);
    font-size: 0;
    left: var(--left);
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0 5px #ff55f5;
    text-shadow: var(--textShadow);
    top: var(--top);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: scale(var(--scale));
    transform: scale(var(--scale));
    -webkit-transform-origin: left top;
    transform-origin: left top;
    white-space: nowrap;
    width: 58px;
    will-change: transform opacity;
    z-index: 1;
    z-index: var(--zIndex, 1)
}

.bili-boom.bili-boom-firework {
    font-weight: 200
}

.bili-boom.bili-boom-firework .bili-boom-fire {
    -webkit-transform: translateX(-50%) translateY(-40%) scale(2);
    transform: translateX(-50%) translateY(-40%) scale(2);
    width: 300%
}

.bili-boom.bili-boom-firework .bili-boom-center {
    margin-top: -15px
}

.bili-boom.bili-boom-firework .bili-boom-text {
    font-family: SimHei, KaiTi, STFangsong, Helvetica Neue, Sans-Serif
}

.bili-boom.bili-boom-firework .bili-boom-bg {
    top: 15px
}

.bili-boom.bili-boom-firework.bili-scale .bili-boom-body {
    -webkit-animation: fireScale .15s linear forwards;
    animation: fireScale .15s linear forwards
}

.bili-boom.bili-boom-firework.bili-boom-scale2 .bili-boom-fire {
    -webkit-transform: translateX(-50%) translateY(-40%) scale(2);
    transform: translateX(-50%) translateY(-40%) scale(2)
}

.bili-boom.bili-paused {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-boom.bili-show {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: var(--opacity)
}

.bili-boom.bili-opacity .bili-boom-center,
.bili-boom.bili-opacity .bili-boom-head,
.bili-boom.bili-opacity .bili-boom-tail,
.bili-boom.bili-opacity .bili-boom-text {
    opacity: 0;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.bili-boom.bili-middle .bili-boom-fire,
.bili-boom.bili-show-fire .bili-boom-fire2 {
    opacity: 1
}

.bili-boom-fire {
    -webkit-transform: translateX(-50%) translateY(-70%);
    transform: translateX(-50%) translateY(-70%)
}

.bili-boom-fire,
.bili-boom-fire2 {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 120%;
    z-index: 3
}

.bili-boom-fire2 {
    -webkit-transform: translateX(-50%) translateY(-20%);
    transform: translateX(-50%) translateY(-20%)
}

.bili-boom-head {
    top: 0;
    width: 100%;
    z-index: 2
}

.bili-boom-center {
    position: relative
}

.bili-boom-tail {
    width: 100%
}

.bili-boom-text {
    display: inline-table;
    font-family: SimHei, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    font-size: 22px;
    position: relative;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 2
}

.bili-boom-bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bili-boom-bg>img {
    height: 100%;
    width: 100%
}

@-webkit-keyframes rollBoom {
    0% {
        -webkit-transform: scale(var(--scale)) translateY(0) translateZ(0);
        transform: scale(var(--scale)) translateY(0) translateZ(0)
    }

    to {
        -webkit-transform: scale(var(--scale)) translateY(var(--translateY)) translateZ(0);
        transform: scale(var(--scale)) translateY(var(--translateY)) translateZ(0)
    }
}

@keyframes rollBoom {
    0% {
        -webkit-transform: scale(var(--scale)) translateY(0) translateZ(0);
        transform: scale(var(--scale)) translateY(0) translateZ(0)
    }

    to {
        -webkit-transform: scale(var(--scale)) translateY(var(--translateY)) translateZ(0);
        transform: scale(var(--scale)) translateY(var(--translateY)) translateZ(0)
    }
}

@-webkit-keyframes fireScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes fireScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL2RtLW1hZ2ljL3NyYy9tb2RlbC9ib29tL2Fzc2V0cy9pbmRleC5sZXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUNJLDZDQUFBLENBQUEscUNBQ0osQ0FDQSxXQWtCSSxnRUFBQSxDQUFBLHdEQUFBLENBQ0EsbUNBQUEsQ0FBQSwyQkFBQSxDQWpCQSw2QkFBQSxDQUFBLHFCQUFBLENBYUEsVUFBQSxDQUFBLHVCQUFBLENBWEEsV0FBQSxDQVNBLGdCQUFBLENBRkEsU0FBQSxDQVZBLGlCQUFBLENBS0EsaUJBQUEsQ0FEQSw2QkFBQSxDQVlBLDZCQUFBLENBTEEsY0FBQSxDQUZBLCtCQUFBLENBQUEsdUJBQUEsQ0FNQSxxQ0FBQSxDQUFBLDZCQUFBLENBUEEsaUNBQUEsQ0FBQSx5QkFBQSxDQUZBLGtCQUFBLENBSkEsVUFBQSxDQUtBLDZCQUFBLENBTUEsU0FBQSxDQUFBLHVCQU1KLENBQ0ksOEJBQ0ksZUFDUixDQUZJLDhDQUdRLDREQUFBLENBQUEsb0RBQUEsQ0FDQSxVQUVaLENBTkksZ0RBT1EsZ0JBRVosQ0FUSSw4Q0FVUSw2REFFWixDQVpJLDRDQWFRLFFBRVosQ0FBUSx5REFFUSxnREFBQSxDQUFBLHdDQUNoQixDQUVRLCtEQUVRLDREQUFBLENBQUEsb0RBRGhCLENBS0ksdUJBQ0ksNkNBQUEsQ0FBQSxxQ0FIUixDQUtJLHFCQUVJLG9DQUFBLENBQUEsNEJBQUEsQ0FEQSxzQkFGUixDQUtJLGtLQU1RLFNBQUEsQ0FEQSw4QkFBQSxDQUFBLHNCQUhaLENBWUksa0ZBRVEsU0FSWixDQVlJLGdCQU1JLG1EQUFBLENBQUEsMkNBVFIsQ0FZSSxpQ0FOSSxRQUFBLENBRkEsU0FBQSxDQUNBLGlCQUFBLENBRUEsS0FBQSxDQUNBLFVBQUEsQ0FFQSxTQURSLENBR0ksaUJBTUksbURBQUEsQ0FBQSwyQ0FUUixDQWFJLGdCQUNJLEtBQUEsQ0FFQSxVQUFBLENBREEsU0FWUixDQWFJLGtCQUNJLGlCQVhSLENBYUksZ0JBQ0ksVUFYUixDQWNJLGdCQUlJLG9CQUFBLENBRUEsZ0VBQUEsQ0FIQSxjQUFBLENBRkEsaUJBQUEsQ0FJQSxnQ0FBQSxDQUFBLHNCQUFBLENBQUEsd0JBQUEsQ0FIQSxTQVJSLENBY0ksY0FHSSxRQUFBLENBQ0EsTUFBQSxDQUhBLGlCQUFBLENBSUEsT0FBQSxDQUhBLEtBVFIsQ0FhUSxrQkFFSSxXQUFBLENBREEsVUFWWixDQWdCQSw0QkFDSSxHQUNJLGlFQUFBLENBQUEseURBZE4sQ0FnQkUsR0FDSSxpRkFBQSxDQUFBLHlFQWROLENBQ0YsQ0FRQSxvQkFDSSxHQUNJLGlFQUFBLENBQUEseURBZE4sQ0FnQkUsR0FDSSxpRkFBQSxDQUFBLHlFQWROLENBQ0YsQ0FnQkEsNkJBQ0ksR0FFSSxTQUFBLENBREEsMEJBQUEsQ0FBQSxrQkFiTixDQWdCRSxHQUVJLFNBQUEsQ0FEQSw0QkFBQSxDQUFBLG9CQWJOLENBQ0YsQ0FNQSxxQkFDSSxHQUVJLFNBQUEsQ0FEQSwwQkFBQSxDQUFBLGtCQWJOLENBZ0JFLEdBRUksU0FBQSxDQURBLDRCQUFBLENBQUEsb0JBYk4sQ0FDRiIsInNvdXJjZXNDb250ZW50IjpbIi5iaWxpLXBhdXNlZCAuYmlsaS1ib29tIHtcbiAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcGF1c2VkICFpbXBvcnRhbnQ7XG59XG4uYmlsaS1ib29tIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB3aWR0aDogNThweDtcbiAgICBmb250LXNpemU6IDA7XG4gICAgdGV4dC1zaGFkb3c6IDFweCAwIDVweCAjZmY1NWY1O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm0gb3BhY2l0eTtcbiAgICB0cmFuc2Zvcm0tb3JpZ2luOiBsZWZ0IHRvcDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IHZhcigtLXRvcCk7XG4gICAgbGVmdDogdmFyKC0tbGVmdCk7XG4gICAgei1pbmRleDogdmFyKC0tekluZGV4LCAxKTtcbiAgICBjb2xvcjogdmFyKC0tY29sb3IsICNmZmYpO1xuICAgIHRyYW5zZm9ybTogc2NhbGUodmFyKC0tc2NhbGUpKTtcbiAgICB0ZXh0LXNoYWRvdzogdmFyKC0tdGV4dFNoYWRvdyk7XG4gICAgYW5pbWF0aW9uOiByb2xsQm9vbSB2YXIoLS1jdWJpYykgdmFyKC0tZHVyYXRpb24pIGZvcndhcmRzO1xuICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBwYXVzZWQ7XG4gICAgLy8g54Of6Iqx54m55q6K5qC35byPXG4gICAgJi5iaWxpLWJvb20tZmlyZXdvcmsge1xuICAgICAgICBmb250LXdlaWdodDogMjAwO1xuICAgICAgICAuYmlsaS1ib29tLWZpcmUge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTQwJSkgc2NhbGUoMik7XG4gICAgICAgICAgICB3aWR0aDogMzAwJTtcbiAgICAgICAgfVxuICAgICAgICAuYmlsaS1ib29tLWNlbnRlciB7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtMTVweDtcbiAgICAgICAgfVxuICAgICAgICAuYmlsaS1ib29tLXRleHQge1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFNpbUhlaSwgS2FpVGksIFNURmFuZ3NvbmcsIEhlbHZldGljYSBOZXVlLCBTYW5zLVNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5iaWxpLWJvb20tYmcge1xuICAgICAgICAgICAgdG9wOiAxNXB4O1xuICAgICAgICB9XG4gICAgICAgICYuYmlsaS1zY2FsZSB7XG4gICAgICAgICAgICAuYmlsaS1ib29tLWJvZHkge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogZmlyZVNjYWxlIDAuMTVzIGxpbmVhciBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAmLmJpbGktYm9vbS1zY2FsZTIge1xuICAgICAgICAgICAgLmJpbGktYm9vbS1maXJlIHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNDAlKSBzY2FsZSgyKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICAmLmJpbGktcGF1c2VkIHtcbiAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHBhdXNlZCAhaW1wb3J0YW50O1xuICAgIH1cbiAgICAmLmJpbGktc2hvdyB7XG4gICAgICAgIG9wYWNpdHk6IHZhcigtLW9wYWNpdHkpO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICB9XG4gICAgJi5iaWxpLW9wYWNpdHkge1xuICAgICAgICAuYmlsaS1ib29tLWhlYWQsXG4gICAgICAgIC5iaWxpLWJvb20tdGV4dCxcbiAgICAgICAgLmJpbGktYm9vbS1jZW50ZXIsXG4gICAgICAgIC5iaWxpLWJvb20tdGFpbCB7XG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuOHM7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuICAgICYuYmlsaS1taWRkbGUge1xuICAgICAgICAuYmlsaS1ib29tLWZpcmUge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAmLmJpbGktc2hvdy1maXJlIHtcbiAgICAgICAgLmJpbGktYm9vbS1maXJlMiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi1maXJlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgd2lkdGg6IDEyMCU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC03MCUpO1xuICAgICAgICB6LWluZGV4OiAzO1xuICAgIH1cbiAgICAmLWZpcmUyIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgd2lkdGg6IDEyMCU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC0yMCUpO1xuICAgICAgICB6LWluZGV4OiAzO1xuICAgIH1cblxuICAgICYtaGVhZCB7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICAgICYtY2VudGVyIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgICAmLXRhaWwge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmLXRleHQge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHotaW5kZXg6IDI7XG4gICAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLXRhYmxlO1xuICAgICAgICB3cml0aW5nLW1vZGU6IHZlcnRpY2FsLXJsO1xuICAgICAgICBmb250LWZhbWlseTogU2ltSGVpLCAnTWljcm9zb2Z0IEpoZW5nSGVpJywgQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICB9XG4gICAgJi1iZyB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAmID4gaW1nIHtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5Aa2V5ZnJhbWVzIHJvbGxCb29tIHtcbiAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUodmFyKC0tc2NhbGUpKSB0cmFuc2xhdGVZKDApIHRyYW5zbGF0ZVooMCk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKHZhcigtLXNjYWxlKSkgdHJhbnNsYXRlWSh2YXIoLS10cmFuc2xhdGVZKSkgdHJhbnNsYXRlWigwKTtcbiAgICB9XG59XG5Aa2V5ZnJhbWVzIGZpcmVTY2FsZSB7XG4gICAgMCUge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjIpO1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */


.bili-paused .bili-springdm {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-springdm {
    -webkit-animation: springRoll linear var(--duration) forwards;
    animation: springRoll linear var(--duration) forwards;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    color: var(--color, #fff);
    font-size: var(--fontsize);
    left: var(--offset);
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0 5px #ff55f5;
    text-shadow: var(--textShadow);
    top: var(--top);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: var(--zIndex)
}

.bili-springdm.bili-show {
    opacity: 1;
    opacity: var(--opacity, 1)
}

.bili-springdm.bili-middle .bili-springdm-fire {
    opacity: 1
}

.bili-springdm-body {
    display: inline-table;
    line-height: 1;
    padding: 1.3em 1.5em 1em 5.2em;
    position: relative;
    z-index: 2
}

.bili-springdm-fire {
    height: 200%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-10%) translateY(-50%);
    transform: translateX(-10%) translateY(-50%);
    z-index: 3
}

.bili-springdm-bg {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.bili-springdm-head {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%
}

.bili-springdm-center {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 100%
}

.bili-springdm-tail {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%
}

.bili-springdm-text {
    font-family: SimHei, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    position: relative;
    -webkit-transform-origin: left;
    transform-origin: left;
    z-index: 2
}

@-webkit-keyframes springRoll {
    0% {
        -webkit-transform: scale(var(--scale)) translateX(0) translateZ(0);
        transform: scale(var(--scale)) translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: scale(var(--scale)) translateX(var(--translateX)) translateZ(0);
        transform: scale(var(--scale)) translateX(var(--translateX)) translateZ(0)
    }
}

@keyframes springRoll {
    0% {
        -webkit-transform: scale(var(--scale)) translateX(0) translateZ(0);
        transform: scale(var(--scale)) translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: scale(var(--scale)) translateX(var(--translateX)) translateZ(0);
        transform: scale(var(--scale)) translateX(var(--translateX)) translateZ(0)
    }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL2RtLW1hZ2ljL3NyYy9tb2RlbC9zcHJpbmcvYXNzZXRzL2luZGV4Lmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEJBQ0ksNkNBQUEsQ0FBQSxxQ0FDSixDQUVBLGVBZUksNERBQUEsQ0FBQSxvREFBQSxDQWJBLDZCQUFBLENBQUEscUJBQUEsQ0FDQSxVQUFBLENBUUEsdUJBQUEsQ0FEQSx5QkFBQSxDQURBLGtCQUFBLENBT0EsU0FBQSxDQWZBLGlCQUFBLENBSUEsaUJBQUEsQ0FEQSw2QkFBQSxDQVFBLDZCQUFBLENBSkEsY0FBQSxDQUtBLCtCQUFBLENBQUEsdUJBQUEsQ0FOQSxpQ0FBQSxDQUFBLHlCQUFBLENBVUEsd0JBQUEsQ0FBQSxxQkFBQSxDQUFBLG9CQUFBLENBQUEsZ0JBQUEsQ0FYQSxrQkFBQSxDQVFBLHFCQUdKLENBQ0kseUJBQ0ksU0FBQSxDQUFBLHdCQUNSLENBQ0ksK0NBRVEsU0FBWixDQUlJLG9CQUtJLG9CQUFBLENBREEsYUFBQSxDQURBLDZCQUFBLENBRkEsaUJBQUEsQ0FDQSxTQUNSLENBSUksb0JBS0ksV0FBQSxDQUZBLE1BQUEsQ0FGQSxTQUFBLENBQ0EsaUJBQUEsQ0FFQSxPQUFBLENBRUEsbURBQUEsQ0FBQSwyQ0FBQSxDQUNBLFNBRlIsQ0FLSSxrQkFJSSxRQUFBLENBSUEsbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBQUEsQ0FDQSxXQUFBLENBSkEsTUFBQSxDQUhBLGlCQUFBLENBSUEsT0FBQSxDQUhBLEtBQUEsQ0FJQSxTQUZSLENBTUksb0JBRUksa0JBQUEsQ0FBQSxhQUFBLENBQUEsU0FBQSxDQURBLFdBSFIsQ0FNSSxzQkFDSSxrQkFBQSxDQUFBLGFBQUEsQ0FBQSxTQUFBLENBQ0EsV0FKUixDQU1JLG9CQUNJLGtCQUFBLENBQUEsYUFBQSxDQUFBLFNBQUEsQ0FDQSxXQUpSLENBT0ksb0JBS0ksZ0VBQUEsQ0FKQSxpQkFBQSxDQUdBLDZCQUFBLENBQUEscUJBQUEsQ0FGQSxTQUhSLENBVUEsOEJBQ0ksR0FDSSxpRUFBQSxDQUFBLHlEQVJOLENBVUUsR0FDSSxpRkFBQSxDQUFBLHlFQVJOLENBQ0YsQ0FFQSxzQkFDSSxHQUNJLGlFQUFBLENBQUEseURBUk4sQ0FVRSxHQUNJLGlGQUFBLENBQUEseUVBUk4sQ0FDRiIsInNvdXJjZXNDb250ZW50IjpbIi5iaWxpLXBhdXNlZCAuYmlsaS1zcHJpbmdkbSB7XG4gICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHBhdXNlZCAhaW1wb3J0YW50O1xufVxuXG4uYmlsaS1zcHJpbmdkbSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgdGV4dC1zaGFkb3c6IDFweCAwIDVweCAjZmY1NWY1O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgdG9wO1xuICAgIHRvcDogdmFyKC0tdG9wKTtcbiAgICBsZWZ0OiB2YXIoLS1vZmZzZXQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udHNpemUpO1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvciwgI2ZmZik7XG4gICAgdGV4dC1zaGFkb3c6IHZhcigtLXRleHRTaGFkb3cpO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTtcbiAgICB6LWluZGV4OiB2YXIoLS16SW5kZXgpO1xuICAgIGFuaW1hdGlvbjogc3ByaW5nUm9sbCBsaW5lYXIgdmFyKC0tZHVyYXRpb24pIGZvcndhcmRzO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgJi5iaWxpLXNob3cge1xuICAgICAgICBvcGFjaXR5OiB2YXIoLS1vcGFjaXR5LCAxKTtcbiAgICB9XG4gICAgJi5iaWxpLW1pZGRsZSB7XG4gICAgICAgIC5iaWxpLXNwcmluZ2RtLWZpcmUge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYtYm9keSB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgcGFkZGluZzogMS4zZW0gMS41ZW0gMWVtIDUuMmVtO1xuICAgICAgICBsaW5lLWhlaWdodDogMTtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLXRhYmxlO1xuICAgIH1cbiAgICAmLWZpcmUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHRvcDogNTAlO1xuICAgICAgICBoZWlnaHQ6IDIwMCU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAlKSB0cmFuc2xhdGVZKC01MCUpO1xuICAgICAgICB6LWluZGV4OiAzO1xuICAgIH1cblxuICAgICYtYmcge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB6LWluZGV4OiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmb250LXNpemU6IDA7XG4gICAgfVxuICAgICYtaGVhZCB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgZmxleDogbm9uZTtcbiAgICB9XG4gICAgJi1jZW50ZXIge1xuICAgICAgICBmbGV4OiBhdXRvO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuICAgICYtdGFpbCB7XG4gICAgICAgIGZsZXg6IG5vbmU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAmLXRleHQge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHotaW5kZXg6IDI7XG4gICAgICAgIC8vIHRyYW5zZm9ybTogc2NhbGUoMC43KTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdDtcbiAgICAgICAgZm9udC1mYW1pbHk6IFNpbUhlaSwgJ01pY3Jvc29mdCBKaGVuZ0hlaScsIEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNwcmluZ1JvbGwge1xuICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1zY2FsZSkpIHRyYW5zbGF0ZVgoMCkgdHJhbnNsYXRlWigwKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUodmFyKC0tc2NhbGUpKSB0cmFuc2xhdGVYKHZhcigtLXRyYW5zbGF0ZVgpKSB0cmFuc2xhdGVaKDApO1xuICAgIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */


.bili-paused .bili-cross {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-cross {
    -webkit-animation: crossRoll linear var(--duration) forwards;
    animation: crossRoll linear var(--duration) forwards;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    color: var(--color, #fff);
    font-size: var(--fontsize);
    left: var(--offset);
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0 5px #ff55f5;
    text-shadow: var(--textShadow);
    top: var(--top);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    white-space: nowrap;
    z-index: var(--zIndex)
}

.bili-cross.bili-show {
    opacity: 1;
    opacity: var(--opacity, 1)
}

.bili-cross.bili-middle .bili-cross-fire {
    opacity: 1
}

.bili-cross-body {
    display: inline-table;
    line-height: 1;
    padding: 1.3em 1.5em 1em 5.2em;
    position: relative;
    z-index: 2
}

.bili-cross-fire {
    height: 200%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-10%) translateY(-50%);
    transform: translateX(-10%) translateY(-50%);
    z-index: 3
}

.bili-cross-bg {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.bili-cross-head {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%
}

.bili-cross-center {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 100%
}

.bili-cross-tail {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%
}

.bili-cross-text {
    font-family: SimHei, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    position: relative;
    -webkit-transform-origin: left;
    transform-origin: left;
    z-index: 2
}

@-webkit-keyframes crossRoll {
    0% {
        -webkit-transform: scale(var(--scale)) translateX(0) translateZ(0);
        transform: scale(var(--scale)) translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: scale(var(--scale)) translateX(var(--translateX)) translateZ(0);
        transform: scale(var(--scale)) translateX(var(--translateX)) translateZ(0)
    }
}

@keyframes crossRoll {
    0% {
        -webkit-transform: scale(var(--scale)) translateX(0) translateZ(0);
        transform: scale(var(--scale)) translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: scale(var(--scale)) translateX(var(--translateX)) translateZ(0);
        transform: scale(var(--scale)) translateX(var(--translateX)) translateZ(0)
    }
}


.bili-paused .bili-boom {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-combo {
    bottom: 0;
    display: none;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 4
}

.bili-combo.bili-show {
    display: block
}

.bili-combo.bili-show-text .bili-combo-wrap {
    opacity: 1
}

.bili-combo.bili-first {
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.bili-combo.bili-sec {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.bili-combo.bili-four {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.bili-combo.bili-million {
    top: 30%
}

.bili-combo.bili-million .bili-combo-wrap {
    margin-top: 33px;
    width: 222px
}

.bili-combo-bg {
    position: absolute
}

.bili-combo-bg-img {
    width: 240px
}

.bili-combo-wrap {
    color: #fed1a9;
    font-size: 19px;
    font-style: italic;
    font-weight: bolder;
    line-height: 32px;
    margin-top: 27px;
    opacity: 0;
    position: absolute;
    text-align: right;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    width: 208px
}

.bili-combo-wrap.bili-animate {
    -webkit-animation: comboNum .46s forwards;
    animation: comboNum .46s forwards
}

.bili-combo-text {
    color: #fed1a9;
    color: var(--color, #fed1a9);
    height: 32px
}

.bili-combo-num {
    font-size: 0;
    margin-right: 4px;
    position: relative;
    white-space: nowrap
}

.bili-combo-num-text {
    bottom: 0;
    display: none;
    font-size: 19px;
    font-style: italic;
    font-weight: bolder;
    left: 0;
    line-height: 30px;
    position: absolute;
    right: 20px;
    top: 0
}

.bili-combo-num-text.bili-show {
    display: block
}

.bili-combo-num>img {
    width: 25px
}

.bili-combo-num>img.bili-hide {
    display: none
}

.bili-combo-fire {
    left: 0;
    position: absolute;
    top: 0
}

@-webkit-keyframes comboNum {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    28% {
        -webkit-transform: scale(.86);
        transform: scale(.86)
    }

    56% {
        -webkit-transform: scale(1.26);
        transform: scale(1.26)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes comboNum {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    28% {
        -webkit-transform: scale(.86);
        transform: scale(.86)
    }

    56% {
        -webkit-transform: scale(1.26);
        transform: scale(1.26)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL2RtLW1hZ2ljL3NyYy9tb2RlbC9jb21iby9hc3NldHMvaW5kZXgubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx3QkFDSSw2Q0FBQSxDQUFBLHFDQUNKLENBQ0EsWUFNSSxRQUFBLENBTEEsWUFBQSxDQUdBLE1BQUEsQ0FHQSxtQkFBQSxDQUxBLGlCQUFBLENBR0EsT0FBQSxDQUZBLEtBQUEsQ0FLQSxpQ0FBQSxDQUFBLHlCQUFBLENBQ0Esd0JBQUEsQ0FBQSxxQkFBQSxDQUFBLG9CQUFBLENBQUEsZ0JBQUEsQ0FDQSxTQUNKLENBQUksc0JBQ0ksYUFFUixDQUFJLDRDQUVRLFNBQ1osQ0FFSSx1QkFDSSwyQkFBQSxDQUFBLG1CQUFSLENBRUkscUJBQ0ksMkJBQUEsQ0FBQSxtQkFBUixDQUVJLHNCQUNJLDRCQUFBLENBQUEsb0JBQVIsQ0FFSSx5QkFDSSxPQUFSLENBREksMENBSVEsZUFBQSxDQURBLFdBRVosQ0FFSSxlQUNJLGlCQUFSLENBQ1EsbUJBQ0ksV0FDWixDQUVJLGlCQVNJLGFBQUEsQ0FDQSxjQUFBLENBRkEsaUJBQUEsQ0FEQSxrQkFBQSxDQUlBLGdCQUFBLENBUEEsZUFBQSxDQUZBLFNBQUEsQ0FEQSxpQkFBQSxDQUtBLGdCQUFBLENBTUEscUNBQUEsQ0FBQSw2QkFBQSxDQVRBLCtCQUFBLENBQUEsdUJBQUEsQ0FFQSxXQU9SLENBRVEsOEJBQ0ksd0NBQUEsQ0FBQSxnQ0FBWixDQUdJLGlCQUVJLGFBQUEsQ0FBQSwwQkFBQSxDQURBLFdBQVIsQ0FHSSxnQkFFSSxXQUFBLENBQ0EsZ0JBQUEsQ0FGQSxpQkFBQSxDQUdBLGtCQURSLENBR1EscUJBTUksUUFBQSxDQUpBLFlBQUEsQ0FLQSxjQUFBLENBR0EsaUJBQUEsQ0FEQSxrQkFBQSxDQUxBLE1BQUEsQ0FJQSxnQkFBQSxDQVBBLGlCQUFBLENBSUEsVUFBQSxDQUZBLEtBTVosQ0FFWSwrQkFDSSxhQUFoQixDQUlRLG9CQUNJLFVBRlosQ0FHWSw4QkFDSSxZQURoQixDQUtJLGlCQUdJLE1BQUEsQ0FGQSxpQkFBQSxDQUNBLEtBRlIsQ0FPQSw0QkFDSSxHQUNJLDBCQUFBLENBQUEsa0JBTE4sQ0FPRSxJQUNJLDRCQUFBLENBQUEsb0JBTE4sQ0FPRSxJQUNJLDZCQUFBLENBQUEscUJBTE4sQ0FPRSxHQUNJLDBCQUFBLENBQUEsa0JBTE4sQ0FDRixDQVBBLG9CQUNJLEdBQ0ksMEJBQUEsQ0FBQSxrQkFMTixDQU9FLElBQ0ksNEJBQUEsQ0FBQSxvQkFMTixDQU9FLElBQ0ksNkJBQUEsQ0FBQSxxQkFMTixDQU9FLEdBQ0ksMEJBQUEsQ0FBQSxrQkFMTixDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLmJpbGktcGF1c2VkIC5iaWxpLWJvb20ge1xuICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBwYXVzZWQgIWltcG9ydGFudDtcbn1cbi5iaWxpLWNvbWJvIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCB0b3A7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogNDtcbiAgICAmLmJpbGktc2hvdyB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbiAgICAmLmJpbGktc2hvdy10ZXh0IHtcbiAgICAgICAgLmJpbGktY29tYm8td3JhcCB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuICAgICYuYmlsaS1maXJzdCB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC42KTtcbiAgICB9XG4gICAgJi5iaWxpLXNlYyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC44KTtcbiAgICB9XG4gICAgJi5iaWxpLWZvdXIge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG4gICAgfVxuICAgICYuYmlsaS1taWxsaW9uIHtcbiAgICAgICAgdG9wOiAzMCU7XG4gICAgICAgIC5iaWxpLWNvbWJvLXdyYXAge1xuICAgICAgICAgICAgd2lkdGg6IDIyMnB4O1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogMzNweDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAmLWJnIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAmLWltZyB7XG4gICAgICAgICAgICB3aWR0aDogMjQwcHg7XG4gICAgICAgIH1cbiAgICB9XG4gICAgJi13cmFwIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDI1MG1zO1xuICAgICAgICBtYXJnaW4tdG9wOiAyN3B4O1xuICAgICAgICB3aWR0aDogMjA4cHg7XG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICBmb250LXdlaWdodDogYm9sZGVyO1xuICAgICAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gICAgICAgIGNvbG9yOiAjZmVkMWE5O1xuICAgICAgICBmb250LXNpemU6IDE5cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiByaWdodCBjZW50ZXI7XG5cbiAgICAgICAgJi5iaWxpLWFuaW1hdGUge1xuICAgICAgICAgICAgYW5pbWF0aW9uOiBjb21ib051bSA0NjBtcyBmb3J3YXJkcztcbiAgICAgICAgfVxuICAgIH1cbiAgICAmLXRleHQge1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1jb2xvciwgI2ZlZDFhOSk7XG4gICAgfVxuICAgICYtbnVtIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBmb250LXNpemU6IDA7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICAgICAgICYtdGV4dCB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxOXB4O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgICAgICAgICBmb250LXdlaWdodDogYm9sZGVyO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogaXRhbGljO1xuICAgICAgICAgICAgJi5iaWxpLXNob3cge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJiA+IGltZyB7XG4gICAgICAgICAgICB3aWR0aDogMjVweDtcbiAgICAgICAgICAgICYuYmlsaS1oaWRlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgICYtZmlyZSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgIH1cbn1cblxuQGtleWZyYW1lcyBjb21ib051bSB7XG4gICAgMCUge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgIH1cbiAgICAyOCUge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDAuODYpO1xuICAgIH1cbiAgICA1NiUge1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMjYpO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICB9XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */


.bili-paused .bili-pk {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-pk {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    color: var(--color, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--fontFamily);
    font-size: 16px;
    height: 40px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px #777, 1px 0 #777, -1px 0 #777, 0 -1px #777;
    top: var(--top);
    visibility: hidden;
    white-space: nowrap;
    z-index: 2
}

.bili-pk.bili-middle .bili-pk-fire {
    opacity: 1
}

.bili-pk.bili-pk-paused {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-pk.bili-pk-paused .bili-pk-item {
    opacity: 0
}

.bili-pk.bili-pk-roll {
    -webkit-animation: pk2left linear var(--duration) forwards;
    animation: pk2left linear var(--duration) forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    left: var(--offset)
}

.bili-pk.bili-pk-roll .bili-pk-fire {
    left: 0
}

.bili-pk.bili-pk-reverse {
    -webkit-animation: pk2right linear var(--duration) forwards;
    animation: pk2right linear var(--duration) forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    right: var(--offset)
}

.bili-pk.bili-pk-reverse .bili-pk-center,
.bili-pk.bili-pk-reverse .bili-pk-item {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bili-pk.bili-pk-reverse .bili-pk-center .bili-pk-bg,
.bili-pk.bili-pk-reverse .bili-pk-item .bili-pk-bg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.bili-pk.bili-pk-reverse .bili-pk-fire {
    right: -81px
}

.bili-pk.bili-show {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
    opacity: var(--opacity, 1);
    visibility: visible
}

.bili-pk-fire {
    height: 80px !important;
    opacity: 0;
    position: absolute;
    top: 30px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 80px !important;
    z-index: 3
}

.bili-pk-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.bili-pk-item>img {
    height: 100%
}

.bili-pk-item .bili-pk-head {
    -webkit-transform: scaleX(-1) translateX(-.5px);
    transform: scaleX(-1) translateX(-.5px)
}

.bili-pk-item .bili-pk-center {
    height: 100%;
    position: relative
}

.bili-pk-item .bili-pk-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    z-index: 10
}

.bili-pk-item .bili-pk-bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    z-index: -1
}

.bili-pk-item .bili-pk-bg>img {
    height: 100%;
    width: 100%
}

.bili-pk-item .bili-pk-tail {
    -webkit-transform: scaleX(-1) translateX(.5px);
    transform: scaleX(-1) translateX(.5px);
    width: auto
}

@-webkit-keyframes pk2left {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(var(--translateX)) translateZ(0);
        transform: translateX(var(--translateX)) translateZ(0)
    }
}

@keyframes pk2left {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(var(--translateX)) translateZ(0);
        transform: translateX(var(--translateX)) translateZ(0)
    }
}

@-webkit-keyframes pk2right {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(calc(var(--translateX)*-1)) translateZ(0);
        transform: translateX(calc(var(--translateX)*-1)) translateZ(0)
    }
}

@keyframes pk2right {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(calc(var(--translateX)*-1)) translateZ(0);
        transform: translateX(calc(var(--translateX)*-1)) translateZ(0)
    }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL2RtLW1hZ2ljL3NyYy9tb2RlbC9way9hc3NldHMvaW5kZXgubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxzQkFDSSw2Q0FBQSxDQUFBLHFDQUNKLENBQ0EsU0FZSSx1QkFBQSxDQUFBLG9CQUFBLENBVEEsNkJBQUEsQ0FBQSxxQkFBQSxDQUdBLFVBQUEsQ0FBQSx1QkFBQSxDQUpBLG1CQUFBLENBQUEsbUJBQUEsQ0FBQSxZQUFBLENBTUEsNkJBQUEsQ0FKQSxjQUFBLENBQ0EsV0FBQSxDQU9BLHNCQUFBLENBR0EsU0FBQSxDQWRBLGlCQUFBLENBU0EsaUJBQUEsQ0FEQSx5REFBQSxDQUZBLGNBQUEsQ0FTQSxpQkFBQSxDQUxBLGtCQUFBLENBRUEsU0FHSixDQUVJLG1DQUVRLFNBRFosQ0FJSSx3QkFDSSw2Q0FBQSxDQUFBLHFDQUZSLENBQ0ksc0NBR1EsU0FEWixDQUlJLHNCQUVJLHlEQUFBLENBQUEsaURBQUEsQ0FDQSxtQ0FBQSxDQUFBLDJCQUFBLENBRkEsa0JBQVIsQ0FESSxvQ0FNUSxNQUZaLENBS0kseUJBRUksMERBQUEsQ0FBQSxrREFBQSxDQUNBLG1DQUFBLENBQUEsMkJBQUEsQ0FGQSxtQkFEUixDQUFJLGdGQU9RLDRCQUFBLENBQUEsb0JBSFosQ0FKSSx3R0FVWSwyQkFBQSxDQUFBLG1CQUZoQixDQVJJLHVDQWNRLFdBSFosQ0FNSSxtQkFHSSxvQ0FBQSxDQUFBLDRCQUFBLENBRkEsU0FBQSxDQUFBLHdCQUFBLENBQ0Esa0JBSFIsQ0FPSSxjQU9JLHFCQUFBLENBTkEsU0FBQSxDQUNBLGlCQUFBLENBQ0EsUUFBQSxDQUNBLG1EQUFBLENBQUEsMkNBQUEsQ0FFQSxvQkFBQSxDQURBLFNBSFIsQ0FRSSxjQUNJLG1CQUFBLENBQUEsbUJBQUEsQ0FBQSxZQUFBLENBQ0EsU0FBQSxDQUNBLDZCQUFBLENBQUEscUJBTlIsQ0FPUSxrQkFDSSxXQUxaLENBQUksNEJBUVEsOENBQUEsQ0FBQSxzQ0FMWixDQUhJLDhCQVlRLFdBQUEsQ0FEQSxpQkFKWixDQVBJLDRCQWdCUSw2QkFBQSxDQUFBLHFCQUFBLENBQ0EsZ0JBQUEsQ0FDQSxVQU5aLENBWkksMEJBeUJRLFFBQUEsQ0FEQSxNQUFBLENBRkEsaUJBQUEsQ0FJQSxPQUFBLENBSEEsS0FBQSxDQUtBLDRCQUFBLENBQUEsb0JBQUEsQ0FEQSxVQU5aLENBU1ksOEJBQ0ksV0FBQSxDQUNBLFVBUGhCLENBekJJLDRCQXNDUSw2Q0FBQSxDQUFBLHFDQUFBLENBREEsVUFSWixDQWNBLDJCQUNJLEdBQ0ksNkNBQUEsQ0FBQSxxQ0FaTixDQWNFLEdBQ0ksNkRBQUEsQ0FBQSxxREFaTixDQUNGLENBTUEsbUJBQ0ksR0FDSSw2Q0FBQSxDQUFBLHFDQVpOLENBY0UsR0FDSSw2REFBQSxDQUFBLHFEQVpOLENBQ0YsQ0FjQSw0QkFDSSxHQUNJLDZDQUFBLENBQUEscUNBWk4sQ0FjRSxHQUNJLHNFQUFBLENBQUEsOERBWk4sQ0FDRixDQU1BLG9CQUNJLEdBQ0ksNkNBQUEsQ0FBQSxxQ0FaTixDQWNFLEdBQ0ksc0VBQUEsQ0FBQSw4REFaTixDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLmJpbGktcGF1c2VkIC5iaWxpLXBrIHtcbiAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcGF1c2VkICFpbXBvcnRhbnQ7XG59XG4uYmlsaS1wayB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgaGVpZ2h0OiA0MHB4OyAgIFxuICAgIGNvbG9yOiB2YXIoLS1jb2xvciwgI2ZmZik7XG4gICAgdG9wOiB2YXIoLS10b3ApO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250RmFtaWx5KTtcbiAgICB0ZXh0LXNoYWRvdzogMCAxcHggIzc3NywgMXB4IDAgIzc3NywgLTFweCAwICM3NzcsIDAgLTFweCAjNzc3O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHotaW5kZXg6IDI7XG5cbiAgICBvcGFjaXR5OiAwO1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcblxuICAgICYuYmlsaS1taWRkbGUge1xuICAgICAgICAuYmlsaS1way1maXJlIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG4gICAgJi5iaWxpLXBrLXBhdXNlZCB7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBwYXVzZWQgIWltcG9ydGFudDtcbiAgICAgICAgLmJpbGktcGstaXRlbSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuICAgICYuYmlsaS1way1yb2xsIHtcbiAgICAgICAgbGVmdDogdmFyKC0tb2Zmc2V0KTtcbiAgICAgICAgYW5pbWF0aW9uOiBwazJsZWZ0IGxpbmVhciB2YXIoLS1kdXJhdGlvbikgZm9yd2FyZHM7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBwYXVzZWQ7XG5cbiAgICAgICAgLmJpbGktcGstZmlyZSB7XG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgIH1cbiAgICB9XG4gICAgJi5iaWxpLXBrLXJldmVyc2Uge1xuICAgICAgICByaWdodDogdmFyKC0tb2Zmc2V0KTtcbiAgICAgICAgYW5pbWF0aW9uOiBwazJyaWdodCBsaW5lYXIgdmFyKC0tZHVyYXRpb24pIGZvcndhcmRzO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcGF1c2VkO1xuXG4gICAgICAgIC5iaWxpLXBrLWl0ZW0sXG4gICAgICAgIC5iaWxpLXBrLWNlbnRlciB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlWCgtMSk7XG5cbiAgICAgICAgICAgIC5iaWxpLXBrLWJnIHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlWCgxKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAuYmlsaS1way1maXJlIHtcbiAgICAgICAgICAgIHJpZ2h0OiAtODFweDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAmLmJpbGktc2hvdyB7XG4gICAgICAgIG9wYWNpdHk6IHZhcigtLW9wYWNpdHksIDEpO1xuICAgICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICB9XG5cbiAgICAmLWZpcmUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMzBweDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgICAgIHotaW5kZXg6IDM7XG4gICAgICAgIHdpZHRoOiA4MHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIGhlaWdodDogODBweCAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgICYtaXRlbSB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMXM7XG4gICAgICAgICYgPiBpbWcge1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG4gICAgICAgIC5iaWxpLXBrLWhlYWQge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoLTEpIHRyYW5zbGF0ZVgoLTAuNXB4KTtcbiAgICAgICAgfVxuICAgICAgICAuYmlsaS1way1jZW50ZXIge1xuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmJpbGktcGstdGV4dCB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDQwcHg7XG4gICAgICAgICAgICB6LWluZGV4OiAxMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5iaWxpLXBrLWJnIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoLTEpO1xuXG4gICAgICAgICAgICAmID4gaW1nIHtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAuYmlsaS1way10YWlsIHtcbiAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoLTEpIHRyYW5zbGF0ZVgoMC41cHgpO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5Aa2V5ZnJhbWVzIHBrMmxlZnQge1xuICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApIHRyYW5zbGF0ZVooMCk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgodmFyKC0tdHJhbnNsYXRlWCkpIHRyYW5zbGF0ZVooMCk7XG4gICAgfVxufVxuQGtleWZyYW1lcyBwazJyaWdodCB7XG4gICAgMCUge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgdHJhbnNsYXRlWigwKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKHZhcigtLXRyYW5zbGF0ZVgpICogLTEpKSB0cmFuc2xhdGVaKDApO1xuICAgIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */


.bili-reserve {
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    font-size: 14px;
    height: 50px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    padding: 6px 8px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    visibility: hidden;
    width: 290px;
    z-index: 1
}

.bili-reserve,
.bili-reserve.bili-editor {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-reserve.bili-editor {
    cursor: pointer
}

.bili-reserve.bili-editor-btn:hover {
    background: #00a1d6
}

.bili-reserve.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-reserve-msg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
    padding-right: 4.5em
}

.bili-reserve-title {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bili-reserve-num,
.bili-reserve-title {
    overflow: hidden;
    text-overflow: ellipsis
}

.bili-reserve-num {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 17px
}

.bili-reserve-num-left {
    display: none;
    margin-right: 10px;
    position: relative
}

.bili-reserve-num-left:after {
    content: ".";
    line-height: 1em;
    position: absolute;
    right: -9px;
    top: 0
}

.bili-reserve-num-left svg {
    height: 14px;
    vertical-align: bottom;
    width: 14px
}

.bili-reserve-num-left .bili-img {
    margin-right: 4px;
    vertical-align: text-top;
    width: 14px
}

.bili-reserve-num-left.bili-show {
    display: inline-block
}

.bili-reserve-num-left.bili-show:after {
    content: ".";
    line-height: 1em;
    position: absolute;
    right: -9px;
    top: 0
}

.bili-reserve-num-right {
    position: relative
}

.bili-reserve-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #00a1d6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 2;
    min-width: 60px;
    padding: 0 5px;
    position: absolute;
    right: .76em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bili-reserve-btn:hover {
    background: #00b5e5
}

.bili-reserve-btn .bili-reserve-icon {
    display: none;
    font-size: 0;
    height: 16px;
    width: 16px
}

.bili-reserve-btn .bili-reserve-icon-tick {
    display: none;
    font-size: 0;
    height: 8px;
    margin-right: 4px;
    width: 10px
}

.bili-reserve-btn.bili-unreserved .bili-reserve-icon {
    display: block
}

.bili-reserve-btn.bili-reserved {
    background: hsla(0, 0%, 100%, .2)
}

.bili-reserve-btn.bili-reserved:hover {
    background: hsla(0, 0%, 100%, .3)
}

.bili-reserve-btn.bili-reserved .bili-reserve-icon {
    display: none
}

.bili-reserve-btn.bili-reserved .bili-reserve-icon-tick {
    display: block
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL2RtLW1hZ2ljL3NyYy9tb2RlbC9yZXNlcnZlL2Fzc2V0cy9pbmRleC5sZXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBTUksa0NBQUEsQ0FDQSxpQkFBQSxDQU9BLDZCQUFBLENBQUEscUJBQUEsQ0FUQSxVQUFBLENBZ0JBLGNBQUEsQ0FqQkEsY0FBQSxDQVNBLFdBQUEsQ0FYQSxRQUFBLENBQUEsb0JBQUEsQ0FPQSxTQUFBLENBREEsZUFBQSxDQUdBLG1CQUFBLENBVkEsaUJBQUEsQ0FFQSxPQUFBLENBQUEsa0JBQUEsQ0FjQSwrQ0FBQSxDQUFBLHVDQUFBLENBQUEsNERBQUEsQ0FBQSxvREFBQSxDQUNBLCtCQUFBLENBQUEsdUJBQUEsQ0FGQSwrQkFBQSxDQUFBLHVCQUFBLENBTkEsaUJBQUEsQ0FFQSxXQUFBLENBR0EsU0FNSixDQUNJLHdDQUhBLHdCQUFBLENBQUEscUJBQUEsQ0FBQSxvQkFBQSxDQUFBLGdCQU1KLENBSEksMEJBQ0ksY0FFUixDQUNZLG9DQUNJLGtCQUNoQixDQUlJLHdCQUVJLFNBQUEsQ0FEQSxrQkFEUixDQUtJLGtCQUVJLDJCQUFBLENBQUEsNEJBQUEsQ0FFQSw2QkFBQSxDQUFBLHFCQUFBLENBSEEsbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBQUEsQ0FDQSx5QkFBQSxDQUFBLHFCQUFBLENBR0EsYUFBQSxDQUZBLG1CQURSLENBS0ksb0JBTUksY0FBQSxDQUNBLFdBQUEsQ0FDQSxnQkFBQSxDQUxBLG1CQUFBLENBRUEsd0JBQUEsQ0FBQSxxQkFBQSxDQUFBLG9CQUFBLENBQUEsZ0JBQUEsQ0FEQSxrQkFDUixDQUtJLHNDQVJJLGVBQUEsQ0FEQSxzQkFXUixDQUZJLGtCQUtJLHdCQUFBLENBSkEsY0FBQSxDQUNBLGdCQUFSLENBSVEsdUJBQ0ksWUFBQSxDQUNBLGlCQUFBLENBQ0EsaUJBRlosQ0FHWSw2QkFDSSxXQUFBLENBR0EsZUFBQSxDQUZBLGlCQUFBLENBR0EsVUFBQSxDQUZBLEtBQ2hCLENBUlEsMkJBYVEsV0FBQSxDQUNBLHFCQUFBLENBRkEsVUFDaEIsQ0FiUSxpQ0FvQlEsZ0JBQUEsQ0FEQSx1QkFBQSxDQURBLFVBQWhCLENBSVksaUNBQ0ksb0JBRmhCLENBR2dCLHVDQUNJLFdBQUEsQ0FHQSxlQUFBLENBRkEsaUJBQUEsQ0FHQSxVQUFBLENBRkEsS0FDcEIsQ0FLUSx3QkFDSSxpQkFIWixDQU1JLGtCQUVJLHdCQUFBLENBQUEscUJBQUEsQ0FDQSx1QkFBQSxDQUFBLG9CQUFBLENBREEsa0JBQUEsQ0FXQSxrQkFBQSxDQUNBLGlCQUFBLENBRkEsNkJBQUEsQ0FBQSxxQkFBQSxDQUlBLGNBQUEsQ0FmQSxtQkFBQSxDQUFBLG1CQUFBLENBQUEsWUFBQSxDQVVBLGNBQUEsQ0FEQSxXQUFBLENBUEEsc0JBQUEsQ0FZQSxhQUFBLENBUEEsY0FBQSxDQUNBLGFBQUEsQ0FMQSxpQkFBQSxDQUdBLFdBQUEsQ0FGQSxPQUFBLENBQ0Esa0NBQUEsQ0FBQSwwQkFNUixDQUtRLHdCQUNJLGtCQUhaLENBZkkscUNBcUJRLFlBQUEsQ0FHQSxXQUFBLENBREEsV0FBQSxDQURBLFVBRFosQ0FJWSwwQ0FDSSxZQUFBLENBSUEsV0FBQSxDQURBLFVBQUEsQ0FGQSxnQkFBQSxDQUNBLFVBQWhCLENBS1EscURBRVEsYUFKaEIsQ0FPUSxnQ0FDSSw2QkFMWixDQU1ZLHNDQUNJLDZCQUpoQixDQUNRLG1EQU1RLFlBSmhCLENBS2dCLHdEQUNJLGFBSHBCIiwic291cmNlc0NvbnRlbnQiOlsiLmJpbGktcmVzZXJ2ZSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IHZhcigtLWxlZnQsIDUwJSk7XG4gICAgdG9wOiB2YXIoLS10b3AsIDUwJSk7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzMsIDMzLCAzMywgMC44KTtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgcGFkZGluZzogNnB4IDhweDtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB3aWR0aDogMjkwcHg7XG4gICAgaGVpZ2h0OiA1MHB4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMzVzO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpIHNjYWxlKHZhcigtLXNjYWxlLCAxKSk7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICYuYmlsaS1lZGl0b3Ige1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAmLWJ0biB7XG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMDBhMWQ2O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi5iaWxpLXNob3cge1xuICAgICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cblxuICAgICYtbXNnIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgcGFkZGluZy1yaWdodDogNC41ZW07XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxO1xuICAgIH1cbiAgICAmLXRpdGxlIHtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIH1cbiAgICAmLW51bSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE3cHg7XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xuICAgICAgICAmLWxlZnQge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBjb250ZW50OiAnLic7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMWVtO1xuICAgICAgICAgICAgICAgIHJpZ2h0OiAtOXB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTRweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE0cHg7XG4gICAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJvdHRvbTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLmJpbGktaW1nIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTRweDtcbiAgICAgICAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogdGV4dC10b3A7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLmJpbGktc2hvdyB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJy4nO1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IC05cHg7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgICYtcmlnaHQge1xuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG4gICAgfVxuICAgICYtYnRuIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpO1xuICAgICAgICByaWdodDogMC43NmVtO1xuICAgICAgICBtaW4td2lkdGg6IDYwcHg7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYmFja2dyb3VuZDogIzAwYTFkNjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMjtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMwMGI1ZTU7XG4gICAgICAgIH1cbiAgICAgICAgLmJpbGktcmVzZXJ2ZS1pY29uIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICAgIGhlaWdodDogMTZweDtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMDtcbiAgICAgICAgICAgICYtdGljayB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDhweDtcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDA7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgJi5iaWxpLXVucmVzZXJ2ZWQge1xuICAgICAgICAgICAgLmJpbGktcmVzZXJ2ZS1pY29uIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAmLmJpbGktcmVzZXJ2ZWQge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLmJpbGktcmVzZXJ2ZS1pY29uIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICAgICYtdGljayB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */


.bili-rewardfans {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 50px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    padding: 6px 8px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 290px;
    z-index: 1
}

.bili-rewardfans.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-rewardfans-icon {
    -webkit-box-flex: 0;
    border-radius: 6px;
    -ms-flex: none;
    flex: none;
    height: 32px;
    margin-right: 6px;
    overflow: hidden;
    width: 32px
}

.bili-rewardfans-icon>img {
    height: 100%;
    width: 100%
}

.bili-rewardfans-msg {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
    width: 50%
}

.bili-rewardfans-title {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-rewardfans-sub,
.bili-rewardfans-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bili-rewardfans-sub {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 17px
}

.bili-rewardfans-btn {
    -webkit-box-flex: 0;
    background: #00a1d6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    font-size: 12px;
    line-height: 1;
    margin-left: 6px;
    padding: 6px
}

.bili-rewardfans-btn:hover {
    background: #00b5e5
}

.bili-rewardfans-btn.bili-clicked {
    background: hsla(0, 0%, 100%, .2)
}

.bili-rewardfans-btn.bili-clicked:hover {
    background: hsla(0, 0%, 100%, .3)
}


.bili-vote {
    background: rgba(24, 25, 28, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    font-size: 12px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    padding: 12px 10px 4px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    visibility: hidden;
    width: 177px
}

.bili-vote,
.bili-vote.bili-editor {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-vote.bili-editor {
    cursor: pointer
}

.bili-vote.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-vote-question {
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bili-vote-an {
    color: #fff;
    cursor: pointer;
    position: relative
}

.bili-vote-an>div {
    pointer-events: none
}

.bili-vote-an-bg {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 4px;
    bottom: 0;
    height: 26px;
    left: 0;
    position: absolute;
    width: 100%
}

.bili-vote-an-bg-buffer {
    border-radius: 4px 0 0 4px;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width 1s;
    transition: width 1s;
    width: 26px
}

.bili-vote-an-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    line-height: 26px;
    margin: 6px 0;
    padding-right: 20px;
    position: relative;
    width: 100%
}

.bili-vote-an-text-index {
    -webkit-box-flex: 0;
    border-radius: 4px;
    -ms-flex: none;
    flex: none;
    text-align: center;
    width: 10px
}

.bili-vote-an-text-doc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px
}

.bili-vote-an-num {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 26px;
    margin-right: 6px;
    position: absolute;
    right: 0;
    top: 0
}

.bili-vote-an-num-1,
.bili-vote-an-num-2 {
    height: 40px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bili-vote-an-num-1 {
    position: absolute;
    right: 0;
    top: 0
}

.bili-vote-an-num-2 {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 15px
}

.bili-vote-an.bili-select .bili-vote-lottie {
    display: block
}

.bili-vote-an.bili-select .bili-vote-an-bg-buffer {
    background: rgba(0, 161, 214, .6) !important
}

.bili-vote.bili-show-num .bili-vote-an-num-1 {
    opacity: 1
}

.bili-vote.bili-selected .bili-vote-an {
    -webkit-animation: voteFont .35s forwards;
    animation: voteFont .35s forwards
}

.bili-vote.bili-selected .bili-vote-an-bg {
    -webkit-animation: voteBg .35s forwards;
    animation: voteBg .35s forwards
}

.bili-vote.bili-selected .bili-vote-an-bg-buffer {
    background: hsla(0, 0%, 100%, .2)
}

.bili-vote.bili-end .bili-vote-an-num-1 {
    -webkit-animation: num1 .17s forwards;
    animation: num1 .17s forwards
}

.bili-vote.bili-end .bili-vote-an-num-2 {
    -webkit-animation: num2 .17s forwards;
    animation: num2 .17s forwards
}

.bili-vote.bili-voted .bili-vote-an {
    color: #fff
}

.bili-vote.bili-voted .bili-vote-an-bg {
    background: rgba(0, 0, 0, .4)
}

.bili-vote.bili-voted .bili-vote-an-bg-buffer {
    background: hsla(0, 0%, 100%, .2)
}

.bili-vote.bili-voted .bili-vote-an-num-1 {
    opacity: 0
}

.bili-vote.bili-voted .bili-vote-an-num-2 {
    opacity: 1;
    top: 0
}

.bili-vote.bili-init-selected .bili-vote-an {
    color: #fff
}

.bili-vote.bili-init-selected .bili-vote-an-bg {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 2px;
    height: 4px;
    left: 8px;
    width: 100%
}

.bili-vote.bili-init-selected .bili-vote-an-num-1 {
    opacity: 0
}

.bili-vote.bili-init-selected .bili-vote-an-num-2 {
    opacity: 1;
    top: 0
}

.bili-vote-lottie {
    display: none;
    height: 37px;
    left: -5px;
    position: absolute;
    top: -6px;
    width: 37px;
    z-index: 2
}

@-webkit-keyframes voteFont {
    0% {
        color: #000
    }

    65% {
        color: #000
    }

    to {
        color: #fff
    }
}

@keyframes voteFont {
    0% {
        color: #000
    }

    65% {
        color: #000
    }

    to {
        color: #fff
    }
}

@-webkit-keyframes voteBg {
    to {
        background: rgba(0, 0, 0, .4)
    }
}

@keyframes voteBg {
    to {
        background: rgba(0, 0, 0, .4)
    }
}

@-webkit-keyframes num1 {
    41% {
        opacity: 0;
        top: -15px
    }

    to {
        opacity: 0
    }
}

@keyframes num1 {
    41% {
        opacity: 0;
        top: -15px
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes num2 {
    41% {
        opacity: 1;
        top: 0
    }

    61.5% {
        opacity: 1;
        top: -5px
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes num2 {
    41% {
        opacity: 1;
        top: 0
    }

    61.5% {
        opacity: 1;
        top: -5px
    }

    to {
        opacity: 1;
        top: 0
    }
}


.bili-creator .bili-guide-follow:hover {
    background: #00a1d6
}

.bili-guide {
    background: rgba(33, 33, 33, .6);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    cursor: pointer;
    font-size: 12px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden
}

.bili-guide.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-guide-follow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #00a1d6;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    line-height: 1;
    width: 66px
}

.bili-guide-follow:before {
    background: rgba(33, 33, 33, .6);
    border-radius: 8px;
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: -1
}

.bili-guide-follow>span {
    pointer-events: none
}

.bili-guide-follow-img {
    border-radius: 50%;
    height: 20px;
    margin-right: 4px;
    overflow: hidden;
    width: 20px
}

.bili-guide-follow-img>img {
    height: 100%;
    width: 100%
}

.bili-guide-follow svg {
    fill: #fff;
    height: 12px;
    margin-right: 2px;
    width: 12px
}

.bili-guide-follow:hover {
    background: #00b5e5
}

.bili-guide-follow .bili-guide-follow-0 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bili-guide-follow .bili-guide-follow-1 {
    display: none
}

.bili-guide-follow .bili-guide-follow-1 .bili-svg-icon {
    fill: #fff;
    height: 11px;
    width: 11px
}

.bili-guide-follow.bili-hasimg {
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    width: 75px !important
}

.bili-guide-follow.bili-hasimg .bili-guide-follow-1 {
    height: 10px;
    margin-left: 6px;
    width: 40px
}

.bili-guide.bili-guide-followed .bili-guide-follow {
    background: rgba(0, 0, 0, .2);
    color: hsla(0, 0%, 100%, .6)
}

.bili-guide.bili-guide-followed .bili-guide-follow .bili-guide-follow-0 {
    display: none
}

.bili-guide.bili-guide-followed .bili-guide-follow .bili-guide-follow-1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bili-guide.bili-guide-followed .bili-guide-follow.bili-guide-canCancel {
    background: rgba(0, 0, 0, .4) !important;
    color: #fefefe
}

.bili-guide.bili-guide-followed .bili-guide-follow svg {
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.bili-guide-electric {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #00a1d6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    min-width: 68px;
    padding: 0 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-guide-electric:hover {
    background: #00b5e5
}

.bili-guide-electric:before {
    background: rgba(33, 33, 33, .6);
    border-radius: 8px;
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: -1
}

.bili-guide-electric-text {
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bili-guide-electric-icon {
    height: 16px;
    width: 16px
}

.bili-guide.bili-guide-all {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bili-guide.bili-guide-all .bili-guide-follow {
    font-size: 12px;
    height: 24px;
    margin: 0 6px;
    padding: 0;
    width: 66px
}

.bili-guide.bili-guide-all .bili-guide-follow:before {
    content: none
}

.bili-guide.bili-guide-all .bili-guide-follow-img {
    height: 16px;
    width: 16px
}

.bili-guide.bili-guide-all .bili-guide-animate,
.bili-guide.bili-guide-all .bili-guide-three,
.bili-guide.bili-guide-all .bili-guide-three-animate {
    background-color: transparent
}

.bili-guide.bili-guide-all .bili-guide-electric {
    margin: 0 10px
}

.bili-guide.bili-guide-all .bili-guide-electric:before {
    content: none
}

.bili-guide.bili-guide-all .bili-guide-electric-guide {
    color: #fff;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    min-width: 84px;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bili-guide.bili-guide-all .bili-guide-electric-text {
    white-space: nowrap
}

.bili-guide.bili-guide-all.bili-guide-followed .bili-guide-follow {
    background: hsla(0, 0%, 100%, .2) !important;
    color: #fefefe
}

.bili-guide.bili-follow-to-electric .bili-guide-electric {
    display: none
}

.bili-guide.bili-follow-to-electric.bili-guide-followed .bili-guide-electric {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bili-guide.bili-follow-to-electric.bili-guide-followed .bili-guide-follow,
.bili-guide.bili-no-three .bili-guide-animate,
.bili-guide.bili-no-three .bili-guide-cyc,
.bili-guide.bili-no-three .bili-guide-electric,
.bili-guide.bili-no-three .bili-guide-three {
    display: none
}

.bili-guide .bili-guide-cyc>span {
    height: 80px;
    top: -22px;
    width: 80px
}

.bili-guide .bili-guide-cyc>span.bili-guide-cyc-like {
    left: -15px
}

.bili-guide .bili-guide-cyc>span.bili-guide-cyc-coin {
    left: 31px
}

.bili-guide .bili-guide-cyc>span.bili-guide-cyc-collect {
    left: 76px
}

.bili-guide.bili-guide-hide .bili-guide-three {
    opacity: 0
}

.bili-guide.bili-guide-hide .bili-guide-animate,
.bili-guide.bili-guide-hide .bili-guide-cyc {
    opacity: 1
}

.bili-guide.bili-guide-gray.bili-guide-followed .bili-guide-follow {
    opacity: .6
}

.bili-guide-animate,
.bili-guide-cyc,
.bili-guide-three {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    padding: 0 3px;
    width: 142px
}

.bili-guide-three {
    opacity: 1
}

.bili-guide-three>span {
    display: inline-block;
    height: 20px;
    padding: 8px 12.5px;
    width: 20px
}

.bili-guide-three>span svg {
    fill: #fff
}

.bili-guide-three>span.bili-active svg {
    fill: #00a1d6;
    overflow: visible
}

.bili-guide-three>span.bili-active.bili-guide-three-coin,
.bili-guide-three>span.bili-active.bili-guide-three-collect {
    pointer-events: none
}

.bili-guide-three>span:hover {
    opacity: .8
}

.bili-guide-three svg {
    pointer-events: none
}

.bili-guide-animate {
    background: rgba(33, 33, 33, .6);
    border: 1px solid transparent;
    height: 100%;
    width: 100%
}

.bili-guide-animate,
.bili-guide-cyc {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.bili-guide-animate>span,
.bili-guide-cyc>span {
    display: inline-block;
    height: 100px;
    padding: 0;
    position: absolute;
    top: -33px;
    width: 100px
}

.bili-guide-animate>span.bili-animate-like {
    left: -24px
}

.bili-guide-animate>span.bili-animate-coin {
    left: 20px
}

.bili-guide-animate>span.bili-animate-collect {
    left: 66px
}

.bili-guide-animate>span.bili-animate-bg {
    height: 62px;
    left: -14px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: -10px;
    width: 172px
}

.bili-guide-init-three>span {
    opacity: .7
}

.bili-guide.video-mirror .bili-guide-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}


.bili-clock {
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 50px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 290px
}

.bili-clock.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-clock.bili-complete .bili-clock-desc,
.bili-clock.bili-complete .bili-clock-title {
    left: 48px
}

.bili-clock.bili-complete .bili-clock-complete-img {
    display: block
}

.bili-clock-complete-img {
    bottom: 0;
    display: none;
    height: 60px;
    left: 2px;
    position: absolute;
    width: 40px
}

.bili-clock-desc,
.bili-clock-title {
    font-size: 14px;
    left: 8px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 6px;
    white-space: nowrap;
    width: 200px
}

.bili-clock-desc {
    font-size: 12px;
    opacity: .7;
    top: 28px
}

.bili-clock-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #00a1d6;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 60px
}

.bili-clock-btn-icon-tick,
.bili-clock-btn-icon-tick-done {
    display: none;
    height: 12px;
    margin-right: 3px;
    width: 12px
}

.bili-clock-btn:hover {
    background: #00b5e5
}

.bili-clock-btn-state-tick .bili-clock-btn-icon-tick {
    display: block
}

.bili-clock-btn-state-tick-done {
    background: hsla(0, 0%, 100%, .2);
    pointer-events: none
}

.bili-clock-btn-state-tick-done .bili-clock-btn-icon-tick-done {
    display: block
}


.bili-score {
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 62px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 206px;
    z-index: 1
}

.bili-score.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-score:hover {
    z-index: 2
}

.bili-score-title {
    height: 12px;
    margin: 10px 0 4px 10px
}

.bili-score.bili-no-event .bili-score-area {
    pointer-events: none
}

.bili-score-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bili-score-area-item span {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    bottom: 68px;
    display: none;
    font-size: 20px;
    height: 33px;
    line-height: 33px;
    margin-left: 5px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    width: 33px
}

.bili-score-area-item span:before {
    border: 3px solid transparent;
    border-top-color: rgba(0, 0, 0, .6);
    content: "";
    left: 14px;
    position: absolute;
    top: 100%
}

.bili-score-area-item img {
    height: 18px;
    margin: 7px 11.5px;
    pointer-events: none;
    -webkit-transition: .2s;
    transition: .2s;
    width: 18px
}

.bili-score-area-item:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.bili-score-area-item:hover span {
    display: block
}

.bili-score-result {
    color: hsla(0, 0%, 100%, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 34px;
    -webkit-transition-property: margin, opacity;
    transition-property: margin, opacity
}

.bili-score-result,
.bili-score-result span {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transition-duration: .17s;
    transition-duration: .17s
}

.bili-score-result span {
    font-size: 20px;
    margin-left: 5px;
    -webkit-transition-property: margin, opactiy, -webkit-animation;
    transition-property: margin, opactiy, -webkit-animation;
    transition-property: margin, opactiy, animation;
    transition-property: margin, opactiy, animation, -webkit-animation
}

.bili-score-count {
    opacity: .7;
    position: absolute;
    right: 10px;
    top: 10px
}

.bili-score.bili-has-result .bili-score-area {
    pointer-events: none
}

.bili-score.bili-has-result img {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.bili-score.bili-has-result .off {
    opacity: .5
}

.bili-score.bili-has-result img+span {
    display: block;
    margin-top: -8px;
    opacity: 0;
    -webkit-transition: .1s;
    transition: .1s
}

.bili-score.bili-has-result .bili-score-area-item {
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s
}

.bili-score.bili-has-result .bili-score-area-item:first-child {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.bili-score.bili-has-result .bili-score-area-item:nth-child(2) {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.bili-score.bili-has-result .bili-score-area-item:nth-child(3) {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.bili-score.bili-has-result .bili-score-area-item:nth-child(4) {
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.bili-score.bili-has-result .bili-score-area-item:nth-child(5) {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.bili-score.bili-has-result .bili-score-result {
    opacity: 1
}

.bili-score.bili-has-result .bili-score-result span {
    -webkit-animation: jump-score .17s forwards;
    animation: jump-score .17s forwards;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes jump-score {
    0% {
        margin-top: 13px
    }

    41% {
        margin-top: 0
    }

    61.5% {
        margin-top: -3px
    }

    to {
        margin-top: 0
    }
}

@keyframes jump-score {
    0% {
        margin-top: 13px
    }

    41% {
        margin-top: 0
    }

    61.5% {
        margin-top: -3px
    }

    to {
        margin-top: 0
    }
}


.bili-scoreSum {
    background-color: rgba(33, 33, 33, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 203px
}

.bili-scoreSum.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-scoreSum-title {
    height: 14px;
    margin: 14px 0 0 14px
}

.bili-scoreSum-count {
    opacity: .7;
    position: absolute;
    right: 14px;
    top: 14px
}

.bili-scoreSum-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding: 8px 14px;
    pointer-events: none;
    width: 100%
}

.bili-scoreSum-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    line-height: 24px;
    margin-bottom: 3px;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all .13s;
    transition: all .13s
}

.bili-scoreSum-item-name {
    width: 150px
}

.bili-scoreSum-item-count {
    color: #ffb027;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .13s;
    transition: opacity .13s
}

.bili-scoreSum-item-count.bili-show {
    opacity: 1
}

.bili-scoreSum-item.bili-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.bili-scoreSum-item.bili-hide {
    display: none
}

.bili-scoreSum-item1 {
    opacity: 0
}

.bili-scoreSum-item1 .bili-scoreSum-area-item-name {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.bili-scoreSum-item1 .bili-scoreSum-area-item-count {
    opacity: 0
}

.bili-scoreSum-item1 .bili-scoreSum-area-item-count-show {
    opacity: 1
}

.bili-scoreSum-sliders {
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bili-scoreSum-sliders-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 2px;
    height: 4px;
    margin: 2px;
    opacity: .3;
    -webkit-transition: opacity .13s;
    transition: opacity .13s;
    width: 4px
}

.bili-scoreSum-sliders-item-on {
    opacity: 1
}


.bili-paused .bili-firework,
.bili-paused .bili-firework .bili-firework-body,
.bili-paused .bili-firework .bili-firework-wrap {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-firework {
    -webkit-animation: rollBoom3 var(--cubic) var(--duration) forwards;
    animation: rollBoom3 var(--cubic) var(--duration) forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    color: var(--color, #fff);
    font-size: 0;
    font-weight: 200;
    left: var(--left);
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0 5px #ff55f5;
    text-shadow: var(--textShadow);
    top: var(--top);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: scale(var(--scale));
    transform: scale(var(--scale));
    -webkit-transform-origin: left top;
    transform-origin: left top;
    white-space: nowrap;
    width: 70px;
    width: var(--width, 70px);
    will-change: transform opacity;
    z-index: 2;
    z-index: var(--zIndex, 2)
}

.bili-firework img:not([src]),
.bili-firework img[src=""] {
    opacity: 0 !important
}

.bili-firework.bili-paused .bili-firework-body {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.bili-firework.bili-show {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: var(--opacity)
}

.bili-firework.bili-show .bili-firework-shot {
    opacity: 1
}

.bili-firework.bili-opacity .bili-firework-center,
.bili-firework.bili-opacity .bili-firework-head,
.bili-firework.bili-opacity .bili-firework-tail,
.bili-firework.bili-opacity .bili-firework-text {
    opacity: 0;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.bili-firework.bili-show-fire .bili-firework-fire {
    opacity: 1
}

.bili-firework.bili-show-body .bili-firework-wrap {
    -webkit-animation: bodyScale 1.5s forwards;
    animation: bodyScale 1.5s forwards
}

.bili-firework.bili-show-body .bili-firework-shot {
    opacity: 0
}

.bili-firework.bili-body-hide .bili-firework-body {
    -webkit-animation: bodyHide 1.5s forwards;
    animation: bodyHide 1.5s forwards
}

.bili-firework-fire {
    -webkit-transform: translateX(-50%) translateY(-42%);
    transform: translateX(-50%) translateY(-42%);
    width: 220%;
    width: var(--fireWidth, 220%);
    z-index: 3;
    z-index: var(--fireIndex, 3)
}

.bili-firework-fire,
.bili-firework-shot {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0
}

.bili-firework-shot {
    -webkit-transform: translateX(-50%) translateY(-70%);
    transform: translateX(-50%) translateY(-70%);
    width: 500%;
    z-index: 2
}

.bili-firework-wrap {
    max-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 4
}

.bili-firework-body {
    opacity: 1
}

.bili-firework-body-business {
    margin-top: 40px;
    margin-top: var(--bodyTop, 40px);
    width: 100%
}

.bili-firework-head {
    top: 0;
    width: 100%;
    z-index: 2
}

.bili-firework-center {
    position: relative
}

.bili-firework-tail {
    width: 100%
}

.bili-firework-text {
    display: inline-table;
    font-family: SimHei, KaiTi, STFangsong, Helvetica Neue, Sans-Serif;
    font-size: 23px;
    font-size: var(--fontSize, 23px);
    position: relative;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 2
}

.bili-firework-bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bili-firework-bg>img {
    height: 100%;
    width: 100%
}

@-webkit-keyframes rollBoom3 {
    0% {
        -webkit-transform: scale(var(--scale)) translateY(0) translateZ(0);
        transform: scale(var(--scale)) translateY(0) translateZ(0)
    }

    to {
        -webkit-transform: scale(var(--scale)) translateY(var(--translateY)) translateZ(0);
        transform: scale(var(--scale)) translateY(var(--translateY)) translateZ(0)
    }
}

@keyframes rollBoom3 {
    0% {
        -webkit-transform: scale(var(--scale)) translateY(0) translateZ(0);
        transform: scale(var(--scale)) translateY(0) translateZ(0)
    }

    to {
        -webkit-transform: scale(var(--scale)) translateY(var(--translateY)) translateZ(0);
        transform: scale(var(--scale)) translateY(var(--translateY)) translateZ(0)
    }
}

@-webkit-keyframes bodyHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes bodyHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes bodyScale {
    0% {
        max-height: 0
    }

    to {
        max-height: 1000px
    }
}

@keyframes bodyScale {
    0% {
        max-height: 0
    }

    to {
        max-height: 1000px
    }
}


.bili-firework-end {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 100%;
    z-index: 11
}

.bili-firework-end.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-firework-end img:not([src]),
.bili-firework-end img[src=""] {
    opacity: 0 !important
}

.bili-firework-end-img {
    height: 100%
}


.bili-goodsLike {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: rgba(24, 25, 28, .8);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    padding: 6px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: 1
}

.bili-goodsLike.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-goodsLike.bili-editor {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-goodsLike.bili-editor-btn:hover {
    background: #00a1d6
}

.bili-goodsLike-left {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) no-repeat;
    background-position: 50%;
    background-size: 40%;
    border-radius: 2px;
    height: 49px;
    margin-right: 6px;
    width: 49px
}

.bili-goodsLike-left img {
    border-radius: 2px;
    height: 100%;
    width: 100%
}

.bili-goodsLike-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bili-goodsLike-button,
.bili-goodsLike-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.bili-goodsLike-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    -ms-flex-positive: 0;
    align-items: center;
    background: #00aeec;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: none;
    flex: none;
    flex-grow: 0;
    gap: 1px;
    height: 30px;
    order: 0;
    padding: 3px 0;
    width: 78px
}

.bili-goodsLike-button span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.bili-goodsLike-button img {
    height: 16px;
    margin-right: 3px;
    vertical-align: middle;
    width: 16px
}

.bili-goodsLike-button .bili-goodsLike-checkmark-icon {
    height: 16px;
    width: 16px
}

.bili-goodsLike-button-already {
    background: #68696a
}

.bili-goodsLike-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 2px;
    mix-blend-mode: normal;
    opacity: .7;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, .695)
}


.bili-dm.bili-blackhole-rail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--height);
    left: 0;
    line-height: 1.125;
    opacity: 1;
    position: absolute;
    top: var(--top);
    white-space: normal;
    width: 100%;
    z-index: 3
}

.bili-dm.bili-blackhole-rail .bili-blackhole-animate {
    background-position: 0 0;
    background-size: 100% 4600%;
    font-size: var(--size);
    height: 4em;
    left: calc(100% - var(--wrap-width) - 2em);
    opacity: 1;
    opacity: var(--opacity, 1);
    position: absolute;
    top: -1.5em;
    width: 4em
}

.bili-dm.bili-blackhole-rail .bili-blackhole-text-wrap {
    height: 100%;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(3%, #000), to(#000));
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(3%, #000), to(#000));
    mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--wrap-width);
    z-index: 2
}

.bili-dm.bili-blackhole-rail .bili-blackhole-text-wrap .bili-blackhole-roll {
    -webkit-touch-callout: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    color: var(--color, #fff);
    font-family: var(--fontFamily);
    font-size: 25px;
    font-size: var(--fontSize, 25px);
    font-weight: 700;
    font-weight: var(--fontWeight, bold);
    left: 100%;
    line-height: 1.125;
    opacity: 1;
    opacity: var(--opacity, 1);
    padding: 0 10px;
    -webkit-perspective: 500px;
    perspective: 500px;
    pointer-events: none;
    position: absolute;
    text-shadow: 1px 0 1px var(--shadowColor), 0 1px 1px var(--shadowColor), 0 -1px 1px var(--shadowColor), -1px 0 1px var(--shadowColor);
    text-shadow: var(--textShadow);
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: pre;
    will-change: transform opacity
}

.bili-dm.bili-blackhole-rail .bili-blackhole-text-wrap .bili-blackhole-roll,
.bili-dm.bili-blackhole-rail .bili-blackhole-text-wrap .bili-blackhole-roll .bili-blackhole-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bili-dm.bili-blackhole-rail .bili-blackhole-text-wrap .bili-blackhole-roll .bili-dm-back-tail-image {
    display: inline-block;
    overflow: hidden
}

.bili-dm.bili-blackhole-rail.bili-blackhole-rail-cloned .bili-blackhole-animate {
    left: auto;
    opacity: 1;
    opacity: var(--opacity, 1);
    right: calc(100% - var(--wrap-width) - 2em);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.bili-dm.bili-blackhole-rail.bili-blackhole-rail-cloned .bili-blackhole-text-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.bili-dm.bili-blackhole-rail.bili-blackhole-rail-cloned .bili-blackhole-text-wrap .bili-blackhole-roll {
    left: var(--offset)
}

.bili-show .bili-blackhole-roll {
    -webkit-animation: blackhole-roll linear var(--duration) forwards;
    animation: blackhole-roll linear var(--duration) forwards
}

.bili-show .bili-blackhole-animate {
    -webkit-animation: blackhole-animate var(--blackhole-dur) steps(47) backwards;
    animation: blackhole-animate var(--blackhole-dur) steps(47) backwards;
    -webkit-animation-delay: var(--blackhole-delay);
    animation-delay: var(--blackhole-delay)
}

.bili-blackhole-paused .bili-blackhole-animate,
.bili-paused .bili-blackhole-roll {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

@-webkit-keyframes blackhole-animate {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -4700%
    }
}

@keyframes blackhole-animate {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -4700%
    }
}

@-webkit-keyframes blackhole-roll {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(var(--translateX)) translateZ(0);
        transform: translateX(var(--translateX)) translateZ(0)
    }
}

@keyframes blackhole-roll {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    to {
        -webkit-transform: translateX(var(--translateX)) translateZ(0);
        transform: translateX(var(--translateX)) translateZ(0)
    }
}


.bili-superRating {
    background-color: rgba(24, 25, 28, .8);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    font-size: 14px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden
}

.bili-superRating.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-superRating.bili-editor {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-superRating.bili-editor-btn:hover {
    background: #00a1d6
}

.bili-superRating .bili-superRating-container {
    padding: 10px
}

.bili-superRating-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bili-superRating-top,
.bili-superRating-top-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bili-superRating-top-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    border-radius: 2px;
    height: 26px;
    justify-content: center;
    margin-left: 2px;
    margin-right: 6px;
    width: 26px
}

.bili-superRating-top-left img {
    height: 22px;
    width: 22px
}

.bili-superRating-title {
    font-size: 16px;
    line-height: 16px
}

.bili-superRating-desc {
    color: #c4c4c4;
    font-size: 13px;
    line-height: 13px;
    margin-top: 4px
}

.bili-superRating-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    line-height: 18px;
    margin-top: 1px
}

.bili-superRating-role {
    color: #c4c4c4;
    line-height: 18px;
    margin-right: 8px
}

.bili-superRating-name {
    -webkit-box-flex: 1;
    color: #fff;
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90px
}

.bili-superRating-rate {
    color: #ffb027;
    font-size: 16px;
    line-height: 22px
}

.bili-superRating-bottom {
    background-color: #00aeec;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 6px;
    padding: 8px 22px;
    text-align: center
}

.bili-superRating-button {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.one {
    margin-top: 5px
}

.one,
.three,
.two {
    opacity: 0
}


.bili-cmtime {
    background-color: #00aeec;
    border: 6px solid rgba(0, 0, 0, .8);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 400;
    height: 42px;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform: all .5s ease;
    transform: all .5s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 90px;
    z-index: 1
}

.bili-cmtime.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-cmtime-innerBox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.bili-cmtime-innerBox .bili-cmtime-icon {
    height: 18px;
    width: 18px
}

.bili-cmtime-innerBox .bili-cmtime-text {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-left: 3px
}

.bili-cmtime-clicked .bili-cmtime-icon {
    display: none
}

.bili-cmtime-clicked .bili-cmtime-text {
    margin-left: 0
}


.bili-qoeFeedback {
    background-color: rgba(24, 25, 28, .8);
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: auto;
    left: 50%;
    left: var(--left, 50%);
    opacity: 0;
    padding: 2px 10px 2px 2px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    top: var(--top, 50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(var(--scale, 1));
    transform: translate(-50%, -50%) scale(var(--scale, 1));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: auto
}

.bili-qoeFeedback.bili-show {
    opacity: 1;
    visibility: visible
}

.bili-qoeFeedback.bili-editor {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-qoeFeedback.bili-editor-btn:hover {
    background: #00a1d6
}

.bili-qoeFeedback .bili-qoeFeedback-title {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    justify-content: left;
    line-height: 17px;
    text-align: center;
    white-space: nowrap
}

.bili-qoeFeedback .bili-qoeFeedback-title-icon {
    background-color: #00a1d6;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin-right: 6px;
    width: 20px
}

.bili-qoeFeedback .bili-qoeFeedback-score-star-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: space-between;
    margin-top: 8px;
    width: 176px
}

.bili-qoeFeedback .bili-qoeFeedback-score-star {
    margin-right: 14px
}

.bili-qoeFeedback .bili-qoeFeedback-score-star img {
    height: 24px;
    width: 24px
}

.bili-qoeFeedback-score {
    border-radius: 15px;
    min-width: 216px;
    padding: 10px 14px
}

.bili-qoeFeedback-score .bili-qoeFeedback-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 17px;
    text-align: center
}

.bili-qoeFeedback-score .bili-qoeFeedback-title-icon {
    background-color: #00a1d6;
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.bili-qoeFeedback-vote {
    border-radius: 8px;
    min-width: 175px;
    padding: 8px
}

.bili-qoeFeedback-vote .bili-qoeFeedback-vote-item {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    line-height: 16.8px;
    margin-top: 4px;
    padding: 4px 8px;
    width: auto
}

.bili-qoeFeedback-vote .bili-qoeFeedback-vote-item-text {
    font-size: 12px;
    pointer-events: none
}

.bili-qoeFeedback-vote .bili-qoeFeedback-title {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    justify-content: left;
    line-height: 17px;
    text-align: center
}

.bili-qoeFeedback-vote .bili-qoeFeedback-title-icon {
    background-color: #00a1d6;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    margin-right: 2.5px;
    width: 12px
}


.bl-audio-panel {
    -webkit-font-smoothing: antialiased;
    background: rgba(33, 33, 33, .9);
    border-radius: 4px;
    color: #fff;
    display: none;
    left: 50%;
    overflow: hidden;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    z-index: 80
}

.bl-audio-panel-close {
    fill: #fff;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    z-index: 2
}

.bl-audio-panel-move {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.bl-audio-panel-move.bl-audio-right {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.bl-audio-panel-preset-btn {
    background: hsla(0, 0%, 100%, .3);
    cursor: pointer;
    display: block;
    margin: 9px;
    padding: 6px 8px;
    width: 20%
}

.bl-audio-panel-preset-btn:hover {
    background: #757575
}

.bl-audio-panel-preset-btn.bl-audio-active {
    background: #00a1d6;
    background: var(--bpx-primary-color, #00a1d6)
}

.bl-audio-panel-preset-btn.bl-audio-active[data-val=default] {
    background: hsla(0, 0%, 100%, .3)
}

.bl-audio-panel-left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.bl-audio-panel-left-header {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 10px
}

.bl-audio-panel-left-gain {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px
}

.bl-audio-panel-left-gain-center {
    width: 220px
}

.bl-audio-panel-left-preset {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px
}

.bl-audio-panel-left-reset {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    padding: 8px 0
}

.bl-audio-panel-left-show-more {
    bottom: 10px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    white-space: nowrap
}

.bl-audio-panel-left-show-more:hover {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bl-audio-panel-right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.bl-audio-panel-right-return {
    cursor: pointer;
    left: 102%;
    position: absolute;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    top: 14px;
    white-space: nowrap;
    z-index: 3
}

.bl-audio-panel-right-return:hover {
    color: #00a1d6;
    color: var(--bpx-primary-color, #00a1d6)
}

.bl-audio-panel-right-header {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 40px;
    position: relative;
    z-index: 2
}

.bl-audio-panel-right-body-eq,
.bl-audio-panel-right-header {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around
}

.bl-audio-panel-right-body-eq {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px
}

.bl-audio-panel-right-body-eq-slider.bui-slider {
    height: 140px;
    margin: 10px 0
}

.bl-audio-panel-right-body-eq-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 0 22px
}

.bl-audio-panel-right-body.bl-audio-panel-3 .bl-audio-panel-right-body-eq-item3,
.bl-audio-panel-right-body.bl-audio-panel-3 .bl-audio-panel-right-body-eq-item4,
.bl-audio-panel-right-body.bl-audio-panel-3 .bl-audio-panel-right-body-eq-item5,
.bl-audio-panel-right-body.bl-audio-panel-3 .bl-audio-panel-right-body-eq-item6,
.bl-audio-panel-right-body.bl-audio-panel-3 .bl-audio-panel-right-body-eq-item7,
.bl-audio-panel-right-body.bl-audio-panel-3 .bl-audio-panel-right-body-eq-item8,
.bl-audio-panel-right-body.bl-audio-panel-3 .bl-audio-panel-right-body-eq-item9,
.bl-audio-panel-right-body.bl-audio-panel-5 .bl-audio-panel-right-body-eq-item5,
.bl-audio-panel-right-body.bl-audio-panel-5 .bl-audio-panel-right-body-eq-item6,
.bl-audio-panel-right-body.bl-audio-panel-5 .bl-audio-panel-right-body-eq-item7,
.bl-audio-panel-right-body.bl-audio-panel-5 .bl-audio-panel-right-body-eq-item8,
.bl-audio-panel-right-body.bl-audio-panel-5 .bl-audio-panel-right-body-eq-item9 {
    display: none
}

.bl-audio-panel-right-reset {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.bl-audio-panel-right .bl-audio-panel-preset-btn.bl-audio-active {
    background: hsla(0, 0%, 100%, .3)
}


.b-back-panel {
    -webkit-font-smoothing: antialiased;
    background-color: rgba(33, 33, 33, .9);
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 50%;
    min-height: 300px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    z-index: 80
}

.b-back-panel.b-back-show {
    display: block
}

.b-back-panel .b-back-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 16px;
    line-height: 40px;
    text-align: center
}

.b-back-panel-close {
    fill: #fff;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px
}

.b-back-panel-close>svg {
    pointer-events: none
}

.b-back-panel .b-back-content-default {
    display: none;
    font-size: 12px;
    margin: 10px 16px
}

.b-back-panel .b-back-content-default.b-back-show {
    display: block
}

.b-back-panel .b-back-content-tabmenu {
    height: 150px;
    position: relative;
    text-align: left
}

.b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative
}

.b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list:nth-child(odd) {
    width: 60%
}

.b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list:nth-child(2n) {
    width: 40%
}

.b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list:before {
    border: 1px solid #ccc;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 12px
}

.b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show:before {
    border-color: #00a1d6;
    border-color: var(--bpx-fn-color, #00a1d6);
    content: ""
}

.b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show:after {
    background: #00a1d6;
    background: var(--bpx-fn-color, #00a1d6);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    left: 3px;
    position: absolute;
    top: 5px;
    width: 8px
}

.b-back-panel .b-back-content-input {
    display: none;
    margin-bottom: 6px
}

.b-back-panel .b-back-content-input.b-back-show {
    display: block
}

.b-back-panel .b-back-content-input .b-back-input {
    background-color: rgba(33, 33, 33, .9);
    border: 1px solid hsla(0, 0%, 100%, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    font-size: 12px;
    height: 22px;
    outline: none;
    text-indent: 6px;
    width: 218px;
    width: 100%
}

.b-back-panel .b-back-content-input .b-back-input:focus {
    border: 1px solid #00a1d6;
    border: 1px solid var(--bpx-fn-color, #00a1d6)
}

.b-back-panel .b-back-content-input .b-back-input-overrange {
    color: #fa5a57;
    display: none;
    height: 16px;
    line-height: 16px;
    text-align: left
}

.b-back-panel .b-back-content-input .b-back-input-overrange.b-back-show {
    display: block
}

.b-back-panel .b-back-content .b-back-contact-information {
    height: 22px;
    margin-bottom: 16px;
    position: relative
}

.b-back-panel .b-back-content .b-back-contact-information-tip {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 8px
}

.b-back-panel .b-back-content .b-back-contact-information-input {
    background-color: rgba(33, 33, 33, .9);
    border: 1px solid hsla(0, 0%, 100%, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    font-size: 12px;
    height: 22px;
    height: 24px;
    outline: none;
    text-indent: 6px;
    width: 218px;
    width: 289px
}

.b-back-panel .b-back-content .b-back-contact-information-input:focus {
    border: 1px solid #00a1d6;
    border: 1px solid var(--bpx-fn-color, #00a1d6)
}

.b-back-panel .b-back-content .b-back-contact-information .b-back-type-error {
    color: #fa5a57;
    display: none;
    height: 16px;
    left: 0;
    line-height: 16px;
    margin-left: 56px;
    position: absolute;
    text-align: left;
    top: 100%
}

.b-back-panel .b-back-content .b-back-contact-information .b-back-type-error.b-back-show {
    display: block
}

.b-back-panel .b-back-content .b-back-submit-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 9px 0 20px
}

.b-back-panel .b-back-content .b-back-submit-wrap .b-back-submit {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    background: hsla(0, 0%, 100%, .2);
    border: none;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 84px;
    width: 92px
}

.b-back-panel .b-back-content .b-back-submit-wrap .b-back-submit:hover {
    background: hsla(0, 0%, 100%, .3)
}

.b-back-panel .b-back-content .b-back-version-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 220px
}

.b-back-panel .b-back-content .b-back-version-wrap a {
    color: #999;
    display: inline-block;
    height: 14px;
    line-height: 14px
}

.b-back-panel .b-back-content .b-back-version-wrap a:active,
.b-back-panel .b-back-content .b-back-version-wrap a:hover {
    color: #00a1d6;
    color: var(--bpx-fn-color, #00a1d6)
}

.b-back-panel .b-back-content-success {
    display: none;
    text-align: center;
    width: 100%
}

.b-back-panel .b-back-content-success.b-back-show {
    display: block
}

.b-back-panel .b-back-content-success-image {
    background: url(//s1.hdslb.com/bfs/static/player/img/back-success.png) no-repeat;
    background-size: 100px 103px;
    height: 103px;
    margin: 20px auto 16px;
    width: 100px
}

.b-back-panel .b-back-content-success-title {
    color: #fff;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto 8px
}

.b-back-panel .b-back-content-success-tips-wrap {
    color: #999;
    line-height: 16px;
    margin-bottom: 40px;
    text-align: center
}

.b-back-panel .b-back-content-success-tips-wrap a {
    color: #999;
    -webkit-text-decoration: none;
    text-decoration: none
}

.b-back-panel .b-back-content-success-tips {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

.b-back-panel .b-back-content-fail {
    display: none;
    text-align: center;
    width: 100%
}

.b-back-panel .b-back-content-fail.b-back-show {
    display: block
}

.b-back-panel .b-back-content-fail-title {
    color: #fff;
    height: 17px;
    line-height: 17px;
    margin: 10px auto 13px
}

.b-back-panel .b-back-content-fail-image {
    background: url(//s1.hdslb.com/bfs/static/player/img/back-fail.png) no-repeat;
    background-size: 148px 112px;
    height: 112px;
    margin: 0 auto 17px;
    width: 148px
}

.b-back-panel .b-back-content-fail-tips-wrap {
    color: #999;
    line-height: 16px;
    text-align: center
}

.b-back-panel .b-back-content-fail-tips-wrap a {
    color: #999;
    -webkit-text-decoration: none;
    text-decoration: none
}

.b-back-panel .b-back-content-fail-resubmit {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    background-color: #e5e9ef;
    border: none;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    color: #999;
    cursor: pointer;
    cursor: default;
    height: 24px;
    line-height: 24px;
    margin: 16px auto;
    text-align: center;
    width: 84px
}

.b-back-panel .b-back-content-fail-resubmit.b-back-show {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    color: #fff;
    cursor: pointer
}

.b-back-panel .b-back-content-fail-resubmit.b-back-show:hover {
    background-color: #00b5e5;
    background-color: var(--bpx-fn-hover-color, #00b5e5)
}

.b-back-panel .b-back-content-test {
    display: none;
    text-align: center;
    width: 100%
}

.b-back-panel .b-back-content-test.b-back-show {
    display: block
}

.b-back-panel .b-back-content-test-title {
    color: #fff;
    height: 17px;
    line-height: 17px;
    margin: 20px auto 24px
}

.b-back-panel .b-back-content-test-image {
    background: url(//s1.hdslb.com/bfs/static/player/img/back-speed.png) no-repeat;
    background-size: 146px 97px;
    height: 97px;
    margin: 0 auto 24px;
    width: 146px
}

.b-back-panel .b-back-content-test-btn-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 14px;
    overflow: hidden
}

.b-back-panel .b-back-content-test-btn-wrap>* {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    border: none;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 84px
}

.b-back-panel .b-back-content-test-speedtest {
    background-color: hsla(0, 0%, 100%, .2);
    margin-right: 20px
}

.b-back-panel .b-back-content-test-speedtest:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.b-back-panel .b-back-content-test-submit:hover {
    background-color: #00b5e5;
    background-color: var(--bpx-fn-hover-color, #00b5e5)
}

.b-back-panel .b-back-content-test-fail {
    display: none;
    text-align: center;
    width: 100%
}

.b-back-panel .b-back-content-test-fail.b-back-show {
    display: block
}

.b-back-panel .b-back-content-test-fail-image {
    background: url(//s1.hdslb.com/bfs/static/player/img/back-test-fail.png) no-repeat;
    background-size: 151px 114px;
    height: 114px;
    margin: 20px auto;
    width: 151px
}

.b-back-panel .b-back-content-test-fail-title {
    color: #fff;
    line-height: 17px;
    margin: 0 auto 24px;
    white-space: nowrap;
    width: 276px
}

.b-back-panel .b-back-content-test-fail-btn-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    overflow: hidden
}

.b-back-panel .b-back-content-test-fail-btn-wrap>* {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    border: none;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 84px
}

.b-back-panel .b-back-content-test-fail-speedtest {
    background-color: hsla(0, 0%, 100%, .2);
    margin-right: 20px
}

.b-back-panel .b-back-content-test-fail-speedtest:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.b-back-panel .b-back-content-test-fail-submit:hover {
    background-color: #00b5e5;
    background-color: var(--bpx-fn-hover-color, #00b5e5)
}

.b-back-panel .b-back-content-test-success {
    display: none;
    text-align: center;
    width: 100%
}

.b-back-panel .b-back-content-test-success.b-back-show {
    display: block
}

.b-back-panel .b-back-content-test-success-title {
    color: #fff;
    margin: 20px auto 14px
}

.b-back-panel .b-back-content-test-success-circle-wrap {
    color: #5bdbff;
    font-size: 12px;
    height: 140px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 140px
}

.b-back-panel .b-back-content-test-success-circle-wrap canvas {
    position: relative
}

.b-back-panel .b-back-content-test-success-hint-wrap {
    left: 0;
    position: absolute;
    top: 30px;
    width: 140px
}

.b-back-panel .b-back-content-test-success-status {
    height: 18px;
    line-height: 18px
}

.b-back-panel .b-back-content-test-success-progress {
    font-size: 32px;
    height: 45px;
    line-height: 45px
}

.b-back-panel .b-back-content-test-success-result-wrap-result {
    font-size: 21px;
    height: 45px;
    line-height: 55px
}

.b-back-panel .b-back-content-test-success-result-wrap-kbs {
    height: 18px;
    line-height: 18px
}

.b-back-panel .b-back-content-test-success-tips {
    color: #999;
    height: 18px;
    line-height: 18px
}

.b-back-panel .b-back-content-test-success-submit {
    background-color: #00a1d6;
    background-color: var(--bpx-fn-color, #00a1d6);
    border: none;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    margin: 24px auto 30px;
    text-align: center;
    width: 84px
}

.b-back-panel .b-back-content-test-success-submit:hover {
    background-color: #00b5e5;
    background-color: var(--bpx-fn-hover-color, #00b5e5)
}

.b-back-panel div,
.b-back-panel p {
    margin: 0;
    padding: 0
}

.b-back-panel a,
.b-back-panel a:active,
.b-back-panel a:hover,
.b-back-panel a:link,
.b-back-panel a:link:hover,
.b-back-panel a:visited {
    -webkit-text-decoration: none;
    text-decoration: none
}

.b-back-tooltip {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 14px;
    height: 42px;
    left: 50%;
    line-height: 42px;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap
}

.b-back-tooltip.b-back-show {
    display: block
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL25hbm8tYmFjay9zcmMvc3RhdGljL2xlc3MvZ2xvYmFsLmxlc3MiLCJ3ZWJwYWNrOi8vLi8uLi8uLi9wYWNrYWdlcy9uYW5vLWJhY2svc3JjL3N0YXRpYy9sZXNzL2luZGV4Lmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUMsY0NnQkcsa0NBQUEsQ0FIQSxrQ0FBQSxDQURBLGlCQUFBLENBRUEsVUFBQSxDQVhBLFlBQUEsQ0FDQSxjQUFBLENBSUEsUUFBQSxDQUVBLGdCQUFBLENBS0EsZUFBQSxDQVRBLGlCQUFBLENBQ0EsT0FBQSxDQUlBLHNDQUFBLENBQUEsOEJBQUEsQ0FGQSxXQUFBLENBSkEsVUFVSixDRGZDLDBCQ21CTyxhQURSLENEbEJDLDRCQzBCTywwQ0FBQSxDQUhBLGNBQUEsQ0FFQSxnQkFBQSxDQURBLGlCQUFSLENBSUksb0JBT0ksU0FBQSxDQUNBLGNBQUEsQ0FKQSxXQUFBLENBRUEsZ0JBQUEsQ0FMQSxpQkFBQSxDQUVBLFVBQUEsQ0FEQSxRQUFBLENBR0EsVUFDUixDQUdRLHdCQUNJLG1CQURaLENBTVEsc0NBQ0ksWUFBQSxDQUVBLGNBQUEsQ0FEQSxnQkFIWixDRDFDQyxrRENnRGUsYUFIaEIsQ0FNUSxzQ0FDSSxZQUFBLENBQ0EsaUJBQUEsQ0FDQSxlQUpaLENBQ1EsMkRBU1EsNkJBQUEsQ0FBQSxxQkFBQSxDQUlBLGNBQUEsQ0FQQSxhQUFBLENBQ0EsVUFBQSxDQUlBLFdBQUEsQ0FDQSxnQkFBQSxDQUZBLGtCQUFBLENBRkEsaUJBQUEsQ0FIQSxpQkFLaEIsQ0FJZ0IsMEVBQ0ksU0FGcEIsQ0FJZ0IseUVBQ0ksU0FGcEIsQ0FJZ0Isa0VBUUkscUJBQUEsQ0FDQSxpQkFBQSxDQVJBLFVBQUEsQ0FJQSxvQkFBQSxDQUVBLFdBQUEsQ0FIQSxNQUFBLENBRkEsaUJBQUEsQ0FDQSxPQUFBLENBR0EsVUFDcEIsQ0FLb0IsOEVBRUksb0JBQUEsQ0FBQSx3Q0FBQSxDQURBLFVBRnhC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LFVBQUEsQ0FDQSxjQUFBLENBUEEsV0FBQSxDQUdBLGdCQUFBLENDNFhnQixxQkFBQSxDRDNYaEIsaUJBQUEsQ0FMQSxVQ2djSixDQS9Eb0Isd0RBQ0ksd0JBQUEsQ0FBQSxrREFpRXhCLENEdmRDLGtDQzhaTyxRQUFBLENBQ0EsU0E2RFIsQ0Q1ZEMscUlDdWFPLDRCQUFBLENBQUEsb0JBNkRSLENEcGVDLGdCQzRhRywrQkFBQSxDQU1BLGlCQUFBLENBRkEsVUFBQSxDQUxBLFlBQUEsQ0FNQSxjQUFBLENBSkEsV0FBQSxDQVFBLFFBQUEsQ0FQQSxnQkFBQSxDQVFBLGNBQUEsQ0FIQSxpQkFBQSxDQUpBLGlCQUFBLENBS0EsT0FBQSxDQUdBLHNDQUFBLENBQUEsOEJBQUEsQ0FDQSxrQkE0REosQ0RwZkMsNEJDMGJPLGFBNkRSIiwic291cmNlc0NvbnRlbnQiOlsiQHByZWZpeDogYi1iYWNrO1xuXG5AZm4tY29sb3I6IHZhcigtLWJweC1mbi1jb2xvciwgIzAwYTFkNik7XG5AZm4taG92ZXItY29sb3I6IHZhcigtLWJweC1mbi1ob3Zlci1jb2xvciwgIzAwYjVlNSk7XG5cbkB6SW5kZXgtZGlhbG9nLXBhbmVsOiA4MDtcblxuQHdoaXRlLTE6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xKTtcbkB3aGl0ZS0yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG5Ad2hpdGUtMzogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpO1xuQHdoaXRlLTQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC40KTtcbkB3aGl0ZS0xMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAxKTtcblxuQHBhbmVsLWJhY2tncm91bmQ6IHJnYmEoMzMsIDMzLCAzMywgMC45KTtcblxuQGNvbG9yLWdyYXk6ICM5OTk7XG5AY29sb3ItZGFuZ2VyOiAjZmE1YTU3O1xuQGNvbG9yLWRpc2FibGVkOiAjZTVlOWVmO1xuXG4uYnV0dG9uKCkge1xuICAgIHdpZHRoOiA4NHB4O1xuICAgIGhlaWdodDogMjRweDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBAZm4tY29sb3I7XG4gICAgY29sb3I6IEB3aGl0ZS0xMDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLmlucHV0KCkge1xuICAgIHdpZHRoOiAyMThweDtcbiAgICBoZWlnaHQ6IDIycHg7XG4gICAgdGV4dC1pbmRlbnQ6IDZweDtcbiAgICBjb2xvcjogQGNvbG9yLWdyYXk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgQHdoaXRlLTQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogQHBhbmVsLWJhY2tncm91bmQ7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgb3V0bGluZTogbm9uZTtcbn1cblxuLnNwZWVkdGVzdC1idXR0b24oKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IEB3aGl0ZS0yO1xuICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBAd2hpdGUtMztcbiAgICB9XG59XG5cbi5zdWJtaXQtYnV0dG9uKCkge1xuICAgIC5idXR0b247XG4gICAgY29sb3I6IEBjb2xvci1ncmF5O1xuICAgIGJhY2tncm91bmQtY29sb3I6IEBjb2xvci1kaXNhYmxlZDtcbiAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgJi5Ae3ByZWZpeH0tc2hvdyB7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogQGZuLWhvdmVyLWNvbG9yO1xuICAgICAgICB9XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IEBmbi1jb2xvcjtcbiAgICAgICAgY29sb3I6IEB3aGl0ZS0xMDtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4vZ2xvYmFsJztcblxuLkB7cHJlZml4fS1wYW5lbCB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgei1pbmRleDogQHpJbmRleC1kaWFsb2ctcGFuZWw7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB3aWR0aDogNDAwcHg7XG4gICAgbWluLWhlaWdodDogMzAwcHg7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IEBwYW5lbC1iYWNrZ3JvdW5kO1xuICAgIGNvbG9yOiBAd2hpdGUtMTA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcblxuICAgICYuQHtwcmVmaXh9LXNob3cge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5cbiAgICAuQHtwcmVmaXh9LXRpdGxlIHtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4O1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgQHdoaXRlLTE7XG4gICAgfVxuICAgICYtY2xvc2Uge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMTBweDtcbiAgICAgICAgcmlnaHQ6IDEwcHg7XG4gICAgICAgIGhlaWdodDogMjJweDtcbiAgICAgICAgd2lkdGg6IDIycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgICBmaWxsOiBAd2hpdGUtMTA7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgJiA+IHN2ZyB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvLyDpu5jorqTpnaLmnb9cbiAgICAuQHtwcmVmaXh9LWNvbnRlbnQge1xuICAgICAgICAmLWRlZmF1bHQge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIG1hcmdpbjogMTBweCAxNnB4O1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgJi5Ae3ByZWZpeH0tc2hvdyB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgJi10YWJtZW51IHtcbiAgICAgICAgICAgIGhlaWdodDogMTUwcHg7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICAgICAgLkB7cHJlZml4fS10YWJtZW51LWxpc3Qge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxMnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMThweDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMThweDtcbiAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgJjpudGgtY2hpbGQob2RkKSB7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiA2MCU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6bnRoLWNoaWxkKGV2ZW4pIHtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDQwJTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAycHg7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEycHg7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAmLkB7cHJlZml4fS1zaG93IHtcbiAgICAgICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgICAgICB0b3A6IDVweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGxlZnQ6IDNweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA4cHg7XG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDhweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IEBmbi1jb2xvcjtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAmLWlucHV0IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA2cHg7XG4gICAgICAgICAgICAmLkB7cHJlZml4fS1zaG93IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC5Ae3ByZWZpeH0taW5wdXQge1xuICAgICAgICAgICAgICAgIC5pbnB1dDtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgQGZuLWNvbG9yO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC5Ae3ByZWZpeH0taW5wdXQtb3ZlcnJhbmdlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiBAY29sb3ItZGFuZ2VyO1xuICAgICAgICAgICAgICAgICYuQHtwcmVmaXh9LXNob3cge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLkB7cHJlZml4fS1jb250YWN0LWluZm9ybWF0aW9uIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDE2cHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDIycHg7XG4gICAgICAgICAgICAmLXRpcCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICYtaW5wdXQge1xuICAgICAgICAgICAgICAgIC5pbnB1dDtcbiAgICAgICAgICAgICAgICB3aWR0aDogMjg5cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBAZm4tY29sb3I7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLkB7cHJlZml4fS10eXBlLWVycm9yIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgIHRvcDogMTAwJTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogNTZweDtcbiAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTZweDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogQGNvbG9yLWRhbmdlcjtcbiAgICAgICAgICAgICAgICAmLkB7cHJlZml4fS1zaG93IHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC5Ae3ByZWZpeH0tc3VibWl0LXdyYXAge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgcGFkZGluZzogOXB4IDAgMjBweDtcbiAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCBAd2hpdGUtMTtcbiAgICAgICAgICAgIC5Ae3ByZWZpeH0tc3VibWl0IHtcbiAgICAgICAgICAgICAgICAuYnV0dG9uO1xuICAgICAgICAgICAgICAgIHdpZHRoOiA5MnB4O1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IEB3aGl0ZS0yO1xuICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBAd2hpdGUtMztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgLkB7cHJlZml4fS12ZXJzaW9uLXdyYXAge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIHdpZHRoOiAyMjBweDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGEge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE0cHg7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgICAgICAgICAgICAgY29sb3I6IEBjb2xvci1ncmF5O1xuICAgICAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogQGZuLWNvbG9yO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIOWPjemmiOaIkOWKn+mdouadv1xuICAgICAgICAmLXN1Y2Nlc3Mge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgJi5Ae3ByZWZpeH0tc2hvdyB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLWltYWdlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDIwcHggYXV0byAxNnB4O1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHVybCgvL3MxLmhkc2xiLmNvbS9iZnMvc3RhdGljL3BsYXllci9pbWcvYmFjay1zdWNjZXNzLnBuZykgbm8tcmVwZWF0O1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogMTAwcHggMTAzcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLXRpdGxlIHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDAgYXV0bztcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgICAgICAgICAgICAgY29sb3I6IEB3aGl0ZS0xMDtcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJi10aXBzLXdyYXAge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGNvbG9yOiBAY29sb3ItZ3JheTtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICAgICAgICAgICAgICBhIHtcbiAgICAgICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogQGNvbG9yLWdyYXk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJi10aXBzIHtcbiAgICAgICAgICAgICAgICB1c2VyLXNlbGVjdDogYWxsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC8vIOWPjemmiOWksei0pemdouadv1xuICAgICAgICAmLWZhaWwge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgJi5Ae3ByZWZpeH0tc2hvdyB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLXRpdGxlIHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDEwcHggYXV0byAxM3B4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiBAd2hpdGUtMTA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxN3B4O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxN3B4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJi1pbWFnZSB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0OHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTEycHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdXJsKC8vczEuaGRzbGIuY29tL2Jmcy9zdGF0aWMvcGxheWVyL2ltZy9iYWNrLWZhaWwucG5nKSBuby1yZXBlYXQ7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1zaXplOiAxNDhweCAxMTJweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxN3B4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJi10aXBzLXdyYXAge1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBjb2xvcjogQGNvbG9yLWdyYXk7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgICAgICAgYSB7XG4gICAgICAgICAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IEBjb2xvci1ncmF5O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICYtcmVzdWJtaXQge1xuICAgICAgICAgICAgICAgIC5zdWJtaXQtYnV0dG9uO1xuICAgICAgICAgICAgICAgIG1hcmdpbjogMTZweCBhdXRvO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC8vIOa1i+ivlemdouadv1xuICAgICAgICAmLXRlc3Qge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgJi5Ae3ByZWZpeH0tc2hvdyB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLXRpdGxlIHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDIwcHggYXV0byAyNHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiBAd2hpdGUtMTA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxN3B4O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxN3B4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJi1pbWFnZSB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogOTdweDtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDAgYXV0bztcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoLy9zMS5oZHNsYi5jb20vYmZzL3N0YXRpYy9wbGF5ZXIvaW1nL2JhY2stc3BlZWQucG5nKSBuby1yZXBlYXQ7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1zaXplOiAxNDZweCA5N3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDI0cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLWJ0bi13cmFwIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDE0cHg7XG4gICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgICAgICA+ICoge1xuICAgICAgICAgICAgICAgICAgICAuYnV0dG9uO1xuICAgICAgICAgICAgICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLXNwZWVkdGVzdCB7XG4gICAgICAgICAgICAgICAgLnNwZWVkdGVzdC1idXR0b247XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmLXN1Ym1pdCB7XG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IEBmbi1ob3Zlci1jb2xvcjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyDmtYvor5XlpLHotKVcbiAgICAgICAgICAgICYtZmFpbCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgJi5Ae3ByZWZpeH0tc2hvdyB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAmLWltYWdlIHtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDE1MXB4O1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDExNHB4O1xuICAgICAgICAgICAgICAgICAgICBtYXJnaW46IDIwcHggYXV0bztcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdXJsKC8vczEuaGRzbGIuY29tL2Jmcy9zdGF0aWMvcGxheWVyL2ltZy9iYWNrLXRlc3QtZmFpbC5wbmcpIG5vLXJlcGVhdDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1zaXplOiAxNTFweCAxMTRweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJi10aXRsZSB7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyNzZweDtcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDI0cHg7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBAd2hpdGUtMTA7XG4gICAgICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxN3B4O1xuICAgICAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAmLWJ0bi13cmFwIHtcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMzBweDtcbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgID4gKiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAuYnV0dG9uO1xuICAgICAgICAgICAgICAgICAgICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJi1zcGVlZHRlc3Qge1xuICAgICAgICAgICAgICAgICAgICAuc3BlZWR0ZXN0LWJ1dHRvbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJi1zdWJtaXQge1xuICAgICAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IEBmbi1ob3Zlci1jb2xvcjtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIOa1i+ivlem7mOiupOmdouadv1xuICAgICAgICAgICAgJi1zdWNjZXNzIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICAmLkB7cHJlZml4fS1zaG93IHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICYtdGl0bGUge1xuICAgICAgICAgICAgICAgICAgICBtYXJnaW46IDIwcHggYXV0byAxNHB4O1xuICAgICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogQHdoaXRlLTEwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAmLWNpcmNsZS13cmFwIHtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDE0MHB4O1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDE0MHB4O1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvO1xuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAjNWJkYmZmO1xuICAgICAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGNhbnZhcyB7XG4gICAgICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJi1oaW50LXdyYXAge1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMzBweDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMHB4O1xuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTQwcHg7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICYtc3RhdHVzIHtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMThweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJi1wcm9ncmVzcyB7XG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiA0NXB4O1xuICAgICAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogNDVweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJi1yZXN1bHQtd3JhcCB7XG4gICAgICAgICAgICAgICAgICAgICYtcmVzdWx0IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjFweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogNDVweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiA1NXB4O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICYta2JzIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogMThweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICYtdGlwcyB7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMThweDtcbiAgICAgICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBAY29sb3ItZ3JheTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJi1zdWJtaXQge1xuICAgICAgICAgICAgICAgICAgICAuYnV0dG9uO1xuICAgICAgICAgICAgICAgICAgICBtYXJnaW46IDI0cHggYXV0byAzMHB4O1xuICAgICAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IEBmbi1ob3Zlci1jb2xvcjtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICBkaXYsXG4gICAgcCB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gICAgYSxcbiAgICBhOmxpbmssXG4gICAgYTpsaW5rOmhvdmVyLFxuICAgIGE6dmlzaXRlZCxcbiAgICBhOmhvdmVyLFxuICAgIGE6YWN0aXZlIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIH1cbn1cbi5Ae3ByZWZpeH0tdG9vbHRpcCB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4gICAgaGVpZ2h0OiA0MnB4O1xuICAgIGxpbmUtaGVpZ2h0OiA0MnB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBjb2xvcjogQHdoaXRlLTEwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICBwYWRkaW5nOiAwIDIwcHg7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAmLkB7cHJlZml4fS1zaG93IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */

<script src="./lib/nc-loader-2.13.0.min.js"></script>

:root {
    --v_xs: 5px;
    --v_xsx: 4px;
    --v_xxs: 6px;
    --v_sm: 10px;
    --v_smx: 8px;
    --v_xsm: 12px;
    --v_md: 15px;
    --v_mdx: 14px;
    --v_xmd: 16px;
    --v_lg: 20px;
    --v_lgx: 18px;
    --v_xlg: 22px;
    --v_xl: 25px;
    --v_xlx: 24px;
    --v_xxl: 26px;
    --v_fs_1: 24px;
    --v_fs_2: 18px;
    --v_fs_3: 16px;
    --v_fs_4: 14px;
    --v_fs_5: 13px;
    --v_fs_6: 12px;
    --v_lh_xs: 1;
    --v_lh_sm: 1.25;
    --v_lh_md: 1.5;
    --v_lh_lg: 1.75;
    --v_lh_xl: 2;
    --v_height_xs: 16px;
    --v_height_sm: 24px;
    --v_height_md: 32px;
    --v_height_lg: 40px;
    --v_height_xl: 48px;
    --v_radius: 6px;
    --v_radius_sm: 4px;
    --v_radius_md: 8px;
    --v_radius_lg: 10px;
    --v_brand_pink: var(--brand_pink, #FF6699);
    --v_brand_pink_thin: var(--brand_pink_thin, #FFECF1);
    --v_brand_blue: var(--brand_blue, #00AEEC);
    --v_brand_blue_thin: var(--brand_blue_thin, #DFF6FD);
    --v_stress_red: var(--stress_red, #F85A54);
    --v_stress_red_thin: var(--stress_red_thin, #FEECEA);
    --v_success_green: var(--success_green, #2AC864);
    --v_success_green_thin: var(--success_green_thin, #E4F8EA);
    --v_operate_orange: var(--operate_orange, #FF7F24);
    --v_operate_orange_thin: var(--operate_orange_thin, #FFF0E3);
    --v_pay_yellow: var(--pay_yellow, #FFB027);
    --v_pay_yellow_thin: var(--pay_yellow_thin, #FFF6E4);
    --v_bg1: var(--bg1, #FFFFFF);
    --v_bg2: var(--bg2, #F6F7F8);
    --v_bg3: var(--bg3, #F1F2F3);
    --v_bg1_float: var(--bg1_float, #FFFFFF);
    --v_bg2_float: var(--bg2_float, #F1F2F3);
    --v_text_white: var(--text_white, #FFFFFF);
    --v_text1: var(--text1, #18191C);
    --v_text2: var(--text2, #61666D);
    --v_text3: var(--text3, #9499A0);
    --v_text4: var(--text4, #C9CCD0);
    --v_text_link: var(--text_link, #008AC5);
    --v_text_notice: var(--text_notice, #E58900);
    --v_line_light: var(--line_light, #F1F2F3);
    --v_line_regular: var(--line_regular, #E3E5E7);
    --v_line_bold: var(--line_bold, #C9CCD0);
    --v_graph_white: var(--graph_white, #FFFFFF);
    --v_graph_bg_thin: var(--graph_bg_thin, #F6F7F8);
    --v_graph_bg_regular: var(--graph_bg_regular, #F1F2F3);
    --v_graph_bg_thick: var(--graph_bg_thick, #E3E5E7);
    --v_graph_weak: var(--graph_weak, #C9CCD0);
    --v_graph_medium: var(--graph_medium, #9499A0);
    --v_graph_icon: var(--graph_icon, #61666D);
    --v_shadow: var(--shadow, #000000);
    --v_brand_pink_hover: var(--brand_pink_hover, #FF8CB0);
    --v_brand_pink_active: var(--brand_pink_active, #E84B85);
    --v_brand_pink_disabled: var(--brand_pink_disabled, #FFB3CA);
    --v_brand_blue_hover: var(--brand_blue_hover, #40C5F1);
    --v_brand_blue_active: var(--brand_blue_active, #008AC5);
    --v_brand_blue_disabled: var(--brand_blue_disabled, #80DAF6);
    --v_stress_red_hover: var(--stress_red_hover, #FA857F);
    --v_stress_red_active: var(--stress_red_active, #E23D3D);
    --v_stress_red_disabled: var(--stress_red_disabled, #FCAFAA);
    --v_text_hover: var(--text_hover, #797F87);
    --v_text_active: var(--text_active, #61666D);
    --v_text_disabled: var(--text_disabled, #C9CCD0);
    --v_line_border: var(--line_border, #C9CCD0);
    --v_line_bolder_hover: var(--line_bolder_hover, #E3E5E7);
    --v_line_bolder_active: var(--line_bolder_active, #AEB3B9);
    --v_line_bolder_disabled: var(--line_bolder_disabled, #F1F2F3)
}

.vui_button:not(.vui_button--no-transition) {
    -webkit-transition-property: color, background-color, border, -webkit-transform;
    transition-property: color, background-color, border, -webkit-transform;
    transition-property: color, background-color, border, transform;
    transition-property: color, background-color, border, transform, -webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.vui_button {
    height: 34px;
    padding: 0 var(--v_md);
    border-radius: var(--v_radius);
    font-size: var(--v_fs_4);
    line-height: 1;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.vui_button[disabled],
.vui_button[disabled]:hover,
.vui_button[disabled]:active {
    cursor: not-allowed
}

.vui_button--sm {
    height: 24px;
    padding: 0 var(--v_sm);
    font-size: var(--v_fs_5)
}

.vui_button--lg {
    height: 40px;
    padding: 0 var(--v_lg);
    font-size: 16px
}

.vui_button--block {
    display: block;
    width: 100%
}

.vui_button--round {
    border-radius: 17px
}

.vui_button--active-shrink:active {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.vui_button--text,
.vui_button--link,
.vui_button--tab {
    display: inline-block;
    height: 32px;
    padding: 0 var(--v_md);
    font-size: var(--v_fs_4)
}

.vui_button,
.vui_button:focus {
    color: var(--v_text1);
    background: var(--v_bg1_float);
    border: 1px solid var(--v_line_regular)
}

.vui_button:hover,
.vui_button:active,
.vui_button.vui_button--active,
.vui_button.vui_button--active:hover {
    color: var(--v_text1);
    background: var(--v_graph_bg_thick);
    border: 1px solid var(--v_line_regular)
}

.vui_button[disabled],
.vui_button[disabled]:hover,
.vui_button[disabled]:active,
.vui_button[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1_float);
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--text,
.vui_button--text:focus {
    color: var(--v_text1);
    background: var(--v_bg1);
    border: none
}

.vui_button--text:hover,
.vui_button--text:active,
.vui_button--text.vui_button--active,
.vui_button--text.vui_button--active:hover {
    color: var(--v_text1);
    background: var(--v_graph_bg_thick);
    border: none
}

.vui_button--text[disabled],
.vui_button--text[disabled]:hover,
.vui_button--text[disabled]:active,
.vui_button--text[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: none
}

.vui_button--link,
.vui_button--link:focus {
    color: var(--v_brand_blue);
    background: var(--v_bg1);
    border: none
}

.vui_button--link:hover,
.vui_button--link:active,
.vui_button--link.vui_button--active,
.vui_button--link.vui_button--active:hover {
    color: var(--v_brand_blue);
    background: var(--v_brand_blue_thin);
    border: none
}

.vui_button--link[disabled],
.vui_button--link[disabled]:hover,
.vui_button--link[disabled]:active,
.vui_button--link[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: none
}

.vui_button--tab,
.vui_button--tab:focus {
    color: var(--v_text2);
    background: var(--v_bg1);
    border: none
}

.vui_button--tab:hover {
    color: var(--v_brand_blue);
    background: var(--v_bg1);
    border: none
}

.vui_button--tab:active,
.vui_button--tab.vui_button--active,
.vui_button--tab.vui_button--active:hover {
    color: var(--v_brand_blue);
    background: var(--v_brand_blue_thin);
    border: none
}

.vui_button--tab[disabled],
.vui_button--tab[disabled]:hover,
.vui_button--tab[disabled]:active,
.vui_button--tab[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: none
}

.vui_button--active-blue,
.vui_button--active-blue:focus {
    color: var(--v_text1);
    background: var(--v_bg1);
    border: 1px solid var(--v_line_regular)
}

.vui_button--active-blue:hover {
    color: var(--v_brand_blue);
    background: var(--v_bg1);
    border: 1px solid var(--v_brand_blue)
}

.vui_button--active-blue:active,
.vui_button--active-blue.vui_button--active,
.vui_button--active-blue.vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_brand_blue);
    border: 1px solid var(--v_brand_blue)
}

.vui_button--active-blue[disabled],
.vui_button--active-blue[disabled]:hover,
.vui_button--active-blue[disabled]:active,
.vui_button--active-blue[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--active-blue.vui_button--plain:hover {
    color: var(--v_brand_blue);
    background: transparent;
    border: 1px solid var(--v_brand_blue)
}

.vui_button--active-blue.vui_button--plain:active,
.vui_button--active-blue.vui_button--plain.vui_button--active,
.vui_button--active-blue.vui_button--plain.vui_button--active:hover {
    color: var(--v_brand_blue_active);
    background: transparent;
    border: 1px solid var(--v_brand_blue_active)
}

.vui_button--active-blue.vui_button--plain[disabled],
.vui_button--active-blue.vui_button--plain[disabled]:hover,
.vui_button--active-blue.vui_button--plain[disabled]:active,
.vui_button--active-blue.vui_button--plain[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: transparent;
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link),
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link):focus {
    color: var(--v_text1);
    background: var(--v_bg1);
    border: 1px solid var(--v_line_regular)
}

.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link):hover {
    color: var(--v_brand_pink);
    background: var(--v_bg1);
    border: 1px solid var(--v_brand_pink)
}

.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link):active,
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link).vui_button--active,
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link).vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_brand_pink);
    border: 1px solid var(--v_brand_pink)
}

.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link)[disabled],
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link)[disabled]:hover,
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link)[disabled]:active,
.vui_button--active-pink:not([disabled], .vui_button--tab, .vui_button--link)[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_bg1);
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--active-pink.vui_button--tab:not([disabled]):hover {
    color: var(--v_brand_pink);
    background: var(--v_bg1);
    border: none
}

.vui_button--active-pink.vui_button--tab:not([disabled]):active,
.vui_button--active-pink.vui_button--tab:not([disabled]).vui_button--active,
.vui_button--active-pink.vui_button--tab:not([disabled]).vui_button--active:hover {
    color: var(--v_brand_pink);
    background: var(--v_brand_pink_thin);
    border: none
}

.vui_button--active-pink.vui_button--link:not([disabled]),
.vui_button--active-pink.vui_button--link:not([disabled]):focus {
    color: var(--v_brand_pink);
    background: var(--v_bg1);
    border: none
}

.vui_button--active-pink.vui_button--link:not([disabled]):hover {
    color: var(--v_brand_pink);
    background: var(--v_brand_pink_thin);
    border: none
}

.vui_button--active-pink.vui_button--link:not([disabled]):active,
.vui_button--active-pink.vui_button--link:not([disabled]).vui_button--active,
.vui_button--active-pink.vui_button--link:not([disabled]).vui_button--active:hover {
    color: var(--v_brand_pink);
    background: var(--v_brand_pink_thin);
    border: none
}

.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link):hover {
    color: var(--v_brand_pink);
    background: transparent;
    border: 1px solid var(--v_brand_pink)
}

.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link):active,
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link).vui_button--active,
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link).vui_button--active:hover {
    color: var(--v_brand_pink_active);
    background: transparent;
    border: 1px solid var(--v_brand_pink_active)
}

.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link)[disabled],
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link)[disabled]:hover,
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link)[disabled]:active,
.vui_button--active-pink.vui_button--plain:not([disabled], .vui_button--tab, .vui_button--link)[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: transparent;
    border: 1px solid var(--v_line_bolder_disabled)
}

.vui_button--blue,
.vui_button--blue:focus {
    color: var(--v_text_white);
    background: var(--v_brand_blue);
    border: 1px solid var(--v_brand_blue)
}

.vui_button--blue:hover {
    color: var(--v_text_white);
    background: var(--v_brand_blue_hover);
    border: 1px solid var(--v_brand_blue_hover)
}

.vui_button--blue:active,
.vui_button--blue.vui_button--active,
.vui_button--blue.vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_brand_blue_active);
    border: 1px solid var(--v_brand_blue_active)
}

.vui_button--blue[disabled],
.vui_button--blue[disabled]:hover,
.vui_button--blue[disabled]:active,
.vui_button--blue[disabled].vui_button--active {
    color: var(--v_text_white);
    background: var(--v_brand_blue_disabled);
    border: 1px solid var(--v_brand_blue_disabled)
}

.vui_button--blue.vui_button--plain,
.vui_button--blue.vui_button--plain:focus {
    color: var(--v_brand_blue);
    background: transparent;
    border: 1px solid var(--v_brand_blue)
}

.vui_button--blue.vui_button--plain:hover {
    color: var(--v_brand_blue);
    background: var(--v_brand_blue_thin);
    border: 1px solid var(--v_brand_blue)
}

.vui_button--blue.vui_button--plain:active,
.vui_button--blue.vui_button--plain.vui_button--active,
.vui_button--blue.vui_button--plain.vui_button--active:hover {
    color: var(--v_brand_blue_active);
    background: var(--v_brand_blue_thin);
    border: 1px solid var(--v_brand_blue_active)
}

.vui_button--blue.vui_button--plain[disabled],
.vui_button--blue.vui_button--plain[disabled]:hover,
.vui_button--blue.vui_button--plain[disabled]:active,
.vui_button--blue.vui_button--plain[disabled].vui_button--active {
    color: var(--v_brand_blue_disabled);
    background: transparent;
    border: 1px solid var(--v_brand_blue_disabled)
}

.vui_button--pink,
.vui_button--pink:focus {
    color: var(--v_text_white);
    background: var(--v_brand_pink);
    border: 1px solid var(--v_brand_pink)
}

.vui_button--pink:hover {
    color: var(--v_text_white);
    background: var(--v_brand_pink_hover);
    border: 1px solid var(--v_brand_pink_hover)
}

.vui_button--pink:active,
.vui_button--pink.vui_button--active,
.vui_button--pink.vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_brand_pink_active);
    border: 1px solid var(--v_brand_pink_active)
}

.vui_button--pink[disabled],
.vui_button--pink[disabled]:hover,
.vui_button--pink[disabled]:active,
.vui_button--pink[disabled].vui_button--active {
    color: var(--v_text_white);
    background: var(--v_brand_pink_disabled);
    border: 1px solid var(--v_brand_pink_disabled)
}

.vui_button--pink.vui_button--plain,
.vui_button--pink.vui_button--plain:focus {
    color: var(--v_brand_pink);
    background: transparent;
    border: 1px solid var(--v_brand_pink)
}

.vui_button--pink.vui_button--plain:hover {
    color: var(--v_brand_pink);
    background: var(--v_brand_pink_thin);
    border: 1px solid var(--v_brand_pink)
}

.vui_button--pink.vui_button--plain:active,
.vui_button--pink.vui_button--plain.vui_button--active,
.vui_button--pink.vui_button--plain.vui_button--active:hover {
    color: var(--v_brand_pink_active);
    background: var(--v_brand_pink_thin);
    border: 1px solid var(--v_brand_pink_active)
}

.vui_button--pink.vui_button--plain[disabled],
.vui_button--pink.vui_button--plain[disabled]:hover,
.vui_button--pink.vui_button--plain[disabled]:active,
.vui_button--pink.vui_button--plain[disabled].vui_button--active {
    color: var(--v_brand_pink_disabled);
    background: transparent;
    border: 1px solid var(--v_brand_pink_disabled)
}

.vui_button--danger,
.vui_button--danger:focus {
    color: var(--v_text_white);
    background: var(--v_stress_red);
    border: 1px solid var(--v_stress_red)
}

.vui_button--danger:hover {
    color: var(--v_text_white);
    background: var(--v_stress_red_hover);
    border: 1px solid var(--v_stress_red_hover)
}

.vui_button--danger:active,
.vui_button--danger.vui_button--active,
.vui_button--danger.vui_button--active:hover {
    color: var(--v_text_white);
    background: var(--v_stress_red_active);
    border: 1px solid var(--v_stress_red_active)
}

.vui_button--danger[disabled],
.vui_button--danger[disabled]:hover,
.vui_button--danger[disabled]:active,
.vui_button--danger[disabled].vui_button--active {
    color: var(--v_text_white);
    background: var(--v_stress_red_disabled);
    border: 1px solid var(--v_stress_red_disabled)
}

.vui_button--danger.vui_button--plain,
.vui_button--danger.vui_button--plain:focus {
    color: var(--v_stress_red);
    background: transparent;
    border: 1px solid var(--v_stress_red)
}

.vui_button--danger.vui_button--plain:hover {
    color: var(--v_stress_red);
    background: var(--v_stress_red_thin);
    border: 1px solid var(--v_stress_red)
}

.vui_button--danger.vui_button--plain:active,
.vui_button--danger.vui_button--plain.vui_button--active,
.vui_button--danger.vui_button--plain.vui_button--active:hover {
    color: var(--v_stress_red_active);
    background: var(--v_stress_red_thin);
    border: 1px solid var(--v_stress_red_active)
}

.vui_button--danger.vui_button--plain[disabled],
.vui_button--danger.vui_button--plain[disabled]:hover,
.vui_button--danger.vui_button--plain[disabled]:active,
.vui_button--danger.vui_button--plain[disabled].vui_button--active {
    color: var(--v_stress_red_disabled);
    background: transparent;
    border: 1px solid var(--v_stress_red_disabled)
}

.vui_button--grey,
.vui_button--grey:focus {
    color: var(--v_text2);
    background: var(--v_graph_bg_regular);
    border: none
}

.vui_button--grey:hover,
.vui_button--grey:active,
.vui_button--grey.vui_button--active,
.vui_button--grey.vui_button--active:hover {
    color: var(--v_text2);
    background: var(--v_graph_bg_thick);
    border: none
}

.vui_button--grey[disabled],
.vui_button--grey[disabled]:hover,
.vui_button--grey[disabled]:active,
.vui_button--grey[disabled].vui_button--active {
    color: var(--v_text_disabled);
    background: var(--v_graph_bg_thin);
    border: none
}

.vui_toast {
    position: fixed;
    z-index: 99999;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 36px;
    color: var(--v_text_white);
    background: rgba(51, 51, 51, .8);
    border-radius: 4px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vui_toast--top {
    top: 100px
}

.vui_dialog--mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #00000080
}

.vui_dialog--wrapper {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%
}

.vui_dialog--content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    color: var(--v_text1);
    font-size: 14px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%);
    background-color: var(--v_bg1);
    border-radius: 8px;
    padding: 16px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.vui_dialog--content.empty {
    padding: 0;
    border: none
}

.vui_dialog--content.vui_dialog--shadow {
    border: 1px solid var(--v_line_regular);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px #0000001a
}

.vui_dialog--close {
    color: var(--text2);
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 22px;
    height: 22px
}

.vui_dialog--header {
    margin-top: 16px
}

.vui_dialog--title {
    color: var(--text1);
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.vui_dialog--body {
    color: var(--text2);
    font-size: 14px;
    padding: 10px 0;
    text-align: center
}

.vui_dialog--footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--v_bg1);
    margin-top: 14px;
    height: 32px
}

.vui_dialog--btn {
    height: 32px;
    width: 130px;
    margin-right: 12px
}

.vui_dialog--btn-cancel {
    color: var(--v_text1);
    border: 1px solid var(--v_line_regular)
}

.vui_dialog--btn-confirm {
    color: var(--v_text_white);
    background-color: var(--v_brand_blue)
}

.vui_dialog-enter-active,
.vui_dialog-leave-active {
    -webkit-transition: all .2s;
    transition: all .2s
}

.vui_dialog-enter-from,
.vui_dialog-leave-to {
    opacity: 0
}

.vui_dialog-leave-to.vui_dialog--content {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
    transform: translate(-50%) translateY(-50%) scale(.8)
}

.reply-modal__content {
    padding: 10px 30px 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--text1)
}

.reply-modal__footer {
    display: flex;
    justify-content: center
}

.reply-modal__footer .reply-modal__btn {
    cursor: pointer;
    width: 100px
}

.reply-modal__footer .reply-modal__btn.confirm {
    margin-left: 24px
}

.reply-modal__footer .reply-modal__btn.cancel {
    color: var(--text2)
}

.vui_radio {
    --radio-hover-color: var(--v_brand_blue);
    --radio-focus-color: var(--v_brand_blue);
    --radio-active-color: var(--v_brand_blue);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--v_fs_4);
    line-height: var(--v_lh_md);
    padding-right: var(--v_md);
    color: var(--v_text1);
    cursor: pointer
}

.vui_radio--pink {
    --radio-hover-color: var(--v_brand_pink);
    --radio-focus-color: var(--v_brand_pink);
    --radio-active-color: var(--v_brand_pink)
}

.vui_radio--input {
    position: relative;
    display: inline-block;
    line-height: 1
}

.vui_radio--input-original {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    cursor: pointer
}

.vui_radio--input-box {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--v_bg1);
    border: 1px solid var(--v_line_regular);
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.vui_radio--input-box:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 4px;
    border-style: solid;
    border-color: var(--radio-active-color);
    border-radius: 4px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.vui_radio--large {
    height: var(--v_lh_lg);
    line-height: var(--v_lh_lg);
    font-size: var(--v_fs_4);
    padding-right: var(--v_lg)
}

.vui_radio--large .vui_radio--input-box {
    width: 16px;
    height: 16px
}

.vui_radio--large .vui_radio--input-box:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-radius: 4px
}

.vui_radio--small {
    height: var(--v_lh_sm);
    line-height: var(--v_lh_sm);
    font-size: var(--v_fs_6);
    padding-right: var(--v_sm)
}

.vui_radio--small .vui_radio--input-box {
    width: 12px;
    height: 12px
}

.vui_radio--small .vui_radio--input-box:after {
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    border-width: 3px;
    border-radius: 3px
}

.vui_radio--label {
    padding: 0 var(--v_smx);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vui_radio:hover:not(.vui_radio--disabled) .vui_radio--input-box {
    border-color: var(--radio-hover-color)
}

.vui_radio--focused:not(.vui_radio--disabled) .vui_radio--input-box {
    border-color: var(--radio-focus-color)
}

.vui_radio--checked .vui_radio--input-box {
    border-color: var(--radio-active-color)
}

.vui_radio--checked .vui_radio--input-box:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.vui_radio--disabled {
    cursor: not-allowed;
    color: var(--v_graph_bg_thick)
}

.vui_radio--disabled .vui_radio--input-inner {
    cursor: not-allowed
}

.vui_radio--disabled .vui_radio--input-box {
    background-color: var(--v_graph_bg_regular);
    border-color: var(--v_graph_bg_thick)
}

.vui_radio--disabled .vui_radio--input-box:after {
    border-color: var(--v_graph_bg_thick)
}

.reply-cmpa {
    text-align: left
}

.reply-cmpa-title {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text2)
}

.reply-cmpa-content .vui_radio {
    display: flex;
    margin-bottom: 16px
}

.reply-cmpa-other {
    height: 120px;
    margin-top: 16px;
    margin-bottom: 32px
}

.reply-cmpa-other textarea {
    box-sizing: border-box;
    padding: 12px 12px 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    outline: none;
    resize: none;
    transition: border-color .2s
}

.reply-cmpa-other textarea:focus,
.reply-cmpa-other textarea:hover {
    border-color: var(--brand_blue)
}

.reply-cmpa-other textarea::-webkit-input-placeholder {
    color: var(--text3)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.svg-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.svg-icon svg {
    width: 100%;
    height: 100%
}

.svg-icon.use-color svg path {
    fill: currentColor;
    color: inherit
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-operation {
    display: inline-flex;
    position: relative
}

.reply-operation .operation-icon {
    color: #9499a0;
    cursor: pointer
}

.reply-operation .operation-icon:hover {
    color: #00aeec
}

.reply-operation .operation-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 10;
    width: 120px;
    padding: 10px 0;
    border-radius: 4px;
    font-size: 14px;
    color: var(--text1);
    background-color: var(--bg1);
    box-shadow: 0 0 5px #0003
}

.reply-operation .operation-list .operation-option {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 15px;
    cursor: pointer
}

.reply-operation .operation-list .operation-option:hover {
    background-color: var(--bg3)
}

.reply-operation .operation-list .operation-option:hover .option-title {
    color: var(--brand_blue)
}

.reply-operation .operation-list .delete-reply-modal {
    position: absolute;
    top: 0;
    right: -110%;
    width: auto;
    padding: 10px 20px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 8px;
    margin-bottom: 100px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bg1);
    box-shadow: 0 0 5px #0003;
    transform: translate(-50%, -100%)
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
    border-radius: 4px;
    margin-right: 20px;
    color: var(--text_white);
    background-color: var(--brand_blue)
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete:hover {
    background-color: var(--Lb4)
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px
}

.reply-operation .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete:hover {
    color: var(--brand_blue)
}

.select-reply-dialog .select-dialog-content {
    text-align: center
}

.select-reply-dialog .comfirm-select-reply {
    margin-right: 20px
}

.close-reply-dialog .close-reply-dialog-content {
    text-align: center
}

.close-reply-dialog .comfirm-close-reply {
    margin-right: 20px
}

.close-danmaku-dialog .close-danmaku-dialog-content {
    text-align: center
}

.close-danmaku-dialog .comfirm-close-danmaku {
    margin-right: 20px
}

.blacklist-dialog .blacklist-dialog-content {
    text-align: center
}

.blacklist-dialog .comfirm-pull-blacklist {
    margin-right: 20px
}

.cmpa-dialog .cmpa-btn {
    cursor: pointer;
    width: 100px
}

.cmpa-dialog .cmpa-btn.confirm {
    margin-left: 24px
}

.cmpa-dialog .cmpa-btn.cancel {
    color: var(--text2)
}

.report-dialog {
    max-height: 100vh;
    overflow-y: auto
}

.report-dialog::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.report-dialog::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.report-dialog::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.report-dialog .report-dialog-content {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    border-top: .5px solid var(--graph_weak)
}

.report-dialog .report-dialog-content .jury-enter {
    display: flex;
    align-items: center;
    position: relative;
    padding: 12px;
    border-radius: 4px;
    color: var(--text1);
    background-color: var(--bg2);
    transition: .2s;
    cursor: pointer
}

.report-dialog .report-dialog-content .jury-enter:hover {
    background-color: var(--bg3)
}

.report-dialog .report-dialog-content .jury-enter .jump-icon {
    position: absolute;
    right: 12px;
    color: var(--text3)
}

.report-dialog .report-dialog-content .report-reason-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-type {
    margin-bottom: 15px;
    font-size: 12px;
    text-align: left;
    color: var(--text3)
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 25%;
    margin-bottom: 16px
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item .reason-radio {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid var(--graph_medium);
    margin-right: 8px;
    outline: none;
    appearance: none;
    cursor: pointer
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item .reason-radio-label {
    cursor: pointer
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item.checked .reason-radio {
    border-color: var(--brand_blue)
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item.checked .reason-radio:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--brand_blue)
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item .custom-reason {
    width: 470px
}

.report-dialog .report-dialog-content .report-reason-wrap .report-reason-list .report-reason-item .custom-reason .custom-reason-textarea {
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    padding: 8px;
    margin-top: 8px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    outline: none;
    resize: none
}

.report-dialog .vui_dialog--footer {
    height: auto
}

.report-dialog .vui_dialog--footer .report-dialog-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap {
    display: flex;
    margin-bottom: 20px;
    font-size: 14px
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap .cancel-report {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 32px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 6px;
    margin-right: 12px;
    color: var(--text1);
    background-color: var(--bg1);
    cursor: pointer
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap .cancel-report:hover {
    background-color: var(--graph_bg_thick)
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap .comfirm-report {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 32px;
    border-radius: 6px;
    color: var(--text_white);
    background-color: var(--brand_blue);
    cursor: pointer
}

.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap .comfirm-report:hover {
    background-color: var(--Lb4)
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap {
    display: flex;
    color: var(--text2)
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap .pull-black-option {
    display: flex;
    align-items: center;
    cursor: pointer
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap .pull-black-option .pull-black-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 11px;
    height: 11px;
    border: 1px solid var(--graph_medium);
    border-radius: 2px;
    margin-right: 6px
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap .pull-black-option .pull-black-checkbox.checked {
    border-color: var(--brand_blue);
    background-color: var(--brand_blue)
}

.report-dialog .vui_dialog--footer .report-dialog-footer .pull-black-wrap .pull-black-option .pull-black-checkbox.checked:after {
    content: "✓";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: var(--bg1)
}

.vui_ellipsis.single-mode {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.vui_ellipsis.multi-mode {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.vui_ellipsis.pointer {
    cursor: pointer
}

.top-vote-card[data-v-38841625] {
    background-color: var(--graph_bg_thin);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    width: 100%;
    margin-bottom: 24px;
    padding: 12px 16px 12px 10px;
    border-radius: 6px
}

.top-vote-card__multi[data-v-38841625] {
    cursor: pointer
}

.top-vote-card__multi:hover .vote-result-text[data-v-38841625] {
    color: var(--brand_blue);
    transition: .2s
}

.top-vote-card-left[data-v-38841625] {
    width: 40%;
    max-width: calc(40% - 30px);
    margin-right: 20px;
    word-wrap: break-word;
    font-size: 13px;
    line-height: 18px;
    color: var(--text1)
}

.top-vote-card-left__title[data-v-38841625] {
    display: flex;
    align-items: center
}

.top-vote-card-left__title svg[data-v-38841625] {
    margin-right: 2px;
    flex: none
}

.top-vote-card-left__title span[data-v-38841625] {
    display: -webkit-box;
    float: none;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.top-vote-card-left__join[data-v-38841625] {
    height: 17px;
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: 12px;
    color: var(--text3)
}

.top-vote-card-left__join .vote-icon[data-v-38841625] {
    height: 12px
}

.top-vote-card-left__join span[data-v-38841625] {
    display: flex;
    align-items: center
}

.top-vote-card-right[data-v-38841625] {
    width: 60%;
    font-size: var(--2fde2a28);
    line-height: 17px;
    display: flex;
    --option-height: 40px;
    --option-radius: 6px
}

.top-vote-card-right .vote-text__not-vote[data-v-38841625] {
    opacity: .9
}

.top-vote-card-right .vote-text__not-vote .vui_ellipsis[data-v-38841625] {
    font-weight: 400 !important
}

.top-vote-card-right .vote-text[data-v-38841625] :first-child {
    font-weight: 500
}

.top-vote-card-right .vote-icon[data-v-38841625] {
    flex: none
}

.top-vote-card-right .left-vote-option[data-v-38841625] {
    position: relative;
    display: flex;
    min-width: 120px;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 102, 153, var(--212267a6));
    height: var(--option-height);
    width: var(--38c5ebb3);
    padding-left: 10px;
    border-radius: var(--option-radius) 0 0 var(--option-radius);
    cursor: pointer;
    margin-right: 30px;
    color: var(--332a347e);
    transition: width ease-out .2s
}

.top-vote-card-right .left-vote-option .skew-vote-option[data-v-38841625] {
    position: absolute;
    right: -20px;
    top: 0
}

.top-vote-card-right .left-vote-option .skew-vote-option__fill[data-v-38841625] {
    left: -8px;
    background-color: #f69;
    transform: skew(21deg);
    border-top-right-radius: calc(var(--option-radius) - 2px);
    border-bottom-right-radius: var(--option-radius)
}

.top-vote-card-right .skew-vote-option[data-v-38841625] {
    height: 40px;
    width: 20px;
    overflow: hidden;
    opacity: var(--212267a6);
    pointer-events: none
}

.top-vote-card-right .skew-vote-option__fill[data-v-38841625] {
    pointer-events: all;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.top-vote-card-right .right-vote-option[data-v-38841625] {
    position: relative;
    display: flex;
    min-width: 120px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    background-color: rgba(0, 174, 236, var(--212267a6));
    height: var(--option-height);
    width: var(--4b2970aa);
    padding-right: 10px;
    border-radius: 0 var(--option-radius) var(--option-radius) 0;
    cursor: pointer;
    color: var(--1e587827);
    transition: width ease-out .2s
}

.top-vote-card-right .right-vote-option .skew-vote-option[data-v-38841625] {
    position: absolute;
    left: -20px;
    top: 0
}

.top-vote-card-right .right-vote-option .skew-vote-option__fill[data-v-38841625] {
    left: 8px;
    background-color: #00aeec;
    transform: skew(21deg);
    border-top-left-radius: var(--option-radius);
    border-bottom-left-radius: calc(var(--option-radius) - 2px)
}

.top-vote-card-right .right-vote-option .vote-text[data-v-38841625] {
    text-align: right
}

.top-vote-card-right .had_voted[data-v-38841625] {
    cursor: unset
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-header .reply-notice[data-v-052ae598] {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 40px;
    padding: 4px 10px;
    margin-bottom: 16px;
    font-size: 13px;
    border-radius: 2px;
    color: var(--Ye5_u);
    cursor: pointer
}

.reply-header .reply-notice[data-v-052ae598]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--Ye5_u);
    opacity: .2
}

.reply-header .reply-notice .notice-icon[data-v-052ae598] {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.reply-header .reply-notice .notice-content[data-v-052ae598] {
    flex: 1;
    padding: 0 5px;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all
}

.reply-header .reply-notice .notice-close-icon[data-v-052ae598] {
    position: relative;
    z-index: 1;
    width: 10px;
    height: 10px;
    margin-left: 5px
}

.reply-header .reply-navigation[data-v-052ae598] {
    margin-bottom: 22px
}

.reply-header .reply-navigation .nav-bar[data-v-052ae598] {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
    display: flex;
    align-items: center
}

@media screen and (max-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
        font-size: 20px
    }
}

@media screen and (min-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
        font-size: 24px
    }
}

.reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-052ae598] {
    color: var(--text1);
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-052ae598] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-052ae598] {
    margin: 0 36px 0 6px;
    font-weight: 400;
    color: var(--text3)
}

@media screen and (max-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-052ae598] {
        font-size: 13px
    }
}

@media screen and (min-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-052ae598] {
        font-size: 14px
    }
}

.reply-header .reply-navigation .nav-bar .nav-select-reply[data-v-052ae598] {
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    color: var(--text1)
}

@media screen and (max-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-select-reply[data-v-052ae598] {
        font-size: 13px
    }
}

@media screen and (min-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-select-reply[data-v-052ae598] {
        font-size: 16px
    }
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .reply-header .reply-navigation .nav-bar .nav-select-reply[data-v-052ae598] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
    display: flex;
    align-items: center;
    color: var(--text3)
}

@media screen and (max-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
        font-size: 13px
    }
}

@media screen and (min-width: 1681px) {
    .reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
        font-size: 16px
    }
}

.reply-header .reply-navigation .nav-bar .nav-sort .part-symbol[data-v-052ae598] {
    height: 11px;
    margin: 0 12px;
    border-left: solid 1px
}

.reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-052ae598] {
    cursor: pointer
}

.reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-052ae598]:hover {
    color: var(--brand_blue)
}

.reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-052ae598] {
    cursor: pointer
}

.reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-052ae598]:hover {
    color: var(--brand_blue)
}

.reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort[data-v-052ae598],
.reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort[data-v-052ae598] {
    color: var(--text1)
}

.reply-header .reply-navigation .nav-operation-warp[data-v-052ae598] {
    position: absolute;
    right: 0
}

/*!
* @bilibili/userAvatar
* version: 1.2.0-beta.2. Powered by main-frontend
* 用户头像公共组件.
* author: wuxiuran
*/
.bili-avatar {
    display: block;
    position: relative;
    background-image: url(data:image/gif;base64,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);
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    margin: 0;
    padding: 0
}

.bili-avatar * {
    margin: 0;
    padding: 0
}

.bili-avatar-face {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.bili-avatar-pendent-dom {
    height: 176.48%;
    width: 176.48%;
    position: absolute;
    top: -38.33%;
    left: -38.33%;
    overflow: hidden
}

.bili-avatar-pendent-dom img {
    height: 100%;
    min-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-avatar-img {
    border: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast
}

.bili-avatar-img-radius {
    border-radius: 50%
}

.bili-avatar-img[src=""],
.bili-avatar-img:not([src]) {
    opacity: 0
}

.bili-avatar-icon-big-vip {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/big-vip.svg)
}

.bili-avatar-icon-business {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/business.svg)
}

.bili-avatar-icon-personal {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/personal.svg)
}

.bili-avatar-icon-small-vip {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/small-vip.svg)
}

.bili-avatar-img.bili-avatar-img-error {
    display: none
}

.bili-avatar-right-icon {
    width: 27.5%;
    height: 27.5%;
    position: absolute;
    right: 0;
    bottom: -1px;
    -webkit-background-size: cover;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast
}

.bili-avatar-nft-icon {
    position: absolute;
    width: 27.5%;
    height: 27.5%;
    right: -webkit-calc(27.5% - 1px);
    right: -moz-calc(27.5% - 1px);
    right: calc(27.5% - 1px);
    bottom: -1px;
    -webkit-background-size: cover;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast
}

.bili-avatar-nft--icon-1 {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/nft-label.gif)
}

.bili-avatar-nft--icon-2 {
    background-image: url(//s1.hdslb.com/bfs/seed/jinkela/short/user-avatar/nft-label-oversea.gif)
}

@-webkit-keyframes bili-avatar {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

@-moz-keyframes bili-avatar {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }

    to {
        -moz-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

@keyframes bili-avatar {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-97.5%, 0, 0);
        -moz-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

.bili-avatar .bili-avatar-size-80 {
    width: 22px;
    height: 22px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-60,
.bili-avatar .bili-avatar-size-50,
.bili-avatar .bili-avatar-size-48 {
    width: 18px;
    height: 18px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-40,
.bili-avatar .bili-avatar-size-36 {
    width: 14px;
    height: 14px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-30,
.bili-avatar .bili-avatar-size-24 {
    width: 12px;
    height: 12px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-nft-80 {
    width: 22px;
    height: 22px;
    bottom: -1px;
    right: -webkit-calc(22px - 1px);
    right: -moz-calc(22px - 1px);
    right: 21px
}

.bili-avatar .bili-avatar-size-nft-60,
.bili-avatar .bili-avatar-size-nft-50,
.bili-avatar .bili-avatar-size-nft-48 {
    width: 18px;
    height: 18px;
    bottom: -1px;
    right: -webkit-calc(18px - 1px);
    right: -moz-calc(18px - 1px);
    right: 17px
}

.bili-avatar .bili-avatar-size-nft-40,
.bili-avatar .bili-avatar-size-nft-36 {
    width: 14px;
    height: 14px;
    bottom: -1px;
    right: -webkit-calc(14px - 1px);
    right: -moz-calc(14px - 1px);
    right: 13px
}

.bili-avatar .bili-avatar-size-nft-30,
.bili-avatar .bili-avatar-size-nft-24 {
    width: 12px;
    height: 12px;
    bottom: -1px;
    right: -webkit-calc(12px - 1px);
    right: -moz-calc(12px - 1px);
    right: 11px
}

.reply-image {
    width: var(--3414c33c);
    height: var(--822197ea)
}

.reply-image.b-img {
    background-color: inherit
}

.reply-image.b-img img {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.emoji-panel[data-v-2b89b9fa] {
    position: absolute;
    top: var(--4d57f507);
    width: 365px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 8px;
    font-size: 12px;
    color: var(--text2);
    z-index: 11
}

.emoji-panel .emoji-title[data-v-2b89b9fa] {
    padding: 13px 15px 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: var(--bg1)
}

.emoji-panel .emoji-content[data-v-2b89b9fa] {
    height: var(--b179e3da);
    padding: 0 11px;
    background-color: var(--bg1);
    overflow: auto
}

.emoji-panel .emoji-content[data-v-2b89b9fa]::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.emoji-panel .emoji-content[data-v-2b89b9fa]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.emoji-panel .emoji-content[data-v-2b89b9fa]::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.emoji-panel .emoji-content .emoji-info[data-v-2b89b9fa] {
    display: inline-block;
    border-radius: 4px;
    cursor: pointer
}

.emoji-panel .emoji-content .emoji-info[data-v-2b89b9fa]:hover {
    background-color: var(--graph_bg_thick)
}

.emoji-panel .emoji-content .emoji-info .text-emoji[data-v-2b89b9fa] {
    padding: 5px 8px;
    line-height: 22px
}

.emoji-panel .emoji-content .emoji-info .normal-small-emoji[data-v-2b89b9fa] {
    width: 24px;
    height: 24px;
    margin: 4px
}

.emoji-panel .emoji-content .emoji-info .normal-large-emoji[data-v-2b89b9fa] {
    width: 56px;
    height: 56px;
    margin: 4px
}

.emoji-panel .emoji-tab[data-v-2b89b9fa] {
    display: flex;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--bg3)
}

.emoji-panel .emoji-tab .emoji-type[data-v-2b89b9fa]:first-child {
    border-bottom-left-radius: 8px
}

.emoji-panel .emoji-tab .emoji-type[data-v-2b89b9fa] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 36px;
    padding: 7px 18px;
    cursor: pointer
}

.emoji-panel .emoji-tab .emoji-type[data-v-2b89b9fa]:hover {
    background-color: var(--graph_bg_thick)
}

.emoji-panel .emoji-tab .emoji-type .emoji-type-face[data-v-2b89b9fa] {
    width: 22px;
    height: 22px
}

.emoji-panel .emoji-tab .emoji-type.current-type[data-v-2b89b9fa] {
    background-color: var(--bg1)
}

.emoji-panel .emoji-tab .emoji-slider[data-v-2b89b9fa] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    right: 0;
    width: 75px;
    height: 36px
}

.emoji-panel .emoji-tab .emoji-slider .slider-pre[data-v-2b89b9fa],
.emoji-panel .emoji-tab .emoji-slider .slider-next[data-v-2b89b9fa] {
    cursor: pointer
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.at-panel[data-v-8666233a] {
    position: absolute;
    top: var(--9d940b60);
    left: 0;
    z-index: 10;
    width: 219px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 6px;
    font-size: 12px;
    background-color: var(--bg1);
    box-shadow: 0 2px 10px #00000014
}

.at-panel .panel-title[data-v-8666233a] {
    width: 100%;
    height: 41px;
    padding: 12px;
    color: var(--text2)
}

.at-panel .at-list-container[data-v-8666233a] {
    max-height: var(--dca5b118);
    overflow-x: hidden;
    overflow-y: scroll
}

.at-panel .at-list-container[data-v-8666233a]::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.at-panel .at-list-container[data-v-8666233a]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.at-panel .at-list-container[data-v-8666233a]::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.at-panel .at-list-container .at-list-ground .ground-name[data-v-8666233a] {
    padding: 0 12px;
    color: var(--text2)
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item[data-v-8666233a] {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    margin: 4px 0;
    cursor: pointer
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item[data-v-8666233a]:hover {
    background-color: var(--bg2_float)
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-avatar[data-v-8666233a] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 8px
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-name[data-v-8666233a] {
    color: var(--text1)
}

.at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-fan[data-v-8666233a] {
    color: var(--text3)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp {
    font-size: 12px;
    margin-top: 30px
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    outline: none
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-input.error {
    border-color: var(--stress_red)
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-input:focus {
    border-color: var(--brand_blue)
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-error-info {
    margin-top: 4px;
    font-size: 12px;
    color: red
}

.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp .nickname-error-info .nickname-error-icon {
    margin-right: 5px;
    vertical-align: text-bottom
}

.reply-svga .svga-canvas[data-v-b1e4bc05] {
    width: 100%;
    height: 100%
}

.opacity-enter-active[data-v-3c861f7f],
.opacity-leave-active[data-v-3c861f7f] {
    transition: opacity .15s ease
}

.opacity-enter-from[data-v-3c861f7f],
.opacity-leave-to[data-v-3c861f7f] {
    opacity: 0
}

.image-upload-content[data-v-3c861f7f] {
    margin-bottom: 8px;
    padding: 0 8px;
    position: relative;
    width: 100%;
    overflow: hidden
}

.image-upload-content .mask-wrap[data-v-3c861f7f] {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.image-upload-content .mask-wrap.left[data-v-3c861f7f] {
    left: 0;
    background: linear-gradient(to right, #fff, #fff 28.5%, rgba(255, 255, 255, 0) 100%)
}

.image-upload-content .mask-wrap.right[data-v-3c861f7f] {
    right: 0;
    background: linear-gradient(to left, #fff 28.5%, rgba(255, 255, 255, 0) 100%)
}

.image-upload-content .arrow-wrap[data-v-3c861f7f] {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--line_regular);
    background-color: #fff;
    transform: translateY(-50%);
    color: #9499a0;
    z-index: 2
}

.image-upload-content .arrow-wrap.left[data-v-3c861f7f] {
    left: 8px
}

.image-upload-content .arrow-wrap.right[data-v-3c861f7f] {
    right: 8px
}

.image-upload-content .arrow-wrap[data-v-3c861f7f]:hover {
    color: #61666d;
    cursor: pointer
}

.image-upload-content .scroll-trail[data-v-3c861f7f] {
    width: fit-content;
    white-space: nowrap;
    transition: .2s ease-in-out;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.image-upload-content .scroll-trail[data-v-3c861f7f]::-webkit-scrollbar {
    display: none
}

.image-upload-content .content-wrap[data-v-3c861f7f] {
    display: inline-block;
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 4px;
    background-color: #f1f2f3;
    overflow: hidden;
    vertical-align: bottom
}

.image-upload-content .content-wrap[data-v-3c861f7f]:not(:last-child) {
    margin-right: 8px
}

.image-upload-content .content-wrap .close-wrap[data-v-3c861f7f] {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 0 4px;
    background-color: #0003;
    color: #fff;
    cursor: pointer;
    z-index: 1
}

.image-upload-content .content-wrap .content-loading[data-v-3c861f7f] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000080
}

.image-upload-content .content-wrap .content-loading .loading-img[data-v-3c861f7f] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.image-upload-content .content-wrap .content-loading .loading-mask[data-v-3c861f7f] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.image-upload-content .content-wrap .content-loading .loading-svga[data-v-3c861f7f] {
    position: absolute;
    width: 24px;
    height: 24px;
    color: #fff
}

.image-upload-content .content-wrap .content-success[data-v-3c861f7f] {
    width: 100%;
    height: 100%
}

.image-upload-content .content-wrap .content-success .success-img[data-v-3c861f7f] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.image-upload-content .content-wrap .content-fail[data-v-3c861f7f] {
    padding: 16px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.image-upload-content .content-wrap .content-fail .fail-icon[data-v-3c861f7f] {
    color: #f85a54
}

.image-upload-content .content-wrap .content-fail .fail-text[data-v-3c861f7f] {
    margin-top: 2px;
    line-height: 15px;
    font-size: 20px;
    transform: scale(.5);
    transform-origin: center center;
    font-weight: 500;
    white-space: nowrap;
    color: #f85a54
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-box[data-v-13454586] {
    display: flex;
    flex-direction: column
}

.reply-box .box-normal[data-v-13454586] {
    display: flex;
    z-index: 2
}

.reply-box .box-normal .reply-box-avatar[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 48px
}

.reply-box .box-normal .reply-box-warp[data-v-13454586] {
    position: relative;
    flex: 1;
    transition: .2s;
    border: 1px solid var(--line_regular);
    border-radius: 6px;
    background-color: var(--bg3);
    overflow-x: hidden
}

.reply-box .box-normal .reply-box-warp.focus-within[data-v-13454586],
.reply-box .box-normal .reply-box-warp[data-v-13454586]:hover {
    border-color: var(--line_regular);
    background-color: var(--bg1)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap[data-v-13454586] {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    cursor: text;
    overflow: hidden
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info[data-v-13454586] {
    margin-left: 10px;
    margin-bottom: 4px;
    height: 20px;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: center
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag[data-v-13454586] {
    flex: none;
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 4px
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--pink[data-v-13454586] {
    background-color: var(--Pi1);
    color: var(--Pi5)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--blue[data-v-13454586] {
    background-color: var(--brand_blue_thin);
    color: var(--brand_blue)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--gary[data-v-13454586] {
    background-color: var(--graph_bg_regular);
    color: var(--text3)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__text[data-v-13454586] {
    max-width: calc(100% - 68px);
    color: var(--text2)
}

.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__close[data-v-13454586] {
    flex: none;
    margin-left: 4px;
    cursor: pointer
}

.reply-box .box-normal .reply-box-warp .reply-input[data-v-13454586] {
    padding: 0 8px;
    width: 100%;
    height: 100%;
    border: 1px solid var(--Ga1);
    border-radius: 6px;
    background-color: var(--bg3);
    font-family: inherit;
    line-height: 20px;
    color: var(--text1);
    resize: none;
    outline: none;
    overflow-y: scroll;
    overflow-x: hidden
}

.reply-box .box-normal .reply-box-warp .reply-input.focus[data-v-13454586],
.reply-box .box-normal .reply-box-warp .reply-input[data-v-13454586]:hover {
    background-color: var(--bg1);
    border-color: var(--graph_weak)
}

.reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-13454586] {
    padding: 0 8px;
    width: 100%;
    height: 32px;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    font-family: inherit;
    font-size: 14px;
    line-height: 32px;
    color: var(--text1);
    resize: none;
    outline: none
}

.reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-13454586]::placeholder {
    color: var(--text3)
}

.reply-box .box-normal .reply-box-warp .image-content-wrap[data-v-13454586] {
    background: transparent
}

.reply-box .box-expand[data-v-13454586] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 80px;
    margin-top: 10px;
    z-index: 1;
    height: 32px;
    transition: all .2s ease-in-out
}

.reply-box .box-expand.hide[data-v-13454586] {
    margin-top: 0;
    height: 0;
    overflow: hidden;
    transition: all .2s ease-in-out
}

.reply-box .box-expand .box-left[data-v-13454586] {
    display: flex;
    align-items: center
}

.reply-box .box-expand .reply-box-emoji[data-v-13454586] {
    width: 32px;
    height: 26px;
    margin-right: 6px;
    position: relative
}

.reply-box .box-expand .reply-box-emoji .emoji-btn[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    color: var(--text3);
    cursor: pointer
}

.reply-box .box-expand .at-btn[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 32px;
    height: 26px;
    margin-right: 6px;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    color: var(--text3);
    cursor: pointer
}

.reply-box .box-expand .image-btn[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 32px;
    height: 26px;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    color: var(--text3);
    cursor: pointer
}

.reply-box .box-expand .image-btn.disabled[data-v-13454586] {
    opacity: .4
}

.reply-box .box-expand .image-btn .image-upload-input[data-v-13454586] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
    user-select: auto;
    cursor: pointer
}

.reply-box .box-expand .forward-to-dynamic[data-v-13454586] {
    display: flex;
    align-items: center;
    margin-left: 16px;
    font-size: 12px;
    color: var(--text3)
}

.reply-box .box-expand .forward-to-dynamic .forward-input[data-v-13454586],
.reply-box .box-expand .forward-to-dynamic .forward-label[data-v-13454586] {
    cursor: pointer
}

.reply-box .box-expand .reply-box-send[data-v-13454586] {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 70px;
    height: 32px;
    border-radius: 6px;
    cursor: pointer
}

.reply-box .box-expand .reply-box-send .send-text[data-v-13454586] {
    position: absolute;
    z-index: 1;
    font-size: 16px;
    color: var(--text_white)
}

.reply-box .box-expand .reply-box-send[data-v-13454586]:after {
    content: "";
    position: absolute;
    opacity: .5;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: var(--brand_blue)
}

.reply-box .box-expand .reply-box-send[data-v-13454586]:hover:after {
    opacity: 1
}

.reply-box.box-active .box-normal .reply-box-warp .reply-box-textarea.send-active[data-v-13454586] {
    line-height: normal
}

.reply-box.box-active .reply-box-send.send-active[data-v-13454586]:after {
    opacity: 1
}

.reply-box.disabled .box-normal .reply-box-warp .disable-mask[data-v-13454586] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    font-size: 12px;
    color: var(--text3);
    background-color: var(--bg3)
}

.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask[data-v-13454586] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn[data-v-13454586] {
    padding: 4px 9px;
    margin: 0 3px;
    border-radius: 4px;
    color: var(--text_white);
    background-color: var(--brand_blue)
}

.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn[data-v-13454586]:hover {
    background-color: var(--Lb4);
    cursor: pointer
}

.reply-box.disabled .reply-box-send .send-text[data-v-13454586] {
    color: var(--text3)
}

.reply-box.disabled .reply-box-send[data-v-13454586]:after {
    opacity: 1;
    background-color: var(--bg3)
}

.reply-box.fixed-box[data-v-13454586] {
    position: relative;
    z-index: 2;
    padding: 15px 0;
    border-top: .5px solid var(--graph_bg_thick);
    background-color: var(--bg1)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-content-container.fold .reply-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.reply-content-container .reply-content {
    color: var(--text1);
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 24px;
    vertical-align: baseline
}

.reply-content-container .reply-content .note-prefix {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 4px;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 12px;
    color: var(--text3);
    line-height: 20px;
    vertical-align: bottom;
    background-color: var(--bg2)
}

.reply-content-container .reply-content .note-prefix .note-icon {
    width: 16px;
    height: 16px
}

.reply-content-container .reply-content .top-icon {
    top: -2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--brand_pink);
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--brand_pink)
}

.reply-content-container .reply-content .emoji-small {
    vertical-align: text-bottom
}

@media screen and (max-width: 1681px) {
    .reply-content-container .reply-content .emoji-small {
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width: 1681px) {
    .reply-content-container .reply-content .emoji-small {
        width: 22px;
        height: 22px
    }
}

.reply-content-container .reply-content .emoji-large {
    width: 50px;
    height: 50px;
    vertical-align: text-bottom
}

.reply-content-container .reply-content .icon {
    width: 20px;
    height: 20px;
    vertical-align: text-top
}

@media screen and (max-width: 1681px) {
    .reply-content-container .reply-content .icon {
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .reply-content-container .reply-content .icon {
        line-height: 26px
    }
}

.reply-content-container .reply-content .icon.search-word {
    width: 12px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.reply-content-container .reply-content .jump-link {
    vertical-align: baseline
}

@media screen and (max-width: 1681px) {
    .reply-content-container .reply-content .jump-link {
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .reply-content-container .reply-content .jump-link {
        line-height: 26px
    }
}

.reply-content-container .expand-content {
    color: var(--text_link);
    cursor: pointer;
    margin-left: 4px
}

.reply-content-container .expand-content:hover {
    color: var(--brand_blue)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.sub-reply-item[data-v-26797283] {
    position: relative;
    padding: 8px 0 8px 42px;
    border-radius: 4px
}

@media screen and (max-width: 1681px) {
    .sub-reply-item[data-v-26797283] {
        font-size: 15px;
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .sub-reply-item[data-v-26797283] {
        font-size: 16px;
        line-height: 26px
    }
}

.sub-reply-item.show-reply[data-v-26797283] {
    background-color: #dff6fb;
    animation-name: enterAnimation-jumpReply-26797283;
    animation-duration: 2s;
    animation-delay: 3s;
    animation-fill-mode: forwards
}

.sub-reply-item .sub-user-info[data-v-26797283] {
    display: inline-flex;
    align-items: center;
    margin-right: 9px;
    line-height: 24px;
    vertical-align: baseline;
    white-space: nowrap
}

.sub-reply-item .sub-user-info .sub-reply-avatar[data-v-26797283] {
    position: absolute;
    left: 8px;
    cursor: pointer
}

.sub-reply-item .sub-user-info .sub-user-name[data-v-26797283] {
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    margin-right: 5px;
    color: var(--16428b1b);
    cursor: pointer
}

@media screen and (max-width: 1681px) {
    .sub-reply-item .sub-user-info .sub-user-name[data-v-26797283] {
        font-size: 13px;
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .sub-reply-item .sub-user-info .sub-user-name[data-v-26797283] {
        font-size: 14px;
        line-height: 26px
    }
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .sub-reply-item .sub-user-info .sub-user-name[data-v-26797283] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.sub-reply-item .sub-user-info .sub-user-level[data-v-26797283] {
    cursor: pointer
}

.sub-reply-item .sub-user-info .sub-up-icon[data-v-26797283] {
    cursor: default
}

.sub-reply-item .sub-reply-info[data-v-26797283] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 2px;
    font-size: 13px;
    color: var(--text3)
}

.sub-reply-item .sub-reply-info .sub-reply-time[data-v-26797283] {
    margin-right: var(--44b354e9)
}

.sub-reply-item .sub-reply-info .sub-reply-location[data-v-26797283] {
    margin-right: 20px
}

.sub-reply-item .sub-reply-info .sub-reply-like[data-v-26797283] {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer
}

.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon[data-v-26797283] {
    margin-right: 5px;
    color: #9499a0
}

.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon[data-v-26797283]:hover,
.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon.liked[data-v-26797283] {
    color: #00aeec
}

.sub-reply-item .sub-reply-info .sub-reply-dislike[data-v-26797283] {
    display: flex;
    align-items: center;
    margin-right: 19px
}

.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon[data-v-26797283] {
    color: #9499a0;
    cursor: pointer
}

.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon[data-v-26797283]:hover,
.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon.disliked[data-v-26797283] {
    color: #00aeec
}

.sub-reply-item .sub-reply-info .sub-reply-btn[data-v-26797283] {
    cursor: pointer
}

.sub-reply-item .sub-reply-info .sub-reply-btn[data-v-26797283]:hover {
    color: var(--brand_blue)
}

.sub-reply-item .sub-reply-info .sub-reply-operation-warp[data-v-26797283] {
    position: absolute;
    right: 40px;
    opacity: 0
}

.sub-reply-item:hover .sub-reply-info .sub-reply-operation-warp[data-v-26797283] {
    opacity: 1
}

@keyframes enterAnimation-jumpReply-26797283 {
    0% {
        background-color: #dff6fb
    }

    to {
        background-color: #dff6fb00
    }
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.sub-reply-list .view-more[data-v-27ad2dff] {
    padding-left: 8px;
    font-size: 13px;
    color: var(--text3)
}

.sub-reply-list .view-more .view-more-default .view-more-btn[data-v-27ad2dff] {
    cursor: pointer
}

.sub-reply-list .view-more .view-more-default .view-more-btn[data-v-27ad2dff]:hover {
    color: var(--brand_blue)
}

.sub-reply-list .view-more .view-more-pagination[data-v-27ad2dff] {
    color: var(--text1)
}

.sub-reply-list .view-more .view-more-pagination .pagination-page-count[data-v-27ad2dff] {
    margin-right: 10px
}

.sub-reply-list .view-more .view-more-pagination .pagination-btn[data-v-27ad2dff] {
    margin: 0 4 0 14px;
    cursor: pointer
}

.sub-reply-list .view-more .view-more-pagination .pagination-btn[data-v-27ad2dff]:hover {
    color: var(--brand_blue)
}

.sub-reply-list .view-more .view-more-pagination .pagination-page-number[data-v-27ad2dff] {
    margin: 0 4px;
    cursor: pointer
}

.sub-reply-list .view-more .view-more-pagination .pagination-page-number[data-v-27ad2dff]:hover,
.sub-reply-list .view-more .view-more-pagination .pagination-page-number.current-page[data-v-27ad2dff] {
    color: var(--brand_blue)
}

.sub-reply-list .view-more .view-more-pagination .pagination-page-dot[data-v-27ad2dff] {
    margin: 0 4px;
    cursor: default
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.image-exhibition[data-v-5638e5c3] {
    margin-top: 8px;
    user-select: none
}

.image-exhibition .preview-image-container[data-v-5638e5c3] {
    max-width: var(--dacbf126);
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--77b1c8ee);
    column-gap: var(--0c349aa2)
}

.image-exhibition .preview-image-container .image-item-wrap[data-v-5638e5c3] {
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: var(--7fefecd2);
    overflow: hidden;
    cursor: zoom-in
}

.image-exhibition .preview-image-container .image-item-wrap.vertical[data-v-5638e5c3] {
    flex-direction: column
}

.image-exhibition .preview-image-container .image-item-wrap.extra-long[data-v-5638e5c3] {
    justify-content: start
}

.image-exhibition .preview-image-container .image-item-wrap .more-image[data-v-5638e5c3] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 4px;
    bottom: 4px;
    height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 13px;
    color: var(--text_white);
    font-weight: 500;
    line-height: 18px;
    background: rgba(0, 0, 0, .7)
}

.image-exhibition .preview-image-container .client-image-item-warp[data-v-5638e5c3]:nth-child(3n+1) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.image-exhibition .preview-image-container .client-image-item-warp[data-v-5638e5c3]:nth-child(3n+2) {
    border-radius: 0
}

.image-exhibition .preview-image-container .client-image-item-warp[data-v-5638e5c3]:nth-child(3n+3) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.image-exhibition .preview-image-container .client-image-item-warp[data-v-5638e5c3]:nth-last-child(1) {
    border-bottom-right-radius: var(--7fefecd2);
    border-top-right-radius: var(--7fefecd2)
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(1) {
    border-radius: var(--7fefecd2) 0 0 0
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(3) {
    border-radius: 0 var(--7fefecd2) 0 0
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(7) {
    border-radius: 0 0 0 var(--7fefecd2)
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(9) {
    border-radius: 0 0 var(--7fefecd2) 0
}

.image-exhibition .preview-image-container .expand-image-item-warp[data-v-5638e5c3]:nth-child(3n+2) {
    border-radius: 0
}

.image-exhibition .preview-image-container .expand-image-item-warp.expand-image-two-rows[data-v-5638e5c3]:nth-child(4) {
    border-radius: 0 0 0 var(--7fefecd2)
}

.image-exhibition .preview-image-container .expand-image-item-warp.expand-image-two-rows[data-v-5638e5c3]:nth-child(6) {
    border-radius: 0 0 var(--7fefecd2) 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.note-content .note-text-container[data-v-02fbf466] {
    line-height: 20px
}

.note-content .note-text-container .top-icon[data-v-02fbf466] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--brand_pink);
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--brand_pink);
    vertical-align: text-top
}

.note-content .note-text-container .note-prefix[data-v-02fbf466] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 4px;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 12px;
    color: var(--text3);
    background-color: var(--bg2)
}

.note-content .note-text-container .note-text[data-v-02fbf466] {
    font-size: 15px;
    color: var(--text1);
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 20px;
    vertical-align: top
}

.note-content .note-text-container .open-note-pc[data-v-02fbf466] {
    font-size: 15px;
    color: var(--text_link);
    cursor: pointer
}

.note-content .note-text-container .open-note-pc[data-v-02fbf466]:hover {
    color: var(--brand_blue)
}

.note-content .note-text-container .open-note-pc.preview[data-v-02fbf466] {
    cursor: default
}

.note-content .note-text-container .open-note-pc.preview[data-v-02fbf466]:hover {
    color: var(--text_link)
}

.note-content .note-img-container[data-v-02fbf466] {
    margin-top: 8px;
    display: flex;
    flex-wrap: nowrap
}

.note-content .note-img-container .img-item-wrap[data-v-02fbf466] {
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.note-content .note-img-container .img-item-wrap[data-v-02fbf466]:nth-child(2) {
    margin: 0 5px
}

.note-content .open-note-h5[data-v-02fbf466] {
    font-size: 12px;
    color: var(--text_link);
    cursor: pointer
}

.note-content .open-note-h5[data-v-02fbf466]:hover {
    color: var(--brand_blue)
}

.note-content .open-note-h5.preview[data-v-02fbf466] {
    cursor: default
}

.note-content .open-note-h5.preview[data-v-02fbf466]:hover {
    color: var(--text_link)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.vote-warp {
    display: flex;
    width: 100%;
    height: 80px;
    border: .5px solid var(--graph_bg_thick);
    border-radius: 4px;
    margin: 10px 0
}

.vote-warp .vote-icon-warp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 80px;
    flex-shrink: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: var(--brand_blue_thin)
}

.vote-warp .vote-icon-warp .vote-icon {
    width: 40px;
    height: 40px
}

.vote-warp .vote-container {
    display: flex;
    align-items: center;
    flex: 1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: var(--bg1)
}

.vote-warp .vote-container .vote-text-warp {
    flex: 1;
    padding-left: 15px
}

.vote-warp .vote-container .vote-text-warp .vote-title {
    font-size: 14px;
    color: var(--text1)
}

.vote-warp .vote-container .vote-text-warp .vote-desc {
    margin-top: 10px;
    font-size: 12px;
    color: var(--text3)
}

.vote-warp .vote-container .vote-btn-warp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 90px;
    flex-shrink: 0
}

.vote-warp .vote-container .vote-btn-warp .vote-btn {
    width: 54px;
    height: 28px;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    color: var(--text_white);
    background-color: var(--brand_blue);
    cursor: pointer
}

.vote-warp .vote-container .vote-btn-warp .vote-btn:hover {
    background-color: var(--Lb4)
}

.vote-dialog {
    max-height: 100vh;
    overflow-y: auto
}

.vote-dialog::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.vote-dialog::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.vote-dialog::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.vote-dialog .vote-iframe-warp {
    height: 600px;
    padding-top: 10px;
    border-top: .5px solid var(--graph_weak)
}

.vote-dialog .vote-iframe-warp .vote-iframe {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

@font-face {
    font-family: Reeji-CloudHuPo-GBK;
    src: url(data:font/ttf;base64,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)
}

.reply-item[data-v-eb69efad] {
    position: relative
}

.reply-item .login-limit-mask[data-v-eb69efad] {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none
}

.reply-item .login-limit-mask .mask-top[data-v-eb69efad] {
    height: 80%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--bg1) 100%)
}

.reply-item .login-limit-mask .mask-bottom[data-v-eb69efad] {
    height: 20%;
    background: var(--bg1)
}

.reply-item.login-limit-reply-end .login-limit-mask[data-v-eb69efad] {
    display: block
}

.reply-item .root-reply-container[data-v-eb69efad] {
    padding: 22px 0 0 80px
}

.reply-item .root-reply-container.show-reply[data-v-eb69efad] {
    animation-name: enterAnimation-jumpReply-eb69efad;
    animation-duration: 5s;
    animation-fill-mode: forwards
}

.reply-item .root-reply-container .root-reply-avatar[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    width: 80px;
    cursor: pointer
}

.reply-item .root-reply-container .content-warp[data-v-eb69efad] {
    flex: 1;
    position: relative
}

.reply-item .root-reply-container .content-warp .reply-decorate[data-v-eb69efad] {
    position: absolute;
    top: 0;
    right: 0;
    user-select: none;
    transform: translateY(-15px)
}

.reply-item .root-reply-container .content-warp .reply-decorate .easter-egg-label[data-v-eb69efad] {
    width: 82px;
    height: 36px;
    transform: translateY(6px)
}

.reply-item .root-reply-container .content-warp .reply-decorate .easter-egg-label img[data-v-eb69efad] {
    width: 100%;
    height: 100%
}

.reply-item .root-reply-container .content-warp .reply-decorate .selected-reply .selected-reply-icon[data-v-eb69efad] {
    width: var(--50340fb4);
    height: var(--0b0a12c7)
}

.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing[data-v-eb69efad] {
    display: flex;
    align-items: center
}

.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-img[data-v-eb69efad] {
    height: 48px
}

.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-text[data-v-eb69efad] {
    position: absolute;
    right: 0;
    font-size: 13px;
    color: var(--1bf6de9b);
    line-height: 16px;
    word-break: keep-all;
    transform: scale(.7);
    transform-origin: center center
}

.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-text .sailing-text[data-v-eb69efad] {
    font-family: fanscard
}

.reply-item .root-reply-container .content-warp .user-info[data-v-eb69efad] {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

@media screen and (max-width: 1681px) {
    .reply-item .root-reply-container .content-warp .user-info[data-v-eb69efad] {
        font-size: 13px
    }
}

@media screen and (min-width: 1681px) {
    .reply-item .root-reply-container .content-warp .user-info[data-v-eb69efad] {
        font-size: 14px
    }
}

.reply-item .root-reply-container .content-warp .user-info .user-name[data-v-eb69efad] {
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    margin-right: 5px;
    color: var(--eabf089a);
    cursor: pointer
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .reply-item .root-reply-container .content-warp .user-info .user-name[data-v-eb69efad] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.reply-item .root-reply-container .content-warp .user-info .user-level[data-v-eb69efad] {
    cursor: pointer
}

.reply-item .root-reply-container .content-warp .user-info .up-icon[data-v-eb69efad] {
    cursor: default
}

.reply-item .root-reply-container .content-warp .user-info .contractor-box[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: var(--ad9f9f2c);
    height: 12px;
    padding: 2px;
    border-radius: 2px;
    background-color: var(--brand_pink_thin)
}

.reply-item .root-reply-container .content-warp .user-info .contractor-box.originalFan[data-v-eb69efad] {
    border: .5px solid var(--brand_pink);
    background-color: transparent
}

.reply-item .root-reply-container .content-warp .user-info .contractor-box .contractor-text[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transform-origin: center center;
    transform: scale(.5);
    position: absolute;
    color: var(--brand_pink);
    white-space: nowrap
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge[data-v-eb69efad] {
    display: flex;
    align-items: center;
    height: 14px;
    padding-left: 5px;
    border: .5px solid var(--cfebf966);
    border-radius: 10px;
    margin-left: 5px;
    background-image: var(--de2c8a2a)
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap[data-v-eb69efad] {
    display: flex;
    align-items: center;
    position: relative;
    width: var(--6a61e34e)
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap .badge-frist-icon[data-v-eb69efad] {
    position: absolute;
    left: -8px;
    width: 20px;
    height: 20px
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap .badge-second-icon[data-v-eb69efad] {
    position: absolute;
    right: 0;
    width: 8px;
    height: 11px
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-name-wrap[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: var(--13023720);
    height: 100%;
    margin-right: 4px
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-name-wrap .badge-name[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transform-origin: center center;
    transform: scale(.5);
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--6236d5ce);
    font-weight: 500;
    white-space: nowrap;
    transform: scale(.5) translate(-50%, -50%);
    transform-origin: 0 0
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-level-wrap[data-v-eb69efad] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 11.5px;
    height: 11.5px;
    border-radius: 50%;
    margin-right: .5px;
    background-color: var(--47936687)
}

.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-level-wrap .badge-level[data-v-eb69efad] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transform-origin: center center;
    transform: scale(.5);
    position: absolute;
    top: 52%;
    left: 50%;
    font-family: Reeji-CloudHuPo-GBK;
    color: var(--37994ac9);
    font-weight: 500;
    white-space: nowrap;
    line-height: 1;
    transform: scale(.5) translate(-50%, -43%);
    transform-origin: 0 0
}

.reply-item .root-reply-container .content-warp .vote-info[data-v-eb69efad] {
    margin-bottom: 4px;
    height: 20px;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: center
}

.reply-item .root-reply-container .content-warp .vote-info__tag[data-v-eb69efad] {
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 4px;
    flex: none
}

.reply-item .root-reply-container .content-warp .vote-info__tag--pink[data-v-eb69efad] {
    background-color: var(--Pi1);
    color: var(--Pi5)
}

.reply-item .root-reply-container .content-warp .vote-info__tag--blue[data-v-eb69efad] {
    background-color: var(--brand_blue_thin);
    color: var(--brand_blue)
}

.reply-item .root-reply-container .content-warp .vote-info__tag--gray[data-v-eb69efad] {
    background-color: var(--graph_bg_regular);
    color: var(--text3)
}

.reply-item .root-reply-container .content-warp .vote-info__text[data-v-eb69efad] {
    color: var(--Ga7_u)
}

.reply-item .root-reply-container .content-warp .root-reply[data-v-eb69efad] {
    position: relative;
    padding: 2px 0
}

@media screen and (max-width: 1681px) {
    .reply-item .root-reply-container .content-warp .root-reply[data-v-eb69efad] {
        font-size: 15px;
        line-height: 24px
    }
}

@media screen and (min-width: 1681px) {
    .reply-item .root-reply-container .content-warp .root-reply[data-v-eb69efad] {
        font-size: 16px;
        line-height: 26px
    }
}

.reply-item .root-reply-container .content-warp .root-reply .reply-content-container[data-v-eb69efad] {
    display: block;
    overflow: hidden;
    width: 100%
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info[data-v-eb69efad] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 2px;
    font-size: 13px;
    color: var(--text3)
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-time[data-v-eb69efad] {
    margin-right: var(--657a0951)
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-location[data-v-eb69efad] {
    margin-right: 20px
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like[data-v-eb69efad] {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon[data-v-eb69efad] {
    margin-right: 5px;
    color: #9499a0
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon[data-v-eb69efad]:hover,
.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon.liked[data-v-eb69efad] {
    color: #00aeec
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike[data-v-eb69efad] {
    display: flex;
    align-items: center;
    margin-right: 19px
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon[data-v-eb69efad] {
    color: #9499a0;
    cursor: pointer
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon[data-v-eb69efad]:hover,
.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon.disliked[data-v-eb69efad] {
    color: #00aeec
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-btn[data-v-eb69efad] {
    cursor: pointer
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-btn[data-v-eb69efad]:hover {
    color: var(--brand_blue)
}

.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-operation-warp[data-v-eb69efad] {
    position: absolute;
    right: 20px;
    display: none
}

.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list[data-v-eb69efad] {
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-size: 12px;
    line-height: 17px
}

.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list .reply-tag-item[data-v-eb69efad] {
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 10px
}

.reply-item .root-reply-container:hover .content-warp .root-reply .reply-info .reply-operation-warp[data-v-eb69efad] {
    display: block
}

.reply-item .sub-reply-container[data-v-eb69efad] {
    padding-left: 72px
}

.reply-item .reply-box-container[data-v-eb69efad] {
    padding: 25px 0 10px 80px
}

.reply-item .bottom-line[data-v-eb69efad] {
    margin-left: 80px;
    border-bottom: 1px solid var(--graph_bg_thick);
    margin-top: 14px
}

.reply-item .reply-dynamic-card[data-v-eb69efad] {
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 400px
}

@keyframes enterAnimation-jumpReply-eb69efad {
    0% {
        background-color: #dff6fb
    }

    to {
        background-color: #dff6fb00
    }
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-list[data-v-bad1995c] {
    margin-top: 14px;
    padding-bottom: 100px
}

.reply-list .reply-end-mark[data-v-bad1995c] {
    height: 100px
}

.reply-list .reply-end[data-v-bad1995c],
.reply-list .reply-loading[data-v-bad1995c],
.reply-list .view-all-reply[data-v-bad1995c] {
    margin-top: 20px;
    font-size: 13px;
    color: var(--text3);
    text-align: center
}

.reply-list .view-all-reply[data-v-bad1995c]:hover {
    color: var(--brand_blue);
    cursor: pointer
}

.reply-list .login-prompt[data-v-bad1995c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 80px);
    height: 50px;
    margin: 16px 0 0 auto;
    border-radius: 6px;
    font-size: 14px;
    color: var(--brand_blue);
    background-color: var(--brand_blue_thin);
    transition: .2s;
    cursor: pointer
}

.reply-list .login-prompt[data-v-bad1995c]:hover {
    background-color: var(--Lb2)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.user-card[data-v-ab309411] {
    position: absolute;
    top: var(--5f483e42);
    left: var(--2402472f);
    z-index: 10;
    width: 366px;
    border: .5px solid var(--graph_weak);
    border-radius: 8px;
    background-color: var(--bg1);
    box-shadow: 0 0 30px #0000001a
}

.user-card .card-bg[data-v-ab309411] {
    width: 100%;
    height: 85px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-image: var(--666d2aeb);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.user-card .user-card-avatar[data-v-ab309411] {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 70px;
    margin-top: 10px;
    cursor: pointer
}

.user-card .card-content[data-v-ab309411] {
    display: flex;
    flex-direction: column;
    padding: 12px 20px 16px 70px
}

.user-card .card-content .card-user-info[data-v-ab309411] {
    display: flex;
    align-items: center;
    color: var(--text1);
    margin-bottom: 10px
}

.user-card .card-content .card-user-info .card-user-name[data-v-ab309411] {
    max-width: 160px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--text1);
    color: var(--4219f8be);
    text-decoration: none
}

.user-card .card-content .card-user-info .card-user-sex[data-v-ab309411] {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.user-card .card-content .card-user-info .card-user-level[data-v-ab309411] {
    margin-right: 5px;
    cursor: pointer
}

.user-card .card-content .card-user-info .card-user-vip[data-v-ab309411] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--b7962a2e);
    height: 16px;
    padding: 1px 4px;
    border-radius: 2px;
    color: var(--6fd66fc8);
    background-color: var(--dca6d7a0);
    cursor: default
}

.user-card .card-content .card-user-info .card-user-vip .card-vip-text[data-v-ab309411] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transform-origin: center center;
    transform: scale(.5);
    white-space: nowrap;
    font-style: normal
}

.user-card .card-content .card-social-info[data-v-ab309411] {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--text1)
}

.user-card .card-content .card-social-info .card-user-attention[data-v-ab309411],
.user-card .card-content .card-social-info .card-user-fans[data-v-ab309411],
.user-card .card-content .card-social-info .card-user-like[data-v-ab309411] {
    margin-right: 18px;
    color: inherit;
    text-decoration: none
}

.user-card .card-content .card-social-info .card-user-attention .social-info-title[data-v-ab309411],
.user-card .card-content .card-social-info .card-user-fans .social-info-title[data-v-ab309411],
.user-card .card-content .card-social-info .card-user-like .social-info-title[data-v-ab309411] {
    margin-left: 3px;
    color: var(--text3)
}

.user-card .card-content .card-verify-info[data-v-ab309411] {
    padding-top: 10px;
    font-size: 12px;
    color: var(--text3)
}

.user-card .card-content .card-verify-info .card-verify-icon[data-v-ab309411] {
    vertical-align: text-bottom;
    margin-right: 3px
}

.user-card .card-content .card-sign[data-v-ab309411] {
    padding-top: 8px;
    font-size: 12px;
    color: var(--text3);
    word-break: break-all
}

.user-card .card-content .card-btn-warp[data-v-ab309411] {
    display: flex;
    margin-top: 16px;
    font-size: 14px
}

.user-card .card-content .card-btn-warp .card-attention-btn[data-v-ab309411] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 30px;
    border-radius: 4px;
    margin-right: 8px;
    color: var(--text_white);
    background-color: var(--brand_blue);
    transition: .4s;
    cursor: pointer
}

.user-card .card-content .card-btn-warp .card-attention-btn .cancel-attention-text[data-v-ab309411] {
    display: none;
    position: absolute
}

.user-card .card-content .card-btn-warp .card-attention-btn.attention[data-v-ab309411] {
    color: var(--text2);
    background-color: var(--bg3)
}

.user-card .card-content .card-btn-warp .card-attention-btn.attention:hover .attention-text[data-v-ab309411] {
    display: none
}

.user-card .card-content .card-btn-warp .card-attention-btn.attention:hover .cancel-attention-text[data-v-ab309411] {
    display: inline
}

.user-card .card-content .card-btn-warp .card-message-btn[data-v-ab309411] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 30px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    color: var(--text2);
    cursor: pointer
}

.user-card .card-content .card-btn-warp .card-message-btn[data-v-ab309411]:hover {
    border-color: var(--brand_blue);
    color: var(--brand_blue)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.dynamic-card[data-v-9f1e482d] {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    top: var(--7b058890);
    left: 400px;
    width: 710px;
    height: 550px;
    border-radius: 6px;
    background-color: var(--bg1);
    box-shadow: 0 0 25px #00000026
}

.dynamic-card .card-header[data-v-9f1e482d] {
    display: flex;
    align-items: center;
    flex-basis: 50px;
    padding: 0 10px;
    border-bottom: .5px solid var(--line_light)
}

.dynamic-card .card-header .card-title[data-v-9f1e482d] {
    flex: 1;
    text-align: center;
    font-size: 16px;
    color: var(--text1)
}

.dynamic-card .card-header .close-card[data-v-9f1e482d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    color: var(--text2);
    transition: .2s;
    cursor: pointer
}

.dynamic-card .card-header .close-card[data-v-9f1e482d]:hover {
    background-color: var(--bg3)
}

.dynamic-card .card-content[data-v-9f1e482d] {
    flex: 1
}

.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
    background-color: transparent
}

.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--graph_bg_thick);
    transition: .3s ease-in-out
}

.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent
}

.dynamic-card .card-content .dynamic-card-iframe[data-v-9f1e482d] {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-view-image {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 25, 28, .85);
    transform: scale(1);
    user-select: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none
}

.reply-view-image,
.reply-view-image * {
    box-sizing: border-box
}

.reply-view-image .operation-btn .operation-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: var(--text_white);
    background: rgba(0, 0, 0, .58);
    transition: .2s;
    cursor: pointer
}

.reply-view-image .operation-btn .operation-btn-icon:hover {
    color: var(--brand_pink)
}

.reply-view-image .operation-btn .operation-btn-icon.close-container {
    top: 16px;
    right: 16px
}

.reply-view-image .operation-btn .operation-btn-icon.last-image {
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

.reply-view-image .operation-btn .operation-btn-icon.next-image {
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.reply-view-image .show-image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0 100px;
    overflow: auto
}

.reply-view-image .show-image-wrap .loading-svga {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px
}

.reply-view-image .show-image-wrap.vertical {
    flex-direction: column;
    justify-content: var(--c186e874)
}

.reply-view-image .show-image-wrap .image-content {
    width: calc(100vw - 200px);
    max-width: var(--34114ac9);
    -webkit-user-drag: none
}

.reply-view-image .preview-list {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 2;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(24, 25, 28, .8);
    backdrop-filter: blur(20px);
    transform: translate(-50%)
}

.reply-view-image .preview-list .preview-item-box {
    padding: 1px;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: .3s;
    cursor: pointer
}

.reply-view-image .preview-list .preview-item-box.active {
    border-color: var(--brand_pink)
}

.reply-view-image .preview-list .preview-item-box .preview-item-wrap {
    display: flex;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.reply-view-image .preview-list .preview-item-box .preview-item-wrap.vertical {
    flex-direction: column
}

.reply-view-image .preview-list .preview-item-box .preview-item-wrap.extra-long {
    justify-content: start
}

.reply-view-image .preview-list .preview-item-box .preview-item-wrap .item-content {
    -webkit-user-drag: none
}

.reply-view-image--transition-enter-active,
.reply-view-image--transition-leave-active {
    transition: all .3s ease
}

.reply-view-image--transition-enter-from,
.reply-view-image--transition-leave-to {
    transform: scale(.4);
    opacity: 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-warp[data-v-0157be6f] {
    position: relative
}

.reply-warp .fixed-reply-box[data-v-0157be6f] {
    position: fixed;
    bottom: 0;
    left: var(--93f77c20);
    z-index: 10;
    width: var(--0b20c8fd)
}

.reply-warp .fixed-reply-box .reply-box-shadow[data-v-0157be6f] {
    position: absolute;
    top: -10px;
    z-index: 1;
    width: 100%;
    height: 36px;
    border-radius: 50%;
    background-color: #00000014;
    filter: blur(10px)
}

.reply-warp .fixed-reply-box--transition-enter-active[data-v-0157be6f],
.reply-warp .fixed-reply-box--transition-leave-active[data-v-0157be6f] {
    transition: opacity .5s ease
}

.reply-warp .fixed-reply-box--transition-enter-from[data-v-0157be6f],
.reply-warp .fixed-reply-box--transition-leave-to[data-v-0157be6f] {
    opacity: 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.bili-comment.browser-pc {
    background-color: var(--bg1)
}

.bili-comment.browser-pc * {
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .bili-comment.browser-pc * {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.bili-comment.browser-pc * ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.bili-comment.browser-pc * a {
    text-decoration: none;
    background-color: transparent;
    color: var(--text_link);
    cursor: pointer
}

.bili-comment.browser-pc * a:hover {
    color: var(--Lb4)
}

.bili-comment.browser-pc * i {
    font-style: normal
}

.bili-comment.browser-pc * p {
    margin: 0;
    padding: 0
}

.bili-comment.browser-pc .comment-container {
    animation-name: enterAnimation-commentContainer;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-operation-client {
    display: inline-flex;
    position: relative
}

.reply-operation-client .operation-icon {
    border-radius: 4px;
    cursor: pointer
}

.reply-operation-client .operation-icon:hover {
    background-color: var(--graph_bg_thick)
}

.reply-operation-client .operation-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 10;
    width: 180px;
    padding: 12px 0;
    border-radius: 6px;
    font-size: 14px;
    color: var(--text2);
    background-color: var(--bg1_float);
    box-shadow: 0 0 5px #0003
}

.reply-operation-client .operation-list .operation-option {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 15px;
    cursor: pointer
}

.reply-operation-client .operation-list .operation-option:hover {
    background-color: var(--graph_bg_thick)
}

.reply-operation-client .operation-list .delete-reply-modal {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    padding: 10px 20px;
    border: 1px solid var(--graph_bg_thick);
    border-radius: 8px;
    margin-bottom: 100px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bg1);
    box-shadow: 0 0 5px #0003;
    transform: translate(-50%, -100%)
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn {
    display: flex;
    justify-content: center
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
    border-radius: 4px;
    margin-right: 20px;
    color: var(--text_white);
    background-color: var(--brand_blue)
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete:hover {
    background-color: var(--Lb4)
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px
}

.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete:hover {
    color: var(--brand_blue)
}

.select-reply-dialog-client .select-dialog-content {
    text-align: left
}

.select-reply-dialog-client .cancel-select-reply {
    width: 130px;
    margin-right: 20px
}

.select-reply-dialog-client .comfirm-select-reply {
    width: 130px
}

.close-reply-dialog-client .close-reply-dialog-content {
    text-align: left
}

.close-reply-dialog-client .cancel-close-reply {
    width: 130px;
    margin-right: 20px
}

.close-reply-dialog-client .comfirm-close-reply {
    width: 130px
}

.close-danmaku-dialog-client .close-danmaku-dialog-content {
    text-align: left
}

.close-danmaku-dialog-client .cancel-close-danmaku {
    width: 130px;
    margin-right: 20px
}

.close-danmaku-dialog-client .comfirm-close-danmaku {
    width: 130px
}

.blacklist-dialog-client .blacklist-dialog-content {
    text-align: center
}

.blacklist-dialog-client .comfirm-pull-blacklist {
    margin-right: 20px
}

.report-dialog-client {
    max-height: 100%;
    overflow: auto
}

.report-dialog-client .report-dialog-content {
    display: flex;
    flex-direction: column;
    padding-top: 20px
}

.report-dialog-client .report-dialog-content .report-reason-warp {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-type {
    margin-bottom: 15px;
    font-size: 14px;
    text-align: left;
    color: var(--text3)
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 50%;
    margin-bottom: 16px
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item.widescreen {
    min-width: 25%
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item.custom-reason {
    width: 100%
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .reason-radio {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid var(--graph_medium);
    margin-right: 8px;
    outline: none;
    appearance: none;
    cursor: pointer
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .reason-radio-label {
    cursor: pointer
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item.checked .reason-radio {
    border-color: transparent;
    background-color: var(--brand_pink)
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item.checked .reason-radio:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4wOTEyIDQuNTc1NjRDMTQuMzI1NSA0LjgwOTk1IDE0LjMyNTUgNS4xODk4NSAxNC4wOTEyIDUuNDI0MTdMNi42NjAxOSAxMi44NTUxQzYuMjk1NyAxMy4yMTk2IDUuNzA0NzUgMTMuMjE5NiA1LjM0MDI2IDEyLjg1NTFMMS4yNDI2MyA4Ljc1NzVDMS4wMDgzMiA4LjUyMzE4IDEuMDA4MzIgOC4xNDMyOSAxLjI0MjYzIDcuOTA4OTdDMS40NzY5NSA3LjY3NDY2IDEuODU2ODQgNy42NzQ2NiAyLjA5MTE2IDcuOTA4OTdMNi4wMDAyMyAxMS44MThMMTMuMjQyNiA0LjU3NTY0QzEzLjQ3NjkgNC4zNDEzMiAxMy44NTY4IDQuMzQxMzIgMTQuMDkxMiA0LjU3NTY0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat;
    background-size: cover
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .custom-reason {
    width: 100%
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .custom-reason .custom-reason-textarea {
    box-sizing: border-box;
    width: 100%;
    height: 138px;
    padding: 8px;
    margin-top: 8px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    color: var(--text1);
    background-color: var(--bg1);
    outline: none;
    resize: none
}

.report-dialog-client .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item .custom-reason .custom-reason-textarea:focus {
    border: 1px solid var(--brand_pink)
}

.report-dialog-client .cancel-report {
    width: 100px;
    margin-right: 20px
}

.report-dialog-client .comfirm-report {
    width: 100px
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-header-client .reply-notice {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    padding: 11px 14px;
    margin-bottom: 10px;
    font-size: 12px;
    border-radius: 2px;
    color: var(--text_notice);
    background-color: var(--Or0);
    cursor: pointer
}

.reply-header-client .reply-notice .notice-content {
    flex: 1;
    position: relative;
    padding: 0 5px;
    line-height: 18px;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 2s
}

.reply-header-client .reply-navigation {
    margin: 12px 0
}

.reply-header-client .reply-navigation .nav-bar {
    display: flex;
    align-items: center;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.reply-header-client .reply-navigation .nav-bar .nav-select-reply {
    font-size: 12px;
    color: var(--text1)
}

.reply-header-client .reply-navigation .nav-bar .nav-sort {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--text3)
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .part-symbol {
    height: 10px;
    margin: 0 8px;
    border-left: solid 1px
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort {
    cursor: pointer
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort:hover {
    color: var(--brand_blue)
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort {
    cursor: pointer
}

.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort:hover {
    color: var(--brand_blue)
}

.reply-header-client .reply-navigation .nav-bar .nav-sort.hot .hot-sort,
.reply-header-client .reply-navigation .nav-bar .nav-sort.time .time-sort {
    color: var(--text1)
}

.reply-header-client .reply-navigation .nav-operation-warp {
    position: absolute;
    right: 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.emoji-panel-client[data-v-168f09db] {
    position: absolute;
    top: var(--3401e690);
    bottom: var(--7fa31b7c);
    left: var(--351cf79e);
    width: var(--6ada9838);
    border: 1px solid var(--graph_bg_thick);
    border-radius: 8px;
    font-size: 14px;
    color: var(--text1);
    z-index: 9
}

.emoji-panel-client .emoji-header[data-v-168f09db] {
    display: flex;
    align-items: center;
    position: relative;
    padding: 13px 15px 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: var(--bg1)
}

.emoji-panel-client .emoji-header .emoji-title[data-v-168f09db] {
    flex: 1
}

.emoji-panel-client .emoji-content[data-v-168f09db] {
    height: 196px;
    padding: 0 11px;
    background-color: var(--bg1);
    overflow: auto
}

.emoji-panel-client .emoji-content .emoji-info[data-v-168f09db] {
    display: inline-block;
    border-radius: 4px;
    cursor: pointer
}

.emoji-panel-client .emoji-content .emoji-info[data-v-168f09db]:hover {
    background-color: var(--graph_bg_thick)
}

.emoji-panel-client .emoji-content .emoji-info .text-emoji[data-v-168f09db] {
    padding: 8px;
    line-height: 16px
}

.emoji-panel-client .emoji-content .emoji-info .normal-small-emoji[data-v-168f09db] {
    width: 32px;
    height: 32px;
    margin: 8px
}

.emoji-panel-client .emoji-content .emoji-info .normal-large-emoji[data-v-168f09db] {
    width: 48px;
    height: 48px;
    margin: 6px 10px
}

.emoji-panel-client .emoji-tab[data-v-168f09db] {
    display: flex;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--bg3);
    overflow: hidden
}

.emoji-panel-client .emoji-tab .emoji-type[data-v-168f09db] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 36px;
    cursor: pointer
}

.emoji-panel-client .emoji-tab .emoji-type[data-v-168f09db]:hover {
    background-color: var(--graph_bg_thick)
}

.emoji-panel-client .emoji-tab .emoji-type .emoji-type-face[data-v-168f09db] {
    width: 24px;
    height: 24px
}

.emoji-panel-client .emoji-tab .emoji-type.current-type[data-v-168f09db] {
    background-color: var(--bg1)
}

.emoji-panel-client .emoji-tab .emoji-slider[data-v-168f09db] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    right: 0;
    width: 75px;
    height: 36px
}

.emoji-panel-client .emoji-tab .emoji-slider .slider-pre[data-v-168f09db],
.emoji-panel-client .emoji-tab .emoji-slider .slider-next[data-v-168f09db] {
    color: var(--graph_icon);
    opacity: .3;
    cursor: pointer
}

.emoji-panel-client .emoji-tab .emoji-slider .slider-pre.allow[data-v-168f09db],
.emoji-panel-client .emoji-tab .emoji-slider .slider-next.allow[data-v-168f09db] {
    opacity: 1
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.set-nickname--dialog .vui_dialog--title {
    margin-bottom: 0
}

.set-nickname--dialog .set-nickname-dialog-content {
    padding: 20px;
    font-size: 16px
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp {
    font-size: 12px;
    margin-top: 30px
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid var(--graph_weak);
    border-radius: 4px;
    outline: none
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-input.error {
    border-color: var(--stress_red)
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-input:focus {
    border-color: var(--brand_blue)
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-error-info {
    margin-top: 4px;
    font-size: 12px;
    color: red
}

.set-nickname--dialog .set-nickname-dialog-content s .nickname-input-warp .nickname-error-info .nickname-error-icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: text-bottom
}

.set-nickname--dialog .nickname-btn-warp {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px
}

.bind-phone--dialog .bind-phone-dialog-content {
    text-align: left
}

.vui_dialog--footer {
    background-color: transparent
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-box-client[data-v-e5b1f999] {
    display: flex;
    flex-direction: column
}

.reply-box-client .reply-box-warp[data-v-e5b1f999] {
    position: relative;
    flex: 1
}

.reply-box-client .reply-box-warp .reply-box-textarea[data-v-e5b1f999] {
    width: 100%;
    height: 32px;
    padding: 5px 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    line-height: 20px;
    color: var(--text1);
    background-color: var(--bg2);
    resize: none;
    outline: none;
    transition: .2s
}

.reply-box-client .reply-box-warp .reply-box-textarea[data-v-e5b1f999]::placeholder {
    color: var(--text4)
}

.reply-box-client .reply-box-warp .reply-box-textarea.focus[data-v-e5b1f999],
.reply-box-client .reply-box-warp .reply-box-textarea[data-v-e5b1f999]:hover {
    border-color: var(--brand_pink)
}

.reply-box-client .box-operation-warp[data-v-e5b1f999] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    height: 32px
}

.reply-box-client .box-operation-warp .reply-box-emoji[data-v-e5b1f999] {
    position: relative;
    margin-right: auto
}

.reply-box-client .box-operation-warp .reply-box-emoji .box-emoji-icon[data-v-e5b1f999] {
    cursor: pointer
}

.reply-box-client .box-operation-warp .reply-box-send[data-v-e5b1f999] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 70px;
    height: 100%;
    border-radius: 4px;
    cursor: pointer
}

.reply-box-client .box-operation-warp .reply-box-send .send-text[data-v-e5b1f999] {
    position: absolute;
    z-index: 1;
    color: var(--text_white)
}

.reply-box-client .box-operation-warp .reply-box-send[data-v-e5b1f999]:after {
    content: "";
    position: absolute;
    opacity: .5;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: var(--brand_pink)
}

.reply-box-client .box-operation-warp .reply-box-send[data-v-e5b1f999]:hover:after {
    opacity: 1
}

.reply-box-client.box-active .reply-box-warp .reply-box-textarea[data-v-e5b1f999] {
    height: 60px
}

.reply-box-client.box-active .reply-box-send.send-active[data-v-e5b1f999]:after {
    opacity: 1
}

.reply-box-client.disabled .reply-box-warp .disable-mask[data-v-e5b1f999] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    font-size: 12px;
    color: var(--text3);
    background-color: var(--bg3)
}

.reply-box-client.disabled .reply-box-warp .disable-mask .no-login-mask[data-v-e5b1f999] {
    cursor: pointer
}

.reply-box-client.disabled .box-operation-warp .reply-box-send[data-v-e5b1f999] {
    cursor: not-allowed
}

.reply-box-client.disabled .box-operation-warp .reply-box-send .send-text[data-v-e5b1f999] {
    color: var(--text3)
}

.reply-box-client.disabled .box-operation-warp .reply-box-send[data-v-e5b1f999]:after {
    opacity: 1;
    background-color: var(--bg3)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.note-prefix[data-v-e8276124] {
    vertical-align: -3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 19px;
    border-radius: 4px;
    margin-right: 6px;
    font-size: 12px;
    color: var(--text3);
    background-color: var(--bg2)
}

.note-prefix .note-icon[data-v-e8276124] {
    width: 16px;
    height: 16px
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-content-client {
    color: var(--text1);
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    vertical-align: baseline;
    transition: .2s
}

.reply-content-client.root {
    line-height: 25px
}

.reply-content-client.need-view-more {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.reply-content-client.sub {
    line-height: 20px
}

.reply-content-client .top-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--brand_pink);
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--brand_pink);
    vertical-align: 1px
}

.reply-content-client .emoji-small {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom
}

.reply-content-client .emoji-large {
    width: 36px;
    height: 36px;
    vertical-align: text-bottom
}

.reply-content-client .jump-link {
    vertical-align: baseline
}

.reply-content-client .icon {
    width: 20px;
    height: 20px;
    vertical-align: text-top
}

.reply-content-client .icon.vote {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: text-bottom
}

.reply-content-client .icon.search-word {
    width: 12px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.view-more-reply {
    font-size: 12px;
    color: var(--text_link);
    line-height: 17px;
    cursor: pointer
}

.view-more-reply:hover {
    color: var(--Lb4)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.sub-reply-item-client[data-v-f656e619] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: relative;
    max-height: 42px;
    padding: 3px 0;
    font-size: 14px;
    overflow: hidden
}

.sub-reply-item-client .sub-user-info[data-v-f656e619] {
    display: inline-flex;
    align-items: center;
    color: var(--text2);
    line-height: 20px;
    vertical-align: baseline;
    white-space: nowrap
}

.sub-reply-item-client .sub-user-info .sub-user-name[data-v-f656e619] {
    margin-right: 5px;
    font-size: 14px;
    cursor: pointer
}

.sub-reply-item-client .sub-user-info .sub-up-icon[data-v-f656e619] {
    margin-right: 4px;
    cursor: default
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.sub-reply-list-client[data-v-797a1736] {
    border-radius: 4px;
    padding: 7px 10px;
    margin-top: 12px;
    background-color: var(--bg2_float)
}

.sub-reply-list-client .view-more[data-v-797a1736] {
    margin-top: 4px;
    cursor: pointer
}

.sub-reply-list-client .view-more .view-more-text[data-v-797a1736] {
    font-size: 12px;
    color: var(--text_link)
}

.sub-reply-list-client .view-more .view-more-text[data-v-797a1736]:hover {
    color: var(--Lb4)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.content-warp--blacklist .reply-content[data-v-7c80ed25] {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    border-radius: 4px;
    color: var(--text1);
    background-color: var(--bg2_float)
}

.content-warp--blacklist .reply-content .ban-icon[data-v-7c80ed25] {
    margin-right: 4px
}

.content-warp--blacklist .reply-header[data-v-7c80ed25] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.content-warp--blacklist .reply-header .root-reply-avatar[data-v-7c80ed25] {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    cursor: pointer
}

.content-warp--blacklist .reply-header .root-reply-avatar .blacklist-avatar[data-v-7c80ed25] {
    width: 30px;
    height: 30px
}

.content-warp--blacklist .reply-header .reply-info .balcklist-name[data-v-7c80ed25] {
    color: var(--text1)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-item-client {
    position: relative;
    padding: 10px 0 14px 42px;
    border-bottom: 1px solid var(--line_light)
}

.reply-item-client .content-warp {
    flex: 1;
    position: relative
}

.reply-item-client .content-warp .reply-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.reply-item-client .content-warp .reply-header .root-reply-avatar {
    display: flex;
    justify-content: center;
    position: absolute;
    left: -42px;
    cursor: pointer
}

.reply-item-client .content-warp .reply-header .reply-info {
    display: flex;
    flex-direction: column
}

.reply-item-client .content-warp .reply-header .reply-info .user-info {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: var(--text2)
}

.reply-item-client .content-warp .reply-header .reply-info .user-info .user-name {
    margin-right: 5px;
    color: var(--be794234);
    cursor: pointer
}

.reply-item-client .content-warp .reply-header .reply-info .user-info .user-level {
    margin-right: 5px;
    cursor: pointer
}

.reply-item-client .content-warp .reply-header .reply-info .user-info .up-icon {
    cursor: default
}

.reply-item-client .content-warp .reply-header .reply-info .reply-time {
    font-size: 12px;
    color: var(--text3)
}

.reply-item-client .content-warp .root-reply {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    transition: .2s
}

.reply-item-client .content-warp .root-reply .reply-operation-warp {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 12px;
    font-size: 13px;
    color: var(--text3);
    line-height: 16px
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon {
    margin-right: 5px;
    color: var(--text3)
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon:hover,
.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon.liked {
    color: var(--brand_pink)
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike {
    display: flex;
    align-items: center;
    margin-right: 19px
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon {
    color: var(--text3);
    cursor: pointer
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon:hover,
.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon.disliked {
    color: var(--brand_pink)
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-icon {
    color: var(--text3);
    cursor: pointer
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-icon:hover {
    color: var(--brand_pink)
}

.reply-item-client .content-warp .root-reply .reply-operation-warp .more-operation {
    display: none;
    position: absolute;
    right: 20px
}

.reply-item-client .content-warp .reply-item-box {
    margin-top: 12px
}

.reply-item-client .content-warp .reply-tag-list {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 12px;
    line-height: 14px
}

.reply-item-client .content-warp .reply-tag-list .reply-tag-item {
    padding: 5px 6px;
    border-radius: 2px;
    margin-right: 10px;
    color: var(--text2);
    background-color: var(--bg2_float)
}

.reply-item-client:hover .content-warp .root-reply .reply-operation-warp .more-operation {
    display: block
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.back-top[data-v-1fd39008] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 120px;
    left: var(--025bb189);
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid var(--graph_bg_thick);
    box-shadow: 0 0 30px #0000001a;
    font-size: 12px;
    color: var(--text1);
    line-height: 18px;
    background-color: var(--bg1_float);
    cursor: pointer;
    user-select: none
}

.back-top[data-v-1fd39008]:hover {
    background-color: var(--graph_bg_thick)
}

.back-top--transition-enter-active[data-v-1fd39008],
.back-top--transition-leave-active[data-v-1fd39008] {
    transition: opacity .5s ease
}

.back-top--transition-enter-from[data-v-1fd39008],
.back-top--transition-leave-to[data-v-1fd39008] {
    opacity: 0
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-list[data-v-b85e8fc6] {
    position: relative;
    margin-top: 14px;
    padding-bottom: 100px
}

.reply-list .reply-empty[data-v-b85e8fc6] {
    margin-top: 100px;
    text-align: center;
    font-size: 14px;
    color: var(--text3)
}

.reply-list .reply-end-mark[data-v-b85e8fc6] {
    height: 100px
}

.reply-list .reply-end[data-v-b85e8fc6],
.reply-list .reply-loading[data-v-b85e8fc6] {
    margin-top: 20px;
    font-size: 13px;
    color: var(--text3);
    text-align: center
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.fixed-reply-box[data-v-a4f24937] {
    bottom: 0;
    z-index: 20;
    width: 100%
}

.fixed-reply-box .reply-box-wrap[data-v-a4f24937] {
    background-color: var(--bg1);
    padding: 14px 0;
    border-top: 1px solid var(--line_light)
}

.fixed-reply-box .reply-box-shadow[data-v-a4f24937] {
    position: absolute;
    top: -10px;
    z-index: -1;
    height: 36px;
    border-radius: 50%;
    background-color: #00000014;
    filter: blur(10px);
    width: calc(100% - 72px);
    left: 50%;
    transform: translate(-50%)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.floor-reply-item[data-v-f07178d1] {
    position: relative
}

.floor-reply-item.root-item .content-warp[data-v-f07178d1] {
    border-bottom: 10px solid var(--bg2)
}

.floor-reply-item .content-warp[data-v-f07178d1] {
    flex: 1;
    position: relative;
    padding: 10px 0 14px 42px;
    border-bottom: 1px solid var(--line_light)
}

.floor-reply-item .content-warp .reply-header[data-v-f07178d1] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.floor-reply-item .content-warp .reply-header .root-reply-avatar[data-v-f07178d1] {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    cursor: pointer
}

.floor-reply-item .content-warp .reply-header .reply-info[data-v-f07178d1] {
    display: flex;
    flex-direction: column
}

.floor-reply-item .content-warp .reply-header .reply-info .user-info[data-v-f07178d1] {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: var(--text2)
}

.floor-reply-item .content-warp .reply-header .reply-info .user-info .user-name[data-v-f07178d1] {
    margin-right: 5px;
    color: var(--0a603545);
    cursor: pointer
}

.floor-reply-item .content-warp .reply-header .reply-info .user-info .user-level[data-v-f07178d1] {
    margin-right: 5px;
    cursor: pointer
}

.floor-reply-item .content-warp .reply-header .reply-info .user-info .up-icon[data-v-f07178d1] {
    cursor: default
}

.floor-reply-item .content-warp .reply-header .reply-info .reply-time[data-v-f07178d1] {
    font-size: 12px;
    color: var(--text3)
}

.floor-reply-item .content-warp .root-reply[data-v-f07178d1] {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    transition: .2
}

.floor-reply-item .content-warp .root-reply .top-icon[data-v-f07178d1] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--brand_pink);
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp[data-v-f07178d1] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 12px;
    font-size: 13px;
    color: var(--text3);
    line-height: 16px
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-like[data-v-f07178d1] {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-like .like-icon[data-v-f07178d1] {
    margin-right: 5px;
    color: var(--text3)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-like .like-icon[data-v-f07178d1]:hover,
.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-like .like-icon.liked[data-v-f07178d1] {
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-dislike[data-v-f07178d1] {
    display: flex;
    align-items: center;
    margin-right: 19px
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon[data-v-f07178d1] {
    color: var(--text3);
    cursor: pointer
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon[data-v-f07178d1]:hover,
.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon.disliked[data-v-f07178d1] {
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-icon[data-v-f07178d1] {
    color: var(--text3);
    cursor: pointer
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .reply-icon[data-v-f07178d1]:hover {
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .view-dialog[data-v-f07178d1] {
    margin-left: 15px;
    cursor: pointer
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .view-dialog[data-v-f07178d1]:hover {
    color: var(--brand_pink)
}

.floor-reply-item .content-warp .root-reply .reply-operation-warp .more-operation[data-v-f07178d1] {
    position: absolute;
    right: 20px;
    opacity: 0
}

.floor-reply-item .content-warp .reply-item-box[data-v-f07178d1] {
    margin-top: 12px
}

.floor-reply-item .content-warp .reply-tag-list[data-v-f07178d1] {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 12px;
    line-height: 14px
}

.floor-reply-item .content-warp .reply-tag-list .reply-tag-item[data-v-f07178d1] {
    padding: 5px 6px;
    border-radius: 2px;
    margin-right: 10px;
    color: var(--text2);
    background-color: var(--bg2)
}

.floor-reply-item .reply-count[data-v-f07178d1] {
    margin-top: 12px;
    font-size: 13px;
    color: var(--text3)
}

.floor-reply-item:hover .content-warp .root-reply .reply-operation-warp .more-operation[data-v-f07178d1] {
    opacity: 1
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.floor-reply-list[data-v-340f83ac] {
    margin-top: 14px;
    padding-bottom: 100px
}

.floor-reply-list .reply-empty[data-v-340f83ac] {
    margin-top: 100px;
    text-align: center;
    font-size: 14px;
    color: var(--text3)
}

.floor-reply-list .reply-end-mark[data-v-340f83ac] {
    height: 100px
}

.floor-reply-list .reply-end[data-v-340f83ac],
.floor-reply-list .reply-loading[data-v-340f83ac] {
    margin-top: 20px;
    font-size: 13px;
    color: var(--text3);
    text-align: center
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.reply-detail[data-v-a660c1ab] {
    flex: 1
}

.reply-detail .reply-header[data-v-a660c1ab] {
    display: flex;
    align-items: center;
    position: sticky;
    z-index: 9;
    top: 0;
    left: 0;
    height: 46px;
    border-bottom: 1px solid var(--line_light);
    margin-bottom: 14px;
    background-color: var(--bg1)
}

.reply-detail .reply-header .return-icon[data-v-a660c1ab] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-right: 4px;
    color: var(--text1);
    cursor: pointer
}

.reply-detail .reply-header .return-icon[data-v-a660c1ab]:hover {
    background-color: var(--graph_bg_thick)
}

.reply-detail .reply-header .reply-title[data-v-a660c1ab] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text1)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.dialog-reply[data-v-3e1b1500] {
    flex: 1
}

.dialog-reply .reply-header[data-v-3e1b1500] {
    display: flex;
    align-items: center;
    position: sticky;
    z-index: 9;
    top: 0;
    left: 0;
    height: 46px;
    border-bottom: 1px solid var(--line_light);
    margin-bottom: 14px;
    background-color: var(--bg1)
}

.dialog-reply .reply-header .return-icon[data-v-3e1b1500] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-right: 4px;
    color: var(--text1);
    cursor: pointer
}

.dialog-reply .reply-header .return-icon[data-v-3e1b1500]:hover {
    background-color: var(--graph_bg_thick)
}

.dialog-reply .reply-header .reply-title[data-v-3e1b1500] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text1)
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.bili-comment.client {
    background-color: var(--bg1)
}

.bili-comment.client * {
    box-sizing: border-box;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    -webkit-font-smoothing: antialiased
}

.bili-comment.client * ul {
    list-style: none
}

.bili-comment.client * a {
    text-decoration: none;
    background-color: transparent;
    color: var(--text_link);
    cursor: pointer
}

.bili-comment.client * a:hover {
    color: var(--Lb4)
}

.bili-comment.client * i {
    font-style: normal
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.note-floor.pc .floor-container[data-v-888e8b58] {
    position: relative;
    padding-left: 80px;
    user-select: none
}

.note-floor.pc .floor-container .up-avatar[data-v-888e8b58] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    width: 80px
}

.note-floor.pc .floor-container .up-info[data-v-888e8b58] {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 13px
}

.note-floor.pc .floor-container .up-info .up-name[data-v-888e8b58] {
    margin-right: 8px;
    font-weight: 500
}

.note-floor.pc .floor-container .note-info[data-v-888e8b58] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
    font-size: 13px;
    color: var(--text3)
}

.note-floor.pc .floor-container .note-info .note-time[data-v-888e8b58],
.note-floor.pc .floor-container .note-info .like-icon[data-v-888e8b58],
.note-floor.pc .floor-container .note-info .dislike-icon[data-v-888e8b58] {
    margin-right: 18px
}

.note-floor.pc .floor-container .note-info .operation-icon[data-v-888e8b58] {
    position: absolute;
    right: 0;
    cursor: default
}

@font-face {
    font-family: fanscard;
    src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf)
}

.note-floor.h5 .up-info-container[data-v-8c2c4215] {
    display: flex;
    align-items: center
}

.note-floor.h5 .up-info-container .up-avatar[data-v-8c2c4215] {
    flex-basis: 47px;
    display: flex;
    align-items: center;
    justify-content: center
}

.note-floor.h5 .up-info-container .up-info[data-v-8c2c4215] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 4px 4px;
    font-size: 13px
}

.note-floor.h5 .up-info-container .up-info .up-info-top[data-v-8c2c4215] {
    display: flex;
    align-items: center
}

.note-floor.h5 .up-info-container .up-info .up-info-top .up-name[data-v-8c2c4215] {
    margin-right: 8px;
    font-weight: 500
}

.note-floor.h5 .up-info-container .up-info .note-time[data-v-8c2c4215] {
    font-size: 12px;
    color: var(--text3)
}

.note-floor.h5 .floor-container[data-v-8c2c4215] {
    position: relative;
    padding-left: 52px;
    user-select: none
}

.note-floor.h5 .floor-container .note-info[data-v-8c2c4215] {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
    font-size: 13px;
    color: var(--text3)
}

.note-floor.h5 .floor-container .note-info .note-time[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .like-icon[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .dislike-icon[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .share-icon[data-v-8c2c4215] {
    margin-right: 18px
}

.note-floor.h5 .floor-container .note-info .operation-icon[data-v-8c2c4215] {
    position: absolute;
    right: 0;
    cursor: default
}


.icon-loading[data-v-6ff4d5ab] {
    display: inline-block;
    width: 176px;
    height: 128px;
    background-size: 100%;
    margin-bottom: 28px;
}

.icon-fail[data-v-6ff4d5ab] {
    display: inline-block;
    width: 175px;
    height: 128px;
    margin-bottom: 16px;
}


@-webkit-keyframes refresh-data-v-f01e1c5c {
    0% {
        background-position: 0 -60px;
    }

    25% {
        background-position: 60px -60px;
    }

    50% {
        background-position: 120px -60px;
    }

    75% {
        background-position: 180px -60px;
    }

    100% {
        background-position: 0 -60px;
    }
}

@keyframes refresh-data-v-f01e1c5c {
    0% {
        background-position: 0 -60px;
    }

    25% {
        background-position: 60px -60px;
    }

    50% {
        background-position: 120px -60px;
    }

    75% {
        background-position: 180px -60px;
    }

    100% {
        background-position: 0 -60px;
    }
}

html.night-mode .dark-img[data-v-f01e1c5c] {
    -webkit-filter: saturate(85%) brightness(97%);
    filter: saturate(85%) brightness(97%);
    will-change: filter;
}

*[data-v-f01e1c5c] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

input[data-v-f01e1c5c],
button[data-v-f01e1c5c],
select[data-v-f01e1c5c],
textarea[data-v-f01e1c5c] {
    outline: none;
    border-style: none;
    -webkit-appearance: none;
    border-radius: 0;
}

img[data-v-f01e1c5c] {
    vertical-align: top;
    border: none;
}

#bili-wordverify-box[data-v-f01e1c5c] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 2147483647;
}

#bili-wordverify-box .bili-wordverify-bg[data-v-f01e1c5c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 90;
}

#bili-wordverify-box .bili-wordverify-wrapper[data-v-f01e1c5c] {
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 91;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#bili-wordverify-box .bili-wordverify-container[data-v-f01e1c5c] {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    padding: 16px 12px;
    position: relative;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container[data-v-f01e1c5c] {
    background-color: #141414;
}

#bili-wordverify-box .bili-wordverify-container .pop-close[data-v-f01e1c5c] {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    background: url(//activity.hdslb.com/blackboard/static/7d5e6e42764c0acef18718404c182cef/vWTdWwdP8.png) no-repeat 100%;
    background-size: 16px;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

#bili-wordverify-box .bili-wordverify-container .warning-group[data-v-f01e1c5c] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#bili-wordverify-box .bili-wordverify-container .warning-group .icon-loading[data-v-f01e1c5c] {
    display: inline-block;
    width: 176px;
    height: 98px;
    background-size: 100%;
    margin-bottom: 28px;
}

#bili-wordverify-box .bili-wordverify-container .warning-group .icon-fail[data-v-f01e1c5c] {
    display: inline-block;
    width: 175px;
    height: 128px;
    margin-bottom: 16px;
}

#bili-wordverify-box .bili-wordverify-container .warning-group .warning-text[data-v-f01e1c5c] {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #212121;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .warning-group .warning-text[data-v-f01e1c5c] {
    color: #e1e1e1;
}

#bili-wordverify-box .bili-wordverify-container .warning-group .button-active[data-v-f01e1c5c] {
    margin: 0 auto;
    margin-top: 24px;
    width: 140px;
    height: 34px;
    background: #fb7299;
    color: #ffffff;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .warning-group .button-active[data-v-f01e1c5c] {
    background: #eb7093;
}

#bili-wordverify-box .bili-wordverify-container .warning-group .button-active.primary[data-v-f01e1c5c] {
    background: #00a1d6;
}

#bili-wordverify-box .bili-wordverify-container .verify-title[data-v-f01e1c5c] {
    margin: 0;
    padding: 0 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    text-align: center;
    color: #212121;
    letter-spacing: 0;
    line-height: 24px;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper[data-v-f01e1c5c] {
    margin-top: 10px;
    position: relative;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .bili-word-small-bg[data-v-f01e1c5c] {
    width: 260px;
    height: 157.5px;
    background-size: 100% 100%;
    background-image: none;
    position: relative;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .bili-word-bg[data-v-f01e1c5c] {
    width: 256px;
    height: 144px;
    background-size: 100% 100%;
    background-image: none;
    position: relative;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group[data-v-f01e1c5c] {
    position: relative;
    width: 250px;
    margin: 0 auto;
    margin-bottom: 6px;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group h4[data-v-f01e1c5c] {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #212121;
    text-align: center;
    margin: 6px 0;
    font-weight: normal;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group h4[data-v-f01e1c5c] {
    color: #e1e1e1;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group p[data-v-f01e1c5c] {
    font-size: 12px;
    color: #505050;
    text-align: left;
    font-family: PingFangSC-Regular;
    margin: 4px 0;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group p[data-v-f01e1c5c] {
    color: #b5b5b5;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group span[data-v-f01e1c5c] {
    color: #fb7299;
}

html.night-mode #bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .question-group span[data-v-f01e1c5c] {
    color: #eb7093;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .clean-group[data-v-f01e1c5c] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 122px;
    right: 2px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px 0 4px 0;
    padding: 4px 4px;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .clean-group .icon-clean[data-v-f01e1c5c] {
    display: inline-block;
    background: url(//i0.hdslb.com/bfs/activity-plat/static/20201111/7d5e6e42764c0acef18718404c182cef/bXvoVrYOp.svg) no-repeat 100%;
    background-size: 100%;
    height: 16px;
    width: 16px;
    background-position: left center;
    cursor: pointer;
}

#bili-wordverify-box .bili-wordverify-container .bili-word-bg-wrapper .clean-group span[data-v-f01e1c5c] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: right;
    line-height: 12px;
    cursor: pointer;
}

#bili-wordverify-box .bili-wordverify-container .enter-error[data-v-f01e1c5c]::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #fb7299;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}

#bili-wordverify-box .bili-wordverify-container .enter-error input[data-v-f01e1c5c] {
    color: #fb7299 !important;
}

#bili-wordverify-box input[data-v-f01e1c5c] {
    height: auto;
}

#bili-wordverify-box .button-wrapper[data-v-f01e1c5c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

#bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c] {
    background-color: #ffffff;
    height: 34px;
    width: 100%;
    border-radius: 4px;
    font-family: PingFangSC;
    font-size: 14px;
    color: #505050;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-right: 16px;
    margin-left: 4px;
}

html.night-mode #bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c] {
    background-color: #141414;
}

html.night-mode #bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c] {
    color: #b5b5b5;
}

#bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c]::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-color: #c0c0c0;
    border-radius: 8px;
}

html.night-mode #bili-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c]::after {
    border-color: #4e4e4e;
}

#bili-wordverify-box .button-wrapper .button-active[data-v-f01e1c5c] {
    height: 34px;
    width: 100%;
    background: #fb7299;
    color: #ffffff;
    border-radius: 4px;
    font-family: PingFangSC;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 4px;
}

html.night-mode #bili-wordverify-box .button-wrapper .button-active[data-v-f01e1c5c] {
    background: #eb7093;
}

#bili-wordverify-box .button-wrapper .button-active.primary[data-v-f01e1c5c] {
    background: #00a1d6;
}

#bili-wordverify-box .button-wrapper .unable[data-v-f01e1c5c] {
    background: #e7e7e7;
    color: #999999;
}

#bili-wordverify-box.bili-word-box-enter[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-to[data-v-f01e1c5c] {
    opacity: 0;
}

#bili-wordverify-box.bili-word-box-enter .bili-wordverify-container[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-to .bili-wordverify-container[data-v-f01e1c5c] {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

#bili-wordverify-box.bili-word-box-enter-active[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-active[data-v-f01e1c5c] {
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

#bili-wordverify-box.bili-word-box-enter-active .bili-wordverify-container[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-active .bili-wordverify-container[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-enter-active .bili-wordverify-bg[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave-active .bili-wordverify-bg[data-v-f01e1c5c] {
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

#bili-wordverify-box.bili-word-box-enter-to[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave[data-v-f01e1c5c] {
    opacity: 1;
}

#bili-wordverify-box.bili-word-box-enter-to .bili-wordverify-container[data-v-f01e1c5c],
#bili-wordverify-box.bili-word-box-leave .bili-wordverify-container[data-v-f01e1c5c] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


#bili-toast-container[data-v-27bccc61] {
    position: fixed;
    z-index: 2147483648;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    pointer-events: none;
}

#bili-toast-container .bili-toast-content[data-v-27bccc61] {
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    max-width: 60%;
    border-radius: 4px;
}

#bili-toast-container.no-cover[data-v-27bccc61] {
    height: 0;
    top: 50%;
}

#bili-toast-container.bili-toast-enter[data-v-27bccc61],
#bili-toast-container.bili-toast-leave-to[data-v-27bccc61] {
    opacity: 0;
}

#bili-toast-container.bili-toast-enter-active[data-v-27bccc61],
#bili-toast-container.bili-toast-leave-active[data-v-27bccc61] {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#bili-toast-container.bili-toast-enter-to[data-v-27bccc61],
#bili-toast-container.bili-toast-leave[data-v-27bccc61] {
    opacity: 1;
}


html::-webkit-scrollbar {
    /* we'll add padding as "border" in the thumb*/
    height: 20px;
    width: 20px;
    background: white;
}

html::-webkit-scrollbar-track {
    border-radius: 20px;
    border: 7px solid white;
    /* FIXME why doesn't "transparent" work here?! */
    background-color: white;
    width: 6px !important;
    /* 20px scrollbar - 2 * 7px border */
    box-sizing: content-box;
}

html::-webkit-scrollbar-track:hover {
    background-color: #BFC0C2;
}

html::-webkit-scrollbar-thumb {
    background-color: #3DAEE9;
    /* default blue breeze color */
    border: 7px solid transparent;
    border-radius: 20px;
    background-clip: content-box;
    width: 6px !important;
    /* 20px scrollbar - 2 * 7px border */
    box-sizing: content-box;
    min-height: 30px;
}

html::-webkit-scrollbar-thumb:window-inactive {
    background-color: #949699;
    /* when window is inactive it's gray */
}

html::-webkit-scrollbar-thumb:hover {
    background-color: #93CEE9;
    /* hovered is a lighter blue */
}

html::-webkit-scrollbar-corner {
    background-color: white;
    /* FIXME why doesn't "transparent" work here?! */
}


@-webkit-keyframes bpx-animation-loading {
    0% {
        background-position: 0 0
    }

    6.25% {
        background-position: -320px 0
    }

    12.50% {
        background-position: -640px 0
    }

    18.75% {
        background-position: -960px 0
    }

    25.00% {
        background-position: -1280px 0
    }

    31.25% {
        background-position: -1600px 0
    }

    37.50% {
        background-position: -1920px 0
    }

    43.75% {
        background-position: -2240px 0
    }

    50.00% {
        background-position: -2560px 0
    }

    56.25% {
        background-position: -2880px 0
    }

    62.50% {
        background-position: -3200px 0
    }

    68.75% {
        background-position: -3520px 0
    }

    75.00% {
        background-position: -3840px 0
    }

    81.25% {
        background-position: -4160px 0
    }

    87.50% {
        background-position: -4480px 0
    }

    93.75% {
        background-position: 0 -184px
    }

    100.00% {
        background-position: -320px -184px
    }
}

@keyframes bpx-animation-loading {
    0% {
        background-position: 0 0
    }

    6.25% {
        background-position: -320px 0
    }

    12.50% {
        background-position: -640px 0
    }

    18.75% {
        background-position: -960px 0
    }

    25.00% {
        background-position: -1280px 0
    }

    31.25% {
        background-position: -1600px 0
    }

    37.50% {
        background-position: -1920px 0
    }

    43.75% {
        background-position: -2240px 0
    }

    50.00% {
        background-position: -2560px 0
    }

    56.25% {
        background-position: -2880px 0
    }

    62.50% {
        background-position: -3200px 0
    }

    68.75% {
        background-position: -3520px 0
    }

    75.00% {
        background-position: -3840px 0
    }

    81.25% {
        background-position: -4160px 0
    }

    87.50% {
        background-position: -4480px 0
    }

    93.75% {
        background-position: 0 -184px
    }

    100.00% {
        background-position: -320px -184px
    }
}

.bpx-docker ol,
.bpx-docker ul {
    list-style: none;
    outline: none
}

.bpx-docker table {
    border-collapse: collapse;
    border-spacing: 0
}

.bpx-docker a,
.bpx-docker input {
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none
}

.bpx-docker svg[data-pointer=none] {
    pointer-events: none
}

.bpx-docker {
    font-size: 12px;
    font-style: normal;
    line-height: 1
}

.bpx-common-hidden {
    display: none !important
}

.bpx-common-opacity-60 {
    opacity: .6
}

.bpx-common-opacity-0 {
    opacity: 0
}

.bpx-common-svg-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.bpx-common-svg-icon svg {
    height: 100%;
    -webkit-transition: fill .15s ease-in-out;
    transition: fill .15s ease-in-out;
    width: 100%
}

.bpx-docker-major {
    height: 100%;
    position: relative;
    width: 100%
}

.bpx-docker-major.bpx-state-light-off:before {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .9;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002
}

.bpx-docker-major.bpx-state-light-off .bpx-player-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1010
}

.bpx-docker-minor {
    position: relative;
    width: 100%
}

.bpx-docker-minor:empty {
    background-color: #f4f4f4;
    background-color: var(--bpx-aux-header-bg, #f4f4f4);
    border-radius: 2px
}

.bpx-docker-minor:not(:empty) {
    background-color: #fff;
    background-color: var(--bpx-aux-content-bg, #fff)
}

.bpx-docker-patch {
    height: 0 !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 0 !important
}

.bpx-player-container {
    -webkit-box-shadow: 0 0 8px #e5e9ef;
    box-shadow: 0 0 8px #e5e9ef;
    -webkit-box-shadow: 0 0 8px var(--bpx-box-shadow, #e5e9ef);
    box-shadow: 0 0 8px var(--bpx-box-shadow, #e5e9ef);
    height: 100%;
    position: relative;
    width: 100%
}

.bpx-player-container.bpx-state-disable-box-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bpx-player-container[data-aspect-ratio="16:9"] .bpx-player-video-wrap,
.bpx-player-container[data-aspect-ratio="4:3"] .bpx-player-video-wrap {
    position: relative
}

.bpx-player-container[data-aspect-ratio="16:9"] .bpx-player-video-wrap canvas,
.bpx-player-container[data-aspect-ratio="4:3"] .bpx-player-video-wrap canvas {
    height: 100% !important;
    width: 100% !important
}

.bpx-player-container.bpx-state-black-gap .bpx-player-video-wrap {
    border-color: transparent;
    border-style: solid;
    border-width: 48px 7px
}

.bpx-player-container.bpx-state-black-gap .bpx-player-control-mask {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC0CAYAAABVEkZPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACaSURBVHgBlZLbDsQgCETLYP//i5UVtkYhuG59IFzODGnKdZ0eQWMSaFfST2TL0bmHXS+bhoBzD2+ybMAJgp0WiXb2ghWDmYFaa8ZBH6O1Nv1KwrGB32zAnLg8nGXDau4ti4z60+yGiFhZNAvOIdzKQbmy9MIX2V/t3HM+HbZSNAt3JcgOzrQmc/A6cIhEgwH/v9L1xG8j77coPnsUOUD2dBlAAAAAAElFTkSuQmCC) repeat-x bottom;
    height: 180px
}

.bpx-player-container[data-screen=full],
.bpx-player-container[data-screen=mini],
.bpx-player-container[data-screen=web] {
    z-index: 100000 !important
}

.bpx-player-container[data-ctrl-hidden=true] .bpx-player-top-wrap {
    opacity: 0;
    visibility: hidden
}

.bpx-player-container[data-ctrl-hidden=true][data-angle=d3d11] .bpx-player-top-wrap {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    opacity: 1;
    visibility: visible
}

.bpx-player-container[data-ctrl-hidden=false] .bpx-player-top-wrap {
    opacity: 1;
    visibility: visible
}

.bpx-player-container[data-screen=mini] {
    border-radius: 4px;
    height: 225px;
    overflow: hidden;
    position: fixed !important;
    width: 400px
}

.bpx-player-container[data-revision="1"][data-screen=mini],
.bpx-player-container[data-revision="2"][data-screen=mini] {
    height: 180px;
    width: 320px
}

@media screen and (min-width:1681px) {

    .bpx-player-container[data-revision="1"][data-screen=mini],
    .bpx-player-container[data-revision="2"][data-screen=mini] {
        height: 203px;
        width: 360px
    }
}

.bpx-player-container[data-revision="1"] .bpx-player-sending-bar,
.bpx-player-container[data-revision="2"] .bpx-player-sending-bar {
    font-size: 13px;
    padding-left: 12px
}

@media screen and (min-width:1681px) {

    .bpx-player-container[data-revision="1"] .bpx-player-sending-bar,
    .bpx-player-container[data-revision="2"] .bpx-player-sending-bar {
        font-size: 14px;
        height: 56px
    }
}

.bpx-player-container[data-revision="2"][data-screen=web] {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bpx-player-primary-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    background-color: #00000094;
}

.bpx-player-hinter-area {
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 500
}

.bpx-player-hinter-area:after {
    background: url(//s1.hdslb.com/bfs/static/player/img/play.svg) no-repeat 50%;
    content: "";
    display: block;
    height: 84px;
    left: 50%;
    margin-left: -42px;
    margin-top: -42px;
    position: absolute;
    top: 50%;
    width: 84px
}

.bpx-player-context-area {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

.bpx-player-video-area {
    -webkit-box-flex: 1;
    background-color: #000;
    background-color: var(--bpx-video-bgcolor, #000);
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.bpx-player-video-area.bpx-player-mouse-event {
    cursor: pointer
}

.bpx-player-sending-area[hidden] {
    display: none
}

.bpx-player-ending-wrap {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 55
}

.bpx-player-ending-wrap[hidden] {
    display: none
}

.bpx-player-ending-wrap[data-select="1"],
.bpx-player-ending-wrap[data-select="2"] {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    visibility: visible
}

.bpx-player-ending-wrap[data-select="1"] .bpx-player-ending-backdrop,
.bpx-player-ending-wrap[data-select="1"] .bpx-player-ending-panel,
.bpx-player-ending-wrap[data-select="2"] .bpx-player-ending-backdrop,
.bpx-player-ending-wrap[data-select="2"] .bpx-player-share-panel {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    visibility: visible
}

.bpx-player-ending-backdrop {
    background-position: 50%;
    background-size: cover;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    height: 120%;
    left: -10%;
    position: absolute;
    top: -10%;
    width: 120%;
    z-index: -1
}

.bpx-player-ending-backdrop:before {
    background-color: rgba(0, 0, 0, .6);
    content: ""
}

.bpx-player-ending-backdrop:before,
.bpx-player-ending-panel,
.bpx-player-share-panel {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bpx-player-ending-panel {
    z-index: 1
}

.bpx-player-share-panel {
    z-index: 2
}

.bpx-player-ending-backdrop,
.bpx-player-ending-panel,
.bpx-player-ending-wrap,
.bpx-player-share-panel {
    opacity: 0;
    -webkit-transition: opacity .2s linear, visibility 0ms .2s;
    transition: opacity .2s linear, visibility 0ms .2s;
    visibility: hidden
}

.bpx-player-state-wrap {
    pointer-events: none
}

.bpx-player-control-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 75
}

.bpx-player-control-wrap[hidden] {
    display: none
}

.bpx-player-embedded .bpx-player-sending-bar {
    height: auto
}

.bpx-player-embedded .bpx-player-sending-bar-left,
.bpx-player-embedded .bpx-player-sending-bar-right {
    height: 0
}

.bpx-player-sending-bar {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    background: var(--bpx-dmsend-main-bg, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 46px;
    padding: 0 12px;
    position: relative
}

.bpx-player-sending-bar-left {
    background-color: rgba(0, 0, 0, .04);
    height: 22px;
    margin-right: 10px;
    width: 176px
}

.bpx-player-sending-bar-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: rgba(0, 0, 0, .04);
    flex-grow: 1;
    height: 22px
}

.bpx-player-adv-dm-wrap,
.bpx-player-bas-dm-wrap,
.bpx-player-row-dm-wrap {
    cursor: pointer;
    height: 100%;
    left: 0;
    -webkit-mask-position: center;
    mask-position: center;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.bpx-player-row-dm-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    z-index: 11
}

.bpx-player-row-dm-wrap.ash-animation {
    -webkit-animation: ash 2s linear 1s forwards;
    animation: ash 2s linear 1s forwards
}

.bpx-player-row-dm-wrap.ash-hide {
    opacity: 0
}

.bpx-player-row-dm-wrap.ash-animation-paused {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.bpx-player-top-wrap {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 45
}

.bpx-player-top-wrap[hidden] {
    display: none
}

.bpx-player-subtitle-wrap {
    z-index: 16
}

.bpx-player-music-wrap {
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-music-wrap:not(:empty) {
    height: 100%;
    width: 100%;
    z-index: 81
}

.bpx-player-business-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 63
}

.bpx-player-business-wrap.business-hide {
    display: none
}

.bpx-player-container[data-screen=mini] .bpx-player-cmd-dm-wrap,
.bpx-player-container[data-screen=mini] .bpx-player-ending-panel,
.bpx-player-container[data-screen=mini] .bpx-player-interaction-hidden,
.bpx-player-container[data-screen=mini] .bpx-player-interaction-rookie-guide,
.bpx-player-container[data-screen=mini] .bpx-player-interaction-story,
.bpx-player-container[data-screen=mini] .bpx-player-music-wrap,
.bpx-player-container[data-screen=mini] .bpx-player-panorama,
.bpx-player-container[data-screen=mini] .bpx-player-share-panel {
    display: none !important
}

@-webkit-keyframes ash {
    0% {
        -webkit-filter: url(#fractal) blur(0);
        filter: url(#fractal) blur(0);
        opacity: 1
    }

    25% {
        -webkit-filter: url(#fractal) blur(2.5px);
        filter: url(#fractal) blur(2.5px);
        opacity: .75
    }

    50% {
        -webkit-filter: url(#fractal) blur(5px);
        filter: url(#fractal) blur(5px);
        opacity: .5
    }

    75% {
        -webkit-filter: url(#fractal) blur(7.5px);
        filter: url(#fractal) blur(7.5px);
        opacity: .25
    }

    to {
        -webkit-filter: url(#fractal) blur(10px);
        filter: url(#fractal) blur(10px);
        opacity: 0
    }
}

@keyframes ash {
    0% {
        -webkit-filter: url(#fractal) blur(0);
        filter: url(#fractal) blur(0);
        opacity: 1
    }

    25% {
        -webkit-filter: url(#fractal) blur(2.5px);
        filter: url(#fractal) blur(2.5px);
        opacity: .75
    }

    50% {
        -webkit-filter: url(#fractal) blur(5px);
        filter: url(#fractal) blur(5px);
        opacity: .5
    }

    75% {
        -webkit-filter: url(#fractal) blur(7.5px);
        filter: url(#fractal) blur(7.5px);
        opacity: .25
    }

    to {
        -webkit-filter: url(#fractal) blur(10px);
        filter: url(#fractal) blur(10px);
        opacity: 0
    }
}

.bpx-player-loading-panel {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 57
}

.bpx-player-loading-panel.bpx-state-loading {
    display: block
}

.bpx-player-loading-panel-blur {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bpx-player-loading-panel-blur[hidden] {
    display: none
}

.bpx-player-loading-panel-blur:before {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-loading-panel-blur-detail {
    -webkit-animation: bpx-animation-loading .94s steps(1) infinite;
    animation: bpx-animation-loading .94s steps(1) infinite;
    background: url(//s1.hdslb.com/bfs/static/player/img/ploading.png) no-repeat;
    height: 184px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    width: 320px
}

.bpx-player-loading-panel-text {
    bottom: 56px;
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    left: 12px;
    line-height: 1.6;
    position: absolute;
    right: 12px
}

.bpx-player-loading-panel-text[hidden] {
    display: none
}

.bpx-player-loading-panel-text-row {
    white-space: nowrap
}

.bpx-player-video-poster {
    bottom: 0;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.bpx-player-video-poster[hidden] {
    display: none
}

.bpx-player-video-poster img {
    height: 100%;
    width: 100%
}

.bpx-player-video-perch {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.bpx-player-video-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

.bpx-player-video-wrap .bpx-player-seamless-replacement {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bpx-player-video-wrap .bpx-player-seamless-replacement,
.bpx-player-video-wrap bwp-video,
.bpx-player-video-wrap video {
    content-visibility: visible;
    display: block;
    height: 100%;
    margin: auto;
    width: 100%
}

.bpx-player-state-buff-icon,
.bpx-player-state-buff-text,
.bpx-player-state-play {
    display: none
}

.bpx-state-paused .bpx-player-state-wrap {
    bottom: 62px;
    cursor: pointer;
    pointer-events: none;
    position: absolute;
    right: 34px;
    z-index: 48
}

.bpx-state-paused .bpx-player-state-play {
    background: url(//s1.hdslb.com/bfs/static/player/img/play.svg) 50% no-repeat;
    display: block;
    height: 64px;
    width: 64px
}

.bpx-state-paused[data-screen=full] .bpx-player-state-wrap,
.bpx-state-paused[data-screen=web] .bpx-player-state-wrap {
    bottom: 107px
}

.bpx-state-no-cursor .bpx-player-video-perch {
    cursor: none
}

.bpx-state-mirror bwp-video,
.bpx-state-mirror video {
    -webkit-transform: rotateX(.001deg) rotateY(180.001deg);
    transform: rotateX(.001deg) rotateY(180.001deg)
}

.bpx-state-mirror canvas {
    -webkit-transform: scaleX(-1) translate(50%, -50%) !important;
    transform: scaleX(-1) translate(50%, -50%) !important
}

.bpx-state-buff .bpx-player-state-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 48
}

.bpx-state-buff .bpx-player-state-buff-icon {
    display: block;
    height: 24px;
    width: 24px
}

.bpx-state-buff .bpx-player-state-buff-text {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.bpx-legacy-browser-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100
}

.bpx-legacy-browser-image {
    margin-bottom: 1em;
    max-width: 300px;
    width: 60%
}

.bpx-legacy-browser-text {
    line-height: 2;
    margin: 0
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9zdHlsZS9iYXNlL2tleWZyYW1lcy5sZXNzIiwid2VicGFjazovLy4vc3JjL3N0eWxlL2NvcmUubGVzcyIsIndlYnBhY2s6Ly8uL3NyYy9zdHlsZS9iYXNlLmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvYmFzZS9yZXNldC5sZXNzIiwid2VicGFjazovLy4vc3JjL3N0eWxlL2Jhc2UvY29tbW9uLmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvbWFpbi9sYXllci0wLmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvbWFpbi9sYXllci0xLmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvbWFpbi9sYXllci0yLmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvbWFpbi9sYXllci0zLmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvbWFpbi9sYXllci00Lmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvbWFpbi9sb2FkaW5nLmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvbWFpbi92aWRlby5sZXNzIiwid2VicGFjazovLy4vc3JjL3N0eWxlL21haW4vYnVmZmVyLmxlc3MiLCJ3ZWJwYWNrOi8vLi9zcmMvc3R5bGUvbGVnYWN5LWJyb3dzZXIubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx5Q0FDSSxHQUNJLHVCQ2dETixDRDlDRSxNQUNJLDRCQ2dETixDRDlDRSxPQUNJLDRCQ2dETixDRDlDRSxPQUNJLDRCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDZCQ2dETixDRDlDRSxPQUNJLDRCQ2dETixDRDlDRSxRQUNJLGlDQ2dETixDQUNGLENEbkdBLGlDQUNJLEdBQ0ksdUJDZ0ROLENEOUNFLE1BQ0ksNEJDZ0ROLENEOUNFLE9BQ0ksNEJDZ0ROLENEOUNFLE9BQ0ksNEJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNkJDZ0ROLENEOUNFLE9BQ0ksNEJDZ0ROLENEOUNFLFFBQ0ksaUNDZ0ROLENBQ0YsQ0NuR0MsOEJDVU8sZUFBQSxDQUNBLFlGa0dSLENDN0dDLGtCQ2VPLHdCQUFBLENBQ0EsZ0JGaUdSLENDakhDLGdDQ3NCTyxZQUFBLENBREEsNEJBQUEsQ0FBQSxvQkZpR1IsQ0N0SEMsbUNDMEJPLG1CRitGUixDQ3pIQyxZQ2dDRyxjQUFBLENBREEsaUJBQUEsQ0FFQSxhRjZGSixDQzlIQyxtQkVHRyxzQkg4SEosQ0NqSUMsdUJFT0csVUg2SEosQ0NwSUMsc0JFV0csU0g0SEosQ0N2SUMscUJFZUcsMEJBQUEsQ0FBQSwwQkFBQSxDQUFBLG1CQUFBLENBRUEsV0FBQSxDQUNBLHdCQUFBLENBQUEscUJBQUEsQ0FBQSxvQkFBQSxDQUFBLGdCQUFBLENBRkEsVUg2SEosQ0M3SUMseUJFc0JPLFdBQUEsQ0FDQSx3Q0FBQSxDQUFBLGdDQUFBLENBRkEsVUg2SFIsQ0NsSkMsa0JHS0csV0FBQSxDQUZBLGlCQUFBLENBQ0EsVUptSkosQ0kvSVEsNkNBUUkscUJBQUEsQ0FEQSxRQUFBLENBTkEsVUFBQSxDQUNBLGFBQUEsQ0FJQSxNQUFBLENBR0EsVUFBQSxDQU5BLGNBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQU1BLFlKaUpaLENDbktDLDRER3NCVyx1QkFBQSxDQUFBLGVBQUEsQ0FDQSxZSmdKWixDQ3ZLQyxrQkc2QkcsaUJBQUEsQ0FDQSxVSjZJSixDSTNJSSx3QkFDSSx3QkFBQSxDQUFBLGlEQUFBLENBQ0EsaUJKNklSLENJM0lJLDhCQUNJLHFCQUFBLENBQUEsK0NKNklSLENDbExDLGtCRzhDRyxrQkFBQSxDQUZBLE1BQUEsQ0FGQSxpQkFBQSxDQUNBLEtBQUEsQ0FFQSxpQko0SUosQ0N6TEMsc0JJTUcsa0NBQUEsQ0FBQSwwQkFBQSxDQUFBLHdEQUFBLENBQUEsZ0RBQUEsQ0FEQSxXQUFBLENBRkEsaUJBQUEsQ0FDQSxVTDJMSixDQy9MQyxtRElTTyx1QkFBQSxDQUFBLGVMeUxSLENLdExJLDZJQUdPLGlCTHVMWCxDSzFMSSwySkFNVyxxQkFBQSxDQURBLG9CTDBMZixDQzNNQyxpRUkyQlcsd0JBQUEsQ0FBQSxrQkFBQSxDQUFBLHFCTHFMWixDQ2hOQyxtRUlnQ1csa0VBQUEsQ0FEQSxZTHFMWixDS2hMSSx1SEFHSSx3QkxrTFIsQ0svS0ksa0VBR1EsU0FBQSxDQURBLGlCTGlMWixDSzdLUSxvRkFJUSwwQ0FBQSxDQUFBLGtDQUFBLENBREEsU0FBQSxDQURBLGtCTGdMaEIsQ0t6S0ksbUVBR1EsU0FBQSxDQURBLGtCTDJLWixDS3RLSSx3Q0FJSSxpQkFBQSxDQURBLFlBQUEsQ0FFQSxlQUFBLENBSkEsd0JBQUEsQ0FDQSxXTDJLUixDS2xLUSxzSEFFSSxZQUFBLENBREEsV0xzS1osQ0tsS1EscUNBQ0ksc0hBRUksWUFBQSxDQURBLFdMc0tkLENBQ0YsQ0toTEksa0lBZVEsY0FBQSxDQUNBLGlCTHFLWixDS25LWSxxQ0FBQSxrSUFFSSxjQUFBLENBREEsV0x3S2QsQ0FDRixDS2xLUSwwREFDSSx1QkFBQSxDQUFBLGVMb0taLENDeFFDLHlCS01HLDJCQUFBLENBQUEsNEJBQUEsQ0FIQSxtQkFBQSxDQUFBLG1CQUFBLENBQUEsWUFBQSxDQUdBLHlCQUFBLENBQUEscUJBQUEsQ0FDQSxvQkFBQSxDQUFBLGdCQUFBLENBRkEsV0FBQSxDQURBLFVOMlFKLENDL1FDLHdCS2lCRyxxQkFBQSxDQUVBLHVCQUFBLENBREEscUJBQUEsQ0FGQSxRQUFBLENBTEEsYUFBQSxDQUdBLE1BQUEsQ0FGQSxpQkFBQSxDQUdBLE9BQUEsQ0FGQSxLQUFBLENBT0EsV051UUosQ01yUUksOEJBVUksMkVBQUEsQ0FUQSxVQUFBLENBQ0EsYUFBQSxDQU9BLFdBQUEsQ0FKQSxRQUFBLENBRUEsaUJBQUEsQ0FEQSxnQkFBQSxDQUhBLGlCQUFBLENBQ0EsT0FBQSxDQUlBLFVOeVFSLENDdlNDLHlCSzBDRyxXQUFBLENBRkEsTUFBQSxDQUlBLG1CQUFBLENBTkEsaUJBQUEsQ0FDQSxLQUFBLENBRUEsVUFBQSxDQUVBLFlOcVFKLENDaFRDLHVCTUlHLGtCQUFBLENBQ0EscUJBQUEsQ0FBQSw4Q0FBQSxDQURBLFVBQUEsQ0FBQSxNQUFBLENBRUEsZUFBQSxDQUhBLGlCUG1USixDQ3RUQyw4Q01RTyxjUGlUUixDTzVTSSxpQ0FDSSxZUDhTUixDQzVUQyx3Qk9RRyxXQUFBLENBRkEsTUFBQSxDQUdBLGVBQUEsQ0FMQSxpQkFBQSxDQUNBLEtBQUEsQ0FFQSxVQUFBLENBR0EsVVIyVEosQ1F6VEksZ0NBQ0ksWVIyVFIsQ1F4VEksa0ZBRUksU0FBQSxDQUVBLHVCQUFBLENBQUEsZUFBQSxDQURBLGtCUjJUUixDQzlVQyw2UU8yQk8sU0FBQSxDQUVBLHFDQUFBLENBQUEsNkJBQUEsQ0FEQSxrQlIwVFIsQ0N0VkMsNEJPZ0RHLHVCQUFBLENBQ0EscUJBQUEsQ0FDQSx5QkFBQSxDQUFBLGlCQUFBLENBSEEsV0FBQSxDQUZBLFNBQUEsQ0FGQSxpQkFBQSxDQUNBLFFBQUEsQ0FFQSxVQUFBLENBS0EsVVI4U0osQ1EvVEksbUNBT0ksK0JBQUEsQ0FOQSxVUnVVUixDQzFXQyxvRk93Q08sV0FBQSxDQUZBLE1BQUEsQ0FGQSxpQkFBQSxDQUNBLEtBQUEsQ0FFQSxVUjJVUixDQ2xYQyx5Qk9nRUcsU1JxVEosQ0NyWEMsd0JPb0VHLFNSb1RKLENDeFhDLHFHTzJFRyxTQUFBLENBRUEsd0RBQUEsQ0FBQSxnREFBQSxDQURBLGlCUm9USixDQ2hZQyx1Qk9pRkcsbUJSa1RKLENDbllDLHlCT3VGRyxRQUFBLENBREEsTUFBQSxDQURBLGlCQUFBLENBR0EsVUFBQSxDQUNBLFVSaVRKLENRL1NJLGlDQUNJLFlSaVRSLENDN1lDLDZDT29HTyxXUjRTUixDUTNTUSxxR0FFSSxRUjZTWixDQ3BaQyx3Qk8rR0csbUJBQUEsQ0FFQSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsa0JBQUEsQ0FFQSxlQUFBLENBQUEseUNBQUEsQ0FMQSxtQkFBQSxDQUFBLG1CQUFBLENBQUEsWUFBQSxDQUNBLGFBQUEsQ0FDQSxXQUFBLENBRUEsY0FBQSxDQUxBLGlCUmdUSixDUXhTSSw2QkFJSSxnQ0FBQSxDQURBLFdBQUEsQ0FGQSxpQkFBQSxDQUNBLFdSNFNSLENRdlNJLDhCQUVJLGtCQUFBLENBQUEsbUJBQUEsQ0FDQSxnQ0FBQSxDQURBLFdBQUEsQ0FEQSxXUjJTUixDQ3hhQyx3RU80SUcsY0FBQSxDQUZBLFdBQUEsQ0FGQSxNQUFBLENBT0EsNEJBQUEsQ0FBQSxvQkFBQSxDQUpBLGVBQUEsQ0FFQSxtQkFBQSxDQVBBLGlCQUFBLENBQ0EsS0FBQSxDQVNBLHdCQUFBLENBQUEscUJBQUEsQ0FBQSxvQkFBQSxDQUFBLGdCQUFBLENBUEEsVUFBQSxDQUtBLFNSeVNKLENDdmJDLHdCT29KRyx1QkFBQSxDQUFBLG9CQUFBLENBQ0Esd0JBQUEsQ0FBQSxxQkFBQSxDQUFBLGtCQUFBLENBRkEsbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBQUEsQ0FDQSxzQkFBQSxDQUVBLFVSdVNKLENRblNJLHNDQUNJLDJDQUFBLENBQUEsbUNScVNSLENRblNJLGlDQUNJLFNScVNSLENRblNJLDZDQUNJLDJCQUFBLENBQ0EsbUNSc1NSLENDeGNDLHFCTzRLRyxVQUFBLENBTEEsbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBQUEsQ0FHQSxNQUFBLENBSUEsbUJBQUEsQ0FOQSxpQkFBQSxDQUNBLEtBQUEsQ0FJQSxzQ0FBQSxDQUFBLDhCQUFBLENBRkEsVUFBQSxDQUlBLFVSb1NKLENRbFNJLDZCQUNJLFlSb1NSLENDdGRDLDBCT3VMRyxVUmtTSixDQ3pkQyx1Qk8yTEcsaUJBQUEsQ0FFQSxPQUFBLENBREEsS1JrU0osQ1EvUkksbUNBRUksV0FBQSxDQURBLFVBQUEsQ0FFQSxVUmlTUixDQ25lQywwQk8yTUcsdUJBQUEsQ0FBQSxvQkFBQSxDQUNBLHdCQUFBLENBQUEscUJBQUEsQ0FBQSxrQkFBQSxDQUZBLG1CQUFBLENBQUEsbUJBQUEsQ0FBQSxZQUFBLENBSUEsV0FBQSxDQUhBLHNCQUFBLENBSkEsaUJBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQUtBLFVBQUEsQ0FFQSxVUitSSixDUTlSSSx3Q0FDSSxZUmdTUixDQ2pmQyx1aEJPOE5PLHNCUjZSUixDUXpSQSx1QkFDSSxHQUNJLG9DQUFBLENBQUEsNEJBQUEsQ0FDQSxTUjJSTixDUXhSRSxJQUNJLHdDQUFBLENBQUEsZ0NBQUEsQ0FDQSxXUjBSTixDUXZSRSxJQUNJLHNDQUFBLENBQUEsOEJBQUEsQ0FDQSxVUnlSTixDUXRSRSxJQUNJLHdDQUFBLENBQUEsZ0NBQUEsQ0FDQSxXUndSTixDUXJSRSxHQUNJLHVDQUFBLENBQUEsK0JBQUEsQ0FDQSxTUnVSTixDQUNGLENRL1NBLGVBQ0ksR0FDSSxvQ0FBQSxDQUFBLDRCQUFBLENBQ0EsU1IyUk4sQ1F4UkUsSUFDSSx3Q0FBQSxDQUFBLGdDQUFBLENBQ0EsV1IwUk4sQ1F2UkUsSUFDSSxzQ0FBQSxDQUFBLDhCQUFBLENBQ0EsVVJ5Uk4sQ1F0UkUsSUFDSSx3Q0FBQSxDQUFBLGdDQUFBLENBQ0EsV1J3Uk4sQ1FyUkUsR0FDSSx1Q0FBQSxDQUFBLCtCQUFBLENBQ0EsU1J1Uk4sQ0FDRixDQ2poQkMsMEJRU0cscUJBQUEsQ0FOQSxZQUFBLENBS0EsV0FBQSxDQUZBLE1BQUEsQ0FGQSxpQkFBQSxDQUNBLEtBQUEsQ0FFQSxVQUFBLENBR0EsVVRpaEJKLENDM2hCQyw0Q1FhTyxhVGloQlIsQ0M5aEJDLCtCUW9CRyx3QkFBQSxDQUFBLHFCQUFBLENBQ0EsdUJBQUEsQ0FBQSxvQkFBQSxDQURBLGtCQUFBLENBRkEsbUJBQUEsQ0FBQSxtQkFBQSxDQUFBLFlBQUEsQ0FLQSxXQUFBLENBRkEsc0JBQUEsQ0FHQSxtQkFBQSxDQUxBLGlCQUFBLENBR0EsVVRpaEJKLENTN2dCSSx1Q0FDSSxZVCtnQlIsQ1M1Z0JJLHNDQU9JLCtCQUFBLENBREEsUUFBQSxDQUxBLFVBQUEsQ0FHQSxNQUFBLENBRkEsaUJBQUEsQ0FHQSxPQUFBLENBRkEsS1RraEJSLENDbmpCQyxzQ1E4Q0csOERBQUEsQ0FBQSxzREFBQSxDQUZBLDJFQUFBLENBREEsWUFBQSxDQUVBLDJCQUFBLENBQUEsbUJBQUEsQ0FIQSxXVGdoQkosQ0MxakJDLCtCUXFERyxXQUFBLENBQ0Esd0JBQUEsQ0FDQSxjQUFBLENBSkEsU0FBQSxDQUtBLGVBQUEsQ0FOQSxpQkFBQSxDQUVBLFVUK2dCSixDU3pnQkksdUNBQ0ksWVQyZ0JSLENTeGdCSSxtQ0FDSSxrQlQwZ0JSLENDemtCQyx5QlNNRyxRQUFBLENBR0EsV0FBQSxDQUpBLE1BQUEsQ0FLQSxtQkFBQSxDQVBBLGlCQUFBLENBSUEsT0FBQSxDQUhBLEtBQUEsQ0FJQSxVVjJrQkosQ1V2a0JJLGlDQUNJLFlWeWtCUixDQ3RsQkMsNkJTa0JPLFdBQUEsQ0FEQSxVVnlrQlIsQ0MxbEJDLHdCU3dCRyxrQkFBQSxDQUNBLHVCQUFBLENBQUEsb0JBQUEsQ0FDQSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsa0JBQUEsQ0FIQSxtQkFBQSxDQUFBLG1CQUFBLENBQUEsWUFBQSxDQUNBLGFBQUEsQ0FBQSxTQUFBLENBSUEsV0FBQSxDQUhBLHNCQUFBLENBSUEsaUJBQUEsQ0FGQSxVVndrQkosQ0NubUJDLHVCU3FDRyw2QkFBQSxDQUFBLHFCQUFBLENBSEEsYUFBQSxDQUVBLFdBQUEsQ0FEQSxVVnNrQkosQ0N6bUJDLHdEUzZDTyxRQUFBLENBREEsTUFBQSxDQUhBLGlCQUFBLENBS0EsT0FBQSxDQUhBLEtWMGtCUixDQ3JuQkMsc0hTaURPLDBCQUFBLENBVEEsYUFBQSxDQVFBLFdBQUEsQ0FOQSxXQUFBLENBS0EsVVY4a0JSLENDN25CQywrRVNpRUcsWVZpa0JKLENDbG9CQyx5Q1N5RU8sV0FBQSxDQUNBLGNBQUEsQ0FDQSxtQkFBQSxDQUpBLGlCQUFBLENBQ0EsVUFBQSxDQUlBLFVWOGpCUixDQzFvQkMseUNTbUZPLDJFQUFBLENBSEEsYUFBQSxDQUVBLFdBQUEsQ0FEQSxVVitqQlIsQ1UxakJJLHFIQUdRLFlWMmpCWixDQ3BwQkMsNkNTZ0dPLFdWdWpCUixDQ3ZwQkMsb0RTd0dPLHNEQUFBLENBQUEsOENWbWpCUixDQzNwQkMseUJTNEdPLDBEQUFBLENBQUEsa0RWa2pCUixDQzlwQkMsdUNVS08sdUJBQUEsQ0FBQSxvQkFBQSxDQUNBLHdCQUFBLENBQUEscUJBQUEsQ0FDQSwyQkFBQSxDQUFBLDRCQUFBLENBREEsa0JBQUEsQ0FGQSxtQkFBQSxDQUFBLG1CQUFBLENBQUEsWUFBQSxDQUdBLHlCQUFBLENBQUEscUJBQUEsQ0FLQSxXQUFBLENBUEEsc0JBQUEsQ0FJQSxNQUFBLENBREEsaUJBQUEsQ0FFQSxLQUFBLENBQ0EsVUFBQSxDQUVBLFVYNnBCUixDQzFxQkMsNENVaUJPLGFBQUEsQ0FFQSxXQUFBLENBREEsVVg2cEJSLENDL3FCQyw0Q1UwQk8sVUFBQSxDQUhBLGFBQUEsQ0FFQSxjQUFBLENBREEsYUFBQSxDQUlBLGNBQUEsQ0FEQSxvQ1g0cEJSLENZcHJCQSw4QkFPSSwyQkFBQSxDQUFBLDRCQUFBLENBQ0EsdUJBQUEsQ0FBQSxvQkFBQSxDQUNBLHdCQUFBLENBQUEscUJBQUEsQ0FBQSxrQkFBQSxDQUlBLHFCQUFBLENBSEEsVUFBQSxDQU5BLG1CQUFBLENBQUEsbUJBQUEsQ0FBQSxZQUFBLENBR0EseUJBQUEsQ0FBQSxxQkFBQSxDQUlBLGNBQUEsQ0FMQSxXQUFBLENBRUEsc0JBQUEsQ0FMQSxNQUFBLENBRkEsaUJBQUEsQ0FXQSxpQkFBQSxDQVZBLEtBQUEsQ0FHQSxVQUFBLENBU0EsV1p5ckJKLENZdHJCQSwwQkFDSSxpQkFBQSxDQUVBLGVBQUEsQ0FEQSxTWnlyQkosQ1lyckJBLHlCQUVJLGFBQUEsQ0FEQSxRWndyQkoiLCJzb3VyY2VzQ29udGVudCI6WyJAa2V5ZnJhbWVzIGJweC1hbmltYXRpb24tbG9hZGluZyB7XG4gICAgMCUge1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAwcHggMHB4O1xuICAgIH1cbiAgICA2LjI1JSB7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0zMjBweCAwcHg7XG4gICAgfVxuICAgIDEyLjUwJSB7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC02NDBweCAwcHg7XG4gICAgfVxuICAgIDE4Ljc1JSB7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC05NjBweCAwcHg7XG4gICAgfVxuICAgIDI1LjAwJSB7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMjgwcHggMHB4O1xuICAgIH1cbiAgICAzMS4yNSUge1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTYwMHB4IDBweDtcbiAgICB9XG4gICAgMzcuNTAlIHtcbiAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTE5MjBweCAwcHg7XG4gICAgfVxuICAgIDQzLjc1JSB7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0yMjQwcHggMHB4O1xuICAgIH1cbiAgICA1MC4wMCUge1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMjU2MHB4IDBweDtcbiAgICB9XG4gICAgNTYuMjUlIHtcbiAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTI4ODBweCAwcHg7XG4gICAgfVxuICAgIDYyLjUwJSB7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0zMjAwcHggMHB4O1xuICAgIH1cbiAgICA2OC43NSUge1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMzUyMHB4IDBweDtcbiAgICB9XG4gICAgNzUuMDAlIHtcbiAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTM4NDBweCAwcHg7XG4gICAgfVxuICAgIDgxLjI1JSB7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00MTYwcHggMHB4O1xuICAgIH1cbiAgICA4Ny41MCUge1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtNDQ4MHB4IDBweDtcbiAgICB9XG4gICAgOTMuNzUlIHtcbiAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMHB4IC0xODRweDtcbiAgICB9XG4gICAgMTAwLjAwJSB7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0zMjBweCAtMTg0cHg7XG4gICAgfVxufVxuIiwiLyoqXG4gKiBEZWZpbmUgVGhlbWUgVmFyaWFibGVzXG4gKi9cbi8qKlxuICog6KeG6aKR6IOM5pmv6ImyXG4gKi9cbi8qKlxuICog5Li76KaB6aKc6ImyICYg6IOM5pmv6ImyXG4gKi9cbi8qKlxuICog5Li76KaB54m55b6B6aKc6ImyICYg54m55b6BaG92ZXLpopzoibJcbiAqL1xuLyoqXG4gKiBUb29sdGlw5qih5Z2X6aKc6ImyICYg6IOM5pmv6ImyXG4gKi9cbi8qKlxuICogVG9hc3TmqKHlnZfoibLlgLxcbiAqL1xuLyoqXG4gKiBDb21tb24gU3R5bGUgVmFyaWFibGVcbiAqL1xuLyoqXG4gKiBEZWZpbmUgei1JbmRleFxuICpcbiAqIOWFqOWxj+OAgeWwj+eql+etieaooeW8jzogMTAwLDAwMFxuICog5pKt5Y+R5Zmo5YaF6YOo5pyA6auY5bGCOiAxMCwwMDBcbiAqIOWqkuS9k+WMulxuICogICAgICAtIOWqkuS9k+WxgjogYXV0b345XG4gKiAgICAgIC0g5by55bmV5bGCOiAxMH4xNVxuICogICAgICAtIOWtl+W5leWxgjogMTZ+MTlcbiAqICAgICAgLSDmjIfku6TlsYI6IDIwfjI5XG4gKiAgICAgIC0g5qyh5o6n5bGCOiA0MH40OVxuICogICAgICAtIOmdouadv+WxgjogNTB+NTlcbiAqICAgICAgLSDlkJDlj7jlsYI6IDYwfjY5XG4gKiAgICAgIC0g5Li75o6n5bGCOiA3MH43NVxuICogICAgICAtIOa1rueql+WxgjogNzZ+NzlcbiAqICAgICAgLSDlvLnnqpflsYI6IDgwfjg5XG4gKi9cbi8qKlxuICogRGVmaW5lIGJvdHRvbSBvZiBjb250cm9sIG1lbnVcbiAqL1xuLyoqXG4gKiBEZWZpbmUgTGVzcyBWYXJpYWJsZXNcbiAqL1xuLyoqXG4gKiDlvLnnqpflsYLlhazlhbHmoLflvI9cbiAqL1xuQGtleWZyYW1lcyBicHgtYW5pbWF0aW9uLWxvYWRpbmcge1xuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMHB4IDBweDtcbiAgfVxuICA2LjI1JSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTMyMHB4IDBweDtcbiAgfVxuICAxMi41MCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC02NDBweCAwcHg7XG4gIH1cbiAgMTguNzUlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtOTYwcHggMHB4O1xuICB9XG4gIDI1LjAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTEyODBweCAwcHg7XG4gIH1cbiAgMzEuMjUlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTYwMHB4IDBweDtcbiAgfVxuICAzNy41MCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xOTIwcHggMHB4O1xuICB9XG4gIDQzLjc1JSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTIyNDBweCAwcHg7XG4gIH1cbiAgNTAuMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMjU2MHB4IDBweDtcbiAgfVxuICA1Ni4yNSUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0yODgwcHggMHB4O1xuICB9XG4gIDYyLjUwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTMyMDBweCAwcHg7XG4gIH1cbiAgNjguNzUlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMzUyMHB4IDBweDtcbiAgfVxuICA3NS4wMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0zODQwcHggMHB4O1xuICB9XG4gIDgxLjI1JSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQxNjBweCAwcHg7XG4gIH1cbiAgODcuNTAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtNDQ4MHB4IDBweDtcbiAgfVxuICA5My43NSUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDBweCAtMTg0cHg7XG4gIH1cbiAgMTAwLjAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTMyMHB4IC0xODRweDtcbiAgfVxufVxuLyoqXG4gKiBDU1MgUmVzZXQgU3R5bGVcbiAqXG4gKiBET04nVCB1c2UgZ2xvYmFsIGNzcyByZXNldCBzdHlsZVxuICovXG4uYnB4LWRvY2tlciBvbCxcbi5icHgtZG9ja2VyIHVsIHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5icHgtZG9ja2VyIHRhYmxlIHtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgYm9yZGVyLXNwYWNpbmc6IDA7XG59XG4uYnB4LWRvY2tlciBpbnB1dCxcbi5icHgtZG9ja2VyIGEge1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uYnB4LWRvY2tlciBzdmdbZGF0YS1wb2ludGVyPSdub25lJ10ge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5icHgtZG9ja2VyIHtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxO1xufVxuLmJweC1jb21tb24taGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xufVxuLmJweC1jb21tb24tb3BhY2l0eS02MCB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cbi5icHgtY29tbW9uLW9wYWNpdHktMCB7XG4gIG9wYWNpdHk6IDA7XG59XG4uYnB4LWNvbW1vbi1zdmctaWNvbiB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cbi5icHgtY29tbW9uLXN2Zy1pY29uIHN2ZyB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHRyYW5zaXRpb246IGZpbGwgMTUwbXMgZWFzZS1pbi1vdXQ7XG59XG4uYnB4LWRvY2tlci1tYWpvciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cbi5icHgtZG9ja2VyLW1ham9yLmJweC1zdGF0ZS1saWdodC1vZmY6YmVmb3JlIHtcbiAgY29udGVudDogJyc7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gIG9wYWNpdHk6IDAuOTtcbiAgei1pbmRleDogMTAwMjtcbn1cbi5icHgtZG9ja2VyLW1ham9yLmJweC1zdGF0ZS1saWdodC1vZmYgLmJweC1wbGF5ZXItY29udGFpbmVyIHtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgei1pbmRleDogMTAxMDtcbn1cbi5icHgtZG9ja2VyLW1pbm9yIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbn1cbi5icHgtZG9ja2VyLW1pbm9yOmVtcHR5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnB4LWF1eC1oZWFkZXItYmcsICNmNGY0ZjQpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG4uYnB4LWRvY2tlci1taW5vcjpub3QoOmVtcHR5KSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJweC1hdXgtY29udGVudC1iZywgI2ZmZmZmZik7XG59XG4uYnB4LWRvY2tlci1wYXRjaCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDAgIWltcG9ydGFudDtcbn1cbi5icHgtcGxheWVyLWNvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm94LXNoYWRvdzogMCAwIDhweCB2YXIoLS1icHgtYm94LXNoYWRvdywgI2U1ZTllZik7XG59XG4uYnB4LXBsYXllci1jb250YWluZXIuYnB4LXN0YXRlLWRpc2FibGUtYm94LXNoYWRvdyB7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG4uYnB4LXBsYXllci1jb250YWluZXJbZGF0YS1hc3BlY3QtcmF0aW89JzQ6MyddIC5icHgtcGxheWVyLXZpZGVvLXdyYXAsXG4uYnB4LXBsYXllci1jb250YWluZXJbZGF0YS1hc3BlY3QtcmF0aW89JzE2OjknXSAuYnB4LXBsYXllci12aWRlby13cmFwIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtYXNwZWN0LXJhdGlvPSc0OjMnXSAuYnB4LXBsYXllci12aWRlby13cmFwIGNhbnZhcyxcbi5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLWFzcGVjdC1yYXRpbz0nMTY6OSddIC5icHgtcGxheWVyLXZpZGVvLXdyYXAgY2FudmFzIHtcbiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG59XG4uYnB4LXBsYXllci1jb250YWluZXIuYnB4LXN0YXRlLWJsYWNrLWdhcCAuYnB4LXBsYXllci12aWRlby13cmFwIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiA0OHB4IDdweDtcbn1cbi5icHgtcGxheWVyLWNvbnRhaW5lci5icHgtc3RhdGUtYmxhY2stZ2FwIC5icHgtcGxheWVyLWNvbnRyb2wtbWFzayB7XG4gIGhlaWdodDogMTgwcHg7XG4gIGJhY2tncm91bmQ6IHVybCgnLi9hc3NldC9pbWFnZXMvbmV3LW1hc2sucG5nJykgcmVwZWF0LXggYm90dG9tO1xufVxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtc2NyZWVuPSd3ZWInXSxcbi5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLXNjcmVlbj0nZnVsbCddLFxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtc2NyZWVuPSdtaW5pJ10ge1xuICB6LWluZGV4OiAxMDAwMDAgIWltcG9ydGFudDtcbn1cbi5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLWN0cmwtaGlkZGVuPSd0cnVlJ10gLmJweC1wbGF5ZXItdG9wLXdyYXAge1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIG9wYWNpdHk6IDA7XG59XG4uYnB4LXBsYXllci1jb250YWluZXJbZGF0YS1jdHJsLWhpZGRlbj0ndHJ1ZSddW2RhdGEtYW5nbGU9J2QzZDExJ10gLmJweC1wbGF5ZXItdG9wLXdyYXAge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBvcGFjaXR5OiAxO1xuICBjbGlwLXBhdGg6IHBvbHlnb24oMCAwLCAwIDAsIDAgMCwgMCAwKTtcbn1cbi5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLWN0cmwtaGlkZGVuPSdmYWxzZSddIC5icHgtcGxheWVyLXRvcC13cmFwIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgb3BhY2l0eTogMTtcbn1cbi5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLXNjcmVlbj0nbWluaSddIHtcbiAgcG9zaXRpb246IGZpeGVkICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiA0MDBweDtcbiAgaGVpZ2h0OiAyMjVweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtcmV2aXNpb249JzEnXVtkYXRhLXNjcmVlbj0nbWluaSddLFxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtcmV2aXNpb249JzInXVtkYXRhLXNjcmVlbj0nbWluaSddIHtcbiAgd2lkdGg6IDMyMHB4O1xuICBoZWlnaHQ6IDE4MHB4O1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTY4MXB4KSB7XG4gIC5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLXJldmlzaW9uPScxJ11bZGF0YS1zY3JlZW49J21pbmknXSxcbiAgLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtcmV2aXNpb249JzInXVtkYXRhLXNjcmVlbj0nbWluaSddIHtcbiAgICB3aWR0aDogMzYwcHg7XG4gICAgaGVpZ2h0OiAyMDNweDtcbiAgfVxufVxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtcmV2aXNpb249JzEnXSAuYnB4LXBsYXllci1zZW5kaW5nLWJhcixcbi5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLXJldmlzaW9uPScyJ10gLmJweC1wbGF5ZXItc2VuZGluZy1iYXIge1xuICBmb250LXNpemU6IDEzcHg7XG4gIHBhZGRpbmctbGVmdDogMTJweDtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDE2ODFweCkge1xuICAuYnB4LXBsYXllci1jb250YWluZXJbZGF0YS1yZXZpc2lvbj0nMSddIC5icHgtcGxheWVyLXNlbmRpbmctYmFyLFxuICAuYnB4LXBsYXllci1jb250YWluZXJbZGF0YS1yZXZpc2lvbj0nMiddIC5icHgtcGxheWVyLXNlbmRpbmctYmFyIHtcbiAgICBoZWlnaHQ6IDU2cHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICB9XG59XG4uYnB4LXBsYXllci1jb250YWluZXJbZGF0YS1yZXZpc2lvbj0nMiddW2RhdGEtc2NyZWVuPSd3ZWInXSB7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG4uYnB4LXBsYXllci1wcmltYXJ5LWFyZWEge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmbGV4LXdyYXA6IG5vd3JhcDtcbn1cbi5icHgtcGxheWVyLWhpbnRlci1hcmVhIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICB6LWluZGV4OiA1MDA7XG59XG4uYnB4LXBsYXllci1oaW50ZXItYXJlYTphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICBtYXJnaW4tdG9wOiAtNDJweDtcbiAgbWFyZ2luLWxlZnQ6IC00MnB4O1xuICB3aWR0aDogODRweDtcbiAgaGVpZ2h0OiA4NHB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoJy8vczEuaGRzbGIuY29tL2Jmcy9zdGF0aWMvcGxheWVyL2ltZy9wbGF5LnN2ZycpIG5vLXJlcGVhdCBjZW50ZXI7XG59XG4uYnB4LXBsYXllci1jb250ZXh0LWFyZWEge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgei1pbmRleDogMTAwMDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uYnB4LXBsYXllci12aWRlby1hcmVhIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icHgtdmlkZW8tYmdjb2xvciwgIzAwMCk7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG4uYnB4LXBsYXllci12aWRlby1hcmVhLmJweC1wbGF5ZXItbW91c2UtZXZlbnQge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uYnB4LXBsYXllci1zZW5kaW5nLWFyZWFbaGlkZGVuXSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uYnB4LXBsYXllci1lbmRpbmctd3JhcCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB6LWluZGV4OiA1NTtcbn1cbi5icHgtcGxheWVyLWVuZGluZy13cmFwW2hpZGRlbl0ge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmJweC1wbGF5ZXItZW5kaW5nLXdyYXBbZGF0YS1zZWxlY3Q9JzEnXSxcbi5icHgtcGxheWVyLWVuZGluZy13cmFwW2RhdGEtc2VsZWN0PScyJ10ge1xuICBvcGFjaXR5OiAxO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB0cmFuc2l0aW9uOiBub25lO1xufVxuLmJweC1wbGF5ZXItZW5kaW5nLXdyYXBbZGF0YS1zZWxlY3Q9JzEnXSAuYnB4LXBsYXllci1lbmRpbmctYmFja2Ryb3AsXG4uYnB4LXBsYXllci1lbmRpbmctd3JhcFtkYXRhLXNlbGVjdD0nMiddIC5icHgtcGxheWVyLWVuZGluZy1iYWNrZHJvcCxcbi5icHgtcGxheWVyLWVuZGluZy13cmFwW2RhdGEtc2VsZWN0PScxJ10gLmJweC1wbGF5ZXItZW5kaW5nLXBhbmVsLFxuLmJweC1wbGF5ZXItZW5kaW5nLXdyYXBbZGF0YS1zZWxlY3Q9JzInXSAuYnB4LXBsYXllci1zaGFyZS1wYW5lbCB7XG4gIG9wYWNpdHk6IDE7XG4gIHZpc2liaWxpdHk6IHZpc2libGU7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgbGluZWFyO1xufVxuLmJweC1wbGF5ZXItZW5kaW5nLWJhY2tkcm9wIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IC0xMCU7XG4gIGxlZnQ6IC0xMCU7XG4gIHdpZHRoOiAxMjAlO1xuICBoZWlnaHQ6IDEyMCU7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgZmlsdGVyOiBibHVyKDIwcHgpO1xuICB6LWluZGV4OiAtMTtcbn1cbi5icHgtcGxheWVyLWVuZGluZy1iYWNrZHJvcDpiZWZvcmUge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbn1cbi5icHgtcGxheWVyLWVuZGluZy1wYW5lbCxcbi5icHgtcGxheWVyLXNoYXJlLXBhbmVsIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4uYnB4LXBsYXllci1lbmRpbmctcGFuZWwge1xuICB6LWluZGV4OiAxO1xufVxuLmJweC1wbGF5ZXItc2hhcmUtcGFuZWwge1xuICB6LWluZGV4OiAyO1xufVxuLmJweC1wbGF5ZXItZW5kaW5nLXdyYXAsXG4uYnB4LXBsYXllci1lbmRpbmctYmFja2Ryb3AsXG4uYnB4LXBsYXllci1lbmRpbmctcGFuZWwsXG4uYnB4LXBsYXllci1zaGFyZS1wYW5lbCB7XG4gIG9wYWNpdHk6IDA7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAyMDBtcyBsaW5lYXIsIHZpc2liaWxpdHkgMG1zIDIwMG1zO1xufVxuLmJweC1wbGF5ZXItc3RhdGUtd3JhcCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmJweC1wbGF5ZXItY29udHJvbC13cmFwIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiA3NTtcbn1cbi5icHgtcGxheWVyLWNvbnRyb2wtd3JhcFtoaWRkZW5dIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5icHgtcGxheWVyLWVtYmVkZGVkIC5icHgtcGxheWVyLXNlbmRpbmctYmFyIHtcbiAgaGVpZ2h0OiBhdXRvO1xufVxuLmJweC1wbGF5ZXItZW1iZWRkZWQgLmJweC1wbGF5ZXItc2VuZGluZy1iYXItbGVmdCxcbi5icHgtcGxheWVyLWVtYmVkZGVkIC5icHgtcGxheWVyLXNlbmRpbmctYmFyLXJpZ2h0IHtcbiAgaGVpZ2h0OiAwO1xufVxuLmJweC1wbGF5ZXItc2VuZGluZy1iYXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBoZWlnaHQ6IDQ2cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgMTJweDtcbiAgYmFja2dyb3VuZDogdmFyKC0tYnB4LWRtc2VuZC1tYWluLWJnLCAjZmZmZmZmKTtcbn1cbi5icHgtcGxheWVyLXNlbmRpbmctYmFyLWxlZnQge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIHdpZHRoOiAxNzZweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpO1xufVxuLmJweC1wbGF5ZXItc2VuZGluZy1iYXItcmlnaHQge1xuICBoZWlnaHQ6IDIycHg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA0KTtcbn1cbi5icHgtcGxheWVyLWFkdi1kbS13cmFwLFxuLmJweC1wbGF5ZXItYmFzLWRtLXdyYXAsXG4uYnB4LXBsYXllci1yb3ctZG0td3JhcCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB6LWluZGV4OiAyO1xuICBtYXNrLXBvc2l0aW9uOiBjZW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuLmJweC1wbGF5ZXItcm93LWRtLXdyYXAge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMTE7XG59XG4uYnB4LXBsYXllci1yb3ctZG0td3JhcC5hc2gtYW5pbWF0aW9uIHtcbiAgYW5pbWF0aW9uOiBhc2ggMnMgbGluZWFyIDFzIGZvcndhcmRzO1xufVxuLmJweC1wbGF5ZXItcm93LWRtLXdyYXAuYXNoLWhpZGUge1xuICBvcGFjaXR5OiAwO1xufVxuLmJweC1wbGF5ZXItcm93LWRtLXdyYXAuYXNoLWFuaW1hdGlvbi1wYXVzZWQge1xuICBhbmltYXRpb24tcGxheS1zdGF0ZTogcGF1c2VkO1xuICAtd2Via2l0LWFuaW1hdGlvbi1wbGF5LXN0YXRlOiBwYXVzZWQ7XG4gIC8qIFNhZmFyaSDlkowgQ2hyb21lICovXG59XG4uYnB4LXBsYXllci10b3Atd3JhcCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgY29sb3I6ICNmZmZmZmY7XG4gIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2UtaW4tb3V0O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgei1pbmRleDogNDU7XG59XG4uYnB4LXBsYXllci10b3Atd3JhcFtoaWRkZW5dIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5icHgtcGxheWVyLXN1YnRpdGxlLXdyYXAge1xuICB6LWluZGV4OiAxNjtcbn1cbi5icHgtcGxheWVyLW11c2ljLXdyYXAge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG59XG4uYnB4LXBsYXllci1tdXNpYy13cmFwOm5vdCg6ZW1wdHkpIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgei1pbmRleDogODE7XG59XG4uYnB4LXBsYXllci1idXNpbmVzcy13cmFwIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgei1pbmRleDogNjM7XG59XG4uYnB4LXBsYXllci1idXNpbmVzcy13cmFwLmJ1c2luZXNzLWhpZGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtc2NyZWVuPSdtaW5pJ10gLmJweC1wbGF5ZXItZW5kaW5nLXBhbmVsLFxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtc2NyZWVuPSdtaW5pJ10gLmJweC1wbGF5ZXItc2hhcmUtcGFuZWwsXG4uYnB4LXBsYXllci1jb250YWluZXJbZGF0YS1zY3JlZW49J21pbmknXSAuYnB4LXBsYXllci1pbnRlcmFjdGlvbi1zdG9yeSxcbi5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLXNjcmVlbj0nbWluaSddIC5icHgtcGxheWVyLWludGVyYWN0aW9uLWhpZGRlbixcbi5icHgtcGxheWVyLWNvbnRhaW5lcltkYXRhLXNjcmVlbj0nbWluaSddIC5icHgtcGxheWVyLWNtZC1kbS13cmFwLFxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtc2NyZWVuPSdtaW5pJ10gLmJweC1wbGF5ZXItaW50ZXJhY3Rpb24tcm9va2llLWd1aWRlLFxuLmJweC1wbGF5ZXItY29udGFpbmVyW2RhdGEtc2NyZWVuPSdtaW5pJ10gLmJweC1wbGF5ZXItcGFub3JhbWEsXG4uYnB4LXBsYXllci1jb250YWluZXJbZGF0YS1zY3JlZW49J21pbmknXSAuYnB4LXBsYXllci1tdXNpYy13cmFwIHtcbiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xufVxuQGtleWZyYW1lcyBhc2gge1xuICAwJSB7XG4gICAgZmlsdGVyOiB1cmwoI2ZyYWN0YWwpIGJsdXIoMHB4KTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDI1JSB7XG4gICAgZmlsdGVyOiB1cmwoI2ZyYWN0YWwpIGJsdXIoMi41cHgpO1xuICAgIG9wYWNpdHk6IDAuNzU7XG4gIH1cbiAgNTAlIHtcbiAgICBmaWx0ZXI6IHVybCgjZnJhY3RhbCkgYmx1cig1cHgpO1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICA3NSUge1xuICAgIGZpbHRlcjogdXJsKCNmcmFjdGFsKSBibHVyKDcuNXB4KTtcbiAgICBvcGFjaXR5OiAwLjI1O1xuICB9XG4gIDEwMCUge1xuICAgIGZpbHRlcjogdXJsKCNmcmFjdGFsKSBibHVyKDEwcHgpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbn1cbi5icHgtcGxheWVyLWxvYWRpbmctcGFuZWwge1xuICBkaXNwbGF5OiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gIHotaW5kZXg6IDU3O1xufVxuLmJweC1wbGF5ZXItbG9hZGluZy1wYW5lbC5icHgtc3RhdGUtbG9hZGluZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmJweC1wbGF5ZXItbG9hZGluZy1wYW5lbC1ibHVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uYnB4LXBsYXllci1sb2FkaW5nLXBhbmVsLWJsdXJbaGlkZGVuXSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uYnB4LXBsYXllci1sb2FkaW5nLXBhbmVsLWJsdXI6YmVmb3JlIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMyk7XG59XG4uYnB4LXBsYXllci1sb2FkaW5nLXBhbmVsLWJsdXItZGV0YWlsIHtcbiAgd2lkdGg6IDMyMHB4O1xuICBoZWlnaHQ6IDE4NHB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoJy8vczEuaGRzbGIuY29tL2Jmcy9zdGF0aWMvcGxheWVyL2ltZy9wbG9hZGluZy5wbmcnKSBuby1yZXBlYXQ7XG4gIHRyYW5zZm9ybTogc2NhbGUoMC41KTtcbiAgYW5pbWF0aW9uOiBicHgtYW5pbWF0aW9uLWxvYWRpbmcgMC45NHMgc3RlcHMoMSkgaW5maW5pdGU7XG59XG4uYnB4LXBsYXllci1sb2FkaW5nLXBhbmVsLXRleHQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDEycHg7XG4gIHJpZ2h0OiAxMnB4O1xuICBib3R0b206IDU2cHg7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNik7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDEuNjtcbn1cbi5icHgtcGxheWVyLWxvYWRpbmctcGFuZWwtdGV4dFtoaWRkZW5dIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5icHgtcGxheWVyLWxvYWRpbmctcGFuZWwtdGV4dC1yb3cge1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuLmJweC1wbGF5ZXItdmlkZW8tcG9zdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmJweC1wbGF5ZXItdmlkZW8tcG9zdGVyW2hpZGRlbl0ge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmJweC1wbGF5ZXItdmlkZW8tcG9zdGVyIGltZyB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4uYnB4LXBsYXllci12aWRlby1wZXJjaCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXg6IG5vbmU7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uYnB4LXBsYXllci12aWRlby13cmFwIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG4uYnB4LXBsYXllci12aWRlby13cmFwIC5icHgtcGxheWVyLXNlYW1sZXNzLXJlcGxhY2VtZW50IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiBhdXRvO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGNvbnRlbnQtdmlzaWJpbGl0eTogdmlzaWJsZTtcbn1cbi5icHgtcGxheWVyLXZpZGVvLXdyYXAgdmlkZW8sXG4uYnB4LXBsYXllci12aWRlby13cmFwIGJ3cC12aWRlbyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGNvbnRlbnQtdmlzaWJpbGl0eTogdmlzaWJsZTtcbn1cbi5icHgtcGxheWVyLXN0YXRlLXBsYXksXG4uYnB4LXBsYXllci1zdGF0ZS1idWZmLWljb24sXG4uYnB4LXBsYXllci1zdGF0ZS1idWZmLXRleHQge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmJweC1zdGF0ZS1wYXVzZWQgLmJweC1wbGF5ZXItc3RhdGUtd3JhcCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDM0cHg7XG4gIGJvdHRvbTogNjJweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgei1pbmRleDogNDg7XG59XG4uYnB4LXN0YXRlLXBhdXNlZCAuYnB4LXBsYXllci1zdGF0ZS1wbGF5IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiA2NHB4O1xuICBoZWlnaHQ6IDY0cHg7XG4gIGJhY2tncm91bmQ6IHVybCgnLy9zMS5oZHNsYi5jb20vYmZzL3N0YXRpYy9wbGF5ZXIvaW1nL3BsYXkuc3ZnJykgY2VudGVyIG5vLXJlcGVhdDtcbn1cbi5icHgtc3RhdGUtcGF1c2VkW2RhdGEtc2NyZWVuPSd3ZWInXSAuYnB4LXBsYXllci1zdGF0ZS13cmFwLFxuLmJweC1zdGF0ZS1wYXVzZWRbZGF0YS1zY3JlZW49J2Z1bGwnXSAuYnB4LXBsYXllci1zdGF0ZS13cmFwIHtcbiAgYm90dG9tOiAxMDdweDtcbn1cbi5icHgtc3RhdGUtbm8tY3Vyc29yIC5icHgtcGxheWVyLXZpZGVvLXBlcmNoIHtcbiAgY3Vyc29yOiBub25lO1xufVxuLmJweC1zdGF0ZS1taXJyb3IgdmlkZW8sXG4uYnB4LXN0YXRlLW1pcnJvciBid3AtdmlkZW8ge1xuICB0cmFuc2Zvcm06IHJvdGF0ZVgoMC4wMDFkZWcpIHJvdGF0ZVkoMTgwLjAwMWRlZyk7XG59XG4uYnB4LXN0YXRlLW1pcnJvciBjYW52YXMge1xuICB0cmFuc2Zvcm06IHNjYWxlWCgtMSkgdHJhbnNsYXRlKDUwJSwgLTUwJSkgIWltcG9ydGFudDtcbn1cbi5icHgtc3RhdGUtYnVmZiAuYnB4LXBsYXllci1zdGF0ZS13cmFwIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB6LWluZGV4OiA0ODtcbn1cbi5icHgtc3RhdGUtYnVmZiAuYnB4LXBsYXllci1zdGF0ZS1idWZmLWljb24ge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbn1cbi5icHgtc3RhdGUtYnVmZiAuYnB4LXBsYXllci1zdGF0ZS1idWZmLXRleHQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGluZS1oZWlnaHQ6IDE7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICNmZmY7XG4gIHRleHQtc2hhZG93OiAwIDFweCAycHggcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBtYXJnaW4tdG9wOiA4cHg7XG59XG4vKipcbiAqIEBmaWxlIFN0YW5kYWxvbmUgTW9kdWxlXG4gKi9cbi5icHgtbGVnYWN5LWJyb3dzZXItY29udGFpbmVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogd2hpdGU7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbiAgei1pbmRleDogMTAwO1xufVxuLmJweC1sZWdhY3ktYnJvd3Nlci1pbWFnZSB7XG4gIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgd2lkdGg6IDYwJTtcbiAgbWF4LXdpZHRoOiAzMDBweDtcbn1cbi5icHgtbGVnYWN5LWJyb3dzZXItdGV4dCB7XG4gIG1hcmdpbjogMDtcbiAgbGluZS1oZWlnaHQ6IDI7XG59XG4iLCJAaW1wb3J0ICdiYXNlL2dsb2JhbCc7XG5AaW1wb3J0ICdiYXNlL2Z1bmN0aW9uJztcbkBpbXBvcnQgJ2Jhc2Uva2V5ZnJhbWVzJztcbkBpbXBvcnQgJ2Jhc2UvcmVzZXQnO1xuQGltcG9ydCAnYmFzZS9jb21tb24nO1xuIiwiQGltcG9ydCAocmVmZXJlbmNlKSAnZ2xvYmFsJztcblxuLyoqXG4gKiBDU1MgUmVzZXQgU3R5bGVcbiAqXG4gKiBET04nVCB1c2UgZ2xvYmFsIGNzcyByZXNldCBzdHlsZVxuICovXG4uQHtkcHh9IHtcbiAgICBvbCxcbiAgICB1bCB7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgfVxuXG4gICAgdGFibGUge1xuICAgICAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICAgICAgICBib3JkZXItc3BhY2luZzogMDtcbiAgICB9XG5cbiAgICBpbnB1dCxcbiAgICBhIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgIHN2Z1tkYXRhLXBvaW50ZXI9J25vbmUnXSB7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbn1cblxuLkB7ZHB4fSB7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsaW5lLWhlaWdodDogMTtcbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJ2dsb2JhbCc7XG5cbi5Ae2NweH0taGlkZGVuIHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG5cbi5Ae2NweH0tb3BhY2l0eS02MCB7XG4gICAgb3BhY2l0eTogMC42O1xufVxuXG4uQHtjcHh9LW9wYWNpdHktMCB7XG4gICAgb3BhY2l0eTogMDtcbn1cblxuLkB7Y3B4fS1zdmctaWNvbiB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICAgc3ZnIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgdHJhbnNpdGlvbjogZmlsbCAxNTBtcyBlYXNlLWluLW91dDtcbiAgICB9XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuLi9iYXNlL2dsb2JhbCc7XG5cbi5Ae2RweH0tbWFqb3Ige1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAmLkB7c3B4fS1saWdodC1vZmYge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLjk7XG4gICAgICAgICAgICB6LWluZGV4OiBAekluZGV4LWxpZ2h0T2ZmLWJhY2tkcm9wO1xuICAgICAgICB9XG5cbiAgICAgICAgLkB7cHB4fS1jb250YWluZXIge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICAgIHotaW5kZXg6IEB6SW5kZXgtbGlnaHRPZmYtY29udGFpbmVyO1xuICAgICAgICB9XG4gICAgfVxufVxuXG4uQHtkcHh9LW1pbm9yIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgLy8gbWluLWhlaWdodDogQG1pbm9yLXBsYWNlaG9sZGVyLW1pbi1oZWlnaHQ7XG4gICAgJjplbXB0eSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IEBhdXgtaGVhZGVyLWJnO1xuICAgICAgICBib3JkZXItcmFkaXVzOiBAbm9ybWFsLWJvcmRlci1yYWR1aXM7XG4gICAgfVxuICAgICY6bm90KDplbXB0eSkge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBAYXV4LWNvbnRlbnQtYmc7XG4gICAgfVxufVxuXG4uQHtkcHh9LXBhdGNoIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDAgIWltcG9ydGFudDtcbiAgICBoZWlnaHQ6IDAgIWltcG9ydGFudDtcbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4uL2Jhc2UvZ2xvYmFsJztcblxuLkB7cHB4fS1jb250YWluZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNoYWRvdzogMCAwIDhweCBAYnB4LWJveC1zaGFkb3c7XG5cbiAgICAmLkB7c3B4fS1kaXNhYmxlLWJveC1zaGFkb3cge1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cblxuICAgICZbZGF0YS1hc3BlY3QtcmF0aW89JzQ6MyddLFxuICAgICZbZGF0YS1hc3BlY3QtcmF0aW89JzE2OjknXSB7XG4gICAgICAgIC5Ae3BweH0tdmlkZW8td3JhcCB7XG4gICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgY2FudmFzIHtcbiAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi5Ae3NweH0tYmxhY2stZ2FwIHtcbiAgICAgICAgLkB7cHB4fS12aWRlby13cmFwIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiA0OHB4IDdweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5Ae3BweH0tY29udHJvbC1tYXNrIHtcbiAgICAgICAgICAgIGhlaWdodDogMTgwcHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoJy4uL2Fzc2V0L2ltYWdlcy9uZXctbWFzay5wbmcnKSByZXBlYXQteCBib3R0b207XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2NyZWVuPSd3ZWInXSxcbiAgICAmW2RhdGEtc2NyZWVuPSdmdWxsJ10sXG4gICAgJltkYXRhLXNjcmVlbj0nbWluaSddIHtcbiAgICAgICAgei1pbmRleDogQHpJbmRleC10b3Btb3N0ICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgJltkYXRhLWN0cmwtaGlkZGVuPSd0cnVlJ10ge1xuICAgICAgICAuQHtwcHh9LXRvcC13cmFwIHtcbiAgICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cbiAgICAgICAgLy8g55So5LqO5L+u5aSN5by55bmVRDNEMTHpmo/pmpDnmoTpl67pophcbiAgICAgICAgJltkYXRhLWFuZ2xlPSdkM2QxMSddIHtcbiAgICAgICAgICAgIC5Ae3BweH0tdG9wLXdyYXAge1xuICAgICAgICAgICAgICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICBjbGlwLXBhdGg6IHBvbHlnb24oMCAwLCAwIDAsIDAgMCwgMCAwKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1jdHJsLWhpZGRlbj0nZmFsc2UnXSB7XG4gICAgICAgIC5Ae3BweH0tdG9wLXdyYXAge1xuICAgICAgICAgICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2NyZWVuPSdtaW5pJ10ge1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQgIWltcG9ydGFudDtcbiAgICAgICAgd2lkdGg6IDQwMHB4O1xuICAgICAgICBoZWlnaHQ6IDIyNXB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuXG4gICAgLy8gVUdD5paw54mI5pKt5pS+6aG1L+mmluaYoOaSreaUvumhtW1pbmnmqKHlvI/lsLrlr7jpgILphY1cbiAgICAmW2RhdGEtcmV2aXNpb249JzEnXSxcbiAgICAmW2RhdGEtcmV2aXNpb249JzInXSB7XG4gICAgICAgICZbZGF0YS1zY3JlZW49J21pbmknXSB7XG4gICAgICAgICAgICB3aWR0aDogMzIwcHg7XG4gICAgICAgICAgICBoZWlnaHQ6IDE4MHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTY4MXB4KSB7XG4gICAgICAgICAgICAmW2RhdGEtc2NyZWVuPSdtaW5pJ10ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiAzNjBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwM3B4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLkB7cHB4fS1zZW5kaW5nLWJhciB7XG4gICAgICAgICAgICBmb250LXNpemU6IDEzcHg7XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDEycHg7XG5cbiAgICAgICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDE2ODFweCkge1xuICAgICAgICAgICAgICAgIGhlaWdodDogNTZweDtcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtcmV2aXNpb249JzInXSB7XG4gICAgICAgICZbZGF0YS1zY3JlZW49J3dlYiddIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuLi9iYXNlL2dsb2JhbCc7XG5cbi5Ae3BweH0tcHJpbWFyeS1hcmVhIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xufVxuXG4uQHtwcHh9LWhpbnRlci1hcmVhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgIHotaW5kZXg6IDUwMDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgbWFyZ2luLXRvcDogLTQycHg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtNDJweDtcbiAgICAgICAgd2lkdGg6IDg0cHg7XG4gICAgICAgIGhlaWdodDogODRweDtcbiAgICAgICAgYmFja2dyb3VuZDogdXJsKCcvL3MxLmhkc2xiLmNvbS9iZnMvc3RhdGljL3BsYXllci9pbWcvcGxheS5zdmcnKSBuby1yZXBlYXQgY2VudGVyO1xuICAgIH1cbn1cblxuLy8g5Y+z6ZSu6I+c5Y2V5a655Zmo5qC35byP77yI5bGC57qn5b6F6LCD5pW0XG4uQHtwcHh9LWNvbnRleHQtYXJlYSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB6LWluZGV4OiAxMDAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuIiwiQGltcG9ydCAocmVmZXJlbmNlKSAnLi4vYmFzZS9nbG9iYWwnO1xuXG4uQHtwcHh9LXZpZGVvLWFyZWEge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmbGV4OiAxO1xuICAgIGJhY2tncm91bmQtY29sb3I6IEB2aWRlby1iZ0NvbG9yO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgJi5Ae3BweH0tbW91c2UtZXZlbnQge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxufVxuXG4uQHtwcHh9LXNlbmRpbmctYXJlYSB7XG4gICAgJltoaWRkZW5dIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iLCJAaW1wb3J0IChyZWZlcmVuY2UpICcuLi9iYXNlL2dsb2JhbCc7XG5AaW1wb3J0IChyZWZlcmVuY2UpICcuLi9iYXNlL3RoZW1lJztcblxuLkB7cHB4fS1lbmRpbmctd3JhcCB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHotaW5kZXg6IEB6SW5kZXgtZW5kaW5nV3JhcDtcblxuICAgICZbaGlkZGVuXSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgJltkYXRhLXNlbGVjdD0nMSddLFxuICAgICZbZGF0YS1zZWxlY3Q9JzInXSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgfVxuXG4gICAgJltkYXRhLXNlbGVjdD0nMSddIC5Ae3BweH0tZW5kaW5nLWJhY2tkcm9wLFxuICAgICZbZGF0YS1zZWxlY3Q9JzInXSAuQHtwcHh9LWVuZGluZy1iYWNrZHJvcCxcbiAgICAmW2RhdGEtc2VsZWN0PScxJ10gLkB7cHB4fS1lbmRpbmctcGFuZWwsXG4gICAgJltkYXRhLXNlbGVjdD0nMiddIC5Ae3BweH0tc2hhcmUtcGFuZWwge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDIwMG1zIGxpbmVhcjtcbiAgICB9XG59XG5cbi5Ae3BweH0tZW5kaW5nLWJhY2tkcm9wIHtcbiAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogQGJsYWNrLTY7XG4gICAgfVxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IC0xMCU7XG4gICAgbGVmdDogLTEwJTtcbiAgICB3aWR0aDogMTIwJTtcbiAgICBoZWlnaHQ6IDEyMCU7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgZmlsdGVyOiBibHVyKDIwcHgpO1xuICAgIHotaW5kZXg6IC0xO1xufVxuXG4uQHtwcHh9LWVuZGluZy1wYW5lbCxcbi5Ae3BweH0tc2hhcmUtcGFuZWwge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5Ae3BweH0tZW5kaW5nLXBhbmVsIHtcbiAgICB6LWluZGV4OiAxO1xufVxuXG4uQHtwcHh9LXNoYXJlLXBhbmVsIHtcbiAgICB6LWluZGV4OiAyO1xufVxuXG4uQHtwcHh9LWVuZGluZy13cmFwLFxuLkB7cHB4fS1lbmRpbmctYmFja2Ryb3AsXG4uQHtwcHh9LWVuZGluZy1wYW5lbCxcbi5Ae3BweH0tc2hhcmUtcGFuZWwge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgbGluZWFyLCB2aXNpYmlsaXR5IDBtcyAyMDBtcztcbn1cblxuLkB7cHB4fS1zdGF0ZS13cmFwIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLkB7cHB4fS1jb250cm9sLXdyYXAge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiBAekluZGV4LW1ham9yQ29udHJvbHM7XG5cbiAgICAmW2hpZGRlbl0ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuLy8g5aSE55CG5aSW6ZO+5Y+v6IO95Lya5bGV56S655m95bqV5Y+R6YCB5qCP55qE6Zeu6aKYXG4vLyDlhYjpmpDol4/vvIzlkI7nu60gQ1NTIOS8muimhueblui/meS6m+agt+W8j1xuLkB7cHB4fS1lbWJlZGRlZCB7XG4gICAgLkB7cHB4fS1zZW5kaW5nLWJhciB7XG4gICAgICAgIGhlaWdodDogYXV0bztcbiAgICAgICAgJi1sZWZ0LFxuICAgICAgICAmLXJpZ2h0IHtcbiAgICAgICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLkB7cHB4fS1zZW5kaW5nLWJhciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gICAgaGVpZ2h0OiA0NnB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxMnB4O1xuICAgIGJhY2tncm91bmQ6IEBkbXNlbmQtbWFpbi1iZztcblxuICAgICYtbGVmdCB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgICAgd2lkdGg6IDE3NnB4O1xuICAgICAgICBoZWlnaHQ6IDIycHg7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7XG4gICAgfVxuXG4gICAgJi1yaWdodCB7XG4gICAgICAgIGhlaWdodDogMjJweDtcbiAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpO1xuICAgIH1cbn1cblxuLkB7cHB4fS1hZHYtZG0td3JhcCxcbi5Ae3BweH0tYmFzLWRtLXdyYXAsXG4uQHtwcHh9LXJvdy1kbS13cmFwIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHotaW5kZXg6IDI7XG4gICAgbWFzay1wb3NpdGlvbjogY2VudGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xufVxuLkB7cHB4fS1yb3ctZG0td3JhcCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHotaW5kZXg6IEB6SW5kZXgtZGFubWFrdTtcbn1cblxuLkB7cHB4fS1yb3ctZG0td3JhcCB7XG4gICAgJi5hc2gtYW5pbWF0aW9uIHtcbiAgICAgICAgYW5pbWF0aW9uOiBhc2ggMnMgbGluZWFyIDFzIGZvcndhcmRzO1xuICAgIH1cbiAgICAmLmFzaC1oaWRlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgJi5hc2gtYW5pbWF0aW9uLXBhdXNlZCB7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBwYXVzZWQ7XG4gICAgICAgIC13ZWJraXQtYW5pbWF0aW9uLXBsYXktc3RhdGU6IHBhdXNlZDsgLyogU2FmYXJpIOWSjCBDaHJvbWUgKi9cbiAgICB9XG59XG5cbi5Ae3BweH0tdG9wLXdyYXAge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGNvbG9yOiBAd2hpdGUtMTA7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogQHpJbmRleC12aWRlb1RvcDtcblxuICAgICZbaGlkZGVuXSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG4uQHtwcHh9LXN1YnRpdGxlLXdyYXAge1xuICAgIHotaW5kZXg6IEB6SW5kZXgtc3VidGl0bGU7XG59XG5cbi5Ae3BweH0tbXVzaWMtd3JhcCB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcblxuICAgICY6bm90KDplbXB0eSkge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB6LWluZGV4OiA4MTtcbiAgICB9XG59XG5cbi5Ae3BweH0tYnVzaW5lc3Mtd3JhcCB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHotaW5kZXg6IDYzO1xuICAgICYuYnVzaW5lc3MtaGlkZSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG4uQHtwcHh9LWNvbnRhaW5lcltkYXRhLXNjcmVlbj0nbWluaSddIHtcbiAgICAuQHtwcHh9LWVuZGluZy1wYW5lbCxcbiAgICAuQHtwcHh9LXNoYXJlLXBhbmVsLFxuICAgIC5Ae3BweH0taW50ZXJhY3Rpb24tc3RvcnksXG4gICAgLkB7cHB4fS1pbnRlcmFjdGlvbi1oaWRkZW4sXG4gICAgLkB7cHB4fS1jbWQtZG0td3JhcCxcbiAgICAuQHtwcHh9LWludGVyYWN0aW9uLXJvb2tpZS1ndWlkZSxcbiAgICAuQHtwcHh9LXBhbm9yYW1hLFxuICAgIC5Ae3BweH0tbXVzaWMtd3JhcCB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgYXNoIHtcbiAgICAwJSB7XG4gICAgICAgIGZpbHRlcjogdXJsKCNmcmFjdGFsKSBibHVyKDBweCk7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuXG4gICAgMjUlIHtcbiAgICAgICAgZmlsdGVyOiB1cmwoI2ZyYWN0YWwpIGJsdXIoMi41cHgpO1xuICAgICAgICBvcGFjaXR5OiAwLjc1O1xuICAgIH1cblxuICAgIDUwJSB7XG4gICAgICAgIGZpbHRlcjogdXJsKCNmcmFjdGFsKSBibHVyKDVweCk7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICB9XG5cbiAgICA3NSUge1xuICAgICAgICBmaWx0ZXI6IHVybCgjZnJhY3RhbCkgYmx1cig3LjVweCk7XG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XG4gICAgfVxuXG4gICAgMTAwJSB7XG4gICAgICAgIGZpbHRlcjogdXJsKCNmcmFjdGFsKSBibHVyKDEwcHgpO1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4uL2Jhc2UvZ2xvYmFsJztcblxuLkB7cHB4fS1sb2FkaW5nLXBhbmVsIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gICAgei1pbmRleDogQHpJbmRleC1sb2FkaW5nUGFuZWw7XG5cbiAgICAmLkB7c3B4fS1sb2FkaW5nIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxufVxuXG4uQHtwcHh9LWxvYWRpbmctcGFuZWwtYmx1ciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgICAmW2hpZGRlbl0ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMyk7XG4gICAgfVxufVxuXG4uQHtwcHh9LWxvYWRpbmctcGFuZWwtYmx1ci1kZXRhaWwge1xuICAgIHdpZHRoOiAzMjBweDtcbiAgICBoZWlnaHQ6IDE4NHB4O1xuICAgIGJhY2tncm91bmQ6IHVybCgnLy9zMS5oZHNsYi5jb20vYmZzL3N0YXRpYy9wbGF5ZXIvaW1nL3Bsb2FkaW5nLnBuZycpIG5vLXJlcGVhdDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNSk7XG4gICAgYW5pbWF0aW9uOiBicHgtYW5pbWF0aW9uLWxvYWRpbmcgMC45NHMgc3RlcHMoMSkgaW5maW5pdGU7XG59XG5cbi5Ae3BweH0tbG9hZGluZy1wYW5lbC10ZXh0IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMTJweDtcbiAgICByaWdodDogMTJweDtcbiAgICBib3R0b206IDU2cHg7XG4gICAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDEuNjtcblxuICAgICZbaGlkZGVuXSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgJi1yb3cge1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgKHJlZmVyZW5jZSkgJy4uL2Jhc2UvZ2xvYmFsJztcblxuLkB7cHB4fS12aWRlby1wb3N0ZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3R0b206IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gICAgJltoaWRkZW5dIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBpbWcge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cbn1cblxuLkB7cHB4fS12aWRlby1wZXJjaCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuXG4uQHtwcHh9LXZpZGVvLXdyYXAge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgLkB7cHB4fS1zZWFtbGVzcy1yZXBsYWNlbWVudCB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBjb250ZW50LXZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgfVxuXG4gICAgdmlkZW8sXG4gICAgYndwLXZpZGVvIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgY29udGVudC12aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIH1cbn1cblxuLkB7cHB4fS1zdGF0ZS1wbGF5LFxuLkB7cHB4fS1zdGF0ZS1idWZmLWljb24sXG4uQHtwcHh9LXN0YXRlLWJ1ZmYtdGV4dCB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLy8g5pqC5YGcXG4uQHtzcHh9LXBhdXNlZCB7XG4gICAgLkB7cHB4fS1zdGF0ZS13cmFwIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICByaWdodDogMzRweDtcbiAgICAgICAgYm90dG9tOiA2MnB4O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB6LWluZGV4OiBAekluZGV4LXN0YXRlO1xuICAgIH1cblxuICAgIC5Ae3BweH0tc3RhdGUtcGxheSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogNjRweDtcbiAgICAgICAgaGVpZ2h0OiA2NHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoJy8vczEuaGRzbGIuY29tL2Jmcy9zdGF0aWMvcGxheWVyL2ltZy9wbGF5LnN2ZycpIGNlbnRlciBuby1yZXBlYXQ7XG4gICAgfVxuXG4gICAgJltkYXRhLXNjcmVlbj0nd2ViJ10sXG4gICAgJltkYXRhLXNjcmVlbj0nZnVsbCddIHtcbiAgICAgICAgLkB7cHB4fS1zdGF0ZS13cmFwIHtcbiAgICAgICAgICAgIGJvdHRvbTogMTA3cHg7XG4gICAgICAgIH1cbiAgICB9XG59XG4vLyDpmpDol4/pvKDmoIdcbi5Ae3NweH0tbm8tY3Vyc29yIHtcbiAgICAuQHtwcHh9LXZpZGVvLXBlcmNoIHtcbiAgICAgICAgY3Vyc29yOiBub25lO1xuICAgIH1cbn1cblxuLkB7c3B4fS1taXJyb3Ige1xuICAgIHZpZGVvLFxuICAgIGJ3cC12aWRlbyB7XG4gICAgICAgIC8vIFdvcmthcm91bmQ6IGZpeCB2aWRlby5yb3RhdGVZKDE4MGRlZykgYnVnIG9uIHNvbWUgUENcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGVYKDAuMDAxZGVnKSByb3RhdGVZKDE4MC4wMDFkZWcpO1xuICAgIH1cblxuICAgIGNhbnZhcyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGVYKC0xKSB0cmFuc2xhdGUoNTAlLCAtNTAlKSAhaW1wb3J0YW50O1xuICAgIH1cblxufVxuIiwiQGltcG9ydCAocmVmZXJlbmNlKSAnLi4vYmFzZS9nbG9iYWwnO1xuXG4uQHtzcHh9LWJ1ZmYge1xuICAgIC5Ae3BweH0tc3RhdGUtd3JhcCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgei1pbmRleDogQHpJbmRleC1zdGF0ZTtcbiAgICB9XG5cbiAgICAuQHtwcHh9LXN0YXRlLWJ1ZmYtaWNvbiB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgIH1cblxuICAgIC5Ae3BweH0tc3RhdGUtYnVmZi10ZXh0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxO1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICB0ZXh0LXNoYWRvdzogMCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgICAgICAgbWFyZ2luLXRvcDogOHB4O1xuICAgIH1cbn1cbiIsIi8qKlxuICogQGZpbGUgU3RhbmRhbG9uZSBNb2R1bGVcbiAqL1xuLmJweC1sZWdhY3ktYnJvd3Nlci1jb250YWluZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gICAgei1pbmRleDogMTAwO1xufVxuXG4uYnB4LWxlZ2FjeS1icm93c2VyLWltYWdlIHtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgd2lkdGg6IDYwJTtcbiAgICBtYXgtd2lkdGg6IDMwMHB4O1xufVxuXG4uYnB4LWxlZ2FjeS1icm93c2VyLXRleHQge1xuICAgIG1hcmdpbjogMDtcbiAgICBsaW5lLWhlaWdodDogMjtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */