.WatchInfo_watch_more__i86HL {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    background: #fff;
    border: 1px solid #e5e9ef;
    box-shadow: 0 2px 4px 0 rgba(106, 115, 133, .3);
    border-radius: 2px;
    z-index: 5;
    font-size: 0;
    box-sizing: border-box
}

.WatchInfo_watch_more__i86HL .WatchInfo_title__a4Pv9 {
    max-width: 350px;
    margin: 20px 20px 16px;
    font-size: 16px;
    color: #212121;
    letter-spacing: 0;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.WatchInfo_watch_more__i86HL .WatchInfo_action_wrap__0p_f1 {
    display: flex;
    justify-content: space-between;
    margin: 16px 20px 20px
}

.WatchInfo_watch_more__i86HL .WatchInfo_action_wrap__0p_f1 .WatchInfo_watch_action__7U4Gx {
    width: 170px;
    height: 80px;
    display: inline-block;
    padding-top: 20px;
    padding-left: 12px;
    box-sizing: border-box;
    cursor: pointer
}

.WatchInfo_watch_more__i86HL .WatchInfo_action_wrap__0p_f1 .WatchInfo_watch_action__7U4Gx .WatchInfo_main_title__RMTLz {
    font-size: 16px;
    color: #fff;
    letter-spacing: .4px;
    line-height: 22px
}

.WatchInfo_watch_more__i86HL .WatchInfo_action_wrap__0p_f1 .WatchInfo_watch_action__7U4Gx .WatchInfo_sub_title__XyBOQ {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    line-height: 16px
}

.WatchInfo_watch_more__i86HL .WatchInfo_action_wrap__0p_f1 .WatchInfo_watch_action__7U4Gx.WatchInfo_match_watch__97bQU {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/match-watch.f8dfd9f8.png);
    background-size: cover;
    margin-right: 9px
}

.WatchInfo_watch_more__i86HL .WatchInfo_action_wrap__0p_f1 .WatchInfo_watch_action__7U4Gx.WatchInfo_create_watch__3wfqx {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/create-watch.311af1ba.png);
    background-size: cover
}

.Svga_svga_container__2OEPa {
    position: absolute;
    z-index: 99999;
    pointer-events: none;
    left: 0
}

.Share_share__e4Acz {
    position: absolute;
    padding: 0 !important;
    z-index: 2000 !important;
    color: var(--text1);
    background: var(--bg1_float);
    border: 1px solid var(--line_light);
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
    border-radius: 8px;
    font-size: 12px;
    overflow: hidden;
    transform-origin: center bottom;
    left: -200px;
    top: 46px;
    line-height: 1.4;
    text-align: justify;
    min-width: 150px;
    margin-bottom: 12px
}

.Share_share_dropdown__yi1a9 {
    background-color: #fff
}

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

