@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(var(--swiper-navigation-size)*-1/2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: top .2s,-webkit-transform .2s;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid rgba(0,0,0,0)
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }

    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

@keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }

    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

.plv-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0,0%,100%,.35);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.plv-loading .plv-loading__inner {
    height: 26px;
    width: 26px;
    border-radius: 100%;
    border: 2px solid #2196f3;
    border-bottom-color: rgba(0,0,0,0);
    background: rgba(0,0,0,0)!important;
    -webkit-animation: loading-rotate 1s linear 0s infinite;
    animation: loading-rotate 1s linear 0s infinite
}

.plv-image-preview__zoom-wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    font-size: 0
}

.plv-image-preview__zoom-wrap>*,.plv-image-preview__zoom-wrap__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.plv-image-preview__zoom-wrap__img {
    vertical-align: middle
}

.plv-image-preview__zoom-wrap__error {
    width: 80px;
    height: 46px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.plv-icon {
    font-family: plv-admin-icon!important
}

.plv-tooltip {
    position: fixed;
    padding: 8px;
    border: 1px solid #cfd8dc;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    background: #fff;
    border-radius: 2px
}

.plv-tooltip .popper__arrow,.plv-tooltip .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,0);
    border-style: solid
}

.plv-tooltip .popper__arrow {
    border-width: 4px
}

.plv-tooltip .popper__arrow:after {
    content: " ";
    border-width: 4px
}

.plv-tooltip[x-placement^=top] {
    margin-bottom: 7px
}

.plv-tooltip[x-placement^=top] .popper__arrow {
    bottom: -5px;
    border-top-color: #cfd8dc;
    border-bottom-width: 0
}

.plv-tooltip[x-placement^=top] .popper__arrow:after {
    bottom: 1.5px;
    margin-left: -4px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.plv-tooltip[x-placement^=bottom] {
    margin-top: 7px
}

.plv-tooltip[x-placement^=bottom] .popper__arrow {
    top: -5px;
    border-top-width: 0;
    border-bottom-color: #cfd8dc
}

.plv-tooltip[x-placement^=bottom] .popper__arrow:after {
    top: 1.5px;
    margin-left: -4px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.plv-tooltip[x-placement=bottom-start] .popper__arrow,.plv-tooltip[x-placement=top-start] .popper__arrow {
    margin-left: -9px
}

.plv-tooltip[x-placement=bottom] .popper__arrow,.plv-tooltip[x-placement=top] .popper__arrow {
    left: 50%!important;
    margin-left: -4px
}

.plv-tooltip[x-placement=bottom-end] .popper__arrow,.plv-tooltip[x-placement=top-end] .popper__arrow {
    margin-left: -9px
}

.plv-tooltip[x-placement^=right] {
    margin-left: 7px
}

.plv-tooltip[x-placement^=right] .popper__arrow {
    left: -5px;
    border-right-color: #cfd8dc;
    border-left-width: 0
}

.plv-tooltip[x-placement^=right] .popper__arrow:after {
    bottom: -4px;
    left: 1.5px;
    border-right-color: #fff;
    border-left-width: 0
}

.plv-tooltip[x-placement^=left] {
    margin-right: 7px
}

.plv-tooltip[x-placement^=left] .popper__arrow {
    right: -5px;
    border-right-width: 0;
    border-left-color: #cfd8dc
}

.plv-tooltip[x-placement^=left] .popper__arrow:after {
    right: 1.5px;
    bottom: -4px;
    margin-left: -4px;
    border-right-width: 0;
    border-left-color: #fff
}

.plv-tooltip[x-placement=left] .popper__arrow,.plv-tooltip[x-placement=right] .popper__arrow {
    top: 50%!important;
    margin-top: -4px
}

.plv-tooltip[x-placement=left-end] .popper__arrow,.plv-tooltip[x-placement=left-start] .popper__arrow,.plv-tooltip[x-placement=right-end] .popper__arrow,.plv-tooltip[x-placement=right-start] .popper__arrow {
    margin-top: -7px
}

.plv-tooltip.plv-tooltip--dark {
    border-color: #0a0a11;
    background: #0a0a11;
    color: #adadc0
}

.plv-tooltip.plv-tooltip--dark[x-placement^=bottom] .popper__arrow,.plv-tooltip.plv-tooltip--dark[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #0a0a11
}

.plv-tooltip.plv-tooltip--dark[x-placement^=top] .popper__arrow,.plv-tooltip.plv-tooltip--dark[x-placement^=top] .popper__arrow:after {
    border-top-color: #0a0a11
}

.plv-tooltip.plv-tooltip--dark[x-placement^=left] .popper__arrow,.plv-tooltip.plv-tooltip--dark[x-placement^=left] .popper__arrow:after {
    border-left-color: #0a0a11
}

.plv-tooltip.plv-tooltip--dark[x-placement^=right] .popper__arrow,.plv-tooltip.plv-tooltip--dark[x-placement^=right] .popper__arrow:after {
    border-right-color: #0a0a11
}

.plv-image-preview__control {
    height: 40px;
    padding: 0 8px;
    border-radius: 2px;
    background: #2a2b32
}

.plv-image-preview__control,.plv-image-preview__control__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plv-image-preview__control__btn {
    width: 24px;
    height: 24px;
    color: #fff;
    cursor: pointer;
    margin: 0 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.plv-image-preview__control__btn:hover {
    color: #5c9dff
}

.plv-image-preview__control__btn--disabled {
    color: hsla(0,0%,100%,.3)!important;
    cursor: not-allowed
}

.plv-image-preview__control__btn--next .plv-icon,.plv-image-preview__control__btn--prev .plv-icon {
    font-size: 30px
}

.plv-image-preview__control__page-num,.plv-image-preview__control__scale-text {
    font-size: 12px;
    color: hsla(0,0%,100%,.87);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.plv-image-preview__control__scale-text:hover {
    color: #5c9dff
}

.plv-image-preview__control__scale-text {
    cursor: pointer;
    width: 32px
}

.plv-image-preview__control__line {
    height: 12px;
    width: 1px;
    margin: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: hsla(0,0%,100%,.2)
}

.plv-image-preview__control__btn--zoom .plv-icon {
    font-size: 22px
}

.plv-image-preview__control__btn--down-load .plv-icon {
    font-size: 24px
}

.plv-image-preview__tooltip {
    color: #fff!important
}

.plv-image-preview {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0
}

.plv-image-preview__swiper-wrap {
    position: relative;
    z-index: 100
}

.plv-image-preview__swiper-slide,.plv-image-preview__swiper-wrap {
    height: 100%
}

.plv-image-preview__control__wrap {
    position: absolute;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 200
}

.plv-image-preview__scale-toast {
    background: rgba(0,0,0,.8);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    white-space: nowrap;
    color: #d9d9d9;
    border-radius: 18px;
    font-size: 16px;
    z-index: 200;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 70px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.plv-image-preview__scale-toast-fade-in-enter-active {
    -webkit-transition: none;
    transition: none
}

.plv-image-preview__scale-toast-fade-in-leave-active {
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

.plv-image-preview__scale-toast-fade-in-enter,.plv-image-preview__scale-toast-fade-in-leave-active {
    opacity: 0
}

.plv-image-preview__close-btn {
    position: absolute;
    z-index: 200;
    width: 48px;
    height: 48px;
    background: #2a2b32;
    border-radius: 50%;
    top: 20px;
    right: 20px;
    color: #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.plv-image-preview__close-btn .plv-icon {
    font-size: 26px
}

.plv-image-preview__close-btn:hover {
    background: rgba(0,0,0,.4);
    color: #5c9dff
}

.plv-image-preview__close-btn.plv-image-preview__close-btn--mobile {
    width: 24px;
    height: 24px;
    background: rgba(51,51,51,.4)!important;
    cursor: default;
    top: 16px;
    right: 16px
}

.plv-image-preview__close-btn.plv-image-preview__close-btn--mobile .plv-icon {
    font-size: 22px;
    color: #dfdfdf!important
}

.plv-image-preview__mobile-page {
    position: absolute;
    z-index: 200;
    line-height: 20px;
    left: 50%;
    top: 18px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    text-shadow: 0 0 2px rgba(0,0,0,.3);
    font-size: 14px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.plv-fade-in-linear-enter-active,.plv-fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.plv-fade-in-linear-enter,.plv-fade-in-linear-leave,.plv-fade-in-linear-leave-active {
    opacity: 0
}

.plv-fade-in-linear-faster-enter-active,.plv-fade-in-linear-faster-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.plv-fade-in-linear-faster-enter,.plv-fade-in-linear-faster-leave,.plv-fade-in-linear-faster-leave-active {
    opacity: 0
}

.plv-fade-in-enter-active,.plv-fade-in-leave-active {
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1)
}

.plv-fade-in-enter,.plv-fade-in-leave-active {
    opacity: 0
}

.plv-zoom-in-center-enter-active,.plv-zoom-in-center-leave-active {
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1)
}

.plv-zoom-in-center-enter,.plv-zoom-in-center-leave-active {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.plv-zoom-in-top-enter-active,.plv-zoom-in-top-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.plv-zoom-in-top-enter,.plv-zoom-in-top-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.plv-zoom-in-bottom-enter-active,.plv-zoom-in-bottom-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.plv-zoom-in-bottom-enter,.plv-zoom-in-bottom-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.plv-zoom-in-left-enter-active,.plv-zoom-in-left-leave-active {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.plv-zoom-in-left-enter,.plv-zoom-in-left-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.plv-zoom-in-right-enter-active,.plv-zoom-in-right-leave-active {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.plv-zoom-in-right-enter,.plv-zoom-in-right-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.plv-zoom-in-top-left-enter-active,.plv-zoom-in-top-left-leave-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.plv-zoom-in-top-left-enter-active,.plv-zoom-in-top-left-leave-active,.plv-zoom-in-top-right-enter-active,.plv-zoom-in-top-right-leave-active {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)
}

.plv-zoom-in-top-right-enter-active,.plv-zoom-in-top-right-leave-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.plv-zoom-in-bottom-left-enter-active,.plv-zoom-in-bottom-left-leave-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

.plv-zoom-in-bottom-left-enter-active,.plv-zoom-in-bottom-left-leave-active,.plv-zoom-in-bottom-right-enter-active,.plv-zoom-in-bottom-right-leave-active {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)
}

.plv-zoom-in-bottom-right-enter-active,.plv-zoom-in-bottom-right-leave-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}

.plv-zoom-in-bottom-left-enter,.plv-zoom-in-bottom-left-leave-active,.plv-zoom-in-bottom-right-enter,.plv-zoom-in-bottom-right-leave-active,.plv-zoom-in-top-left-enter,.plv-zoom-in-top-left-leave-active,.plv-zoom-in-top-right-enter,.plv-zoom-in-top-right-leave-active {
    opacity: 0;
    -webkit-transform: scale(.45);
    -ms-transform: scale(.45);
    transform: scale(.45)
}

.plv-area-picker {
    position: relative
}

.plv-area-picker__input {
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    padding-left: 16px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: relative;
    background: #fff
}

.plv-area-picker__input input {
    border: none;
    outline: none;
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.plv-area-picker__input .plv-admin-icon-arrow-down {
    font-size: 24px;
    margin-right: 8px;
    color: #9e9e9e;
    -webkit-transition: .3s;
    transition: .3s
}

.plv-area-picker--open .plv-area-picker__input .plv-admin-icon-arrow-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.plv-area-picker__popper {
    padding-top: 4px;
    position: fixed
}

.plv-area-picker__popper__inner {
    width: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    font-size: 14px
}

.plv-area-picker__tab {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px;
    border-bottom: 1px solid #e5e5e5
}

.plv-area-picker__tab__item {
    height: 48px;
    line-height: 48px;
    padding: 0 3px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.plv-area-picker__tab__item+.plv-area-picker__tab__item {
    margin-left: 40px
}

.plv-area-picker__tab__item--selected {
    color: #2196f3
}

.plv-area-picker__tab__item--selected:after {
    content: "";
    height: 2px;
    width: 35px;
    background: #2196f3;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.plv-area-picker__list {
    padding: 14px 24px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 150px;
    overflow: auto
}

.plv-area-picker__list::-webkit-scrollbar-thumb {
    background: #cfd8dc;
    border: 2px solid #edf1f7;
    border-radius: 8px
}

.plv-area-picker__list::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    cursor: pointer
}

.plv-area-picker__list__item {
    min-width: 88px;
    height: 28px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plv-area-picker__list__item__inner {
    line-height: 20px;
    height: 20px;
    padding: 0 6px;
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
    border-radius: 2px
}

.plv-area-picker__list__item--selected .plv-area-picker__list__item__inner {
    background: #2196f3;
    color: #fff
}

.plv-polyv-ui-empty-css {
    font-size: 14px
}

.plv-click-out-side {
    display: none
}

@font-face {
    font-family: plvFrontIcon;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,BAcAAEwGAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAADlmybwAAAAAAAAAAAAAAAAAAAAAAABgAcABsAHYARgByAG8AbgB0AEkAYwBvAG4AAAAOAFIAZQBnAHUAbABhAHIAAAAWAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAABgAcABsAHYARgByAG8AbgB0AEkAYwBvAG4AAAAAAAABAAAACwCAAAMAMEdTVUKw/rPtAAABOAAAAEJPUy8yPHZH8gAAAXwAAABWY21hcOcotaoAAAHcAAABcGdseWa9b55HAAADVAAAACRoZWFkHABSWQAAAOAAAAA2aGhlYQfeA4MAAAC8AAAAJGhtdHgIAAAAAAAB1AAAAAhsb2NhABIAAAAAA0wAAAAGbWF4cAENABIAAAEYAAAAIG5hbWXnH3JXAAADeAAAAp1wb3N0UR7X6gAABhgAAAA0AAEAAAOA/4AAXAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAACAAEAAAABAABvslkOXw889QALBAAAAAAA3HEHugAAAADccQe6AAAAAAQAAegAAAAIAAIAAAAAAAAAAQAAAAIABgABAAAAAAACAAAACgAKAAAA/wAAAAAAAAABAAAACgAeACwAAURGTFQACAAEAAAAAAAAAAEAAAABbGlnYQAIAAAAAQAAAAEABAAEAAAAAQAIAAEABgAAAAEAAAAAAAEEAAGQAAUACAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOYA5gADgP+AAFwDgACAAAAAAQAAAAAAAAQAAAAEAAAAAAAABQAAAAMAAAAsAAAABAAAAVQAAQAAAAAATgADAAEAAAAsAAMACgAAAVQABAAiAAAABAAEAAEAAOYA//8AAOYA//8AAAABAAQAAAABAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAcAAAAAAAAAAEAAOYAAADmAAAAAAEAAAAAABIAAAABAAAAAAKxAegABQAAARcHJzcXApQdt6sfjgHoHberHo4AAAAAABIA3gABAAAAAAAAABUAAAABAAAAAAABAAwAFQABAAAAAAACAAcAIQABAAAAAAADAAwAKAABAAAAAAAEAAwANAABAAAAAAAFAAsAQAABAAAAAAAGAAwASwABAAAAAAAKACsAVwABAAAAAAALABMAggADAAEECQAAACoAlQADAAEECQABABgAvwADAAEECQACAA4A1wADAAEECQADABgA5QADAAEECQAEABgA/QADAAEECQAFABYBFQADAAEECQAGABgBKwADAAEECQAKAFYBQwADAAEECQALACYBmQpDcmVhdGVkIGJ5IGljb25mb250CnBsdkZyb250SWNvblJlZ3VsYXJwbHZGcm9udEljb25wbHZGcm9udEljb25WZXJzaW9uIDEuMHBsdkZyb250SWNvbkdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAAoAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdAAKAHAAbAB2AEYAcgBvAG4AdABJAGMAbwBuAFIAZQBnAHUAbABhAHIAcABsAHYARgByAG8AbgB0AEkAYwBvAG4AcABsAHYARgByAG8AbgB0AEkAYwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAHAAbAB2AEYAcgBvAG4AdABJAGMAbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIBAgEDAAphcnJvdy1kb3duAAA=#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAJ8AAsAAAAABkwAAAIyAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAokRgE2AiQDCAsGAAQgBYUdBzQboAURBfTIviiwbZPWzF7RJL9rMMmXJCbNch4Pn/v1nptkKW8/QhFUp+NZEaAwf+qqUNXI1hkgybp6i0e3G22Z0W1tisao2C6W5PyyXf4f8qxfF8JSok7XqRrZVAVo/59r6iXQgaw+0FyrAyuBpgVSz7uBRriBDHnD2AUv8DmBarmtYk+x/7iuwl4XiPvDrSu6BbeisFhXaDccLeKVlm56kcLL6PPxz7bokrQye+vhm3uv2/HTT3lpsOR8gPAQ4OkWMraiEMcbwwdlwaishovVHCs3+GkwCLTiqCrB/jo7uw8WYST4yVsrQILHwrQ2k14k2s9Ox09uOfH2V8rQDuhO72P9V8GlD0f/Xhrxv9sU8O1JZ6QshlnpbqYNn88Z2FQMnq1JReM0dibtw+ZVFQPYPu7HVPnUteKhb2qCtWNVJsxIuhGihdxubGkUB0Jb3z6otjh1ujHhuSxKD+JmHwBh1heSYR8hm/VDC/mHlumYgrbZ2ALVydh9ZWN9vKu7CQVjC/KAoXFWuckcPtZrQbGwLg27Y7doQbwko72R5qEL0iipi5VokZbcMa9dxqxAkTNQgNdQawee3IgNRz2zz+NYaW+KGmeC0G4ECQy1gHQAg4ZjqWA1Cz2mrQpUkdad33eHOgtNoAFVNbG/ITIbJgdSkWQgWort4LJHPTxbdTKMKUBNixqggIuQpjnANy8aoQaL9BOCXi522qmh4mhbqfnrA1DZihTOlKxeIXLbrfVMNggA") format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAPoAAsAAAAABkwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8dkfyY21hcAAAAYAAAABKAAABcOcotapnbHlmAAABzAAAACQAAAAkvW+eR2hlYWQAAAHwAAAALQAAADYcAFJZaGhlYQAAAiAAAAAcAAAAJAfeA4NobXR4AAACPAAAAAgAAAAICAAAAGxvY2EAAAJEAAAABgAAAAYAEgAAbWF4cAAAAkwAAAAeAAAAIAENABJuYW1lAAACbAAAAVYAAAKd5x9yV3Bvc3QAAAPEAAAAIwAAADRRHtfqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMTxjYG7438AQw9zA0AAUZgTJAQDdJQvjeJztkLENgDAQA8/KQ4EYgSo1s1Cxf8kaycfAFrF0lnz66oEFKMmZBOhGjFxpZV/Y7IPqmxj+obW/c4cbrczs7uNb/tUL6ijqCWkAAAABAAAAAAKxAegABQAAARcHJzcXApQdt6sfjgHoHberHo4AAHicY2BkYGAA4vxNQa/i+W2+MnCzMIDAnUL2Xcg0CwPjCyDFwcAE4gEAHCAJIQAAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAEgAAeJxjYGRgYGBiYGMA0SAWAwMXEDIw/AfzGQAJLQEgAAB4nHWOzWrCQBSFT+pPaSxdtFhcTjelVIg/dOWqIESkOxd2HeMkKjEJ4yi47Tt00afpY3TXXR+j0KO5BRFMmOGb7557ZwBc4xsOiq/OVbCDS54KPsM57oRL9A/CZfKTcAU1PAtX6V+EXTTxKlzDDd44wSlf8PSId2EHDXwKn+EKX8Il+h/hMvlXuIJbpy5cRcNpCrsYO33hGu6dD7dvdGD1VE22ah5maZSl1s2TjW8IQ4qRjtdJYA7VIY+1Wc2zVHW89qEe6FSb/7mrTdy1NlKRyZbKZ0InSaZyky10aL2ZtXmv1YrEe2G25DP7MNAIYLlPoTDBlvscITKkiPa7ZS5Hgg18pgszlMSIfTHWrAasnUqd8mN2G6x43+6k0IGH9sn0gOl033H83hXzMbq0lm9WXLveJcmXGZozE7Li9F1tQRPSe5jtu3L00OIfHeW9/d3LP6Axe4EAAHicY2BigAAuBuyAiZGJkZmBK7GoKL9cNyW/PI+BAQAhygQwAA==) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSAiZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQRDk0Yld3Z2RtVnljMmx2YmowaU1TNHdJaUJ6ZEdGdVpHRnNiMjVsUFNKdWJ5SS9QZ284SVVSUFExUlpVRVVnYzNabklGQlZRa3hKUXlBaUxTOHZWek5ETHk5RVZFUWdVMVpISURFdU1TOHZSVTRpSUNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk5SGNtRndhR2xqY3k5VFZrY3ZNUzR4TDBSVVJDOXpkbWN4TVM1a2RHUWlJRDRLUENFdExRb3lNREV6TFRrdE16QTZJRU55WldGMFpXUXVDaTB0UGdvOGMzWm5QZ284YldWMFlXUmhkR0UrQ2tOeVpXRjBaV1FnWW5rZ2FXTnZibVp2Ym5RS1BDOXRaWFJoWkdGMFlUNEtQR1JsWm5NK0NnbzhabTl1ZENCcFpEMGljR3gyUm5KdmJuUkpZMjl1SWlCb2IzSnBlaTFoWkhZdGVEMGlNVEF5TkNJZ1Bnb2dJRHhtYjI1MExXWmhZMlVLSUNBZ0lHWnZiblF0Wm1GdGFXeDVQU0p3YkhaR2NtOXVkRWxqYjI0aUNpQWdJQ0JtYjI1MExYZGxhV2RvZEQwaU5UQXdJZ29nSUNBZ1ptOXVkQzF6ZEhKbGRHTm9QU0p1YjNKdFlXd2lDaUFnSUNCMWJtbDBjeTF3WlhJdFpXMDlJakV3TWpRaUNpQWdJQ0JoYzJObGJuUTlJamc1TmlJS0lDQWdJR1JsYzJObGJuUTlJaTB4TWpnaUNpQWdMejRLSUNBZ0lEeHRhWE56YVc1bkxXZHNlWEJvSUM4K0NpQWdJQ0FLSUNBZ0lEeG5iSGx3YUNCbmJIbHdhQzF1WVcxbFBTSmhjbkp2ZHkxa2IzZHVJaUIxYm1samIyUmxQU0ltSXpVNE9EZ3dPeUlnWkQwaVRUWTJNQzR6TURrek16TWdORGczTGpZek56TXpNMnd5T0M0ME5UZzJOamN0TWpndU5EVTROalkyTFRFNE1pNDROamt6TXpNdE1UZ3lMamcyT1RNek5DMHhOekF1TmpZMk5qWTNJREUzTUM0Mk5qWTJOamNnTXpBdU5EWTBJRE13TGpRMk5DQXhOREl1TWpVd05qWTNMVEUwTWk0eU5UQTJOamNnTVRVeUxqTTJNalkyTmlBeE5USXVORFE0ZWlJZ0lHaHZjbWw2TFdGa2RpMTRQU0l4TURJMElpQXZQZ29LSUNBZ0lBb0tDaUFnUEM5bWIyNTBQZ284TDJSbFpuTStQQzl6ZG1jK0NnPT0i#plvFrontIcon) format("svg")
}

.plvFrontIcon,[class^=plv-front-icon-] {
    font-family: plvFrontIcon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.plv-front-icon-arrow-down:before {
    content: "\e600"
}

.plv-emotional-feedback_wrap {
    pointer-events: none
}

.plv-version-hidden {
    display: none
}

.plv-image-preview .plv-icon {
    width: auto;
    height: auto
}

.c-status-tag--waiting {
    color: #78a7ed;
    border-color: #78a7ed
}

.c-status-tag--live {
    color: #f06e6e;
    border-color: #f06e6e
}

.c-status-tag--end {
    color: hsla(0,0%,100%,.6);
    border-color: hsla(0,0%,100%,.6)
}

.c-status-tag--playback {
    color: #78a7ed;
    border-color: #78a7ed
}

.c-status-tag--stop {
    color: #f06e6e;
    border-color: #f06e6e
}

.c-status-tag--unStart {
    color: #adadc0;
    border-color: #adadc0
}

.c-status-tag {
    display: inline-block;
    padding: 0 4px;
    border-radius: 2px;
    border: 1px solid;
    line-height: 18px;
    font-size: 14px;
    font-style: normal;
    white-space: nowrap;
    color: #fff
}

.g-icon-pc-tag-item {
    display: inline-block;
    margin-right: 4px;
    vertical-align: top;
    font-size: 24px
}

.c-author__icon {
    margin-right: 6px;
    line-height: 20px;
    font-size: 20px!important
}

.c-author__name {
    line-height: 20px
}

.c-author__hot,.c-author__name {
    display: inline-block;
    font-size: 16px;
    color: #9e9e9e
}

.c-author__hot {
    margin-left: 16px;
    padding-left: 16px;
    vertical-align: middle;
    border-left: 1px solid #9e9e9e
}

.c-menu-panel__tabs {
    position: relative;
    border-bottom: 1px solid #ededef
}

.c-menu-panel__tabs__item {
    position: relative;
    float: left;
    height: 80px;
    line-height: 80px;
    padding: 0 24px;
    font-size: 18px;
    color: #aaa;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color
}

.c-menu-panel__tabs__item:first-child {
    padding: 0 24px 0 0
}

.c-menu-panel__tabs__item--current {
    color: #333;
    cursor: default
}

.c-menu-panel__tabs__current {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 3px;
    border-radius: 4px;
    background: #3082fe;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: left;
    transition-property: left
}

.c-menu-panel__tabs--just-one .c-menu-panel__tabs__item {
    padding-left: 0
}

.c-menu-panel__body__item {
    width: 100%;
    min-height: 200px;
    /*padding: 40px 0;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.c-menu-panel__body__item--current {
    display: block
}

.c-footer {
    padding: 40px 0;
    font-size: 14px;
    line-height: 1;
    text-align: center
}

.c-footer p {
    text-decoration: none;
    color: #aaa
}

.c-footer p:first-child {
    margin-bottom: 20px
}

.c-intro {
    line-height: 1.6;
    font-size: 14px;
    color: #333;
    white-space: pre-wrap
}

.c-intro table,.c-intro td,.c-intro th {
    border: 1px solid
}

.c-intro table {
    border-collapse: collapse
}

.c-intro td,.c-intro th {
    min-width: 50px;
    padding: 3px 5px
}

.c-intro p {
    margin: 10px 0
}

.c-intro p:first-child {
    margin-top: 0
}

.c-intro p:last-child {
    margin-bottom: 0
}

.c-intro a {
    color: #3082fe
}

.c-intro a:hover {
    color: #3082fe!important
}

.c-intro img {
    max-width: 100%
}

.c-intro ol {
    list-style-type: decimal
}

.c-intro h1,.c-intro h2,.c-intro h3,.c-intro h4,.c-intro h5 {
    font-weight: 700
}

.c-intro h1 {
    font-size: 28px;
    line-height: 42px
}

.c-intro h2 {
    font-size: 24px;
    line-height: 36px
}

.c-intro h3 {
    font-size: 20px;
    line-height: 28px
}

.c-intro h4 {
    font-size: 18px;
    line-height: 26px
}

.c-intro h5 {
    font-size: 16px;
    line-height: 22px
}

.c-intro hr {
    border-color: #000
}

.c-share {
    width: 438px;
    padding: 32px 0;
    font-size: 12px;
    color: #546e7a;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
}

.c-share__main {
    float: left;
    padding: 0 32px;
    border-right: 1px solid #ededef;
    margin-top: 2px
}

.c-share-qrcode__block {
    position: relative;
    float: right;
    word-break: break-word;
    width: 150px;
    margin-right: 5px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-share-qrcode__block .c-share-qrcode__block__scan-tips {
    position: relative;
    display: inline-block;
    text-align: left;
    max-width: 130px;
    margin-top: 8px;
    line-height: 18px;
    font-size: 14px;
    color: #333;
    padding-left: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-share-qrcode__block .c-share-qrcode__block__scan-tips i {
    position: absolute;
    left: 0;
    top: 0
}

.c-share-qrcode__block .c-share-qrcode__block__scan-tips span {
    text-align: left
}

.c-share-qrcode__wechat {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAE3ElEQVRYR81Ya2wUVRg938wUWtDEagQF8UVCFRWNJk1o2UeJCsSYQJWGxKARDO7gK9RuuwNKIRp3SwUSkN2t0UCAXzQUEoWCELsPgQSJIYIhlSBRI1Aw7o+WImXnfmamLizLzOwWadz7azPz3XPPnu85lzDEteTgmjsv6VdeIF08x6AJRDwOjHEmDOEMM50h8O8sS/vK5JJda6vq/xrKEVSo8eJ4Sy2D3waziwGlkH0EpEGUJNBnYU9TR4F7nM0WJ0PThOBVYEwtBNDWhnBIkqgx7Ap854Rjq9A23iZ3xX9Zy+B3/hORnM0EWl/jeXhJHdXpVriWhNRksBw6tjHw7K0kk8EiYD9k1EVcWioX/wZCBhnWcRDAI8NB5iopohOQuDqX1HWEBt10as9wKWOhxv4az8SZ2e67jpAaC6271TGTT2UjpiLewLtZ7hz8aWaTzsl8AMPxXpLJlcm+qwr54sGDeVOb0E/AVyA6QKCzTLgdQlQANAXgGcyQboow4VDUo1UN1lZDnXhLrWCx3b6GEBPz1tIRI7W1VfV/WNm9lVw9SYiBpcx47WZISSS9ZBRPk5AaD33LzDXWdYEukyzNDrsa9xRykC8RUsHYAOaCu4CpDFFXxBOYTkZv+nvgco9dO5CIfGFPoM3YNHdf0xPpK2KeUob17TWt54xnc/Zrd+FKOkAydnY833rAVDwRXCIE1hTyB7KCOV06YuRY8iVb5kMXm23U6Q57mh4lIjYP72xoZ8bLkkTLOma2fmI8m73bvwjgNhBiO2d9aqrczCz1JELHwJg8FFKQpVdJjQU3MzDfmhCCEa+2NPOu9ht/Nad5oSKXftQ+4+PTJsm9K8ZAXFxORNvvue+B7/nPXhcR7megjpmnD4UQAVvIFwt1Aey1IfRmxKt9ng+0mbuU88nDxiQw3sjAEqafSkZLqf5+8RiEeIbB9QDG58MBKEZqPNjNjEmWxkRa1BMIOQE1n95YeuG3cy2AFA17mk5Y2a440jbqXH+qGYIbnbCI8LPhsl4GbrNR6OuIV3vRCUSNB5tYUTZGq/3n8ymgxkJhBqt2dgT0ORMiCFaUJ6PV/uNWIL4DrY9D18dH3YG9xvvazsaFzOJDZVblxHaq0+d0NkwFaItSimlGVrYdaSs52pc6xuAKG4/0OrvMrJzUDZmnWo0KaiL4RtgV+DKThXN3a5N1SZ/VMXPVauPAeXuXTbisD7yv3HGv1l5Vf8l4piZCK1nwckuPGC5zCuprNYK6pRJlxobqhl+zgQxCEbf2RT5XXbcnFlzEgFnXblxGUDukffaGESRPKnf7T11IrKq42115ciXVpH3x4IKx7sCmlUSiUFJqPNTKzA02MbvFsTBeUwjHIVELBD4w/U8YIKAHoJEgLIi4A7sKIWRkW8/F1GlmHmNpbxTGfK3D3GhUarveRDgrlclPhysbzVbitHzx4FYwXrFRZ7B1mIHm0FzzHfIv4R+I5Ncjbv+Pdvb5QuNqczUA8o4fhbHSibCJIO0jWRyXxKjzwKWHBPODU0aX7zjalzrM4KfsoGSgdoNX2zG0Aa0gYlbJQycJuMDM5hB2w8od0EyVim2ENWPpfxjyJcK6sEd7LyujrwlYdJ9BpkrF9KGY0aqoPqUzpIrqsiE7LYvmOia3VhTNhVUuseG+0vsH8/hX716biFIAAAAASUVORK5CYII=);
    background-size: cover;
    background-position: 50%;
    margin-right: 4px;
    vertical-align: top
}

.c-share-qrcode__container {
    position: relative;
    width: 94px;
    height: 94px;
    overflow: hidden;
    display: inline-block
}

.c-share-qrcode__container img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -62.5px;
    margin-left: -62.5px;
    width: 125px;
    height: 125px
}

.c-share-qrcode__container--custom-url img {
    width: 100px;
    height: 100px;
    margin: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-share__main__list {
    margin-left: -4px;
    margin-bottom: 24px
}

.c-share__main__list li {
    display: inline-block
}

.c-share__main__list li:not(:first-child) {
    margin-left: 22px
}

.c-share__main__item {
    display: block;
    width: 58px;
    text-align: center;
    color: #546e7a;
    text-decoration: none;
    line-height: 2;
    white-space: nowrap
}

.c-share__main__item:hover {
    cursor: pointer
}

.c-share__main__item__ico {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://zhibo.people.cn/assets/img/icon-share.e35a6404.png);
    background-size: cover;
    background-position: 50%
}

.c-share__main__item__ico--qq {
    background-position: 0 0
}

.c-share__main__item__ico--weibo {
    background-position: -40px 0
}

.c-share__main__item__ico--qzone {
    background-position: -80px 0
}

.c-share__main__item__ico--facebook {
    background-position: -120px 0
}

.c-share__main__item__ico--twitter {
    background-position: -160px 0
}

.c-share-url {
    position: relative;
    width: 214px
}

.c-share-url__input {
    width: 100%;
    height: 32px;
    padding: 8px 9px;
    padding-right: 64px;
    background-color: #f4f4f4;
    border: 1px solid #eceff1;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    color: #888;
    font-size: 12px
}

.c-share-url .c-share-url__btn {
    width: 64px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    border-radius: 0 2px 2px 0;
    border: 1px solid #ededef;
    cursor: pointer
}

.c-share-qrcode__pic {
    width: 140px;
    height: 140px
}

.c-share-qrcode__pic__wrap {
    text-align: center
}

.c-share__main__item__title {
    font-size: 14px;
    color: #333;
    line-height: 1
}

.c-side-tools {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 20
}

.c-side-tools__list {
    width: 72px
}

.c-side-tools__item {
    width: 72px;
    height: 72px;
    background: #fff;
    color: #333;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ededef;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in
}

.c-side-tools__item:hover {
    background: #ededef
}

.c-side-tools__item:not(:first-child) {
    margin-top: 8px
}

.c-side-tools__item-ico {
    width: 20px;
    height: 20px;
    display: block;
    margin: 16px auto 8px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-side-tools__item-ico__back-top,.c-side-tools__item-ico__share {
    font-size: 22px!important;
    color: #adadc0;
    font-weight: 700
}

.c-side-tools__item-ico__back-top {
    font-size: 12px!important
}

.c-side-tools__item-label {
    font-size: 14px
}

.c-side-tools__share-wrap {
    position: absolute;
    right: 100%;
    bottom: 0;
    display: none;
    margin-right: 10px
}

.c-side-tools__share-wrap:before {
    border: 6px solid rgba(0,0,0,0);
    border-left: 6px solid #e0e0e0
}

.c-side-tools__share-wrap:after,.c-side-tools__share-wrap:before {
    content: "";
    position: absolute;
    bottom: 36px;
    left: 100%;
    margin-bottom: -6px
}

.c-side-tools__share-wrap:after {
    border: 6px solid rgba(0,0,0,0);
    border-left: 6px solid #fff;
    margin-left: -1px
}

.c-side-tools__share-placeholder {
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    right: -10px;
    background: rgba(0,0,0,0)
}

.c-side-tools__item__share {
    position: relative
}

.c-side-tools__item__share:hover .c-side-tools__share-wrap {
    display: block
}

.c-btn {
    min-width: 96px;
    height: 32px;
    font-size: 14px;
    border: none;
    outline: 0;
    border-radius: 16px;
    cursor: pointer;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-btn:disabled {
    cursor: not-allowed
}

.c-btn:disabled,.c-btn:disabled:hover {
    color: #9e9e9e;
    background: #e9ecee
}

.c-btn--primary {
    color: #fff;
    background-color: #3082fe
}

.c-btn--primary:hover {
    background-color: #4f95fe
}

.c-btn--primary:active {
    background-color: #2b74e4
}

.c-btn--info {
    color: #333;
    background-color: #fff;
    border: 1px solid #b0bec5
}

.c-btn--small {
    width: 100px;
    font-size: 12px
}

.c-form__input {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    outline: 0;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-phone-code[data-v-4d564148] {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border: 1px solid #e4e7ed
}

.c-phone-code__search[data-v-4d564148] {
    line-height: 36px;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e4e7ed;
    padding: 0 10px;
    padding-left: 44px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODk1MUIyMTkzMUY4MTFFNjhCN0U4MTU1MDkyMzFCRjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODk1MUIyMUEzMUY4MTFFNjhCN0U4MTU1MDkyMzFCRjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OTUxQjIxNzMxRjgxMUU2OEI3RTgxNTUwOTIzMUJGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OTUxQjIxODMxRjgxMUU2OEI3RTgxNTUwOTIzMUJGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp5aVUEAAANbSURBVHja7JpZSFRRGMdnWsHGDIwIikoqI8r23aLxQcKa6KEFMSppGdooKoiIIogeKgKD6qGpKNpoeZCiVNIKAsuC9KXFFiqnTXtotImspmn6f/QXLmE01znn1KX54MfVOzr3/Oec8z/f96k7Fou5nBztXA6PpICkgP9dQIfWbgYCgX9uoH6/P34BNqIjmAZywXjQD3TjzIbAc1ANKkApaDYyA3GEDHI9WAnSee8LeApqQYz3syhsBWgCh8EeUP8398AC8ARsBRGwC0wAHjAUeEEOGAZSwSiwHTSCDeAhWAXcpgXIcjkCjnPmZAYywCZwG3xr5Xe+gxqwDQwEy/hz+8F5kGJKQCdQDBZzsMNBEfhs41kRLqEh3BOzwZVERcQr4BCYAS5xeQQTeOY7kAdOgmxwJpHlFI+AJWAhqOSnpsJJZBkVghIwk8tQi4AedI0PIB98VeiAURrCa+6RAToEbKRl7gSvNJxP7+lMncEW1QJS6BryCe3VeMieA/dBAUhTKcAHuoKjOk5QS8ihd5A27VMpIJfXCwZSnYu8zlIpYAR9vsaAgDrwBoxTKSCDyVjUUML5GPQB7VUJSKNLmIqPPNA8qgREuLFMhduSPykRIJ9+d4MCenLPhVUJqGWB4jEweFn3mUzTlW3iKr7uNSBgLGuHmyoFlPCab0BAyzMuqxRwi8toDuitcfCSay0Cb0GZSgExlouSaO3QKGAzRRTR+ZRmoyfAXdYDPg2Dl4JmHZsB+3Sk01EWHs2soLIUDr4/OMuvC22Wp7YqsntMq8VOy8EYBYMfzLq4F9+/zflWvDXxabCUB9sN9oPaWscW0KL7ggYmjeI+XXS3VY6xGJec5QA9O8+GEDlProNT/H4emAxe8rXSthyadjtz5WxY7QbzeVYE2XKppO2G6GDiLIPAJBbumXyPYm7cOouwa2AKbXQ6a3AtAiTq6UpSJ68Bc8Fa8rsIcwbFaap/ee2ZZXayKUJmtkmXgJZ4AJaD1dzYo10/u2+pXJph2qMM+M4fOhovwFSKmMiGlzSNG3UKsPZ4qkgiEeRMXGVlVsGyNqRqE5sI2dDS+XvEGRUx6U4S4GIbJ4eGMNJS8DtGgIuJnZdpzCfde0BXNMRz6jv+j3zu5L8aJAUkBTg7fggwAFDPuXK7DNaYAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 10px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.c-phone-code__list__wrap[data-v-4d564148] {
    width: 100%;
    height: 180px;
    margin: 10px 0
}

.c-phone-code__list[data-v-4d564148] {
    height: 100%;
    overflow: auto
}

.c-phone-code__list__item[data-v-4d564148] {
    padding: 0 10px;
    padding-left: 5px;
    color: #333;
    font-size: 16px;
    line-height: 40px
}

.c-phone-code__list__item[data-v-4d564148]:hover {
    background: #e8e8e8
}

.c-phone-code__list__item__code[data-v-4d564148] {
    float: right
}

.c-form__mob__ctrl {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ececec;
    border-radius: 4px;
    outline: 0;
    font-size: 14px
}

.c-form-control__label__mob {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 77px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    line-height: 40px
}

.c-form-control__label__mob i {
    display: inline-block;
    width: 16px;
    height: 40px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 16px
}

.c-form__mobinput__control {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-form__mobinput__control__mob {
    position: relative;
    width: 100%
}

.c-form__mobinput__control__mob__wrap {
    position: relative
}

.c-form__mobinput__control__mob__input {
    padding-left: 85px;
    border: 1px solid #d8d8d8;
    border-radius: 2px
}

.c-form__mobinput--hide-code {
    padding-left: 16px
}

.c-form__mobinput__code__wrap {
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.c-form__mobinput__kaptcha,.c-form__mobinput__sms {
    position: relative;
    margin-top: 20px
}

.c-form__mobinput__kaptcha__input {
    width: 164px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px
}

.c-code-img {
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -16px;
    width: 132px;
    height: 32px
}

.c-code-img img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.input-result {
    top: 12px;
    right: -100px;
    position: absolute;
    width: 76px;
    font-size: 13px;
    margin-left: 6px;
    line-height: 13px;
    padding-left: 16px;
    vertical-align: middle
}

.input-result--fail {
    color: #fd423e
}

.input-result--fail:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADJklEQVRIS61WS08TURT+zszwslNlg4nig6iJiSyRKbpCpmB0QUTEB7oz0aULgxB/gAES9Re4Ux7SKHEhop3qBk2numRj8K1ojDExHWyRmXvMTGnTlr6i3EUXc8/9vnvOPef7SiixEsGWHQ6kfoAOgbEPQAODVkD4TOAPAD+TJZqse2y+KwZDhTZSwPIwgJNgyKUuAYIAMCnDGaoLv/qYH7uGYKmzrVsIcZsAPwh/mPGAwNOyI8/VNsQXfyzW19T4ko2SI7Uw6BgRusGoZpBFzBfUiDmeTZJDYOmBSyC+AYbEwLRQ5IFNsy8WSmXw6/CBPZLtjBLQA4BBuKyGzZvpMxmCuN56ikDjXsqMq6phjmYDL3XsP8KSdMv9RkKc90VezmTvW7p2BYRrqcvxGb8Rm/Ri3R+35jYr8wRWAQzmg7sxVlBbBGOLB0r4qobNrfmZWR3aIAjDbrkUspvdN/EIrKB2B4x+JrrnD0d7C5XE0jXO/q4aZsEGieuBEIF7AZ5QjdgZSnQc3OlI9lsAtiTxng2PY5/+h+B3V+t2Ich9N0UWyi5KpwXCmBo2zxZ70Eoz8Cqia7cBnAVjiKyg9giMw8w46Y+YU+tBENcDJwg8BcIsWbr2GUCjzEpTXeT5h/Ug8MpO9nsAX1yCJIAaX/XPWppZWF4PAu5rrl766Vt2BzVDkEhWbWyYm4sXJchuU+Cbapipli2w8gm8Eglg70bDfF3s0FJn4CgLdgfNIYku+J5EHxaLzS1RUJsFo4tBfX4jGiopbBVuxoOBXmIOpR55dfoA3FEN81yFGCXDcto00d7W5CjiTblBK6dFacbf7YFtQmEXT5FtaXdKKvTWcYBOMxDyG2ZfwUmuQIvcc3FdmyLgREYq/knsinSRp6jAyBqxSzEHThN4rKhcl+miXLmmfr8RnUgJb9bKMRyie0KWBisyHEeMEPNxz3DAA6oRu56GLWuZYEwx0X3Fple18ZUv7sGkv6rRVriFmHtA6MtYJvFFNWyOZV+6uOmzNAIi1/Slkj3pOSDflUkMVmT62WB5f1uaAWxe3f8OwjzAT23gbn045vpJwfUXYXKuy+eUhnMAAAAASUVORK5CYII=)
}

.input-result--success {
    color: #86c355
}

.input-result--success:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADfklEQVRIS62WT2xUVRTGv+++aUFjXRBhU1EiJCayMnVl+6YxQWBmUiKWVigmLkwgcaGB8maqK1faef3D2j3/ShslxZmxhjgyMxUXElddaARFwYUkJaaKtNN7j7njvGH66Axt5O7m3Xu+37nn3HPOEE3WcKnnGQU9AOAVCF4gsBlgGcRNCG4I5WtqZ8LrvvhzIxmutlERFj1MoF8Ap5kTIA1EJgydoaGui7+Gzz4ASJcS+yg4BUgbyCUKpg15wZSXZxe3tP3+2J3FDY6Sdm2kQ4m8JsQ+iLQS/EsgR5Ju9mw9ZAXAL8bfAzkOEQXgQsTR3vGXZ35qdoPxb/bsWNYRH5D9BEQEg8lo9mRgUwP4pdgbFFq6EZEPktGc3zQ0oU2/EEuS/AiAEsqhZFduwh6pAGzMHTFzAnkCIqn1igeskWIiJZBhGy5NtdPmpAIYKcZPCzBA4FPPzfaux/PwWb8Un4Kgl+A5z80c4uhs/FkjvA5g2dHlHYPdX/72fwBjl3dv1U6LzVtEUZ7j/WvhjOdmD69H3J+NbYcwbf5Zenvo1Ut/BrZ+IXEKlMMEhyzgC4HsAdifdDOTawVYcRrmBdgK4Ftzb2lvABktxA4YcpLgDEeK8ZsCtCuFbSc6szfCgNFi4h0ac2WwO/d9zcOV4vbzXSq1y+v8/Ir9UQm7wS8EblnAPQE2bFyQje/Gc4v1AL8QPwZinMC8MrLLQkKeV8Wlx+vMfRXYfjjX1/r4/N+LlUINAMLIk6mu6YXg0Gi+5ymJ6B8E2FR9z/OicIQGJ6thWVXcfgwDKiFygOcH3eyP9TcYuxx70SheCiCh8N2lWul5zbn6EPml+AwEu5VI34lobiqcgwaQhuLW3p+N98Jgqprk/6oPwtPJaObN1V5RCNJUvAKof6Yf5/duc1qcaw8rNAvRitNU8lZ9QsMOpfOxp9mirF5El/X2aqtInBXIQYJTnpvpa1QLn3zX0XL0pavlZrUyUkxMCuRArVU8ymZnOyrI9APNrtLwComDoJx5FO0awgEvmjlXfd73L1w/cGxndRydWsvA0dpJC/C6HTgG9FJuZixQfejIhMEkHPlML5mrm9pu37KG8wub251W1QHN/VDoC0YmIEc9N2ujUFsNh74jJi1Ef3V8Ns4raSg4r6lSaxr69Ur1f1so2AlgS3X/DyHmAOS18Pz7bsbOk1XXv16f3W7r4yfqAAAAAElFTkSuQmCC)
}

.input-result:after {
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0
}

.c-form__mobinput__sms .c-get-sms__btn {
    position: absolute;
    right: 16px;
    top: 50%;
    width: 85px;
    margin-top: -7px;
    height: 14px;
    border-radius: 5px;
    border: none;
    outline: 0;
    color: #97c0fe;
    font-size: 14px;
    background: rgba(0,0,0,0);
    line-height: 1;
    cursor: default
}

.c-form__mobinput__sms .c-get-sms__btn--sendable {
    cursor: pointer;
    color: #3082fe
}

.c-form__mobinput__sms .c-get-sms__btn--disabled {
    cursor: not-allowed;
    color: #aaa
}

.c-form-select {
    display: block;
    width: 100%;
    height: 40px;
    position: relative
}

.c-form-select__ctrl {
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.c-form-select__dropdown {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 40px;
    height: 38px;
    background-color: #fff;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease
}

.c-form-select__dropdown__multiple {
    background-color: rgba(0,0,0,0)
}

.c-form-select__dropdown--active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-form-select__content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333
}

.c-form-select__content--placeholder {
    color: #9e9e9e
}

.c-form-select__options {
    z-index: 1;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-form-select__option,.c-form-select__options {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-form-select__option {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 31px;
    font-size: 14px;
    color: #757575;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.c-form-select__option--selected {
    color: #2196f3
}

.c-form-select__option:hover {
    background: rgba(33,150,243,.2)
}

.c-form-select__option__ico {
    position: absolute;
    top: 50%;
    left: 9px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    display: block;
    border: 1px solid #cfd8dc;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-form-select__option--selected .c-form-select__option__ico {
    border: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAADlQTFRFIZfzAAAAJJv2Ipf0IZf06PT9p9X6crz3rNf65PL9PaP0rdj6Ipbz+Pz+YLT2/v7+esD3////IZbzx905SwAAAAV0Uk5T7QAcpua2JwPpAAAAoUlEQVQ4y8WTSxKEIAwFI+AMKiOQ+x92Ugblp2Fp2NFdFCQ8mJQ2iOhodWW0mkABCkVYo1gajCwYwEG9KewfJwr7L25OEIjHaJ+Fg/tQCN/1gSch+GW95ywEH2M2Ks6CpZ3LqDkLbstGw9MdstHy8xWn0fGrD2zMHc+NYqPjRSeT0fCy1YfR8moWZHS8Hpaz4ZU/OQzOMHrD8Kb4359P8f8DAFZD25CYOoEAAAAASUVORK5CYII=);
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 56.25%;
    width: 100%;
    height: 100%
}

.c-popup--fullscreen {
    padding-top: 0;
    z-index: 10002
}

.c-popup__bg {
    top: 0;
    height: 100%;
    background: rgba(0,0,0,.6)
}

.c-popup-content,.c-popup__bg {
    position: absolute;
    left: 0;
    width: 100%
}

.c-popup-content {
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px 8px 0 0;
    padding-top: 50px;
    max-height: 100vh;
    background-color: #fff
}

.c-popup__header {
    position: absolute;
    top: 0;
    border-bottom: 1px solid #ededef;
    width: 100%;
    height: 50px
}

.c-popup__header h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    color: #333
}

.c-popup__custom-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-popup-btn {
    display: block;
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 28px
}

.c-popup-btn__close {
    right: 0
}

.c-popup-btn__back {
    left: 0
}

.c-popup-body {
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.c-form__checkbox[data-v-d028da14] {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-right: 20px
}

.c-form__checkbox>label[data-v-d028da14] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 16px;
    vertical-align: top;
    color: #263238;
    cursor: pointer;
    position: relative
}

.c-form__checkbox>label input[data-v-d028da14] {
    opacity: 0;
    position: absolute;
    cursor: pointer
}

.c-form__checkbox>label input:checked+.c-form__input__box[data-v-d028da14] {
    border: 1px solid #2196f3;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAADlQTFRFIZfzAAAAJJv2Ipf0IZf06PT9p9X6crz3rNf65PL9PaP0rdj6Ipbz+Pz+YLT2/v7+esD3////IZbzx905SwAAAAV0Uk5T7QAcpua2JwPpAAAAoUlEQVQ4y8WTSxKEIAwFI+AMKiOQ+x92Ugblp2Fp2NFdFCQ8mJQ2iOhodWW0mkABCkVYo1gajCwYwEG9KewfJwr7L25OEIjHaJ+Fg/tQCN/1gSch+GW95ywEH2M2Ks6CpZ3LqDkLbstGw9MdstHy8xWn0fGrD2zMHc+NYqPjRSeT0fCy1YfR8moWZHS8Hpaz4ZU/OQzOMHrD8Kb4359P8f8DAFZD25CYOoEAAAAASUVORK5CYII=) no-repeat 50%;
    background-color: #2196f3;
    background-size: cover
}

.c-form__checkbox>label input[data-v-d028da14]:disabled {
    cursor: not-allowed
}

.c-form__checkbox>label input:disabled+.c-form__input__box[data-v-d028da14] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAqElEQVRIDe2SsRJAMAyGwznmbuy8hfO+7izOGzjvwta5Fo61vyFt6SAd0yRf+yXJ0PcHRThpBOaNFPBn5kW1qH7NwP+WK0MulVJUVhW6Yse2dSWttVUHwW3XUV4UVrJLoG4amsbRKoUzDgW9aE+9INh63gsBCN6NCYYyD73gjJd5Drpc6BcQfG0h2kTUwDUGVbs249QJmGPLK1dUe+njFItqji2v3GiqT414HXFSADxaAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 12px
}

.c-form__checkbox>label input:disabled~[data-v-d028da14] {
    opacity: .7;
    cursor: not-allowed
}

.c-form__checkbox>label>.c-form__input__box[data-v-d028da14] {
    vertical-align: top;
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cfd8dc;
    background-color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px
}

.c-protocol {
    text-align: left;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-protocol.c-protocol--pc {
    margin: 0 auto 32px;
    width: 320px
}

.c-protocol.c-protocol--mobile {
    margin-top: 20px;
    margin-bottom: 0
}

.c-protocol .c-form__checkbox {
    margin-right: 5px!important;
    margin-top: 2px!important
}

.c-protocol .c-protocol__content {
    display: inline-block
}

.c-protocol .c-protocol__content p {
    margin-bottom: 0!important;
    display: inline-block;
    line-height: 22px
}

.c-protocol .c-auth-info__protocol__btn {
    color: #2196f3;
    font-style: normal;
    cursor: pointer
}

.c-protocol .c-auth-info__protocol__btn:hover {
    opacity: .6
}

.c-protocol a {
    color: #2196f3;
    font-style: normal;
    cursor: pointer;
    text-decoration: none
}

.c-protocol a:hover {
    opacity: .6
}

.c-protocol-popup {
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow: auto
}

.c-protocol-iframe {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    border: none;
    z-index: 10019
}

.c-auth-prompt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background-color: rgba(255,0,0,.68)
}

.authfade-enter-active,.authfade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.authfade-enter,.authfade-leave-to {
    opacity: 0
}

.c-enroll .c-auth-prompt {
    position: relative
}

.c-enroll__content {
    padding: 24px;
    padding-bottom: 0;
    max-height: 526px;
    overflow: auto;
    position: relative
}

.c-enroll__content .c-enroll-list__detail {
    width: 344px;
    margin: 0 auto 24px
}

.c-enroll__content .c-enroll-list__detail .c-enroll-privacy__checkbox {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #cfd8dc;
    vertical-align: middle;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.c-enroll__content .c-enroll-list__detail .c-enroll-pravicy__tips {
    margin-left: 8px;
    display: inline-block;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    word-break: break-word;
    white-space: pre-wrap
}

.c-enroll__content .c-enroll-list__detail .c-enroll-pravicy__tips a {
    text-decoration: none;
    color: #2196f3
}

.c-enroll__content .c-enroll-list__detail .c-form-select__ctrl {
    background: #fff
}

.c-enroll__content .c-enroll-list__detail__wrap--area {
    position: relative;
    z-index: 1
}

.c-enroll__content .c-enroll__list h3 {
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    word-break: break-word;
    line-height: 1.5
}

.c-enroll__content .c-enroll__list h3>span {
    color: #ff3636
}

.c-enroll__content .c-enroll__list input {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-enroll__content textarea {
    min-width: 320px;
    max-width: 320px;
    height: 40px;
    min-height: 40px;
    max-height: 120px;
    padding: 10px 16px;
    line-height: 1.5;
    border-radius: 2px;
    border: 1px solid #d8d8d8
}

.c-enroll__content textarea,.c-enroll__footer {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-enroll__footer {
    position: relative;
    text-align: center;
    width: 100%;
    height: 80px;
    padding: 24px 0
}

.c-enroll__footer button {
    margin: 0 8px;
    color: #333
}

.c-enroll__footer .c-enroll__cancel__btn {
    background: #fff;
    border: 1px solid #b0bec5
}

.c-enroll__footer .c-enroll__submit__btn {
    background: #3082fe;
    color: #fff
}

.c-enroll__footer .c-enroll__submit__btn:disabled {
    color: #9e9e9e!important;
    cursor: not-allowed!important;
    background: #e9ecee!important
}

.c-enroll__privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-enroll__privacy .c-protocol--pc {
    margin-bottom: 0
}

.c-enroll-list__tips {
    color: #757575;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
    word-wrap: break-word
}

.c-enroll__banner img {
    width: 100%;
    border-radius: 8px
}

.c-enroll-sms__content {
    position: relative;
    margin-top: 24px
}

.c-enroll-sms__content .c-get-sms__btn {
    height: 40px;
    top: 0;
    margin-top: 0
}

.c-enroll_enrolled-entrance {
    width: 344px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    color: #2196f3;
    letter-spacing: 0
}

.c-enroll__footer__mask {
    width: 100%;
    position: absolute;
    bottom: calc(100% - 1px);
    left: 0;
    height: 60px;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    pointer-events: none;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.c-auth-pay__content[data-v-5f3539be] {
    position: relative;
    text-align: center;
    line-height: 2;
    margin-top: 20px
}

.c-auth-pay__content__price__tips[data-v-5f3539be] {
    margin: 40px auto 24px;
    font-size: 14px;
    line-height: 18px
}

.c-auth-pay__content__price[data-v-5f3539be] {
    font-size: 24px;
    color: #f06e6e;
    vertical-align: bottom
}

.c-auth-pay__content__price-unit[data-v-5f3539be] {
    font-size: 16px
}

.c-auth-pay__qrcode-wrap[data-v-5f3539be] {
    position: relative;
    margin-bottom: 12px;
    width: 232px;
    height: 232px;
    display: inline-block;
    overflow: hidden
}

.c-auth-pay__qrcode-wrap img[data-v-5f3539be] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -141px;
    margin-left: -141px;
    width: 282px;
    height: 282px
}

.c-auth-pay__content__btn[data-v-5f3539be] {
    padding: 20px 0 40px;
    color: #3082fe;
    font-size: 14px;
    cursor: pointer
}

.c-auth-pay__content__price__tips .i-auth-pay-wechat-logo[data-v-5f3539be] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 4px;
    vertical-align: top
}

.c-auth-pay__content__scan-pay[data-v-5f3539be] {
    position: absolute;
    bottom: 76px;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 27px
}

.c-auth-pay__content__scan-pay i[data-v-5f3539be] {
    width: 32px;
    height: 27px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: top
}

.c-form-item__group {
    position: relative;
    margin: 20px 0;
    padding-left: 176px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-form-item-control__wrap {
    position: relative;
    width: 100%
}

.c-form-item-control__wrap--err .c-form__input,.c-form-item-control__wrap--err .c-form__mobinput__control__mob__input {
    background: #ffe9e9;
    border: 1px solid #ff5722
}

.c-form-item__err-msg {
    color: #ff5722;
    margin-top: 5px;
    font-size: 12px;
    text-align: left;
    line-height: 16px;
    white-space: nowrap
}

.c-form-item__err-msg .c-form-item__ico {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 16px;
    background-position: 50%;
    vertical-align: top
}

.c-form-item-control__label {
    position: absolute;
    left: 0;
    width: 176px;
    height: 40px;
    display: inline-block;
    text-align: right;
    padding-right: 16px;
    font-size: 14px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333
}

.c-form-item-control__label__text {
    position: absolute;
    top: 50%;
    right: 16px;
    line-height: 1.5;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 150px
}

.c-auth-phone__main {
    position: relative;
    padding: 64px 0;
    text-align: center
}

.c-auth-phone__form-item {
    width: 320px;
    margin: 0 auto;
    margin-bottom: 20px
}

.c-auth-phone__form__btn__group {
    text-align: center
}

.c-auth-phone__form__btn:first-child {
    margin-right: 16px
}

.c-auth-info__content {
    height: 100%;
    position: relative;
    padding-top: 20px
}

.c-auth-info__content--auto {
    overflow: auto
}

.c-auth-info__form-item-wrap {
    width: 100%;
    padding-right: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-auth-info__btn__group {
    text-align: center;
    margin: 40px 0
}

.c-auth-info__btn:first-child {
    margin-right: 16px
}

.c-auth-info__desc {
    text-align: left;
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 176px
}

.c-auth-info__protocol {
    margin-top: 20px;
    padding-left: 90px
}

.c-auth-code__main {
    position: relative;
    padding: 40px 0
}

.c-auth-code__header {
    text-align: center
}

.c-auth-code__header .c-auth-code__qrcode__wrap {
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto 8px
}

.c-auth-code__header .c-auth-code__qrcode__wrap img {
    width: 140px;
    height: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -70px
}

.c-auth-code__header p {
    color: #333;
    font-size: 16px
}

.c-auth-code__form__wrap {
    width: 100%;
    text-align: center
}

.c-auth-code__form__wrap p {
    font-size: 14px;
    margin-bottom: 15px
}

.c-auth-code__form-item {
    margin: 24px auto 0;
    width: 320px
}

.c-auth__form__btn__group {
    text-align: center;
    margin-top: 40px
}

.c-auth__form__btn:first-child {
    margin-right: 16px
}

.c-auth__btn {
    width: 184px;
    height: 56px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 28px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    background: #3082fe;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background
}

.c-auth__btn:hover {
    background: #4f95fe
}

.c-auth__btn:active {
    background: #2b74e4
}

.c-auth__btn__wrap {
    float: left;
    margin-top: 40px;
    margin-right: 40px
}

.c-auth__btn__wrap:last-child {
    margin-right: 0
}

.c-auth__btn__wrap .c-auth__btn__tips {
    display: block;
    font-size: 14px;
    margin-top: 8px;
    text-align: center
}

.c-auth__btn__wrap .c-auth__btn__tips a {
    color: #fff
}

.c-auth__btn__wrap .c-auth-enrolled__btn {
    background: #1b355c;
    color: #3082fe;
    border: 1px solid #3082fe
}

.c-auth__btn__wrap .c-auth-enrolled__btn:hover {
    color: #fff
}

.c-auth__btn__wrap .c-auth-enrolled__btn--disabled {
    color: rgba(0,0,0,.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    text-shadow: none;
    cursor: not-allowed;
    background-image: none
}

.c-dropdown {
    position: relative;
    width: 140px;
    height: 32px;
    line-height: 32px;
    cursor: pointer
}

.c-dropdown__current {
    display: block;
    padding: 0 30px 0 8px
}

.c-dropdown__icon {
    position: absolute;
    right: 0;
    top: 4px;
    width: 24px!important;
    height: 24px!important;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.c-dropdown--expanded .c-dropdown__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-dropdown__list {
    display: none;
    position: absolute;
    left: 0;
    top: 32px;
    z-index: 10;
    width: 100%
}

.c-dropdown--expanded .c-dropdown__list {
    display: block
}

.c-dropdown__list__item {
    padding: 0 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background;
    transition-property: color,background;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-dropdown--dark {
    background: #000;
    color: #fff
}

.c-dropdown--dark .c-dropdown__icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAM1BMVEUAAADl5eXl5eXl5eXl5eXk5OTk5OTk5OTl5eXn5+fr6+v////m5ubm5ubm5ubl5eXk5OS0hfDxAAAAEHRSTlMA6M3DvayjmVgVDQaEg25t9LWhEQAAAFBJREFUSMftykkKgEAMBMCefXPJ/18rIqI5JZ6EIXUuGGPmlonJkDhiHCSVmArRRi87FJbnr1Ap9y9QStdP0Brx/HFArXsi3/FBC6HBGPO7A+3LBfuTzyEVAAAAAElFTkSuQmCC)
}

.c-dropdown--dark .c-dropdown__list {
    background: #2b2c35
}

.c-dropdown--dark .c-dropdown__list__item {
    color: #adadc0
}

.c-dropdown--dark .c-dropdown__list__item--current,.c-dropdown--dark .c-dropdown__list__item:hover {
    background: #3e3e4e
}

.c-dropdown--dark .c-dropdown__list__item--current {
    color: #fff
}

.c-dropdown--light {
    background: #ededef;
    color: #333
}

.c-dropdown--light .c-dropdown__icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABnUlEQVRoQ+2Uv0rDUBTGz2kHu7gp+gYdujlLUh27lN4MouIqTn0BcesLiFNnKYjYW7p0E9Lq6hO4i+LoEgrpkSgBwVCae06shdM535/z/dIgrPgPV7w/6AHLJqgElABzAX2FmAOy5UqAPSHTQAkwB2TLlQB7QqaBEmAOyJYrAfaETAMlYG14DYDHRJRrDEQkAOoZUz/hQMgVmhVkbfhKBFsuJRDhzZj6tos21bAPGAweDolmPTcCeGSMd7PUA5Jwa8M2EVzmK1JqB4F3lU/z+2k2gdTS2nGHiM4XK4SdIPAvFnt2/lNiByQx/f64C0Cn8yIRsWuMfyZRPvEQPYCIStZObgEoyCqICHetln+AiLN/eUBSajR6XouilxER7f8siYj31epGo1arTaXKixNIiw2Hj+txHIdEtPMVgvhULpf3ms3dD8nyhR3wTWKyGUUzC4BUqWDQaHjv0uULPaCIspn/q78KKipH9CtUVMm5n+VlhEpmKgHJNV28lIDLapIaJSC5pouXEnBZTVKjBCTXdPFSAi6rSWqUgOSaLl6fQtJdMQmSOs4AAAAASUVORK5CYII=)
}

.c-dropdown--light .c-dropdown__list {
    background: #ededef
}

.c-dropdown--light .c-dropdown__list__item--current,.c-dropdown--light .c-dropdown__list__item:hover {
    background: #d6dff1
}

.c-dropdown--light .c-dropdown__list__item--current {
    color: #3082fe
}

.plv-area-picker__popper {
    z-index: 10000!important
}

.c-booking-form__content {
    height: 320px;
    overflow: auto;
    position: relative
}

.c-booking-form__content-wrap {
    width: 100%;
    padding-top: 52px;
    padding-right: 118px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-booking-form__content__list {
    width: 336px;
    margin: 72px auto;
    text-align: right
}

.c-booking-form__content__list span {
    display: inline-block;
    margin-right: 16px;
    font-size: 14px
}

.c-booking-form__content__list .c-form__mobinput__control__mob__wrap {
    display: inline-block;
    width: 264px
}

.c-booking-form__footer {
    text-align: center;
    margin-top: 48px
}

.c-booking-form__footer button {
    margin: 0 8px;
    color: #fff
}

.c-booking-form__submit__btn {
    background: #3082fe;
    color: #fff
}

.c-booking-form__submit__btn:disabled {
    color: #9e9e9e!important;
    cursor: not-allowed!important;
    background: #e9ecee!important
}

.c-booking-form-sms__content {
    position: relative;
    display: inline-block;
    width: 264px
}

.c-booking-form-sms__content .c-get-sms__btn {
    height: 40px;
    top: 0;
    margin-top: 0
}

.c-booking-form__content-slider {
    margin: 20px 0;
    padding-left: 176px
}

.c-booking-form__slider {
    width: 248px;
    height: 40px;
    position: absolute;
    padding: 8px;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.1)
}

.c-booking-form__slider .nc_scale {
    border-radius: 2px;
    height: 40px
}

.c-booking-form__slider .nc_scale span.btn_slide {
    height: 38px;
    line-height: 38px;
    border-radius: 2px
}

.c-booking-form__slider .nc_wrapper span.nc-lang-cnt {
    line-height: 40px
}

.c-booking-form__slider .nc_bg {
    background: #2196f3!important;
    border-radius: 2px
}

.c-booking-form__slider .nc-container .nc_scale .btn_ok {
    line-height: 38px;
    color: #2196f3
}

.c-booking-form__slider .nc-container .nc_scale span {
    line-height: 38px;
    height: 38px
}

.c-booking-wrap {
    display: inline-block
}

.c-booking-wrap__splash__icon {
    display: inline-block;
    margin-left: 24px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.c-booking-wrap__splash__text {
    display: inline-block;
    font-size: 18px;
    margin-left: 2px;
    color: #3082fe;
    cursor: pointer
}

.c-booking-wrap__splash__text__booked {
    color: #adadc0!important
}

.c-booking-wrap__countdown__btn {
    position: absolute;
    top: 10px;
    right: 20px;
    margin-left: 16px;
    background-color: #3082fe;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    width: 68px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px
}

.c-booking-wrap__countdown__btn__booked {
    background-color: #82b4fe!important
}

.c-booking-wrap__countdown__icon {
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
    margin-right: 3px
}

.c-booking-wrap__player__btn {
    margin-top: 40px;
    width: 184px;
    height: 56px;
    background: #3082fe;
    color: #fff;
    border-radius: 28px;
    font-size: 18px;
    cursor: pointer
}

.c-booking-wrap__player__btn__booked {
    background-color: #82b4fe!important
}

.c-splash__header {
    position: relative;
    padding: 80px 0;
    background: #1a1b1f;
    overflow: hidden
}

.c-splash__header__bg,.c-splash__header__mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.c-splash__header__bg {
    -webkit-filter: blur(18px);
    filter: blur(18px)
}

.c-splash__header__mask {
    background: rgba(20,21,24,.75)
}

.c-splash__header__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 405px
}

.c-splash__header__cover {
    width: 720px;
    height: 405px;
    margin-right: 60px;
    background-color: #ccc
}

.c-splash__header__main {
    position: relative;
    width: 500px;
    font-size: 16px;
    color: #e4e4e4
}

.c-splash__main__inner {
    position: relative
}

.c-splash__main__lang {
    position: absolute;
    right: 0;
    top: 24px
}

.c-splash__header__title {
    margin-top: -4px;
    line-height: 1.5;
    font-size: 32px;
    word-break: break-word;
    color: #fff
}

.c-splash__header__author {
    margin-top: 8px
}

.c-splash__header__status {
    margin-top: 32px;
    font-size: 0
}

.c-splash__header__status__time {
    font-size: 26px
}

.c-splash__header__status__tag {
    margin-left: 8px
}

.c-splash__header__countdown {
    margin-top: 14px
}

@media (max-width: 1280px) {
    .c-splash__header__title {
        font-size:26px
    }
}

@media (max-width: 1679px) {
    .c-splash__header__inner {
        min-height:360px
    }

    .c-splash__header__cover {
        width: 640px;
        height: 360px;
        margin-right: 40px
    }
}

.c-aside-panel__tabs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #3e3e4e
}

.c-aside-panel__tabs__item {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    cursor: pointer;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    color: #adadc0
}

.c-aside-panel__tabs__item--current,.c-aside-panel__tabs__item:hover {
    color: #fff
}

.c-aside-panel__tabs__item__inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 16px;
    padding-bottom: 2px;
    text-align: center;
    font-size: 0;
    white-space: pre
}

.c-aside-panel__tabs__item__main-label {
    font-size: 14px
}

.c-aside-panel__tabs__item__sub-label {
    display: inline-block;
    font-size: 12px
}

.c-aside-panel__tabs__item__reminder {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    background: #f24453;
    border-radius: 50%
}

.c-aside-panel__tabs__current {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 36px;
    height: 3px;
    border-radius: 4px;
    background: #fff;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media (max-width: 1280px) {
    .c-aside-panel__tabs__item__main-label {
        font-size:12px
    }
}

.c-aside-panel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 42px;
    height: 100%
}

.c-aside-panel,.c-aside-panel__body {
    position: relative
}

.c-aside-panel__body .c-notification {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    max-width: none;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%)
}

.c-aside-panel__body .c-notification--move-in {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.c-aside-panel__body .c-notification--move-out {
    opacity: 0;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%)
}

.c-aside-panel__body {
    height: 100%
}

.c-aside-panel__body__item {
    display: none;
    height: 100%
}

.c-aside-panel__body__item--current {
    display: block
}

.c-aside-call__button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 0;
    background: #3e3e4e;
    text-align: center;
    cursor: pointer
}

.c-aside-call__button__main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-aside-call__button__icon {
    width: 24px;
    height: 24px
}

.c-aside-call__button__text {
    font-size: 14px;
    margin-left: 8px;
    color: #fff
}

.c-aside-call__button__device-check {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: block;
    background: hsla(0,0%,100%,.2);
    border-radius: 50%;
    line-height: 24px
}

.c-aside-call__button__device-check__icon {
    color: hsla(0,0%,100%,.8);
    font-size: 12px!important
}

.c-aside-call__button--default .c-aside-call__button__icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAeFBMVEUAAABA1ppG2Z1A15pA1ppB15lB15pC2JpC2Jtj261B15lB15lA15lA15pB15pB15pA1pn////4/fua6cn0/Pno+vN04bVd3Kje+O7B8t5o3q7v+/fP9eVI2J7U9ejG8uGr7dKk7M+M5sKE5b6S6MV647hr37BT2qPy+i+8AAAAEHRSTlMA+hbHw6BxRz8I8Ozfs6Z5RTmaJAAAAbRJREFUSMell+mWgyAMhQX3HbVutXun7fu/4UyRUyugxMn9yTnfAUJyEyy9Qj937SQmJE5sN/dDCyzqOYTNRByPgtAgFaTEp4EZddiinHWcZmxV2crh/YgZFPlLrMcA8vSv4zKQ3FBlqc2AsqmyL2eBtLy3yzbINcUKHjWfbZQ/sTTaCkdT0DK2Wdknn9k/FAh4Vgu3/tDVZXc0wY5u413BdQdunc7WTiN8MMIpD/W89i/FqNYEE6rmx13AV1CmSNbRCrhmgJCFsmPVgn4Yzx2qmVmBz+1bubz0Kkf4aYRzTS324q0AlamaQMPhH4ApWIm6eAbCiRWri+371r0Zji3xUmrAGyNMtDDr/uDd3gzHuuV2gNAxD5iqZwmgk+mp5Pow0/aiYVec5lFrLo+FJMnZgm48Tc9V9baH4dJq0nPFsptd8a3T7agURkgW6bYuZurkkhRmoNern8GlZAamNtV8bz6oNkTJGn28lh+4lgxQtV4Vr2rtnVNgt2n6UvWHYGo3Ju2r81BJ4UI0OkyLRTV3zFiBGWgwoxRqiMOMj5jBFTEyY4Z1zDcB+0HBf43wnzLUd/AXwHSyyZd8sl0AAAAASUVORK5CYII=)
}

.c-aside-call__button--default .c-aside-call__button__text {
    color: #fff
}

.c-aside-call__button--connected .c-aside-call__button__icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAdVBMVEUAAAD/XFz/W1v/Xl7/XFz/XFz/XV3/aWn/W1v/XFz/W1v/W1v/XFz/XV3/Xl7/W1v/W1v/////8vL/+vr/eHj/ZWX/h4f/Xl7/srL/gYH/6Oj/4uL/3Nz/1tb/0ND/y8v/9vb/wMD/cXH/a2v/qKj/nZ3/lpZqE5u4AAAAEHRSTlMAxfoWoHE/CPDs37OmeUlGYSG20wAAAZpJREFUSMell9uWgjAMRWmB4Q7hIiCiqKP+/yeOS9eQBgtCsx+hh5DTtE0tPV6WOCIMpAxC4SSZZ63GdoUEghSuvUr6E6FS1Uc/36UCZhHLcjuGReKFn099+IKfzmldWIGrnx0HVuF4mnQFrETYH3EFrEZMYzuwAcfAqxnXUthIqpjlbxX7aFoMm4nHegYD/utcmIgFBjYOHZmJo5fV0kwsbayP7bhol5FlnjQVS8/KwJjMSmCBZgcLJDNrcVe3p74753ledP1w2zfalanza3855BPK422ncSycxryjkuovFVBCK6DS9oyjixcl6o9UHlhkph7FOPA0DqwG/F6rJi9VcXXEIAMoXPD5oVLF+Nu/ZY5cASFvSjQuUAxrOhzSA+Gk5K0aJpQAY8ZFPZm88U2HgUGQIqnO77zuzUepPfr3V6+kSBISoXzaXIOWengmvKflmdERbQWzXFv63Yy1JDmbAWsbYm2AnK2XtelzjhvWQcc5YlmHO6et4DQ0nFaK1cRx2kdO48pomTnNOueawL2g8K9G/EsZ6zr4B38Qsk6WJf7EAAAAAElFTkSuQmCC)
}

.c-aside-call__button--connected .c-aside-call__button__text {
    color: #ff5b5b
}

.c-aside-call__button--disabled .c-aside-call__button__icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAaVBMVEUAAACursGursGwsMSursCursGursKvr8GwsMKursCursCursCvr8Kzs8yCycmursKtrcA+Pk5FRVWOjqCqqr14eItMTF2VladZWWmdnbCEhJd/f5FycoNiYnNfX3BRUWKjo7aamqxtbYByV+ufAAAAEHRSTlMAxfoX7qBxRz/fs6Z5Cgc/qPQuVAAAAbZJREFUSMetl9tygyAQhkVRPEZEUWOiJnn/h2xLaCsCLpb+N84w87nM7rKHwKyKlDHKcBjiDMUlqQJnRQkKqaIQJZETmuaS3PF5CqOIWoWO8aighyoOLk8wBYSJjU2ogxIjeompk+KLzkaIOgpFml2FBei97ZieUAz5yt1rhJ4U2TgLn4Xxr9MKelrFTz7TPyiVsBKl2zyuPVs7MF5vtlYOWSM0UUi1gHPlbHzDIwjnwtXq2381b10hOIz0/JgkfHfKlF1SXyXcu7is2lesXtIteO9Kz0zufG8SlPujh4QHEC4Nb3GWsXJ4mXoRaAV8g2EUZPrh4ghnARZfPVozDOPA1Fu4U6hoaIS79RNmAwwbi8iVudBYOEzX0DjQmQyVpsmBRtaCzQXdisC/2s6cJCW16CZyZeF8/PrL/WlKT3vJblmz1TjtzRPxJC169o2iXnuSAaJWPWaV3vkLalPt1jjTy1AUHtHd3XbtMNJLr47zb+urWnodu027ML0+pJt2A5gf+MK44i6vRufTYr2au89Y4TPQ+IxSXkOc1/joP7j6j8z+w7r/mgAvKJBq22pU/+9S5rUOfgDsGbFss3/wMgAAAABJRU5ErkJggg==)
}

.c-aside-call__button--disabled .c-aside-call__button__text {
    color: #adadc0
}

.c-call-user-item-controller,.c-call-user-item-controller__main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-call-user-item-controller__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-call-user-item-controller__btn {
    width: 40px;
    height: 40px;
    display: block;
    background-size: 100%;
    background-position: 50%;
    margin: 6px;
    cursor: pointer;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.c-call-user-item-controller__btn__video--noraml {
    background-image: url(data:image/png;base64,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)
}

.c-call-user-item-controller__btn__video--noraml:hover {
    background-image: url(data:image/png;base64,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)
}

.c-call-user-item-controller__btn__video--close {
    background-image: url(https://zhibo.people.cn/assets/img/item-video-close.f691cff4.png)
}

.c-call-user-item-controller__btn__video--close:hover {
    background-image: url(https://zhibo.people.cn/assets/img/item-video-close-hover.2ef53e84.png)
}

.c-call-user-item-controller__btn__audio--noraml {
    background-image: url(data:image/png;base64,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)
}

.c-call-user-item-controller__btn__audio--noraml:hover {
    background-image: url(data:image/png;base64,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)
}

.c-call-user-item-controller__btn__audio--close {
    background-image: url(https://zhibo.people.cn/assets/img/item-audio-close.66cedcb1.png)
}

.c-call-user-item-controller__btn__audio--close:hover {
    background-image: url(https://zhibo.people.cn/assets/img/item-audio-close-hover.0237ce91.png)
}

.c-call-user-item__container__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2d2c34
}

.c-call-user-item__container__bg--player {
    background: #393842
}

.c-call-user-item__container__bg__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAYAAADG4PRLAAAFUElEQVR4Xu2d6aslNRDFTznujoq474KK2xcFFUHxj/erH1zAFWGYUZEZRUFREdSSo+mhvdNL0vd231TnBB7vwUtuV+rXp5JUd3INKqE9YKGtl/EQwOA3gQAKYHAPBDdfChTA4B4Ibr4UKIDBPRDcfClQAIN7ILj5UqAABvdAcPOlQAEM7oHg5kuBmQDdnb66aGa/ZDbZpJoAZrg5wXsewKMAPjWz7zOabVJFAGfc3IP3WKrqNUEUwAmAA/C62oT4iZn9sInMJi4igCPOmYDHFn8A+NDMfhfAc3tg4PpR4NF0KfAAYCR4Ahgc3tEA3f0mAHdWGAWXmvQUgIcGGlcz5h3adlQIdfe7ALyx1FuVtePMcsgf1cI7hQL3AjAkPAH8LwSEhSeAweG1DjC08rr5Q6uTmGJ4XB+aGdtVVVoEuAgegBcBfGFmf69F0N1vNrM/Sz6/NYBL4b0A4BEA750aYMr8PADgaQDfmtl3AjjsgWPh8VNPBjAlQR4G8GQvGUKFC+BQfrp0kZ6U0Smv+8ijAbr7hfRgmOBuO7A1FMBfAVwDwN9/pc7cl1JZR4X2wxTnQngc86iQflkM0N1vAcCHwk8A4N9DJQRAhrJLAL4emtWl9Bydd3fJWDBS9xRh8yiA7n5rCpOER/VNleoB0qEfmNnPU71I48PLADi4Ly2nhlc0Brr7HQkcJz9M+ueU6gFeMrPLOT1Jdy4T5WPhZvIeWBg2D8e8w2vMhtAUQbqnGqVDQdUAfwPwfsli2N159zKclpQ1lNddfxSgu9+TlgL3lxh7ULdqgJfNjGNfduHCFsDbBW8OrAlvNISmkP9udsfGK1YN8DMzu1raSXd/C8DtGe3Whtc8QL6GV/xCrLu/mfHUfwt4zQP8ysy+yVDS9SppMf3OzPR7K3jNA/zRzD4uBHgvgNcm2mwJr3mAdMBHZvZTDsSkvlcBEOJQ2RqeAKY3mrmUmH1k4u7MFT5bETwBTDC4PetzM2MO9IaSlMeF8DMjy4dzKK+zc3Ad2Moyog+LD0WvALja7S9IWXoms/lcbCwPek54UuBIOCRM/nDRPlXODU8AcyYvlY15h+YohC6AWIPyNAYuAMcmNcFTCC2EWBs8ASwAWCM8AcwEWCs8AcwAWDM8AQywzpu7x7SMqHydJ4BzHhj4f+1hs2+yFHgAMBI8jYHB4QlgD2A05SmVtgN4UmCFuc3SOVfTk5ioYVOz0B0or+kxcA/KaxbgnuA1N4nZG7ymAO4RXjMA9wqvCYB7hjcFkDtx+SLy4xmvR06tPc+6P3Dv8EYBdkTShtTuJAoeblBazgawBXizAHsgeRoFt4dzf0fO5tSu6VkAvr7SgQKld+8W9WcPOegbkfZ58Ahn7vXg4bhzZTuAybiXSs+YHjkBaa5jtfy/CGBPkRwjefgBQfIwhLGyDcClR/MHh5cdQqfuNnfnBh6C5O/Dsj7AhuGdBGBPldyBxZ1Y/cOM1gXYOLyTAuyB5NjIyQ7PZftytdMKBe9fly8aA3MGcHfnbPXC2MbXsc/IOgpK8K67bzWAOZCH6swCFLz/uS0WQMG74Z6PA1DwBoNaKIAPAnhloBuj3yW0g3Xe3FAUByB74u7PpSOCu461DG/VWejcnbN4FtqDOPktXu5+MaWLltoSod2VkvNOt+jQ7Cw0KZEZg2s1fGfsFk6JdI0sgJE61JqtAhicuAAKYHAPBDdfChTA4B4Ibr4UKIDBPRDcfClQAIN7ILj5UqAABvdAcPOlQAEM7oHg5kuBAhjcA8HNlwIFMLgHgpsvBQpgcA8EN18KFMDgHghuvhQogME9ENz8fwAVSUyt/MaDRAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 42px
}

.c-call-user-item__container__bg__img--master {
    background-size: 96px
}

.c-call-user-item__container__bg__img--sip-user {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAe1BMVEUAAAAfHx8fHx8fHx8fHx8fHx8eHh4gICAfHx8fHx8iIiIeHh4gICAgICAfHx8gICAgICAfHx8iIiIgICAiIiIcHBwgICAgICAgICAhISEhISEhISEhISEeHh4kJCQoKCgeHh4fHx84ODg2NjYlJSUzMzMwMDAsLCwpKSn8c+QHAAAAIXRSTlMA/viP4Oy3N/PTPOLEsKqEZ0lDMiIJ0nl3VlUuJyEVEzosBiAKAAADmUlEQVRYw5yU6XasIBCEaVxGx1kzk307PSDw/k9453KMDQ0aTf1JjoYv1UXZYlaf51NRt2UlZVW2dXE6f4o/anusS2Qq6+N2Pen9ucW7QMJ/IfofEvCu9vl9FWpzaBA8CSN5HmBz2CxH7T0IJ+SB+2W470Kin2xS/rUsvn9nvZVIpDkedm+/oB6L2NW8u+JxjvWxI1tLzO0+plmXDin3BTSJ3WWK9VAh4CoBVg8TrIZYy2lNlrYhX+u8ZRp37Yi1jtZdk07siLWWtuMNKUJWvh8wSSti1mt4Xpte9ZofMUoZp/N9ew1ZXyX9X93fvBxGsv7hnQcZa+VXfkh3G6QgOqB+nvduftCNRAgN5Kz19CKNACX1Y49AvugMz2x8oyxw2n5c9hAOQ0eYAa3taM8AN7cdYIfRmLmFckkzQJsf28BeHoZdMX6TWkUww4oHdNmcBthcPOwFZZxYcp/ad4zuKEOT+OJhT2xKko6eK4fRACa29kTx0/WnoYGiToQ0l17BcTQGCSxxbAcaxUDWjndYjZKKkRuTQqdOuGRQibUQ1xKBYFO3SRUzoVkdfaBXcUbgsHzNXR9OCiotz1mcUGa/P6v5egMbJun4RyLxFG1FQ5sB2CbTwRrSZM3Gq6MOYJaSD2SoFjaIzbLmAtaiDWA6A6MkXZy7ZnMCtqLMwUzsjGiU+/CrC69TVHSKWhvX0fVqNGzJj2GhYSVksujpb8jykBsMfjzMJb3914u5pVYMw0AUQVvoFvpVkBV5/yssBfee2GODqSH6CYEwkWw9RgMYcXKw428K/rSPowMjTA5bZxOZgD9lPJB3LgAHxo+6TCjtCRgXQGoQp5waGW83iOID2CdJSx7oOMEPINSzD8ppdO0SzwgTsLiXE4UuxV4ULP9ASY2u0GlBuDadP+l+2S+EN4hs8LQgmiOntgjU7PWz+gIrXXOkbePaLFDidW/upEe9t20GCpYLgqBMUAcKo45y12ObLy7KNhjCDFkhKDVcuI8MYeiBBsolGN1WDXoAcdFkA+2aFZkQFyiV9ggize4NE0rFFfT5gUXHZ2KB9t3RUC1FTNGUhkKQT9AgyFD3fbScU3ddKjTd1GK1VLDu7KO5TdeddaDwMrVLgtxaES1dsbzIiri5vJZQLFle99fqinPUp6zVuwu/1RA6KQv/vhRhJSPcI6upFPEvkcRsKpI8IN+cCEvnktfb10Ni3LlMeC5gnkurD4u+53L0Dyb2IuuWfRvcAAAAAElFTkSuQmCC) #1f1f1f 50% no-repeat;
    background-size: 30%
}

.c-call-mic {
    position: relative;
    height: 20px
}

.c-call-mic__ico {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    margin-bottom: 4px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle
}

.c-call-mic__ico--closed {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABGdBTUEAALGPC/xhBQAAA5BJREFUWAnFlj9oFUEQxvNiYoygGMWAIhavUCMEIYiVFqYQUStBCAgaROsE/FMFy4BlQLARRFCMghFSx0IwNv5BMGCCQbAQQSyCpRbx9+3t7Nu723svLyguzJuZb+ab2d3b23cdHVVjdXX1cykG2FMzFGc79jbz81p8q9GJMR+HO3F2IYsGhqICjIb5ARms1Wp14WHEtQMog4B6uYn7pJr5uUSfXF5hKSsFUNKVtdLod8oLq7CAJ6+wgiHZWndxhKACLsGzv+GvINcUsIpxhV7wq8htJTB+ZIpfTQg5jhxGLiKNpeL0WCb2mNktNcla9jPkDXIuJuDfNz9sgwHSIqIOxVhk53ahqkBjDQ1mjmhw2CW6XpdYINIi1vHd9gonbyGKZybgLSQ+Ue5Rg2l3dcSXPXnE8lJFlOiIpSAAsRmRkW6Ld8kQiLKpyj+CP61YNOZZytnIb21SaMwXb5381zPorM1aQKaRDdYAexQJp9PwnCbhAeIul0h3YYssfMAI7Rykn5C2IqfZzI9WIBwkA5roElm57RTIdbZGay2QJOdmwMaUz3fWxpGJL8lFp98ZAtpdrVNJ9gTcbuMvIW+jWDju7igr4McZEjd6O+6ss3/ZktBzkZ2ZEF8gxc6LHhtVFvZR72/KWNEvgSs+GA5JFBa5z8d1W+UHgdGYjK3OF5CdyADyBNHsXuWZeIAnfDB0xn/oMVuS9HCJbADButmx9kXGY6xou4PE2U5dosXc/+uzmuSpT4JVU6VIP5LaX9vrWeK5rxd894CpuYw9VaydvE6KSfIhj6AmU7EEpr+nLchNH9O//vn4GvJ44wPDgCrNBPSub66KV+CVjS2/+CobntLtNG/Z2Bq0MwHjNNNrbmxF2jqERkpoNdblN6TnzOMaTuQkodIOQNZ3tG7U3xTbn2Q1wNyKfeM7hHX71i0NXP8Fwn5R84Dh0qkdeO8TuiGG6w3stcelSiv2Te4SU6PnStIA34cSpvElU01+IQwj9l4/xXbvscf0KRwmha0PN/vLMM6NuDzxR4jFTsUx2cl7AMIlYhNRcm6rhZOje2EQ6UU+IbNs71e0G8T7MPTXszdDOiaJa4eaD4jNVtzfnO0mdowaLxFbtT7x91Txwg6oMUnJm4vYQWIziA7nWscciROs+ntLAg16kHtI7hmniOTsQE4i+ua0VT7G1vfI7hTnn2A0c5/efhLj622Seg3XW2tdvD/eWBAI7L6MEgAAAABJRU5ErkJggg==)
}

.c-call-mic__ico--zero {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABGdBTUEAALGPC/xhBQAAAx1JREFUWAnNlrtrVEEYxXdjHigiFoaAWqmIIYJNEDttTKMEH1XExx9gEwttbGwUNIV/gJ0R7UwpbmEhQiyiNgkE0WAVECwsRPAB6+/cnW8ye+/M3tmI4MJhvvm+c8489s7c22ikfu12e021gZBAcmvRJ2iBcTAWEjZiKmuCMgMESxslEs1mc5LEpzDpY5PSPrZk1zQsSXssiBsNFEPgJJgGxeDWdhHVSRYqTJdoWgGl4o/qs5J9lg8nWRStYG1IsFxXWxDcxL6EFZusd2Dco47w1bXroaBYHqoT4LqpuwjqUJitJFMJyE2wAJbBTIrn9ykkSEj/SJhTHO6f1fwiLeHairhU911vwKi3BF/pEcDzf5o3gD8MLjvdqYj+l3KIL9FEl67iPNB52BsxUF2nSfVw4CoVwgRYdeTigBHPVZk1GUSzMqmh/aMyI88APUR6mOKbxtjRAgLdCt0Hv9HYz4PULs83tZtlsXRPy2L1UwYxbvTp7McgZtrXDHobsHH++Y4yXRJe15kJl6Dzv6OH2O4snZfTxgsNlDvrCsXBMZJrrwT950HcCRn9FfCPLfE79R2mxSKecv2hmIFeRhK0KsWOeI+rP4zVixyEMUeSkW5XvQiPgxcgaV4xhDznBBIJOtoTFWJdwol7XuXlf6HO8/+rR6+D1DTZEn2Z3Aex0y7Za3CNa+OzOjm/7C1k8AsYLoLU4BpPtUXHVb/2l70DmC7jtq3WsUP4zi4czuFm70Afg2vc3In+/XWYs8penOgOsN1beok2U0t5DpbNIK6SG6b9zf94sFzfTB+v9+gGaX/ieSj0iO2A3cgShBN4FgprYs/FY1yDO755e3lsAjrn9rtrATO/SpzzeTTnuCa9YwFt6F2ko8eQWeuL+LYT6k14BtN119d7aSfxFDjgch9oW3DsA16c3eQWwKjj3KT+xMX1DQaj4CWwN8ob4vMgtmuFoWrgHHgLTCePXakRozsQkhFvp38DXAzzGfEjOPdY9bcMbj6FCY2ASfAA2CoVKzeS79RhJrczZcSKfoAl6isBZ0U51YJcVtj3BLJc+yD9AR/+7P6CW2XrAAAAAElFTkSuQmCC)
}

.c-call-mic__ico--full {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABGdBTUEAALGPC/xhBQAABBFJREFUWAnNV11oVEcUPucmW4P6YmkVVAQNaulLJNkI/oGIb4KIT9HdpCKpUEGqD31RUSKib4J9ElGQbCI+qbQ+ah8K/pFNNFJBCf4UVETE4kOx2TX3+J29O/fOzs7NrmhpB3bPmfN958y5c+fMzCVKazkZeaxYYBP2yMSMFjUAvdFG5fUlCubahERX/zhGToqjCYSgw5ztIuLYyDZq3EC4CWJOsZo0ErKsMnqFsEOetMF7DTwHFBiibHsSzVCrMhVwePVdEWH1diPESeap+KjeLfUpEmolQhSW3yTmyoTXvg5MTDYi8D9V4muV8UxqlICCTSG9X4mRDw9z95IqMRF5Kf6Y9CItjuAClcem4kUQlgbUcrTAnRdcjva9AbbLyCUAHa6DL614Hm2yz9nGbT0OkJfRn/Rng2k6JuwPg8UBhMKv8ftBgQy1bjUEI5FVqDoerwdipmU3KhFm+ZKQdKBismd5dc2LVRbK4yKRrJhFvPw0Z8tq805ir4xuCCk8owSrXcck9lr9xqq+d3f1Nvb6SIb3ETRGr4z1hDR1UIgmhim7lZmh1jdvAKQ+hMlcbdO1zn1B4tdok11nxXJY1jbH6N4ABrQlUq1b2oo3HcAOZuufL4C9vu0RXN2tGTuDmbvl/mzXIenzX6pH9RJuM3Y7AL2ld5sVwIRVCseQVLaQ9Js+FsRVo9sBsMnJUQUKlF2KMGbzw0wHRwa5+06fFNcqnqGvDqnU1hoJIlTYmr9JHmrFYcFoOX9rMJXb5d6cKZocZOLxc7w4Dl6zEnfKvSWTNFlNjwfaqPRriXieUGYAi0u35ZeoyJoVWhPAjIg3UoCO4yppeIz+Anf9llia0LSU8ds7HdWexOl4/1/MO4dp6fbK+Fyh8glftUc+fDOgzL4Cd7xKi+Ham57CaIMr3UofXEPLqpBKt/IyEleKO6DbbzoB3V1d57Q+Ku1AGubam04AjvFZ6Abx9JvmfkwCnnE+3fSfJxDvZeZZsJc9wGL6AuVRHuLu5cb+KRKL8iHWRQYbbAk3zW/sWL4ZeKoEdfhOiu0JmeMtPLH5NVTKNYP0ye1l0eAVy5/GbmRdAgHJzwacqh4P2kfmuyBOGWwaeeo8r/ze4CEFA0ZH7JNGN9K7EeFe0o+n2B+R+BlOhS32Za9P7i7AXRyHn+Dc0sYTAbX+Msgrnkf96PgJaBKXRVpUYRAfG+LsGYMb6U1AwZyML8QyuIxBvtQ+iM9Dajlwnjt/135ay8vtdULBceDzI45+fmS2DHPHM59PagKGrNtvSGWc1LLR2JqTfBXb8sFG23LDBNzBemRsPu4Xnbh25IHhk0ibjODWUZgiHrvAnS8iW3P/dWXYyK06wAusk3ask2oC+oXbdaWRrw+vqwIf6d+0fQAjy1vfDo3o/QAAAABJRU5ErkJggg==);
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 0;
    margin-bottom: -1px
}

.c-call-mic__level {
    position: absolute;
    bottom: 3px;
    left: 4px;
    width: 16px;
    height: 0;
    max-height: 16px;
    overflow: hidden;
    -webkit-transition: height .1s ease;
    transition: height .1s ease
}

.c-call-user-item-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background-image: url(https://zhibo.people.cn/assets/img/item-bottombar.7e30bd9e.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-call-user-item-meta__container {
    position: absolute;
    bottom: 4px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    line-height: 20px
}

.c-call-user-item-meta__nick {
    color: #fff;
    font-size: 14px;
    width: calc(100% - 24px);
    text-align: left
}

.c-call-user-item__net-signal {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 7px
}

.c-call-user-item__net-signal .c-call-user-item__net-signal-item {
    width: 2px;
    background: hsla(0,0%,100%,.4);
    margin-left: 2px
}

.c-call-user-item__net-signal .c-call-user-item__net-signal-item:first-of-type {
    height: 5px;
    margin-left: 0
}

.c-call-user-item__net-signal .c-call-user-item__net-signal-item:nth-of-type(2) {
    height: 8px
}

.c-call-user-item__net-signal .c-call-user-item__net-signal-item:nth-of-type(3) {
    height: 10px
}

.c-call-user-item__net-signal.c-call-user-item__net-signal--good .c-call-user-item__net-signal-item {
    background: #3ac53a
}

.c-call-user-item__net-signal.c-call-user-item__net-signal--bad .c-call-user-item__net-signal-item:first-of-type {
    background: #ca1300
}

.c-call-user-item__net-signal.c-call-user-item__net-signal--ordinary .c-call-user-item__net-signal-item:first-of-type,.c-call-user-item__net-signal.c-call-user-item__net-signal--ordinary .c-call-user-item__net-signal-item:nth-of-type(2) {
    background: #ff9500
}

.c-call-user-item {
    position: relative;
    height: 0;
    padding-top: 56%
}

.c-call-user-item .c-call-user-item__controller {
    display: none
}

.c-call-user-item--show-ctrl .c-call-user-item__controller {
    display: block
}

.c-call-user-item__main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-call-user-item__container {
    width: 100%;
    height: 100%
}

.c-call-user-item__container video {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    top: 0;
    left: 0
}

.c-call-user-list {
    width: 100%;
    height: 100%;
    overflow: auto
}

.c-call-user-list::-webkit-scrollbar {
    width: 6px
}

.c-call-user-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-call-user-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-call-user-list-item {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid rgba(0,0,0,0)
}

.c-call-user-list-item:nth-child(2n) {
    border-left: 1px solid rgba(0,0,0,.6)
}

.c-call-user-list-item--onlyone {
    width: 100%
}

.c-aside-call {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 42px
}

.c-aside-call__body {
    position: relative;
    height: 100%;
    text-align: center;
    color: #adadc0
}

.c-aside-call__body__tips {
    z-index: 1;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 16px;
    text-align: center
}

.c-aside-call__body__tips__inner {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 2px;
    background: #fff4c1;
    vertical-align: top;
    line-height: 20px;
    font-size: 14px;
    color: #333
}

.c-aside-call__body__tips__inner a {
    color: #3082fe;
    text-decoration: none
}

.c-aside-call__body__pending {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    line-height: 25px;
    padding-bottom: 43px
}

.c-aside-call__body__pending__check {
    position: absolute;
    left: 50%;
    bottom: 11px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 16px;
    height: 32px;
    border-radius: 18px;
    background: #3e3e4e;
    color: #e4e4e4;
    font-size: 14px;
    cursor: pointer
}

.c-aside-call__body__pending__icon {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    font-size: 120px!important;
    line-height: normal;
    color: #3e3e4f
}

.c-aside-call__body__pending__icon--connecting {
    background-image: url(https://zhibo.people.cn/assets/img/call-connecting.81687d69.gif)
}

.c-aside-call__body__pending__error {
    font-size: 0
}

.c-aside-call__body__pending__error__icon {
    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAOVBMVEUAAAD/X1//W1v/W1v/XFz/XFz/W1v/XFz/XV3/XFz/XV3/YWH/XV3/W1v/XFz/W1v/////7Oz/iYkZNcKrAAAAD3RSTlMALfXfwdmloY+IHhV8ey9xDHIYAAAA4UlEQVRIx9WVyxKDIAxFJeGp2Ej//2PbhWVEBa515VnnzISQuRkegZqtNkRG21kB1Z5lA/u2Mzo54MZ6fSA5gUKlfNJSQU+n3bNUYXVST9KADsbE0oT3XWnpoHfzkZLli5SEYv7UF2j7H076grjNhAQRRGXBY4LPAmMCFx0BQu4pokJcBYsKdhU0KOTfNqhgVoFQgS4Ll1u6/Oh/xxoFZM6rAaLqy/dO6S17uLHeaVlSY70VJqgh45CWXBkCXWgsY6ZLuBdkeFRmXlAY43F//6DgJws/ivfPbnbi77BHNTyBD8aSTzG97Qg+AAAAAElFTkSuQmCC)
}

.c-aside-call__body__pending__error__text {
    margin-left: 9px;
    color: #ff5b5b;
    font-size: 18px
}

.c-aside-call__hang {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8)
}

.c-aside-call__hang__inner {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #e4e4e4
}

.c-aside-call__hang__text {
    line-height: 30px
}

.c-aside-call__hang__buttons {
    margin-top: 18px;
    font-size: 0
}

.c-aside-call__hang__button {
    display: inline-block;
    vertical-align: top;
    width: 86px;
    height: 30px;
    line-height: 30px;
    border-radius: 16px;
    font-size: 14px;
    border: 1px solid;
    cursor: pointer
}

.c-aside-call__hang__button-yes {
    margin-right: 8px;
    color: #ff5b5b
}

.c-aside-call__stream-list {
    height: 100%;
    overflow: auto
}

.c-call-user-item-meta-low-latency {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background-image: url(https://zhibo.people.cn/assets/img/item-bottombar.7e30bd9e.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-call-user-item-meta-low-latency__container {
    position: absolute;
    bottom: 4px;
    padding: 0 8px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    line-height: 20px
}

.c-call-user-item-meta-low-latency__nick {
    color: #fff;
    font-size: 14px;
    width: calc(100% - 24px);
    text-align: left
}

.c-call-user-item-meta-low-latency__muted-nick {
    display: none;
    position: relative;
    left: 50%;
    top: 50%;
    width: auto;
    max-width: 7em;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: normal;
    text-overflow: clip;
    word-break: break-word
}

.c-call-user-item-meta-low-latency-muted {
    background-color: #35343f;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAvCAYAAADaU1s4AAABBElEQVQ4jYVVQRKEMAwi6v+/XC8mQwgZc9kdpRAaWgNAYNb5futdALgMUBfF84HPwlysCdxAR4GOpak8X49HAPk/gYelj77kBczIzFAlNcNsVlpL2UvaVSNQYEqOAag070BjZ0Y10sr1aMfJ+6iM7RkzZl/WnEuP9lh5vIzsCsy6ZEFmAH/bU6NU6V/XIYDh/gFwExO3wDXyqKy58KhrNsFV0k62HbiU1kQnoLlORndsx5nhBLmEj+C2sVGvA+jSXXePhkJNwQGLwQH1lqi+FHgbgB2hnmsnH+7aW6U14YBxr4yr/MY47h8XXJbPWoOrByx0e3RB+3y4fRyfEx3h6nxjHG28VuVOPo9IV4cAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-size: 10px 100%;
    height: 100%;
    overflow: hidden
}

.c-call-user-item-meta-low-latency-muted .c-call-user-item-meta-low-latency__nick {
    display: none
}

.c-call-user-item-meta-low-latency-muted .c-call-user-item-meta-low-latency__muted-nick {
    color: #fff;
    display: inline-block
}

.c-player--rtc-master .c-call-user-item-meta-low-latency__muted-nick {
    font-size: 24px
}

.c-rtc-player__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-rtc-player__bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-25%,-25%) scale(.5);
    -ms-transform: translate(-25%,-25%) scale(.5);
    transform: translate(-25%,-25%) scale(.5);
    width: 200%;
    height: 200%;
    border: .5px solid #1f1f1f
}

.c-rtc-player__bg__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-player__rtc-player {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.c-player__rtc-player.c-player__rtc-player-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-player__rtc-player:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.c-player__rtc-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (orientation: portrait) {
    .c-player__rtc-player.c-player__rtc-player-fullscreen .c-player__rtc-video {
        z-index:-1
    }
}

.c-player__rtc-player.c-player__rtc-player-fullscreen .c-call-user-item-meta__container {
    padding: 20px 40px
}

.c-player__rtc-player.c-player__rtc-player-fullscreen .c-player__rtc-ctrl {
    right: 50px
}

.c-player__rtc-player__play-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0)
}

.c-player__rtc-player__play-btn>i {
    position: absolute;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    top: 50%;
    left: 50%;
    background-size: 100% 100%;
    background-position: 50%;
    background-image: url(https://zhibo.people.cn/assets/img/cover_play_btn.2bb91d7d.png)
}

.c-player__rtc-player-master .c-player__rtc-player__play-btn i {
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px
}

.c-player_rtc-player-paused {
    z-index: 2
}

.c-aside-call__stream-list {
    text-align: left
}

.c-aside-call__stream-list-item .c-call-user-item__controller {
    display: none
}

.c-aside-call__stream-list-item--show-ctrl .c-call-user-item__controller {
    display: block
}

.c-aside-call__stream-list-item--rtc-audio-only .c-call-user-item-meta-low-latency {
    z-index: 1;
    background-color: rgba(0,0,0,0)
}

.c-aside-call__stream-list-item--rtc-audio-only .c-call-user-item-meta-low-latency__muted-nick {
    display: none
}

.c-aside-call__stream-list-item--rtc-audio-only .c-call-user-item-controller,.c-aside-call__stream-list-item--rtc-audio-only .c-call-user-item__net-signal {
    z-index: 1
}

.c-aside-call__stream-list-item--rtc-sip .c-call-user-item-meta-low-latency {
    z-index: 1;
    background-color: rgba(0,0,0,0)
}

.c-aside-call__stream-list-item--rtc-sip .c-call-user-item-meta-low-latency__muted-nick {
    display: none
}

.c-aside-call__stream-list-item--rtc-sip .c-call-user-item-controller,.c-aside-call__stream-list-item--rtc-sip .c-call-user-item__net-signal {
    z-index: 1
}

.fade-leave-active {
    animation: fade-in .35s reverse
}

.slide-enter-active {
    -webkit-animation: slide-in .2s ease-in-out;
    animation: slide-in .2s ease-in-out
}

.slide-leave-active {
    animation: slide-in .15s ease-in-out reverse
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.c-tooltip {
    display: inline-block;
    position: relative
}

.c-tooltip__panel-wrap {
    z-index: 6;
    position: absolute
}

.c-tooltip__panel {
    position: relative
}

.c-tooltip__panel[placement^=top]:before {
    content: "";
    border: 6px solid rgba(0,0,0,0);
    border-top: 6px solid #e0e0e0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px
}

.c-tooltip__panel[placement^=top]:after {
    content: "";
    border: 6px solid rgba(0,0,0,0);
    border-top: 6px solid #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px
}

.c-tooltip__panel[placement^=bottom]:before {
    content: "";
    border: 6px solid rgba(0,0,0,0);
    border-bottom: 6px solid #e0e0e0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -6px
}

.c-tooltip__panel[placement^=bottom]:after {
    content: "";
    border: 6px solid rgba(0,0,0,0);
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -6px;
    margin-bottom: -1px
}

.c-tooltip__text {
    position: relative;
    margin-bottom: 4px;
    background-color: #edecec;
    font-size: 12px;
    color: #333;
    padding: 10px 16px;
    line-height: 1;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    border-radius: 4px
}

.c-tooltip__text:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    display: block;
    border: 5px solid rgba(0,0,0,0);
    border-top: 6px solid #edecec;
    border-bottom: none
}

.c-tooltip-bg {
    background-color: #fff
}

.c-radio-button-group__list {
    height: 32px;
    border-radius: 2px;
    overflow: hidden
}

.c-radio-button-group__list__item {
    height: 32px;
    display: inline-block;
    width: 80px;
    text-align: center;
    line-height: 32px;
    background: #000;
    color: #e4e4e4;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #3e3e4e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

.c-radio-button-group__list__item label {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.c-radio-button-group__list__item input {
    display: none
}

.c-radio-button-group__list__item--checked {
    background: #ffcc1d;
    color: #141518;
    border: 1px solid rgba(0,0,0,0)
}

.c-lang-button .c-radio-button-group__list__item {
    width: 60px;
    color: #666;
    background: #ededef;
    border: 1px solid rgba(0,0,0,0)
}

.c-lang-button .c-radio-button-group__list__item--checked {
    color: #3082fe;
    background: #fff
}

.c-lang-button--show-track .c-radio-button-group__list__item {
    width: 80px
}

.c-basic-info {
    padding: 20px 0
}

.c-basic-info:after {
    width: 100%;
    height: 1px;
    color: #e7e7e7
}

.c-basic-info__inner {
    position: relative;
    padding-left: 66px;
    width: 76.2%;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-basic-info__avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 1px 1px #e4e4e4;
    box-shadow: 0 0 1px 1px #e4e4e4
}

.c-basic-info__title {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 160px
}

.c-basic-info__title--unstart {
    padding-right: 90px
}

.c-basic-info__title--no-delay {
    padding-right: 158px
}

.c-basic-info__title__frags {
    width: 80px
}

.c-basic-info__title__frags--unstart {
    width: 90px
}

.c-basic-info__title__frags--no-delay {
    width: 158px
}

.c-basic-info__title__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 1px;
    max-width: 100%;
    line-height: 22px;
    font-size: 20px;
    color: #212223
}

.c-basic-info__title__tag {
    position: relative;
    vertical-align: top;
    float: right;
    border-radius: 4px
}

.c-basic-info__title__low-latency {
    float: right;
    position: relative;
    top: -2px;
    width: 68px;
    height: 22px;
    background-image: url(https://zhibo.people.cn/assets/img/low-latency-bg.75f8f300.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-left: 13px
}

.c-basic-info__author {
    position: absolute;
    bottom: -2px;
    color: #fff
}

.c-basic-info__meta {
    position: absolute;
    right: 20px;
    bottom: -8px
}

.c-basic-info__meta__icon-share,.c-basic-info__meta__icon-view {
    width: 32px;
    height: 32px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 20px!important
}

.c-basic-info__meta__icon-share--white {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA+tJREFUWEfFV09oXEUY/33zIkRYxYMBwWJm3osQMGB7kPaQgwcPEXqoNB4KFXPwoAfR0l6FCAqCEXsQmoMHS3uoWLGi0BwEPeRQqdAKERR3ZyZxcwhB0GaTbtK388m8vLd9eezmPTeFvssuzMz3+32/7898Q3jIH1XFV0qNMtEJAiYBHAboEJjhCKeXtf66qp3ivlICUsqjoGCWCC8BGCoYiNl1pq213z5wAlLKYQjxKYHeSIFjBl+FowUid2Nra6u5tra2OShwdq6nAlJKSSL4DsAEmNsONBcQz2mt/z0oYGkIEnASP4JIAqiD3XFjzB8PGrinAl52InELROMAFlsbd15eX19v/V9wFUbr7Pgza/X7ZWf3hECG0QUC3vSetzbuHBkE3AOqMGL/y+wWwHzKWvtPPyJdAkqp50Hito85wMeMMb+Wse+3nhFI1pltpxMfX1lZ+a3X/i4BGUbfEHCCHZ+3Vp8ZFDyvQNcGc5uZZqxtfNkzCdOsN6n30hizVkZASjlOQnwMkO8Pw2X7fViNbjzbk4BS6ixIzIH5sjH6tTJju+DBTQC1sr3p+tK9ne2pZrO52luBrvydGWvtxTKjWbjA/P3OzvbM6urq3/kz+RzwibjZar3aL6GTHFBh9CeAsU58b6JfshQANrz3O9vtJ4vge6oAPG+1fhtAvG8VqDC66+MYCBqu1+vbZQpkHhrd6NlJVRj95djNLxvzYdHWaBieJOfi7P7IFEjqtp/BopEyAvs5kDo7ZHTjEb8vI5AosLXZqlW5YAYlkHRaEdwFuG20fjRPIMkBsBuv0vcHJfDM2NhzgeOlfEnuKqDCr0A0za5aFQxKQMrodRL4gsHXrNavdBWQMnyHBJ1n8BWr9amDJmHfFq3CSyA67didWzbmk/shUGoUJOpJ63adkf0uj7TMbvpxzBj9QhnZbF1K+RSJwCRdk53vtstdAv6PVNF1IkyB8YExjfeqGq66T4ahn67ezcu/l4CUR0kEi2COAT5cJRmrgqc37Y3Ue2+7e9MW5oHwAoEOPA/kiY2MjNRqjz1+y1cZO563Vr+VX99LYLdO/SUzcZCJKANIwa8DmGTm38HuiLW23ZfAbkmqUQb9RPdnwulBhpP0xvSD7RgzWwK/mCXevgQyEgAtJLNhMkxgnog/qjgnPEEUnAXhXDonLKWDbZL1xa/vwyT3LvA54UcrL91VZveDGxr6RcRxw8uZyFyrPc0sjkFgioDp7jvC8eeAO1OUvVSB/AafwUxi1o9rFbM+9iTBPGut/bnsTOnTLNdIJBOdJKJJAvkkPZRK7IfYJhi3mbFIxNd6xbofkcoEyjwZdP2hE/gPapr7MHYNlTAAAAAASUVORK5CYII=)
}

.c-basic-info__meta__item {
    float: left;
    width: 120px;
    line-height: 32px;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-basic-info__meta__item__text {
    display: inline-block;
    margin-left: 8px;
    font-size: 20px;
    color: #212223
}

.c-basic-info__meta__item-lang {
    padding: 0
}

.c-basic-info__meta__item-ccb-pageview,.c-basic-info__meta__item-ccb-pageview>span {
    color: #fff
}

.c-basic-info__meta__item-ccb-pageview i {
    color: #fff;
    font-size: 20px;
    vertical-align: bottom;
    margin-right: 6px
}

.c-basic-info__meta__study-time-pageview {
    width: 200px;
    color: #fff
}

.c-basic-info__meta__study-time-pageview>span {
    color: #fff;
    line-height: 20px
}

.c-basic-info__meta__study-time-pageview i {
    color: #fff;
    font-size: 20px;
    vertical-align: sub;
    margin-right: 6px
}

.c-basic-info__meta__item-ccb-lang,.c-basic-info__meta__item-track {
    width: auto
}

.c-basic-info__meta__item__share {
    position: relative;
    color: #fff;
    top: -14px
}

.c-basic-info__meta__item__share:hover .c-basic-info__meta__item__share__wrap {
    display: block
}

.c-basic-info__meta__item__share:hover .c-basic-info__meta__icon-share--white {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABBlJREFUWEfFV0FoHFUY/v432XSzkwaLtggKRlBUiLA9iD3kMDuzhxZUFOOhULGCh3oQLe1VtKDgIaU9CO1FUPSgqBgh0Bx2Zt4hoNJClFaoqDRiK5gqEbuTrsm+98ubzqy762xm3AScyxze//7v+7//f//7H+F//qgo/k3XvYeJnmTmaQBVEN1t9hLRoUqj8WlRP/12uQTWarVHWYjXAdQBjPQ4YG6DecYOw8+3ncAVxynvEeIUiF6IgZnbTPQJgIURrb/8k/naHimbwwKn+zIVMHIrYJ6IpsDcAjC7rvXJXVL+sVXA3BQYcA1IEE2C+Qel9eMTUl7ebuBMBYzsu4VYIqIHofVixHxgGJmbrnudgLftIDiRR7wnBVG9fgbMR0zkkdZ7hwE3gJHnsfkzsLCh1MHNUtchsOo41VHLWjI5LzHvGw3Db/LYD1pPCcTrzMsjzI/tCMNvs+w7BCLP+wyAOeenx4Pg6LDg3Qp0+WgRcLji+x9lFuGq40yOWtYVE32FaJJ8/9c8Aq1a7QElxGzSH8p59iatdhDcn0lgzfOOMTBLzB9UguDZPGcJ+AUA43m2t7LAl/7S+sDtUl7NJNCRHzg87vvv5TlN7cE8r7R+fkLK37r39NSA1gsR8zODCjqugch1vwfRfVqph3dKeakAgRsm+gpwB/n+7/32HQLMZytav0RStgf5vEXA824CKK8oNXavlKbzbfqlALbvZ3bSyHV/BnDWDoI3+x2t1etPM9C2G434/kgJxOd2kMNBERa170uPCXbE9v1SN4FYgUipnUWaT54Cg+SLLzjLMlgt2/fH/iGQ1IBS6qEifX9YAjccZ0pY1sXuI5mm4GMAM1z8FPynlKWKND3vOQLeBfOcHQRPdRRY87yXGThNzB9WguDgVotw0P6m571PwCECjld8/2SHQNwJhTBHEetK7c679yPPO58U7SN5ZDvRO86dZLotUBbMk2NB8FOHQHIUzwHYD+Y37CB4tajjonZN1z1FRK8AmLN9P5a/h0A8+xEtgqhtaV0th+F3RZ3n2SU37Rcm+pLW1e6btncecN0zINryPNBNaMVxxm0hlkynBbNpTi92r/cQSAbR8zCzILAYKTXURJQCxOCWZVI7zcyXr2u9t7/T/quVJgUZpjMhM8+MDzGcxDcm0XwS+fK61rVdUi73pyuzlxsSJSHOxbMh0GIjHdFbReaEVce5bVSIYyA6bnIO4OK6Uk9kgfcUYT+zrnfBkWStxYB5FzRKWl/4hflHI6eReYLoLhZiHzPvZ6KZ5B2xAeCdFa2PbnbB5b6Mmo5TJct6zYxredUerzNvgKhBWp+ohOFXeXtyCaQOTFp2WJa5SqfBPJW8DY3ELTBfBdHXBCwS81zaZPLAN01Bkc3bYVNYge0Ay/LxNymGAz8zjqIbAAAAAElFTkSuQmCC)
}

.c-basic-info__meta__item__share:hover .c-basic-info__meta__item__text {
    color: #f54343
}

.c-basic-info__meta__item__share__wrap {
    z-index: 1;
    display: none;
    top: 28px
}

.c-basic-info__meta__item__share__wrap,.c-basic-info__meta__item__share__wrap:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.c-basic-info__meta__item__share__wrap:after {
    content: "";
    border: 6px solid rgba(0,0,0,0);
    border-bottom: 6px solid #fff;
    bottom: 100%;
    margin-left: -6px;
    margin-bottom: -1px
}

.c-basic-info__inner--meeting {
    margin-left: auto;
    margin-right: auto
}

.c-multi-meetings {
    color: #212223;
    position: relative
}

.c-multi-meetings__inner {
    width: 76.2%
}

.c-multi-meetings__main {
    padding-bottom: 32px
}

.c-multi-meetings__controls__inner {
    height: 24px;
    line-height: 24px;
    position: relative;
    padding-bottom: 16px
}

.c-multi-meetings__prompt {
    margin-right: 10px;
    font-size: 18px
}

.c-multi-meetings__pageinfo {
    font-size: 14px;
    vertical-align: bottom
}

.c-multi-meetings__pagination {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    height: 12px;
    color: #000
}

.c-multi-meetings__pagination i:last-child:before {
    margin-left: 2px
}

.c-multi-meetings__pagination__item {
    display: inline-block;
    margin-left: 16px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.3);
    font-size: 12px;
    text-align: center;
    cursor: pointer
}

.c-multi-meetings__pagination__item:not(.c-multi-meetings__pagination__item--disabled):active,.c-multi-meetings__pagination__item:not(.c-multi-meetings__pagination__item--disabled):hover {
    background: hsla(0,0%,100%,.5)
}

.iconfont-pc.c-multi-meetings__pagination__item {
    font-size: 12px
}

.c-multi-meetings__pagination__item--disabled {
    background: hsla(0,0%,100%,.1);
    cursor: not-allowed
}

.c-multi-meetings__main__inner {
    margin-left: -24px;
    overflow: hidden
}

.c-multi-meetings__list {
    position: relative;
    -webkit-transition: left .5s ease 0s;
    transition: left .5s ease 0s
}

.c-multi-meetings__group,.c-multi-meetings__room {
    float: left
}

.c-multi-meetings__room__wrap {
    padding-left: 24px
}

.c-multi-meetings__room__outter {
    width: 100%;
    height: 0;
    padding-top: 80%;
    position: relative;
    border-radius: 2px
}

.c-multi-meetings__room__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    color: #fff
}

.c-multi-meetings__room__inner img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.c-multi-meetings__room__inner:hover .c-multi-meetings__room__name {
    color: #fe8585
}

.c-multi-meetings__room__status {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    padding: 0 4px;
    font-size: 12px;
    background: linear-gradient(152deg,#abafc0,#73778c)
}

.c-multi-meetings__room__status--ongoing {
    background: linear-gradient(150deg,#f06e6e,#e63a3a)
}

.c-multi-meetings__room__status--replaying {
    background: linear-gradient(152deg,#5ba3ff,#3082fe)
}

.c-multi-meetings__room__name {
    position: absolute;
    height: 32px;
    width: 100%;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 2px 2px;
    padding: 0 8px;
    line-height: 32px;
    font-size: 14px;
    color: #212223
}

.c-multi-meetings__room__name--live {
    color: #fe8585
}

.meetings__room__img img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.c-multi-meetings__room__img {
    padding: 6px
}

.c-multi-meetings__room--cur .c-multi-meetings__room__img {
    position: relative;
    padding: 6px;
    border-radius: 6px
}

.c-multi-meetings__room--cur .c-multi-meetings__room__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #f54343;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px
}

@media (max-width: 1280px) {
    .c-multi-meetings__main__inner {
        margin-left:-10px
    }

    .c-multi-meetings__room__wrap {
        padding-left: 10px
    }
}

.c-textarea[data-v-f2f96d96] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    border: none;
    resize: none;
    background: rgba(0,0,0,0);
    margin: 8px 0;
    padding: 0 8px;
    line-height: 1.6;
    min-height: 17px;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: top
}

.c-textarea[data-v-f2f96d96]::-webkit-scrollbar {
    width: 6px
}

.c-textarea[data-v-f2f96d96]::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-textarea[data-v-f2f96d96]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-textarea[data-v-f2f96d96]::-webkit-scrollbar {
    width: 4px
}

.c-textarea__wrap[data-v-f2f96d96] {
    display: inline-block;
    width: 100%;
    min-height: 40px
}

.c-textarea[data-v-f2f96d96]::-webkit-input-placeholder {
    color: #adadc0
}

.c-textarea[data-v-f2f96d96]::-moz-placeholder {
    color: #adadc0
}

.c-textarea[data-v-f2f96d96]:-ms-input-placeholder {
    color: #adadc0
}

.c-textarea[data-v-f2f96d96]::-ms-input-placeholder {
    color: #adadc0
}

.c-textarea[data-v-f2f96d96]::placeholder {
    color: #adadc0
}

.c-textarea[data-v-f2f96d96]:disabled::-webkit-input-placeholder {
    color: rgba(173,173,192,.5)
}

.c-textarea[data-v-f2f96d96]:disabled::-moz-placeholder {
    color: rgba(173,173,192,.5)
}

.c-textarea[data-v-f2f96d96]:disabled:-ms-input-placeholder {
    color: rgba(173,173,192,.5)
}

.c-textarea[data-v-f2f96d96]:disabled::-ms-input-placeholder {
    color: rgba(173,173,192,.5)
}

.c-textarea[data-v-f2f96d96]:disabled,.c-textarea[data-v-f2f96d96]:disabled::placeholder {
    color: rgba(173,173,192,.5)
}

.c-image-emotion[data-v-06f8e3b6] {
    height: 100%
}

.c-image-emotion .c-image-emotion-panel[data-v-06f8e3b6] {
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(auto-fill,64px);
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 12px
}

.c-image-emotion .c-image-emotion-panel__item[data-v-06f8e3b6] {
    width: 64px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.c-image-emotion .c-image-emotion-panel__item .c-image-emotion-panel__item__icon[data-v-06f8e3b6] {
    display: block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 4px auto
}

.c-image-emotion .c-image-emotion-panel__item .c-image-emotion-panel__item__icon[data-v-06f8e3b6]:hover {
    background-color: #3e3e4e
}

.c-image-emotion .c-image-emotion-panel__item .c-image-emotion-panel__item__title[data-v-06f8e3b6] {
    font-size: 12px;
    color: #adadc0
}

.c-image-emotion .c-image-emotion-panel__item[data-v-06f8e3b6]:last-child {
    padding-bottom: 10px
}

.c-donate {
    height: 232px;
    overflow: visible;
    position: relative
}

.c-donate,.c-donate__good-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-donate__good-list {
    height: 212px;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    grid-template-columns: repeat(auto-fill,70px);
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.c-donate__good-list::-webkit-scrollbar {
    width: 6px
}

.c-donate__good-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-donate__good-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-donate__hover-panel {
    z-index: 1;
    position: absolute;
    top: -200px;
    left: 0;
    width: 200px;
    padding-bottom: 24px;
    background: #fff;
    -webkit-box-shadow: 0 8px 30px 0 rgba(37,43,58,.08);
    box-shadow: 0 8px 30px 0 rgba(37,43,58,.08);
    border: 1px solid #eceef1;
    border-radius: 2px
}

.c-donate__hover-panel .c-donate__hover-panel__border-bottom {
    position: absolute;
    height: 10px;
    width: 36px;
    left: 100px;
    margin-left: -18px;
    bottom: -10px;
    background: rgba(0,0,0,0)
}

.c-donate__hover-panel__triangle {
    position: absolute;
    bottom: -10px;
    border-top: 10px solid #fff;
    border-left: 10px solid rgba(0,0,0,0);
    border-right: 10px solid rgba(0,0,0,0)
}

.c-donate__good-item {
    width: 70px;
    height: 96px;
    text-align: center;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0);
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.c-donate__good-item--selected,.c-donate__good-item:hover {
    background: #3e3e4e;
    border: 1px solid #adadc0;
    border-radius: 2px
}

.c-donate__good-item .c-donate__good-img {
    margin: 6px 11px 4px;
    width: 48px;
    height: 48px
}

.c-donate__good-item .c-donate__good-name {
    color: #fff;
    font-size: 13px;
    margin: 4px 0
}

.c-donate__good-item .c-donate__good-price {
    color: #adadc0;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: scale(.83);
    -ms-transform: scale(.83);
    transform: scale(.83)
}

.c-donate__good-img__cash {
    display: inline-block;
    background-image: url(https://zhibo.people.cn/assets/img/redpack-cash.ea2c8880.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-donate__hover-panel__good-info {
    margin: 24px auto 16px;
    padding: 0 32px
}

.c-donate__hover-panel__good-info__img {
    display: inline-block;
    width: 56px;
    height: 56px;
    margin-right: 16px;
    vertical-align: top
}

.c-donate__hover-panel__good-info__img--cash {
    background-image: url(https://zhibo.people.cn/assets/img/redpack-cash.ea2c8880.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-donate__hover-panel__good-info__meta {
    display: inline-block
}

.c-donate__hover-panel__good-info__meta .c-donate__hover-panel__good-info__name {
    font-size: 16px;
    color: #333;
    margin-top: 10px
}

.c-donate__hover-panel__good-info__meta .c-donate__hover-panel__good-info__price {
    font-size: 12px;
    color: #ff5353;
    margin-top: 8px;
    max-width: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-donate__hover-panel__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    font-size: 16px;
    color: #546e7a;
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

.c-donate__hover-panel__good-choice__cash-wrap {
    margin: 0 22px
}

.c-donate__hover-panel__good-choice__good-wrap {
    margin: 0 28px
}

.c-donate__hover-panel__good-choice {
    border: 1px solid #eceef1;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    padding: 0 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.c-donate__hover-panel__good-choice__cash {
    width: 48px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin: 3px 2px
}

.c-donate__hover-panel__good-choice__good {
    width: 40px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin: 4px
}

.c-donate__hover-panel__good-choice--selected,.c-donate__hover-panel__good-choice:hover {
    border: 1px solid #ff5353;
    color: #ff5353
}

.c-donate__hover-panel__points {
    color: #333;
    font-size: 12px;
    text-align: center;
    margin-top: 8px
}

.c-donate__hover-panel__points span {
    color: #ff5722
}

.c-donate__hover-panel__custom-wrap {
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-top: 4px;
    padding: 0 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-donate__hover-panel__custom-wrap div {
    display: inline-block
}

.c-donate__hover-panel__custom-input-wrap {
    position: relative
}

.c-donate__hover-panel__custom-input-wrap input {
    width: 72px;
    height: 24px;
    border: 1px solid #eceef1;
    border-radius: 2px;
    padding-left: 2px;
    padding-right: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.c-donate__hover-panel__custom-input-wrap span {
    position: absolute;
    top: 0;
    right: 4px;
    line-height: 24px
}

.c-donate__hover-panel__custom__rand-btn {
    color: #2196f3;
    margin-left: 4px;
    cursor: pointer
}

.c-donate__hover-panel__btn {
    display: block;
    margin: 16px auto 0;
    width: 152px;
    height: 32px;
    border: none;
    outline: none;
    border-radius: 2px;
    background-color: #ff5353;
    color: #fff;
    cursor: pointer
}

@media (max-width: 1280px) {
    .c-donate__good-item {
        width:70px
    }
}

.c-chat__img__sender {
    position: relative
}

.c-chat__img__sender__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.c-input-controller-btn {
    position: relative;
    width: 64px;
    height: 32px;
    line-height: 32px;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 14px
}

.c-input-controller-btn,.c-input-controller-btn:active,.c-input-controller-btn:hover {
    color: #fff;
    background: #3082fe
}

.c-input-controller-btn:disabled {
    background: #2b2c35;
    color: hsla(0,0%,100%,.5);
    cursor: default
}

.c-input-controller-btn:hover .c-input-controller-btn__tips {
    display: inline-block
}

.c-input-controller-btn__tips {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 3px 8px;
    background: #edecec;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap
}

.c-chat-ico-tooltip__wrap {
    position: relative;
    display: inline-block;
    line-height: 1
}

.c-chat-ico-tooltip {
    position: absolute;
    bottom: 100%;
    margin-bottom: 16px;
    right: 0;
    margin-right: 0;
    padding: 6px 16px;
    background: #3082fe;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.c-chat-ico-tooltip button {
    background: rgba(0,0,0,0);
    color: #fff;
    margin-left: 4px;
    width: 15px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top
}

.c-chat-ico-tooltip button i {
    font-size: 15px
}

.c-chat-ico-tooltip--mob {
    padding: 9px 16px;
    font-size: 16px;
    line-height: 22px
}

.c-chat-ico-tooltip--mob button {
    margin-top: -1px;
    width: 24px;
    height: 23px
}

.c-chat-ico-tooltip--mob button i {
    font-size: 22px
}

.c-chat-ico-tooltip .c-chat-ico-tooltip__arrow {
    border: 6px solid rgba(0,0,0,0);
    border-top: 9px solid #3082fe;
    position: absolute;
    top: 100%;
    right: 0;
    margin-left: -6px;
    margin-top: -1px
}

.c-paste-input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    border: none;
    outline: none;
    resize: none;
    background: rgba(0,0,0,0);
    margin: 5px 0;
    padding: 0 8px;
    line-height: 1.6;
    min-height: 17px;
    overflow-x: hidden
}

.c-paste-input img {
    width: 48px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.c-paste-input::-webkit-scrollbar {
    width: 6px
}

.c-paste-input::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-paste-input::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-paste-input::-webkit-scrollbar {
    width: 4px
}

.c-paste-input__wrap {
    display: inline-block;
    width: 100%;
    min-height: 40px;
    vertical-align: top
}

.c-paste-input__placeholder:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    color: #adadc0
}

.c-paste-input__placeholder:focus:empty:before {
    content: none
}

.c-paste-input--disabled:empty:before {
    color: rgba(173,173,192,.5)
}

.c-input-controller-contain[data-v-62e8939f] {
    position: relative;
    min-height: 50px
}

.c-input-controller-contain__left[data-v-62e8939f],.c-input-controller-contain__right[data-v-62e8939f] {
    height: 100%;
    width: 8px;
    background-color: #36373d;
    top: 0;
    position: absolute
}

.c-input-controller-contain__left[data-v-62e8939f] {
    left: -8px
}

.c-input-controller-contain__right[data-v-62e8939f] {
    right: -8px
}

.c-input-controller_review[data-v-62e8939f] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 5px 12px;
    background-color: #36373d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2px
}

.c-input-controller_review .c-input-controller_review--content[data-v-62e8939f],.c-input-controller_review .c-input-controller_review--name[data-v-62e8939f] {
    color: #adadc0;
    padding-bottom: 5px;
    padding-right: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c-input-controller_review .c-input-controller_review--content img[data-v-62e8939f],.c-input-controller_review .c-input-controller_review--name img[data-v-62e8939f] {
    width: auto;
    height: auto;
    max-width: 100%;
    min-height: 25px;
    min-width: 44px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.c-input-controller_review .c-input-controller_review--icon[data-v-62e8939f] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5%;
    cursor: pointer
}

.pws-chat-reply-text-color[data-v-62e8939f] {
    color: #adadc0
}

.c-input-controller {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    width: 100%;
    color: #e4e4e4;
    background: #3e3e4e
}

.c-input-controller--hidePT {
    padding-top: 0
}

.c-input-controler--disabled {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 112px;
    font-size: 14px;
    background: #202127
}

.c-input-controler--disabled__header {
    padding-left: 16px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: #3e3e4e
}

.c-input-controler--disabled__tips {
    line-height: 76px;
    text-align: center;
    color: #adadc0
}

.c-input-controller__tool__wrap {
    margin-bottom: -2px;
    height: 20px
}

.c-input-controller__tools {
    display: inline-block
}

.c-input-controller__tool {
    display: inline-block;
    position: relative;
    font-size: 20px!important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.c-input-controller__tool:hover {
    color: #3082fe;
    cursor: pointer
}

.c-input-controller__tool--disabled {
    opacity: .5
}

.c-input-controller__tool--disabled:hover {
    color: inherit;
    cursor: default
}

.c-input-controller__tool--dotted:after {
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: -4px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #f24453;
    content: ""
}

.c-input-controller__tool-span {
    margin-right: 12px
}

.c-input-controller__input__block {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-input-controller__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 13px 10px;
    height: 40px;
    color: #fff;
    background: #1a1b1f
}

.c-input-controller__input__wrap {
    position: relative;
    padding-right: 60px
}

.c-input-controller__input__inner__wrap {
    background: #202127
}

.c-input-controller__input__inner__wrap .p-msg-textarea {
    margin: 5px 0
}

.c-input-controller__input__inner__wrap .p-msg-showPlaceholder:focus::-webkit-input-placeholder {
    opacity: 0
}

.c-input-controller__input__inner__wrap .p-msg-showPlaceholder:focus::-moz-placeholder {
    opacity: 0
}

.c-input-controller__input__inner__wrap .p-msg-showPlaceholder:focus:-ms-input-placeholder {
    opacity: 0
}

.c-input-controller__input__inner__wrap .p-msg-showPlaceholder:focus::-ms-input-placeholder {
    opacity: 0
}

.c-input-controller__input__inner__wrap .p-msg-showPlaceholder:focus::placeholder {
    opacity: 0
}

.c-input-controller__input__inner__wrap--disabled {
    background: rgba(32,33,39,.9)
}

.c-input-controller__msg_input {
    width: 100%
}

.c-input-controller__input__btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 60px;
    height: 32px
}

.c-input-controller__input__len {
    display: block;
    position: absolute;
    right: 0;
    width: 60px;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    text-align: center;
    color: #adadc0
}

.c-input-controller__switch__wrap {
    float: right;
    padding: 3px 0;
    color: #e4e4e4
}

.c-intr-panel__wrap {
    position: absolute;
    bottom: 76px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 6px;
    width: 100%;
    background-color: #2b2c35
}

.c-intr-panel__wrap::-webkit-scrollbar {
    width: 6px
}

.c-intr-panel__wrap::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-intr-panel__wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-intr-emotion__wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.c-intr-emotion__wrap-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 12px;
    height: 36px;
    line-height: 36px;
    background: #3e3e4e;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-intr-emotion__wrap-tabs .c-intr-emotion__tab__face {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF/7BY/7BP/6FU/59T/7NT/7JO/6xP/qRG/6M6/6VA/50z/64x/5gr/qMo/qEe/Zog/7hh/79a/pkT/pQH/ZQJ/8NW/pMG/5Ma/ZgW/44G/Y8C/7Bk/pAK/7Rh/6BT/7Bd/5pU/5dV/7ZW/6RT/6xO/5NO/7Ne/6lk/75W/71a/pEH/5Nb/7pP/6hb/5pM/6dg/5Ze/7Jh/5Zc/4lW/o9A/3ZSAAAAmUssgC0XsoJT/6wkmlc95qV4uGYwsFwp0pd6vZRS0rBz7cZrz6ZYtFo40pd38rGB5JJiso1kXyYY2pxQ6MKCeUYnwIBJMgAA2bmP+saO2KmL9Ztzr1VF/7Ny/6EStlQx6LNmnjseiyMNTBkN97uNiVIyjmA2fkExUxgRg0AryHVS/8KK/6GD0oZQo0kh/+qVQA0EbzsitHBKYSAZ+85s/shn/9qw/5x//9Z3/7hx/8ys/89w/8J8/9iL/7Ao/6ke/58S/pIEZTEcm3BQRhIJql5C/9aX/+Cc/6eD/8yh/9Si/7yS/tR//7aR/6B9/6+K/6+E/7qc//bb/8x9/7cylzIW/9uf/9CP/8yK/+Kk/9+U/927/7h6/6GH/8xc/8Np/+i9/6+S/sRL/r1B/5cFgBYC/sOV/9+p/6N6/6d5/7N3/+vE/+rK/5V8/5p7/6eN/8xn//Xa/8xZ/8lQ/9FO/86X/9Zv/6x5/9Sr/5uF//TT/8dx/8Se/+20/+Oy/+O4/9FY/9NR/8hJ/8JD/7w7/8tU/q4r/7yF/tx//9Vn/9Vj/9Rd/9Jf//vw/9JV/rY3/pwS/+mp/9Nq//DE/9lz/5WB/5F+/79y/81O/89T/rc6/q8t/9t5dwsAPAkB/8VQ/+ee/9Fl/+ii/9lr/+WS/85g/+aY/r9G/9dZ/9RO/9dU/8ZU/+ON//LI//TW//ff//nn/+24/9hQ/qYf//C+/+B8/+CA/9db/+uu/9ZY/+GE/9xw/91z/9VU/953/9ll/9he/9xt//PO/9ZW/+KI/9po/9VR/9ZM/9lhHIPRkwAAADd0Uk5T+em8vNry2rCvu43+VN7xjqHi5Nuk+Pkojytta878/K9qTOKi41O7TvHbUw/7jI1VKIwkERYIAO3MwXcAAAY6SURBVEjH3dZ3VFNXHAdwj3vvvRBlKbKE8E/3cm+te6OyRFsQZQkqKMpQKCKCLK2DFVAggi1NQjCtYaYSIYQgAYImNYTshJiE/u6LYgI42v/a7zkJ572cD7/77rvv9+4A53+ZAf95iLO3nGUxZ47FLEt73MdDR7vxC6eUyIqzs4tlJVMWjrdz/Cho7zCBztfpOFp9+Hw+fYKD/Qehk4OVVqfTytQiUbNQKGwWqdUyLb/FysHp/dBuoQxqqUVCpbJbH6VS2KzW8mUL7d4DcQ6tiDULld0KhUajYbE0GoUCsBBoqwPuXdDahKrjyESgNBqVSqKPSsXSKLqVzWo+1cS6f2htodVp1UKlQsNSSaRSuVwugI9cKsGoUKSVWVj3B3Em4ERCKKcCJRB06CMALVWxoChIE1w/0IaOOQ1Uk4MSi19hEYNFVTUKpYhPtekLLVvROMEhBqqtra2xsRG+kQWql62WvaHTfJiX1w4xQE1YAAPFZLdQzZ/v1AvaFHNkzd0KlVxAIokbD4Oq1wfs4TYSqUOAyRaZjTFcYgUXqFSopN/sdvN32/1VfUNDw2MU+LsqwM3ff9eXFVIWGqzVEiOICsJAPXcHPkUJDADWqc/yHdgp19VfS9Fg35TUQ0e4QhFFQdsVuMMtyD3I3/VpQCGExyvkLXd1XfGJu/u+vYGrPVWo5HxHA2iXpZOJSllr9noE3bh86dTOXa6B615iWbfDdc/SnFOXiPs99rpX0EqFLSV2BnABh0MtY17d5xEUBy44JsV/bQC3vLycyw1Yu2Jnakx0zmVikMe+fDyZom5Z8BbiBuuKi9h3q/dv2kgkrs+JTiV8t2cDtwtlw54vCIQzp1POEjdu2l/tTSsV8QfjeqD9Yh216O7VH3LT0kPCw1LOpBIIXje77re3t9//+acHD7xOp4SdDwlJy43L92RSWhbb90DTOg6VfaR6c/q5o0ddzp89nUdI4Ha1Z1x8fjGjvevmg7yCsDtX7h09l36jOp9JkbWa9sB5NQBRwdu3Ku9duVaQ9+Am937G8xcvXjzPgJo/Xrh25V5l5S0k75ap6fN64MAaThH76ub027eqqir1sKsd3COQ7QjeuVdZVVV1Ow1BEX1gD5xbk90HQsFHjx71gUfKRDVzDSCq+Hqod8LeAW/dxoZqCAfVYJNzIzftnEsITI5XgtFQ8wqwazx6DqYVDXWQ0eSU3c2vjssNDz9/tuAMIaG86/7FN5OT4HX6wrU7Li4huXFoVg0nx7ROV0xheub7+BCJB3LgNvLK396O8gSvvIKzYefDw+N88r3hPtaZGi4AraiU5h0REQErLjqms/AlSGwBdHHLEwipZ3JSDhCJPhHeaLEaLADcUPQ0kvHHQkOPH48NBsgDia05bvlLXmdq9KmcS5cjIo7hybDkhuKMFrlMqGBV1JLEbbFNDY8xCWscPi95hZ2PY4Jjjx8PPVYBj7LRInc2r9Oh51giJ4lfNTbVN+TsTAWKwiOkpMQ01DfFvhKTaiUsaB515oYPstnrziHvELc1NgV/u/3TTvQc8woLc7ZFrW9ogo7VUStVKbqb+WaGD7KzbTbWOiRSQQd0uNhtjC3R+tbx+CAjeVU9cgK5RKMQqottjZvVEF0xlGQhKX51eA0jeVk0aljBS6MYh2Ib21BrlaBm1TLEuFk529I5VCTxMEEd4tAoxvaDxMuXDiyLYiRvBUaqrUAzQ5HRbXs3ZDNONrWIUkpGtLZj63ZGctSWLduSGckHYVZqK/AscimFQtWa9W7IzuaLs2voRUVlpWQaHuzWQ8kMlKiVtccq8HgaubSMUkTPXmze96Vjm/iwJqskMzOezWQyaXjays8OHfr84JEKGo3GZLLZ8ZklWTWJtv295oY9hGRllSAcz2YzyfAPyGwg8ZmZJSVZWfDrMFy/L9YRv0CeJSYm1tXVtb4NHMG5Z/DbCOv+X+WOw39FSUpKemYcOJMEPwx3fOfmYeSoyMjI31H+fBvsODJy1Ejce7Yro8f4+v6G8gQy6gkWdOjrO2b0BzZI48ae+Kt3TpwYO87pg1uyadMnnvz+5B89gYOJ06d91CbQadHkSVOvX7/u5wdfUydNXuT0D7adMxbNnO3nN3vmohm4/+vW+sP5G50jFd+FCtgXAAAAAElFTkSuQmCC)
}

.c-intr-emotion__wrap-tabs .c-intr-emotion__tab__face,.c-intr-emotion__wrap-tabs .c-intr-emotion__tab__image {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.c-intr-emotion__wrap-tabs .c-intr-emotion__tab__image {
    background-image: url(data:image/png;base64,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)
}

.c-intr-emotion__wrap-tab {
    display: inline-block;
    width: 60px;
    height: 100%;
    line-height: 55px;
    text-align: center
}

.c-intr-emotion__wrap-tab-selected {
    border-radius: 0 0 4px 4px;
    background-color: #2b2c35
}

.c-intr-emotion__wrap-inner {
    overflow-y: auto;
    width: 100%;
    height: 190px
}

.c-intr-emotion__wrap-inner::-webkit-scrollbar {
    width: 6px
}

.c-intr-emotion__wrap-inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-intr-emotion__wrap-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-intr-emotion__wrap-tab-content .c-emotion {
    padding-top: 20px;
    padding-left: 20px
}

.c-intr-emotion__wrap-tab-content .c-emotion .plv-emotion-panel__item {
    margin: 0 14px 16px 0
}

@supports (display: grid) {
    .c-intr-emotion__wrap-tab-content .c-emotion {
        padding-right:20px
    }

    .c-intr-emotion__wrap-tab-content .c-emotion .plv-emotion-panel__item {
        margin: 0
    }

    .c-intr-emotion__wrap-tab-content .c-emotion .plv-emotion-panel {
        display: grid;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 16px 14px;
        grid-template-columns: repeat(auto-fill,32px)
    }
}

.c-intr-donate__wrap {
    overflow: visible;
    padding: 8px 0;
    height: 232px
}

.c-intr-donate__wrap-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.c-intr-donate__wrap-inner::-webkit-scrollbar {
    width: 6px
}

.c-intr-donate__wrap-inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-intr-donate__wrap-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-intr-lottery__wrap {
    overflow: hidden;
    padding: 8px 0;
    height: 232px
}

.c-intr-lottery__wrap-close {
    width: 100%;
    height: 24px;
    position: relative
}

.c-intr-lottery__wrap-close-btn {
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 100%;
    right: 14px;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAzFJREFUaEPtWNFuEkEUPRco0TcNcQtMib7zyqeY+ANtrVKrD8aPMD5oi41t9QOa9FP6yrsGJgtriL5pLOw1s+404wbKzO42hGR5gcByZ84599x7Zwhr/qI13z8KAKtWsFCgUCAjA0UKZSQw899TKcDMRESceXUjQNqYzgD0QupdrZ8ViBknDYg0AKpBENz3PC/4t38KsyjBzCUAPB6PH0wmk5/tdvuPSzwnAGoxKeU5ET0GcOj7/utOp3OlvncFov/DzBtSyrcAXpVKpYtGo/HEJZYVAC3taDTyptPpVwB34/Q5E0LsahZt0ylOm0g9KeUpM+/E8X6Xy+WH9Xo9sE0nKwAquA4opfzAzAcAlNRVACdCiH0imtooYTBfkVL2ADzVsZi512q1XthuPgJtm2+GeSu+7/fCMLxemIislFjA/DwirKucNQCtgjbucDg8AbBrq8RNzNsSMI9sJwAxiMiwzKyUOArDcE+DIKLPQoidpCccmHcuBs4ALJQ4FUJ0tSdic0aAkzmfhXmtRioADkqUYwAzo9qkMv8ir6YGsEwJxW6z2XymnpNSHpt+yYP5zAroAKY5DU9cAdgA8ElVYAAKiP7Oqewuq5KZFDBAqDjJxjQDEKUQgOjzIpMv2+RNv+cCQHtCsa26sTIrM3cBTOPFKwCOt7a2umZFyrLx3FLITCUNYDAY9IhofQAk6vwZM2/rtDFTiJm/tFqtbdfZ6VZTaEGHjQxLRKr6qDnquWHi//qEy+SZSyc2gyzpsGqjauPwff9jYnaa27HTeCK1iS1nm+tG5jo72YJJBcBltjFHiTmzk9UUm6sHLJmPjon6gGMCzlsJJwVcmE+ac0HHjuaiLKOFNQDzQJN2qnQgIP8DjQYwGAyOiGjf9iCTzN8lKXgohHiZ+5HSPNTPZrNvzHwnNmcqEy461AP4ValUHt3KoV7PO77vn4dhqK5V3gsh3hBRpmuVy8vLjUaj8Q7AATNfCCHyv1Yx06Df71drtdq9zc3N73lebAVB4Hme94OIbu9iSx9iVHlc26tFE4Rtt7R5zsW4ZjzrMmqziVU8UwBYBetFCq2a9UKBQoEcGVj7MvoXQIkbXuY+qtwAAAAASUVORK5CYII=) no-repeat;
    background-position: 50%;
    background-size: contain;
    cursor: pointer
}

.c-intr-lottery__wrap-inner {
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.c-intr-lottery__wrap-inner::-webkit-scrollbar {
    width: 6px
}

.c-intr-lottery__wrap-inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-intr-lottery__wrap-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.c-input-controller__tool__reward {
    margin-top: -2px;
    width: 24px;
    height: 24px;
    vertical-align: top;
    background-color: rgba(0,0,0,0);
    background-image: url(data:image/png;base64,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);
    background-position: 50%;
    background-size: 100%
}

.c-input-controller__tool__reward:hover {
    -webkit-animation: scale .35s ease-in;
    animation: scale .35s ease-in
}

.c-input-controller__tool__reward:active {
    -webkit-transition: all .05s ease-in;
    transition: all .05s ease-in;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (max-width: 1680px) {
    .c-input-controller__tool-span {
        margin-right:10px
    }
}

.c-input-contoler__more {
    border: none;
    font-size: 14px;
    line-height: 1;
    color: #e4e4e4;
    background: none;
    outline: none;
    cursor: pointer
}

.c-input-contoler__more>span {
    display: inline-block;
    margin: 0 -10px 0 6px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c-input-contoler__more:hover {
    color: #78a7ed
}

.c-input-contoler__more__content {
    position: absolute;
    right: 0;
    bottom: 100%;
    padding: 0 16px;
    font-size: 14px;
    color: #e4e4e4;
    background: #2b2c35
}

.c-input-contoler__more__content>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    color: #e4e4e4;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-input-contoler__more__content>li:hover {
    color: #78a7ed
}

.c-input-contoler__more__content>li:hover .c-form__checkbox--pc>label>.c-form__input__box {
    border: 1px solid #78a7ed
}

.c-input-contoler__more__content>li .c-form__checkbox p {
    margin-left: 10px
}

.c-input-contoler__more__content>li p {
    margin-left: 8px;
    font-size: 14px
}

.c-input-contoler__more__content>li .c-input-set-nick__btn {
    margin-left: 7px
}

.c-watch__main__aside__chat__input :hover {
    cursor: pointer
}

.c-watch__main__aside__chat__input :hover .c-watch__main__aside__chat__input__btn {
    background: #fe8585
}

.c-watch__main__aside__chat__input__wrap {
    width: 100%;
    height: 64px;
    background: #fff;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-watch__main__aside__chat__input__txt {
    width: 80%;
    height: 40px;
    background: #f7f7f7;
    border-radius: 2px;
    opacity: 1;
    display: inline-block
}

.c-watch__main__aside__chat__input__btn {
    width: 74px;
    height: 40px;
    background: #f54343;
    border-radius: 2px;
    opacity: 1;
    color: #fff
}

.c-watch__main__loginCode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-watch__main__loginCode__title {
    font-size: 24px;
    color: #212223
}

.c-watch__main__loginCode img {
    margin: 56px 0
}

.plv-feed-back-default__wrap .plv-iar-toast {
    position: absolute
}

.c-welcome {
    text-align: center
}

.c-welcome__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 0 16px;
    line-height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAgCAMAAAAL3N4/AAAC9FBMVEX0qCAAAAD4qDD1sDDzsDHwsDLwsDD4sDDgoCDgmCHwqDDemSHfmSHgmSDgmCD4sDj4uDjfmSHfmiLfmSHfmSHfmSLfmiHgmSHgmCD4sDjgmCDwsDL4sDD4sDjgmiLgmiPgmSDgnCLemSLgmiLgmiLgmCHgmiLemiHgmiLgnCHgmiPgmCD4sDbwsDDfmiLgmyLgmiPgmCDgmyLgmyLgmyTgmyD4sDbgmCDgnCTgmiLgnCLgmiPgmyLgmiLhnCPgmiP4sDbgmCHgnCHhnCPgmiLhmyPgnCTgnCD4sDXgmCDknCTknCTgnCPhnCTgnCLinCPjnCTgnCTimyPhmSDinCPinCLgnCTknCTgnCPinCPhnCThnCTknCTgnCTknCHknSTOlCn/tjvsoSHinSPnnCPWnCbooCvqnBfYcCDyrC7koCTgkhrhoCfjnyToniDooCjysDDwqDDwrDDyqjDyrTDgnyPmoCbhnCPknSLknSTgnyTooCTgnCTooCXjmCLkniTiniTjoCbhnCLinCTknSLinSPhmyTinSPgnCPinCHgoCbwsDD4rDDwqi3uqC/wqi3wrDDwqDDwqDDwqDDwqDDgmCDhnCPgnCLhnCPhnCPgnSLgmiPhnCLgmyLhnCThmyLgnCLgmiPwqDDgmCDwqjDwqDDwqDDwsDH0sDDwrzDwrzDgmiDfmSDfmiHemSDemSHfmSHemSHfmSHemCDemSHfmiHfmiHgmSDgmyLgmSDgmiDfmiLgmiLfmiLgmSLgmiDgmiLfmCHgmiLfmiHgmCDgmiPgmyDysDDxsDDgoCDknCDsqCzzsDDurCzwoCjjoCPgmiPjnCTjnCPkoCHgnCPknCPinSPhmCTlnSXhniP4qDDinCPinSXiniXknyPinCToniDgmSPnoCfhnyXjniXooCDlmyPgnSbqnyLioCfgnCTlniLknSXjmyPgmCDemCDemSHemSHfmSDgmCDemSHfmiH7sDj/uDj/uED/uDj/sDj4uDinq3R3AAAA+HRSTlMBAICYkIi4sHBwyNrY2OD4+M7M0NLU1tTQ8MDo6OiusLCytLS2srGsrKmoqODgpqSioJyeoKDYmJqamJiWlJST0JCQkI6MiorIiXZsbG5wcHR0cmpqaGZkZGJgXlxcXFoEBAYICQwMDAgoFBQSEA4aUFBIQDgqKywuMDI0NDJAQEJEREZSVFZYWlhmcGhocHiAiJCYoHh2eHp9gICChISGiIiogLC4wMDE0Njk5eXl5uXl5OXLysjIx8bExMTCwMC+vLy6uLi4qKBgZGBgWFBQUFBOTExMSkhISHg+PDo4NxUYGBocHB4gICIkJCgm6OTi4N7c3Nz9+Hplj6EAAApkSURBVHgB7ds1lGVplp7h59snIknMDK7a7rGGcpiZoaSCJTkianCElqjZz5nCYWuYp9EReCJvmDxhUsT5P1VFZqy4CV0kotwXn/XbF9+1k6cv95J3u8Q/5Pc6oVTLU9r4aLI74it+nLxLUXwK5To3PIsXlRfgNrjp4t5/BJyCi5PXmfT8/rc0zdFpj0+OWxeHLp40LkZdHEs9ZgLS5A96zFwDcNQm6/eF5u9CQXn2RsWisPhPKEW5uPpXf/ODf1viKt/rqfmu3d73Ztnbrvaf2ORWa39eeGZwja73huPQo/DPBvxFXtDot8fa186PDz7/w/o33ocfkabvNxOu3tp+6FteOQUnJ04K6xT/lc0LWflmr3yHG/iOS05y1JvEr/4pvwQf+1wX8you/Br+1/jP/sqfplwd+G7mGfgBfGe6rm04Glzdj9flNNvRt9huXb3lhPyt9It/pl/Fuz6Uv/7h7R18meZom+X74C/wXXLarvdqu1a78o9t7rar63mTp1uZO/BPNPtiBItsW/Spp2I7+gHdMT+uk3/zkfCBjfWFX/RFX/xlX5aJcnLkm+PoaGY/dTSy6bI5PV3F0+zf+7KXXzjW5e4Ju67f/PVf8yu//HP52MfiY8nHPvna7QyfvLC35p97C/65e/6k1+6Tl/zKr/3mb67qfnJyd6163svf831r5ulR9tUj3SbdzC5jcXJ0y9WjbXzZl32JL/jC+owP8uFN9Md+dMa+5wcnPFXhlEYGvM8KLqfkadPnoQ3RhDZAtQosQQ2sDvztcqekKLVMUI02ZKM6oa0grQJMEeQLPzr96Pjox+wf++jUq+h+7jzOOffPH/rnz7w5cx/yfu4c+OjMr6JHZ/641qAozUshXU2F4Biy0pQqcROg4l8qUgSjTX2nps8JKUvFu5IOtxchAwyUVqOgCACaZINIUz5QrqgtflQQrRIhKSvkNCAhSYKgQAQ+YUWbNu1amUP3Ea/ROD3zHHrOnDPrQ04zXdNu517nru2eP+dzRApAxFLhOJXiJLSokAD8dP20gcIatHRGA9xoBZWkFEXwfCdPo6YC7xMCAoIWq213qAgkbifoVwISGWUhpFCuuTylrO+AEKB/pKV7OlY6WTJWD91HnDPnUefCcejV3Zlz6Nnve879CVpYLNjU0HJSShEJSUqrBV8cXwySYAopmhSKI0S0IqFxJaXPZPo80hVF3kVTUGiRGJMmCtoVlCvYGwCLBYCEHnX1JgtTeTnRUrHKbwu53tSYJZOV9Mx65rx5V5qstKEHnhw95Khusq9DK9OCEU4zJQ3HEKFVtCGJBFDaKjRFRFfbIDyXXVuVtKrK7SI1BEVEaQQEkoBFk0jh302KURaAlCkobWmJJFhhpYmCKBGFT5g2Vid7xWZacuHec85sPq2X2px5+3Su0bnvmXOTShBAI2uhygltcBzSIWIKQANoGf9eFWYmUG5AiEooECqG0gnViLRACYoaK1klxDvaQHPb2JRSIbASSSh62sDQVNsESlCDnmYla8xq0mV/zT107rlnts7cC6+se56kdeh14J55e7xnVx9nKQCNkESTJMVJqQa1awGCiHcmdL1DpDprtSCeK0oBiQDpd3dAVhHNP9NEIbRALJMqpf5t4G8V2BsgpcI0aTGIFFYlkaQgFP7IAp2ltUybeQP3Uc9ED937bufAsd/3/hjHJZ/DGABSRSrHbRXHSFoQCQA09S8VWapZjKZQN4IQaaHvKQpMng6dFPRdog0IAVBA4M91yvtxGVsQghWl0SjdoXGNhFVL0wCU3w4+sWts7WhiJa/r3Pd0nF54Dj333YecRFYcxZpWss6cM9+FpghSMql2AhGcBCVFowpAGgQimNREEJQI06TS/FNcCXL2oV6yihLaBKpUg5LqBJAWCVG7gpZp0SIhGxVuupvqJNM0BYgoPueoTVfSadvh3H0jT9s4c3Pu3ZnXodeBnXlbmU6nO517VlKiKO0SRjUEjkX3SSO2FgVaDSCrCK0qlOdC0UWjqSD0/C1LRyANKUgjoTTQAGgaitstDYggYXYoCwEILakGJSDF9U03oTOy2nPPoZdDj3P3wKl0ziz0vpe55/0x3i4sNFHBn4+EJZqeiladtGyAXSIBRAGaQTVZFRA3bKIMgSi3Hb5l6ZSoCi2aKkFKE6uUSKf87XIlYxugalHW0bKE5BidXktbaaqiCEUl9BMrXV1pV6dpHusceLWPdaeHnk67mu3c2+wXXo8Y0qJ4EeY7RpumbUUISZu2pFqgYUoUqdK0M1Fo9FRhqXpfCVdKPJOhSFECSRCAEKNtQqhm4QMF9gLCxBAxoCfIys0mGHxnCgj4I4W70zG66axpXDhnzoHbyJzZoas0ecSTQ2/3XDUPe0EVgLFeQcoxUSg9rQYaAQQrVOgiRLJUQCU0SBpSRZCaPh80EVJaAEJVayWdAKQTjLaLFugoC6pKd6DXdKJtvAygmcpvtzhe7XTaZJd0LrysdHrgPN6dnLt5yPu5V5as1zz77I84SgQQViEtp0GUkG06bUQ1AARakiCqs4KXJdhIRaXeVXC7tM93KEkLKxEF0CISU7rwI9CsonInY0uALGEIFLNB6yanNFQD0BX9IwnYrK60TVZTLpxP77nvU6TNufcDrzQ59zQrk2Dr9qgFCpbWRCm0oUJhRaYqDUA1rXcCCxXWLHynNrpTSJtI4EoJhoTVKKN6ZpSolFpZyeCriCZBuNKSUpSli5ZkEEhChohEDUqm8tuBz8lKkzHRqZU8znmsU3nUq1mxx6SyXsd7z71ABQyxIqQhqQTHoSYqqgGoRuJfJhRQMysFqWyEarQauJMo93uIpKCEGiQkKWIkXSx0slqKJnYhxNCQJFj0FLIK0C5hIVgU+PnopntXpmskOo96daVnXgfuw64sM2Z1u+98Oq92q9TUpEiUCVLWU6WTVGlxUsKq1ggFkqh6J0RArBV4Wfo/q4fkood4yz0EoBMU+fw1XSOjzUTXtOfOoTtnTs7dQ/fQfcj7uXvguedt75z57fYQ/9f0EAEJ/T+/h3z2/0095EkPedJDnvSQJz3E/8Ye8qSHPOkhT3rIkx7ypIc86SFPesiTHvLXH+khV1Xfbg+xtuvr+qt3Xb1+fbuexzoHPr3eV91H3Dl05zWfXs927m22C58+7OtVaZk33UO+v1pAGN5+Dzmiw7qC2cU6kmV4z/vL/pfIi6L5Rj2+uWFYC7rws6m8z+Lo1lUnP+hbj0536/i/onbmbuIOWfO8lO/khvQS7NI/Fr/6p/3S56r6rPrc84c35Y++KX/Boem5fcHDrj/9K/6Y9NbvcMzGmu/w7b6vRXLnSpieTnPq0tbsR9u3fL+vc/XWyax84bu++Gfqqz7jX3jXh/2Vn+foi1On11a+8Qd5+SkqqQbJSmUpglTy9BwdriM4UaqV71R8rLPb4it+/G99IO9SKJ9CcR3Kiyqef911hFNvZx0hv9lwvo6QplJAmYK3sY7QhL1/jPR11hFS/X2i8Xehh+sI7ZtaR/CzX5w0V8/WEW6sdr03q+3erv5TmztWu5733wAywDE2A9sgOQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    font-size: 14px;
    color: #fff
}

.c-welcome__prefix,.c-welcome__suffix {
    white-space: nowrap
}

.c-welcome__prefix {
    margin-right: 8px
}

.c-welcome__suffix {
    margin-left: 8px
}

.c-welcome__msg {
    max-width: calc(100vw - 40px);
    max-width: calc(100vmin - 40px)\9\0
}

.c-welcome__star {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16px;
    height: 32px
}

.c-welcome__star--left {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAMAAAB61OwbAAAAkFBMVEUAAAD/523/2mb96pr+6pH953H+75r+7Jj/7pb97Zf97In+5oT+64n96nr+53T+7JL+9KD97pz+75f+8Zf97pT+65P954/+7Iz+85f+7ZP+8Zf96JL+85n+55D/7ZP/9JX+8Ir86X7/8IL/6Hr/33L/523/1FX/5IT/54L76nf/6Xn/+Hz97Z7975/+7J3+8aGSihW5AAAALHRSTlMADgL9wSPy8px+cnFpTy/D+vnr3d3czsbDrampinp1cF9RRUMzFQZfXjw7I+t4BQcAAADCSURBVCjPhZNXDoNADETZ0HsKpPdexsv9bxdBpFCcmPdnzUj2jr1GRWz0MBvI+nX0kA0nBK1aqY5hi0Wrjg9t/ZJibBsNfL9RnDdTU4OKyfr4ndRKewyuI7dIQIk4ZARE4jM9kNcN6tksc1AmRa00gDoqtqxBqEEU/NmOuq9cXRrIWe5VV7VDyzS1/hioKIbznf3TgNrwYi1uVQuwFsKQHFUalCGQA5kgs6g5ESgSZLZuBjsYjmUJIjtaBjt7Bvs4Mm9IQhWnRjg0dQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: contain;
    margin-right: 10px
}

.c-welcome__star--right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAMAAAB61OwbAAAAn1BMVEUAAAD/62/+8qH/zWb96pv+6Xz+75r+7Jj+7JL+7pb+7pf+6oH+8ZL+6HT/223+7J396Zj97pz+75j+8Jf97pT+65P954/+7Iz+6pP+85f+5o/+7ZP+8Zf96JL/85n+55D/7ZT95Iv+7Ir/64n+8Ir/54X/8IL/6Hr97Hj/32//9Xr/3mv/523/1FX46nX/6nH//1X97p797J3975/98KDRmv/3AAAAMXRSTlMADv4C/k/y8sCcfnNxLw7++vnr3d3czsbEw8OtqamKenVwaWhfXkVDOzMiIhUGJSQDdlOEvgAAAL1JREFUKM+dkkcOgzAQRTEQOqT33nv5wP3PFpFFAH9wpLzdWE+eqtXT0NQYwx/CqX2XXoQohQGOcs5y0ilWkuB5xejZwehWFhznW99h0U0TxOZgeS4Ill0UdBJCICzoD0qxAbbKIl3AVbbZA/qqQQkAzah+1IafALFvVC9L7GZWkgmxPd9HmsQlGOu6nqYJMsM0W5P1tUr4/EBCbQrmlRdJUJsEDSqHRk3QsghaN0EHQ/DJMXy0DJ89I4T2D289YBdhUIjxYQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: contain;
    margin-left: 10px
}

.c-msg-user {
    position: relative;
    padding-left: 36px;
    margin: 0 16px;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-msg-user__avatar__wrap {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle
}

.c-msg-user__avatar {
    position: relative;
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%
}

.c-msg-user__avatar:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    pointer-events: none
}

.c-msg-user__avatar:after,.c-msg-user__nick-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-msg-user__nick-wrap {
    position: relative;
    display: inline-block;
    max-width: calc(100% - 40px);
    font-size: 14px;
    color: #adadc0
}

.c-msg-user__nick-wrap--self {
    padding-right: 32px
}

.c-msg-user:hover .c-msg-user__set__nick {
    display: inline-block
}

.c-msg-user__set__nick {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 8px;
    cursor: pointer;
    color: #78a7ed;
    vertical-align: middle
}

.c-msg-user__sp .c-msg-user__nick {
    color: #5394f6;
    vertical-align: middle;
    display: inline-block
}

.c-msg-user__sp .c-msg-user__nick__actor {
    display: inline-block;
    height: 18px;
    padding: 0 6px;
    color: #fff;
    background: #5394f6;
    border-radius: 9px;
    line-height: 18px;
    -webkit-transform: scale(.833);
    -ms-transform: scale(.833);
    transform: scale(.833);
    vertical-align: middle;
    font-size: 12px
}

.c-msg-list__reply-control-select {
    position: absolute;
    top: 25px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50px;
    text-align: center;
    border-radius: 3px;
    z-index: 9
}

.c-msg-list__reply-control-select span {
    color: #7a7c7c;
    padding: 5px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-msg-list__reply-control-select span:hover {
    color: #fff
}

.c-noraml-msg {
    width: 100%
}

.c-normal-msg__main--trans:hover .c-normal-msg__tools {
    display: none
}

.c-normal-msg {
    width: 100%;
    margin: 16px 0
}

.c-normal-msg--groups {
    margin-top: -14px
}

.c-normal-msg__main {
    position: relative;
    margin: 4px 40px 0 52px
}

.c-normal-msg__content {
    padding: 6px 8px;
    line-height: 20px;
    background-color: #2b2c35;
    border-radius: 0 6px 6px 6px;
    color: #e4e4e4;
    white-space: pre-wrap;
    font-size: 14px;
    word-break: break-word
}

.c-normal-msg__content-wrap {
    display: inline-block;
    max-width: calc(100% - 62px)
}

.c-normal-msg__content-wrap--no-trans {
    max-width: 100%;
    margin-right: 62px
}

.c-normal-msg__content ::v-deep img {
    width: 20px;
    height: 20px;
    margin: 1px
}

.c-normal-msg__content--sp {
    color: #fff
}

.c-normal-msg__content--sp a {
    color: #fff!important
}

.c-normal-msg .pws-chat-teacher-msg-bg-color {
    background-color: #5394f6
}

.pws-chat-reply-msg-text {
    white-space: nowrap;
    font-size: 12px
}

.c-normal-msg__content-wrap__quote {
    padding: 6px 8px;
    line-height: 20px;
    background-color: #5394f6;
    border-radius: 0 6px 6px 6px;
    color: #fff;
    display: inline-block;
    white-space: pre-wrap;
    font-size: 14px
}

.c-normal-msg__content-wrap__quote__origin {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    color: hsla(0,0%,100%,.8);
    font-size: 12px
}

.c-normal-msg__content-wrap__quote__origin__nick {
    margin: 4px 0
}

.c-normal-msg__content-wrap__quote__origin__img__wrap img {
    max-width: 60px;
    max-height: 45px
}

.c-normal-msg__content-wrap__quote__origin__img__wrap img:hover {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.c-normal-msg__content-wrap__quote__origin__content {
    line-height: 18px
}

.c-normal-msg__content-wrap__quote__origin__content .plv-emotion-img {
    width: 26px!important;
    height: 26px!important
}

.c-normal-msg__tools {
    display: none;
    vertical-align: middle;
    white-space: nowrap;
    padding-top: 2px;
    position: absolute
}

.c-normal-msg__tools i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    margin-left: 4px
}

.c-normal-msg__icon {
    background-size: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.c-normal-msg__icon-send-fail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADKklEQVRoQ+2Zz08TQRTHv69Liwe9aLxgotE0EE0EL5gYPUC8Y+LRbiv4F+CFeEDT+OOAF/QfEKS7Hk3kbuCAMZGLPxKNDZFgYi9GL3JASveZ2bZY2t3ObndWGMNeNtmZefs+897Me/OGoPlDmuuPfYC6BXl09CzK5REAZ0DUA6AHzOINEJUAlMAs3h+RTM7T7OwHFdaPZAFX6UrlBpivgPlkKIWIVkH0AobxJApMRwCczR4H8z0AJpgToRRv7kzkALBAdJsKha9hZYUC4Hw+hZWVuwDGwdwd9mdt+xNtAHiMdPoO5fObQWUHBuCxsaMol5+D+VJQ4R31I1pCMnmVZma+BxkfCIBzuX5UKvMATgQRqqDPGgxjhObm3stkSQFqyr8CcFAmTHH7OgzjogyiLYDrNpuby/9w5pvnYA2p1GA7d/IFqC3Yl7H7vMxsYk2k05f9FrY/QCYzBWBCJt+v/dji0o6mb0MR1j7RFFnWLa9/eQLU9vnPYD6wRwA2QNTnFSe8AUzzKZhznSovxim1QDUdmSPLut4SB5s/uOnB1tbbqBE2BgAHXV3nmtOOFgtwNjsNxxmPMvuxWEAITSQeUaFws1G3VgDT/BI6MfOgVW6BqhutkmWd8gWoBa13UWc/NgsIwYYx0BjcdliAs9lJOI7IMiM/sVig6kYia71fV3AnQCZjA7gWWfs4dqG/Sj0j2854A5jmApiH9jQA0SJZ1rAfgAhevXscoEiW1efnQr9UZZ2xrQFgnWz70H8KYJqau5D2i1j7bVRhIFOxk/nImCTbfuC9iKvVNelBOkbl5KKTyf7GjDS2ZG7hx09MFFdchR72pjF85LBcOVkPWTInxqtKpwdfv0Hpd7U+1dOdwvKF8zL15O2B0mlFBxrlAKIEGeRA41pBwZFSuQsFPVLW3EgUb4vK659yJ/HuIeqmYQ71LkTEskqnunqOC1tWcQGqlWh9C1suhM6lxbop2TQHwCzKbPoVd7chdC6vb0PofMGxDaHzFVPj9qbtJV/zHq3tNatXsHGreswjcJzTbS+6E4lPIJqXXR0FDYTSO7Kggnar3z7Abs18/b9/AC3GrkBo+GQpAAAAAElFTkSuQmCC)
}

.c-normal-msg__icon-trans {
    font-size: 20px;
    color: #adadc0
}

.c-normal-msg__icon-trans:hover {
    color: #78a7ed
}

.c-normal-msg__trans-finish__txt {
    color: #adadc0;
    font-size: 12px;
    line-height: 12px
}

.c-normal-msg__trans-finish__ico {
    display: inline-block;
    font-size: 10px!important;
    margin-right: 4px
}

.c-msg-container__comment-tips {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: rgba(0,0,0,.5)!important;
    border: none;
    border-radius: 4px!important;
    cursor: pointer
}

.c-msg-container__comment-tips .popper__arrow {
    top: -6px!important;
    border-bottom-color: rgba(0,0,0,.5)!important
}

.c-msg-container__comment-tips .popper__arrow:after {
    display: none!important
}

.c-sys-msg {
    margin: 16px 0;
    text-align: center;
    font-size: 12px;
    color: #adadc0
}

.c-sys-msg img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    vertical-align: middle;
    border-radius: 50%;
    background-size: 100% 100%
}

.c-reward-msg {
    margin: 16px 0;
    text-align: center;
    word-break: break-word;
    color: #adadc0;
    font-size: 14px
}

.c-reward-msg--groups {
    margin-top: -8px
}

.c-reward-msg__pic {
    width: 48px;
    height: 48px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 4px 0 8px
}

.c-reward-msg__pic--cash {
    background-image: url(https://zhibo.people.cn/assets/img/icon-redpaper.83ebf115.png);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

.c-img-msg {
    width: 100%;
    margin: 16px 0
}

.c-img-msg--msg-groups {
    margin-top: -8px
}

.c-img-msg__pic__wrap {
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 70%;
    background-color: #2b2c35;
    margin: 6px 65px 0 48px;
    display: inline-block
}

.c-img-msg__pic__wrap .c-img-msg__icon {
    position: absolute;
    right: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-size: 100%;
    background-position: 50%
}

.c-img-msg__emotion__wrap {
    background: rgba(0,0,0,0)!important;
    width: 80px;
    height: 80px;
    padding: 0!important
}

.c-img-msg__forbid__tips {
    position: relative;
    width: 150px;
    height: 100px;
    background-color: #000;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 150px
}

.c-img-msg__forbid__tips:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,10px);
    -ms-transform: translate(-50%,10px);
    transform: translate(-50%,10px);
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://livestatic.videocc.net/assets/wimages/sendImgs.png) no-repeat;
    background-size: 74px 71px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.c-img-msg__pic__wrap {
    position: relative
}

.c-img-msg__pic__wrap .c-normal-msg__reply-control {
    position: absolute;
    bottom: -9px;
    padding: 9px 4px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: none
}

.c-img-msg__pic__wrap .c-normal-msg__reply-control-text {
    white-space: nowrap
}

.c-img-msg__pic__inner-wrap {
    position: relative;
    max-height: 144px;
    max-width: 250px
}

.c-img-msg__pic__inner-wrap img {
    width: auto;
    height: auto;
    max-width: 100%;
    min-height: 25px;
    min-width: 44px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.c-img-msg__pic__inner-wrap .c-img-msg__placeholder {
    width: 128px;
    height: 72px
}

.c-red-paper-msg[data-v-b71b0504] {
    margin-bottom: 16px
}

.c-red-paper-msg__content[data-v-b71b0504] {
    padding: 4px 0 0 52px
}

@media (max-width: 1280px) {
    .plv-iar-red-envelope__entrance[data-v-b71b0504] {
        -webkit-transform:scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }
}

.c-get-paper-msg {
    margin: 16px auto;
    max-width: calc(100% - 32px);
    text-align: center
}

.c-get-paper-msg__main {
    display: inline-block;
    padding: 4px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    color: #adadc0;
    font-size: 12px;
    line-height: 17px;
    background: rgba(0,0,0,.3);
    word-break: keep-all
}

.c-get-paper-msg__ico {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAC3UlEQVRIS+2W70tTURjHv+f+2Hb3w+nUltmyILBUQtR+gFYmiG9CNAKdRK9MxP09ipi96Y0aZhH0IgaFFRFOQkiNSKyVYc3Wpvtx3e6PE/faRhObqPONeN5c7vOc5/mc53vOc+4l+DumurtvsDx/XyXEAkJAUo5dPqkWRykYSmOKJN2+MDw8oZnSed/19kZUlrXuMn/WMEZRojWDg7YMoK+vjxKy17q25lJKcX5gQE+eJvg8Hro/OE3ZLYDTHo8u+36Nuv7+zAoPPvCp202L7HawLJtTVWVZRiAcRuvYWKakg83NlCEEDqsVDpsNVrMZDMNkwl0OoLwESp5Jt7Nr68DHZeDb74x5GmQ1FkM4GkUoHtf7sdfrzQQ+aW+nv0QRSUXRgzWvzWSCYDLBwPMoajwHm/gDbDSKcH2DPsfum4JqMCAiHEXg+QySkoSYKCIuSekFCByHQkHA9YmJTOCLjg79lGqTVxMJRCUJKt04uAUVZTjZ3gCT349jD0bxvesWVLOA4/eGsdzhxrrLhS+PXiM079fncwwDK88j32iEkeN027XNkqaAqaVpvZNQFMRlGcVdjTA6C3SX8+E4wLJQLBYwYhyB1jbdnvwZQnBkEiaOg4FhsPkS2Rb476aYe1oAlgEfDMI6N4f8qbegLIvwxUuIVlZBttsBWUX87rP/HridAe+0aDrBuLQEy8InWD/MA4RB7Ew5ImcrkXQ6AUVFfChHQOFmPUhxHoTFRdhm30P46of2RRFdJ7BWW4f10lLQlVWI429yUyF3ugSG5mqwkQj4cAhFXq8uabCpCVJhIRSzBUnvDOSF5dwAtSzGyxVgq8o22mHaB8owWKup1d+VWT8Sr+azXhg72sNUJq1SvvoUiMMGaB0TiiA58zlrZanYXQGzlrCN8xC4F/W2jD2U9ABKOtnZGVApLc55aQAYQlaujo4e0XKnf0Vfut1tlNKhXEM1GCGk58rIyGMN+AcC8EcsQvYHTQAAAABJRU5ErkJggg==);
    vertical-align: middle;
    margin-top: -1px
}

.c-get-paper-msg__highlight {
    color: #ff5353
}

.c-img-emotion-msg {
    width: 100%;
    margin: 16px 0
}

.c-img-emotion-msg-groups {
    margin-top: -8px
}

.c-img-emotion-msg__emotion__wrap {
    position: relative;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 70%;
    background-color: #2b2c35;
    margin: 6px 25px 0 48px;
    display: inline-block
}

.c-img-emotion-msg__emotion__wrap .c-img-emotion-msg__icon {
    position: absolute;
    right: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-size: 100%;
    background-position: 50%
}

.c-img-emotion-msg__emotion__wrap {
    background: rgba(0,0,0,0)!important;
    width: 80px;
    height: 80px;
    padding: 0!important
}

.c-img-emotion-msg__forbid__tips {
    position: relative;
    width: 150px;
    height: 100px;
    background-color: #000;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 150px
}

.c-img-emotion-msg__forbid__tips:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,10px);
    -ms-transform: translate(-50%,10px);
    transform: translate(-50%,10px);
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://livestatic.videocc.net/assets/wimages/sendImgs.png) no-repeat;
    background-size: 74px 71px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.c-img-emotion-msg__pic__inner-wrap {
    position: relative;
    max-height: 144px;
    max-width: 250px
}

.c-img-emotion-msg__pic__inner-wrap .c-normal-msg__reply-control {
    position: absolute;
    bottom: 0;
    padding: 9px 4px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: none
}

.c-img-emotion-msg__pic__inner-wrap .c-normal-msg__reply-control-text {
    white-space: nowrap
}

.c-img-emotion-msg__pic__inner-wrap img {
    width: auto;
    height: auto;
    max-width: 100%;
    min-height: 25px;
    min-width: 44px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.c-img-emotion-msg__pic__inner-wrap .c-img-emotion-msg__placeholder {
    width: 128px;
    height: 72px
}

.c-file-msg {
    width: 100%;
    margin: 16px 0;
    overflow: hidden
}

.c-file-msg__main {
    position: relative;
    margin: 4px 0 0 52px;
    cursor: pointer
}

.c-file-msg__content {
    padding: 6px 8px;
    background-color: #5394f6;
    border-radius: 0 6px 6px 6px;
    color: #fff;
    white-space: pre-wrap;
    font-size: 14px;
    word-break: break-word;
    max-width: 232px;
    min-width: 150px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 18px
}

.c-file-msg__content,.c-file-msg__content-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-file-msg__content-text {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    max-height: 38px;
    overflow: hidden;
    line-height: 19px;
    word-wrap: break-word
}

.c-file-msg__content-text:before {
    float: right;
    height: 19px;
    content: ""
}

.c-file-msg__content-text-name {
    float: right;
    clear: both
}

.c-file-msg__content-text-name:before {
    content: "...."
}

.c-file-msg__content-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-file-msg__content-wrap {
    display: inline-block;
    max-width: calc(100% - 62px)
}

.c-file-msg__content ::v-deep img {
    width: 20px;
    height: 20px;
    margin: 1px
}

.c-file-msg__content--sp {
    color: #fff
}

.c-file-msg__content--sp a {
    color: #fff!important
}

.c-file-msg__hideText {
    position: absolute;
    z-index: -1
}

.c-msg-list__wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-msg-list__wrap__entrance__isVisible {
    padding-bottom: 44px
}

.c-msg-list__wrap::-webkit-scrollbar {
    height: 0;
    width: 0;
    color: rgba(0,0,0,0)
}

.c-msg-list__bottombg,.c-msg-list__topbg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background-size: auto 100%;
    background-repeat: repeat-x;
    pointer-events: none
}

.c-msg-list__topbg {
    top: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#202127),to(rgba(32,33,39,0)));
    background: linear-gradient(180deg,#202127,rgba(32,33,39,0))
}

.c-msg-list__bottombg {
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(32,33,39,0)),to(#202127));
    background: linear-gradient(180deg,rgba(32,33,39,0),#202127)
}

.c-msg-list {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.c-msg-list::-webkit-scrollbar {
    width: 6px
}

.c-msg-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-msg-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-msg-list__item__time {
    margin: 16px 0;
    text-align: center;
    font-size: 12px;
    color: #adadc0
}

.c-msg-list__history {
    padding-top: 10px;
    text-align: center;
    color: #009aff;
    font-size: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-msg-list__new {
    padding: 0 16px;
    display: inline-block;
    border-radius: 16px;
    background-color: #3082fe;
    opacity: .8;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.c-msg-list__new:hover {
    background-color: #4f95fe
}

.c-msg-list__new:active {
    background-color: #2b74e4
}

.c-msg-list__new__wrap {
    position: absolute;
    bottom: 36px;
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 1280px) {
    .c-msg-list__new {
        padding:0 12px;
        height: 26px;
        line-height: 26px
    }
}

.c-msg-list__load-tips {
    color: #adadc0;
    font-size: 12px;
    margin-top: 17px;
    text-align: center
}

.c-msg-list__loading__wrap {
    text-align: center
}

.c-msg-list__loading__wrap .c-msg-list__loading {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    background-position: 50%;
    -webkit-animation: spin 1s ease infinite;
    animation: spin 1s ease infinite
}

.c-msg-list__load-failed span {
    color: #3082fe;
    cursor: pointer
}

.c-live-stream-modal__btn {
    margin-right: 16px;
    color: #333
}

.c-interactive-entrance-btn[data-v-9685e85a] {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    white-space: nowrap;
    color: #fff;
    text-align: center;
    margin-right: 8px;
    font-size: 14px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0,0%,83.9%,.109);
    border-radius: 14px
}

.c-interactive-entrance-btn__portrait[data-v-9685e85a] {
    margin-left: 16px;
    font-size: 12px
}

.c-interactive-entrance-btn__opacity[data-v-9685e85a] {
    background-color: rgba(0,0,0,.4)
}

.c-interactive-entrance-btn__opacity[data-v-9685e85a]:hover {
    background-color: rgba(0,0,0,.4)!important
}

.c-interactive-entrance-btn[data-v-9685e85a]:last-child {
    margin-right: 0
}

.c-interactive-entrance-btn[data-v-9685e85a]:hover {
    background-color: hsla(0,0%,91.8%,.208)
}

.c-interactive-entrance-btn-icon[data-v-9685e85a] {
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 31px;
    margin-right: 4px;
    background-position: 50%!important;
    background-size: contain!important
}

.c-interactive-entrance {
    width: 100%;
    height: 28px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    bottom: 8px;
    background: rgba(0,0,0,0)
}

.c-interactive-entrance .c-interactive-entrance-list {
    width: calc(100% - 48px);
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-behavior: smooth;
    -ms-overflow-style: none
}

.c-interactive-entrance .c-interactive-entrance-list::-webkit-scrollbar {
    display: none
}

.c-interactive-entrance .c-interactive-entrance-btn__move {
    width: 24px;
    height: 100%
}

.c-interactive-entrance .c-interactive-entrance-btn__move__icon {
    width: 100%;
    height: 100%;
    background-position: 50%!important;
    background-size: cover!important;
    cursor: pointer
}

.c-interactive-entrance .c-interactive-entrance-btn__move__icon__left {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABUCAYAAAAh+XGnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgMTE2LjE2NDY1NSwgMjAyMS8wMS8yNi0xNTo0MToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTEyLTIyVDE4OjQwOjIwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0xMi0yM1QxMToxNTo1OSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0xMi0yM1QxMToxNTo1OSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MzljYWE2ZS0yNTdlLTRkZjgtODIxNS03YjIyMWFhY2Q2MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTM5Y2FhNmUtMjU3ZS00ZGY4LTgyMTUtN2IyMjFhYWNkNjI2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTM5Y2FhNmUtMjU3ZS00ZGY4LTgyMTUtN2IyMjFhYWNkNjI2Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MzljYWE2ZS0yNTdlLTRkZjgtODIxNS03YjIyMWFhY2Q2MjYiIHN0RXZ0OndoZW49IjIwMjEtMTItMjJUMTg6NDA6MjArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhE3yNwAAAHJSURBVHic7dyxTQMxHIXxzygjMBBFRmAFxBKUFKyAsgIjUDAQIyCZgiCh6MhLEdvvL71PusaNLz85dzknSuu9k/7vZvUJuBcgUYBEARIFSBQgUYBEARIFSBQgUYBEARIFSBQgUYBEARIFSBQg0XCg1tpVD2AH7E/GhlVqBfXed8Az8NJ7f5wxZxmgPzj749DDDKQSQBs4vz303k/Hrpo90BkcgHfgY+T81kAX4Dy11r5GnoMtkAMOmAK54IAhkBMOmAG54YARkCMOmAC54oABkDMOLAZyx4GFQBVwYBFQFRxYAFQJByYDVcOBiUAVcWASUFUcmABUGQfmrKB7tnE+MceBOUBv/KyU026B5+MKs23G1z5fwBPbSHvMkaZcpCsjTbvNV0Wa+kGxItL0R41qSEseVishLdvuqIK0dMOsAtLyLVd3pOVA4I1kAQS+SDZA4IlkBQR+SHZA4IVkCQQ+SLZA4IFkDQQXId2NnN8eCM4iHVprW3BXqwQQbCIdWmuvw+cd/ecm1/4l/PGac/d35Yx8DcOBqlfmLbaqAIkCJAqQKECiAIkCJAqQKECiAIkCJAqQKECiAIkCJAqQKECiAIkCJAqQKECibwl9/psYELN/AAAAAElFTkSuQmCC) no-repeat
}

.c-interactive-entrance .c-interactive-entrance-btn__move__icon__right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABUBAMAAADT12yUAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMAzASIZ0S4WD6TCcsAAABRSURBVEjHYxgFo2D4AFYFIhQ5GhFWwyIoTNioQEFBwkYpCxJhFJPhqFGjRtHAqERBwQIKTUK4adSgUYMoMAhRZlJe+iLKccI1wigYBaOAfAAAIXIU4MkalYcAAAAASUVORK5CYII=) no-repeat
}

.c-chat-list {
    position: relative
}

.c-playback-msg-tips {
    position: absolute;
    top: 9px;
    left: 8px;
    right: 8px;
    min-height: 32px;
    color: #333;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    border-radius: 4px;
    font-size: 12px;
    padding: 0 12px;
    padding-left: 37px;
    padding-right: 32px
}

.c-playback-msg-tips span {
    display: inline-block;
    width: calc(100% - 69px);
    left: 37px;
    line-height: 16px
}

.c-playback-msg-tips__ico,.c-playback-msg-tips span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-playback-msg-tips__ico {
    left: 12px;
    font-size: 16px;
    margin-right: 9px;
    color: #ff7a14
}

.c-playback-msg-tips--mob {
    top: 16px;
    min-height: 40px;
    font-size: 14px
}

.c-playback-msg-tips--mob .c-playback-msg-tips__close-btn {
    width: 40px;
    height: 40px
}

.c-playback-msg-tips__close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    color: #666
}

.c-chat-playback-list {
    position: relative;
    height: 100%
}

.c-chat-list {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.c-chat-list__nomsg {
    margin-top: 10px;
    text-align: center
}

.plv-like-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    position: relative
}

.plv-like-button.plv-like-button--mobile {
    cursor: default
}

.plv-like-button__content {
    position: relative;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.plv-like-button--animation .plv-like-button__content .plv-like-button__content__btn,.plv-like-button--press-hold .plv-like-button__content .plv-like-button__content__btn {
    width: 32px;
    height: 32px
}

.plv-like-button__content__btn {
    width: 40px;
    height: 40px;
    pointer-events: none;
    -webkit-transition: 70ms;
    transition: 70ms
}

.plv-like-button__content__btn__inner {
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.plv-like-button__count {
    width: 100%;
    text-align: center;
    pointer-events: none;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    line-height: 16px;
    margin-top: 4px
}

.plv-like-animation {
    display: inline-block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.plv-like-animation__canvas {
    width: 100%;
    height: 100%
}

.plv-like {
    display: inline-block;
    font-size: 0
}

.plv-like__content {
    position: relative
}

.plv-like__content__animation {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 1px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none
}

.plv-like__content__animation__wrap {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.plv-like__content__animation--br .plv-like__content__animation__wrap {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.plv-like__content__animation--bl .plv-like__content__animation__wrap {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-like {
    z-index: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 4px
}

.c-like .plv-like-button__count {
    bottom: -22px
}

.c-like-icon__like {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-position: 50%;
    background-image: url(data:image/png;base64,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);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-like-icon__like:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAMAAAANf8AYAAAAAXNSR0IArs4c6QAAAeBQTFRFAAAA/////4CA/1VV/6qq/4CA/4CA/21t/4CA/46O/4CA/4uL/4CA/4mJ/4iI/4eH/4aG/4qK9oCA/4mJ/4eH/4OD/4aG/4iI/4eH/4WF/4SE/4eH+4GB/4WF/4WF/4WF/IOD/IWF/4SE/IOD/IOD/ISE/4aG/IKC/IKC/ISE/4SE/4eH/ISE/4WF/IKC/4WF/IKC/IWF/IOD/4aG/4WF/IOD/4WF/YOD/4aG/YWF/4WF/4aG/YaG/YWF/4WF/YSE/4WF/4WF/4SE/YSE/4WF/4aG/YaG/4WF/YWF/YSE/4WF/YSE/YSE/YWF/YWF/4WF/oWF/oWF/oWF/oWF/oSE/4SE/oWF/4aG/oSE/oaG/oaG/oSE/oWF/4SE/oSE/oWF/oWF/oSE/oWF/oSE/oWF/oWF/oSE/4WF/oaG/oSE/oWF/oSE/oWF/oWF/oSE/oWF/oaG/oeH/oiI/omJ/oqK/oyM/o6O/o+P/pCQ/pGR/pKS/pSU/paW/peX/pqa/pyc/p2d/qCg/qen/qio/qur/rCw/rKy/rOz/ra2/ry8/r29/sbG/snJ/srK/svL/s3N/tXV/tbW/8zM/9nZ/9ra/93d/9/f/+fn/+jo/+zs/+7u//Dw//Pz//T0//7+////Gurt2wAAAG50Uk5TAAECAwMEBgcICQoLDA0PERMYHBwgJyorMTI0NUFFR0lKS01OUFFUVlhZWVtdXmBgYmJjY2RlZmdub3FyeH+Ag4SGh4mOj5OVlpeXnqChp6evsLGytbW2ub+/yM7P0tTV197h4uLj5+jp7/Dx8fglFQTRAAACKElEQVQYGZXBB0NSURgG4FcSLLNtwxZNLZuWlZWV7W2WZgMalA0JfZFEycp2Nm57g/n91Q5Yes69F7g9D5ymLNl7OtxJ8mb41K6gH0UFNpyj6Ux1AIVM39NFp+jOcuQzsaGL7mJr/XA1N8z8LlbCxRoWFFsGO/9+FlMPk/8Qi2uC4SC9qIdmHb0JYsxsehSbib8CYbp5/iROuws+jNpBVyPyO0G7VciZEaObpyIyRLuOMmTtpqthEflIh81QJt2hm15RPtChowRAHV19FeUVnRYBaKWbfsm6T6cTQAXd9AxLVpJOUR9W0kX8u+Qk6NRdhX10in+WUT3xLJq2o4W61KPB/t74FzF8u0vdUVylJilK5o3Y/KSuHZ3UJEXJWGI3QE0I1CVFyVhid4+aCKhLipKxxOYHdRFQ1ydKxhKbJHURdFKTEiVjiekXDSGEqUmJkrHEJkFdG1qoSYmStsQ00kPdYTRSkxIlbYnpLQ3rEaQmJUraEsPrOHXdczC5i+NSoqQ/ieEBDbd8QCvHpURJvxdDHw3HAKzmuPizoaGXA4l3onlB0wIAgRt06BtUHuc8pOnyBCiN/B/VyKqI0bsrpcipo3dBjPKfp1fN+Keyi95Ep2LMcnpTBc0WelELna+JxdXCZiOLqYHD0hgLuT0fLma1Mb/maXDlr4nSXcdiH/Ipb7hOp0ubylBI6YqT0W6O6752fGEJivJVbTvSHopEIqGzB7bOK4HDH6FktZFdJ7kYAAAAAElFTkSuQmCC)
}

.c-like__num-wrap {
    height: 16px;
    margin-top: 4px
}

.c-like__num {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    display: inline-block;
    font-size: 14px;
    color: #adadc0;
    text-align: center;
    background: rgba(32,33,39,.8);
    border-radius: 9px;
    line-height: 16px;
    padding: 0 8px;
    min-width: 48px;
    white-space: nowrap
}

.c-emotional-feedback,.c-like__num {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-emotional-feedback {
    z-index: 0;
    position: relative
}

.c-emotional-feedback__float-icon {
    z-index: -1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.c-emotional-feedback__float-icon-get {
    position: absolute;
    right: -8px;
    bottom: 72px
}

.c-emotional-feedback__float-icon-noget {
    position: absolute;
    right: -8px;
    bottom: 20px
}

.c-emotional-feedback-icon__get {
    background-image: url(https://zhibo.people.cn/assets/img/icon-get.8525f10b.png)
}

.c-emotional-feedback-icon__get,.c-emotional-feedback-icon__no-get {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: 50%;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-emotional-feedback-icon__no-get {
    background-image: url(https://zhibo.people.cn/assets/img/icon-no-get.77fb58a9.png);
    margin-top: 12px
}

@media only screen and (max-width: 1280px) {
    .c-emotional-feedback-icon__get,.c-emotional-feedback-icon__no-get {
        width:32px;
        height: 32px
    }

    .c-emotional-feedback__float-icon-get {
        right: -5px;
        bottom: 60px
    }

    .c-emotional-feedback__float-icon-noget {
        right: -5px;
        bottom: 16px
    }
}

.c-gift {
    width: 62px;
    z-index: 1000;
    position: relative;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.c-gift-icon__gift {
    width: 62px;
    height: 80px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(https://zhibo.people.cn/assets/img/gift_v3.1e19492b.png);
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: -10px
}

.c-gift-icon__gift--v2 {
    background-image: url(https://zhibo.people.cn/assets/img/gift_v4.ee6e6d44.png)!important
}

.c-gift__num-wrap {
    width: 66px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -33px;
    text-align: center
}

.c-gift__num {
    display: inline-block;
    font-size: 14px;
    color: #adadc0;
    text-align: center;
    margin-top: 4px;
    background: rgba(32,33,39,.8);
    border-radius: 9px;
    line-height: 16px;
    padding: 0 8px;
    min-width: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

.c-gift__time {
    position: relative;
    padding: 3px 4px;
    background: #29dbd4;
    border-radius: 8px;
    font-size: 12px;
    color: #1d5fd4;
    text-align: center;
    z-index: 1001;
    margin-top: -18px
}

.c-gift-icon__gift--clicking {
    -webkit-animation: clicking .3s cubic-bezier(.5,0,.25,1);
    animation: clicking .3s cubic-bezier(.5,0,.25,1)
}

@-webkit-keyframes clicking {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    16.6% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    66.6% {
        -webkit-transform: scale(1.3) rotate(-27deg);
        transform: scale(1.3) rotate(-27deg)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes clicking {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    16.6% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    66.6% {
        -webkit-transform: scale(1.3) rotate(-27deg);
        transform: scale(1.3) rotate(-27deg)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.c-donate-tips {
    padding-top: 16px;
    overflow-x: hidden;
    pointer-events: none
}

.c-donate-tips__item--wrap {
    position: relative;
    min-height: 40px;
    margin-bottom: 32px
}

.c-donate-tips__item {
    width: 270px;
    height: 40px;
    padding: 6px 13px 4px;
    background-image: url(https://zhibo.people.cn/assets/img/donate-float-tips-bg.3ab54747.png);
    background-size: 100%;
    background-position: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-donate-tips__nick {
    font-size: 14px;
    color: #fcf2a6;
    width: 124px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-donate-tips__good {
    font-size: 12px;
    color: #fff;
    margin-top: 4px
}

.c-donate-tips__img {
    position: absolute;
    left: 150px;
    top: -16px;
    width: 56px;
    height: 56px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.c-donate-tips__img--cash {
    background-image: url(https://zhibo.people.cn/assets/img/donate-float-tips-redpaper.83ebf115.png)
}

.c-donate-tips__num {
    position: absolute;
    left: 210px;
    top: 8px;
    font-style: italic;
    font-weight: 800;
    color: #f57c00;
    text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0
}

.c-donate-tips__num>span {
    margin-right: 2px
}

.c-donate-tips__num>span:first-child {
    font-size: 20px
}

.c-donate-tips__num>span:last-child {
    font-size: 28px
}

.c-donate-tips__num--long>span:last-child {
    font-size: 22px
}

.ani-donate-tips-enter-active {
    -webkit-transform: translateX(-270px);
    -ms-transform: translateX(-270px);
    transform: translateX(-270px);
    -webkit-animation: rewardStart .15s linear forwards;
    animation: rewardStart .15s linear forwards
}

.ani-donate-tips-leave-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: rewardEnd .1s linear;
    animation: rewardEnd .1s linear
}

.ani-donate-tips__num .c-donate-tips__num {
    -webkit-animation: rewardNumber .3s linear;
    animation: rewardNumber .3s linear
}

@-webkit-keyframes rewardStart {
    0% {
        -webkit-transform: translateX(-270px);
        transform: translateX(-270px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes rewardStart {
    0% {
        -webkit-transform: translateX(-270px);
        transform: translateX(-270px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes rewardEnd {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0
    }
}

@keyframes rewardEnd {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0
    }
}

@-webkit-keyframes rewardNumber {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rewardNumber {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.c-warning {
    z-index: 2;
    position: absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    padding: 8px 12px;
    background: #ff6767;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.c-warning-content {
    font-size: 12px!important;
    color: #fff;
    letter-spacing: .51px;
    line-height: 16px
}

.c-warning-content a {
    padding: 3px 12px;
    border: .5px solid #fff;
    border-radius: 12px
}

.c-warning__btn {
    position: absolute;
    top: 9px;
    right: 12px;
    color: #fff;
    cursor: pointer
}

@media screen and (max-width: 1280px) {
    .c-warning-content {
        font-size:12px
    }
}

.c-donate-animation {
    width: 100%;
    height: 0;
    padding-bottom: 76.5%;
    position: absolute;
    bottom: 76px;
    left: 0;
    pointer-events: none
}

.c-donate-animation .c-donate-animation__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.c-enroll-lottery[data-v-2dce713f] {
    text-align: center;
    cursor: pointer;
    width: 50px
}

.c-enroll-lottery img[data-v-2dce713f] {
    width: 40px;
    height: 40px;
    display: inline-block
}

.c-enroll-lottery span[data-v-2dce713f] {
    color: hsla(0,0%,100%,.8);
    font-size: 12px;
    white-space: nowrap
}

.c-closed-chat__tips .c-closed-chat__tips__icon {
    display: inline-block;
    margin-bottom: 8px;
    width: 88px;
    height: 88px;
    line-height: 88px;
    font-size: 88px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACwBAMAAABdmfltAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAADHRSTlMATVBAOCgYCBAgMEg/UdMrAAAC4klEQVR4Ae2ZAWccURDH/22b2ySgk71em1tolGqAJMilCgkqChyqCriqgsBWkAK2LUrBpc0HuIAW0Gh71X66yss+crWTv73ZczA/4Dn3M2bfvJ23A0fBcRzHcRzHcZKTLZmGH0/zq72nMi3dK80HMj1j6CyJhSFUXoqFDjSSM7GQ5VBYFhsjKLwRG3egcCw2VqGwJzbaUNgUGykUzsTGChTEytzELnaxi13sYhe72MUuflQsfuGr+uJ1APjMVvXFKwUALK6RVX3xKgLHZFVfvIHADbKqLx4isMRXNcUFAot8VVOMEr6av9ieCvvDm/92sxfI7EvafgjN89i04uIZin8+/5gnb183LU5fQMcg/ltgJuJfORjNf941iLMBZiP+ipIkb1R8G4HWsy2R+08GjYlXhjjn01mZl29NiR/gnFcike2GxCHgD3KJHbs4ZnhhbSI5/SbEIwDJnkzQzu3iLAdwKP/Rs4s7lQODLDeLRzFgFvI0mdjjX9SBKfbEglTQN4p/A3gvFTw0ikdxXjA+Kmtv+yhMwVKjuABaZa6TzSDMy00yMInT2G524uboxTnYBhHzZ/eunASFkNM8jpXuWsTh36elOITcQxR3Mcma1OF7HMl0EEJOc8RUZKaR0C7QulTDh73gv3AMLEOsPmJ5XCgv9PE3w9htANyUQBqcZcCBXcugsCh3Www5Blyx35briq9LDHkyYLlnGcbmwDUp6cWAS25ZxscxdzHkELAyPV2alRgHM0oFktPGH140nzxubrvpk1nW4vAC4eIuKiAlrYl5f92KAcdDKJbCgIoj+6iEH5tEvI5q6EFPxGmBSviriYhHUGAvUyIeQ4G9/om4nUOBNCxEnA2hwFosIt6BBmkKibgLHd7G6mJ2peWNtyLehw70qwIV/wFBu9wQcVqAoF3HiLgPgnKBZI97DAa58ipbv52Do1/SFVqb2RAc/bOCSlKAA/YhxE4S8+Y4juM4juP8A3pwImmQVxyKAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0);
    cursor: pointer
}

.c-closed-chat {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: calc(constant(safe-area-inset-bottom));
    padding-bottom: calc(env(safe-area-inset-bottom))
}

@supports not (padding-bottom: calc(env(safe-area-inset-bottom) + 0)) {
    .c-closed-chat {
        padding-bottom:0
    }
}

.c-closed-chat__tips {
    text-align: center;
    color: hsla(0,0%,100%,.25);
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 26%;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 18px;
    word-break: break-word
}

.c-closed-chat__tips img {
    width: 88px;
    height: 88px;
    margin-bottom: 8px
}

.plv-ia-c-time-pop-up {
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3)
}

.plv-ia-c-time-pop-up-modal {
    z-index: 99999;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.plv-ia-c-time-pop-up--icon {
    background-repeat: no-repeat;
    background-size: contain
}

.plv-ia-c-time-pop-up__content {
    cursor: pointer;
    width: 188px;
    height: 256px
}

.plv-ia-c-time-pop-up__content--giftbox {
    background-image: url(https://zhibo.people.cn/assets/img/gift-box-bg.cd625c20.png);
    border-radius: 12px
}

.plv-ia-c-time-pop-up__content--v2 {
    background-image: url(https://zhibo.people.cn/assets/img/git-box-bg-v2.440a93b3.png)
}

.plv-ia-c-time-pop-up__content__title {
    position: relative;
    top: 17px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    font-stretch: normal;
    color: rgba(56,56,55,.6)
}

.plv-ia-c-time-pop-up__content__text {
    width: 157px;
    font-size: 16px;
    line-height: 22px;
    padding: 0 16px;
    text-align: center;
    font-family: PingFangSC-Regular\, PingFang SC;
    font-weight: 400;
    position: absolute;
    top: 58px;
    color: #383837;
    text-shadow: none
}

.plv-ia-c-time-pop-up__content__tips {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 156px;
    top: 111px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    font-stretch: normal;
    color: #2456db;
    text-align: center
}

.plv-ia-c-time-pop-up__time {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
    position: absolute;
    text-align: center;
    line-height: 30px
}

.plv-ia-c-time-pop-up__time__path {
    -webkit-transition: stroke-dashoffset 1s linear;
    transition: stroke-dashoffset 1s linear
}

.plv-ia-c-time-pop-up__time--giftbox .plv-ia-c-time-pop-up__time__path {
    stroke: #ffc94b
}

.plv-ia-c-time-pop-up__time--giftbox .plv-ia-c-time-pop-up__time__bg {
    stroke: #ffe2c7
}

.plv-ia-c-time-pop-up__time--giftbox .plv-ia-c-time-pop-up__time--number {
    color: #fb9b26
}

.plv-ia-c-time-pop-up__time--number {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 14px;
    font-family: PingFangSC-Medium\, PingFang SC;
    font-weight: 500;
    white-space: nowrap
}

.plv-ia-c-time-pop-up__time--number--last {
    color: red
}

.plv-ia-c-time-pop-up__time svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.plv-ia-c-time-pop-up__open {
    background-image: url(https://zhibo.people.cn/assets/img/btn-open.89a40423.png);
    width: 78px;
    height: 78px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 46px
}

.plv-ia-c-time-pop-up__open--en {
    background-image: url(https://zhibo.people.cn/assets/img/btn-open-en.cda8ab16.png)
}

.plv-ia-c-time-pop-up__close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plv-ia-c-time-pop-up__close--btn {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(data:image/png;base64,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)
}

.plv-ia-c-time-pop-up__close--line {
    width: 1px;
    height: 34px;
    background: hsla(0,0%,100%,.8)
}

.plv-ia-c-time-pop-up__btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 92px;
    height: 32px;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ff7562),to(#f56a57));
    background-image: linear-gradient(90deg,#ff7562,#f56a57);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    border-radius: 19px;
    top: 178px;
    cursor: pointer;
    outline: none;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #fff
}

.c-push-card {
    margin-bottom: 12px
}

.plv-iar-push-card {
    z-index: 110
}

.c-game-widget {
    width: 40px;
    height: 40px;
    background-image: url(https://zhibo.people.cn/assets/img/game-widget.b516edbf.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
    margin-bottom: 12px
}

.plv-iar-welfare-lottery__modal--gift-box,.plv-iar-welfare-lottery__modal--normal,.plv-iar-welfare-lottery__on-lottery-modal {
    z-index: 2
}

.plv-iar-welfare-lottery__pendant {
    margin-bottom: 12px
}

.c-chat {
    position: relative;
    width: 100%;
    height: 100%;
    color: #e4e4e4
}

.c-chat .c-chat__tips i,.c-chat .c-chat__tips span {
    display: inline-block;
    vertical-align: top
}

.c-chat .c-chat__tips__word {
    margin-left: 9px;
    font-size: 12px
}

.c-chat__watchback {
    padding-bottom: 10px
}

.c-chat__normal,.c-chat__watchback {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.c-chat__normal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-chat__donate-tips-wrap {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    pointer-events: none
}

.c-chat__welcome__wrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.c-chat__trans-tips {
    position: absolute;
    bottom: 89px;
    left: 0;
    z-index: 1;
    padding: 6px 0;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    background-color: rgba(0,0,0,.5)
}

.c-chat__trans-tips p {
    text-align: center
}

.c-chat__list__wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 100%
}

.c-chat__intrc-msg__wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%
}

.c-chat__intrc__wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #3e3e4e
}

.c-chat__intrc__wrap .c-input-controller {
    position: relative
}

.c-chat__aside-tool-wrap {
    position: absolute;
    right: 12px;
    bottom: 21px;
    width: 40px
}

.c-chat__aside-tool-wrap__inner {
    position: relative
}

.c-chat__aside-tool-wrap--entrance {
    bottom: 49px
}

.c-chat__disabled-tips {
    position: absolute;
    top: calc(50% - 38px);
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: rgba(173,173,192,.6);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-chat__disabled-tips__ico {
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    width: 65px;
    height: 65px;
    font-size: 65px!important;
    line-height: 65px;
    color: #4a4b55
}

.c-chat__red-pendant {
    margin-bottom: 8px
}

.c-chat-enroll-lottery {
    position: relative;
    margin: 0 auto;
    margin-bottom: 8px;
    width: 40px;
    height: 56px
}

.c-chat-enroll-lottery .c-enroll-lottery {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.c-chat__lottery-widget {
    margin-left: -6px;
    margin-bottom: 8px
}

.c-chat__intrc__wrap__redpack-rain-entry {
    margin-bottom: 8px
}

.c-chat__aside-tool__gift {
    margin-left: -11px
}

@media (max-width: 1280px) {
    .c-chat__aside-tool-wrap {
        right:10px
    }
}

.c-ask-list {
    overflow: hidden
}

.c-ask,.c-ask-list {
    width: 100%;
    height: 100%
}

.c-ask {
    position: relative;
    padding-bottom: 76px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ask__list__wrap {
    height: 100%;
    overflow: hidden
}

.c-ask__intrc__wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 76px;
    width: 100%;
    background: #3e3e4e
}

.c-countdown {
    width: 546px;
    height: 150px;
    background: #232323;
    border-radius: 16px;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-countdown__item {
    position: relative;
    float: left;
    margin-right: 40px;
    height: 92px;
    border-radius: 10px;
    text-align: center
}

.c-countdown__item:after,.c-countdown__item:before {
    position: absolute;
    right: -22px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    content: ""
}

.c-countdown__item:before {
    top: 28px
}

.c-countdown__item:after {
    bottom: 28px
}

.c-countdown__item:last-child {
    margin-right: 0
}

.c-countdown__item:last-child:after,.c-countdown__item:last-child:before {
    display: none
}

.c-countdown__item__num {
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 72px;
    padding: 0 10px;
    font-size: 60px;
    color: #fff;
    line-height: 90px
}

.c-countdown__item__bg {
    display: inline-block;
    width: 70px;
    height: 92px;
    background: #3a3a3a;
    border-radius: 10px;
    opacity: 1
}

.c-countdown__item__bg:last-child {
    margin-left: 6px
}

.c-countdown__item__bg2 {
    position: relative;
    width: 70px;
    height: 90px;
    background: -webkit-gradient(linear,left top,left bottom,from(#000),color-stop(50%,#323232),color-stop(89%,#141414),to(#000));
    background: linear-gradient(180deg,#000,#323232 50%,#141414 89%,#000);
    border-radius: 10px;
    opacity: 1
}

.c-countdown__item__el {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-countdown__item__dot {
    width: 1px;
    height: 7px;
    background: -webkit-gradient(linear,left top,left bottom,from(#938a8a),color-stop(45%,hsla(0,0%,100%,.55)),to(hsla(0,0%,96.1%,0)));
    background: linear-gradient(180deg,#938a8a,hsla(0,0%,100%,.55) 45%,hsla(0,0%,96.1%,0));
    border-radius: 17px;
    border: 1px solid hsla(0,0%,100%,.2);
    left: 1px
}

.c-countdown__item__dot2 {
    left: 68px
}

.c-countdown__item__line {
    width: 70px;
    height: 2px;
    background: rgba(0,0,0,.16);
    border-radius: 0
}

.c-countdown__item__word {
    height: 23px;
    line-height: 23px;
    border-top: 1px solid #000;
    font-size: 12px;
    color: #adadc0
}

.c-countdown__right {
    padding: 12px 20px;
    background-color: rgba(0,0,0,.7);
    border-radius: 32px;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 1px
}

.c-donate-qrcode {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    -webkit-box-shadow: 0 0 8px 0 rgba(37,43,58,.06);
    box-shadow: 0 0 8px 0 rgba(37,43,58,.06)
}

.c-donate-qrcode__main {
    width: 256px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -128px;
    text-align: center
}

.c-donate-qrcode__img-wrap {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 160px;
    -webkit-box-shadow: 0 0 8px 0 rgba(37,43,58,.06);
    box-shadow: 0 0 8px 0 rgba(37,43,58,.06);
    border-radius: 2px;
    overflow: hidden
}

.c-donate-qrcode__img-wrap .c-donate-qrcode__img {
    position: absolute;
    width: 190px;
    height: 190px;
    top: -15px;
    left: -15px
}

.c-donate-qrcode__tips {
    font-size: 16px;
    color: #fff;
    margin-top: 24px
}

.c-donate-qrcode__close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -30px;
    right: 2px;
    font-size: 20px;
    color: #d1d1d1;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAFPr3GUAAAABGdBTUEAALGPC/xhBQAABKpJREFUeAHtnGluGzEMhe0CvUx6sKJA0N6lCBD0YMll+iMlHb2A1mijRGnUlgM4HG1PT9/Is8h2Lpe9t7e3t8+xQ8r7HufdpanCL2TIfeQlI1fMVf6UbKHJlMpyP6lBFQ4DrDZKKv33mTFKSt/Np8ORRYNQ8UkSvMoE74fKnP9wvV6/yvKDMhU+c0V6vciKvH9XGV1DEZbiRrc0FX7Mdc4oVk4qeOZ5BA4zClbCYfxC6ReaBz+Rj0jlPI9v0xPzBGWIWXFUiDtpEUXbqjgqkugP2udpf8k5RV3Eu7cDMmVkp/TimY833gun6XU4c8p2vJ91zqJUnmUaxLPHJO7I007ACfQQ4LdyrV2pTvH8UWqIMop3twk1M7dybgwB2QD5XaIQgkicrolmz3YQ4sjiMk37j3Su/h3l9SXhvOYU6l2OW64sxVnBvQsMPPzb7ZzIg0FdzA0f+Tq1UBuNKSbnKcrV4qFhUhRiLXVQ16MTcAJOwAn8vQRyFxntiHp1mm4IYCZ0Itdtkg/QqJ+Lozoq0zBBnfLjKz9hYmsynzDL7dX3cF2m4bTVvJVZ9DtkGiI589Zm0Z+JaYglzKOIo3oayMZyv3oDLSs37PNyaGrjOW/z7EHqJqRz04D0v9FL/YZNjVrmDZnOmY2pJqZN09lGGpX7XaZbzcqOeN/KvMp0r9lZ5mPdYpqJhQEU69UKrXRq/Xi5E3ACTsAJOAEn4AScgBNwAoMELB4A2IKVTnU44WmDP1gtfihVExrR0T4jxmt4XQswbJgGJZcWVDraxZp4MeZJSzxhWL2QoyLNhzyYlMu9nN1EKmP48F0rFixtatMs1mPcyjD332Vaa9zS8JDpVuPWhodN14zPMGxiumD8lcpuXwfkOrQNLTq+S7z/7Z7TUoT3iSpfbOKzCqqZGWZB7XkaJg4xLO8+Hgoul1cqU5/WEjofWWamgyIvosfbQzgKcX532nJ6xJfm2FTTBShulEqbkE6dJaizeKqoL/kpw5w3TDplGHM48+YcJj5kumQYlGYY7zbdYniW8S7TGsMzjKtN9xi2Nq4yPWLY0rj2lCefXLouzYkrp/rJBQCaI9HmnzDwhWRos9IZMuGNnYATcAJOwAk4ASfgBJyAE3ACTsAJOAEn4AScgBNwAk7ACfyTBFQftPQS4KV+aosPy5/D5xa9csPtzvAzFbQYkPzeHYPif9m2HPiZfqaBLgxKzsglwHfwMg00aJ45yDP7xvgRp4NGRysHvbIvjK8Wl4GGkZkQZmrDf29cDhpGLaFYasGfdTwNNAYyAmmkLfpfFU8HjYFqoIU28X+CgBTikjsadFaL24CG0UbgqJ6KWwGGwe1Aw1gH8C0BYzzarw2i3fQYHtP5a4r804faxnWWP2nWTMnyLWd0x2zGmLad1VuBbgSMGS5/4APQiNsB3wJ0I+A7eD1tcBTOiKeCtoBlobEC/CmgZ8CZoWl5AJaCXgFjRR89B2AJ6DMGf0afpQMwFfQOg93BAx+AaaAbBnh3F1GaDRZlZ/uZBhpwEgNcChg+EHfzA19mkQcYBmmmOSK0m5+RsXhbJ+AEnIATcAJOwAk4ASfgBJyAE3ACTuCDwB+a1hS5U0qIkQAAAABJRU5ErkJggg==);
    background-size: cover;
    background-position: 50%
}

.fade-enter-active {
    -webkit-animation: fade-in .3s;
    animation: fade-in .3s
}

.fade-leave-active {
    -webkit-animation: fade-out .3s;
    animation: fade-out .3s
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.plv-pagination {
    line-height: 30px;
    text-align: center;
    color: #666;
    font-size: 14px;
    white-space: nowrap
}

.plv-pagination__button {
    display: inline-block;
    min-width: 32px;
    border: 1px solid #cfd8dc;
    border-radius: 2px;
    background: #fff;
    vertical-align: top;
    color: #9e9e9e;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition-property: border,color;
    transition-property: border,color;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.plv-pagination__button:hover {
    border-color: #3082fe;
    color: #3082fe
}

.plv-pagination__button--disabled {
    color: #e9ecee
}

.plv-pagination__button--disabled:hover {
    border-color: #cfd8dc;
    color: #e9ecee
}

.plv-pagination__list {
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    font-size: 0
}

.plv-pagination__list>li {
    margin-left: 8px
}

.plv-pagination__ellipsis {
    display: inline-block;
    vertical-align: top
}

.plv-pagination__current {
    background-color: #3082fe!important;
    border-color: #3082fe!important;
    color: #fff!important
}

.plv-pagination__pagesize {
    margin-left: 8px;
    vertical-align: top
}

.plv-pagination__aside {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px
}

.plv-pagination__aside__input {
    width: 32px;
    height: 32px;
    margin: 0 8px;
    border: 1px solid #cfd8dc;
    border-radius: 2px;
    text-align: center;
    color: #666
}

.plv-pagination--small {
    line-height: 24px
}

.plv-pagination--small .plv-pagination__button {
    min-width: 24px;
    border: none;
    background: rgba(0,0,0,0)
}

.plv-pagination--small .plv-pagination__aside__input {
    width: 36px;
    height: 24px
}

.c-playback {
    width: 1200px
}

.c-playback__item {
    position: relative;
    width: 360px;
    height: 244px;
    margin-right: 60px;
    margin-bottom: 40px;
    display: inline-block;
    cursor: pointer
}

.c-playback__item:nth-child(3n+3) {
    margin-right: 0
}

.c-playback__item:hover .c-playback__item-video__cover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.c-playback__item-video {
    position: relative;
    width: 360px;
    height: 202px;
    overflow: hidden;
    border-radius: 6px
}

.c-playback__item-video__cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-playback__item-info__wrap {
    position: absolute;
    width: 360px;
    height: 49px;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(rgba(0,0,0,0)));
    background: linear-gradient(1turn,rgba(0,0,0,.7),rgba(0,0,0,0));
    border-radius: 2px
}

.c-playback__item-info__wrap .c-playback__item-info {
    position: absolute;
    left: 8px;
    color: #e4e4e4;
    font-size: 0;
    line-height: 49px
}

.c-playback__item-info__wrap .c-playback__item-info span {
    margin-left: 6px;
    font-size: 22px
}

.c-playback__item-info__wrap .c-playback__item-info_ico {
    display: inline-block;
    font-size: 20px
}

.c-playback__item-title {
    margin-top: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #212223;
    font-size: 20px
}

.c-playback__item-start-time {
    margin-top: 8px;
    width: 100%;
    color: #aaa;
    font-size: 14px
}

.c-playback__item-btn {
    position: absolute;
    top: 50%;
    left: 50%
}

.c-playback__item-btn--playing {
    margin-top: -24px;
    margin-left: -56px;
    width: 115px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    text-align: center;
    background: #3082fe;
    opacity: .7;
    border-radius: 28px;
    color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-playback__item-btn--playing .c-playback__item-btn-ico {
    display: inline-block;
    margin-right: 4px;
    vertical-align: top;
    font-size: 24px
}

@media only screen and (max-width: 1280px) {
    .c-playback {
        width:1180px
    }

    .c-playback__item {
        margin-right: 50px
    }
}

.c-advert {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 16%
}

.c-advert__main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-advert__list {
    height: 100%
}

.c-advert__item {
    position: relative;
    display: block;
    background: #242424;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.c-advert__item,.c-advert__item__img {
    width: 100%;
    height: 100%
}

.c-advert__item__text {
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-right: 16px
}

.c-advert__close,.c-advert__item__text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-advert__close {
    z-index: 1;
    width: 24px;
    height: 24px;
    display: block;
    right: 11px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAASFBMVEUAAAAAAABra2sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADBwcEtLS0AAAAAAAAAAAAAAAAAAAAAAADDw8MAAADR0dH9iIZjAAAAF3RSTlOAAKtwfnhJNmgnIQ4J7I9rY11ZTynuFP8ZL/cAAAGpSURBVFjDzdnbcoIwGATg1ZwICYKA8v5v2tSZ1kMT8gN70b11/CaOQPIvOK0nts5eG2W0Nqq5WtfGyhdWQW8bjY/oxvp9YDsZFGKmdjPoFFajnBh8cjVSDHoFUZQXgWGEOGOog7PBhpi5BlqNTdF2FYwDNmeIZTD02JE+lMC7wq6oex4MCjujQg6MPXanjxlwwIEMf0GLQ7Gf4KyPgXp+B4PBwZjwBo44nPEV9CDEv4CKAaon6ECJ+wUVB1Q/oAN4S0RxgZfujELO3aW4xAS2ee+2LOeCtyy3vNg+wAm5dEvKOe+ldMhleoCmsIynKPsgxXyDHqiIYg/wCbSoiXIPNoENaqLcQ3NC1KiJcg86ogWqothD4hwEothLnIVElHqJu0IkCr3ENZCJMi9xCjJR5iXOoC7KvcRpCESxB00H6T+Z/qfQLxv6hU2/9egPB/rji/6AZW8B9E2Kvo2yN3r6UYR+WGIf5+gHTvaRmH5oZ48V9MGHPZrRh0f2eMsewNkVAb3EYNcs7CKIXVWxyzRy3ccuJNmVKbnUJdfO5GKcXN3/h5cLO19/fAEq/SixTBNY0wAAAABJRU5ErkJggg==);
    cursor: pointer
}

.c-advert__paginator {
    z-index: 1;
    position: absolute;
    bottom: 2px;
    width: 100%;
    text-align: center
}

.c-advert__paginator__dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
    opacity: .6;
    margin: 0 3px;
    cursor: pointer
}

.c-advert__paginator__dot--cur {
    background: #fff;
    opacity: .87
}

@media (max-width: 1280px) {
    .c-advert__item {
        font-size:14px
    }

    .c-advert__item__text {
        padding-right: 24px
    }
}

.c-live-stream-modal__main {
    padding: 40px 0;
    text-align: center
}

.c-live-stream-modal__tips {
    margin-bottom: 24px;
    font-size: 14px;
    color: #333
}

.c-tuwen-live {
    position: relative
}

.c-tuwen-live .plv-tu-item,.c-tuwen-live .plv-tuwen-item__body__gallery li {
    background: #404040 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAALQBAMAAAA9U8BlAAAAHlBMVEVAQEAfHx8uLi4kJCQ3NzcoKCg8PDw0NDQrKysmJiZwl8Z3AAAKO0lEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYVdO9aJKogCMDwBdsHOk1VcOwiJtYQoscPSklgYOyTaQ0MolcKaiuc1hmgW2S1uTO6ezPm+J5hk/szNPTMAAAAAAAAAAAAAAAAAAAAAAAAAAACUNb3+eBiJvLs5adSxfRrZzH42qthOdfr9ocAqpin7i9hrlPA+cnp+1ihgI7J62yjgMrKaOQIL2Iq87hrd+xJ5zRvdyzcCXGAc3b3MX+CI143ObUZmLxqdyzoEvDdrdO5HpGYQ07uk13Cu44rI/Q8Scdvo2nbk9rTRtbwXwQIsYSdy2210bRK5PWt0TYCsweoAZ0drJsBaJg/ze9XWbXogwEoWA0wy9t0XYCGTfLu9nW9JDPAfAV60FPYFWMdigC9bDpsCrGOScLM3Eq6JgYYHmOf58ZYA61gM8HvLYSrAOibZhjC/CbAOATKMAOmJABlGgPREgAwjQHoiQIYRID0RIMMIkJ4IkGEESE8EyDACpCdrCfDr9eejNzdXAmQdAW4dxL35lQDLGz/A88P465MAqxs9wA+x6FiAxY0d4Ld46FiAtY0c4Hn8606ApY0b4NZhPHIhwMrGDXA/HpsLsLJRA9yJZe4EWNioAZ7GMrMTAdY1ZoBPYrldAdY1ZoCnsdzsTIBljRjgTqxyK8CyRgzwMlaZC7Cs8QKcxmp7AqxqvAA3Y7VdAf5i7455lwbiOIw3iP3r+KUouEGiu2iCKwwmjrA4HyFq3IomzqiDszFRX64mDkbhrr3DntXf86yk2ye017veWS0fwLn8VQC0WjaApULVADRaNoA3FOo+AI2WDeBOoUYANFo2gHOFqgBotGwAFwpWA9BmuQAOFW4DQJvlAnhD4W4D0Ga5AF5TuAkAbZYL4E7hpgC0WS6AB4WrAGizXADfqiEHQJPlAvhRDa0AaLJcABdqaAZAk+UCKADSXwRYqqkjAE3WG4AbAJoMgBQZAOk/qjcAeQa0WW9GwQC0Ge8BKa5/FOBHNVQD0GS5AM6ZC6Y+r4YRq2Fs1pf1gLcAaLO+rIgeAdBmuQAO+CaE+vxV3H0A2qwv3wXPAGizbAAPCuYAaLOe7A0zZWsOo2UDOFCo2wA0WghgxofAIwCNlg/gQYEcAI2WD+B1+RuxRa/V8gEsF/K2AaDV8gEs1vJVOQBaLSPAK/kac1CN2S4DWD7/I2sCawCa7RKAw/dS9cFdvEnliNMy7XYBwMHihE/aFlk1AO2WDnC40I8eXTgbMuHEdMOlA3ybcN367IHpADRcMsCXnme46HeBTwsAGi4VYPlRPztecBN+VADQcmGAzdfFjkOe6demDoCmSwU4l9KufPy7PwCaLhHgVWggG+6JfvbAFQC0XSLAdfhVXhjve/3ozt2iAKDxwgDDo9lkJy/ufdLDr3ddAUDzpQHce05ZiAyAlAZwq98bA5CyARzoNAdAygXwoNOWAKRMAIc6U+UASHkA7nWuJQApA0Dv10V3HAApB8DrOt9TAFIOgHOd7xYAKQPAK/k6ApC6B7iWrxEAqXOApfzNAEhdA9zL3wiA1DXArQLVAKRuAQ4UagJA6hbgQcFWAKQuAQ4VbgxA6hLgTg2tAEjdASwXaug2AKk7gNfVVOUASJ0BnKuxJQCpK4BXaq5yAKSOAK7Vos+Fp/LVuzcApHSApdp0y3n+Pj9K+gJASga4V6s25/VuJUlPAUipALdq1TQ4hbICIKUBHKhlx9DFEwBSGsCDWjby3IB/VAOQUgAO1bpZ6PFxDEBKAbhT6yZBvCsAUjzAcqH21aEZlNsApHiANxXRODSFXDkAUjTAuWJahf48lwCkWIBXimocmsGrHAApEuBacbmQ3c8ApDiApSJbho4ovANAigO4V1Pe2+xLnbYBIEUB3Cr1L3C40Gm3AEgxAG8ovlVo9HwEIEUAPCi+kSu+99rzIwCpPcChUpq+KcrX8jQDILUGuFNalbxNAEhtAZYL/flqAFJLgNfVQRMA0jf27h45jSAAonAVxmsUNosslEHkmCrXxnADHWFVRM7EDcQN4MYuZQL2hwlmhpp+3xle0FnfGeBRMWwJEHcFOFEUCwLEXQHuFEXdEiDuCLBSJA0B4o4A94qk5rAadwR4ViwNAWI0wJmieW0J0N5ogGvFcyJAe2MBThXRMwHaGwvwXTG9EaC7kQCrjWJaEqC7kQCfFNeKAM2NBHhUXHMCNDcc4ESxfRCgt+EAd4rthQC9DQZYKb4tAVobDHCv+BYEaG0wwLMS2BKgs6EAZ0rhLwE6GwpwrRTqlgCNDQQ4VRoNARobCPBdadQtAfrqD7DaKJGGAH31B/ikVF4J0Fd/gEcl80aAtnoDnCidJQHa6g3woIQ+CdBVX4BTpTQnQFd9Ae6V1IoATfUEWJ2V1JwATfUEOFNiHwToqSfAtRJ7IUBP3QFOldyWAC11B7hTcgsCtNQZYLVRcvWWAB11BvhPGTQE6KgzwKMyqFsCNNQV4ERZNARoqCvAg7KoWwL00xFgpUxOBOinI8C9MnkmQD8dAZ6VyycB2rkNcKZslgRo5zbAtfJZEaCbmwB/KaM5Abq5CXCnnFYEaOY6wGqjnF4I0Mx1gD+U1wcBerkO8Ki8FgTo5SrAiXLbEqCVqwAPyu03AVq5DHCq7OqWAJ1cBrhXfg0BOrkM8Kz86pYAjVwEONMjaAjQyEWAaz2CVwI08j3AP3oMJwL08T3AR1iAX5YE6OOnHhsBFo4AEYIAURYCRAgCRFkIECEIEGUhQIQgQJSFABGCAFEWAkQIAkRZCBAhCBBlIUCEIECUhQARggBRFgJECAJEWQgQIQgQZSFAhCBAlIUAEYIAURYCRAgCRFkIECEIEGUhQIQgQJSFABGCAFEWAkQIAkRZHuOb5j97d2wTURADAdTRkrIgoSNDVAAdEAFlgGgAiYCUGqj4Kvjxjez3alh57XHgY3dFa5e/z+oBjpb+AK+L1q52tqeitbWz/RW9pdznOvBd9JZxIfNQ0dznTnYqmssOAqUw7WVPIQ9Fd8lN4O1H0V3yNtgmeID1vGP5gSf42qluigFWbBatAM6QmsToAKf42YlORuAxEqOY+5diivUeNwr/q3+jrLfHJL+vBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAmT04EAAAAAAA8n9tBFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVaQ8OCQAAAAAE/X/tDAsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACsAp/srfR3aV1lAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain
}

.c-tuwen-live .plv-tuwen-live__gallery {
    margin: -24px 0 0 -24px
}

.c-tuwen-live .plv-tu-item {
    cursor: pointer;
    margin: 24px 0 0 24px
}

.c-tuwen-live__header {
    position: relative;
    padding-bottom: 32px;
    line-height: 32px
}

.c-tuwen-live__menu {
    border-radius: 2px;
    overflow: hidden;
    font-size: 0
}

.c-tuwen-live__menu,.c-tuwen-live__total {
    display: inline-block;
    vertical-align: middle
}

.c-tuwen-live__total {
    color: #aaa;
    margin-left: 24px
}

.c-tuwen-live__menu__item {
    display: inline-block;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ededef;
    font-size: 14px;
    text-align: center;
    color: #aaa;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background,border;
    transition-property: color,background,border
}

.c-tuwen-live__menu__item:first-child {
    border-right: none
}

.c-tuwen-live__menu__item:last-child {
    border-left: none
}

.c-tuwen-live__menu__item--current,.c-tuwen-live__menu__item:hover {
    color: #3082fe
}

.c-tuwen-live__menu__item--current {
    background: #e1edfe;
    border-color: #e1edfe
}

.c-tuwen-live__tips {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 105px;
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    background: #3082fe;
    color: #fff;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    opacity: .8;
    z-index: 900
}

.c-tuwen-live__main {
    padding-right: 0!important
}

.c-tuwen-live__main .plv-tuwen-item__body__content p {
    word-break: break-word
}

.c-tuwen-live__preview,.c-tuwen-live__preview__img {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.c-tuwen-live__preview {
    background: rgba(0,0,0,.7);
    z-index: 10000
}

.c-tuwen-live__preview__img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.c-tuwen-live__preview__close,.c-tuwen-live__preview__next,.c-tuwen-live__preview__prev {
    position: absolute;
    width: 68px;
    height: 68px;
    cursor: pointer
}

.c-tuwen-live__preview__next,.c-tuwen-live__preview__prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-tuwen-live__preview__prev {
    left: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABEBAMAAADKPY6BAAAALVBMVEUAAABHcEwAAAAAAAAAAAAAAAAAAADBwcEAAADFxcXFxcW6urq/v7/r6+v////tW2+jAAAADnRSTlNmAF81ESFEulG9vra546LuIusAAAF0SURBVEjHnZYxTsNAEEW/No5xgZCMMaJ0JECUcUMdkIhSYkRBmUC4BnKQ6DkCJ0EcgSPQ0vgMOMGCnZ3x7sCvEuvpaRLvzCxSOxenj4U5ubsmD2F9zm/R5biSkWmBn5ilhMxAcs+RKZwsXSQDS0mRvZojyRlBriDkyEYyiCktZCwjg1+kR9Jp4JF0mjWSozdVh5z3I4cdUvcjyTeSwZNyg0x8SLRB5j4kXiM5vKla5IA9fX2xvqxahJWy1XyQYsBLeWjeSDFICyb5tL+aFDmXPNN6se+XAAvsBiQYYRKQIMJlQIIhxgEJBpgHJIhRByRIUAQkMASRJC1iZ6d5RyDbkgV/rUUsxtAfLWkS568TNLHzAgTNwH2NXDN0DwPXROxIMc2IHUymWfDj7Woq3iROHxmp1Wg3xlLD0p6OxLYnWemGh2IEaQaZYhwqhqpmNCsGvGJNaJaNYmVpFp9ifWqWsGKVay4EaXpDiaf/XU40V5y+i9IX6rFxEIyBhGIAAAAASUVORK5CYII=)
}

.c-tuwen-live__preview__next {
    right: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABEBAMAAADKPY6BAAAAJ1BMVEUAAABHcEzExMQAAAAAAAAAAAAAAAAAAAAAAAD8/PzAwMDr6+v///8vDkrVAAAADHRSTlNmALxfNREhRFH6uuOAE70WAAABdUlEQVRIx52WvU7DQBCERzk7NlBZmMBDUDgFPyWuaEFICSUWQqIkglAnQqKmpuJ5kB+KJFhwt7O2V5kqOX0arW//DpmvyeVb4c5fHoJDeL9Hz2h0VunItMCf3FxDbhHolZEphOYSyUEqQ+RgwUh6HSD3UHTqIzlUlR5yoSPRP9Ji0tigw6SxWSMjtKpqkJt25KRBFu1I+ovk6FC5Qa66kHiDPHUhyRoZoVPVCjny/g8+CVmuED+UnfqLg0EQym79zcEgK/yDY7JxGcJoB2xT4TA8YJsZ9tFjM4a8W7KJcYcemyGonKRNBMqQtEnAxSJsUhTosXEKImyclv+9+gM9kt+0VSzCxPFHy3tJ+epkJAklgHIUURop00NZDFwvsSwprrqxKEyldmeivNlkVd5Bkyh95ESrKd2YiIZVejoWba9oaRsehhFkGWSGcWgYqpbRbBjwhjVhWTaGlWVZfIb1aVnChlVueRBk2WNIvG/3OLE8cdoeSj+e1Gu+mhl0DwAAAABJRU5ErkJggg==)
}

.c-tuwen-live__preview__close {
    top: 20px;
    right: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABEBAMAAADKPY6BAAAAJ1BMVEUAAABHcEwAAAAAAAAAAAAAAAAAAAAAAADBwcHFxcW8vLzExMT////+nJ/RAAAADHRSTlNmABNfNURRI7q9t75dQoK+AAABiklEQVRIx42WQVKDQBBFfwVBcJeIsk3Kim7RKnVrFu5j9ABRLyB6gRyAhQfIwgPkCB7AxDmUM0BFeoDh/wVF4NUn3dPTPRjWdXH/mno3T+/iIWr3ySMqXWftyDTFXt6iDTmH0EsTmcLSwkZiNDSTyGjZRIKJQD7Qots6EqNVsxpy144c/CMdJpUNHCaVjUESdCqrkLNu5KpClt1IUCIxHJoVyNiFDApk7kJ8g4zg1EQjp27kWSNjNzLQyNyN+BpJ3Yg3RIIeZTjpQx5w3IdcQgT0/WWuR78iJLzVf6ofc81V/dkhRDnlagWEJbgvK4i0ROZtrj5FYiCLZa1WodrKkoHMnLaxTOBZiLaxTDRiKVKWSVOhMkFJWR/KlQy5+V90OGvLxrOC1uFElk0gU1fkxLLx5QJsTDiR2skFkMu4LXMjl1EUw6Yshp0sBqKkiMIkypvYJMxWIzYsse2J5kG0IKaREe2QaKpMayYaPDEmmGFDjCxm8BHjkxnCxChnDgTMsYI5nDBHnK6D0h+wgWmGGwKsxwAAAABJRU5ErkJggg==)
}

.c-tuwen-live__preview__tips {
    position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 30px;
    line-height: 30px;
    background-color: #ffb648;
    padding: 0 40px;
    color: #fff
}

.c-call-master,.c-call-master-container {
    width: 100%;
    height: 100%
}

.c-danmu-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 76.2%;
    height: 30%;
    padding-top: 32px;
    pointer-events: none;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-danmu {
    position: relative;
    height: 100%;
    text-shadow: rgba(0,0,0,.8) 0 0 2px,rgba(0,0,0,.8) 0 1px 0,rgba(0,0,0,.8) 0 0 2px,rgba(0,0,0,.8) 0 0 1px
}

.c-doc-player-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #393842
}

.c-history-tips[data-v-eaeb065a] {
    position: absolute;
    left: 8px;
    bottom: 72px;
    z-index: 999;
    height: 48px;
    line-height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px;
    opacity: .85;
    background: #000;
    border-radius: 24px;
    font-size: 16px;
    color: #fff;
    letter-spacing: .6px;
    text-shadow: 0 2px 4px rgba(0,0,0,.8)
}

.c-history-tips__reset[data-v-eaeb065a] {
    cursor: pointer;
    padding: 4px 11px;
    font-size: 14px;
    margin-left: 16px;
    color: #5c9dff;
    letter-spacing: .52px;
    border: 1px solid #5c9dff;
    border-radius: 16px
}

.c-history-tips__close[data-v-eaeb065a] {
    display: inline-block;
    width: 35px;
    cursor: pointer
}

.c-history-tips__close[data-v-eaeb065a]:after {
    content: "";
    display: inline-block;
    margin-left: 14px;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAvklEQVRIS8WWWQ6AIAxE6aE8kefyRB4KAwHD0mXAgP4RnD7aKQu5xR+V8b33RxgT0T3D5fQvIE2eKfA1CpH0EVBMZqB3zsEQTS8BIheBMMErLVei0hcVYgWPfjImBx9MCBK8Awh+dOVCg7MAC5IyhrIUAQak1ak+VR60m0soRWWb1WkqQMkEbuN/AUtLpLTid5O1Pv/cpsgmQv7JrbbvqBhZVV4dotlzXC+/cJodG4bwbcaUq9Lvu/RnXhGI5gERN9IZSxVy0QAAAABJRU5ErkJggg==) no-repeat;
    background-size: 12px
}

.c-marquee {
    position: relative;
    width: 280px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    background: #000;
    opacity: .8;
    overflow: hidden;
    border-radius: 12px
}

.c-marquee__wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 0;
    left: 280px
}

.c-marquee__content {
    margin-right: 0;
    float: left;
    white-space: nowrap
}

@-webkit-keyframes marquee {
    to {
        left: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@keyframes marquee {
    to {
        left: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

.c-player-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #292929
}

.c-player-loading__main {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,.6);
    border-radius: 4px
}

.c-player-loading__main .c-player-loading__anime {
    width: 100%;
    height: 100%;
    margin-top: -8px;
    overflow: hidden
}

.c-player-loading__main .c-player-loading__tips {
    position: absolute;
    bottom: 8px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.c-player-ui-select-list {
    width: 96px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.85);
    border-radius: 2px
}

.c-player-ui-select-list__item {
    padding: 6px 0;
    border-radius: 16px;
    opacity: .87;
    border: 1px solid rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in
}

.c-player-ui-select-list__item--active,.c-player-ui-select-list__item:hover {
    border: 1px solid #fff
}

.c-player-ui-select-list__item:not(:first-child) {
    margin-top: 16px
}

.c-player-notification {
    padding: 0 24px;
    height: 48px;
    line-height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0,0,0,.65);
    border-radius: 24px;
    white-space: nowrap
}

.player-notice-fade-enter-active {
    -webkit-animation: player-notice-fade-in .15s;
    animation: player-notice-fade-in .15s
}

.player-notice-fade-leave-active {
    -webkit-animation: player-notice-fade-out .15s;
    animation: player-notice-fade-out .15s
}

@-webkit-keyframes player-notice-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes player-notice-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes player-notice-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }
}

@keyframes player-notice-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }
}

.c-player-notification-panel {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 300px;
    overflow: auto
}

.c-player-notification-panel::-webkit-scrollbar {
    width: 6px
}

.c-player-notification-panel::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-player-notification-panel__item {
    margin-top: 13px
}

.c-pc-player-ui-back[data-v-4f179456] {
    height: 100px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.3)));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2
}

.c-pc-player-ui[data-v-4f179456] {
    height: 48px;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-pc-player-ui-progress[data-v-4f179456] {
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    padding: 12px 0;
    cursor: pointer
}

.c-pc-player-ui-progress__dom[data-v-4f179456] {
    height: 4px;
    background-color: hsla(0,0%,100%,.3)
}

.c-pc-player-ui-progress__dom__cache[data-v-4f179456] {
    width: 0;
    height: 4px;
    background-color: hsla(0,0%,100%,.5)
}

.c-pc-player-ui-progress__dom__current[data-v-4f179456] {
    width: 0;
    height: 4px;
    background-color: #3082fe;
    min-width: 7px;
    max-width: 100%;
    position: absolute;
    top: 12px;
    left: 0
}

.c-pc-player-ui-progress__dom__current__dot[data-v-4f179456] {
    float: right;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: 7px
}

.c-pc-player-ui-progress-time-tip[data-v-4f179456] {
    top: -20px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    padding: 0 8px;
    border-radius: 2px;
    min-width: 80px
}

.c-pc-player-ui-progress-time-tip[data-v-4f179456],.c-pc-player-ui-volume-tip[data-v-4f179456] {
    position: absolute;
    background-color: rgba(0,0,0,.65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-pc-player-ui-volume-tip[data-v-4f179456] {
    right: 13px;
    top: -56px;
    min-width: 339px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 24px;
    border-radius: 24px
}

.c-pc-player-ui-volume-tip__play[data-v-4f179456] {
    color: #78a7ed;
    cursor: pointer
}

.c-pc-player-ui-volume-tip__close[data-v-4f179456] {
    display: inline-block;
    height: 48px;
    width: 35px;
    cursor: pointer
}

.c-pc-player-ui-volume-tip__close[data-v-4f179456]:after {
    content: "";
    display: inline-block;
    margin-left: 14px;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAvklEQVRIS8WWWQ6AIAxE6aE8kefyRB4KAwHD0mXAgP4RnD7aKQu5xR+V8b33RxgT0T3D5fQvIE2eKfA1CpH0EVBMZqB3zsEQTS8BIheBMMErLVei0hcVYgWPfjImBx9MCBK8Awh+dOVCg7MAC5IyhrIUAQak1ak+VR60m0soRWWb1WkqQMkEbuN/AUtLpLTid5O1Pv/cpsgmQv7JrbbvqBhZVV4dotlzXC+/cJodG4bwbcaUq9Lvu/RnXhGI5gERN9IZSxVy0QAAAABJRU5ErkJggg==) no-repeat;
    background-size: 12px
}

.c-pc-player-ui__icon[data-v-4f179456] {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 12px;
    cursor: pointer
}

.c-pc-player-ui__icon[data-v-4f179456]:hover:before {
    content: "";
    position: relative;
    top: -48px;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: rgba(0,0,0,.65);
    font-style: normal
}

.c-pc-player-ui-left[data-v-4f179456] {
    height: 48px;
    position: absolute;
    left: 8px;
    bottom: 0
}

.c-pc-player-ui-left__stoped[data-v-4f179456] {
    position: relative;
    float: left;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACD0lEQVRoQ+2Zv0odQRSHv98jWIek8CHyBHkC8wgW6WITghgUggbypxCLQBAsBBsl3sZGSCBGhFQpQoIgGkFELMR4RVREZeTALsgl3J29987ODtxpd3bn+/bMnNk5KxJvSpyfvkDsCPYjkEQEnHMPgBngSQb8BZiS9Kv2As65R8A3YLAF9haYBcYlHccSKVwDzrllYKgN4IlJAJ8kmVSlzUfgHzDgQfUbGJFk0aqs+Qi4kjSfgReS9kre11H3EAIGcgl8AN5JuuiIzPOmUAL58PtZNJY8eUp3Cy2QA60Dz0Ok3aoETCRI2q1SII9GT9NuDIFc5E82rbpKuzEFcpGu0m4dBLpKu3UR6Djt1k0gF/kODEv6W7Qx1FXAuC1bPZa0006izgLG3ZD0NGWBpqS2X8J1j0DyAklPoWa2iLdTXANfgWeSdlNLo1blGJW0WgSeX6/LIrbjpxUGFiSVOsLGFrCCwRvgo6Qr37d+v18sATszW6HsraTTTsBjTSE7lc0DE5IOugGPIbCSLdDNXoBXKfADeClpo5fgVQhsAWOSGiHAQwocAq+BOUk3IeHt2T5ZyLc2ega8B6YlnYcGLxOBour0tVWmgUlJR1WBlxF4CKz95/+A7ZiLwCufb5ZQYoVTyAZ2zpnEdMsfGtuEfoYC832ul4Dvw2L06wvEeOulPuZiAxaN359CRW8o9PXkI3AH4FDcMXntc9QAAAAASUVORK5CYII=) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-left__stoped-active[data-v-4f179456],.c-pc-player-ui-left__stoped[data-v-4f179456]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACp0lEQVRoQ+2ZS2sTURTHz/9m2kglzUwEN2IXfogUEXTjJ1DwC7hwUYkoRYoSsajQ+iBmpoUiuBDc+OqmC0UrrVqaTMFFUQTxAUXEhZhUxOgY4y1JrAbB3pnJnRfMbOfcc/6/e+49c+4dUMQfRFw/xQBBZzDOQCQysPNobduvulXknO9tCgbhAWd0dsnQlkMPsCtXGag3MEfEd3SKBaHBiV9JkZJ/ONn/KSgQ4R4YPFy9wznf9z+BIFSJeH5gjzZ16wAafoOIAYaqFU5cEwkD6BkxHDF1bU5kK/O9ECA7VOFOAoJwO7GJhhcvaStOxrm1lQ7Q2uSgbwRc2LpFHZ85jZpbcXbGeQLQEfgdS7Dhsq7etCPGjY3XAL814TExynlRdn0CaH07PCm7vgGsLw/ZZdd3gD/rHPQcDLluy25wAOu7o8uyGzhAt2U3FADdlN2wAbRZgEcKcHDRUN+Ivg3hBGi37FXWy7KlQvr1RhChBWgnAtPmhLY/sgAErC5NaBt2wqHOQOQBor2EgFUwljX19KvI7QEAsz0KDi1cVt9GqowCWGaMjZT09D2R8L/NocDS6ZHSbuBOOxBWKEH5clG9DsDhETZAAAAVcDqnMXXyrgHLHXwAAK0zM1ExtZnGZsczn90ID2QJNU9lRHSN9SZPlQp977sRHgAAZsCUEdNIvZAh3D8AUAmMjpt6ZkGmcD8AXjKGE2VDm/ZCuHcAoA8ENtqXSV+dH8VPL8W3OlZRgEG7d6NEX8Bwvj+pFu5fxFeRX1nvxQCC22ki1Ak0lYRy5omR+ihLmF0/QoDdx2rbv1vW/L//B4jAAX6jR2En7fQsdgU5tRMCNB02IawfVqHzDw0lMGbq6lOnAWXb2wKQHVSmvxhA5my68RVnwM2syRwTZ0DmbLrxtQZujQJAarXLnQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-left__playing[data-v-4f179456] {
    position: relative;
    float: left;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA0ElEQVRoQ+2Zyw0CMRBD7T6gIBqhKBqhILaP4cQFocxKVhQivb1G6/naM1GszT9v7r8IYHUFqcDfV6CqbpIeki5fzh6S7rafSRApfttCVfX64fzH58P2NQwgwj8TQI0ctN1ijP6vqgi/NZ4a6KqT4hMALQQHGpalJIPEjUyjQqgQKoQKscyxjQ5ZwCSeLBJMYiYxk3gyybgPcB8ISUYL0UK00JgF6bLILrTDLhQ9QJyQ0Qj/TAvt/cTUZXD1eVuB1Q529gmgy9DscyowO8Md/hvOMSxAGNSCbAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-left__playing-active[data-v-4f179456],.c-pc-player-ui-left__playing[data-v-4f179456]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA4klEQVRoQ+2ZwQnCQBBFZ7AAIWdtQ23BRryYcpKLjdiC2oaeAxYgKx4E8bD/8JEYeLmG/J2/M/OGzWZM/MmJxx8YGDuDZODvM7Bp79sSj0MpsfgMNjNuGbPdqZsfHROuviyhdTtcv4N/B/wyce6apWPA1ZcGVvuh1AK89I3UqH3v6svF3QVUdlx9DFBCZo9RQpQQJSRA7XKaOSAmPRSCQlAICnEesA5MYBSMglEwCkbBaLULOND8GBJMYiYxk1g0mXsBoX6ruPqyid0rIGXA1ZcGVABjv8cAGTB3gBIyN9D+/AkuOkRAb41qbwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-left__refresh[data-v-4f179456] {
    position: relative;
    float: left;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEPElEQVRoQ+2ZS4gcRRjH//+urtGACepFXYQNgkYPAZ8hkVVXAwlZ0UDwIoqYg4IgeBAN4gPFg6Je9CAKgpigQkR8RA9CSJQYFcSoieAjGmLiI4kHxYho1+Mvve4svZOZ2d7pnhkj26dhquur/6++r76q+po4zh8e5/oxDzBsD8574H/jAUmLQghrGONqkaOURkCeAaAB6ZDIw5T2K0m2GmPeIflDHfCVQ0jeTwTpDgJXSrJlRRH4VEnyuDFmM8nQ2k/S2dG5h/P/E2vvJ7m3ne2eAZRlywL5GKQryoruIGCvkuS+NE03F9tDlu0ScEH+H4FdptG4qBYASUn0/hFJd1cR3tqXwMbE2ttJHs3bgnNR0uQEk5SxNqkMMBnn3r8E6eoOxvaAfCMB3kWa/gjgZwAZgNPh/UgELhOwmsCYpLQNxHeJtatI7vNZpmJ72mi0jZbSIZSLj869L2DpMeLJN02a3kvyizJekbQ4hrAB0npJJxT7EDiQWHt5cG5/bQB52ATv34K0pmWwgwl5A63dUUZ4m4V6bnTuZQHnt9jdJ+Cs2gCCc09IunOGAHKnSdN1JI/0Ir7ZR1IjOvesgJu72ek5hJRlywPwYRvxK0n+XUV8ASKJzj0v4KZO9noG8M7tgDTWNEzg+8TaZVVnvk045WG6rVNa7glA3q8NMb5eHMyQY7R2Zx0z3wZicfR+t6SFrW09AXjntkJaOW2MfC21dl0/xDdtBuc2SHq0MoCkU6L3R4r52lh7Hsmv+gkg6eTo/UFJJ1XKQt77GxHjpkLsf2Yajcmtvd9PyLI8K91aCSBk2QvFrEDyQWPtQ/0Wn9uX99eFGF+pBOCd2w5pvGnEkFfR2u0DAZBOC84dmvY+GY21pt3YHY8SIcu+FnDONIC1S0h+MwiAfAzv3AeQVkyOR36UWvvv75anM4BzR4sLyVi7kOQfgwKQdGb0/i4AvyZp+nSnfacbwO/FfGysXdQ86g4Kosw4/9kQKiN+Mro6vTjMRVxWfFeAYabRWgCGuZHVAjCso8RcxHcNoalcPPDDXK0AQzhOnxq830jgQgDPGWsfmA1o1kv9AC80C6YuNMsLx5dLae3M22DZnbj53oCulCZ4/yqktUV9hhynte9188KsHsg79/lSvyA698wx92HybZOm1+RFrcoAU2WVLZAmisYIVCurZNklEdgkYMkMkeTHJk3HSf5ZeQ1Mh1K9ha2lMYRbIN3WWqEjkFfnVpD8ZTbxs6bRVgM9lBZ/yu8nAEYRwmiUlgi4HtLF7cQR+DKx9lqS35YRP2eAvEM/irtTcf5kkqb3kPyrrPieAArZqa7y+oGEXE9rt81FePPdUlmom+EKHzg+V5I8ZYx5sUqFrzJAcZGHECYY46rCJ6YRACcC+A3SYQC7AXySWLtlLnFeOY324tpB9anNA4MS3DrOPMCwZr62LDQPUHEG/gGVtT5PlLb2xQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-left__refresh-active[data-v-4f179456],.c-pc-player-ui-left__refresh[data-v-4f179456]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEzElEQVRoQ+1Za4gbVRT+zmQ2+zJpJijVRVgRdPVHwWdmU7a6Wqh0RQvFCqKI/aEgye62iFbxsV38odSCusmKBUGsqLBFfFSphbLdss9ErFoFH7Wlbn20tZtJtmvdbjJzZNKmTabJZpLJw5WdX8Pce777ffece+69ZwgL/KEFzh+LAqrtwUUP/G88IHeykzi2msF3AWgGuIkZVxDBDtAxgI8DOMIQ9hDZd4cCDb+VQrzlEJK7Yh3Q1G5mugPgGtOkiL4GCa80r3AO7LifVKOd3BW7Bpr6YvK7YHs+1LfkYDbsogV4O2MelbUtYL7dNOksHYnoIAn03ESfayC92eNX9oP5Rv0bEe0PBaWbSyKgp4eF3VPKSxrjKSvEjbZEtF1scPlHt9Apvc3jUzSAz00wcbhfEiwL0OMcrLzPjLuzghG+A9Mngo2GoAm/NzYm/vx7TppT47HLBQhNjMQKgPQ10sbM4kUYRIfsIq0aec112OOLcHp7uN+dNVpMh9A58iPMWJZl9j61CeKzY32O7814pXWDcpWW4E0ArQdzbYYNYVKspdsSs3ykZAL0sPliSvmMGasNBI9CwIPhgHvYDHFjH69/+jqV1Q8AviGzjQ4DfHXJBMg+ZSuDn0gHJMKora5m7dhWx4liyKds1vWwffJkdBuDH5kPp+gQkjtjrayp40bybpJW7grQGSvkU7ZnPRx9m5kfzoVXvABfZJiBthQwgX611YseqzNvJKqL2DUVHcyVlosSIHcpa1jlj9MHE0hsmwg6R0sx80YMfXFznA8w4DC2FSXA41P2ALzyPBjRR+GgtLYc5FOYrb7oJg3ay5YFtD0dleIzfCI9X9tIvH486PyxnALaNyiuf+J8lIFLLGUh2R95iBnvXgChb8L9UnJrL/cj+yPbmPGYRQHKOxlZgWhzOCj1lpu8ji93Ru9jTdthVcBeZm4/n31sdGeoT9pbEQHdM0s5MXcsbe1p4aBkyzZ2zqOEx6/8BOZrU0Z2iC0j/c6fKyFAH8Pjj4yB4dXfiTARCrqT78YnpwDZFzmVvpAaLpUcQ700UykBcufpK6GdeZIIilAnvpFr35lPwHR6Pq5plJypo26lRJgZ5z8bQmbIJ8MrV0fZr1RtEZsln09A1dJoiQRUbyMriYBqHSUKIT9vCCVzcRUOcyUVUOnjtHdjzK3F1e0M3ESgt0JB6YV8gvJe6uUKXWi8G7leiyuDzGhNkRYhLh/rd2bcBk3vxKmOlbhSrhtg2+S+6IcMXpNO0CZQ+3hA2jefF/J6QDcu56X+7MxH3zTeh4nw+URAuoeIMupDBXtAN0heuk8qOxnoMABYKqss747dmkio+p2jJROXvlx6mat952Y6bXkNXAilZFWuJIUtrz+yTAU9SsDjF1XoiA7VkugdDjj+ykc+bxo1AhRaWtTI8YdYD+bZmeYEx5sFjVo0wgNgviUbOQJ+EOy2e8dfXfKLGfIFC0iFU+mLu8Qk4PV6t+uZoV6aNUu+KAEp8FKV10GYBIT14aBrsBDiqb6mstB8wMX+4CCib0Hoc8P1npUKn2UBGYtcm+4AaatSv5gANDGojhhREB9npgMgfGWrEXYWEueW94FiXFspm5J5oFKEi9rIqkXOzLiLHjAzS+Xss+A98C+K1jdParIc1AAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-left__time[data-v-4f179456] {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 48px;
    margin-left: 12px
}

.c-pc-player-ui-right[data-v-4f179456] {
    height: 48px;
    position: absolute;
    right: 8px;
    bottom: 0
}

.c-pc-player-ui-right__full[data-v-4f179456] {
    position: relative;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAYAAABT9ym6AAABM0lEQVRoQ+2Z0Q3CMAxEzyvwB2IHVmANGIQhGATWYAV2QPSPFYKCQGqjkkQXuSnB/Y5j3ztHSmNBI580ogMmZG5ORh1xzq0BHAFsASxjxYtIkbvOOZeA0wG4ADiIyC1c+zX5W8QVwCKH/gRCPmU8AGxCMTEhJwC7HBF+zYRCfLqziOz7tcWE3FPtNNhIv7X66ToRWeUKGfRsKfFcZ7+tC89QWE/MERNSSn8s3hxJEdCgHtszVY+dEXOEJEC3FpmvWljRRa9a1SOJTcic3HhdWudWEFuPCWHJacWZI1pk2X3NEZacVpw5okWW3dccYclpxbXvSOpHRousvWuxBMwRkkCq1e05iARLh5kjKQI0WjIwVc9fDHqaGb35ie7vD0N9KzcxnibPZLWw9m+/1dCSiZtx5Ak8Sc4xYB6f4gAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__full-active[data-v-4f179456],.c-pc-player-ui-right__full[data-v-4f179456]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABDUlEQVRoQ+2ZQQ7CIBREIR7ApGu9hnoFL+LGHqduvIhXUK+h6yYewGBYmCg0/ZBJaD+ZbsuHP/MmpQFrlD9Wef+GAqYmGBHYta+9M++zc2aV0tz91EAUN8fepaxjrXlaszhcu+Xld3y0+LbtH6nN+4lKCfBreRG3rlmPCkh15DtJSQFDhkUEqhOAOpyS77ExoaFhPyIBCgARkAAjxAj979T1f4VA4sXLoR+x4t0OLEgBU1MgARIAHWCEQAPhchKALQQnIAHQQLicBGALwQnqIyCdAoCGZZdL/fBcKNvSzAIS4LlQZmTC4YyQ+ghJCUAFohcq4j6gToD6Sz7116xSZOb2vr6/0bk5LPWjnsAH/orSMbiaHvkAAAAASUVORK5CYII=) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__full-active[data-v-4f179456] {
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACC0lEQVRoQ+2ZvUoEMRDH/39sRAtBK0WfwVewtbMQ/CoFO1sfwtZOsPQLLOxsfQWfwcOrPLBQbGQksCe5dTeZ/Ug2C3vd3SaZ+c0/N5nMEj3/sOf+YwDoWsHOFRAR8QRhDOAZwBnJUX5sHwCmPk8AbOYhSgFEZBvAZTb7lORjiO2iUMA2e0vy0P7BBfAKYD0b/APgiOR92xAVAcYk1+oAmDnBIFxByQOSnAm6S4EdAA8A5iwD0SFqAxinRWQPwLUGwmeo7tbzrevNQloIn6HOALRKJA2ggUgewAcB4G4mveWyRadbyDbu+E/Y2Qr5dJcMgEOJGR/bAvCBe7NQ2QIlSvwNTw6g4pE/Ibnii14bz9UKVAT4IrnYhoO+NUIB/Cu6fI7Ufd4mgKnX5wF8ADgm+VTXqSrz1ABVFo05dgCIGe0iW4MCWgWyO/YVgCUA3wCWXXO1B2E0BUTkDcCqFjhFgE8AC30GePdtmzrleMwtVNaBa9QoSAHABL42xD+AWFfDzOnGLZsuAfa1LRtnus0/jKWASZPalk2yAL5GgaYX29kWsg+qJkokAdBEiWgAmhPYocRu2fuJpAAcSoxIbqjK6VBFl0aB6ZgCJSoB3AA40BrUVo3a9SwI837iIvt+UnbHLtpC5rXSi7bwCgWgBS6shUTEQJwD2PLV8EkCaOlTGBetGg0FOwCEiqx23V+eMjdADaC+YwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__full-active-active[data-v-4f179456],.c-pc-player-ui-right__full-active[data-v-4f179456]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACOElEQVRoQ+2YsU7DMBCG79JChw6QSmzwCi0T7YgEC08AEnsZ2nfgJVIhuoPgCXgCpBaJmYERxNjSGTWHTBU1pEl8cWI7lZo19vm++88+nxHW/MM19x82ALYVtK7AUW9CnCAgwidCpTvydp7C41MBOv3vczF45O0+chZRGcMFELYFxNhrHLAAhPNEdLeYiJe6ILIACF9eBo1/QY9VIHCegCp/AIBzXRBGAHRDpKVeFJClgDAYVcEWhDJAVgjZQiobXMyR2ZUeo1wlZAtZA+AqUWoADkTpAWQQPvkP4TSJnhZWUyi8eNKeCGpGMLa0AElKRCNcFIBMOekplGQgTgkdKVQYQJaSj4DT8cBtyBYv4j9bgSwAADA7bLp7wyv8KcLJNBuFA4iLH/jb7fFN/VW384vrDfOTKSDShoAc9GsnppzPBMDh7N7Slom0CfvCVoADYGPMBiBL1HX02MYUWBY+0ZvDjIDcNHhuJTcCIKvacSClA/CJ7gHI4aZcqQCE0+3edCJLG5W7lJEUEo4lFcK8TzbWARbVVP3daQXAVGsonA43QaoQ1gAcdC7E02VeCGsA4pThPtlkuk6bSqHgmMwLYVWBILJ5IEoBkPRQwNnYxgA4FVhFiVIBJCsBb62m24prlqQAsshx7ywyO+H/YSUQ8b0K28fPXv0rzkYpAZZK+NdVrJ0mOR/bE7f7kw8i2OdGTIcCwdqcHntFgU5/dkYwH3IhdAJwgmjsMsdxRmXMBkAlakXOWXsFfgGLDM1A5hqd+wAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__switch-ppt-vedio[data-v-4f179456] {
    position: relative;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADEUlEQVRoQ+2Z26tOQRiHn1/O53NSlFwLEYm0I8khIYlIlBxSpCQ5ZBc5hJRQkqTkfD4fr1xw4caNv4C48A9QeDW1di3j+749s75Za9tlXa5vZtbzzLvWvO/MJzr5pU7Oz3+BFBE0sxHAaOCdpB8xY3Z4BMxsOXAR6Am8AVpiJDpUIIO/DHTJzfo0SW9Do9BhAnXgvwFjJH35pwXqwP8EVkq6EQrv2lUegQbwqyRdj4GvXCA1fKUCZcBXJlAWfCUCZcKXLtAsvJl1BYYDnyVZrQ+87ipkZvOAc1mnDZKexqwQCeA3AqcBJ/EBmCTpu8/QSOAjMDLr8EnSqFCBBPBjgfdehl5eK0c0EvgjZJKCckYC+HHAK2CYN2GuRnodE4FogQTw4zP4oX+B1pnAZBFIAD8hgx9S82MtUyAB/ETgJTC43ndW7xVuOgIJ4Cdl8IMaLRKlCCSAnwy8AAZ68MeAHfl7yQUSwE/J4Ad48Eck7TKzoEWk0CuUAH4q8Bzo78EfkrTH3StNIAH8NOAZ0M+DPyBpX9u9UgQSwE8HXEniw++X1JoXSi4ArAD8DbjbBgbtpMxsBvAE6OvNfKuk/f4KVIaAg82fHsTAtwCPgT4e6F5JB2stn2UI5J8TAz8TeAT09kB3Szpcb+0vUyAGfhbwsAb8TklHGyWuFAJfAb+oioGfDTwAenmgOyQdb680N7Ogcr5RHvAFYuDnAPez48I863ZJJ9qDz/JA0IYqdEMTAz8XuFsDfpukkyHwMW1Ct5RbJN1rb2Azmw/cAXp4bbdKOtVe/yK/B+2yQgY2swXAbQ/e1TNO/kzIGEXaJBEws4XALaB7DsLBb5Z0tghYaJ+mBcxsEXAT6ObBb5LUdqoRyhPdrikBM1sCuANZH94dw5yPpinQobCAmS0FrmXnNm2P/gWsl3ShAEuhLoUEzGwZcKUG/DpJ7u+iyq5oATNbnH2w+cLOzfxaSZcqI88eVEQgn+LdMC7JrZHkSu3Kr2YFHPxqSVcrJ28iAvkaJShDlykXHYEyYYqM/V+gyKyl7NPpI/Abs5K2QK92rsYAAAAASUVORK5CYII=) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__switch-ppt-vedio-active[data-v-4f179456],.c-pc-player-ui-right__switch-ppt-vedio[data-v-4f179456]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADv0lEQVRoQ+2YWYscVRiG37dm3JdxRQIK4rVod/VENCpjRMQFURGJKKIgRhESBAliproC3VUTURFEBRGRgESNxn0Zs4AiGC8kVX3jL1D0wj9gsOu8UhNHuyrdM7WPA+nLqlOnn+f7zvnOQqzzH9c5P04KVJHBjq8Nhrh85jr89N1mDvP0ueYZsD1tkcEeQaeTPDJzA+bySKypwBK8sFfS1HLUOc1N4U7+mDULayYwFh7805rCFUfn+fv/WmAsPBlReDBw+UFW+Lhd4xmYCE88FDjclwe+cYGq4RsVqAO+MYG64BsRqBO+doGy8Dd9q+ljP+CSI/P4jaTGTfCJVajt63ZFeHPJcgpbw3ku5qkQZeHtvp4wwmuApkH+vGEGncXtPJZmmCjQ6ukXQJce/4C/DlxellWgLPysryuHBgOMrNAWuGXcGrGCgEmkbOBamdaMsvC2r6tkcFjSxaMBo8W50OH3OTKQX6AsfLunqwEcFnRRGnRSACvLQFn4jb5aw+ORv3DcUK1VoCx8x5cdRTgE6IJJ86w2gbLwdk8dQxyCdP5KRaIWgbLwrd3aiL9wENB5CXjyRUg7Rp9VLlAWftbTNZFwUNJMotqAz4cun2v1shWRQpO4LLzt6VoZHBB07ii8BS4ELufjZ7UJlIVvedoE4RtI5yQiT/bDLt3lZ7UIlIWfXdD1wwiLJ8CDvdDlrlGhygUsiw+ccACPj4EZT1L2gm40Q3wN6OzUCrsrdNhLV6DKBUhGiduDHPDtBc0pwleQzkqMedIJuvTHlc/KBVLjNXPkO742mwhfCjozVSp3DrrcPan21yYQZyLzsOnrZglfpOEti88GDl9YaeGqQEB/ILWpygPf7usWAJ9LOiMBanHHwOFLq23Ns27nVzoPJATywHf6utUIn8XXhakJ+0zo8OXV4OP3WQ9UmQ40eeDtvm6T8EkaHuTTgy5fyQKfp02mI+UUse1ol5+u1nGrrzsAfAzptNSk3x52+epq3xd5n+mUlaXjjq87I4OPEvCkLGBb0OXrWfoo0qYSAdvTXcZgP6BT/4UgReKp0OEbRcCyflNaoOXpbgofSjplFN4SngxcLt1q1PkrJWB7ulfCvjQ8hK0Dl2/VCb7cd2GBtqf7YPC+4nub/0JvCDweuny7Cfj4PwoJtDzdT4N30/AW8Fjgck9T8IUEOn3dY4D9oxs7gIYWHg0dvtMkfCGB5BIP/LPIPRI43Ns0fGmBGB7Ew6HD99YCvpDA6B4l6wpdp1yhSVwnUN6+TwrkjVjV7dd9Bv4GWqejT0R8u3gAAAAASUVORK5CYII=) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__setting[data-v-4f179456] {
    float: right;
    width: 48px;
    cursor: pointer
}

.c-pc-player-ui-right__setting-icon[data-v-4f179456] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEFUlEQVRoQ+2ay69fUxTHP1+vEBphUJRITCRUmOi8RCTmnvWMR72aFIOOvCJGBlKhHq2IaqjHHyARUcY6IVEDCSG0RVIRlHh9Zd3sc7Pvts/jNueX+ztiTc/ea6/veq+9j5g4aeLyMyoA22cBTwDrgTMK5RwA3ge2SPp6LMWNBiAJ/xFwao9wh4CLxgIxJoDXgOsGana3pA0D13YuWzYA26uBQ5L+zDnb3l9xm7bDD0haU+w/Jqwn6bvlABsMwPYdwGPA6cBvwFvAfZLCJbDt/GBJS3i3fbcdLvcUcCVwPHAQeFjSjiFAegHYjjXbgdsrDL8AHgVuAS5ZDgBgD/By2n9OhfeLwEZJSxRTrusE0CN8l4IOSzqxcJHDwAlDtJqt6QXRByDMWGr+D+DYHkF2SgqrLJLtncBNPftqvHdI2ti2rxVA8vlwnZwiUC8DHgGuqTDdm9zieUl/FQCOBu5K7nZxZe/rKcbeBZYEeHKlakx0AYjCEwHbUAi/XtJntkOYZ5N1wkffBB6XtG+Ii9g+H3gIuAoWimm4yj0B2va5KT5yEAcllYVx4agqgJQqv82ECdNG8fm00GpU3h8k/TJE8HKN7YiTU8qiZvs84GMgUmtDp9VSbBuA2PhTSmsNgzeA60vXOBLBu/Yk675auGik7VVl7Wm1QHyw/QpwY3HYdkl3ji10YdUXwueLM3ZJqiaArhiIAhNBmefov4GzJX0zCxCpn/oSOCrj/zmwrimY5bl9aTRQR/prKDLLyV0+b3ttCu7LA2za+BXwTgSrpE/awKeY+BGIJNHQzZLCG6rUB+C9osK2NmG2jwOeBO4uNJgfHBZ8DnhA0u81iWzvBq7Nvu2RdOkgAD39fPBYW0uVSfi3gdaDCgFCMVfUQKQUW7NSpPEPynli0QID+vm9kta1aO0Z4N5lxsU2SZta+H0I1IpdLF8yT+QA+vr5TZK2lQfavgCIQSYPvJi4tqQJLLbEhBaTWtSNhsKdLqzFhO0A9nSHQhZdOQfQ1s//mlrnW2s1wPZWYHN2WAgfRW+hzW4otc0BNAexVdL9FaVEEL+UKnWtAVycJ3IAnf18mzZsh79Ga9DQBkkRiP8i2zGxhaUb2icpslYvtc0TYwCIin1SJsEaSdFH1QBEPxOWbuhnSat6pe8YmP4HME8uNPkgnnwajfTWdTE134UsMsGctxLVq8n/VjNXqYhH0k5Ha3EbsLLtdCr90x1obO8CbiisMo2R0va0h/o5vVZZLen7Mk5X8mLrQeDqmVxspZoQ1+nTvVpMIKZ7uZsAdL0NdLXx83G9PgDEfD9w5Cqe7BNTpb0Y45Fvv6QzCwXN9pGvb2613TdP5CxW7pm1DciAi7Fm63w+dA+YJ+b7V4M+F5vV99534lkdPBbffwC4EZZPW1Ol2AAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__setting-icon-active[data-v-4f179456],.c-pc-player-ui-right__setting-icon[data-v-4f179456]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFO0lEQVRoQ+1aXW8UZRQ+Z3anSymbdkeDgs0m3phIjb2RXUSt1RgS7y0KKjaK+LG7SA3hSi0Qrwixld31A4ihEKnSH2BCDC0ShVl7gwl4YaKxQYpfM62lLWVn5zGzbbczszM7W9yGTuLevl/Pc+ac55zzvsvk8x/7HD/VlEA8NdVMuHEARO0EWmMxDtMoEw0Rr9gjp1deqZXhakZgFvzMRQBSJXDMrBCHWmtFonYEkspJgLZUY1lm6pcz0tZq5nrNWTSBjbsnVtc1rFKG9rFm3jyWVK6WuY3b6UyjuYy01jzc3o3gzcnr0ncHw394gTaPV01gQ2rsVV3X9xPR3Ux0g4gHhDph1/meRsXYMJZQYN44l5Use7uNP9w1Lul5/UMCngHRCiK6JgjCexfSTUeqIeJJAADHd44dJh3b7Rsy8y9g2ss6dYLwxGIIMPEgBDrGoL0A7i0DK/BR+VDTDma2GKYMQyWWlcB7WGcql5UazHPiSWUKoPpqrFqaUwWJil8gllKPlFue80QQKwJh7stlIp1WAmofgG2VCZTvzUxH5Iy0wz2cXEbmfP6wJWCYrnJQfApavhugZ8uWMg8zcCz6eOSTgc1cMI93nEJg5Kz6Opg7CXio3B3pCw6K+6HlvwbIEuCCIOxwiwnXLxBLKKNGwM4fxExXSQi0y4cafyqC+Ub9CMTbGQRinCIW35fT4cvVuEg8NbGOkH+XwB1gYiYcjbZF3jRIP5r45748a4M2EtdyWcmaGOcOciRgSKU2nf99AQznBTHYeqE3/KPFLVJTzY2hevX0QZ6sBrh9zqbdaBifmY7Yk9qGXRP3Q9N+ABCcXxOsF+9yklhHAoYmT/+lTszJWnEPZvoy2hZ53u4atwK80pq5r/u52UUN2a6/MxK2554iLrfN4gn1OAgv2mLgsJyRXqs1aJtafQqQJWiZ+IScjTgKgCuBuQQzbNFoZj0ghqLne1b+thQkjHoKmPmVAMHkvj8H6oT18wmzLPgrAYml1G2ko68UyMSFxvqmxko+/0jXRIumadsJ2ESg6Kz/0Qgxnw4Gg0e/7QlfcjuzGBPTY+MgBEpzBH4pl44cX7SMGgviCfWMOcNWKsI6ulE3oox9ANAbVguajmbWmenjqNT09sA+vukEKp5U+gF6zmS0QTkbebIqAhXrecOQgtjiJJVF8H+PfQXA9SBrLPGZ6B1NTzuRMCQWer7sKxVlnOisvZ8oxYBnPc88nMtE1jtaLaVmoCOxmLhggbNyOpJ0WhNLqt87JbtZNbT2EwsEPOp5JkrKWSlrP3DjzokHNF27aHYbZroCDuwJBYJDxvyZgtbOKBwAqLm0nlkXxeCDTjERSylJ0int6jamfqJEwK2eZ6Zpo3SOtjW97JQD4km1F8BbJZ9luiKIgVa7asyqWuGimQQL3CunI112oLO5YOwzInQ4FoCmfmKBgEc975ovksolgNYtqEZgay7d2O/oGqnxLaQXTprIXpYzUks1rufWT/x3AgnFyNir5kGExNDac70NRh1V9nts1+SamfyMEYzFHxNdl7NS+H8ChgW8WsLl70IuTblvgjjudxn1fSIzfHw5lxLkcjVZsan3XTFnV5pbKaeN0qIA7ZXbXk77vqGJJ9UTAF6wlsHkj5bS9039crxWCQni6nPp8J/2OL2dF1vvEHjzklxsGSx9f7VYLPD8fLlrEPD99boXiWX/wGGOeN8+MdllqxaPfMYdj5yR7jHvveSPfF59q1c/Ycvot++Z1bW19PtDt2c/sdz/auDlYks17vlOvFQH12rffwE0PjttUqH3KQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__setting-board[data-v-4f179456] {
    position: absolute;
    left: 50%;
    margin-left: -120px;
    margin-bottom: 4px;
    width: 240px;
    background-color: rgba(0,0,0,.65);
    cursor: pointer;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px
}

.c-pc-player-ui-right__setting-board__list[data-v-4f179456] {
    margin-bottom: 24px
}

.c-pc-player-ui-right__setting-board__list[data-v-4f179456]:last-child {
    margin-bottom: 0
}

.c-pc-player-ui-right__setting-board__title[data-v-4f179456] {
    font-size: 14px
}

.c-pc-player-ui-right__setting-board__select-list[data-v-4f179456] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.c-pc-player-ui-right__setting-board__select[data-v-4f179456] {
    height: 24px;
    line-height: 22px;
    color: hsla(0,0%,100%,.72);
    font-size: 12px;
    text-align: center;
    margin-right: 8px;
    border: 1px solid rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    border-radius: 12px;
    white-space: nowrap
}

.c-pc-player-ui-right__setting-board__select[data-v-4f179456]:hover {
    border: 1px solid hsla(0,0%,100%,.72)
}

.c-pc-player-ui-right__setting-board__select-active[data-v-4f179456],.c-pc-player-ui-right__setting-board__select[data-v-4f179456]:hover {
    color: hsla(0,0%,100%,.87);
    border: 1px solid hsla(0,0%,100%,.87)
}

.c-pc-player-ui-right__setting-board__select[data-v-4f179456]:last-child {
    margin-right: 0
}

.c-pc-player-ui-right__sound[data-v-4f179456] {
    float: right;
    width: 48px;
    max-height: 234px;
    cursor: pointer
}

.c-pc-player-ui-right__sound-hasbar[data-v-4f179456] {
    position: relative
}

.c-pc-player-ui-right__sound-icon[data-v-4f179456] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADEUlEQVRoQ+2Zy6vNURTHP1/CzSMT8oioO1JKJI8YYCDKhFD3CgPyHJn5F1CG3gNJpAx0GUhuyUyUMBCRARclyUA3oaV12ue2O/ee8/v9zjn3nt+uu+sMTq29f+uz1tp7r7W2SHwocf3pGICZ+be7JA22YsQxBzCzbuAIsBeYA/QDPZK+NQMyJgBmNhHYBhwFNsMwz1+TtL90AGY2FzgIHAIWNlDwu6RZpQEwsw3B2tuBSXkUk9RUNDQ1aSSFzGwmsC8oviRD6SfA6limYwBmtjwo3QtMa6D4L+AmcE7SczOzjgGYWRewOyi+JsPar4HzgG/Un1XZUQEws3nAaWATMD9P7NaR+QPcCdZ+VCfk2uuBoPwLYHYLin8ELgFXJH1ttE7bPWBm14E9TSjvlnwQwuSepH951sgCMLOtwRi+/nFJd0dad+gUMrOBgmHzGbgBXJD0Po/SsUwOAPfmgjDnt1+Akh7XficGaEtM5gUpCODL/gDWSfJDYWiUGWAHcLsm7XgGrJI0ZOzSAriJzewEcLbGq72S/D6pjFIDBAjfZz0RxAegu+qFFAAWAW+AKRHECr/Nk/BAHS+clHQqJYADfjlGHrgvye+J8u+B4IGlwKsI4KWkZSkBeGH0JQIYkFS55Eq/iYMHPPuNi/9BSVPHAfKmDSPJZaUS8ZyQKXvuVR2fJFVq7FRCKPlNnPwxWptOpHORmVnaqYSZpZvMFU2nmy0pL0p6V/RIzTpGzaxwQdNKUf8wFPV9bSzq45rY7ZNZUnpPqNW2invxsv8kxRfPMAfl8ECxoj7kHA5xBthYsENRq+BfoC94pT+uYauCOQCKtVWKxHBoLe4KrcW1GXPfeusFuCrJw6AysgDy6tNyd9rMPC/3hwtvik1v8GHPJm+FduPT0gBEFp0Rno0cxnOXRsPbIytjgY611+tkmuuDV3YCk/OEQ6kAIq94o9gTscPA4gYg5XpiqlXUzCYAW4BjgJ8u/j8e5XzkqxNe7gnfJ/4c5bVu+Z9Z64Ck+dCdZ0MXkWn5HijysdGQHQcYDasWWfM/z7nTQFZa70sAAAAASUVORK5CYII=) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__sound-icon-active[data-v-4f179456],.c-pc-player-ui-right__sound-icon[data-v-4f179456]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD90lEQVRoQ+2ZS2hcZRTH/+ebTBpMwjywWKVqoSuhUBSZmaYtRpFiwI1iC21pXVTUmJlSFR+7bK0Fa52ZpLZdSJEWHwupLoq0ULQmM2lBbBdFUQRrVFDnTm2TNPO4f7lTZ7wJk9xHJsm90FkO537n/zvf45zzfQKf/8Tn+rFsACSl5xV0jB6UqYUEcckBelLFtVXqLwKyi+RdgJxdodq2f53u/tMNyJIAbP2YgV/OF5+kzn5QtgCc4VdEjuczkWc9B9D72o1VN2+Wn9N1Pg/g3jkFivw9lonc6RmARFLr1cl+QJ4CGLQjbCwbdbUaXH3UTNDjbxRCNyZkN8l+Ag/MJ1qAPIG42WbZADaktAeNaBPYAaJz7mWCCYicDABDo+nIt7GBApcNoHeQHZOF4jYxhBMJi2hfEZHhrk4eP7M/eq1uuygAm/dN3F2qlN4G+BiJe+ys3eY2UobwMwUZymUi55rZtBzAED9dKX0HcqV74biqlBzp6AgeO3eg64/5xmk5QGxA+xDgTufihRB+KUqG79sU/uKTbVK1M4YVQCJ5rY+oHiFBpTCQS0c/bzZu4xSKJwvjTpaNCH4DcCIg6vBIOvyTHdFmGyuAeLJwlcTq2jci020BbBk5FPlqtp8GgNWATgVa2Vv5mwFgMEA0CbZtzL3bfcU8tmcBEintaV3HpzPKDpGL+XQ4JiKNI9izAEaUY0ntZZDvzJhNFdgxlg6drP/naQBDZDxZOEFie0OwyM+5dHhtfRY8D9DzqnZ/ZRrfg1xRhwgoecjI5rX93erMaLV53fibPQsK6s1cNrzfNwCxZHEPqB8zBef0WDba5xuAnr3X11Wq5cv/b1y5lM9G1vsGwGiMJidLv5tOnvF8NlpLcr7YA7Xq9y+t0fyLYCqfid5xG8DuidPMzqqUMH9Tq5TL00bt9V9phF/zmWitx/bFEvL9Jvb9MerrROb7UsLXxZyjctptS6mCgfdHD4Z+dHqkWh2jLhoa9029CM4oYnj1I+FTrWrqHbeUrbhWEWCcIkeDaD/6TaazkXjcJDLHTb3h5FbGKx0Q4aNObihmCxSRCoBTxo3c6Huhs+Ye1m4/4PhaxckaNoqrKa249dZ9PzbM+63IDwAOt3fJB+ffCmt2AezqWfDtdCylrRcDBNhJoGsux0YFCcpHgTY1NHIodMFqEy8ZQN3RxtfZXZnUdhEwZmWdxaxcBPmw2WbZrtebCY3vLWyiDuOB4xmQ7Xai6SmAuuDNqesrSyzvAeUFgmvmBPHaE9NsoYODVKe1f56AXn2JkD6Qymzj2Ue+ZhFP7NPWoMJ+ndgNYJUvnlmbgfj2odvOhnZis+A84MTZYtjeBliMqDoZ81/bh4tPGal2BgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__sound-mute-icon[data-v-4f179456] {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__sound-mute-icon-active[data-v-4f179456],.c-pc-player-ui-right__sound-mute-icon[data-v-4f179456]:hover {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 24px
}

.c-pc-player-ui-right__sound-bar[data-v-4f179456] {
    position: absolute;
    top: -186px;
    left: 50%;
    height: 182px;
    width: 62px;
    margin-left: -31px;
    margin-bottom: 4px;
    background-color: rgba(0,0,0,.65);
    border-radius: 2px
}

.c-pc-player-ui-right__sound-bar__percent[data-v-4f179456] {
    text-align: center;
    position: absolute;
    top: 16px;
    width: 100%
}

.c-pc-player-ui-right__sound-bar__rate[data-v-4f179456] {
    position: absolute;
    left: 50%;
    bottom: 16px;
    background-color: hsla(0,0%,100%,.3);
    height: 120px;
    width: 6px;
    border-radius: 5px;
    margin-left: -3px
}

.c-pc-player-ui-right__sound-bar__rate-active[data-v-4f179456] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background-color: #3082fe;
    border-radius: 5px;
    min-height: 14px
}

.c-pc-player-ui-right__sound-bar__rate-dot[data-v-4f179456] {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%
}

.c-pc-player-ui-right__barrage[data-v-4f179456] {
    float: right;
    font-size: 12px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 12px;
    cursor: pointer;
    line-height: 24px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    background-color: rgba(0,0,0,.38);
    position: relative;
    top: 50%;
    margin-top: -12px;
    margin-right: 12px
}

.c-pc-player-ui-right__barrage[data-v-4f179456]:hover {
    background-color: rgba(0,0,0,.5)
}

.c-pc-player-ui-right__barrage:hover .c-pc-player-ui-right__barrage__opertion-tip[data-v-4f179456] {
    display: block
}

.c-pc-player-ui-right__barrage[data-v-4f179456]:active {
    background-color: #000
}

.c-pc-player-ui-right__barrage__icon[data-v-4f179456] {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-bottom: -1px
}

.c-pc-player-ui-right__barrage__open[data-v-4f179456] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA2UlEQVQ4T7WUQQ4BQRBF37ew4goOQOIQFhL3sBEWOAgWxMY9JBYOIeEArsDKQkknM5MejDApvauk+nXXr18lnI+ceRQCzawF9IEu0EgePgM7YCPp+O4zL0AzqwIzYABUCiq4A2tgKukW5+SACWwLdL6UYg/0YugzcAkMv4SlaStJozTIgIlmhw9lFr0Tym+nmsbAOTD+8Xdp+kLSJAQxMHStWRJ4khRckQNegFpJ4FVS/e9A95LdmxJE9bNNENTM/IydAMMc+41eBPVZDrEH3dZXSWNn19w39gP54FwVYX9ggwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 10px
}

.c-pc-player-ui-right__barrage__close[data-v-4f179456] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABm0lEQVQ4T62VvytGYRTHP1/FxCSLwaIUyuQfYFA2FIOyWYT8KJI/QKL8CFlsYjBgUwb+AZNClMVgkYmJcnRy3rf7Xu/LfeXWM9znnudzzvc5P64o8phZJdATqx2oD7NH4AI49iXpPX1c6Q0z6wWWgcZizhJ798CMpKOkXR5oZhXAOjAWBlfADnAKPMReA9AFDAOtsefO5yR9+HsSuBEw/zDvUeaMiqhw5yPAClAVtrN5YMg8BBzmxh5dh6Snn2SbWSdwEtA+l69IwE3c2RwwFHKyQkeBTcDvtNmB/cBBRNUG1ALnWaFx95dhP+DAPWAQmJK05hLNrK5M6CSwCuw78BZocg+SrnN3Vg7UzFpC4Z0DX4BqoEbSazIJWaFm5ued8/ojMKv8NLCo5HIiTUv+lpQS/V0yUWZWkJSCsinVHaXkA89AQdn4ZMkV9pikrV+6Ix3pLrCYL+zw7BPGW+8N6JZ0VgY0165frZeouyUfRwGdBrZ/GQ5uuxC9vylpPD1tfCh46G7oT9bx5X088W18JSL9nwGbqrs//wI+AXCb8I0SDp6JAAAAAElFTkSuQmCC) no-repeat;
    background-size: 10px
}

.c-pc-player-ui-right__barrage__tip[data-v-4f179456] {
    font-size: 14px;
    background-color: rgba(0,0,0,.65);
    text-align: center;
    height: 32px;
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 16px;
    line-height: 32px;
    white-space: nowrap;
    border-radius: 2px
}

.c-pc-player-ui-right__btn[data-v-4f179456] {
    display: block;
    font-size: 12px;
    height: 24px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 16px;
    cursor: pointer;
    line-height: 24px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.38);
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in
}

.c-pc-player-ui-right__btn-wrap[data-v-4f179456] {
    position: relative;
    float: right;
    top: 50%;
    margin-top: -12px;
    margin-right: 12px;
    text-align: right
}

.c-pc-player-ui-right__btn-wrap:hover .c-pc-player-ui-right__btn__panel[data-v-4f179456] {
    display: block
}

.c-pc-player-ui-right__btn-wrap:hover .c-pc-player-ui-right__btn[data-v-4f179456] {
    border: 1px solid #fff;
    background-color: rgba(0,0,0,.5)
}

.c-pc-player-ui-right__btn__panel[data-v-4f179456] {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    margin-left: -48px;
    display: none
}

.c-pc-player-ui-right__btn__panel[data-v-4f179456]:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 12px;
    background: rgba(0,0,0,0)
}

.c-pc-player-ui-right__barrage__opertion-tip[data-v-4f179456] {
    display: none
}

.c-pc-player-ui-hover-tip[data-v-4f179456] {
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -48px;
    padding: 0 16px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: rgba(0,0,0,.65);
    font-style: normal;
    white-space: nowrap;
    border-radius: 2px;
    z-index: 100
}

.c-pc-player-ui__icon:hover .c-pc-player-ui-hover-tip[data-v-4f179456] {
    display: inline-block
}

.c-pc-player-ui__play--tips[data-v-4f179456] {
    position: absolute;
    left: -4px;
    top: -64px;
    padding: 0 24px;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: rgba(0,0,0,.85);
    font-style: normal;
    white-space: nowrap;
    border-radius: 24px
}

.c-pc-player-ui__play--tips>span[data-v-4f179456] {
    color: #5c9dff
}

.c-pc-player-ui__play--tips>i[data-v-4f179456] {
    width: 12px;
    height: 12px;
    margin-left: 14px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAvklEQVRIS8WWWQ6AIAxE6aE8kefyRB4KAwHD0mXAgP4RnD7aKQu5xR+V8b33RxgT0T3D5fQvIE2eKfA1CpH0EVBMZqB3zsEQTS8BIheBMMErLVei0hcVYgWPfjImBx9MCBK8Awh+dOVCg7MAC5IyhrIUAQak1ak+VR60m0soRWWb1WkqQMkEbuN/AUtLpLTid5O1Pv/cpsgmQv7JrbbvqBhZVV4dotlzXC+/cJodG4bwbcaUq9Lvu/RnXhGI5gERN9IZSxVy0QAAAABJRU5ErkJggg==);
    background-size: cover;
    cursor: pointer
}

.c-pc-player-ui-right__nick[data-v-4f179456] {
    float: right;
    font-size: 14px;
    color: #fff;
    height: 48px;
    line-height: 48px;
    margin-right: 12px
}

.c-pc-player-ui__icon__video[data-v-4f179456] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEwUlEQVRoQ+2ZS6ydUxTHf38DDJSYSKqeCa1IJIQiqGhjYoK0TTzrNdBOqEYRfRDvKI3HRGrgXY9EFRMjNGlJqoQQog0RFImJ0A4wsOQv+7vZd/c75/vOd8+5uTe1kpt7ztmv9d/rvbaY5qRpzj9DBRARM4GLgXnALMDfj0yX9DPwC/ATsBV4W5K/T4gmDCAiDgKWAlcCZ0LrSwngI+BlYIOkv7og6QwgIg4ArgLuA47tcni25ntgDbBRkoG1pk4AIuIYYBNwRuuT2k3cASyW9EO76e3FPbZfRJwLvAEcUXPIP8CHwFvAx0nnrfsm24JtwqAvAc4BLMWSfgUWSvqgDYiBJBARlwPPAwcWm/8JPAmsl2QGGikifAErgZuAg4sFfwPXSnq1aaPWANLNv1fDvFVphaQfmw6rG4+Io4HHgEU1IBY0SaIVgKTz1s9cbWxsayU90IXxck1ErE4OIefJ0pzbzyYaASRvs70wWDN/haTXahg5POm49fzkIg58af9vG5H0W81aq6jdas6XL+6sXt6pDYAlwAvFYaslPZj/FhHW4xXAHcBhDVL5HXjYqiPJ9pM7CUvi/mL9Ekkv1e3ZF0AKUjsLP79J0uLiUEfdNzu4VXuqSyU5OucgXi9swnFiTl2wawJwM/BEtrdva3ZusBFh5q1i/t+FzLxVZAxEMuxdhXdaLsmebhw1ATBjTg8qWifJKvIfJbVxXlMGtD3Ao0nfv0nTT0h5kl3njIIPS2Jerk4RsQ64LZu3XdLZrQFEhAPP7sygHKRm5n4+Iu4ExtkCYFd7gySLfR+KiOOAZ4D5xeAqSQ9ll2OP52SvCnZ2HLPKBLCnBCJiGfBUdsg2Sc4yq9u3t/muMFgzf2FTPhMRPvfdAoQN+/jcO0WEpXtexsMySRty4P0AbEwZZjV/paT1GYDrgGezzaw2p/S6+VIUSRKfF+p0vaTnsjOsbo9ka53sXd0WwPvABdnk+ZK2ZJtvtgfJxu+WdG+d2vT6LSLuAu7JxjdLWpid4fPNR0VbJI1TvX4SsPucnS22G7NnqFSoHD9N0mcDAjgV+DRbs0vSnOwMf/6617h/7wfAKnFItniGpL3Z5n3H2wCJCO/vfSraK2nMQ0WEP/+Rje+RdGhbFZoMACWDQwUwFVVop6ST2kpg2hvxqN2o6+gvRulGy0C2VdL5mRFP+UA2qlTCN+9UYkHhqYabSnjziJhoMufi/tvE6KDJnOuF2zOQgyVzCcBy4PFsE6fTJ0pyklcFtCmdTrvr5ujrPlBF06egSVKY7JJyFVA2Cq6R9GJddG9TEzsfH1ZR/1VqevUq6i8DXilSHBc7rthcj+xDjQCSFKxCdW2VNWVx3yYHqpsTEb55F/PDbatkxuqWYq/G1i25YQ8CYlIaWxmIYbcWbwXcOBh9a7GQRFNz1y2WTwA3dvPmroPj6akQmvzmbgZiVO11G+yikbbXMxDDfuBYmx44ar1NL7tq5YX6GWX2xOTXmrkDPjHZsznrnfwnph6u0DpePfL5c/Xn6ZU9+H/1yFfZxyCOa9zcCUug88lDWvg/gCFdZOdt9k8JRMRFwNPAUZ2vrn6h64wbJb3Tdt9OEogIP+gNm/mK592S/PDXivZbAFNGhf4FK2RmTztED2UAAAAASUVORK5CYII=);
    cursor: default
}

.c-pc-player-ui__icon__video--muted[data-v-4f179456] {
    background-image: url(data:image/png;base64,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)
}

.c-pc-player-ui__btn-wrap__audio[data-v-4f179456] {
    margin-right: 12px
}

.c-pc-player-ui__btn-wrap__self .c-pc-player-ui__icon__video[data-v-4f179456] {
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEwUlEQVRoQ+2ZS6ydUxTHf38DDJSYSKqeCa1IJIQiqGhjYoK0TTzrNdBOqEYRfRDvKI3HRGrgXY9EFRMjNGlJqoQQog0RFImJ0A4wsOQv+7vZd/c75/vOd8+5uTe1kpt7ztmv9d/rvbaY5qRpzj9DBRARM4GLgXnALMDfj0yX9DPwC/ATsBV4W5K/T4gmDCAiDgKWAlcCZ0LrSwngI+BlYIOkv7og6QwgIg4ArgLuA47tcni25ntgDbBRkoG1pk4AIuIYYBNwRuuT2k3cASyW9EO76e3FPbZfRJwLvAEcUXPIP8CHwFvAx0nnrfsm24JtwqAvAc4BLMWSfgUWSvqgDYiBJBARlwPPAwcWm/8JPAmsl2QGGikifAErgZuAg4sFfwPXSnq1aaPWANLNv1fDvFVphaQfmw6rG4+Io4HHgEU1IBY0SaIVgKTz1s9cbWxsayU90IXxck1ErE4OIefJ0pzbzyYaASRvs70wWDN/haTXahg5POm49fzkIg58af9vG5H0W81aq6jdas6XL+6sXt6pDYAlwAvFYaslPZj/FhHW4xXAHcBhDVL5HXjYqiPJ9pM7CUvi/mL9Ekkv1e3ZF0AKUjsLP79J0uLiUEfdNzu4VXuqSyU5OucgXi9swnFiTl2wawJwM/BEtrdva3ZusBFh5q1i/t+FzLxVZAxEMuxdhXdaLsmebhw1ATBjTg8qWifJKvIfJbVxXlMGtD3Ao0nfv0nTT0h5kl3njIIPS2Jerk4RsQ64LZu3XdLZrQFEhAPP7sygHKRm5n4+Iu4ExtkCYFd7gySLfR+KiOOAZ4D5xeAqSQ9ll2OP52SvCnZ2HLPKBLCnBCJiGfBUdsg2Sc4yq9u3t/muMFgzf2FTPhMRPvfdAoQN+/jcO0WEpXtexsMySRty4P0AbEwZZjV/paT1GYDrgGezzaw2p/S6+VIUSRKfF+p0vaTnsjOsbo9ka53sXd0WwPvABdnk+ZK2ZJtvtgfJxu+WdG+d2vT6LSLuAu7JxjdLWpid4fPNR0VbJI1TvX4SsPucnS22G7NnqFSoHD9N0mcDAjgV+DRbs0vSnOwMf/6617h/7wfAKnFItniGpL3Z5n3H2wCJCO/vfSraK2nMQ0WEP/+Rje+RdGhbFZoMACWDQwUwFVVop6ST2kpg2hvxqN2o6+gvRulGy0C2VdL5mRFP+UA2qlTCN+9UYkHhqYabSnjziJhoMufi/tvE6KDJnOuF2zOQgyVzCcBy4PFsE6fTJ0pyklcFtCmdTrvr5ujrPlBF06egSVKY7JJyFVA2Cq6R9GJddG9TEzsfH1ZR/1VqevUq6i8DXilSHBc7rthcj+xDjQCSFKxCdW2VNWVx3yYHqpsTEb55F/PDbatkxuqWYq/G1i25YQ8CYlIaWxmIYbcWbwXcOBh9a7GQRFNz1y2WTwA3dvPmroPj6akQmvzmbgZiVO11G+yikbbXMxDDfuBYmx44ar1NL7tq5YX6GWX2xOTXmrkDPjHZsznrnfwnph6u0DpePfL5c/Xn6ZU9+H/1yFfZxyCOa9zcCUug88lDWvg/gCFdZOdt9k8JRMRFwNPAUZ2vrn6h64wbJb3Tdt9OEogIP+gNm/mK592S/PDXivZbAFNGhf4FK2RmTztED2UAAAAASUVORK5CYII=)
}

.c-pc-player-ui__btn-wrap__self .c-pc-player-ui__icon__video[data-v-4f179456]:hover {
    background-image: url(data:image/png;base64,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)
}

.c-pc-player-ui__btn-wrap__self .c-pc-player-ui__icon__video--muted[data-v-4f179456] {
    background-image: url(data:image/png;base64,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)
}

.c-pc-player-ui__btn-wrap__self .c-pc-player-ui__icon__video--muted[data-v-4f179456]:hover {
    background-image: url(data:image/png;base64,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)
}

.c-pc-player-ui__icon__audio[data-v-4f179456] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAETElEQVRoQ+2Ze+hlUxTHP1/kUSYpGQnJczI1/8gj/jCNRwyZPPKXUaOhNMJMKYkQSf7wyqSYkPGXGjJh5D1/0BD/KDJeiUmRkkxhwldr2mfa9/zu+Z27z7n31uiuunXvuWvvtb5rr7X23t8j9nLRXu4/YwVg+yhgBXAxcDxwZArQj8A3wKvAy5J2jCtwYwFgOxy9B1gF7Nvi3D/AM8BdkgJYL+kNwPalwPPAgkJPfgeulrS5cNyAei8Atm8CHgb26ejEv8BaSY91HN+9BlLkXxri/GfABuAN4Pvk2DHABcBqYHHN2QBxWdeV6LQCKee/qKXNLmAd8ISkcGqO2I6VugF4CNg/U4h0WtSlJroCeCpFs/IhnL9I0jujpILtZcCWGogNkq4bZXyuUwwgtcrvat3mRknrS4zbXgM8no2J7nRsaYvtAqBuOHJ+SVPaNIFK6fRprSaKA9EFwGuRLplj0UUeKYl+pWv7ltTFqkdbJC0vmasLgO3ASZmRxZI+LzGaATgFiBWs5EtJJ5fM1QVAdIyDMyMLJO0sMZoBiHlivkp2SiraELsA8EAXkIrnyMfb7jVfsfG+Busr1Xe+GQDNUmhWA2UNsG/RzYq4FoE5Xcj23bU+P/Db9lQ3sjZ/hgGYd2OxPdWjRFvKDgPwV+2cfqCkeLZbbE/tMGf7AODPLCN2SYpne2QYgKA/jst0TpAUzyoAUztO2w5q5uvMl28lxbN5AbwHnJPpLJP0bgYguJ+pXGjSze3tzJetkpa2AXgOWJkp3SnpvtoBbCpXStt3APdmtjdKuqYNQJBTT2dK2yUtqgEIImvil3rbYSO/H6yS9GwbgEOAn4C8WM6W9EENRBBaE6NVbJ8FvJ/ZjGI+QtJv8wJInWYTcHmm+AlwhqS4eO+RSRFbtoOe/BA4NTO3SdKVuf34PvQ4bTuKOIo5l3WSgoUbkElQi7bXJu4ot7VU0taRAKRVqBdzcD8rJL0+BMTYyF3bFwaDXduL5hRv5UPjhcb24alQD80c/gNYLqm+OrtV+tLrtqNFxkZ5UGbz18Ta/VwPXGMKVYq2ow5eqJFYsSvfBjwqaeDYMczAKM9sRyBvBh6oNY+ouaskvdg0T+uV0va1iayt6wZ5G0TUV6M42aRj+8TE0AX5m0sEZ7WkvKXPmaYVQEqNYUUVfwWJGx3rQUkflwCxfRpwK3BFAz0/EmE2EoAE4pL0ZuWwBkd/AN4EYuuPs1PkbJW3UU/xiXPMucD5wNEN8/wSb3okvTJKQEYGkEBEt9kIBLs8CQl2e2UJzV4EIIGIMbEL3w6cPiYUHwH3A5tLG0MxgIEqs88D4ngdaVFECSZKMdJtvaS3ugaiF4Cs3e4HnJleIy0BFqbfuV/b0hkrKPXoYNsk/d3V8WrcWAAMc6LtKtjX8RmAtgj+H1Yg9oW4fobskNTU99tiMe//k6yBeA31ZLJ+vaR4Kzl2mRiAsXvaMOF/LCf/QMllAzIAAAAASUVORK5CYII=);
    cursor: default
}

.c-pc-player-ui__icon__audio--muted[data-v-4f179456] {
    background-image: url(data:image/png;base64,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)
}

.c-pc-player-ui__btn-wrap__self .c-pc-player-ui__icon__audio[data-v-4f179456] {
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAETElEQVRoQ+2Ze+hlUxTHP1/kUSYpGQnJczI1/8gj/jCNRwyZPPKXUaOhNMJMKYkQSf7wyqSYkPGXGjJh5D1/0BD/KDJeiUmRkkxhwldr2mfa9/zu+Z27z7n31uiuunXvuWvvtb5rr7X23t8j9nLRXu4/YwVg+yhgBXAxcDxwZArQj8A3wKvAy5J2jCtwYwFgOxy9B1gF7Nvi3D/AM8BdkgJYL+kNwPalwPPAgkJPfgeulrS5cNyAei8Atm8CHgb26ejEv8BaSY91HN+9BlLkXxri/GfABuAN4Pvk2DHABcBqYHHN2QBxWdeV6LQCKee/qKXNLmAd8ISkcGqO2I6VugF4CNg/U4h0WtSlJroCeCpFs/IhnL9I0jujpILtZcCWGogNkq4bZXyuUwwgtcrvat3mRknrS4zbXgM8no2J7nRsaYvtAqBuOHJ+SVPaNIFK6fRprSaKA9EFwGuRLplj0UUeKYl+pWv7ltTFqkdbJC0vmasLgO3ASZmRxZI+LzGaATgFiBWs5EtJJ5fM1QVAdIyDMyMLJO0sMZoBiHlivkp2SiraELsA8EAXkIrnyMfb7jVfsfG+Busr1Xe+GQDNUmhWA2UNsG/RzYq4FoE5Xcj23bU+P/Db9lQ3sjZ/hgGYd2OxPdWjRFvKDgPwV+2cfqCkeLZbbE/tMGf7AODPLCN2SYpne2QYgKA/jst0TpAUzyoAUztO2w5q5uvMl28lxbN5AbwHnJPpLJP0bgYguJ+pXGjSze3tzJetkpa2AXgOWJkp3SnpvtoBbCpXStt3APdmtjdKuqYNQJBTT2dK2yUtqgEIImvil3rbYSO/H6yS9GwbgEOAn4C8WM6W9EENRBBaE6NVbJ8FvJ/ZjGI+QtJv8wJInWYTcHmm+AlwhqS4eO+RSRFbtoOe/BA4NTO3SdKVuf34PvQ4bTuKOIo5l3WSgoUbkElQi7bXJu4ot7VU0taRAKRVqBdzcD8rJL0+BMTYyF3bFwaDXduL5hRv5UPjhcb24alQD80c/gNYLqm+OrtV+tLrtqNFxkZ5UGbz18Ta/VwPXGMKVYq2ow5eqJFYsSvfBjwqaeDYMczAKM9sRyBvBh6oNY+ouaskvdg0T+uV0va1iayt6wZ5G0TUV6M42aRj+8TE0AX5m0sEZ7WkvKXPmaYVQEqNYUUVfwWJGx3rQUkflwCxfRpwK3BFAz0/EmE2EoAE4pL0ZuWwBkd/AN4EYuuPs1PkbJW3UU/xiXPMucD5wNEN8/wSb3okvTJKQEYGkEBEt9kIBLs8CQl2e2UJzV4EIIGIMbEL3w6cPiYUHwH3A5tLG0MxgIEqs88D4ngdaVFECSZKMdJtvaS3ugaiF4Cs3e4HnJleIy0BFqbfuV/b0hkrKPXoYNsk/d3V8WrcWAAMc6LtKtjX8RmAtgj+H1Yg9oW4fobskNTU99tiMe//k6yBeA31ZLJ+vaR4Kzl2mRiAsXvaMOF/LCf/QMllAzIAAAAASUVORK5CYII=)
}

.c-pc-player-ui__btn-wrap__self .c-pc-player-ui__icon__audio[data-v-4f179456]:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFU0lEQVRoQ+1Zb4hUdRQ95826WigahZVYRFotCTIzWyn6wc1KWislKz9lsGFBKJaCKO68MfeNpgVaogQlGdknQ0MrNyx1/aBouPMGwdByI1IMpUhZqXV35514487sm9nZmXkzuwvCzrfZvb97z7n/fr97h7jFP7zF8WNACUzbpIldnZgv4TkBkwBM6HHQJQJtJL4bUY19J1fx4kA5bkAIhDZpArqwDkKDpEAhcCSTIHZiBNbaq3ipUiIVEwhZmifgS0hjfIEh2wm8apvc7+tcjnBFBEIxLZODLYCM8kDQoYHldoRbyzuP8msg5Xnh6z7gyTMGsUMGDo4diz9cYNeu4X46mOMIiyFNyQZLh8SL5UairAi4Oa9OnM1OG3YaxIoXIvh4Henk8+hayfgmhrccYTOg6oyMm07VqCmnJsojENOncrS4F2QKfH3c5OFSUiFsabYjNHtJ0OAOO8I3SjnvlfFNwG2VnZ343dttDHJp3OR2P8bDlpY40rb0Gbc7VVfjAb8t1jeBXMMgz8yPYGp/adMfKTed9sVw2lsT5TjCN4FQkw4Iqk8DMwwuj0f4oR/vp2XDMb3jONqSiQLYbEc5148u3wSCTToH6OGM0SpOsdfwZz9G07KhDXpU3TrjqaVfElE+4kdXOQTaAY1OGxl3J8e0LOF1P0bTsnXbNfrq32r3ELieiNLXhVgGAUdesImo4VuH93ywqTJ9vo1XajA3UpXqGyYwnELDNeCz/1VadMNFnOOBPl0obOldr0zcZNb3YJN78QzdRVYMTx8CxVJkqJ8SxfDkIaAb3nf6veM4qnkZb2TeL0P4mKvfqpF/XlWHd+5IRDmy4DwQbFIboAfTQgFycqvJtswLMucdP5jP6VpLk5LSeQ+B3xJRuuuazKdPBEJNahE0K0MgwNmtjTyS/j6UA83NyU2HPM/to3aUdYUJWPpC0qLMIYOmHWHMeyg0RCNlKKaIHFkZLOQu2+RrBQmELTU40me9MeK5hMmaLAJDNNQHLbmLg8x8YIAN8Sg/L0igdqPGJrtwGVJvsRicmYjweBaJQV6rBGOaAUfHPOnTYVTjntbVvFaQgPvPkKU9khZ4DrdOrsG0rxYymZNKg7LYemW3AufP4qSgWg+GPXaUL+fe5Hmf06ENmqVutXiFDXJF3GRmfs201UFYLYYtLXekzVmermKdvYZHSyLQE4WsYgZSu5/5cZPf5yoZyOVu2NKzjrAva2eUp3h7I5OLpuf7jA80/t+O1PbtDk8X+C8AzD1lMis63hZbyXr9MUt1SeCApNs8TeSf20eh5vhKXskHteBEFra0QMDurJU5ecMgVrc24iOSWfNxP74o+mdJrF2Ptx1ho7d5uMsuAgvjJvf2p6ToSBlq0usidkDKliUPAliaMPlrUYQFBIKWHgKwDdKcLDFSFBbbUfa29Dx6ihJwz+Qrqpu6UkvcPTTwvh3hKT9Egu/pcXRhJYCX8q3nS12YlUSgh8TzEnYKuitvLpIXQPwgB4cCVWgLJHFl3Cik8vZqB8YnAxif7MYkGngKwjOS7suf0/yLREPc5LelOKRkAqnO5P6U1IldkmaXotyvDMnDqMYiP2t2XwRcQG7BhdZjHoQ1kJ7wCzKvPPkTiA12I/b7bQy+CXgBhCw9LWAJ4KaF/9/IABwisN02+WO5jqiIQNpo3RFVtR/DdEeYA2EqiLslTfeCInkCwmUQpw3i4JiZONHyJLvLBZ65mypV0N/5YqPgQNkdkAjkAzNMoMQQDWIEdAHQxJ4L72Iiyrx9v0Sc/YoNGoHQetUriU9S93UAb9qNbK4UbP6LbzC0DqHO/wF/PwFeaZnvoQAAAABJRU5ErkJggg==)
}

.c-pc-player-ui__btn-wrap__self .c-pc-player-ui__icon__audio--muted[data-v-4f179456] {
    background-image: url(data:image/png;base64,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)
}

.c-pc-player-ui__btn-wrap__self .c-pc-player-ui__icon__audio--muted[data-v-4f179456]:hover {
    background-image: url(data:image/png;base64,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)
}

.c-pc-player-ui__btn-wrap[data-v-4f179456] {
    float: right
}

.c-pc-player-ui__btn-wrap .c-pc-player-ui__icon[data-v-4f179456] {
    background-size: 24px
}

.c-pc-player-ui__notification__panel[data-v-4f179456] {
    position: absolute;
    left: 13px;
    bottom: 100%;
    font-size: 16px
}

.c-pc-player-ui-net-tip__bad[data-v-4f179456] {
    position: absolute;
    top: -56px;
    right: 13px;
    min-width: 300px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.65);
    border-radius: 24px
}

.c-pc-player-ui-net-tip__bad--ppt[data-v-4f179456] {
    right: 62px
}

.c-pc-player-ui-net-tip__bad[data-v-4f179456]:after {
    content: "";
    position: absolute;
    right: 60px;
    top: 100%;
    display: inline-block;
    border: 6px solid rgba(0,0,0,0);
    border-top: 6px solid rgba(0,0,0,.65)
}

.c-pc-player-ui-net-tip__bad__btn[data-v-4f179456] {
    color: #78a7ed;
    cursor: pointer;
    margin-left: 5px
}

.c-pc-player-ui-net-tip__bad__close[data-v-4f179456] {
    display: inline-block;
    height: 48px;
    width: 35px;
    cursor: pointer
}

.c-pc-player-ui-net-tip__bad__close[data-v-4f179456]:after {
    content: "";
    display: inline-block;
    margin-left: 14px;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAvklEQVRIS8WWWQ6AIAxE6aE8kefyRB4KAwHD0mXAgP4RnD7aKQu5xR+V8b33RxgT0T3D5fQvIE2eKfA1CpH0EVBMZqB3zsEQTS8BIheBMMErLVei0hcVYgWPfjImBx9MCBK8Awh+dOVCg7MAC5IyhrIUAQak1ak+VR60m0soRWWb1WkqQMkEbuN/AUtLpLTid5O1Pv/cpsgmQv7JrbbvqBhZVV4dotlzXC+/cJodG4bwbcaUq9Lvu/RnXhGI5gERN9IZSxVy0QAAAABJRU5ErkJggg==) no-repeat;
    background-size: 12px
}

.c-pc-player-ui-back--is-dragging .c-pc-player-ui-right__barrage .c-pc-player-ui-right__barrage__opertion-tip[data-v-4f179456],.c-pc-player-ui-back--is-dragging .c-pc-player-ui__icon:hover .c-pc-player-ui-hover-tip[data-v-4f179456] {
    display: none
}

.c-pc-player-ui-back--is-dragging .c-pc-player-ui-progress[data-v-4f179456] {
    top: -19px
}

.c-pc-player-ui-back--is-dragging .c-pc-player-ui-progress .c-pc-player-ui-progress__dom .c-pc-player-ui-progress__dom__current[data-v-4f179456],.c-pc-player-ui-back--is-dragging .c-pc-player-ui-progress .c-pc-player-ui-progress__dom[data-v-4f179456] {
    height: 10px
}

.c-pc-player-ui-back--is-dragging .c-pc-player-ui-progress .c-pc-player-ui-progress__dom .c-pc-player-ui-progress__dom__current__dot[data-v-4f179456] {
    height: 20px;
    width: 20px
}

.c-pc-player-ui-progress[data-v-4f179456]:hover {
    top: -19px
}

.c-pc-player-ui-progress:hover .c-pc-player-ui-progress__dom .c-pc-player-ui-progress__dom__current[data-v-4f179456],.c-pc-player-ui-progress:hover .c-pc-player-ui-progress__dom[data-v-4f179456] {
    height: 10px
}

.c-pc-player-ui-progress:hover .c-pc-player-ui-progress__dom .c-pc-player-ui-progress__dom__current__dot[data-v-4f179456] {
    height: 20px;
    width: 20px
}

.c-watermark-wrap {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.c-watermark {
    position: relative;
    height: 100%
}

.c-white-board__empty-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #2b3045;
    z-index: 2100
}

.c-white-board__empty-placeholder img {
    position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-pc-white-board__wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #393842;
    overflow: hidden
}

.c-pc-white-board__wrap__container,.c-player__cover__img {
    width: 100%;
    height: 100%
}

.c-player__cover__img {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: #2b3045
}

.c-player__default__cover__img {
    background-color: #2b3045;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-player__default__cover__img img {
    width: 42%
}

.c-player__default__cover__img .c-player__default__cover__img__text {
    color: #fff;
    font-size: 14px
}

.c-player-logo {
    position: absolute
}

.c-player-logo.c-player-logo--mobile.c-player-logo--tl {
    left: 0;
    top: 0
}

.c-player-logo.c-player-logo--mobile.c-player-logo--tr {
    right: 0;
    top: 0
}

.c-player-logo.c-player-logo--mobile.c-player-logo--bl {
    left: 0;
    bottom: 20px
}

.c-player-logo.c-player-logo--mobile.c-player-logo--br {
    right: 0;
    bottom: 20px
}

.c-player-logo.c-player-logo--mobile img {
    margin: 15px;
    max-width: 100px;
    max-height: 100px
}

.c-player-logo.c-player-logo--pc {
    min-width: 10%;
    max-width: 20%
}

.c-player-logo.c-player-logo--pc.c-player-logo--tl {
    left: 20px;
    top: 20px
}

.c-player-logo.c-player-logo--pc.c-player-logo--tr {
    right: 20px;
    top: 20px
}

.c-player-logo.c-player-logo--pc.c-player-logo--bl {
    left: 20px;
    bottom: 20px
}

.c-player-logo.c-player-logo--pc.c-player-logo--br {
    right: 20px;
    bottom: 20px
}

.c-player-logo.c-player-logo--pc img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.c-player-logo .c-player-logo__href {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.c-player__marquee {
    position: absolute;
    top: 17px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.c-player-ui__cover {
    background-size: 100% 100%;
    background-position: 50%
}

.c-player-ui__cover,.c-player__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-player__mask {
    z-index: 4;
    background: rgba(0,0,0,.8);
    cursor: pointer
}

.c-player__mask--light {
    background: rgba(0,0,0,0)
}

.c-player__mask__btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 92px;
    height: 92px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABdCAYAAAAoswH9AAAAAXNSR0IArs4c6QAABtpJREFUeF7tnF9oHFUUxs+d2V2NpIEYWyP1oeRJfO2DvqWoT5IU0n8xiGAESQotNH3pQ1qoAUGSlm6r1qzEVmkeNih2Q2iR0GpskgfBVg2URENo0S2xG5O6SUw22Z0Z+eqOLjXt7t3Ze3dm9w4MCey5c+f+5ptzzzl3ZhipTSoBJrU31Rkp4JJFoIAr4JIJSO5OKVwBl0xAcndK4Qq4ZAKSu1MKV8AlE5DcnVK4Ai6ZgOTulMIVcMkEJHenFK6ASyYguTspCrcsq56IDhHRi0RUS0R/ENEYEQUZY99KHnNRuxMK3LKsx4noIyJ68xGj/JSI9jPGEkUlIalzocANw+jXNO31HMZyO5VKtfr9/pEcbD1tIgz42tpaUyAQ+JKDToqI3iOid0tZ7aKAa6lUakjX9Vc5gNum3xPRXsbY7Tzaur6JKOCPmaZ5hzFWkycB+PNDjLFQnu1d20wEcBxzk2VZcaejtixrkDHWzhj73emx3NJeBHCNiKoty0LoV4gNsN9gjF0pxMGKfQwRwHUiqrEs626BB9dLRB1en1C9BBzXbyqZTLYEAoEfC3wxpR3Oa8ABJmGa5jFd109Io1TAjrwI3B4+kqRWr4WPXgYO8H8ahrHf5/OFCyhCoYfyOnAbTj8Rve2FCbVUgAO8J+oxpQQc0F1fjxEF/CnLsoqZHbq2HlOqwO3wsUPXdSRMrtlEAReRaeYLLZJe4CjmHffvuZcDcAzWNfWYcgF+X2GmaYY0TUPZt2jLeWUFPH1fF7UeU47A70+oRPQOYwxLelK3cgVetHpMuQOXXo9RwP9zKFKejxEFvNiZZl5+2TTNAV3XX8urcY6NRAF3U+KTI4p/zBKJxMsVFRVfczXiMBYF3JMKBzfDMC77fL5GhO0cHHM2FQXcswrH4x2apj1NRGs5U+QwVMA3gMUYqyKiZSKyOFjmZCoKuJddypzP53sOy3ci3Ioo4J51KXNzc0Nbtmx5i4juwaXnJFsOI1HAPavwYDC4t6OjA1GKUjiHkPIyvXHjxvnt27d3E9Edr/lwT7kU0zSNsbGxT+rr688RUZSI5ohoPa+rlqVR2buU+fn5yaNHj57o7e2dIiI8DxkTpW5ci7IFbhjG+rVr1z5ramr6Ih6Pw1/Pp1/2+iu9+i9C4OUJPBaL3ezs7DzV19f3CxHhOfaF9N8VEZFJ5pUTpXBX+vBkMrk8PDx8vqGhAQvLSGwAGuEf/ofPLnii8+BtIgq468LCaDT63YEDB84MDg7+mlYzQMOVYPUHDxBJ2UQBd43CoeqhoaHQ7t27LxHRUlrRgA1fLUXV5eJSrFu3bo23t7d/MDw8jLgakLEvEtGqaF/9sNulJBW+uro6d+HChffb2trwejlUbftqTIrSVS1D4cXy4db09PSVlpaWs9evX0c8DR9tqxq+uuC1EV7HXzIKX1lZudvf3/9hW1vbaNptQNUADlUnZUQgucAXAryysrJmaWmp0G+xbTgepOWTk5OX9uzZ0zc1NYXkJdNXQ9VCVm5ygbuRjRDggl4b/N/5Ly8v/9bT03Oyq6sLb7VhMrRDPTtbFB5X84L3JHCoemJi4mJjY+O5aDRqQ4YLwQSJpTFXqVrGpCksDo/H4zPBYPDM8ePHf8qYFOGrEeohgXGdqj0JHMWm8fHx/p07dw7E43G4DzvUg6oR6rlW1Z4DjhJqZ2fnyVAoNO33++PJZPLBYpOrVe0Z4BuUUO0IxC42eULVUoAbhjGtaRoeN8hrm52d/eHw4cOnwuEwPlSDEipCvsUdO3asjoyMSCs25XXyj2gkKkp5cmFh4fPq6mp8zY1ryyg2XX6g2CSthMp1wpzGIoDf/17KwMDArn379n3Mcz4ooR48ePB0JBLJLKHaxSbPqlq0S8FF3EREz0aj0dNbt259JRv09fX1eCQSCTU3N3+VUWxCqIcEBmm553y1zGoh+sL3Cjdv27at7urVq8fq6upeesj6qTUzM/NNa2vr2dHRUbxpBsiIQKBqVxSbsomF93cRLgXnALcClT8D8N3d3S80Nzfvqq2tfT4QCFQlEol7sVjs53A4fPHIkSN4a9hOy+2FAdcUm3iBZrMXBRz9+qqqqqoWFxc3w6cT0RNE5E8rHXEzoCI7zCyhIi0vegk1GzQnv4sEjvMCYICG2iuJqIKI8E0s+GS4DGSJ2F1VQnUCNFtb0cBt9wLwgfQFgLuBwpGOY0f0UdKqFh2lPGqCxgXGDuD2nk0UJfW7DIWXFDCng1HAnRLkbK+AcwJzaq6AOyXI2V4B5wTm1FwBd0qQs70CzgnMqbkC7pQgZ3sFnBOYU3MF3ClBzvYKOCcwp+YKuFOCnO0VcE5gTs3/BlmR53zRnTvYAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    cursor: pointer
}

.c-player__host-in-group {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: #272832
}

.c-player__host-in-group p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 18px;
    text-align: center;
    color: hsla(0,0%,100%,.6);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-player__host-in-group--right p {
    font-size: 14px
}

.player-container-rtc .c-call-user-item-controller {
    display: none
}

.player-container-rtc:hover .c-call-user-item__controller {
    display: block
}

.c-player__main__positioner-meeting {
    left: auto!important
}

.c-player__container .vcp-bigplay,.c-player__container .vcp-loading {
    display: none!important
}

.c-player--rtc__quicklive-error {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-player--rtc__quicklive-error .vcp-error-tips,.c-player--rtc__quicklive-error>div {
    display: none
}

.c-player--rtc__quicklive-error>p {
    max-width: 80%;
    color: #fff;
    position: relative;
    z-index: 10;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 14px 16px;
    background-color: rgba(0,0,0,.6);
    border-radius: 8px
}

.c-player__main:-webkit-full-screen .c-danmu-wrap {
    width: 100%
}

.c-player__main:-ms-fullscreen .c-danmu-wrap {
    width: 100%
}

.c-player__main:fullscreen .c-danmu-wrap {
    width: 100%
}

.c-player__main:-webkit-full-screen .c-player__main__positioner {
    width: 100%;
    height: 100%
}

.c-player__main:-ms-fullscreen .c-player__main__positioner {
    width: 100%;
    height: 100%
}

.c-player__main:fullscreen .c-player__main__positioner {
    width: 100%;
    height: 100%
}

.c-player__main:-webkit-full-screen .c-player__main__inner {
    height: 100%;
    padding: 0
}

.c-player__main:-ms-fullscreen .c-player__main__inner {
    height: 100%;
    padding: 0
}

.c-player__main:fullscreen .c-player__main__inner {
    height: 100%;
    padding: 0
}

.c-player__main:-webkit-full-screen .c-player__ui__positioner {
    width: 100%;
    bottom: 0
}

.c-player__main:-ms-fullscreen .c-player__ui__positioner {
    width: 100%;
    bottom: 0
}

.c-player__main:fullscreen .c-player__ui__positioner {
    width: 100%;
    bottom: 0
}

.c-player__main:-webkit-full-screen .c-player__main__positioner-right {
    width: 1px;
    opacity: 0
}

.c-player__main:-ms-fullscreen .c-player__main__positioner-right {
    width: 1px;
    opacity: 0
}

.c-player__main:fullscreen .c-player__main__positioner-right {
    width: 1px;
    opacity: 0
}

.c-player__main:-webkit-full-screen .c-call-user-item {
    width: 100%;
    height: 100%;
    padding: 0
}

.c-player__main:-ms-fullscreen .c-call-user-item {
    width: 100%;
    height: 100%;
    padding: 0
}

.c-player__main:fullscreen .c-call-user-item {
    width: 100%;
    height: 100%;
    padding: 0
}

.c-player__main__positioner {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 76.2%
}

.c-player__main__positioner--noChatMenu {
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-player__main__positioner-right {
    right: 0;
    left: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1280px) {
    .c-player__main__positioner-right .c-player__mask__btn {
        width:64px;
        height: 64px
    }
}

.c-player__main__positioner-right:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    background: hsla(0,0%,100%,.1)
}

.c-player__main__doc-positioner .ppt-h5-setting-nav-mini {
    width: 100%;
    bottom: 0!important
}

.c-player__ui__positioner {
    position: absolute;
    bottom: 90px;
    width: 76.2%;
    height: 60px;
    z-index: 1
}

.c-player__ui__positioner--noChatMenu {
    width: 100%
}

.c-player__main__inner .pv-start-time {
    bottom: 90px
}

.c-player__main__doc-player__inner {
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.c-player__main__positioner-right--toggle-up {
    height: 40px;
    opacity: 0;
    overflow: hidden
}

.c-player__main__doc-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-player__main__inner {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.c-player__container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.c-player__container--hide {
    height: 1px;
    opacity: 0
}

.c-player__switch {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 120px;
    height: 26px;
    line-height: 26px;
    padding: 4px 15px;
    padding-left: 32px;
    background: #000;
    background-position: 6px;
    background-repeat: no-repeat;
    border-radius: 0 17px 17px 0;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-player__switch:hover {
    background-color: #3082fe
}

.c-player__switch--flash {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAALGPC/xhBQAAAcdJREFUOBGNlDEvBFEUhWfZpdBQEX6DUiNRqK2w2aj9ACU/YQuR6PXoRXQKhVYiVDbZrYiIQoRkRUjGd968N+48M7jJ2XvvuefdufvmzUsSLE3TrrwLSD5BWvNE6io+2R9WiWRQ80FWVeJtU74ODlSqYSIyGb/Ea+AF1B1JYO2apJkvscuHfI8HFAPbr2PX28KQLURxJzxc08Q2BTEKnkJBY7+GxPt1dSAesbyGnHCt+dH0uCUJ8O+Bx/fzmNqy7eDjXi4IAYUGOAQa5Qa0Qy33kDugytxL1dCtEoU2dj7wrmNIjH9UgXzDcG0RsU1CLETkzQ9hGBxh34hfs7MRqkkyS3GG9O6bctGxOnb9ykX8mI9j13DymI3ynUJ3iqGz1bUKIpug0r72rLoiVuOmXVuIKf72Fit65nR2ttURSmfmPxNdohsPUxAfAGuauK6GOoB/2ZZ5+Pkv4n01jD+sWH8Wpgoega6JMntRQ30aVXZFwR0u/C54Bm+gyrpq2C6p7sG5/cLrCjgt0ZRRa+5fUIm/+hO4bXBbtqqCK55FRLo5C/dhxcKY1nELF2yS3RJht71HoH1bAatgDkwDae/BBTgSuPM+8AX7AjNOZJAzjdERAAAAAElFTkSuQmCC)
}

.c-player__switch--html5 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAALGPC/xhBQAAAgdJREFUOBGlkz1LXFEQhu+6BgtFbG3iF4iVsRARsQvEPljpD7ARQWwjkiK13YJYbqGgQkhlDCIYFQQbBbFZUP+BsFtIVMzzzp65e+6yq6AD75mvd+acM+feXII8I9ItWpA+LTktnsm5Icop6Esjook3b0bVtm5WrDpkVUu2pEqv2J65SIgXjakYVb1VYtKtfiU56oUMyVZ5UR66DK5A9ugKNJFjv7Dy66CnCbEYD+MB0nZEvOScP8IR2i2OsxMCEc8OPpuJ47SAZfCgRCSH2GOq1gx0s45MqzpHs9JlzuviDV0RL5RRVb0QXlBO0grSjjqbRRssIlrHkOtF28iC/xP9SbYuoxlVwIYCLhxjhtw9fpuOZHFtiQyCNbNYlAi2fQwx8as50RKIOwrFb22vQ/IuEPxitTuQGANHTghar/QN1JrhlELyPcruojFKNPMBs5LkDH0b7NeUPt/RQLJ384a6lw9nl+nqg/tA7GMgN1OLJLyhzcYbpl8FhOFQnUfXniQEX1C1HpymPxre9QtFmRQ1N1Fdf32yHCVXsJfARRRzc1OFOF0eQOuXM/Ery9EMJiyaJH+Y4wnEX/jT4DN4AvtgC0hGqspWm1/k246FaMd/2H+BHmcc5EErmATfgTZ7BC6FTDM5ZOY8+wY95w3jX9djpmnaiaGrfgFTQFfeA7/BASNJ54afyn/+QCh5FIXKvAAAAABJRU5ErkJggg==)
}

.c-resize-listener {
    position: relative
}

.c-resize-listener--inherit {
    position: static
}

.c-resize-listener__iframe {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    border: none
}

.c-chapter {
    height: 100%;
    overflow: auto
}

.c-chapter::-webkit-scrollbar {
    width: 6px
}

.c-chapter::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-chapter::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-chapter__item {
    position: relative;
    height: 60px;
    line-height: 60px;
    padding-left: 56px;
    padding-right: 88px;
    color: #adadc0;
    font-size: 14px;
    border-bottom: 1px solid #000;
    cursor: pointer
}

.c-chapter__item .c-chapter__item__ico {
    position: absolute;
    left: 16px;
    top: 0;
    width: 24px;
    height: 100%;
    display: block;
    font-size: 24px
}

.c-chapter__item--active {
    color: #3082fe
}

.c-chapter__item__title {
    width: 100%
}

.c-chapter__item__time {
    position: absolute;
    right: 16px;
    top: 0;
    height: 100%
}

.c-aside-toggler {
    position: relative
}

.c-aside-toggler__meta {
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background: #2b2c35;
    padding: 0 16px
}

.c-aside-toggler__dot {
    width: 10px;
    height: 10px;
    margin-right: 8px;
    display: inline-block;
    background: #5bffcc;
    border-radius: 50%
}

.c-aside-toggler__btn {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADAklEQVRoQ9WaPYtTQRSGn/ULBLEQtxELQUHBQhQLRXANaQwoopWFhQQRCUGQgFb+ASEIEoJIii23UkQhZVZBtBDFQlBQsBAbZQsRBD8Wea93luslN5mZzM060+xCzpx5nzNfZ2buDGHKemAnsAPYCmwBNgIbUvc/gO/AEvAF+AC8B35O2vzMBA4kcA+wOxUvCJci8YJ4C7xJAV3qJ7Y+AIrqYeBIJsLODecqqIeeAE8B/W9dXADWAAeAY8Am6xbcDL8Bi8ALYNmmqi3AZuAssM3GaQCbT8AC8HWcLxuA7an4sqJepFG9IYiPoyDGAewDTgLrxkWipN9/AQ+AV0X+RwFI/OmShLm6vVcEUQSgYXN+FSOfB1RPzA8bTsMANGEvlrjSuEbf2GtO3MlP7DyAlsoLU1xtXGG0OvWyS2we4CBwwtXrlO0fAs9Nm1kA7bCX/8Ohk4+PhtIts2NnAeaAypSj6dvcAHiUzYWUmF0JmNv4CrOtp3zpphJA0wP7gVO2tW3tWq3WXtm22+3XtnUc7O4DLw2A8hylxsGKxDebzTNy2Ol07pYAoRR8QQDK46+mf4MAZMRrWVZZLgFC54kbAlDk1QNByhDxxm8ZEEkPHAcOhVA/QnxZEM8EcA7YNSlAgXhzKDFDKfRweicAbV46hHuXIvEa93KaTuYyIJYEcC29QfACGCXerDw2Nl6Np/vAdWCtjwMXYS62Dlp+qwe8AHwE+dQZA5MAOA+hSYRMUncITJJKOE3iEAJC+EhhkklsvYwGbJhAvpJl1Gojq1ars71e7xIQbDksgqjX67cHg8Fni8mcbGTWqUS3252r1Wq6mQu2IeUh+v3+YqPRSHJ9i+KezKUQR0MmZwai3+8/dhC/kswJ1CmdrlQqs5ZdbBHEvyYePlfSadUv5UBjrd7P8J8DTfRHSsUg6kO9AKK/VhFE1BdbAoj+alEQUV/umgUt6ut1AxH1A0cWItonpuxwUqoR5SOfgYj6mdVARP3QnU23ov3UIJ8zRvuxx7Dkd9U+t/kDSD9mpjscYsAAAAAASUVORK5CYII=);
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,0);
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.c-aside-toggler__btn--toggle-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-product-bubble {
    position: absolute;
    top: 16px;
    padding-left: 8px;
    z-index: 35;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.c-product-bubble--mobile {
    top: 60px
}

.c-product-list {
    height: 100%
}

.c-product-list .pws-iar-product-list-content::-webkit-scrollbar {
    width: 6px
}

.c-product-list .pws-iar-product-list-content::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-product-list .pws-iar-product-list-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-product-list__detail__main {
    position: relative;
    padding: 24px 40px;
    padding-bottom: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-product-list__detail__desc {
    max-height: 428px;
    font-size: 14px;
    color: #333;
    white-space: pre-wrap;
    line-height: 24px;
    overflow: auto
}

.c-product-list__detail__btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 24px 0
}

.c-product-list__detail__btn {
    display: inline-block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    background: #f66;
    border-radius: 16px;
    color: #fff;
    font-size: 14px
}

.c-product-list__detail__btn--disabled {
    background: #cdcdcd
}

.c-draggable-modal {
    z-index: 10001;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6)
}

.c-draggable-modal--no--bg {
    width: auto;
    height: auto
}

.c-draggable-modal--no--bg .c-draggable-modal__content {
    position: fixed;
    margin: 0
}

.c-draggable-modal__content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -280px;
    padding-top: 48px;
    background-color: #fefefe;
    width: 560px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.08);
    border: 1px solid #eceff1
}

.c-draggable-modal--close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    color: #90a4ae;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 51px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: none;
    outline: none;
    background-color: rgba(0,0,0,0);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAAGVn0euAAAABGdBTUEAALGPC/xhBQAAAxdJREFUeAHt3W9u00AQh+G1ywFRvoBoroDgKK24QorgAxUHJDb+JUzrWP4ztsfNBr2WqJN4dzPzrDebZF2aEttZ4OHwXOuW7V0uiwrPquQKg0L5CXw7/P7gjmpWYXerFEQgZ4FiTnB61bxL5cdjqn583e9cdUvvE9j4+7x//9Nbh3IIIIAAAv+XwOPT8x/9s6w08dj8YI8N7V2zkirbE9R1utOstsnEo8gfDr+OQ9H2Pe6eMm0+Loqitmz6Glz0mBpsm3fvL2qUSggggAACCCCAAAIIxAvobevY++Gp40sicn/s8DauBPTRpCjS8cv97p3qKXB9+abb0R9ZwhNQkNoskfO9+MCtXffHJqvg2UtcvXAuW1faV0X15Kk7t0xoD4ydKtYj7VNrbrBvUl5JjD3R1PGxuhxDAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQ2EBA30CPfXk7dXxJSGHrAwpcawJaielLwr5ej14neJP1AQt+i7WB0AR0Cki/vR4m8e6a2ZJTZahOeALdJHR/C3lLKGwMWIPa68LJRua0Nqb7ZV3ea7/FtkkCp3O+iduSGBrYEQmFJ3AxYPe706WsCnSrJELHwEXw/xa5FXx3YEdemxvWAzYP9A1YBawVeiUTPQ+ozbCtbwJrNz51vF2W2wgggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACAwK6KHPNhZlr6w+EFfpw6HXGUZEJzn7JQG3q0l9d7u69Pnlt/ag8PO1k2QEKvIuox6Y6YkkdtXvNLdsOMBQPqqeMtZfbPvsOMLA+5JTqqkhFav6i0stvPEyNEmsvl/3NdICBqSOO6fi9eUF6QdexJpGqTOUn7zxh7V17f5HEtYOZen4bBV181dMo0MStMlPt5HT8JkaAwb/+R5mvE7Iw2++YdP+WXoay7oAx+O5LzZyy6qRctiw7YA3mmrrX6JQsO0AQBqnbcz6Eqby2tfXPrfATAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQuGmBv4K4rvmCDQo8AAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: 50%
}

.c-draggable-modal--close:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAAGVn0euAAAABGdBTUEAALGPC/xhBQAAAzZJREFUeAHt3G+v0jAUx/EVuNF3aDQ+V6OR16LxRn1uor7DeyNQ+4McbJb96bbDpZjvkns3trY7/XSlQAdNw3IS+PjzELVl6yKXWYknZSoKg0T1Cbz5Ed8WRzUpcXGpJESgZoEwJTg9az7uw7tn6/j188tVUd5V6Qms/31/Hb6V5iEdAggggMD/JbD9HXf6s1pp4LHxwfb1rYtGJWW2E8RDXGtUu8jAs02Rb3/FfV+0XfuLh0yxPKTIm9BEq01XgbP2qcDcvP14VqFkQgABBBBAAAEEEEDAX0AvW4deD48dnxNR8duO0sJVAb01Cauw//QibJRPgevDN217v2Vxr4CC1HKuSNrW9I534DqHluK3TafkZf8lrlY4pg7hoPXzu+ZLWe5pqVxbYOhSObdIdmlNC/WJUqsSQ6caOz6Ul2MIIIAAAggggAACCCCAAAIIIIAAAggggAACFxDQJ9BDH96OHZ8Tktv8gALXnIBmYroqYR+ve88TPMn8gAWfTzvN0e7K41oBnUD6+XyYxNtzZl2BzN3nXoF2JXZpgulu82/Cb26gffnc+kB+At04uY+nubFNOsPDn+ZDftxz+yIV0DW/DnFllejr2B4Vca9A3mHvX4XjrawK9FKVcO0DefA2ya3g2x3b895ctxawcaDrqVIBa6JblfEeB1Sm29I1gOWFjx3P07KNAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIINAjoJsyl9yYuTR/T1iuu13vM/aKTHD2JQOVqVt/dbt76f3JS/N71aOknCobQIG3EbVvrCHm5FG511yqbQBDKUEtSWPl1bauvgEMrBM5/Vqdvk6kL7ZYurFeYulqWd9MAxjYsSE2zX2MGXo6uEtfj0qN8b50nLDyrr0+XznXDqTk/OdekPB15dvVox+dVC/QwK00JWXVksbqUEs8nXGc4e2HMlMqe6pRhvwVkx7bsVvoDVU3wBB8G3dKWjVSLUuVDbAEc0neazRKlQ0gCIPU9pQ3YUqvZWn+Uyn8RwABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABBG5a4C9YmNRZYpTwBAAAAABJRU5ErkJggg==)
}

.c-draggable-modal--close:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAAGVn0euAAAABGdBTUEAALGPC/xhBQAAAwhJREFUeAHt3G9y0zAQhnHLcKDCZWDgKtAPLVeBgctAD0Qt8lZd6jH+s7bXicI8nmnlxJK8+imOmkhu07AVgZu7LmvPUpfLpsyrCrnCIFN9Am+/5HfuqFZldtdKRgRqFkhrgtO7Ztum912Xvz/ctq6yrfcEdv39/JR+eMuQDwEEEEDg/xJ4c59/68dapYHHxgd7bip1jUoqbCfIOb/SqHbIwKPIb+7y41S0Y8+7h0wbj1NqsrVmrMJNz6nCvvnw8aZKKYQAAggggAACCCCAQLyA/myd+3t46fiWiNwfO7yVqwH6aJJSevz1Ob1WOQWuL9+0H/2RJbwBClKbNaQ8ig/8b722E5lKXL1Q6kyd0pybr5HnsLpCe2DupWI90n9pWRBVpWrEXEBLx+fKcgwBBBBAAAEEEEAAAQQQQAABBBBAAAEEEEDgAAF9Az335e3S8S0huZdVLVWuwDUnoJmYsUbY1+vR8wRnmR+w4I+YGwhtgHpJ+v35MIkP58yWenPN8fAGDBuhx0fIWyPDrgGrUGlZOFnmxvT4tBzxo9IjtkMaoNf8aVrvVHdpxNSFHdGg8Ab0L9iH2/S0lFWBHtWI0GugH7xNciv44YUduTY3rAdsHBi7YBWwZujVmOhxQHWGbWMDWL/ypeP9vOwjgAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCEwIaFHmnoWZe8tPhBX6dOg646jIBGc3GahOLf3Vcnfv+uS95aPa4amnyg5Q4ENEPbfUEVvKqN5LbtV2gKF4UD15rL7a0uo7wMDGkO1mlnJjS8m5dJVYfbWkV9MBBqaO6LrmWx/9mb5r2+aDd5yw+i6dht0rc46G2FXwL77OnlsN3MpzjliiznEVV4DBv/yjzJcB+Yn++bZMQ7mmt6GqO2AOfvhWsyavdVQNaZUdsAdzT9lLdEiVHSAIg9T+mg9hyq9tb/lSC78RQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQACBqxb4A7nHudIKTXm9AAAAAElFTkSuQmCC)
}

.c-draggable-modal__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #eceff1
}

.c-draggable-modal__header h2 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    line-height: 48px;
    font-size: 14px;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-draggable-modal__hide__head--line {
    border-bottom: none
}

.c-draggable-modal__body::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.c-draggable-modal__body::-webkit-scrollbar-thumb {
    background-color: #cfd8dc;
    border-radius: 5px
}

.c-draggable-modal__body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(207,216,220,.8)
}

.c-draggable-modal__body::-webkit-scrollbar-thumb:active {
    background-color: rgba(207,216,220,.9)
}

.c-draggable-modal__body::-webkit-scrollbar-track {
    background-color: #fff;
    border-left: 1px solid #eceff1
}

.c-draggable-modal__body__border {
    overflow: auto;
    border-bottom: 1px solid #eceff1
}

.c-draggable-modal__footer {
    position: absolute;
    bottom: 0;
    width: 100%
}

.modal-fade-enter-active {
    -webkit-animation: modal-fade-in .3s;
    animation: modal-fade-in .3s
}

.modal-fade-leave-active {
    -webkit-animation: modal-fade-out .3s;
    animation: modal-fade-out .3s
}

@-webkit-keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.c-set-nick__form {
    padding: 8px 16px 24px;
    margin: 0
}

.c-set-nick__form .c-set-nick__form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14px
}

.c-set-nick__form .c-set-nick__form-item input {
    width: 100%;
    height: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 8px;
    background: none;
    border: none;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

.c-set-nick__form .c-set-nick__form-item .c-set-nick__error__input {
    border: 1px solid #ff5722;
    background: #ffe9e9
}

.c-set-nick__form .c-set-nick__form__btn__group {
    text-align: center
}

.c-set-nick__form .c-set-nick__form__btn__group .c-set-nick__form__btn {
    color: #333;
    background-color: #fff;
    border: 1px solid #b0bec5
}

.c-set-nick__form .c-set-nick__form__btn__group button {
    margin: 0 8px;
    padding: 0 18px;
    min-width: auto
}

.c-set-nick__form .i-clear-pc-set-nick {
    display: block;
    width: 8px;
    height: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA+klEQVQ4T5XUPw4BQRTH8e87goLSBShdgNoFROEM1BIStcoVNBInUBC9cl1AodGrJE9m7cqYf3a33Ml88ua934yoagPYAFMReVDzU9UlcBFV3QJj4Ar062CqugLmwNNATeAIdIEMGFTBLOQFjMScpC7mISL7HKqDhRCz/wtVwWKIB6WwFBKEItgBmAGfxors3ZT8HM1edAZglqJItCJrAOuiEvPrBvRi0UhVVIbNVHIH2qmcBSG3scD5X2g9KDadomcnoBO6Tm6O7ON400lhdrKTiHMDvMrKu1YJSWLFe7L4lxM3gKraKgaQ98w8I0NgB0xCiU29c1bPsjfNj7gncY8veAAAAABJRU5ErkJggg==);
    background-size: cover
}

.c-set-nick__form .c-set-nick__clear {
    width: 20px;
    height: 20px;
    margin: 0 8px;
    border-radius: 10px;
    background-color: rgba(0,0,0,.1);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.c-set-nick__form .c-set-nick__clear:hover {
    background-color: rgba(0,0,0,.4)
}

.c-set-nick__form .c-set-nick__clear:active {
    background-color: rgba(0,0,0,.6)
}

.c-set-nick__form .c-set-nick__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-set-nick__form .c-set-nick__input .c-set-nick__form__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-set-nick__form .c-set-nick__length {
    margin-right: 8px;
    font-size: 12px;
    color: #9e9e9e;
    white-space: nowrap
}

.c-set-nick__form .c-set-nick__error {
    position: absolute;
    top: 44px;
    left: 8px;
    font-size: 12px;
    color: #ff5722
}

.c-set-nick__form .c-set-nick__error span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    text-align: center;
    line-height: 16px;
    background: #ff5722;
    color: #fff;
    font-size: 14px
}

.c-set-nick__success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: rgba(0,0,0,.6);
    text-align: left;
    line-height: 22px;
    background: #fff
}

.c-set-nick__success__icon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 20px;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAANqADAAQAAAABAAAANgAAAADzQy6kAAAE8ElEQVRoBd2aT4gURxTG36uZFVmJ7kGi4C0mQghRwUPI0Q0qBHIRMytICJJDQkgwsyq57i3grruHCHoR3Ehgs4qXQCAJuMcYgocYcklMboKSHPxDPOhMd95XNTXdM9M9U9XT3Ts777DdO1316vt1VVe/qtdMRdrqaoXo9i4KmltJ0Qu6qYCekKo8Jjpwj2q1ZlHNc66Or599hRrNaaLgoPjdS8y7KQw3JbbB/Eyu/SXX7hCpNapWbtKx+T8Ty2b4cXiwb09vp6fB+9L2eyJ0XwYNURXmX+WfqzSplumd8/9GF/zPsoN9f2YLPWzMEvFZATLDzL/95BrMT4jCeZqqLtKRhf+SC/X/1R9sba5KDx5/QBzOCdDO/u6HvMp8n0Keox1bL9PBuYaPNz+wG7N76Fl4Q+7maz6NDF+Wf6dNfJSOLv7h6ku5FqRr9cP0PPi5fCgolBuJtqHB0dzAVuunKAi/o5CmHP3mXwxtQwO0ONjgobhS/1Lu2CcOvkoswhfo+NKn/Rrs32Mrs5+NHhRw5EYP6Ln0HsN4NsNPoocRNKYmKX6b3l36IUldMhhmPzys6/lMJant/o3pIU2oN5Jmy96hiPcUpvRRhwIkNEIrNHdZLxhevqW/p7pUef0rrwKtubNS51DUYVLzbuERRaeG4f9DhDJVeTkefnX2GGK/osOk4TF6PUCzjlujS1GPmSj979wD2qitYs8QOE+ql+yqIOoxLD3yjtKzojDf9a4K7Wb5pKtGYFhPjYIxX6IXt71KrL7OIKfNYIaiXvk+d46cMzToVgVQtcWPZeUdErYVwlvLFAYn3Cq3SlUn9mAlbnpML+e9qudfOA4F79gP4coCIcLwsRZLayjqPQqf6vmW7YaC99X66xQ0fpSXsGdIZ1jsM7Y3X6Ue3lKh6KYECts9PNmimoXNWP7pqcyIybtJtngRx/yhZAtGdr/4zUnpMdn3Gxco3HzNcnuX0puZWXuD+REpdVJuk99WWRE9FWeQDVrV3qGNX3A5B1SoDsn0fEU2O99yhisaCtpl19lOHi4oURnmBlUqR+j4+V/0j8cW7jjBlQHVUilDUfbSfS0Mq9RsnJTxHMWag+BKhAKTDEUkCDJYSB/Ku+aiE1yZUEARJhmKkvXAFJnF0uAUTbefubKhNMuBe0qHLibrkQUNy/Penqst/SYP8LQEsufasZ/1riOKzC9f6yX9CBYJx+zkIamcISwNbmbxcx3QWtdFQ5l2NEsLTK3ZtjMfk+DizsqBkhYNiwFD0i0PS4MrDUogWiwGDJlEk3QbHq8brkwoMLSyovYZA9DV4alaHizcyuw+eadkjdKzyGkzRGC8+SvpNf+XdVrzgKNAIpNMS480r+m/m82cZVsgAqt98Y+ImLcXcjpO5OTHwY1oj+WtIzBURc4Xm48bzfSGqWiPWScYEtnI+W40g+auJHwnGICQyCbJ+W4YE61ac6fgXjBk55HIRopm1A0aoTXhi4JeMMAgO694xnvrq8wbYRJ/M0m5MchIBsMVZAqZT+N0JA3aUrKZ0BstFNPUj2VyHbA6O6/qIzEs9a6waBnwxQBkD+4xlIKZZPs3sv5an289MFHgue8z/IxQ89cdDOXH8pMjgGG23LFtv8w5H5USoegoSNpCmx7fUUGqX4+hhrWx+6zPgtnj2H2IacHix7H6dDYO1n2+jh87/w81wBv1uuKPzwAAAABJRU5ErkJggg==);
    background-size: 100%;
    background-repeat: no-repeat
}

.plv-iar-answer-card-result-default__btn__wrap--score {
    padding-bottom: 20px
}

.plv-demo-lottery-default__lottery {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10
}

.plv-on-lottery-SF-member--item {
    width: 50%!important
}

.plv-demo-modal-SF {
    color: #fff
}

.plv-demo-modal-SF .c-modal__content {
    opacity: .98
}

.plv-demo-modal-SF .c-modal__header {
    background-image: -webkit-gradient(linear,right top,left top,color-stop(3%,#423636),color-stop(93%,#4d4237));
    background-image: linear-gradient(270deg,#423636 3%,#4d4237 93%);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.plv-demo-modal-SF .c-modal__header h1 {
    color: #c8c6c6
}

.plv-demo-modal-SF .plv-lottery-end-SF__winner__msg {
    padding: 8px 27px 32px 30px!important
}

.plv-demo-modal-SF .c-modal__body {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(6%,#44352b),color-stop(98%,#231d1e));
    background-image: linear-gradient(90deg,#44352b 6%,#231d1e 98%)
}

.plv-demo-modal-SF .plv-iar-module-container-default__body--border {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.plv-demo-modal-SF .plv-iar-module-container-default__body {
    overflow-x: hidden
}

.plv-demo-modal-SF .plv-iar-module-container-default__body::-webkit-scrollbar-thumb {
    background-color: #7b7070;
    border-radius: 5px
}

.plv-demo-modal-SF .plv-iar-module-container-default__body::-webkit-scrollbar-track {
    background-color: #211e1e;
    border-left: 1px solid #211e1e
}

.c-user-list-item {
    position: relative;
    padding-top: 15px;
    padding-left: 36px;
    margin: 0 16px;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-user-list-item__avatar__wrap {
    position: absolute;
    left: 0;
    top: 15px;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle
}

.c-user-list-item__avatar {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%
}

.c-user-list-item__nick {
    width: 100%;
    font-size: 14px;
    color: #adadc0
}

.c-user-list {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-user-list::-webkit-scrollbar {
    width: 6px
}

.c-user-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-user-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-user-list__load-tips {
    color: #adadc0;
    font-size: 12px;
    margin-top: 17px;
    text-align: center
}

.c-user-list__loading__wrap {
    text-align: center
}

.c-user-list__loading__wrap .c-user-list__loading {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    background-position: 50%;
    -webkit-animation: spin 1s ease infinite;
    animation: spin 1s ease infinite
}

.c-user-list__load-failed span {
    color: #3082fe;
    cursor: pointer
}

.c-promotion-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,.3)
}

.c-promotion-layer__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-promotion-layer__box {
    width: 296px;
    height: 362px;
    background: url(https://zhibo.people.cn/assets/img/game-layer-background.b8fef009.png) no-repeat;
    background-size: contain;
    text-align: center
}

.c-promotion-layer__img {
    padding-top: 19px
}

.c-promotion-layer__img img {
    width: 110px;
    height: 110px
}

.c-promotion-layer__text__wrap {
    width: 100%;
    padding-top: 92px;
    text-align: center
}

.c-promotion-layer__text {
    text-align: center;
    width: 100%;
    line-height: 1.5;
    font-weight: 600;
    font-size: 18px;
    color: #333
}

.c-promotion-layer__close {
    position: absolute;
    top: 362px;
    left: 128px;
    width: 40px;
    height: 70px;
    background-image: url(data:image/png;base64,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);
    background-size: contain;
    cursor: pointer
}

.c-promotion-layer__url {
    font-size: 12px;
    text-align: center;
    color: #666;
    margin-top: 13px
}

.c-promotion-layer__btn__group {
    margin-top: 28px;
    display: inline-block
}

.c-promotion-layer__btn {
    width: 96px;
    height: 32px;
    background: #3082fe;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer
}

.c-promotion-layer__btn__last {
    margin-left: 24px
}

@media (max-width: 1280px) {
    .plv-iar-vote-item__title {
        max-width:204px!important;
        font-size: 12px!important
    }

    .plv-iar-vote-item__count {
        font-size: 12px!important
    }

    .plv-iar-vote-item__count>span {
        font-size: 18px!important
    }
}

.c-award-records[data-v-2055ff6c] {
    padding: 20px 10px;
    font-size: 14px;
    line-height: 20px;
    color: hsla(0,0%,100%,.6);
    letter-spacing: .1px;
    text-align: center
}

.c-award-records__no-award[data-v-2055ff6c] {
    margin-top: 25px
}

.c-award-records__item[data-v-2055ff6c] {
    padding: 27px 0;
    margin-bottom: 10px;
    background-image: url(https://zhibo.people.cn/assets/img/winningRecord-pc.71d9d367.png);
    background-size: 100% 100%;
    border-radius: 2px
}

.c-award-records__item-bg[data-v-2055ff6c] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .6;
    z-index: 1
}

.c-award-records__item__title[data-v-2055ff6c] {
    font-weight: 700;
    font-size: 18px;
    color: #fbdaae;
    letter-spacing: .13px;
    text-align: center;
    margin-bottom: 10px
}

.c-award-records__item__tips[data-v-2055ff6c] {
    opacity: .8;
    font-size: 14px;
    color: #fff;
    letter-spacing: .1px;
    text-align: center
}

.c-learn-finish__icon {
    display: block;
    margin-bottom: 34px;
    font-size: 48px!important;
    color: #3082fe
}

.c-learn-finish__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: #333;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-learn-finish__content__header {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #333
}

.c-learn-finish__footer {
    margin-bottom: 30px
}

.c-learn-finish__content__content--strong {
    color: #3082fe
}

.g-icon-pc-translated {
    color: #62c352
}

.c-seat-table--pc {
    text-align: center
}

.c-seat-table--pc img {
    max-width: 100%
}

.announcement-mask {
    background-color: rgba(0,0,0,0);
    position: fixed;
    right: auto;
    bottom: auto
}

.polyv-feed-back-modal .c-draggable-modal__hide__head--line {
    border-bottom: 1px solid #eceff1
}

.polyv-feed-back-modal .plv-iar-pc-feed-back-default__footer {
    border-top: 1px solid #eceff1
}

.c-watch__main__head {
    width: 100%;
    height: 100px;
    background-color: #fff;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-watch__main__head__bg {
    width: 1rem;
    margin-left: auto;
    margin-right: auto
}

.c-watch__main__head__logo {
    background-image: url(images/logo.8d8beb17.png);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 180px;
    height: 100%
}

.c-watch__bg {
    position: relative;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-size: cover
}

.c-watch__modal .c-modal__content {
    padding: 0!important
}

.c-watch__wrapper__close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100000;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAASFBMVEUAAAAAAABra2sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADBwcEtLS0AAAAAAAAAAAAAAAAAAAAAAADDw8MAAADR0dH9iIZjAAAAF3RSTlOAAKtwfnhJNmgnIQ4J7I9rY11ZTynuFP8ZL/cAAAGpSURBVFjDzdnbcoIwGATg1ZwICYKA8v5v2tSZ1kMT8gN70b11/CaOQPIvOK0nts5eG2W0Nqq5WtfGyhdWQW8bjY/oxvp9YDsZFGKmdjPoFFajnBh8cjVSDHoFUZQXgWGEOGOog7PBhpi5BlqNTdF2FYwDNmeIZTD02JE+lMC7wq6oex4MCjujQg6MPXanjxlwwIEMf0GLQ7Gf4KyPgXp+B4PBwZjwBo44nPEV9CDEv4CKAaon6ECJ+wUVB1Q/oAN4S0RxgZfujELO3aW4xAS2ee+2LOeCtyy3vNg+wAm5dEvKOe+ldMhleoCmsIynKPsgxXyDHqiIYg/wCbSoiXIPNoENaqLcQ3NC1KiJcg86ogWqothD4hwEothLnIVElHqJu0IkCr3ENZCJMi9xCjJR5iXOoC7KvcRpCESxB00H6T+Z/qfQLxv6hU2/9egPB/rji/6AZW8B9E2Kvo2yN3r6UYR+WGIf5+gHTvaRmH5oZ48V9MGHPZrRh0f2eMsewNkVAb3EYNcs7CKIXVWxyzRy3ccuJNmVKbnUJdfO5GKcXN3/h5cLO19/fAEq/SixTBNY0wAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.c-watch__modal-iframe {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 100;
    outline: none
}

.c-watch__bg__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(20,21,24,.85)
}

.c-watch__app-name {
    padding: 18px 0;
    font-size: 18px;
    color: #fff
}

.c-watch__app-name+.c-watch__main {
    padding-top: 0
}

.c-watch__main,.c-watch__main__inner {
    position: relative;
}

.c-watch__main__player {
    width: 76.2%
}

.c-watch__main__player--noChatMenu {
    width: 100%;
    margin: 0 auto
}

.c-watch__main__player--meeting {
    margin-left: auto;
    margin-right: auto
}

.c-watch__main__player__inner {
    padding-top: 56.25%;
    height: 0;
    /*background: #212121*/
}

.c-watch__main__player__countdown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 76.2%;
    height: auto;
    padding-top: 42.86%;
    background-color: #2b2c35;
    background-image: url(https://zhibo.people.cn/assets/img/pc-player-no-live-2.0d3fa2b8.png);
    background-size: contain
}

.c-watch__main__player__countdown--noChatMenu {
    width: 100%;
    padding-top: 56.2%
}

.c-watch__main__player__countdown__warm-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.c-watch__main__player__countdown__inner {
    top: 50%;
    text-align: center
}

.c-watch__main__player__countdown__inner,.c-watch__main__player__countdown__txt {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-watch__main__player__countdown__txt {
    top: 85%;
    color: #fff;
    font-size: 22px
}

.c-watch__main__player__countdown__start-time {
    width: 293px;
    height: 74px;
    line-height: 74px;
    background: #f54343;
    border-radius: 12px;
    margin: 0 auto 17px;
    font-size: 28px;
    color: #fff
}

.c-watch__main__player__countdown__start-time-day {
    font-size: 36px;
    font-weight: 500
}

.c-watch__main__player__countdown__right {
    height: auto
}

.c-watch__main__player__countdown__right .c-watch__main__player__countdown__inner {
    top: 20px;
    right: 40px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.c-watch__main__player__countdown__right .c-watch__main__player__countdown__start-time {
    display: none
}

.c-watch__main__player__countdown__right-booking .c-countdown__right {
    position: relative;
    padding-right: 104px
}

.c-watch__main__aside {
    position: absolute;
    top: 0;
    right: 0;
    left: 76.2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    background: #202127
}

.c-watch__main__aside .plv-ia-qa-list::-webkit-scrollbar {
    width: 6px
}

.c-watch__main__aside .plv-ia-qa-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-watch__main__aside .plv-ia-qa-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-watch__main__aside--noChatMenu {
    display: none
}

.c-watch__main__aside-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-watch__main__aside-top__player__placeholder {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    height: 0
}

.c-watch__main__aside-top__player__placeholder--toggle {
    padding-top: 0;
    height: 40px
}

.c-watch__main__aside-top__toggler {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

.c-watch__main__aside-top__advert {
    position: relative
}

.c-watch__main__kicked__tips {
    margin: 0;
    width: 100%;
    line-height: 240px;
    text-align: center
}

.c-watch__menu-panel {
    background: #fff
}

.c-watch__vote-wrap .plv-iar-vote__main::-webkit-scrollbar {
    width: 6px
}

.c-watch__vote-wrap .plv-iar-vote__main::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #46464f
}

.c-watch__vote-wrap .plv-iar-vote__main::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.c-watch__main__disconnect-tips {
    font-size: 12px
}

.c-watch__main__disconnect-tips__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0
}

.c-watch__main__disconnect-tips__wrap__main {
    max-width: 60%;
    margin-left: 9px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-watch__main__disconnect-tips__wrap__aside {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-watch__main__disconnect-tips__wrap__aside__btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 22px;
    line-height: 22px;
    font-size: 12px;
    cursor: pointer;
    -webkit-appearance: none
}

.c-watch__main__disconnect-tips__wrap__aside__btn--ignore {
    color: #fff;
    background: rgba(0,0,0,0);
    padding: 0 14px
}

.c-watch__main__disconnect-tips__wrap__aside__btn--ignore:hover {
    color: hsla(0,0%,100%,.85)
}

.c-watch__main__disconnect-tips__wrap__aside__btn--refresh {
    border: 1px solid #fff;
    color: #fff;
    background: rgba(0,0,0,0);
    padding: 0 14px
}

.c-watch__main__disconnect-tips__wrap__aside__btn--refresh:hover {
    border: 1px solid hsla(0,0%,100%,.85);
    color: hsla(0,0%,100%,.85)
}

.pws-que-pc-emotion {
    font-size: 18px!important;
    color: #adadc0;
    background: rgba(0,0,0,0)!important
}

.c-watch__setnick {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    width: auto
}

.c-watch__setnick .c-set-nick {
    height: 70px
}

.c-watch__setnick .c-setnick__tips-bg-color {
    height: 100%
}

.c-watch__setnick .c-setnick__tips__wrap {
    line-height: 70px
}

.plv-ia-qa--pc .plv-ia-qa-emotions {
    z-index: 1
}

.c-watch__chat__enroll-mask {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.c-watch__main__inner__hidebtn {
    width: 18px;
    height: 100%;
    position: absolute;
    left: 74%;
    top: -10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    z-index: 99
}

.c-watch__main__inner__hidebtn--chatTabHide {
    left: 98%
}

.c-watch__main__inner__hidebtn i {
    cursor: pointer
}

@font-face {
    font-family: iconfont-pc;
    src: url(data:font/woff2;base64,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) format("woff2"),url(https://zhibo.people.cn/assets/fonts/iconfont.7b82d68c.woff) format("woff"),url(https://zhibo.people.cn/assets/fonts/iconfont.32295d9b.ttf) format("truetype"),url(https://zhibo.people.cn/assets/img/iconfont.cd43f29a.svg) format("svg")
}

.iconfont-pc {
    font-family: iconfont-pc!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.g-icon-pc-emotion:before {
    content: "\e64d"
}

.g-icon-pc-a-icontousufankui:before {
    content: "\e64b"
}

.g-icon-pc-a-iconxiugainicheng:before {
    content: "\e64c"
}

.g-icon-pc-tip:before {
    content: "\e649"
}

.g-icon-pc-study:before {
    content: "\e64a"
}

.g-icon-pc-close:before {
    content: "\e63e"
}

.g-icon-pc-shangla:before {
    content: "\e63b"
}

.g-icon-pc-xiala:before {
    content: "\e63c"
}

.g-icon-pc-video-call:before {
    content: "\e639"
}

.g-icon-pc-voice-call:before {
    content: "\e63a"
}

.g-icon-pc-device:before {
    content: "\e619"
}

.g-icon-pc-modify-nickname:before {
    content: "\e618"
}

.g-icon-pc-chat-empty:before {
    content: "\e606"
}

.g-icon-pc-next-page:before {
    content: "\e617"
}

.g-icon-pc-prev-page:before {
    content: "\e616"
}

.g-icon-pc-translated:before {
    content: "\e609"
}

.g-icon-pc-translate:before {
    content: "\e638"
}

.g-icon-pc-product-total:before {
    content: "\e623"
}

.g-icon-pc-arrow-up:before {
    content: "\e621"
}

.g-icon-pc-arrow-down:before {
    content: "\e622"
}

.g-icon-pc-shopping-cart:before {
    content: "\e61d"
}

.g-icon-pc-to-top:before {
    content: "\e61c"
}

.g-icon-pc-share:before {
    content: "\e60e"
}

.g-icon-pc-chapter-item:before {
    content: "\e60f"
}

.g-icon-pc-teacher:before {
    content: "\e610"
}

.g-icon-pc-chapter-item-current:before {
    content: "\e611"
}

.g-icon-pc-icontupian:before {
    content: "\e612"
}

.g-icon-pc-announcement:before {
    content: "\e613"
}

.g-icon-pc-view-count:before {
    content: "\e614"
}

.g-icon-pc-tips:before {
    content: "\e615"
}

.g-outside {
    min-width: 1rem;
}

.g-boundary {
    width: 1rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1919px) {
    .g-aside-fontsize {
        font-size:14px!important
    }
}

@media (min-width: 1920px) {
    .g-aside-fontsize {
        font-size:16px!important
    }
}