.Share_boxTop__cwT_Y {
    display: flex;
    padding: 30px 30px 12px
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si {
    padding-right: 25px
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_videoCapture__n8vcl {
    position: relative;
    width: 259px;
    height: 145px;
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--graph_bg_regular);
    margin-bottom: 10px
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_videoCapture__n8vcl>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_videoCapture__n8vcl .Share_innerVideoTitle__PHY_y {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    background: linear-gradient(180deg, transparent, rgba(33, 33, 33, .7))
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_videoCapture__n8vcl .Share_innerVideoTitle__PHY_y .Share_titleText__tzg1L {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    color: #fff;
    line-height: 18px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px;
    box-sizing: border-box
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY .Share_barLeft__RQVbv {
    display: flex;
    align-items: center;
    color: #61666d
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY .Share_barLeft__RQVbv>label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: -4px
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY .Share_barLeft__RQVbv>label .Share_checkTimestamp__OcJKo {
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #c9ccd0;
    border-radius: 2px;
    margin-right: 6px;
    cursor: pointer
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY .Share_barLeft__RQVbv>label .Share_checkTimestamp__OcJKo:checked:after {
    content: "";
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_checked.09164ea4.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY .Share_barLeft__RQVbv>label .Share_timestamp__UTIxY {
    padding: 0 3px
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY .Share_barRight__tKMOd {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY .Share_barRight__tKMOd .Share_copyLink__ByTD_ {
    position: relative;
    height: 30px;
    line-height: 30px;
    background-color: #00aeec;
    color: #fff;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
    font-size: 13px;
    padding: 0 6px
}

.Share_boxTop__cwT_Y .Share_boxTopLeft__2Z2si .Share_captureBar__u8AtY .Share_barRight__tKMOd .Share_copyLink__ByTD_:hover {
    background-color: #019cd3
}

.Share_boxTop__cwT_Y .Share_boxTopRight__ekTGh {
    text-align: center;
    padding-left: 25px;
    box-shadow: -.5px 0 0 #f1f2f3
}

.Share_boxTop__cwT_Y .Share_boxTopRight__ekTGh .Share_qrcodeBox__SNRP9 {
    width: 145px;
    height: 145px;
    background: #fff;
    border: 1px solid #f1f2f3;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 4px
}

.Share_boxTop__cwT_Y .Share_boxTopRight__ekTGh .Share_qrcodeBox__SNRP9 .Share_van-qrcode__K8EIE {
    width: 135px;
    height: 135px
}

.Share_boxTop__cwT_Y .Share_boxTopRight__ekTGh p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 4px
}

.Share_boxBottom__Jd2IC {
    padding: 20px 18px;
    background-color: #f6f7f8
}

.Share_boxBottom__Jd2IC .Share_shareBtns__X_uY9 {
    display: flex;
    flex-wrap: wrap
}

.Share_boxBottom__Jd2IC .Share_shareBtns__X_uY9 .Share_shareBtn__pNi6m {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    width: 60px;
    height: 60px
}

.Share_boxBottom__Jd2IC .Share_shareBtns__X_uY9 .Share_shareBtn__pNi6m>input {
    position: absolute;
    left: -999999px;
    height: 1px;
    border: none
}

.Share_boxBottom__Jd2IC .Share_shareBtns__X_uY9 .Share_icon__m3fCN {
    width: 36px;
    height: 36px;
    margin-bottom: 4px
}

.Share_boxBottom__Jd2IC .Share_shareBtns__X_uY9 .Share_text__NCQOg {
    line-height: 20px
}

.moreTool_popupWrap__kkQX1 {
    min-width: 142px;
    padding: 12px 0;
    box-sizing: border-box;
    background: var(--bg1_float);
    border: 1px solid var(--line_light);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    border-radius: 8px
}

.moreTool_toolItem__nLodf {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 13px;
    padding: 0 29px;
    color: var(--text1)
}

.moreTool_toolItem__nLodf:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    opacity: .1
}

.moreTool_toolItem__nLodf:hover {
    background: none;
    color: var(--text1)
}

.moreTool_toolItem__nLodf:hover:before {
    background-color: var(--graph_medium)
}

.moreTool_toolItemIcon__zrqn4 {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    color: var(--graph_icon)
}

.toolbar_toolbar_operation_recommand__qKEd_ {
    width: 100px;
    height: 32px;
    float: left;
    background: #ccc;
    position: relative
}

.toolbar_toolbar_operation_recommand__qKEd_ img {
    width: 100%;
    height: 100%;
    display: block
}

.toolbar_toolbar_operation_recommand__qKEd_ .toolbar_toolbar_recommand_hover__G0M8A {
    width: 416px;
    height: 177px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 2
}

.follow_btnFollow__nLz2T {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 7px 20px;
    background: #00aeec;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 14px;
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500
}

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

.follow_btnFollow__nLz2T:hover {
    background-color: #00b5e5
}

.follow_btnFollow__nLz2T.follow_followed__56lN2 {
    background-color: #f1f2f3 !important;
    color: var(--text3)
}

.follow_btnFollow__nLz2T svg {
    margin-right: 4px
}

.follow_followOptions__U2qdJ {
    position: absolute;
    right: 0;
    top: 100%;
    width: 180px;
    padding: 9px 0;
    font-size: 14px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: all .3s;
    color: var(--text2)
}

.follow_followOptions__U2qdJ.follow_shown__3c7_E {
    transform: none;
    visibility: visible;
    opacity: 1
}

.follow_followOptions__U2qdJ .follow_optionsList__GU5Zo {
    list-style: none;
    padding: 12px 0;
    background-color: #fff;
    border: 1px solid #e3e5e7;
    border-radius: 6px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.follow_followOptions__U2qdJ .follow_optionsList__GU5Zo li {
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 400
}

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

.follow_followOptions__U2qdJ .follow_optionsList__GU5Zo li:hover {
    background-color: #e3e5e7
}

.follow_followOptions__U2qdJ .follow_optionsList__GU5Zo li.follow_disabled__jTVO_ {
    color: #c9ccd0;
    background-color: transparent;
    cursor: not-allowed
}

.follow_followOptions__U2qdJ .follow_optionsList__GU5Zo li.follow_disabled__jTVO_:hover {
    color: #c9ccd0
}

.upinfo_upInfoCard__7Ue0P {
    display: flex;
    align-items: center;
    padding: 6px 15px;
    background: #f6f7f8;
    border-radius: 6px
}

.upinfo_upLink__myVtW {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-right: 13px
}

.upinfo_upLink__myVtW:after {
    content: "";
    height: 12px;
    width: 1px;
    background: var(--Ga3);
    position: absolute;
    right: 0
}

.upinfo_upLink__myVtW:hover .upinfo_upName__iTCPU {
    color: #00a1d6
}

.upinfo_upLink__myVtW:hover .upinfo_upName__iTCPU.upinfo_vip__7BRw1:hover {
    color: #fb7299
}

.upinfo_upLink__myVtW .upinfo_headImg__PAFnH {
    margin-right: 6px;
    border-radius: 50%
}

.upinfo_upLink__myVtW .upinfo_upName__iTCPU {
    font-size: 14px;
    color: var(--text1)
}

.upinfo_upLink__myVtW .upinfo_upName__iTCPU.upinfo_vip__7BRw1 {
    color: #fb7299
}

.upinfo_btn_follow_up__OU1Vy {
    margin-left: 11px;
    color: #00b5e5;
    cursor: pointer;
    font-size: 14px
}

.upinfo_btn_follow_up__OU1Vy.upinfo_active__OD6YA {
    color: #999
}

.image_ogv_weslie_common_image__Rg7Xm {
    width: 100%;
    height: 100%;
    object-fit: cover
}

img.image_loadError__Jc7Uj {
    display: inline-block;
    transform: scale(1)
}

img.image_loadError__Jc7Uj:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/img_loading.6d24ade7.png) no-repeat 50%/50% 50%;
    background-size: 50px;
    color: transparent
}

.score_score__tod3p {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    color: #61666d
}

.score_score__tod3p svg {
    margin-right: 1px
}

.score_score__tod3p .score_scoreText__NTw8W {
    margin-right: 4px
}

.mediainfo_mediaInfo__4eTue {
    border-top: 1px solid #f1f2f3;
    padding: 20px 0 10px;
    display: flex;
    justify-content: flex-start
}

.mediainfo_mediaCover__pm26q {
    display: block;
    flex-shrink: 0;
    margin-right: 16px;
    height: 221px;
    border-radius: 6px;
    overflow: hidden
}

.mediainfo_mediaRight__SDOq4 {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #f0f8ff6e;
    border-radius: 10px;
    padding: 10px;
}

.mediainfo_mediaRight__SDOq4 .mediainfo_mediaTitle__Zyiqh {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    color: var(--text1);
    margin-bottom: 10px;
    padding-right: 240px;
    transition: color .3s ease;
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500
}

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

.mediainfo_mediaRight__SDOq4 .mediainfo_mediaTitle__Zyiqh:hover {
    color: var(--brand_blue)
}

.mediainfo_mediaRight__SDOq4 .mediainfo_mediaDesc__jjRiB {
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: var(--text2);
    margin-bottom: 6px;
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc__FdCrM {
    color: var(--text1);
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    display: block;
    min-height: 36px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc__FdCrM p {
    display: block;
    margin: 0;
    padding: 0
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc__FdCrM i {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 4px;
    height: 18px;
    line-height: 18px;
    text-align: right;
    color: #00a1d6;
    background-color: #fff;
    font-style: normal;
    cursor: pointer;
    z-index: 3
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc__FdCrM.mediainfo_webkit_ellipsis__qkVIb i {
    position: absolute;
    padding-left: 12px;
    right: 0;
    bottom: -2px
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc_section__Vkt2t {
    position: relative;
    display: block;
    color: var(--text1);
    height: 40px;
    line-height: 20px;
    word-break: break-all;
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: pre-wrap
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc_section__Vkt2t p {
    display: block;
    margin: 0;
    padding: 0
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc_section__Vkt2t .mediainfo_content_placeholder__Tgx67 {
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    max-height: 120px
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc_section__Vkt2t .mediainfo_display_area__ggRQT {
    position: absolute;
    height: 100%;
    width: 100%
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc_section__Vkt2t .mediainfo_display_area__ggRQT .mediainfo_placeholder__C58hr {
    float: left;
    width: 1.5em;
    content: "";
    height: 100%;
    max-height: 120px
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc_section__Vkt2t .mediainfo_display_area__ggRQT .mediainfo_content__rexOq {
    float: right;
    margin-left: -3em;
    width: 100%
}

.mediainfo_mediaRight__SDOq4 .mediainfo_media_desc_section__Vkt2t .mediainfo_display_area__ggRQT .mediainfo_ellipsis__gHItY {
    float: right;
    height: 18px;
    width: 3em;
    position: relative;
    left: 100%;
    transform: translate(-100%, -100%);
    text-align: right;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 20%, #fff);
    color: #00a1d6;
    cursor: pointer
}

.mediainfo_mediaRight__SDOq4 .mediainfo_avLink__iyzyV:hover {
    color: var(--brand_blue)
}

@media screen and (max-width:1100px) {

    .mediainfo_mediaRight__SDOq4 .mediainfo_mediaDesc__jjRiB,
    .mediainfo_mediaRight__SDOq4 .mediainfo_media_desc__FdCrM,
    .mediainfo_mediaRight__SDOq4 .mediainfo_media_desc_section__Vkt2t {
        font-size: 12px
    }
}

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

.mediainfo_bottomBar__uBfeO .mediainfo_mediaRating__C5uvV {
    margin-right: 12px
}

.mediainfo_bottomBar__uBfeO .mediainfo_mediaRating__C5uvV .mediainfo_ratingText__N8GtM {
    margin-top: 2px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: var(--text2)
}

.mediainfo_bottomBar__uBfeO .mediainfo_mediaRating__C5uvV .mediainfo_score__SQ_KG {
    font-size: 20px;
    line-height: 17px;
    height: 17px;
    position: relative;
    color: #ffa058;
    font-family: Avenir, sans-serif;
    padding-right: 14px;
    display: inline-block
}

.mediainfo_bottomBar__uBfeO .mediainfo_mediaRating__C5uvV .mediainfo_score__SQ_KG .mediainfo_suffix__fXV4_ {
    display: inline-block;
    height: 17px;
    line-height: 17px;
    font-size: 13px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 400
}

@media(-webkit-max-device-pixel-ratio:1) {
    .mediainfo_bottomBar__uBfeO .mediainfo_mediaRating__C5uvV .mediainfo_score__SQ_KG .mediainfo_suffix__fXV4_ {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.mediainfo_bottomBar__uBfeO .mediainfo_mediaRating__C5uvV .mediainfo_score__SQ_KG.mediainfo_gray__fVJnD {
    color: silver
}

.mediainfo_bottomBar__uBfeO .mediainfo_mediaRating__C5uvV .mediainfo_score__SQ_KG.mediainfo_gray__fVJnD:after {
    content: " "
}

.mediainfo_mediaToolbar__8Q7bn {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center
}

.mediainfo_mediaToolbar__8Q7bn .mediainfo_btnHome__P2fri {
    display: flex;
    align-items: center;
    padding: 7px 14px;
    background: #dff6fd;
    border-radius: 6px;
    font-size: 14px;
    margin-right: 8px;
    color: var(--brand_blue);
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500
}

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

.mediainfo_mediaToolbar__8Q7bn .mediainfo_btnHome__P2fri svg {
    margin-right: 4px
}

.vipPaybar_container__p_lv5 {
    position: relative;
    width: 100%;
    margin-bottom: 14px;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.vipPaybar_textEllipsis__NKHeT {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.vipPaybar_textWrap__QARKv {
    height: 40px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 100px
}

.vipPaybar_textWrap__QARKv .vipPaybar_text__ASSy_ {
    text-align: center;
    flex: 1 1
}

.vipPaybar_iconTextWrap__peZXK {
    height: 40px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-radius: 100px
}

.vipPaybar_iconTextWrap__peZXK .vipPaybar_icon__Gy5fJ {
    position: absolute;
    left: 20px;
    bottom: 0;
    height: 46px;
    width: 46px
}

.vipPaybar_iconTextWrap__peZXK .vipPaybar_infoWrap__oL2lf {
    padding-left: 70px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px
}

.vipPaybar_payBarImage__Uw_LI {
    display: block;
    width: 100%
}

.paybar_pay_bar__xr1HV {
    position: relative;
    height: 44px;
    margin-bottom: 15px
}

.paybar_pay_bar__xr1HV .paybar_activity_avatar_wrapper__MfTox {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%
}

.paybar_pay_bar__xr1HV .paybar_activity_avatar_wrapper__MfTox i.paybar_avatar__C_m_S {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.paybar_pay_bar__xr1HV .paybar_activity_avatar_wrapper__MfTox i.paybar_avatar__C_m_S.paybar_avatar_22__tlRMb {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/avatar-22.d11893ec.png)
}

.paybar_pay_bar__xr1HV .paybar_activity_avatar_wrapper__MfTox i.paybar_avatar__C_m_S.paybar_avatar_33__lNdRH {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/avatar-33.3a55c061.png)
}

.paybar_pay_bar__xr1HV .paybar_activity_avatar_wrapper__MfTox i.paybar_pendant__oPRRk {
    position: absolute;
    right: -16px;
    bottom: -16px;
    display: block;
    width: 82px;
    height: 82px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.paybar_pay_bar__xr1HV .paybar_img_icon__KSoaB {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%
}

.paybar_pay_bar__xr1HV .paybar_btn_pay__ZvysS {
    display: block;
    height: 100%;
    line-height: 44px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease
}

.paybar_pay_bar__xr1HV .paybar_sponsor__0c1Yu {
    position: relative
}

.paybar_pay_bar__xr1HV .paybar_sponsor__0c1Yu .paybar_btn_pay__ZvysS {
    background-color: #faa63e
}

.paybar_pay_bar__xr1HV .paybar_sponsor__0c1Yu .paybar_btn_pay__ZvysS:hover {
    background-color: #ffaf40
}

.paybar_pay_bar__xr1HV .paybar_sponsor__0c1Yu .paybar_img_icon__KSoaB {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/func-icon-pay.c6f04b4f.png)
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 {
    position: relative;
    padding: 0 108px 0 60px;
    border: 1px solid #e7e7e7
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_icon__GvwoZ {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_time__ZqcnO {
    font-size: 13px;
    color: #505050;
    letter-spacing: 0;
    height: 100%;
    line-height: 44px
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_btn__lkzxg {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 108px;
    text-align: center;
    line-height: 44px
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_btn__lkzxg .paybar_inner_btn__1B3zL {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_btn__lkzxg span {
    font-size: 14px;
    color: #00a1d6;
    letter-spacing: 0
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_btn__lkzxg span img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: text-bottom
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_btn__lkzxg.paybar_followed__kzQMO span {
    color: #999
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_btn__lkzxg:after {
    content: "";
    width: 1px;
    height: 14px;
    background: silver;
    position: absolute;
    left: 0;
    top: 15px
}

.paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_btn__lkzxg .paybar_pre_toast__WJRR8 {
    height: 36px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    text-align: center;
    font-size: 12px;
    color: #fefefe;
    line-height: 36px;
    border-radius: 4px;
    top: 46px;
    padding: 0 12px;
    white-space: nowrap
}

.paybar_player_mode_widescreen__I2ISG .paybar_pay_bar__xr1HV .paybar_presale__gi6P9 .paybar_pre_btn__lkzxg .paybar_pre_toast__WJRR8 {
    top: -38px
}

.paybar_pay_bar__xr1HV .paybar_vip__b6XMy {
    position: relative
}

.paybar_pay_bar__xr1HV .paybar_vip__b6XMy .paybar_btn_pay__ZvysS {
    background-color: #00a1d6
}

.paybar_pay_bar__xr1HV .paybar_vip__b6XMy .paybar_btn_pay__ZvysS:hover {
    background-color: #00b5e5
}

.paybar_pay_bar__xr1HV .paybar_vip__b6XMy .paybar_btn_pay__ZvysS.paybar_active__4smQj {
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    line-height: 42px;
    color: #999;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.paybar_pay_bar__xr1HV .paybar_vip__b6XMy .paybar_sale_corner__JFiRT {
    position: absolute;
    top: -8px;
    right: -10px;
    padding: 0 4px;
    height: 18px;
    display: block;
    line-height: 19px;
    border-radius: 11px;
    border: 2px solid #fff;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #f25d8e;
    font-style: normal
}

.paybar_pay_bar__xr1HV .paybar_vip__b6XMy .paybar_img_icon__KSoaB {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/func-icon-vip.4792f813.png)
}

.paybar_pay_bar__xr1HV .paybar_pack__1ZwlD {
    position: relative;
    height: 44px
}

.paybar_pay_bar__xr1HV .paybar_pack__1ZwlD .paybar_btn_pay__ZvysS {
    background-color: #faa63e
}

.paybar_pay_bar__xr1HV .paybar_pack__1ZwlD .paybar_btn_pay__ZvysS:hover {
    background-color: #ffaf40
}

.paybar_pay_bar__xr1HV .paybar_pack__1ZwlD .paybar_img_icon__KSoaB {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/func-icon-pay.c6f04b4f.png)
}

.paybar_pay_bar__xr1HV .paybar_pay__C3XTg {
    position: relative;
    height: 44px
}

.paybar_pay_bar__xr1HV .paybar_pay__C3XTg.paybar_activity__qSCWs .paybar_btn_pay__ZvysS {
    padding-left: 60px
}

.paybar_pay_bar__xr1HV .paybar_pay__C3XTg .paybar_btn_pay__ZvysS {
    background-color: #faa63e
}

.paybar_pay_bar__xr1HV .paybar_pay__C3XTg .paybar_btn_pay__ZvysS:hover {
    background-color: #ffaf40
}

.paybar_pay_bar__xr1HV .paybar_pay__C3XTg .paybar_img_icon__KSoaB {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/func-icon-pay.c6f04b4f.png)
}

.dialogcoin_coin_dialog_mask__BEw2o {
    position: fixed;
    width: 100%;
    height: 150%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 10010;
    top: 0;
    left: 0
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 {
    box-sizing: border-box;
    min-height: 422px;
    width: 430px;
    position: fixed;
    background: #fff;
    top: 50%;
    left: 0;
    right: 0;
    margin: -215px auto 0;
    transition: .2s;
    z-index: 11001;
    display: block;
    border-radius: 8px;
    overflow: hidden
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2.dialogcoin_body_hidden__xix2s {
    display: none
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_icon_close__ENINh {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #999;
    text-align: center;
    font-size: 20px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_icon_close__ENINh:hover {
    color: #00a1d6
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_coin_title__Ae6Ga {
    font-size: 16px;
    color: #222;
    text-align: center;
    margin-top: 24px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_coin_title__Ae6Ga span {
    font-size: 30px;
    color: #00a1d6
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 {
    text-align: center;
    height: 260px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9 {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    width: 160px;
    height: 230px;
    border: 2px dashed #ccd0d6;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 112px;
    cursor: pointer
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9.dialogcoin_left_con__dxenL {
    background-size: 112px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/22-gray.4615b313.png)
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9.dialogcoin_right_con__55Y1J {
    background-size: 112px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/33-gray.2720e93d.png)
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9:hover {
    border-color: #02a0d8;
    transition: all .2s
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9.dialogcoin_on__p_GN0 {
    border-style: solid;
    border-color: #02a0d8
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9.dialogcoin_on__p_GN0 .dialogcoin_c_num__UHTCW {
    color: #00a1d6
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9.dialogcoin_on__p_GN0.dialogcoin_left_con__dxenL {
    background-size: 112px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/22.00d2d3b0.gif)
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9.dialogcoin_on__p_GN0.dialogcoin_right_con__55Y1J {
    background-size: 112px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/33.bdc07981.gif)
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_mc__JNSq7 .dialogcoin_mc_box__uvsQ9 .dialogcoin_c_num__UHTCW {
    color: #00a1d6;
    text-align: left;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    left: 15px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_coin_bottom__NLDax {
    text-align: center;
    padding: 0 0 25px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_coin_bottom__NLDax .dialogcoin_coin_btn__be9sU {
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    background-color: #00a1d6;
    vertical-align: middle;
    border: 1px solid #00a1d6;
    transition: .1s;
    transition-property: background-color, border, color;
    color: #fff;
    width: 128px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    display: inline-block;
    margin-top: 24px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_coin_bottom__NLDax .dialogcoin_coin_btn__be9sU:hover {
    background-color: #00b5e5;
    border-color: #00b5e5
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_coin_operated__KhIb2 .dialogcoin_coin_bottom__NLDax .dialogcoin_tips__P2QYa {
    font-size: 12px;
    color: #99a2aa;
    margin-top: 12px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_like_checkbox__NWPpR {
    margin: 12px 0 0 53px;
    font-size: 12px;
    color: #222;
    line-height: 16px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_like_checkbox__NWPpR.dialogcoin_single__LJF5S {
    margin-left: 135px
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_like_checkbox__NWPpR input[type=checkbox] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    display: none
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_like_checkbox__NWPpR input[type=checkbox]+i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_default.b3d5c2fa.svg)
}

.dialogcoin_coin_dialog_mask__BEw2o .dialogcoin_like_checkbox__NWPpR input[type=checkbox]:checked+i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_selected.de6f772f.svg)
}

.NanoPlayer_nanoDocker__HtZBb {
    height: 100%
}

.NanoPlayer_nonoPlayerContainer__8Jfyg {
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px #e5e9ef
}

.NanoPlayer_nonoPlayerPrimaryArea___UHqm {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex-wrap: nowrap
}

.NanoPlayer_nonoPlayerVideoArea__YKVZO {
    position: relative;
    flex: 1 1;
    background-color: #000
}

.NanoPlayer_nonoPlayerSendingBar__mKqM9 {
    box-sizing: initial;
    position: relative;
    display: flex;
    flex-shrink: 0;
    height: 46px;
    align-items: center;
    padding: 0 12px;
    background: #fff
}

@media screen and (min-width:1681px) {
    .NanoPlayer_nonoPlayerSendingBar__mKqM9 {
        height: 56px
    }
}

.NanoPlayer_nonoPlayerSendingBarLeft__T0RC_ {
    margin-right: 10px;
    width: 176px;
    height: 22px;
    background-color: rgba(0, 0, 0, .04)
}

.NanoPlayer_nonoPlayerSendingBarRight__iTzvN {
    height: 22px;
    flex-grow: 1;
    background-color: rgba(0, 0, 0, .04)
}

.videoHeader_headerWrap__g4CHr {
    position: relative
}

.videoHeader_follow__DxAhd {
    right: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 18px 5px 0 0;
    min-width: 64px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    background: rgba(0, 0, 0, .4);
    pointer-events: all;
    cursor: pointer
}

.videoHeader_follow__DxAhd:hover {
    background: rgba(0, 0, 0, .6)
}

.videoHeader_icon___1LSb {
    display: inline-block;
    margin-left: 10px;
    margin-right: 2px;
    width: 14px;
    height: 100%;
    color: #fff;
    fill: #fff
}

.videoHeader_follow_text__SxdT6 {
    margin: 0 12px 0 4px
}

.videoHeader_follow_text__SxdT6 .videoHeader_hasFollowed__bQKP5 {
    margin-left: 15px
}

.areaLimitPop_wrap__2LHUB {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.areaLimitPop_wrap__2LHUB .areaLimitPop_content__DBtQL .areaLimitPop_img__l9Q09 {
    margin-bottom: 16px;
    width: 175px;
    height: 154px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/limit-area.648a833f.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.areaLimitPop_wrap__2LHUB .areaLimitPop_content__DBtQL .areaLimitPop_text__Lw8bb {
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.onlyAppPop_wrap__WxQLh {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.onlyAppPop_wrap__WxQLh .onlyAppPop_content__a3BvG {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.onlyAppPop_wrap__WxQLh .onlyAppPop_content__a3BvG .onlyAppPop_text__XfjSC {
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 22px
}

.onlyAppPop_wrap__WxQLh .onlyAppPop_content__a3BvG .onlyAppPop_text__XfjSC a {
    color: #00a1d6
}

.onlyAppPop_wrap__WxQLh .onlyAppPop_content__a3BvG .onlyAppPop_img__AGFQC {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    width: 502px;
    height: 262px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/limit-app.308b7242.png);
    background-repeat: no-repeat;
    background-position: 100%
}

.onlyAppPop_wrap__WxQLh .onlyAppPop_content__a3BvG .onlyAppPop_img__AGFQC .onlyAppPop_qrcode_wrap__f1ugR {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 90px;
    width: 162px;
    height: 162px;
    border-radius: 2px;
    background-color: #fff
}

.white-list-limit-pop_wrap__ilWVL {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.white-list-limit-pop_wrap__ilWVL .white-list-limit-pop_content__YCm1u {
    display: flex;
    flex-direction: row
}

.white-list-limit-pop_wrap__ilWVL .white-list-limit-pop_content__YCm1u .white-list-limit-pop_img__GCS0l {
    margin-bottom: 16px;
    width: 140px;
    height: 140px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/count-down.b8766b86.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.white-list-limit-pop_wrap__ilWVL .white-list-limit-pop_content__YCm1u .white-list-limit-pop_right__AISTw {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 26px
}

.white-list-limit-pop_wrap__ilWVL .white-list-limit-pop_content__YCm1u .white-list-limit-pop_right__AISTw .white-list-limit-pop_text__4rC8k {
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.white-list-limit-pop_wrap__ilWVL .white-list-limit-pop_content__YCm1u .white-list-limit-pop_right__AISTw .white-list-limit-pop_follow__euQsa {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 106px;
    height: 44px;
    margin-top: 24px;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #f25d8e;
    cursor: pointer
}

.white-list-limit-pop_wrap__ilWVL .white-list-limit-pop_content__YCm1u .white-list-limit-pop_right__AISTw .white-list-limit-pop_follow__euQsa:hover {
    background-color: #ff85ad
}

.white-list-limit-pop_wrap__ilWVL .white-list-limit-pop_content__YCm1u .white-list-limit-pop_right__AISTw .white-list-limit-pop_followed__PQ7tb {
    background-color: #e7e7e7;
    color: #999
}

.white-list-limit-pop_wrap__ilWVL .white-list-limit-pop_content__YCm1u .white-list-limit-pop_right__AISTw .white-list-limit-pop_followed__PQ7tb:hover {
    background-color: #e7e7e7
}

.positionBtn_btn__eDQwJ {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 8px;
    font-size: 16px;
    border-radius: 100px;
    color: #fff;
    cursor: pointer
}

.positionBtn_btn__eDQwJ .positionBtn_badge__LEOvi,
.positionBtn_btn__eDQwJ .positionBtn_text__piLuR {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.positionBtn_btn__eDQwJ .positionBtn_badge__LEOvi {
    position: absolute;
    padding: 0 4px;
    top: -11px;
    right: 0;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 12px 12px 12px 0;
    text-align: center;
    background: linear-gradient(270deg, #ffc65d, #ffeec9);
    color: #5b2e00;
    max-width: 100%;
    transform: scale(.83);
    transform-origin: right
}

.paywall_containerOutter__9WvV_ {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.paywall_containerInner__1fBCP {
    display: flex
}

.paywall_leftBox__20VER {
    max-width: 400px
}

.paywall_leftBox__20VER .paywall_title__cfluP {
    font-size: 20px;
    line-height: 31px;
    color: #fff
}

.paywall_leftBox__20VER .paywall_subtitle__XBqR5 {
    margin-top: 16px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    opacity: .5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.paywall_leftBox__20VER .paywall_vipRightWrap__Pb76G {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap
}

.paywall_leftBox__20VER .paywall_vipRightItem__XrsCU {
    display: flex;
    align-items: center;
    margin-right: 48px
}

.paywall_leftBox__20VER .paywall_vipRightItemIcon__s0DUD {
    width: 40px;
    height: 40px
}

.paywall_leftBox__20VER .paywall_vipRightItemText__efrSv {
    margin-left: 10px;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.paywall_leftBox__20VER .paywall_btnWrap__ZOjvr {
    margin-top: 32px
}

.paywall_leftBox__20VER .paywall_btnItemWrap__Qj2HE {
    display: inline-block
}

.paywall_leftBox__20VER .paywall_btnItemWrap__Qj2HE:first-of-type {
    margin-right: 16px;
    width: 136px;
    height: 44px
}

.paywall_leftBox__20VER .paywall_btnItemWrap__Qj2HE:last-of-type,
.paywall_leftBox__20VER .paywall_btnItemWrap__Qj2HE:nth-of-type(2) {
    width: 196px;
    height: 44px
}

.paywall_rightBox___uR1I {
    margin-left: 35px
}

.paywall_rightBox___uR1I .paywall_qrcodeOutter__2PFaQ {
    box-sizing: border-box;
    width: 186px;
    height: 186px;
    padding: 10px;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.paywall_rightBox___uR1I .paywall_qrcodeInner__RwItw {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}

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

.paywall_rightBox___uR1I .paywall_payDesc__HtYac {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    opacity: .5;
    white-space: pre-wrap;
    text-align: center
}

.noStart_wrap__jNZwC {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.noStart_wrap__jNZwC .noStart_content__oN7lH {
    display: flex;
    flex-direction: column;
    align-items: center
}

.noStart_wrap__jNZwC .noStart_content__oN7lH .noStart_img__w6DgP {
    margin-bottom: 16px;
    width: 175px;
    height: 154px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/limit-no-start.c4399d63.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.noStart_wrap__jNZwC .noStart_content__oN7lH .noStart_text__W8cSO {
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    white-space: pre-wrap;
    text-align: center
}

.noStart_wrap__jNZwC .noStart_content__oN7lH .noStart_btnFollow__WUrNV {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-top: 16px;
    border-radius: 2px;
    background-color: #fb7299;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.noStart_wrap__jNZwC .noStart_content__oN7lH .noStart_btnFollow__WUrNV:hover {
    background-color: #ff85ad
}

.noStart_wrap__jNZwC .noStart_content__oN7lH .noStart_btnFollow__WUrNV.noStart_followed__ZiZme {
    background-color: #e7e7e7;
    color: #999
}

.drmPop_wrap__CT6BM {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 46px
}

.drmPop_wrap__CT6BM .drmPop_content__yZEvr {
    display: flex;
    flex-direction: column;
    align-items: center
}

.drmPop_wrap__CT6BM .drmPop_content__yZEvr .drmPop_img__alijV {
    margin-bottom: 16px;
    width: 140px;
    height: 140px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/limit-drm.4b657846.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.drmPop_wrap__CT6BM .drmPop_content__yZEvr .drmPop_text__OTwwS {
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    color: #fff
}

.drmPop_wrap__CT6BM .drmPop_content__yZEvr .drmPop_btn__1doRr {
    margin-top: 14px;
    width: 152px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 22px;
    font-size: 16px;
    color: #fff;
    background: #f69;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.playerPop_wrap__TT56M {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06);
    z-index: 100
}

.playerPop_wrap__TT56M .playerPop_bar__NG0Mb {
    position: absolute;
    width: 100%;
    height: 46px;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.playerPop_wrap__TT56M .playerPop_bar__NG0Mb .playerPop_left__PGnZs {
    position: absolute;
    bottom: 13px;
    width: 24%;
    height: 20px;
    left: 2.5%;
    background-color: #f4f4f4
}

.playerPop_wrap__TT56M .playerPop_bar__NG0Mb .playerPop_right__lybqW {
    position: absolute;
    bottom: 13px;
    width: 69%;
    height: 20px;
    right: 2.5%;
    background-color: #f4f4f4
}

.multiView_wrap__L6NRE {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.img-paster_wrap__LBR3z,
.multiView_wrap__L6NRE {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.img-paster_wrap__LBR3z {
    z-index: 999;
    pointer-events: none
}

.img-paster_wrap__LBR3z .img-paster_content__I3Vy4 {
    position: absolute;
    left: 1.2%;
    top: 10%;
    width: 487px;
    height: 43px;
    pointer-events: auto
}

.img-paster_wrap__LBR3z .img-paster_content__I3Vy4 .img-paster_img__QkRJh {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.SwitchSound2023_SwitchSound2023__fEqwY {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    pointer-events: none
}

.SwitchSound2023_SwitchSound2023__fEqwY .SwitchSound2023_switchBtn__V1aBo {
    position: absolute;
    right: 7%;
    width: 7%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
    cursor: pointer
}

.SwitchSound2023_SwitchSound2023__fEqwY .SwitchSound2023_pannelWrap__rjt3f {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: auto
}

.SwitchSound2023_SwitchSound2023__fEqwY .SwitchSound2023_pannelWrap__rjt3f .SwitchSound2023_closeBtn__KsEEZ {
    position: absolute;
    right: 9.3%;
    top: 50%;
    transform: translateY(-50%);
    width: 2.3%;
    padding-bottom: 2.3%;
    background-image: url(//i0.hdslb.com/bfs/activity-plat/static/20221211/13df0337f6b29cbfdf1b857e95479cca/TeezPUequ7.png);
    background-position: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer
}

.SwitchSound2023_SwitchSound2023__fEqwY .SwitchSound2023_pannelWrap__rjt3f .SwitchSound2023_track-item0__0H0I8 {
    position: absolute;
    top: 32%;
    right: 7%;
    width: 7%;
    cursor: pointer
}

.SwitchSound2023_SwitchSound2023__fEqwY .SwitchSound2023_pannelWrap__rjt3f .SwitchSound2023_track-item1__LcD_P {
    position: absolute;
    top: 38%;
    right: 14%;
    width: 7%;
    cursor: pointer
}

.SwitchSound2023_SwitchSound2023__fEqwY .SwitchSound2023_pannelWrap__rjt3f .SwitchSound2023_track-item2__jyh8o {
    position: absolute;
    top: 50%;
    right: 14%;
    width: 7%;
    cursor: pointer
}

.SwitchSound2023_SwitchSound2023__fEqwY .SwitchSound2023_pannelWrap__rjt3f .SwitchSound2023_track-item3__imM4o {
    position: absolute;
    top: 54%;
    right: 7%;
    width: 7%;
    cursor: pointer
}

.promptBar_container__Op8V3 {
    padding: 5px 0
}

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

.promptBar_remindInfoWrap__SDpK_ {
    min-width: 192px;
    max-width: 336px;
    margin-right: 12px
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_title__PKo6n {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_subtitleWrap__Lfs76 {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_subtitleIcon__e2coF {
    margin-right: 4px;
    width: 12px;
    height: 12px
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_subtitleText__gCpeC {
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_imageTextItem__ijHux {
    display: flex;
    align-items: center;
    line-height: 17px;
    opacity: .8
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_imageTextItem__ijHux:not(:last-of-type) {
    margin-right: 16px
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_imageTextItem__ijHux img {
    display: block;
    margin-right: 6px;
    width: 22px;
    height: 22px
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_countdown__pEbAj {
    display: flex;
    align-items: center;
    line-height: 20px
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_countdown__pEbAj .promptBar_timeLabel__QsHiu {
    opacity: .8
}

.promptBar_remindInfoWrap__SDpK_ .promptBar_countdown__pEbAj .promptBar_timeNum___3ngd {
    display: block;
    padding: 0 4px;
    border-radius: 4px;
    color: #f69;
    font-weight: 600;
    background: hsla(0, 0%, 100%, .1)
}

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

.promptBar_sendGiftInfoWrap__p3P_D .promptBar_sendGiftImg__YgBtV {
    margin-right: 8px;
    width: 36px;
    height: 36px
}

.promptBar_sendGiftInfoWrap__p3P_D .promptBar_sendGiftImg__YgBtV img {
    height: 100%
}

.promptBar_remindActionWrap___CcG1 {
    display: flex
}

.promptBar_remindActionWrap___CcG1 .promptBar_btnItemWrap__usHOP {
    min-width: 104px;
    max-width: 116px;
    height: 30px
}

.promptBar_remindActionWrapTwoBtns__ki2KJ {
    margin-top: 10px
}

.promptBar_remindActionWrapTwoBtns__ki2KJ .promptBar_btnItemWrap__usHOP:first-of-type {
    margin-right: 16px;
    width: 129px;
    height: 30px
}

.promptBar_remindActionWrapTwoBtns__ki2KJ .promptBar_btnItemWrap__usHOP:nth-of-type(2) {
    width: 168px;
    height: 30px
}

.contract_bilibili_player_bangumipay_panel__0Ed7z {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 11
}

.contract_bilibili_player_bangumipay_panel_progress__Jh0c8 {
    position: absolute;
    height: 1px;
    background-color: #ffc45b;
    width: 100%;
    bottom: -1px;
    left: 0;
    overflow: hidden
}

.contract_bilibili_player_bangumipay_panel_icon__ETbHn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.contract_bilibili_player_bangumipay_panel_icon__ETbHn.contract_crown_gold__68qkw {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/crown_gold.daf61860.png);
    width: 56px;
    height: 47px
}

.contract_bilibili_player_bangumipay_panel_icon__ETbHn.contract_crown_silver__h1e8b {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/crown_silver.b8f182f9.png);
    width: 56px;
    height: 47px
}

.contract_bilibili_player_bangumipay_panel_icon__ETbHn.contract_crown_copper__nA4Kb {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/crown_copper.bc9be6bf.png);
    width: 56px;
    height: 47px
}

.contract_bilibili_player_bangumipay_panel_icon__ETbHn.contract_bcoin_left__mjpD0 {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/bcoin_left.9ad6dceb.png);
    width: 43px;
    height: 26px;
    background-size: 100% 100%
}

.contract_bilibili_player_bangumipay_panel_icon__ETbHn.contract_bcoin_right____FmS {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/bcoin_right.2efd4614.png);
    width: 43px;
    height: 26px;
    background-size: 100% 100%
}

.contract_bilibili_player_bangumipay_panel_blur__fHeX1 {
    display: block;
    height: 100%;
    z-index: 1;
    position: relative;
    overflow: hidden;
    cursor: default;
    pointer-events: none
}

.contract_bilibili_player_bangumipay_panel_blur_img__W8Mhg {
    display: block;
    width: 120%;
    height: 120%;
    position: absolute;
    left: -10%;
    top: -10%;
    background-size: cover;
    background-position: 50%
}

.contract_bilibili_player_bangumipay_panel_blur_img__W8Mhg img {
    display: block;
    width: 100%;
    height: 100%
}

.contract_bilibili_player_bangumipay_panel_blur__fHeX1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    right: 0;
    bottom: 0;
    background: #000;
    background: rgba(222, 152, 84, .4)
}

.contract_bilibili_player_bangumipay_panel_wrap__EzqZw {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 680px;
    height: 440px;
    z-index: 1;
    margin-left: -340px;
    margin-top: -220px;
    transform: scale(1)
}

.contract_bilibili_player_bangumipay_panel_wrap_head__5I5eM {
    text-align: center;
    line-height: 26px;
    height: 26px;
    margin: 20px auto
}

.contract_bilibili_player_bangumipay_panel_wrap_head_content__R8hOH {
    color: #fedd83;
    font-size: 20px;
    padding: 0 12px
}

.contract_bilibili_player_bangumipay_panel_wrap_head_content_number__z7Qo8 {
    font-weight: 700
}

.contract_bilibili_player_bangumipay_panel_wrap_list_7day__6X_W6,
.contract_bilibili_player_bangumipay_panel_wrap_list_total__pii7Q {
    width: 644px;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(56, 35, 17, .42);
    padding: 1px;
    margin: 0 auto 16px;
    height: 134px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_total__pii7Q {
    height: 142px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_head__iG9B4 {
    text-align: center;
    color: #ffe598;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #997e4f;
    position: relative
}

.contract_bilibili_player_bangumipay_panel_wrap_list_head__iG9B4 span {
    font-weight: 700;
    padding: 0 10px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content__Obkw_ {
    height: 104px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content__Obkw_.contract_content_total__jbeXt {
    height: 112px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_wrap__bmz9U {
    height: 100%;
    float: left;
    white-space: normal
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1 {
    width: 25%;
    padding-top: 24px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg {
    width: 33%;
    pointer-events: auto
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_head__lmbPW {
    width: 44px;
    height: 44px;
    border: 1px solid #edc66f;
    border-radius: 100%;
    padding: 2px;
    position: relative;
    float: left;
    margin-left: 14px;
    margin-right: 4px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_head__lmbPW img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_name__O81Xv {
    float: left;
    color: #fff;
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px;
    height: 20px;
    margin-bottom: 4px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_msg__TXAMW {
    float: left;
    width: 120px;
    padding: 4px 10px;
    border-radius: 4px 16px 16px 16px;
    background-color: #bb9e6b;
    height: 36px;
    box-sizing: initial
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_msg__TXAMW>div {
    font-size: 12px;
    color: #ffecc9;
    line-height: 18px;
    white-space: normal;
    height: 36px;
    overflow: hidden;
    word-break: break-all
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_number__ObiNZ {
    color: #fff;
    text-indent: -9999px;
    width: 21px;
    height: 18px;
    position: absolute;
    top: -8px;
    left: -2px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg.contract_data_top_gold__UmRJQ .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_number__ObiNZ {
    background: transparent url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/crown_gold.daf61860.png) no-repeat 50%;
    background-size: 100% 100%
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg.contract_data_top_silver__MmzeG .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_number__ObiNZ {
    background: transparent url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/crown_silver.b8f182f9.png) no-repeat 50%;
    background-size: 100% 100%
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_top__K3AUg.contract_data_top_copper__IGwE5 .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_number__ObiNZ {
    background: transparent url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/crown_copper.bc9be6bf.png) no-repeat 50%;
    background-size: 100% 100%
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_empty__Yyn9C {
    width: 33%
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_empty__Yyn9C .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_head__lmbPW {
    width: 45px;
    height: 45px;
    border: 2px dashed #fff;
    border-radius: 100%;
    position: relative;
    float: left;
    margin-left: 18px;
    margin-right: 4px;
    text-align: center;
    line-height: 54px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_empty__Yyn9C .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_head__lmbPW i {
    color: #fff;
    opacity: .3
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_empty__Yyn9C .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_msg__TXAMW {
    float: left;
    width: 117px;
    padding: 4px 10px;
    border-radius: 4px 16px 16px 16px;
    border: 2px dashed #fff;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    color: #fff
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_normal__9pQs5 {
    pointer-events: auto;
    padding-top: 17px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_normal__9pQs5 .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_head__lmbPW {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    padding: 2px;
    position: relative;
    float: left;
    margin-left: 12px;
    margin-right: 10px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_normal__9pQs5 .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_head__lmbPW img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_normal__9pQs5 .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_head__lmbPW i {
    position: absolute;
    top: -13px;
    left: -3px;
    color: #edc66f
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_normal__9pQs5 .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_name__O81Xv {
    float: left;
    color: #fff;
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    height: 20px;
    margin-top: 10px
}

.contract_bilibili_player_bangumipay_panel_wrap_list_content_data__8D3e1.contract_data_normal__9pQs5 .contract_bilibili_player_bangumipay_panel_wrap_list_content_data_number__ObiNZ {
    width: 20px;
    height: 18px;
    position: absolute;
    top: -12px;
    left: 25px;
    text-align: center;
    line-height: 18px;
    color: #edc66f
}

.contract_bilibili_player_bangumipay_panel_wrap__EzqZw.contract_bangumipay_empty__HO2FP .contract_bilibili_player_bangumipay_panel_wrap_empty__ttTEE {
    display: block
}

.contract_bilibili_player_bangumipay_panel_wrap__EzqZw.contract_bangumipay_empty__HO2FP .contract_bilibili_player_bangumipay_panel_wrap_list_7day__6X_W6,
.contract_bilibili_player_bangumipay_panel_wrap__EzqZw.contract_bangumipay_empty__HO2FP .contract_bilibili_player_bangumipay_panel_wrap_list_total__pii7Q {
    display: none
}

.contract_bilibili_player_bangumipay_panel_wrap__EzqZw.contract_bangumipay_empty__HO2FP .contract_bilibili_player_bangumipay_panel_wrap_btn__Gtshq {
    transform: scale(1.2)
}

.contract_bilibili_player_bangumipay_panel_wrap_btn__Gtshq {
    margin: 0 auto;
    width: 146px;
    height: 42px;
    border-radius: 21px;
    border: 2px solid #965508;
    background: #965508;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    position: relative;
    cursor: pointer;
    pointer-events: auto;
    box-sizing: border-box
}

.contract_bilibili_player_bangumipay_panel_wrap_btn__Gtshq:hover .contract_bilibili_player_bangumipay_panel_wrap_btn_inner__wGHAR {
    background: linear-gradient(#fad43a, #dfa718)
}

.contract_bilibili_player_bangumipay_panel_wrap_btn__Gtshq .contract_bilibili_player_iconfont__5sYCg {
    position: absolute
}

.contract_bilibili_player_bangumipay_panel_wrap_btn__Gtshq .contract_bilibili_player_iconfont__5sYCg.contract_icon_32blingleft__izuRv {
    left: -22px;
    top: -5px
}

.contract_bilibili_player_bangumipay_panel_wrap_btn__Gtshq .contract_bilibili_player_iconfont__5sYCg.contract_icon_24blingright__uBkzk {
    top: -10px;
    right: -16px
}

.contract_bilibili_player_bangumipay_panel_wrap_btn_inner__wGHAR {
    background: linear-gradient(#fad43a, #dfa718);
    border-radius: 19px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 2px
}

.contract_bilibili_player_bangumipay_panel_wrap_btn_inner_content__Zekfj {
    border-radius: 16px;
    background: linear-gradient(#f6d344, #d99503);
    line-height: 30px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ffe059;
    font-weight: 700;
    height: 100%;
    letter-spacing: 6px;
    text-indent: 6px;
    text-shadow: 0 1px 2px #d99503
}

.contract_bilibili_player_bangumipay_panel_wrap_empty__ttTEE {
    display: none;
    color: #ffe598;
    width: 644px;
    border-radius: 12px;
    background: rgba(56, 35, 17, .42);
    margin: 0 auto -24px;
    padding: 1px
}

.contract_bilibili_player_bangumipay_panel_wrap_empty_image__pMvzW {
    background: transparent url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/no-contract.e5c02722.png) no-repeat 50%;
    width: 264px;
    height: 148px;
    background-size: 100% 100%;
    margin: 54px auto 10px
}

.contract_bilibili_player_bangumipay_panel_wrap_empty_content__ZGebi {
    font-size: 16px;
    color: #ffe598;
    margin-bottom: 74px;
    text-align: center
}

.endpageHeader_header__VY3qc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px
}

.endpageHeader_header__VY3qc .endpageHeader_epInfo__SnU0u {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden
}

.endpageHeader_header__VY3qc .endpageHeader_epInfo__SnU0u .endpageHeader_cover__RghI5 {
    width: 68px;
    height: 68px
}

.endpageHeader_header__VY3qc .endpageHeader_epInfo__SnU0u .endpageHeader_epInfo_right__7A26n {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 20px;
    flex: 1 1;
    overflow: hidden
}

.endpageHeader_header__VY3qc .endpageHeader_epInfo__SnU0u .endpageHeader_epInfo_right__7A26n .endpageHeader_title__Bshzn {
    margin-bottom: 4px;
    height: 22px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 100%
}

.endpageHeader_header__VY3qc .endpageHeader_epInfo__SnU0u .endpageHeader_epInfo_right__7A26n .endpageHeader_follow_btn__vFetC {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 72px;
    height: 32px;
    color: #fff;
    font-size: 12px;
    background: #fb7299;
    border-radius: 2px;
    cursor: pointer
}

.endpageHeader_header__VY3qc .endpageHeader_epInfo__SnU0u .endpageHeader_epInfo_right__7A26n .endpageHeader_follow_btn__vFetC .endpageHeader_icon__10VrT {
    display: inline-block;
    margin-left: 14px;
    margin-right: 5px;
    width: 14px;
    height: 18px;
    color: #fff;
    fill: #fff
}

.endpageHeader_header__VY3qc .endpageHeader_epInfo__SnU0u .endpageHeader_epInfo_right__7A26n .endpageHeader_has_follow_btn__9Akbq {
    justify-content: center;
    background: #e7e7e7;
    color: #999;
    text-align: center
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_text__DUbhy {
    margin-top: 8px;
    color: #fff;
    font-size: 12px
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_nextEpBtn__xXPo_ {
    display: flex;
    flex-direction: column;
    padding-right: 10px;
    transition: all .3s linear;
    width: 40px;
    height: 44px;
    justify-content: space-between;
    cursor: pointer
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_nextEpBtn__xXPo_ svg path {
    margin-bottom: 5px;
    fill: hsla(0, 0%, 100%, .9)
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_nextEpBtn__xXPo_ svg:hover path {
    fill: #fff
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_restart__QGhoZ {
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    transition: all .3s linear;
    cursor: pointer
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_like__p_G2j {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    cursor: pointer
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_like__p_G2j svg path {
    margin-bottom: 5px;
    fill: hsla(0, 0%, 100%, .9)
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_like__p_G2j:hover svg path {
    margin-bottom: 5px;
    fill: #fff
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_coin__WsEgs {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    cursor: pointer
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_coin__WsEgs svg path {
    fill: hsla(0, 0%, 100%, .9)
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_coin__WsEgs:hover svg path {
    fill: #fff
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_share__Xy3qE {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_share__Xy3qE svg path {
    fill: hsla(0, 0%, 100%, .9)
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_share__Xy3qE:hover svg path {
    fill: #fff
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_select__mhCmP {
    color: #00a1d6
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_select__mhCmP svg path {
    fill: #00a1d6
}

.endpageHeader_header__VY3qc .endpageHeader_btn_group___4Hy9 .endpageHeader_select__mhCmP .endpageHeader_text__DUbhy {
    color: #00a1d6
}

.EndPageRecommendItem_wrap__LKIPJ {
    position: relative;
    margin-bottom: 30px;
    width: 112px;
    height: 148px;
    border-radius: 2px;
    cursor: pointer
}

.EndPageRecommendItem_wrap__LKIPJ:hover .EndPageRecommendItem_title__1KYSP {
    height: auto;
    max-height: 42px;
    white-space: normal;
    box-sizing: border-box
}

.EndPageRecommendItem_wrap__LKIPJ:hover .EndPageRecommendItem_cover__D9Pb7 {
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .5);
    border: 1px solid #fff
}

.EndPageRecommendItem_wrap__LKIPJ a {
    width: 100%;
    height: 100%
}

.EndPageRecommendItem_wrap__LKIPJ .EndPageRecommendItem_cover__D9Pb7 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 112px;
    height: 148px;
    overflow: hidden;
    border-radius: 2px;
    transition: all .3s ease-in-out
}

.EndPageRecommendItem_wrap__LKIPJ .EndPageRecommendItem_cover__D9Pb7 .EndPageRecommendItem_mask__kTAjJ {
    position: absolute;
    top: 30%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 112px;
    height: 148px;
    background: linear-gradient(transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 35%, rgba(0, 0, 0, .5) 65%, rgba(0, 0, 0, .66))
}

.EndPageRecommendItem_wrap__LKIPJ .EndPageRecommendItem_title__1KYSP {
    position: absolute;
    top: 120px;
    padding: 0 10px;
    width: 100%;
    height: 21px;
    font-size: 14px;
    color: #fff;
    line-height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 10;
    transition: height .5s, ease-in-out, transform .5s
}

.endpageRecommend_wrap__dgtPi {
    display: flex;
    flex-direction: column;
    width: 100%
}

.endpageRecommend_wrap__dgtPi .endpageRecommend_title__k7ZQs {
    margin-bottom: 14px;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #fff;
    line-height: 16px
}

.endpageRecommend_wrap__dgtPi .endpageRecommend_list__Fqw9L {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.endpageRecommend_wrap__dgtPi .endpageRecommend_list__Fqw9L .endpageRecommend_itemWrap__cXR1d {
    display: flex;
    justify-content: space-between
}

.endpageBacktrackSwiper_wrap__9Rvmh {
    margin-bottom: 20px;
    position: relative
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y {
    display: flex;
    flex-direction: row
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_overhide__AXoDD {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    margin: 0 14px
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_overhide__AXoDD .endpageBacktrackSwiper_list__0ouEU {
    white-space: nowrap;
    height: 100%;
    display: inline-flex;
    flex-direction: row;
    transition: transform 1s ease-in-out
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_overhide__AXoDD .endpageBacktrackSwiper_list__0ouEU:before {
    content: "";
    position: absolute;
    left: 30px;
    right: 0;
    top: 40%;
    height: 1px;
    background: hsla(0, 0%, 100%, .8)
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperItem__zGEkL {
    width: 117px;
    height: 89px;
    flex: 0 0 auto;
    margin: 0 0 0 25px;
    position: relative;
    display: inline-block;
    cursor: pointer
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperItem__zGEkL:hover .endpageBacktrackSwiper_itemTitle__Lux0d {
    color: #00a1d6
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperItem__zGEkL .endpageBacktrackSwiper_itemImg__UuzIu {
    border: 1px solid #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperItem__zGEkL .endpageBacktrackSwiper_itemImg__UuzIu img {
    width: 100%;
    height: 100%
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperItem__zGEkL .endpageBacktrackSwiper_itemTitle__Lux0d {
    box-sizing: border-box;
    position: absolute;
    left: -4px;
    bottom: 4px;
    width: 100%;
    height: 20px;
    padding-left: 4px;
    line-height: 20px;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperItemActive__gmvE1 .endpageBacktrackSwiper_itemImg__UuzIu {
    border-color: #00a1d6
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperItemActive__gmvE1:hover .endpageBacktrackSwiper_itemTitle__Lux0d {
    color: #fff
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperItemActive__gmvE1 .endpageBacktrackSwiper_itemTitle__Lux0d {
    padding-left: 22px;
    background: #00a1d6 url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/position.a4409074.png) no-repeat 0;
    color: #fff;
    background-size: 22px
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperNext__hkLAO,
.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperPre__SI_Jn {
    display: block !important;
    position: absolute;
    top: 40%;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 10
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperNext__hkLAO .endpageBacktrackSwiper_swiperSvg__aOdYg,
.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperPre__SI_Jn .endpageBacktrackSwiper_swiperSvg__aOdYg {
    vertical-align: center;
    fill: #00a1d6;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 5px
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperNext__hkLAO:hover,
.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperPre__SI_Jn:hover {
    background: #00a1d6
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperNext__hkLAO:hover .endpageBacktrackSwiper_swiperSvg__aOdYg,
.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperPre__SI_Jn:hover .endpageBacktrackSwiper_swiperSvg__aOdYg {
    fill: #fff
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperPre__SI_Jn {
    transform: rotate(180deg);
    left: 0
}

.endpageBacktrackSwiper_wrap__9Rvmh .endpageBacktrackSwiper_swiper__t1V9Y .endpageBacktrackSwiper_swiperNext__hkLAO {
    right: 0
}

.endpageBacktrack_wrap__3AQrD {
    display: flex;
    flex-direction: column;
    width: 100%
}

.endpageBacktrack_wrap__3AQrD .endpageBacktrack_title__y_j3j {
    margin-bottom: 14px;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #fff;
    line-height: 16px
}

.endpage_wrap__FNMVi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 9%, .8);
    padding: 30px;
    cursor: pointer
}

.endpage_wrap__FNMVi .endpage_content__4SwoW {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 75%;
    height: 85%;
    max-width: 1000px;
    max-height: 700px;
    min-width: 500px;
    min-height: 300px
}

.endpage_payWallWrap__2gTw_ {
    width: 100%;
    height: 100%
}

.QualityBubble_qualityRemindWrap__fmT3T {
    position: absolute;
    bottom: 10px;
    right: calc(-100% - 60px);
    height: 41px;
    background: #fff;
    border-radius: 20px;
    padding: 0 12px
}

.QualityBubble_qualityRemindWrap__fmT3T img {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 46px;
    height: 46px
}

.QualityBubble_qualityRemindWrap__fmT3T img+span {
    margin-left: 50px
}

.QualityBubble_qualityRemindWrap__fmT3T span {
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    color: var(--text1);
    line-height: 41px
}

.QualityBubble_qualityRemindWrap__fmT3T:after {
    position: absolute;
    bottom: -8px;
    right: 26px;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fff
}

.PlayerErrorPop_wrap__ZX_NY {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center
}

.PlayerErrorPop_content__dVE2_ {
    display: flex;
    flex-direction: column;
    align-items: center
}

.PlayerErrorPop_content__dVE2_ .PlayerErrorPop_text__YwNBu {
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    color: #fff
}

.PlayerErrorPop_content__dVE2_ .PlayerErrorPop_btn__pSkNW {
    margin-top: 14px;
    width: 152px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 22px;
    font-size: 16px;
    color: #fff;
    background: #f69;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.PlayerCards_container__Ais0n {
    position: relative;
    display: flex
}

.PlayerCards_coverImg__e_NpZ {
    overflow: hidden;
    border-radius: 8px
}

.PlayerCards_toastCard__Rp3rw {
    position: relative;
    align-self: flex-end;
    display: flex;
    padding: 10px 16px 10px 10px;
    background: rgba(0, 0, 0, .7);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    align-items: center
}

.PlayerCards_toastCardSquare__PxePt:before {
    width: 80px;
    left: -80px
}

.PlayerCards_toastCardRectangle__7V4F2:before,
.PlayerCards_toastCardSquare__PxePt:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: -1;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.PlayerCards_toastCardRectangle__7V4F2:before {
    width: 60px;
    left: -60px
}

.PlayerCards_epInfoWrap__gkebG {
    max-width: 160px
}

.PlayerCards_epInfoWrap__gkebG .PlayerCards_title__LAc9t {
    margin-bottom: 4px;
    color: var(--text_white);
    font-size: 15px;
    line-height: 21px;
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

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

.PlayerCards_epInfoWrap__gkebG .PlayerCards_subtitle__3bJ9M {
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.PlayerCards_epInfoWrap__gkebG .PlayerCards_subtitle__3bJ9M .PlayerCards_tag__S1b_P {
    margin-right: 4px;
    color: var(--operate_orange);
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500
}

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

.PlayerCards_epInfoWrap__gkebG .PlayerCards_subtitle__3bJ9M .PlayerCards_text__c87Kq {
    color: var(--text_white);
    opacity: .8
}

.PlayerCards_btnWrap__1cEnF {
    position: relative;
    margin-left: 16px;
    width: 92px;
    height: 30px;
    cursor: pointer;
    border-radius: 15px
}

.PlayerCards_btnWrap__1cEnF svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.PlayerCards_btnWrap__1cEnF .PlayerCards_borderAnim__0I8w3 {
    stroke-dasharray: 217;
    stroke-dashoffset: 0;
    animation-name: PlayerCards_borderLine__llr4m;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes PlayerCards_borderLine__llr4m {
    to {
        stroke-dashoffset: 217
    }
}

.PlayerCards_btnWrap__1cEnF .PlayerCards_button__yu4LI {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    border-radius: 15px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--brand_pink)
}

.PlayerCards_btnWrap__1cEnF .PlayerCards_buttonText__Hi9Ho {
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--text_white);
    font-size: 14px
}

.PlayerCards_closeImgWrap__I_cx1 {
    position: relative;
    width: 16px;
    height: 80px
}

.PlayerCards_closeImg__1aBH4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(//i0.hdslb.com/bfs/activity-plat/static/20240426/e803d998c2d355f34ad8c36a6a729045/cMN20W3LQE.png) 50%/100% no-repeat;
    cursor: pointer
}

.PlayerFloatLayer_wrap__uefEb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    pointer-events: none
}

.PlayerFloatLayer_iframeContent__v1bIm {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    border-radius: 10px;
    border: none;
    overflow: hidden;
    background: #000;
    pointer-events: auto
}

.PlayerFloatLayer_iframeContent__v1bIm .PlayerFloatLayer_closeBtn__u8NXI {
    position: absolute;
    top: 4%;
    right: 6%;
    width: 6%;
    padding-bottom: 6%;
    background: url(https://i0.hdslb.com/bfs/activity-plat/static/20221212/92a0db2518b2605b7fd8d837870cf390/PBcawMNKOa.png) no-repeat 50%/100% 100%;
    cursor: pointer
}

.PlayerFloatLayer_iframeContent__v1bIm iframe {
    border: none
}

._container_1ooal_1 {
    padding: 5px 0;
    display: flex;
    align-items: center
}

._left_1ooal_7 {
    max-width: 240px;
    margin-right: 16px
}

._left_1ooal_7 ._title_1ooal_11 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis
}

._left_1ooal_7 ._subtitleText_1ooal_19 {
    position: relative;
    margin-top: 8px;
    padding-left: 16px;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis
}

._left_1ooal_7 ._subtitleText_1ooal_19:before {
    content: "";
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(https://i0.hdslb.com/bfs/activity-plat/static/20231207/a5480f18ac08c1e30876e3fde84db784/BpqU7bMM1F.png) 50%/100% no-repeat;
    background-size: 100%
}

._right_1ooal_40 {
    display: flex
}

._btn_1ooal_44 {
    box-sizing: border-box;
    width: 116px;
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 100px;
    background: linear-gradient(90deg, #f69, #e84b85);
    cursor: pointer
}

._btn_1ooal_44 ._text_1ooal_57 {
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._btn_1ooal_44 ._badge_1ooal_64 {
    box-sizing: border-box;
    position: absolute;
    padding: 0 4px;
    top: -11px;
    right: 0;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 12px 12px 12px 0;
    text-align: center;
    background: linear-gradient(270deg, #ffc65d, #ffeec9);
    color: #5b2e00;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._btnGrey_1ooal_83 {
    margin-right: 8px;
    background: #fff3
}

.video_playerNormal__VwqTs {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding-right: calc(var(--right-bar-width) + 30px);
    /*height: calc(var(--video-width)*.5625 + var(--danmu-bar-height));*/
    padding-top: 10px;
    height: fit-content;
    border-radius: 10px;
}

.video_playerNormal__VwqTs.video_black_gap__yBjCD {
    height: calc(var(--video-width)*.5625 + var(--danmu-bar-height) + 96px)
}

.video_playerWide___ebtV {
    position: relative;
    height: calc(var(--containerWidth)*.5625 + var(--danmu-bar-height));
    z-index: 4
}

.video_playerFullScreen__V3_gG {
    position: fixed !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333 !important;
    z-index: 130
}

.video_playerInner__ox52b {
    width: 100%;
    height: 100%;
    position: relative
}

.operation_operation_module__BkWiX {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #e3e5e7;
    border-radius: 4px
}

.operation_operation_module__BkWiX .operation_operation_title__9sFEG {
    flex: 1 1;
    font-weight: 700;
    padding-left: 20px
}

.operation_operation_module__BkWiX .operation_operation_content__7xG_x {
    flex: 0 0 320px;
    width: 320px;
    height: 100px
}

.operation_operation_module__BkWiX .operation_operation_content__7xG_x a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.operation_operation_module__BkWiX .operation_operation_content__7xG_x a .operation_operation_pic__vWPrh {
    width: 100%;
    height: 100%;
    border-radius: 0 4px 4px 0;
    object-fit: cover
}

.operation_operation_module__BkWiX .operation_operation_content__7xG_x a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: block;
    width: 320px;
    height: 100px;
    background-image: linear-gradient(90deg, #fff, transparent 30%)
}

.operation_split_line__U6llW {
    border-top: 1px solid #e5e9ef
}

.comment_comment_wrapper__Yo4pH {
    padding-top: 20px
}

.toast_ogv_weslie_toast_wrap__WzLnG {
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    overflow-x: visible;
    z-index: 12000;
    display: flex;
    justify-content: center;
    animation: toast_toastShow__hvdcR .3s ease forwards
}

.toast_ogv_weslie_toast_wrap__WzLnG.toast_ogv_weslie_toast_wrap_part__c4Mee {
    top: -45px
}

.toast_ogv_weslie_toast_wrap__WzLnG.toast_ogv_weslie_toast_wrap_global__HxNgh {
    position: fixed
}

.toast_ogv_weslie_toast_wrap__WzLnG .toast_ogv_weslie_toast__kzS_N {
    padding: 10px 16px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    color: #fff;
    margin-bottom: 10px;
    pointer-events: all;
    transition: opacity .3s, transform .3s;
    background-color: rgba(0, 0, 0, .8);
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.toast_ogv_weslie_toast_wrap__WzLnG .toast_ogv_weslie_toast__kzS_N.toast_info__nGeky {
    background-color: rgba(0, 0, 0, .8);
    color: #fff
}

.toast_ogv_weslie_toast_wrap__WzLnG .toast_ogv_weslie_toast__kzS_N.toast_error__RbvUq {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    display: flex;
    align-items: center
}

.toast_ogv_weslie_toast_wrap__WzLnG .toast_ogv_weslie_toast__kzS_N.toast_error__RbvUq span {
    display: inline-block;
    margin-left: 8px
}

@keyframes toast_toastShow__hvdcR {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    80% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

.RecommendItem_wrap__5sPoo {
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer
}

.RecommendItem_wrap__5sPoo,
.RecommendItem_wrap__5sPoo a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

.RecommendItem_wrap__5sPoo a {
    height: 100%
}

.RecommendItem_wrap__5sPoo .RecommendItem_cover__2W1Nu {
    width: 141px;
    height: 80px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/img_loading.6d24ade7.png) 50% no-repeat;
    background-size: 50px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 10px
}

.RecommendItem_wrap__5sPoo .RecommendItem_right_wrap__DJpVw {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: space-between
}

.RecommendItem_wrap__5sPoo .RecommendItem_right_wrap__DJpVw .RecommendItem_title__jBsvL {
    display: -webkit-box;
    margin-bottom: 8px;
    width: 100%;
    height: 36px;
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: color .3s ease;
    cursor: pointer
}

.RecommendItem_wrap__5sPoo .RecommendItem_right_wrap__DJpVw .RecommendItem_title__jBsvL:hover {
    color: #00a1d6
}

.RecommendItem_wrap__5sPoo .RecommendItem_right_wrap__DJpVw .RecommendItem_sub_wrap__KZGtZ {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.RecommendItem_wrap__5sPoo .RecommendItem_right_wrap__DJpVw .RecommendItem_sub_wrap__KZGtZ .RecommendItem_showindex__TZALE {
    color: var(--text3);
    color: #9499a0;
    font-size: 12px;
    margin-bottom: 4px;
    height: 15px
}

.RecommendItem_wrap__5sPoo .RecommendItem_right_wrap__DJpVw .RecommendItem_sub_wrap__KZGtZ .RecommendItem_data___6DmA {
    display: flex;
    align-items: center;
    color: var(--text3);
    color: #9499a0;
    font-size: 12px
}

.RecommendItem_wrap__5sPoo .RecommendItem_right_wrap__DJpVw .RecommendItem_sub_wrap__KZGtZ .RecommendItem_data___6DmA svg {
    margin-right: 2px;
    margin-bottom: -.5px;
    margin-top: -1px;
    width: 18px;
    height: 18px
}

@media screen and (min-width:1680px) {
    .RecommendItem_wrap__5sPoo {
        margin-bottom: 13px
    }

    .RecommendItem_wrap__5sPoo .RecommendItem_cover__2W1Nu {
        width: 189px;
        height: 107px
    }

    .RecommendItem_wrap__5sPoo .RecommendItem_right_wrap__DJpVw {
        margin: 6px 0
    }
}

.recommend_wrap__PccwM {
    width: 100%;
    border-top: 1px solid #f1f2f3;
    padding-top: 14px
}

.recommend_wrap__PccwM .recommend_title__WVBlM {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #222;
    margin-bottom: 13px;
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500
}

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

.recommend_wrap__PccwM .recommend_ellipsis__eSDvW {
    width: 100%;
    font-size: 12px;
    height: 42px;
    background: #f1f2f3;
    background: var(--bg3);
    color: #18191c;
    color: var(--text1);
    margin-top: 10px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    border-radius: 6px
}

@keyframes dialog_dialog-pulse__Nm1x6 {

    0%,
    40%,
    to {
        animation-timing-function: ease
    }

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

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }

    to {
        transform: scaleX(1)
    }
}

.dialog___dialog_masker__xZPdT {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 10010;
    cursor: pointer
}

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

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx {
    width: 490px;
    padding: 0;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, .1);
    overflow: hidden;
    border-radius: 4px;
    cursor: default;
    animation: dialog_dialog-pulse__Nm1x6 .6s
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___close__cHCJS {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    font-size: 18px;
    color: #999
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___close__cHCJS:hover {
    color: #00a1d6
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___header__WBwm5 {
    position: relative;
    height: 50px;
    border-bottom: 1px solid #e5e9ef;
    margin: 0;
    font-size: 16px;
    color: #222;
    line-height: 50px;
    text-align: center
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___body__C66gi {
    margin: 30px
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___footer__BZMO7 {
    margin: 20px 0 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___footer__BZMO7 .dialog_btn_normal___znrI {
    display: block;
    margin-right: 20px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ccd0d7;
    border-radius: 4px;
    color: #6d757a;
    cursor: pointer;
    transition: all .3s
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___footer__BZMO7 .dialog_btn_normal___znrI:hover {
    border-color: #00a1d6;
    color: #00a1d6
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___footer__BZMO7 .dialog_btn_normal___znrI.dialog_disabled__KozyZ {
    border: none;
    background: #f4f5f7 !important;
    color: #ccd0d7 !important;
    cursor: not-allowed
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___footer__BZMO7 .dialog_btn_normal___znrI.dialog_disabled__KozyZ:hover {
    background: #f4f5f7 !important;
    color: #ccd0d7 !important
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___footer__BZMO7 .dialog_btn_normal___znrI.dialog_confirm__qxw33 {
    border: none;
    background: #00a1d6;
    color: #fff
}

.dialog___dialog_masker__xZPdT .dialog___content_wrap__n_KO6 .dialog___content__XQ1lx .dialog___footer__BZMO7 .dialog_btn_normal___znrI.dialog_confirm__qxw33:hover {
    background: #00b5e5
}

.open_open_body__ZEm_5 p {
    font-size: 16px;
    color: #222
}

.open_open_body__ZEm_5 ul {
    list-style: none;
    margin-top: 20px
}

.open_open_body__ZEm_5 ul .open_tip_with_mobile__ZfJqn {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.open_open_body__ZEm_5 ul .open_tip_with_mobile__ZfJqn a {
    font-size: 12px;
    color: #6d757a
}

.open_open_body__ZEm_5 ul .open_tip_group__bGHN9 {
    display: flex;
    justify-content: flex-start;
    height: 40px;
    line-height: 40px;
    align-items: center
}

.open_open_body__ZEm_5 ul .open_tip_group__bGHN9 span {
    display: inline-block;
    margin-right: 6px;
    color: #222
}

.open_open_footer__x_XoR {
    margin: 20px 0 50px
}

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

.open_open_footer__x_XoR .open_btn_group__1ceQ4 .open_btn_normal__fE0qD {
    display: block;
    margin-right: 20px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ccd0d7;
    border-radius: 4px;
    color: #6d757a;
    cursor: pointer;
    transition: all .3s
}

.open_open_footer__x_XoR .open_btn_group__1ceQ4 .open_btn_normal__fE0qD:hover {
    border-color: #00a1d6;
    color: #00a1d6
}

.open_open_footer__x_XoR .open_btn_group__1ceQ4 .open_btn_normal__fE0qD.open_disabled__mi2Xa {
    border: none;
    background: #f4f5f7 !important;
    color: #ccd0d7 !important;
    cursor: not-allowed
}

.open_open_footer__x_XoR .open_btn_group__1ceQ4 .open_btn_normal__fE0qD.open_disabled__mi2Xa:hover {
    background: #f4f5f7 !important;
    color: #ccd0d7 !important
}

.open_open_footer__x_XoR .open_btn_group__1ceQ4 .open_btn_normal__fE0qD.open_confirm__aJJ1z {
    border: none;
    background: #00a1d6;
    color: #fff
}

.open_open_footer__x_XoR .open_btn_group__1ceQ4 .open_btn_normal__fE0qD.open_confirm__aJJ1z:hover {
    background: #00b5e5
}

.open_open_footer__x_XoR .open_open_agree__nfCRU {
    position: relative;
    top: 12px;
    left: 50%;
    width: 180px;
    line-height: 20px;
    margin-left: -90px;
    padding-top: 12px;
    font-size: 12px;
    color: #6d757a
}

.open_open_footer__x_XoR .open_open_agree__nfCRU a {
    color: #00a1d6
}

.open_open_footer__x_XoR .open_open_agree__nfCRU a:hover {
    color: #00b5e5
}

.open_open_footer__x_XoR .open_open_agree__nfCRU input[type=checkbox] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    display: none
}

.open_open_footer__x_XoR .open_open_agree__nfCRU input[type=checkbox]+i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_default.b3d5c2fa.svg)
}

.open_open_footer__x_XoR .open_open_agree__nfCRU input[type=checkbox]:checked+i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_selected.de6f772f.svg)
}

@keyframes header_rate-changed__Q4fE_ {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

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

.header_review_edit_header__S_Fis .header_media_img__2yypV {
    display: block;
    width: 100px;
    height: 133px;
    margin-right: 20px
}

.header_review_edit_header__S_Fis .header_media_img__2yypV img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: block
}

.header_review_edit_header__S_Fis .header_media_img__2yypV img[src=""] {
    border: 1px solid #ccd0d7
}

.header_review_edit_header__S_Fis .header_review_edit_media_info__X_NE_ h4 {
    margin: 0;
    line-height: 50px;
    font-size: 20px;
    color: #222;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header_review_edit_header__S_Fis .header_review_edit_media_info__X_NE_ .header_rate_tip__zZe2H {
    font-size: 14px;
    color: #222;
    margin-top: 10px;
    letter-spacing: 0
}

.header_review_edit_header__S_Fis .header_review_edit_media_info__X_NE_ .header_rate_wrap__3kAMp {
    margin-top: 16px
}

.header_review_edit_header__S_Fis .header_review_edit_media_info__X_NE_ .header_rate_wrap__3kAMp span {
    display: inline-block;
    margin-right: 5px
}

.short_short_review_masker__rBJgB {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 10000;
    cursor: pointer
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 594px;
    background: #fff;
    border-radius: 4px;
    margin-left: -297px;
    margin-top: -202px;
    cursor: default;
    animation: short_dialog-pulse__rtHdD .6s
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_dialog_close__VxA2_ {
    position: absolute;
    top: 15px;
    right: 17px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
    color: #999;
    text-align: center;
    font-size: 20px
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_dialog_close__VxA2_:hover {
    color: #00a1d6
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_header_wrap__wjQCJ {
    padding: 30px 30px 20px
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_body_wrap__4lSzF {
    position: relative;
    width: 534px;
    height: 130px;
    border: 1px solid #ccd0d7;
    border-radius: 4px;
    margin: 0 auto
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_body_wrap__4lSzF textarea {
    width: 510px;
    height: 72px;
    line-height: 24px;
    display: block;
    margin: 12px auto 0;
    font-size: 14px;
    color: #222;
    border: none;
    outline: none;
    resize: none;
    overflow: hidden
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_body_wrap__4lSzF span.short_tip__bUGms {
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-size: 12px;
    color: #99a2aa;
    line-height: 14px
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_footer__fiv2z {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 0
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_footer__fiv2z .short_mr_btn__f4hw3 {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    background: #f4f5f7;
    border: none;
    border-radius: 4px;
    outline: none;
    cursor: not-allowed;
    font-size: 14px;
    color: #ccd0d7;
    transition: all .3s
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_footer__fiv2z .short_mr_btn__f4hw3.short_active__e_mbX {
    background: #00a1d6;
    color: #fff;
    cursor: pointer
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_footer__fiv2z .short_mr_btn__f4hw3.short_active__e_mbX:hover {
    background: #00b5e5
}

.short_short_review_masker__rBJgB .short_short_review_content__aHfnz .short_review_footer__fiv2z .short_mr_long_review__FI75r {
    position: absolute;
    right: 32px;
    font-size: 14px;
    color: #00a1d6
}

@keyframes short_dialog-pulse__rtHdD {

    0%,
    40%,
    to {
        animation-timing-function: ease
    }

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

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }

    to {
        transform: scaleX(1)
    }
}

.PlayingIcon_playIcon__ooOtS {
    display: inline-block;
    width: 12px;
    height: 20px
}

.imageListItem_wrap__o28QW {
    margin-bottom: 12px;
    height: 59px;
    cursor: pointer
}

.imageListItem_wrap__o28QW,
.imageListItem_wrap__o28QW a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%
}

.imageListItem_wrap__o28QW a {
    height: 100%
}

.imageListItem_wrap__o28QW .imageListItem_coverWrap__evIUp {
    position: relative;
    margin-right: 10px;
    width: 106px;
    height: 60px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--Ga3) url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/img_loading.6d24ade7.png) 50% no-repeat;
    background-size: 50%;
    flex-shrink: 0
}

.imageListItem_wrap__o28QW .imageListItem_coverWrap__evIUp .imageListItem_badge__F9tZQ {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 0 4px;
    height: 18px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
    background-color: #999
}

.imageListItem_wrap__o28QW .imageListItem_title__MC0fG {
    font-size: 14px;
    line-height: 18px;
    min-height: 18px;
    max-height: 36px;
    font-weight: 500;
    margin-bottom: 5px;
    align-self: flex-start;
    transition: color .3s ease;
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.imageListItem_wrap__o28QW .imageListItem_titleWrap__YTlLH.imageListItem_active__fKB0s,
.imageListItem_wrap__o28QW .imageListItem_titleWrap__YTlLH:hover,
.imageListItem_wrap__o28QW .imageListItem_title__MC0fG.imageListItem_active__fKB0s,
.imageListItem_wrap__o28QW .imageListItem_title__MC0fG:hover {
    color: var(--brand_blue)
}

.imageListItem_wrap__o28QW .imageListItem_longTitle__I6il0,
.imageListItem_wrap__o28QW .imageListItem_shortTitle__yV5mg {
    margin-bottom: 0;
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.imageListItem_wrap__o28QW .imageListItem_longTitle__I6il0 {
    margin-top: 5px
}

.imageListItem_wrap__o28QW .imageListItem_data__dGyOZ {
    display: flex;
    align-items: center;
    color: var(--text3);
    color: #9499a0;
    font-size: 12px
}

.imageListItem_wrap__o28QW .imageListItem_data__dGyOZ svg {
    margin-right: 2px;
    margin-bottom: -.5px;
    margin-top: -1px;
    width: 18px;
    height: 18px
}

.imageList_wrap___f73Z {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 6px 10px 2px 16px;
    max-height: 350px;
    overflow: auto
}

.imageList_wrap___f73Z::-webkit-scrollbar-track {
    background: transparent
}

.imageList_wrap___f73Z::-webkit-scrollbar {
    width: 4px;
    background: transparent
}

.imageList_wrap___f73Z::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--text4)
}

.imageList_wrap___f73Z a {
    width: 100%;
    height: 100%
}

.SectionSelector_SectionSelector__TZ_QZ {
    padding: 2px 16px 8px;
    width: calc(100% - 6px);
    position: relative;
    height: 44px;
    box-sizing: border-box;
    
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_itemsContainer__65Q_b {
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    align-items: center;
    padding-right: 90px
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_sectionItem__rFNEH {
    padding: 7px 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--text2);
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 6px;
    margin-right: 2px
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_sectionItem__rFNEH.SectionSelector_active__dySMp {
    color: var(--brand_blue);
    background: rgba(0, 174, 236, .1);
    cursor: default
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_sectionItem__rFNEH:hover {
    color: var(--brand_blue)
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_expand__VjjPD {
    width: 66px;
    height: 32px;
    position: absolute;
    top: 3px;
    right: -6px;
    background: linear-gradient(270deg, #f1f2f3 46.21%, hsla(210, 8%, 95%, 0));
    cursor: pointer
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_expand__VjjPD svg {
    fill: var(--text1);
    stroke: var(--text1);
    position: absolute;
    right: 9px;
    top: 9px
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_selectorDropdown__dl7U0 {
    max-width: 280px;
    min-width: 180px;
    padding: 12px 0;
    position: absolute;
    background: var(--bg1);
    border: 1px solid var(--Ga2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    border-radius: 6px;
    z-index: 999;
    right: 1px;
    top: 32px;
    max-height: calc(100vh - 340px);
    overflow-y: auto
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_selectorDropdown__dl7U0::-webkit-scrollbar-track {
    background: transparent
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_selectorDropdown__dl7U0::-webkit-scrollbar {
    width: 4px;
    background: transparent
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_selectorDropdown__dl7U0::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--text4)
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_selectorDropdown__dl7U0 .SectionSelector_dropdownItem__5jHyy {
    height: 40px;
    line-height: 40px;
    padding: 0 27px;
    color: var(--text1);
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_selectorDropdown__dl7U0 .SectionSelector_dropdownItem__5jHyy.SectionSelector_active__dySMp {
    color: var(--brand_blue)
}

.SectionSelector_SectionSelector__TZ_QZ .SectionSelector_selectorDropdown__dl7U0 .SectionSelector_dropdownItem__5jHyy:hover {
    background: var(--Ga2)
}

.eplist_ep_list_wrapper__Sy5N8 {
    position: relative;
    background-color: rgba(255, 255, 255, 0.247);
    border-radius: 6px;
    margin-bottom: 15px;
    backdrop-filter: blur(10px);
}

.eplist_ep_list_wrapper__Sy5N8 .eplist_list_title__48o_y {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    padding: 0 16px
}

.eplist_ep_list_wrapper__Sy5N8 .eplist_list_title__48o_y .eplist_left_wrap__UFyXT {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%
}

.eplist_ep_list_wrapper__Sy5N8 .eplist_list_title__48o_y .eplist_left_wrap__UFyXT h4 {
    padding: 0;
    font-size: 16px;
    color: var(--text1);
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 9px
}

.eplist_ep_list_wrapper__Sy5N8 .eplist_list_title__48o_y .eplist_left_wrap__UFyXT .eplist_ep_list_progress__MXZG2 {
    display: block;
    font-size: 12px;
    color: var(--text2)
}

.eplist_ep_list_wrapper__Sy5N8 .eplist_list_title__48o_y .eplist_right_wrap__WaBpF {
    display: flex;
    flex-direction: row
}

.eplist_ep_list_wrapper__Sy5N8 .eplist_list_title__48o_y .eplist_ep_list_order__TfnoF {
    width: 24px;
    height: 24px;
    margin-left: 17px;
    cursor: pointer;
    fill: var(--text2);
    stroke: var(--text2)
}

.eplist_ep_list_wrapper__Sy5N8 .eplist_list_title__48o_y .eplist_ep_list_order__TfnoF:hover {
    fill: var(--brand_blue);
    stroke: var(--brand_blue)
}

.DanmukuBox_wrap___eG0H {
    position: relative;
    margin-bottom: 14px;
    width: 100%;
    min-height: 44px;
    background-color: #f4f5f7
}

.navTools_floatNavExp__iNll7 {
    position: fixed;
    right: 6px;
    bottom: 50px;
    z-index: 6
}

.navTools_navMenu__I5qkt .navTools_item__oR96L {
    border: 1px solid var(--line_light);
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 6px;
    width: 40px;
    margin-bottom: 12px;
    transition: all .3s;
    cursor: pointer;
    color: var(--text1);
    fill: var(--text1);
    text-align: center;
    padding: 8px 0 4px;
    background-color: var(--bg1_float)
}

.navTools_navMenu__I5qkt .navTools_item__oR96L.navTools_goback___VdxJ,
.navTools_navMenu__I5qkt .navTools_item__oR96L.navTools_issue__e7AGd {
    padding: 8px 4px 4px;
    line-height: 14px
}

.navTools_navMenu__I5qkt .navTools_item__oR96L.navTools_mini__kQCGd.navTools_on___1X_z {
    color: var(--brand_blue);
    fill: var(--brand_blue)
}

.navTools_navMenu__I5qkt .navTools_item__oR96L.navTools_mini__kQCGd.navTools_on___1X_z:hover {
    color: #fff;
    fill: #fff
}

.navTools_navMenu__I5qkt .navTools_item__oR96L:hover {
    background-color: var(--brand_blue);
    color: #fff;
    fill: #fff
}

.navTools_navMenu__I5qkt .navTools_item__oR96L.navTools_backup__7UBR_ {
    padding: 8px 0;
    margin-bottom: 0
}

.navTools_navMenu__I5qkt .navTools_item__oR96L.navTools_backup__7UBR_ .navTools_itemIcon__hkKvf {
    height: 8px
}

.navTools_navMenu__I5qkt .navTools_item__oR96L.navTools_backold__RLMlL {
    padding: 8px 0;
    margin-top: 10px
}

.navTools_navMenu__I5qkt .navTools_itemIcon__hkKvf {
    width: 24px;
    height: 24px;
    margin: 0 auto 2px
}

.navTools_navMenu__I5qkt .navTools_itemText__GjVuE {
    line-height: 14px
}

.dialogrealname_bangumi_rn_wrapper__wfFfD {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 10040
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS {
    position: relative;
    top: 50%;
    width: 300px;
    margin: 0 auto;
    height: auto;
    transform: translateY(-50%);
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS .dialogrealname_rn_close__QVzA3 {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    z-index: 10;
    box-sizing: border-box;
    padding: 19px;
    background: url(//static.hdslb.com/images/base/icons.png) -455px -518px no-repeat
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS .dialogrealname_rn_title__zIKDG {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding: 0 20px;
    color: #222;
    border-bottom: 1px solid #e5e9ef
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS .dialogrealname_rn_body__LkiUR {
    padding: 27px 20px
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS .dialogrealname_rn_body__LkiUR p.dialogrealname_info__ih36o {
    font-size: 14px;
    line-height: 20px;
    color: #222
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS .dialogrealname_rn_body__LkiUR p.dialogrealname_info__ih36o i {
    color: #f25d8e
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS .dialogrealname_rn_footer___AY41 {
    padding-bottom: 10px
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS .dialogrealname_rn_footer___AY41 .dialogrealname_btn_bind__tejej {
    display: block;
    margin: 0 auto 20px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
    background-color: #00a1d6;
    font-size: 14px;
    color: #fff
}

.dialogrealname_bangumi_rn_wrapper__wfFfD .dialogrealname_rn_content__laZRS .dialogrealname_rn_footer___AY41 .dialogrealname_tip__npxCr {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1;
    color: #99a2aa
}

.rankTab_sponsor_rank_tab_container__KVPYh {
    position: relative
}

.rankTab_sponsor_rank_tab__Qk5Ir {
    display: flex;
    position: relative;
    float: left;
    min-width: 76px;
    margin-left: 24px
}

.rankTab_sponsor_rank_tab__Qk5Ir li.rankTab_tab_item__oa3xj {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    color: #222;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.rankTab_sponsor_rank_tab__Qk5Ir li.rankTab_tab_item__oa3xj.rankTab_active__ybCXr,
.rankTab_sponsor_rank_tab__Qk5Ir li.rankTab_tab_item__oa3xj:hover {
    color: #00a1d6
}

.rankTab_sponsor_rank_tab__Qk5Ir li.rankTab_tab_item__oa3xj+li.rankTab_tab_item__oa3xj {
    margin-left: 20px
}

.rankTab_sponsor_rank_tab__Qk5Ir li.rankTab_tab_item__oa3xj.rankTab_active2__2G7FF {
    border-bottom: 1px solid #00a1d6
}

.rankTab_sponsor_rank_tab__Qk5Ir li.rankTab_tab_item__oa3xj.rankTab_active2__2G7FF:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-bottom: 3px solid #00a1d6;
    border-top: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.rankTab_sponsor_rank_tab__Qk5Ir .rankTab_indicator__0NtTS {
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #00a1d6;
    width: 36px;
    left: 0;
    transition: left width .36s
}

.rankTab_sponsor_rank_tab__Qk5Ir .rankTab_indicator__0NtTS.rankTab_right__sRPa7 {
    width: 24px;
    left: 56px
}

.rankTab_sponsor_rank_tab__Qk5Ir .rankTab_indicator__0NtTS:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-bottom: 3px solid #00a1d6;
    border-top: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.rankTab_sponsor_rank_tab__Qk5Ir .rankTab_indicator__0NtTS.rankTab_hidden__ZtR9K {
    width: 0
}

.rankTab_sponsor_rank_tab__Qk5Ir .rankTab_indicator__0NtTS.rankTab_hidden__ZtR9K:after {
    content: none;
    border: 0
}

.rankTab_sponsor_rank_tab__Qk5Ir.rankTab_sp_list_nav__4QxNu {
    width: 100%;
    height: 45px;
    margin-left: 0;
    float: none;
    border-bottom: 1px solid #e5e9ef;
    box-sizing: border-box
}

.rankTab_sponsor_rank_tab__Qk5Ir.rankTab_sp_list_nav__4QxNu li.rankTab_tab_item__oa3xj {
    height: 45px;
    line-height: 45px;
    margin-bottom: -1px;
    margin-left: 24px
}

.rankTab_sponsor_rank_tab__Qk5Ir.rankTab_sp_list_nav__4QxNu .rankTab_indicator__0NtTS {
    left: 24px
}

.rankTab_sponsor_rank_tab__Qk5Ir.rankTab_sp_list_nav__4QxNu .rankTab_indicator__0NtTS.rankTab_right__sRPa7 {
    left: 80px
}

.rankList_sponsor_rank_list__QZgQ7 {
    height: 180px;
    overflow: hidden;
    margin-top: 20px
}

.rankList_sponsor_rank_list__QZgQ7.rankList_C2__xULn5 li.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec {
    width: 50%
}

.rankList_sponsor_rank_list__QZgQ7.rankList_C3__o7fig li.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec {
    width: 33.33%
}

.rankList_sponsor_rank_list__QZgQ7.rankList_C4__VZMU8 li.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec {
    width: 25%
}

.rankList_sponsor_rank_list__QZgQ7 li.rankList_empty__z2cD3 {
    height: 180px;
    line-height: 180px;
    text-align: center;
    color: #ccd0d7
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec {
    float: left;
    width: auto;
    height: 100px;
    margin-top: 2px
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_left__HECQr {
    width: 58px;
    float: left
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_left__HECQr .rankList_face_wrap__XY4Fv {
    position: relative
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_left__HECQr .rankList_face_wrap__XY4Fv.rankList_icon_sponsor_avatar_border__aQfTB img {
    top: 10px;
    left: 4px;
    width: 40px;
    height: 40px
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_left__HECQr .rankList_face_wrap__XY4Fv .rankList_svg__eUMne {
    position: absolute;
    left: -1px;
    top: 1px;
    fill: #e5e9ef;
    width: 54px;
    height: 54px
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_left__HECQr .rankList_face_wrap__XY4Fv .rankList_sp_rank__TvHYW {
    position: absolute;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    color: #6d757a;
    top: 1px;
    left: 35px
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_left__HECQr .rankList_face_wrap__XY4Fv img {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD {
    position: relative;
    margin-left: 58px
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch {
    display: block;
    position: absolute;
    left: 0;
    right: 40px
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch .rankList_sp_name__JWL_a {
    position: relative;
    display: inline-block;
    padding-right: 26px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #212121;
    font-weight: 600;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch .rankList_sp_name__JWL_a:hover {
    color: #00a1d6
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch .rankList_sp_name__JWL_a.rankList_rank_0__T1l6A:after,
.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch .rankList_sp_name__JWL_a.rankList_rank_1__eqBSA:after,
.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch .rankList_sp_name__JWL_a.rankList_rank_2__VQ0UW:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 22px;
    height: 18px;
    margin-top: -11px;
    color: #ffe942;
    vertical-align: 3px;
    line-height: 1;
    content: ""
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch .rankList_sp_name__JWL_a.rankList_rank_0__T1l6A:after {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/icon-sponsor-rank-1.b7637eb5.svg) no-repeat;
    background-size: cover
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch .rankList_sp_name__JWL_a.rankList_rank_1__eqBSA:after {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/icon-sponsor-rank-2.bd4441cf.svg) no-repeat;
    background-size: cover
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_user__Smkch .rankList_sp_name__JWL_a.rankList_rank_2__VQ0UW:after {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/icon-sponsor-rank-3.5b0f1638.svg) no-repeat;
    background-size: cover
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_msg__HK3f1 {
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 0;
    right: 16px;
    height: 48px;
    padding: 7px 6px;
    font-size: 12px;
    line-height: 18px;
    color: #212121;
    word-break: break-all;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.rankList_sponsor_rank_item__rh5UM.rankList_pos_rank_module__3a5ec .rankList_sp_right__DejvD .rankList_sp_msg__HK3f1.rankList_empty__z2cD3 {
    color: silver
}

.loading_load_state__rfEvQ {
    text-align: center;
    color: #99a2aa;
    height: 100%;
    display: table;
    width: 100%
}

.loading_load_state__rfEvQ.loading_loading_rank__ukmTd {
    min-height: 194px;
    margin-top: 20px
}

.loading_load_state__rfEvQ.loading_loading_dialog__j6m_6 {
    height: 85px
}

.loading_load_state__rfEvQ a {
    color: #00a1d6
}

.loading_load_state__rfEvQ span {
    vertical-align: middle;
    display: table-cell
}

.loading_load_state__rfEvQ span:before {
    text-align: center;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/empty-icon.9d65a2a7.png) no-repeat;
    margin-right: 5px;
    margin-top: -3px
}

.loading_load_state__rfEvQ span.loading_loading__z5bQ2:before {
    width: 24px;
    height: 24px;
    margin-top: -5px;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/loading.59d952e4.gif)
}

.loading_load_state__rfEvQ span.loading_empty__iUS_H:before {
    background-position: center -598px
}

.loading_load_state__rfEvQ span.loading_error__A8ENC:before {
    background-position: center -471px
}

.rankView_sponsor_rank_module___oZve {
    width: 100%;
    font-size: 12px
}

.rankView_sponsor_rank_module___oZve .rankView_sponsor_rank_header__49tEi {
    height: 24px;
    display: flex
}

.rankView_sponsor_rank_module___oZve .rankView_sponsor_rank_header__49tEi .rankView_title__2ijOf {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #212121;
    margin-right: 20px
}

.rankView_sponsor_rank_module___oZve .rankView_sponsor_rank_container__mzoXA {
    width: 100%
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 {
    height: 58px;
    line-height: 58px;
    padding-left: 26px;
    box-sizing: border-box;
    border-left: 6px solid transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-perspective: 1000;
    perspective: 1000
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 .rankItem_sp_rank__yeapo {
    display: inline-block;
    width: 28px;
    margin-right: 7px;
    text-align: center;
    vertical-align: middle
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 .rankItem_sp_rank__yeapo i {
    display: inline-block;
    min-width: 16px;
    max-width: 28px;
    height: 16px;
    background-color: #b7bfcb;
    color: #fff;
    text-align: center;
    line-height: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 3px;
    font-weight: 700;
    font-style: normal
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_1__8lEvr .rankItem_sp_rank__yeapo,
.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_2__csXYa .rankItem_sp_rank__yeapo,
.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_3__8xsaD .rankItem_sp_rank__yeapo {
    vertical-align: -6px
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_1__8lEvr .rankItem_sp_rank__yeapo i,
.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_2__csXYa .rankItem_sp_rank__yeapo i,
.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_3__8xsaD .rankItem_sp_rank__yeapo i {
    margin-left: 0;
    width: 20px;
    background: url(//static.hdslb.com/images/base/icons.png) no-repeat
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_1__8lEvr .rankItem_sp_rank__yeapo i {
    background-position: -726px -1493px
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_2__csXYa .rankItem_sp_rank__yeapo i {
    background-position: -726px -1558px
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2.rankItem_rank_3__8xsaD .rankItem_sp_rank__yeapo i {
    background-position: -726px -1624px
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 a {
    display: inline-block;
    line-height: 58px
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 img {
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin-right: 7px;
    vertical-align: -12px
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 img:hover {
    animation: rankItem_bili-icon-img__WuWc_ 1s linear 10;
    animation-delay: 3s
}

@keyframes rankItem_bili_icon_img__TGwCp {
    0% {
        transform: rotate(0deg);
        opacity: 1
    }

    50% {
        opacity: .8
    }

    to {
        transform: rotate(1turn);
        opacity: 1
    }
}

@keyframes rankItem_bili_item_add__60Lgd {
    0% {
        opacity: 0;
        transform: translateX(100px) translateZ(0)
    }

    to {
        opacity: 1;
        transform: translateX(0) translateZ(0)
    }
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 .rankItem_sp_user__Mg99m {
    display: inline-block;
    vertical-align: middle;
    max-width: 84px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #222;
    font-weight: 700;
    margin-right: 10px
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 .rankItem_sp_user__Mg99m.rankItem_vip__gNhsC {
    color: #fb7299
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 .rankItem_sp_msg__gaGZ6 {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    color: #99a2aa;
    margin-right: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #e5e9ef;
    background-color: #fff;
    position: relative
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 .rankItem_sp_msg__gaGZ6:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-color: #e5e9ef transparent transparent #e5e9ef;
    border-style: solid;
    border-width: 1px;
    transform: rotate(-45deg);
    top: 11px;
    left: -4px
}

.rankItem_sponsor_rank_item__y5V3Q.rankItem_pos_rank_list__Nsha2 .rankItem_sp_msg__gaGZ6 p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 310px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0
}

@keyframes rankBili_bili_icon_r__W1tgp {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rankBili_bili_icon_h__UmhXO {
    0% {
        left: -60px
    }

    to {
        left: 600px
    }
}

.rankBili_rank_bb__aADV3 {
    position: absolute
}

.rankBili_rank_bb__aADV3 .rankBili_bb_icon__Gqe_r {
    position: absolute;
    left: -60px;
    bottom: 0;
    width: 24px;
    height: 24px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/loading.59d952e4.gif);
    background-size: cover;
    animation-fill-mode: both
}

.dialogrank_sponsor_rank_dialog__kBZK6 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .3);
    z-index: 10240;
    cursor: pointer
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sponsor_rank_content__SYydL {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 600px;
    margin-top: -300px;
    margin-left: -300px;
    z-index: 10241;
    background-color: #fff;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, .1);
    overflow: hidden;
    border-radius: 4px;
    animation: dialogrank_dialog-pulse__Rss_J .6s
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sponsor_rank_content__SYydL .dialogrank_sp_rank_header__AcEOH {
    height: 45px;
    line-height: 45px;
    position: relative;
    display: flex
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sponsor_rank_content__SYydL .dialogrank_sp_rank_header__AcEOH .dialogrank_sp_rank_title__lDeCu {
    width: 94px;
    height: 45px;
    background-color: #f5b23d;
    color: #fff;
    float: left;
    font-size: 18px;
    text-align: center;
    font-weight: 700
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sponsor_rank_content__SYydL .dialogrank_sp_rank_header__AcEOH .dialogrank_sp_list_nav__9VBAY {
    width: 100%;
    height: 45px;
    margin-left: 0;
    float: none;
    border-bottom: 1px solid #e5e9ef;
    box-sizing: border-box
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sponsor_rank_content__SYydL .dialogrank_sp_rank_header__AcEOH .dialogrank_sp_list_nav__9VBAY li.dialogrank_tab_item__NRnNp {
    height: 45px;
    line-height: 45px;
    margin-bottom: -1px;
    margin-left: 24px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sponsor_rank_content__SYydL .dialogrank_sp_rank_header__AcEOH .dialogrank_sp_close__AsC9_ {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 11px;
    right: 14px;
    background: url(//static.hdslb.com/images/base/icons.png) -468px -532px no-repeat
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq {
    height: 555px;
    overflow-x: hidden;
    overflow-y: scroll;
    cursor: default
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 {
    height: 58px;
    line-height: 58px;
    padding-left: 26px;
    box-sizing: border-box;
    border-left: 6px solid transparent
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_rank__lSmVv {
    display: inline-block;
    width: 28px;
    margin-right: 7px;
    text-align: center;
    vertical-align: middle
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_rank__lSmVv i {
    display: inline-block;
    min-width: 16px;
    max-width: 28px;
    height: 16px;
    background-color: #b7bfcb;
    color: #fff;
    text-align: center;
    line-height: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 3px;
    font-weight: 700;
    font-style: normal
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 a {
    display: inline-block;
    line-height: 58px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 img {
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin-right: 7px;
    vertical-align: -12px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 img:hover {
    animation: dialogrank_bili-icon-img__EjOd_ 1s linear 10;
    animation-delay: 3s
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_user__v3oqB {
    display: inline-block;
    vertical-align: middle;
    max-width: 330px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #222;
    font-weight: 700;
    margin-right: 10px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_user__v3oqB.dialogrank_vip__CP_9L {
    color: #fb7299
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_msg__o_mSM {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    color: #99a2aa;
    margin-right: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #e5e9ef;
    background-color: #fff
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_msg__o_mSM:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-color: #e5e9ef transparent transparent #e5e9ef;
    border-style: solid;
    border-width: 1px;
    transform: rotate(-45deg);
    top: 11px;
    left: -4px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_msg__o_mSM p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 310px;
    height: 28px;
    line-height: 28px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_bp__xbGpH {
    display: inline-block;
    color: #99a2aa;
    vertical-align: -3px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sponsor_rank_mine__Czjl1 .dialogrank_sp_bp__xbGpH i {
    display: inline-block;
    vertical-align: -7px;
    width: 25px;
    height: 25px;
    background: url(//static.hdslb.com/images/base/icons.png) -275px -1747px no-repeat;
    margin-right: 5px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sp_rank_list__cEE_1 {
    padding-bottom: 10px
}

.dialogrank_sponsor_rank_dialog__kBZK6 .dialogrank_sp_rank_body__Ce3Yq .dialogrank_sp_rank_list__cEE_1 li.dialogrank_empty__ErNeT {
    height: 120px;
    line-height: 120px;
    margin-top: -10px;
    text-align: center;
    color: #ccd0d7
}

@keyframes dialogrank_dialog-pulse__Rss_J {

    0%,
    40%,
    to {
        animation-timing-function: ease
    }

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

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }

    to {
        transform: scaleX(1)
    }
}

.sponsor_sponsor_module__cx4yJ {
    height: 257px;
    border-bottom: 1px solid #e5e9ef;
    padding: 16px 0;
    display: flex
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_mini_rank__cyO8d {
    flex: 1 1
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc {
    width: 186px
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc .sponsor_img_wrapper__xg6kH {
    width: 160px;
    height: 95px;
    margin: 17px auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/sponsor-activity-default.83bc531b.png)
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc .sponsor_img_wrapper__xg6kH.sponsor_only_rank__yl_Oq {
    margin-top: 65px
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc .sponsor_img_wrapper__xg6kH .sponsor_sponsor_activity__nvPW4 {
    display: block;
    width: 100%;
    height: 100%
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc .sponsor_sponsor_count__UVEKE {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #6d757a;
    margin-bottom: 9px
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc .sponsor_sponsor_count__UVEKE span {
    color: #101010;
    font-weight: 500;
    margin: 0 4px
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc .sponsor_btn_sponsor__vf0oo {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    background-color: #faa63e;
    color: #fff;
    cursor: pointer
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc .sponsor_btn_show_rank__cSUgT {
    text-align: right;
    font-size: 12px;
    color: #212121;
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

.sponsor_sponsor_module__cx4yJ .sponsor_sponsor_info__BZrNc .sponsor_btn_show_rank__cSUgT:hover {
    color: #00a1d6
}

.payHeader_sponsor_pay_header__iyp_r {
    position: relative;
    line-height: 26px;
    padding-top: 50px;
    color: #222
}

.payHeader_sponsor_pay_header__iyp_r.payHeader_border__SDKW6 {
    height: 50px;
    text-align: center;
    padding-top: 0;
    border-bottom: 1px solid #e5e9ef
}

.payHeader_sponsor_pay_header__iyp_r.payHeader_border__SDKW6 .payHeader_title__YtfR2 {
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.payHeader_sponsor_pay_header__iyp_r .payHeader_title__YtfR2 {
    font-size: 20px;
    text-align: center
}

.payHeader_sponsor_pay_header__iyp_r .payHeader_sp_back__qAFxa {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 18px;
    height: 18px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/ic_back.f090f964.svg);
    background-size: cover;
    cursor: pointer
}

.payHeader_sponsor_pay_header__iyp_r .payHeader_sp_close__A3_Bz {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 18px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/ic_close.1a4593e8.svg);
    background-size: cover;
    cursor: pointer
}

.quickPay_sp_quick_pay___ZqnK {
    height: 100%
}

.quickPay_sp_quick_pay___ZqnK .quickPay_sponsor_pay_body__p8pSl {
    margin-top: 100px
}

.quickPay_sp_quick_pay___ZqnK .quickPay_sponsor_pay_body__p8pSl .quickPay_sponsor_control_group__K2GAK {
    line-height: 40px;
    font-size: 14px;
    color: #101010
}

.quickPay_sp_quick_pay___ZqnK .quickPay_sponsor_pay_body__p8pSl .quickPay_sponsor_control_group__K2GAK label {
    width: 65px;
    margin-left: 150px;
    color: #99a2aa
}

.quickPay_sp_quick_pay___ZqnK .quickPay_sponsor_pay_body__p8pSl .quickPay_sponsor_control_group__K2GAK em {
    font-style: normal;
    font-weight: 700
}

.quickPay_sp_quick_pay___ZqnK .quickPay_sponsor_pay_body__p8pSl .quickPay_sponsor_control_group__K2GAK span {
    font-size: 12px;
    color: #6d757a
}

.dialog_sponsor_pay_dialog_v2__0XJSy {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 10240;
    cursor: pointer
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_content__j0wyK {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 594px;
    height: 412px;
    margin-left: -297px;
    margin-top: -206px;
    padding: 0;
    z-index: 10241;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, .1);
    overflow: hidden;
    border-radius: 4px;
    cursor: default;
    animation: dialog_dialog-pulse__f__TV .6s
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_content__j0wyK .dialog_jelly_enter_active___utj1,
.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_content__j0wyK .dialog_jelly_leave_active__8SwWj {
    transition: all .2s
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_content__j0wyK .dialog_jelly_enter__806IN,
.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_content__j0wyK .dialog_jelly_leave_to__Ou_qw {
    opacity: 0;
    transform: scale(.9)
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_footer__pydCA {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 300px;
    height: 60px;
    margin-left: -150px;
    text-align: center
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_footer__pydCA .dialog_btn_link__195_o {
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #f6b32b;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_footer__pydCA .dialog_btn_link__195_o.dialog_normal__X86sg {
    color: #6d757a;
    background: #fff;
    border: 1px solid #ccd0d7
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_footer__pydCA .dialog_btn_link__195_o.dialog_normal__X86sg:hover {
    background: #d6d9df;
    border-color: #ccd0d7
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_pay_footer__pydCA .dialog_btn_link__195_o:hover {
    color: #fff;
    border-color: #ffcb2e;
    background-color: #ffcb2e
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_btn__muZOC {
    width: 140px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    background-color: #fff;
    color: #99a2aa;
    border: 1px solid #e5e9ef;
    padding: 0;
    display: inline-block
}

.dialog_sponsor_pay_dialog_v2__0XJSy .dialog_sponsor_btn__muZOC:hover {
    color: #222;
    border-color: #222
}

@keyframes dialog_dialog_pulse___dD3Q {

    0%,
    40%,
    to {
        animation-timing-function: ease
    }

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

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }

    to {
        transform: scaleX(1)
    }
}

.qrCode_sp_pay_qrcode__PACaO {
    height: 100%
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_pay_amount__x_we4 {
    padding: 20px 0 10px
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_pay_amount__x_we4 .qrCode_sponsor_amount_group__koItC {
    width: 190px;
    margin: 0 auto;
    line-height: 28px
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_pay_amount__x_we4 .qrCode_sponsor_amount_group__koItC:after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    visibility: hidden;
    clear: both
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_pay_amount__x_we4 .qrCode_sponsor_amount_group__koItC label {
    display: block;
    float: left;
    text-align: right;
    width: 70px;
    font-size: 12px;
    color: #99a2aa
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_pay_amount__x_we4 .qrCode_sponsor_amount_group__koItC .qrCode_sponsor_amount__uydJ5 {
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 700
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_pay_amount__x_we4 .qrCode_sponsor_amount_group__koItC .qrCode_sponsor_amount__uydJ5.qrCode_p__aohww {
    color: #f6b32b
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_qrcode__4Axct {
    position: relative;
    width: 200px;
    margin: 0 auto
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_qrcode__4Axct .qrCode_qr_code_title__smWdM {
    font-size: 12px;
    color: #6d757a;
    margin-bottom: 10px;
    text-align: center
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_qrcode__4Axct .qrCode_step_other__E8FE3 {
    position: absolute;
    left: 50%;
    bottom: -26px;
    width: 200px;
    margin-left: -100px;
    font-size: 12px;
    display: block;
    color: #00a1d6;
    text-align: center
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_qrcode__4Axct .qrCode_step_other__E8FE3:hover {
    color: #00a1d6
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_qrcode__4Axct .qrCode_qr_code_body__04uy8 {
    border: 2px solid #ccd4e5;
    border-radius: 4px;
    width: 196px;
    height: 196px;
    background-color: #fff;
    overflow: hidden
}

.qrCode_sp_pay_qrcode__PACaO .qrCode_sponsor_qrcode__4Axct .qrCode_qr_code_body__04uy8 div {
    margin: 3px
}

.paySuccess_sp_pay_success__VDavo {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/bg_success@2x.b123e291.png) no-repeat;
    background-size: 594px 122px
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sp_close__u1CTN {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 18px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/ic_close_white.cf0e0432.svg);
    background-size: cover;
    cursor: pointer;
    z-index: 1
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA {
    position: relative;
    top: 25px;
    width: 560px;
    margin: 0 auto
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD {
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_default__P98Z8 {
    width: 163px;
    height: 156px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/sponsor-success.82cd399b.png) no-repeat 0 24px;
    margin: 0 auto
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_preview__9e3l1 {
    width: 168px;
    height: 168px;
    margin: 0 auto
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_preview__9e3l1 img {
    border-radius: 4px
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_preview__9e3l1 img[src=""] {
    opacity: 0
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_preview__9e3l1 img.paySuccess_sp_user_pendant__6ok2w {
    position: relative;
    z-index: 1
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_preview__9e3l1 img.paySuccess_sp_user_face__ferHk {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 96px;
    height: 96px;
    margin-left: -48px;
    margin-top: -48px;
    border-radius: 50%
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_pendant__Xz2v5 {
    position: absolute;
    left: 52px;
    bottom: -10px;
    padding-left: 20px;
    line-height: 20px;
    z-index: 2
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_pendant__Xz2v5 i {
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_normal.51a2bcef.svg);
    background-size: cover;
    display: inline-block;
    cursor: pointer
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_preview__eOeCD .paySuccess_sp_pendant__Xz2v5 i.paySuccess_agree__3KFzr {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_selected.e6831a99.svg);
    background-size: cover
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_result__vrHv6 {
    position: absolute;
    left: 50%;
    bottom: -90px;
    width: 514px;
    height: 80px;
    margin-left: -257px
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_result__vrHv6 .paySuccess_sponsor_pay_result_body__3_QTT {
    position: absolute;
    left: 0;
    top: 50%;
    width: 514px;
    transform: translateY(-50%);
    text-align: center
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_result__vrHv6 .paySuccess_sponsor_pay_result_body__3_QTT p {
    font-size: 12px;
    color: #6d757a;
    line-height: 20px;
    margin-top: 4px
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_result__vrHv6 .paySuccess_sponsor_pay_result_body__3_QTT p.paySuccess_sponsor_pay_result_title__9QH9v {
    font-size: 20px;
    color: #222;
    line-height: 30px;
    margin-top: 0
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_result__vrHv6 .paySuccess_sponsor_pay_result_body__3_QTT p span {
    position: relative;
    padding-left: 20px;
    line-height: 20px
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_result__vrHv6 .paySuccess_sponsor_pay_result_body__3_QTT p span i {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 14px;
    height: 14px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_normal.51a2bcef.svg);
    background-size: cover;
    display: inline-block;
    cursor: pointer
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_body__ctxfA .paySuccess_sponsor_pay_result__vrHv6 .paySuccess_sponsor_pay_result_body__3_QTT p span i.paySuccess_agree__3KFzr {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_selected.e6831a99.svg);
    background-size: cover
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_msg__3l4LE {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 514px;
    height: 84px;
    margin-left: -257px;
    border: 1px solid #ccd0d7;
    border-radius: 4px
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_msg__3l4LE textarea {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 490px;
    height: 42px;
    margin-left: -245px;
    border: none;
    resize: none;
    outline: none
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_msg__3l4LE .paySuccess_msg_limit__9MEUX {
    position: absolute;
    right: 100px;
    bottom: 15px;
    font-size: 12px;
    color: #99a2aa;
    line-height: 14px
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_msg__3l4LE .paySuccess_msg_send__aqbDR {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #f6b32b;
    border-radius: 4px;
    cursor: pointer
}

.paySuccess_sp_pay_success__VDavo .paySuccess_sponsor_pay_msg__3l4LE .paySuccess_msg_send__aqbDR:hover {
    border-color: #ffcb2e;
    background-color: #ffcb2e
}

.payFailed_sp_pay_failed__P06cV {
    height: 100%
}

.payFailed_sp_pay_failed__P06cV .payFailed_sponsor_pay_body__WeVgc {
    margin-top: 33px
}

.payFailed_sp_pay_failed__P06cV .payFailed_sponsor_pay_body__WeVgc .payFailed_pay_img__os_68 {
    width: 208px;
    height: 180px;
    margin: 0 auto;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/pay-failed.195bbd4d.png) 50% no-repeat;
    background-size: cover
}

.payOther_sp_pay_other__dIjT1 {
    height: 100%
}

.payOther_sp_pay_other__dIjT1 .payOther_sponsor_pay_body__LlGxI {
    margin-top: 33px
}

.payOther_sp_pay_other__dIjT1 .payOther_sponsor_pay_body__LlGxI .payOther_pay_img__UvuKQ {
    width: 233px;
    height: 180px;
    margin: 0 auto;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/pay-other.cf684883.png) 50% no-repeat;
    background-size: cover
}

.payShare_sp_pay_share__5IdsZ {
    height: 100%
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 {
    margin-top: 33px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_pay_img__aKV6x {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/sponsor-share.6b25cab2.png) 50% no-repeat
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X {
    width: 168px;
    height: 30px;
    margin: 33px auto 0
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G {
    white-space: nowrap
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX {
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 16px;
    background: url(//static.hdslb.com/images/base/icons.png) no-repeat;
    cursor: pointer
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX:last-child {
    margin-right: 0
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX.payShare_btn_qq__mZODm {
    background-position: -977px -913px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX.payShare_btn_qq__mZODm:hover {
    background-position: -977px -849px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX.payShare_btn_weibo__zftWC {
    background-position: -1168px -913px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX.payShare_btn_weibo__zftWC:hover {
    background-position: -1105px -913px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX.payShare_btn_baidu__wW_pm {
    background-position: -1168px -785px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX.payShare_btn_baidu__wW_pm:hover {
    background-position: -1105px -785px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX.payShare_btn_qqzone__zDo0c {
    background-position: -1168px -720px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G li.payShare_share_btn__dzSFX.payShare_btn_qqzone__zDo0c:hover {
    background-position: -1105px -720px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G .payShare_weixin_share_modal__CLIDp {
    background: #fff;
    position: absolute;
    top: 30px;
    left: -60px;
    z-index: 1000;
    padding: 2px 0;
    border-radius: 4px;
    border: 1px solid #e5e9ef;
    cursor: default;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    margin-top: 12px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G .payShare_weixin_share_modal__CLIDp:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -12px;
    height: 12px;
    width: 24px;
    background: url(//static.hdslb.com/images/base/icons.png) -854px -1492px no-repeat
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G .payShare_weixin_share_modal__CLIDp p {
    padding-top: 4px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px
}

.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G .payShare_weixin_share_modal__CLIDp .payShare_qrcode_wrapper__lWRtQ,
.payShare_sp_pay_share__5IdsZ .payShare_sponsor_pay_body__zwLU8 .payShare_share_module__m9q1X .payShare_share_list__GUv1G .payShare_weixin_share_modal__CLIDp canvas {
    vertical-align: top;
    width: 124px;
    height: 124px
}

.payInfo_sp_pay_info__l8br4 {
    height: 100%
}

.payInfo_sp_pay_info__l8br4 .payInfo_sponsor_pay_body__AQykl {
    position: relative;
    top: 40px
}

.payInfo_sp_pay_info__l8br4 .payInfo_sponsor_pay_body__AQykl .payInfo_sp_info_bg___2P27 {
    width: 240px;
    height: 179px;
    margin: 0 auto;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/sponsor-sorry.4d608b76.png) no-repeat
}

.payInfo_sp_pay_info__l8br4 .payInfo_sponsor_pay_body__AQykl p {
    width: 320px;
    margin: 20px auto 0;
    font-size: 14px;
    color: #666;
    text-align: center
}

.amountChoice_sp_pay_index__VPV_8 {
    height: 100%;
    text-align: center
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_pay_body__AVMrA {
    padding: 14px 0;
    font-size: 14px
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_pay_body__AVMrA .amountChoice_sponsor_gift_hint__WtV58 {
    position: relative;
    margin-bottom: 10px;
    color: #f6b32b;
    text-align: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-left: 42px;
    padding-left: 23px
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_pay_body__AVMrA .amountChoice_sponsor_gift_hint__WtV58 i {
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(//static.hdslb.com/images/base/icons.png) -854px -1814px no-repeat;
    margin-right: 5px
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 {
    box-sizing: initial;
    width: 510px;
    height: 120px;
    margin: 0 auto;
    text-align: center
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li {
    box-sizing: initial;
    width: 90px;
    float: left;
    margin-right: 15px;
    cursor: pointer
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li:last-child {
    margin-right: 0
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li .amountChoice_sponsor_border__lhZNH {
    width: 86px;
    height: 86px;
    border: 2px solid #ccd4e5;
    background-color: #e6ebf3;
    border-radius: 4px
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li span {
    font-size: 14px;
    color: #222;
    margin-top: 10px;
    display: inline-block
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li input {
    box-sizing: initial;
    border: 2px solid #ccd4e5;
    height: 20px;
    width: 40px;
    border-radius: 4px;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 8px;
    outline: 0;
    text-align: center
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li.amountChoice_active__zk4bC .amountChoice_sponsor_border__lhZNH {
    border-color: #e0930b;
    color: #e0930b;
    background-color: #fff
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li.amountChoice_active__zk4bC span {
    color: #f6b32b
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li i {
    display: block;
    width: 86px;
    height: 86px
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li:first-child i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/bp5.9823ab9b.png) 20px no-repeat
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li:nth-child(2) i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/bp10.85a3a4e6.png) 8px no-repeat
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li:nth-child(3) i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/bp50.2f2e2609.png) 6px no-repeat
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li:nth-child(4) i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/bp450.4c2ba394.png) 2px no-repeat
}

.amountChoice_sp_pay_index__VPV_8 ul.amountChoice_sponsor_choice__GL9O0 li:nth-child(5) i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/bp.b07b3cda.png) 4px no-repeat
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_hint__hTYpU {
    width: 480px;
    font-size: 14px;
    color: #222;
    margin: 40px auto 0
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_hint__hTYpU em {
    font-weight: 700;
    font-style: normal;
    padding: 0 5px;
    color: #f7b32c
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_hint__hTYpU .amountChoice_sponsor_point__ScVz4 {
    margin: 10px 0 0;
    font-size: 12px;
    color: #6d757a
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_hint__hTYpU .amountChoice_sponsor_point__ScVz4 em {
    font-size: 14px;
    color: #f7b32c
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_btn__J2H3j {
    width: 140px;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    background-color: #fff;
    color: #99a2aa;
    border: 1px solid #e5e9ef;
    padding: 0;
    margin-top: 30px;
    display: inline-block;
    vertical-align: middle;
    outline: none
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_btn__J2H3j:hover {
    color: #222;
    border-color: #222
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_btn_primary__AmAb1 {
    border-color: #f5b23d;
    background-color: #f5b23d;
    color: #fff
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_btn_primary__AmAb1:hover {
    color: #fff;
    border-color: #ffcb2e;
    background-color: #ffcb2e
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_btn_primary__AmAb1.amountChoice_disabled__yJ4k_ {
    border-color: #f4f5f7;
    background-color: #f4f5f7;
    color: #ccd0d7;
    cursor: not-allowed
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_btn_primary__AmAb1.amountChoice_disabled__yJ4k_:hover {
    border-color: #f4f5f7;
    background-color: #f4f5f7;
    color: #ccd0d7
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_agree__kn3k5 {
    position: relative;
    margin-top: 8px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #99a2aa
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_agree__kn3k5 i {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_normal.51a2bcef.svg);
    background-size: cover;
    display: inline-block;
    cursor: pointer
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_agree__kn3k5 i.amountChoice_agree__HTJr_ {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_selected.e6831a99.svg);
    background-size: cover
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_agree__kn3k5 label {
    position: relative;
    padding-left: 18px;
    padding-right: 10px;
    line-height: 16px
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_agree__kn3k5 a {
    color: #222
}

.amountChoice_sp_pay_index__VPV_8 .amountChoice_sponsor_agree__kn3k5 a:hover {
    color: #00a1d6
}

.dialog1080p_popup_1080p_wrapper__8XOGL {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10010;
    background-color: rgba(0, 0, 0, .3)
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac {
    position: relative;
    width: 400px;
    border-radius: 4px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    background-color: #fff;
    padding: 36px 0
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac.dialog1080p_popup_1080_enter_active__YuTZ3 {
    animation: dialog1080p_popup-bounce-in__3LEsG .5s
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac.dialog1080p_popup_1080_leave_active__LXS09 {
    animation: dialog1080p_popup-bounce-out__ZvRDM .3s
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_close__LxarQ {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    top: 13px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
    color: #999
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_close__LxarQ:hover {
    color: #00a1d6
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_title__Vwg2U {
    text-align: center;
    font-size: 20px;
    height: 26px;
    color: #222;
    line-height: 1
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_desc__EjG8d {
    margin-top: 8px;
    color: #757575;
    font-size: 12px;
    line-height: 1.3;
    text-align: center
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_img__f4ZL3 {
    margin: 20px auto;
    width: 180px;
    height: 180px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/dialog-1080-fly.d8e0553e.png) 50% no-repeat
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_img__f4ZL3.dialog1080p_emptyPic__WAwSL {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/dialog-empty.0e8190f8.png) 50% no-repeat
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_btns__jIZhH {
    text-align: center;
    font-size: 14px
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_btns__jIZhH .dialog1080p_popup_btn__sjG03 {
    display: inline-block;
    vertical-align: top;
    width: 124px;
    height: 40px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #ffb000;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    margin: 0 10px
}

.dialog1080p_popup_1080p_wrapper__8XOGL .dialog1080p_popup_content__Cs1ac .dialog1080p_popup_btns__jIZhH .dialog1080p_popup_btn__sjG03+div {
    background-color: transparent;
    line-height: 38px;
    color: #757575;
    border: 1px solid #ccd0d7
}

@keyframes dialog1080p_popup-bounce-in__3LEsG {
    0% {
        transform: translateY(-50%) scale(0)
    }

    50% {
        transform: translateY(-50%) scale(1.2)
    }

    to {
        transform: translateY(-50%) scale(1)
    }
}

@keyframes dialog1080p_popup-bounce-out__ZvRDM {
    0% {
        transform: translateY(-50%) scale(1)
    }

    50% {
        transform: translateY(-50%) scale(1.2)
    }

    to {
        transform: translateY(-50%) scale(0)
    }
}

.dialogfreyabigmember_freya_big_member_dialog__mUtZU .dialogfreyabigmember_content__zhX0W {
    width: 360px;
    height: 276px;
    text-align: center;
    position: relative
}

.dialogfreyabigmember_freya_big_member_dialog__mUtZU .dialogfreyabigmember_content__zhX0W .dialogfreyabigmember_cover__M_5ch {
    background-image: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/ticket-index.d359cadd.png);
    background-repeat: no-repeat;
    background-size: 192px 108px;
    background-position: 50%;
    width: 192px;
    height: 108px;
    display: inline-block;
    margin-top: 20px
}

.dialogfreyabigmember_freya_big_member_dialog__mUtZU .dialogfreyabigmember_content__zhX0W .dialogfreyabigmember_title__1x36E {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 26px;
    margin-top: 20px
}

.dialogfreyabigmember_freya_big_member_dialog__mUtZU .dialogfreyabigmember_content__zhX0W .dialogfreyabigmember_desc__AiZFR {
    margin-top: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 20px
}

.dialogfreyabigmember_freya_big_member_dialog__mUtZU .dialogfreyabigmember_content__zhX0W .dialogfreyabigmember_btn___XHp3 {
    width: 140px;
    height: 40px;
    background: #00a1d6;
    border-radius: 2px;
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    margin-top: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DialogCollect_dialogWrap__Qx9I3 {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10030
}

.DialogCollect_dialogMask__suuLL {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8)
}

.DialogCollect_dialogContent__4z7wX {
    position: absolute;
    width: 420px;
    background: var(--bg1_float);
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.DialogCollect_title__DeI_1 {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: var(--text1);
    border-bottom: var(--line_regular);
    text-align: center
}

.DialogCollect_close__Mk_Id {
    position: absolute;
    right: 20px;
    line-height: 50px;
    width: 12px;
    height: 50px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/ic_close.7af32f7b.png) no-repeat 50%;
    cursor: pointer
}

.DialogCollect_content__lBPfq {
    padding: 0 36px;
    height: 300px;
    overflow: auto
}

.DialogCollect_content__lBPfq .DialogCollect_info__3MZ6L {
    font-size: 12px;
    color: var(--text3);
    margin: 14px 0
}

.DialogCollect_content__lBPfq .DialogCollect_info__3MZ6L .DialogCollect_uname__dNGTo {
    color: var(--text2)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc {
    max-height: 300px;
    padding-bottom: 14px
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc ul {
    position: relative;
    margin-top: 24px;
    min-height: 210px
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc ul .DialogCollect_collectionMask__L_ffO {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: var(--bg1_float)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li {
    padding-bottom: 24px;
    font-size: 14px;
    color: var(--text1);
    cursor: pointer
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li label {
    cursor: pointer;
    display: block
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li label .DialogCollect_personal__Qwz98,
.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li label.DialogCollect_disable__4IzDB,
.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li label.DialogCollect_disable__4IzDB:hover {
    color: var(--text3)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li label.DialogCollect_disable__4IzDB input[type=checkbox]+i,
.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li label.DialogCollect_disable__4IzDB input[type=checkbox]:hover+i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_disable.aa2f9563.png)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li label .DialogCollect_count__M_8SN {
    float: right;
    color: var(--text2);
    font-size: 12px
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li input[type=checkbox] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    vertical-align: middle;
    display: none
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li input[type=checkbox]+i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_normal.8c6d86c0.png)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li input[type=checkbox]:hover+i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_hover.eafb50cc.png)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li input[type=checkbox]:checked+i,
.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li input[type=checkbox]:checked:hover+i {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/checkbox_selected.b1547921.png)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li .DialogCollect_favTitle___qZXp {
    max-width: 220px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc li:hover {
    color: var(--brand_blue)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 {
    margin-bottom: 5px;
    width: 348px
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 .DialogCollect_addBtn__DnCGT {
    height: 34px;
    line-height: 34px;
    padding: 0 34px;
    border: 1px solid var(--text3);
    border-radius: 4px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/add.698c9e77.png) no-repeat 10px;
    font-size: 12px;
    color: var(--text2);
    cursor: pointer
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 .DialogCollect_addBtn__DnCGT:hover {
    border: 1px solid var(--brand_blue)
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 .DialogCollect_favAddTip__9JVgT {
    display: inline-flex;
    align-items: center;
    height: 40px;
    position: absolute;
    top: -52px;
    padding: 0 10px;
    border-radius: 4px;
    color: var(--text_white);
    background: var(--brand_blue);
    font-size: 12px
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 .DialogCollect_favAddTip__9JVgT .DialogCollect_iconClose__sqDKo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    color: var(--text_white);
    width: 16px;
    height: 16px
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 .DialogCollect_favAddTip__9JVgT:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 60px;
    border-style: solid;
    border-width: 6px 7px 0;
    border-color: var(--brand_blue) transparent transparent transparent
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 .DialogCollect_inputGroup__n_SIX {
    height: 34px;
    line-height: 34px;
    border: 1px solid var(--brand_blue);
    border-radius: 4px;
    position: relative
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 .DialogCollect_inputGroup__n_SIX input {
    border: none;
    font-size: 12px;
    width: 200px;
    margin-left: 10px;
    padding: 0;
    box-shadow: none;
    height: 100%;
    background: transparent;
    color: var(--text1);
    outline: none
}

.DialogCollect_content__lBPfq .DialogCollect_groupList__msAqc .DialogCollect_addGroup__qOaV9 .DialogCollect_inputGroup__n_SIX .DialogCollect_submit__HrOUm {
    float: right;
    height: 34px;
    width: 90px;
    background: #d9f1f9;
    border: none;
    border-left: 1px solid var(--brand_blue);
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    color: var(--brand_blue);
    cursor: pointer
}

.DialogCollect_content__lBPfq::-webkit-scrollbar {
    width: 6px
}

.DialogCollect_content__lBPfq::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #999
}

.DialogCollect_bottom___OwHH {
    height: 76px;
    text-align: center;
    margin: 0 36px;
    border-top: 1px solid var(--line_regular)
}

.DialogCollect_bottom___OwHH .DialogCollect_btn__VErcg {
    font-size: 14px;
    width: 160px;
    height: 40px;
    margin-top: 18px;
    background: var(--brand_blue);
    border: none;
    border-radius: 4px;
    color: var(--text_white);
    cursor: pointer
}

.DialogCollect_bottom___OwHH .DialogCollect_btn__VErcg:hover {
    background: #00b8f6
}

.DialogCollect_bottom___OwHH .DialogCollect_btn__VErcg.DialogCollect_disable__4IzDB {
    background-color: var(--graph_bg_thick);
    color: var(--text3)
}

.DialogPhone_dialogWrap__OHwuV {
    position: fixed;
    width: 100%;
    height: 150%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 10030;
    top: 0;
    left: 0
}

.DialogPhone_dialogContent__7J9JK {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--line_light);
    color: var(--text1);
    background: var(--bg1_float);
    width: 420px;
    border-radius: 2px;
    z-index: 20;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14)
}

.DialogPhone_title__6Md_O {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: var(--text1);
    border-bottom: 1px solid var(--line_regular);
    text-align: center
}

.DialogPhone_title__6Md_O .DialogPhone_close__84X_q {
    position: absolute;
    right: 20px;
    line-height: 50px;
    width: 12px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/ic_close.7af32f7b.png) no-repeat 50%;
    cursor: pointer
}

.DialogPhone_appLook__snygB {
    padding: 30px 20px
}

.DialogPhone_appLook__snygB .DialogPhone_it__sPoZv {
    display: flex
}

.DialogPhone_appLook__snygB .DialogPhone_it__sPoZv .DialogPhone_qrcode__2bLpF {
    width: 100px;
    height: 100px;
    flex: none;
    background: #eee
}

.DialogPhone_appLook__snygB .DialogPhone_it__sPoZv .DialogPhone_epTitle__9ivc6 {
    font-size: 14px;
    margin-left: 15px;
    line-height: 22px;
    white-space: normal
}

.DialogPhone_footTxt__IQrXd {
    text-align: center;
    line-height: 20px;
    margin-top: 20px;
    font-size: 14px
}

.DialogPhone_footTxt__IQrXd a {
    color: var(--brand_blue)
}

.numberListItem_number_list_item__T2VKO {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 6px;
    margin-right: calc(20% - 56px);
    margin-bottom: calc(20% - 56px);
    background-color: var(--bg1);
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 4px;
    border: 1px solid transparent
}

@media screen and (min-width:1680px) {
    .numberListItem_number_list_item__T2VKO {
        margin-right: calc(16.65% - 56px);
        margin-bottom: calc(16.65% - 56px)
    }
}

.numberListItem_number_list_item__T2VKO>a {
    line-height: 56px;
    text-align: center
}

.numberListItem_number_list_item__T2VKO:hover {
    background-color: var(--brand_blue_thin);
    border: 1px solid var(--brand_blue)
}

.numberListItem_number_list_item__T2VKO:hover .numberListItem_title__LNXrS {
    color: var(--brand_blue)
}

.numberListItem_number_list_item__T2VKO.numberListItem_select__WgCVr {
    background-color: #00a1d6;
    color: #fff
}

.numberListItem_number_list_item__T2VKO.numberListItem_select__WgCVr .numberListItem_title__LNXrS {
    color: #fff
}

.numberListItem_title__LNXrS {
    display: block;
    font-size: 16px;
    color: #222;
    font-family: xx-bin, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.numberListItem_badge__Ex_1n {
    border-radius: 0 6px;
    position: absolute;
    top: -1px;
    right: -1px;
    padding: 0 3px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background-color: #999
}

.numberList_wrapper___SI4W {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 6px 10px 6px 16px;
    overflow-y: auto;
    max-height: 350px
}

.numberList_wrapper___SI4W::-webkit-scrollbar-track {
    background: transparent
}

.numberList_wrapper___SI4W::-webkit-scrollbar {
    width: 4px;
    background: transparent
}

.numberList_wrapper___SI4W::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--text4)
}

.numberList_wrapper___SI4W a {
    width: 100%;
    height: 100%
}

.longListItem_wrap__tblNH {
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    padding: 0 6px;
    border-radius: 4px;
    overflow: hidden;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.longListItem_wrap__tblNH>a {
    display: flex;
    align-items: center;
    height: 30px
}

.longListItem_wrap__tblNH.longListItem_select__Lg0cH,
.longListItem_wrap__tblNH:hover {
    background-color: #fff
}

.longListItem_wrap__tblNH.longListItem_select__Lg0cH .longListItem_title__KfHD2 {
    color: var(--brand_blue)
}

.longListItem_wrap__tblNH .longListItem_title__KfHD2 {
    font-size: 14px;
    line-height: 30px;
    flex: 1 1;
    color: var(--text1);
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-right: 10px
}

.longListItem_wrap__tblNH .longListItem_badge__xUBF9 {
    padding: 0 4px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px
}

.longList_wrap__ArXqD {
    flex-direction: column;
    position: relative;
    max-height: 175px;
    padding: 1px 10px 6px;
    overflow-y: auto;
    box-sizing: initial
}

.longList_wrap__ArXqD::-webkit-scrollbar-track {
    background: transparent
}

.longList_wrap__ArXqD::-webkit-scrollbar {
    width: 4px;
    background: transparent
}

.longList_wrap__ArXqD::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--text4)
}

.longList_longlist__BNYJA {
    max-height: 305px
}

.modeChangeBtn_wrap__xihUg {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.modeChangeBtn_wrap__xihUg .modeChangeBtn_icon__SErbW {
    fill: var(--text2)
}

.modeChangeBtn_wrap__xihUg .modeChangeBtn_icon__SErbW:hover {
    fill: var(--brand_blue)
}

.methodQrCode_container__Vf3hR {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px
}

.methodQrCode_vipPriceWrap__eZsto .methodQrCode_vipLabel__oXMZ1 {
    padding-right: 2px;
    color: var(--brand_pink)
}

.methodQrCode_vipPriceWrap__eZsto .methodQrCode_vipPrice__mjlm_ {
    font-size: 28px;
    font-weight: 700;
    color: var(--brand_pink)
}

.methodQrCode_vipPriceWrap__eZsto .methodQrCode_vipPriceUnit__lOqCt {
    padding-left: 2px;
    color: var(--brand_pink);
    font-weight: 700
}

.methodQrCode_vipPriceWrap__eZsto .methodQrCode_originPrice__hbVSD {
    padding-left: 2px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: var(--text3)
}

.methodQrCode_originPriceWrap__6MID_ .methodQrCode_originLabel__Jf_JI {
    padding-right: 4px;
    color: var(--text3)
}

.methodQrCode_originPriceWrap__6MID_ .methodQrCode_originPrice__hbVSD {
    font-size: 28px;
    font-weight: 700;
    color: var(--brand_pink)
}

.methodQrCode_originPriceWrap__6MID_ .methodQrCode_originPriceUnit__Nk48s {
    padding-left: 2px;
    color: var(--brand_pink);
    font-weight: 700
}

.methodQrCode_scanDesc__7Ypj0 {
    display: flex;
    align-items: center;
    margin-top: 4px;
    color: var(--text3);
    line-height: 20px;
    padding-bottom: 16px
}

.methodQrCode_scanDesc__7Ypj0 .methodQrCode_scanDescIcon__3gh0W {
    margin-left: 4px;
    height: 20px;
    width: 72px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/pay-method-icon.33571125.png) no-repeat;
    background-size: 100%
}

.methodQrCode_qrCodeWrap__AEHyw {
    position: relative;
    width: 122px;
    height: 122px;
    background: #fff;
    border: 1px solid #e3e5e7;
    flex-shrink: 0
}

.methodQrCode_qrCodeWrap__AEHyw>canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.methodQrCode_qrCodeWrap__AEHyw .methodQrCode_qrcodeExpire__ek7UV {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff
}

.methodQrCode_qrCodeWrap__AEHyw .methodQrCode_qrcodeExpireTip__QUJmP {
    font-size: 14px;
    line-height: 20px
}

.methodQrCode_qrCodeWrap__AEHyw .methodQrCode_qrcodeExpireBtn__3JFp4 {
    margin-top: 8px;
    width: 56px;
    height: 28px;
    background: var(--brand_pink);
    border-radius: 32px;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.methodBCoin_content__xOuWB {
    font-size: 14px
}

.methodBCoin_bCoinPriceWrap__hT1g7 {
    display: flex;
    align-items: baseline
}

.methodBCoin_bCoinPriceWrap__hT1g7 .methodBCoin_originLable__Jp2ih {
    color: var(--text3);
    line-height: 20px
}

.methodBCoin_bCoinPriceWrap__hT1g7 .methodBCoin_vipLable__WX9Il {
    color: var(--brand_pink);
    line-height: 20px
}

.methodBCoin_bCoinPriceWrap__hT1g7 .methodBCoin_bCoinIcon__CskF_ {
    margin: 0 4px;
    width: 24px;
    height: 24px
}

.methodBCoin_bCoinPriceWrap__hT1g7 .methodBCoin_bCoinPrice__3POM6 {
    margin-left: 4px;
    font-size: 28px;
    font-weight: 700;
    color: var(--brand_pink);
    padding-left: 28px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/pay-bcoin-icon.76d79829.png) 0 no-repeat;
    background-size: 24px 24px
}

.methodBCoin_bCoinPriceWrap__hT1g7 .methodBCoin_vipPriceUnit__UyCAY {
    padding-left: 2px;
    color: var(--brand_pink);
    font-weight: 700
}

.methodBCoin_bCoinPriceWrap__hT1g7 .methodBCoin_originPrice__KZ4jb {
    padding-left: 4px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: var(--text3)
}

.methodBCoin_bCoinPriceWrap__hT1g7 .methodBCoin_bCoinPriceUnit__KqJPP {
    padding-left: 2px;
    font-weight: 700;
    color: var(--brand_pink)
}

.methodBCoin_bCoinInfoWrap__JVjzf {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px
}

.methodBCoin_bCoinInfoWrap__JVjzf .methodBCoin_bCoinInfo__84FSW {
    line-height: 20px
}

.methodBCoin_bCoinInfoWrap__JVjzf .methodBCoin_bCoinBalanceLabel__MbSle {
    color: #61666d
}

.methodBCoin_bCoinInfoWrap__JVjzf .methodBCoin_bCoinBalanceValue__fbiUg {
    color: var(--brand_pink)
}

.methodBCoin_bCoinInfoWrap__JVjzf .methodBCoin_bCoinTip__EqnZ3 {
    margin-top: 4px;
    color: var(--text3);
    line-height: 16px
}

.methodBCoin_bCoinInfoWrap__JVjzf .methodBCoin_payBtn__YJVAo {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px;
    background: var(--brand_pink);
    cursor: pointer;
    color: #fff
}

.payStatus_container__d1B76 {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.payStatus_title__ftyK8 {
    color: var(--text1);
    font-size: 18px;
    line-height: 29px;
    font-weight: 500
}

.payStatus_subtitle__kxY86 {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #61666d
}

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

.payStatus_btnWrap__BGnf_ .payStatus_btn__8NvlW {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.payStatus_btnWrap__BGnf_ .payStatus_btnLeft__F27Of {
    background: var(--brand_pink);
    border: 1px solid var(--brand_pink)
}

.payStatus_btnWrap__BGnf_ .payStatus_btnRight__f2HCM {
    margin-left: 16px;
    background: #fff;
    border: 1px solid #e3e5e7;
    color: #61666d
}

.payMethod_container__J2Aj4 {
    display: flex;
    flex-direction: column;
    width: 386px;
    height: 207px;
    border-radius: 8px;
    background: #f6f7f8;
    border: 1px solid #e3e5e7;
    overflow: hidden
}

.payMethod_tabHeader__ZC9E3 {
    display: flex;
    height: 40px
}

.payMethod_tabContent__kENLC {
    flex: 1 1;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.payMethod_tabDefault__VdghR {
    width: 50%;
    height: 100%;
    background: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: var(--text3);
    font-weight: 400;
    cursor: pointer;
    border-radius: 0 0 8px 8px
}

.payMethod_tabActived__fr6l9 {
    color: var(--brand_pink);
    font-weight: 600;
    background: #f6f7f8
}

.payMethod_tabBorderRadiusLeftNone__kRWj7 {
    border-bottom-left-radius: 0
}

.payMethod_tabBorderRadiusRightNone__py7o9 {
    border-bottom-right-radius: 0
}

.payDialog_payDialogV2__jW5CB {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10030
}

.payDialog_payDialogV2__jW5CB .payDialog_dialogMask__l4vOG {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8)
}

.payDialog_payDialogV2__jW5CB .payDialog_dialogContent__bjM_s {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 20px;
    transform: translate(-50%, -50%);
    width: 591px;
    height: 316px;
    border-radius: 10px;
    z-index: 1001;
    background: #fff url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/content-bg.cffac3f6.png) no-repeat top;
    background-size: 100%
}

.payDialog_payDialogV2__jW5CB .payDialog_closeIcon__LQXuG {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/close-dialog-icon.7ec32524.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.payDialog_payDialogV2__jW5CB .payDialog_headerTitle__z0MRV {
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    color: var(--text1);
    margin-bottom: 4px
}

.payDialog_payDialogV2__jW5CB .payDialog_headerSubtitle__STDlI {
    font-size: 13px;
    line-height: 16px;
    color: var(--brand_pink)
}

.payDialog_payDialogV2__jW5CB .payDialog_content__GU4Pf {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.payDialog_payDialogV2__jW5CB .payDialog_epImage__NNEdK {
    width: 155px;
    height: 207px;
    border-radius: 8px;
    overflow: hidden
}

.couponDialog_couponDialog__gFMry {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10030
}

.couponDialog_couponDialog__gFMry .couponDialog_dialogMask__z8DRd {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8)
}

.couponDialog_couponDialog__gFMry .couponDialog_dialogContent__a8IEo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    border-radius: 10px;
    z-index: 1001;
    background: #fff url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/content-bg.5ad07ad5.png) no-repeat top;
    background-size: 100%
}

.couponDialog_couponDialog__gFMry .couponDialog_closeIcon__tFp_s {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/close-dialog-icon.7ec32524.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.couponDialog_header__Hk9ri {
    padding: 22px 24px 0
}

.couponDialog_header__Hk9ri .couponDialog_title__nbkvN {
    width: 230px;
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--text1)
}

.couponDialog_header__Hk9ri .couponDialog_subtitle___K6LR {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #757575
}

.couponDialog_content__f_pE_ {
    padding: 0 24px;
    margin-top: 22px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.couponDialog_content__f_pE_ .couponDialog_couponItem__o3lTo {
    position: relative;
    display: flex;
    width: 352px;
    height: 76px;
    margin-bottom: 10px
}

.couponDialog_content__f_pE_ .couponDialog_couponItemActived__2Hmx1 {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/coupon-bg-actived.dcd579a5.png) no-repeat;
    background-size: 100% 100%
}

.couponDialog_content__f_pE_ .couponDialog_couponItemDisabled__dlm_L {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/coupon-bg-disabled.7249918a.png) no-repeat;
    background-size: 100% 100%
}

.couponDialog_content__f_pE_ .couponDialog_couponTitle__M8Z_Y {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    padding: 0 6px;
    text-align: center
}

.couponDialog_content__f_pE_ .couponDialog_couponInfo__GPxeB {
    flex: 1 1;
    padding: 18px 12px
}

.couponDialog_content__f_pE_ .couponDialog_couponName__tYSGU {
    width: 220px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.couponDialog_content__f_pE_ .couponDialog_couponDesc__H2G6k {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
    color: #757575
}

.couponDialog_content__f_pE_ .couponDialog_selectIcon__chp3j {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer
}

.couponDialog_content__f_pE_ .couponDialog_selectIcon__chp3j:after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px
}

.couponDialog_content__f_pE_ .couponDialog_selectIconActived__MHFGB {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/icon-select-actived.2c34bfeb.png) no-repeat;
    background-size: 100%
}

.couponDialog_content__f_pE_ .couponDialog_selectIconDisabled__lTZ6Y {
    background: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/icon-select-disabled.2b8dab8a.png) no-repeat;
    background-size: 100%
}

.couponDialog_footer__5Dnd1 {
    display: flex;
    justify-content: space-between;
    padding: 18px 24px 24px
}

.couponDialog_footer__5Dnd1 .couponDialog_btn__xSZyF {
    width: 168px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--brand_pink);
    border-radius: 100px;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.couponDialog_footer__5Dnd1 .couponDialog_exchangeBtn__iy2QU {
    color: var(--brand_pink);
    background: #fff
}

.couponDialog_footer__5Dnd1 .couponDialog_toBeVipBtn__6KDsO {
    color: #fff;
    background: var(--brand_pink)
}

.quantity {
    position: relative;
    padding: 0 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    opacity: 0.8;
  }
  .quantity:hover {
    opacity: 1;
  }
  .quantity_item {
    padding: 5px 20px;
    font-weight: normal;
  }
  .quantity_item:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .quantity_item-active {
    color: var(--theme-color);
  }