.Header_header__1mCED {
    position: fixed;
    top: 0;
    z-index: 3;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    line-height: 56px;
    background: #000;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.Header_navbar-tool-btn-span__1_D-z i {
    display: inline-block;
    width: 20px;
    height: 12px;
    margin-left: 4px;
    vertical-align: -1px
}

.Header_header__1mCED .Header_header-logo__3LfNB {
    display: inline-block;
    margin-top: -4px;
    margin-right: 64px;
    line-height: 56px;
    opacity: 1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

    .Header_header__1mCED .Header_header-logo__3LfNB img {
        display: inline-block;
        width: 150px;
        vertical-align: middle
    }

.Header_header__1mCED .Header_header-logo-blue__1LHZm {
    top: 21px;
    left: 20px;
    height: 21px;
    margin-top: -4px;
    margin-right: 64px;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

    .Header_header__1mCED .Header_header-logo-blue__1LHZm img {
        display: inline-block;
        width: 150px;
        vertical-align: middle
    }

.Header_fa-caret-down__3_2Vk {
    display: inline-block;
    height: 7px;
    margin-left: 4px
}

.Header_header__1mCED .Header_abtn__wWhL0 {
    display: inline-block;
    height: 56px;
    padding: 0 18px;
    color: #fff;
    font-size: 15px;
    line-height: 56px;
    text-align: center;
    border: 0;
    cursor: pointer;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    moz-user-select: -moz-none
}

.Header_navbar-right__8N44m {
    position: relative;
    float: right
}

    .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ {
        position: relative;
        display: inline-block;
        cursor: pointer
    }

        .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ .Header_dropdown-menu-ht__1Qjc7 {
            position: absolute;
            top: 50px;
            right: 15px;
            padding: 1px;
            background-color: #000;
            border-radius: 0 0 4px 4px;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s
        }

            .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ .Header_dropdown-menu-ht__1Qjc7 li {
                width: 90px;
                height: 30px;
                padding: 0 6px;
                font-size: 14px;
                line-height: 30px;
                text-align: center;
                cursor: pointer
            }

                .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ .Header_dropdown-menu-ht__1Qjc7 li:hover {
                    background-color: #fff
                }

                    .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ .Header_dropdown-menu-ht__1Qjc7 li:hover a {
                        color: #000
                    }

                .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ .Header_dropdown-menu-ht__1Qjc7 li a {
                    color: #fff
                }

        .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ:hover .Header_dropdown-menu-ht__1Qjc7 {
            top: 56px;
            visibility: visible;
            opacity: 1
        }

    .Header_navbar-right__8N44m .Header_search-index__3nshJ {
        position: relative;
        display: inline-block;
        width: 256px;
        height: 30px;
        margin-right: 45px;
        color: #a2a2a2;
        line-height: 30px;
        text-align: center;
        background: #f2f2f2;
        border-radius: 50px;
        opacity: .5
    }

        .Header_navbar-right__8N44m .Header_search-index__3nshJ img {
            position: absolute;
            top: 7px;
            right: 20px;
            display: inline-block;
            width: 16px;
            height: 16px;
            cursor: pointer
        }

        .Header_navbar-right__8N44m .Header_search-index__3nshJ input {
            width: 200px;
            color: #a2a2a2;
            line-height: 12px;
            background: transparent;
            border: none;
            outline: medium
        }

.Header_header__1mCED .Header_navbar-right__8N44m .Header_TXimgBox__3yR7D {
    float: left;
    width: 34px;
    height: 34px;
    margin-top: 11px;
    margin-right: 12px;
    overflow: hidden;
    background: #979797;
    border-radius: 50%
}

    .Header_header__1mCED .Header_navbar-right__8N44m .Header_TXimgBox__3yR7D img {
        display: block;
        width: 100%;
        height: 100%
    }

.Header_darkStyle__2V6UX {
    background: #000;
    border-bottom: 1px solid #000;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

    .Header_darkStyle__2V6UX .Header_abtn__wWhL0 {
        color: hsla(0,0%,100%,.7)
    }

        .Header_darkStyle__2V6UX .Header_abtn__wWhL0:hover, .Header_darkStyle__2V6UX .Header_active__3PMsH {
            color: #fff
        }

    .Header_darkStyle__2V6UX .Header_header-logo__3LfNB {
        opacity: 1
    }

    .Header_darkStyle__2V6UX .Header_header-logo-blue__1LHZm {
        opacity: 0
    }

    .Header_darkStyle__2V6UX .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ {
        color: #fff
    }

    .Header_darkStyle__2V6UX .Header_dropdown-menu__1rFzt {
        color: #fff !important;
        background: rgba(0,0,0,.8);
        border: 1px solid rgba(0,0,0,.8)
    }

        .Header_darkStyle__2V6UX .Header_dropdown-menu__1rFzt li a {
            color: #fff !important
        }

        .Header_darkStyle__2V6UX .Header_dropdown-menu__1rFzt:before {
            border-color: transparent transparent rgba(0,0,0,.7) !important
        }

.Header_brightStyle__zUlLD {
    background: #fff;
    border-bottom: 1px solid #ccc;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

    .Header_brightStyle__zUlLD .Header_header-logo__3LfNB {
        opacity: 0
    }

    .Header_brightStyle__zUlLD .Header_header-logo-blue__1LHZm {
        opacity: 1
    }

    .Header_brightStyle__zUlLD .Header_abtn__wWhL0 {
        color: #333
    }

        .Header_brightStyle__zUlLD .Header_abtn__wWhL0:hover, .Header_brightStyle__zUlLD .Header_active__3PMsH {
            color: #38f
        }

    .Header_brightStyle__zUlLD .Header_navbar-right__8N44m .Header_dropdown-toggle__2aEDJ {
        color: #333
    }

    .Header_brightStyle__zUlLD .Header_dropdown-menu__1rFzt {
        color: #333 !important;
        background: #fff;
        border: 1px solid #fff
    }

        .Header_brightStyle__zUlLD .Header_dropdown-menu__1rFzt li a {
            color: #333 !important
        }

        .Header_brightStyle__zUlLD .Header_dropdown-menu__1rFzt:before {
            border-color: transparent transparent hsla(0,0%,100%,.1) !important
        }

.Footer_footer__22y9A {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    font-size: 12px
}

.Footer_copy__3_Skm {
    position: relative;
    color: #999;
    text-align: center
}

.Footer_color-matching-white__1qW21 {
    padding-top: 40px;
    background: #3b3d4a
}

    .Footer_color-matching-white__1qW21:after {
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: #e3e3e3;
        content: ""
    }

    .Footer_color-matching-white__1qW21 .Footer_copy-link__2kSU8, .Footer_color-matching-white__1qW21 p {
        color: #797d8a !important
    }

.Footer_copy-link__2kSU8:hover {
    text-decoration: underline
}

.Footer_color-matching-white__1qW21 .Footer_btn__2teDQ {
    line-height: 23px !important
}

.Footer_footer-meun__3KYm4 {
    position: relative;
    left: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin-left: -600px
}

.Footer_footer-meun-list__2wwp3 {
    position: relative;
    margin-bottom: 20px;
    margin-left: -16px;
    color: #fff;
    font-size: 16px;
    text-align: left
}

    .Footer_footer-meun-list__2wwp3 li {
        position: relative;
        display: inline-block;
        padding: 0 16px;
        list-style-type: none;
        cursor: pointer
    }

        .Footer_footer-meun-list__2wwp3 li a {
            color: #fff
        }

        .Footer_footer-meun-list__2wwp3 li:hover a {
            color: #f77132
        }

        .Footer_footer-meun-list__2wwp3 li:after {
            position: absolute;
            top: 4px;
            right: -1px;
            width: 1px;
            height: 14px;
            font-size: 16px;
            background: #797d8a;
            content: ""
        }

        .Footer_footer-meun-list__2wwp3 li:last-child:after {
            display: none;
            content: ""
        }

.Footer_footer-meun-info__2xcuQ {
    width: 720px
}

    .Footer_footer-meun-info__2xcuQ .Footer_footer-info-title__2JZ4P {
        display: block;
        margin: 10px 0;
        color: #797d8a;
        font-size: 16px;
        text-align: left
    }

    .Footer_footer-meun-info__2xcuQ .Footer_footer-info-text__31yM1 {
        display: block;
        color: #797d8a;
        font-size: 14px;
        text-align: left
    }

        .Footer_footer-meun-info__2xcuQ .Footer_footer-info-text__31yM1 img {
            width: 14px;
            height: 14px;
            margin-right: 8px
        }

.Footer_color-matching-white__1qW21 .Footer_copy__3_Skm {
    margin-bottom: 0;
    padding-top: 24px;
    border-top: 1px solid #47475a
}

.Footer_footer-link-box__1KgyN {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: visible
}

.Footer_footer-link-item__2X7sB {
    position: relative;
    float: left;
    width: 120px;
    margin-right: 20px
}

    .Footer_footer-link-item__2X7sB:last-child {
        margin-right: 0
    }

.Footer_footer-link-box__1KgyN img {
    display: block;
    width: 120px;
    height: 120px
}

.Footer_footer-link-box__1KgyN span {
    position: relative;
    top: 16px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.Footer_gray-border-btn__2T8WY {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 12px;
    color: #797d8a;
    text-align: center;
    border: 1px solid #797d8a;
    border-radius: 3px;
    border-radius: 50px;
    cursor: pointer
}

    .Footer_gray-border-btn__2T8WY:hover {
        color: #38f;
        border: 1px solid #38f
    }

.AdvCard_future-modules__1TaUw {
    overflow: hidden
}

.AdvCard_future-item__OxZfs {
    float: left;
    width: 213px;
    height: 185px;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 14px;
    cursor: pointer
}

    .AdvCard_future-item__OxZfs:nth-child(2n) {
        margin-right: 0
    }

    .AdvCard_future-item__OxZfs a {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(54,58,77,.8);
        -webkit-box-shadow: 0 0 0 #000;
        box-shadow: 0 0 0 #000;
        -webkit-transition: all .15s;
        -moz-transition: all .15s;
        transition: all .15s
    }

    .AdvCard_future-item__OxZfs:hover a {
        -webkit-box-shadow: 1px 1px 6px 5px rgba(0,0,0,.36);
        box-shadow: 1px 1px 6px 5px rgba(0,0,0,.36);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        transform: translateY(-2px)
    }

.AdvCard_future-banner__2a6Ko {
    position: relative;
    width: 100%;
    height: 132px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer
}

.AdvCard_future-tip-text__1oloR {
    position: relative;
    top: 15px;
    display: inline-block;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    background: #222
}

.AdvCard_future-title-index__3Xkel {
    display: block;
    margin-top: 11px;
    padding: 0 6px;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis
}

.AdvCard_future-msg__2w9gu {
    display: block;
    color: hsla(0,0%,100%,.54);
    font-size: 12px;
    line-height: 22px;
    text-align: center
}

.LatestHold_latest-hold__16e5c {
    padding-bottom: 24px;
    background: #f2f3f4 url(/yunxuanjianghui/static/image/latest_bg.png) repeat-x 0/cover
}

    .LatestHold_latest-hold__16e5c .LatestHold_latest-hold-title__24iTb {
        position: relative;
        margin: 0 auto;
        color: #222;
        font-size: 20px;
        line-height: 76px;
        text-align: center
    }

        .LatestHold_latest-hold__16e5c .LatestHold_latest-hold-title__24iTb:before {
            position: absolute;
            top: 50%;
            right: 37%;
            width: 80px;
            height: 1px;
            background-color: #c2c2c2;
            content: ""
        }

        .LatestHold_latest-hold__16e5c .LatestHold_latest-hold-title__24iTb:after {
            position: absolute;
            top: 50%;
            left: 37%;
            width: 80px;
            height: 1px;
            background-color: #c2c2c2;
            content: ""
        }

    .LatestHold_latest-hold__16e5c .LatestHold_recent-page-box__2suHp {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .LatestHold_latest-hold__16e5c .LatestHold_relative-box__1DTEX {
        position: relative;
        width: 100%;
        height: 100%
    }

    .LatestHold_latest-hold__16e5c .LatestHold_swiper-item__SFuzq {
        position: relative;
        float: left;
        width: 200px;
        height: 226px;
        margin-right: 50px;
        background-color: #fff
    }

        .LatestHold_latest-hold__16e5c .LatestHold_swiper-item__SFuzq:hover .LatestHold_swiper-item-content__2AggK {
            display: block
        }

        .LatestHold_latest-hold__16e5c .LatestHold_swiper-item__SFuzq:last-child {
            margin: 0
        }

        .LatestHold_latest-hold__16e5c .LatestHold_swiper-item__SFuzq .LatestHold_index-srcoll-logo__ryrGz {
            position: relative;
            /* display: block; */
            /* width: 80px; */
            /* height: 80px; */
            /* margin: 0 auto 16px; */
            max-width: 100%;
            max-height: 100%;
            vertical-align: middle;
        }

        .LatestHold_latest-hold__16e5c .LatestHold_swiper-item__SFuzq .LatestHold_index-srcoll-title__2I_sa {
            position: relative;
            display: -webkit-box;
            width: 100%;
            padding: 0 20px;
            overflow: hidden;
            color: #333;
            font-size: 14px;
            line-height: 22px;
            text-align: center;
            text-overflow: ellipsis;
            word-wrap: break-word;
            word-break: break-all;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2
        }

        .LatestHold_latest-hold__16e5c .LatestHold_swiper-item__SFuzq .LatestHold_index-srcoll-time__1pLk0 {
            position: absolute;
            right: 0;
            bottom: 32px;
            left: 0;
            display: block;
            margin: auto;
            color: #fa7e31;
            font-size: 14px;
            line-height: 22px;
            text-align: center
        }

        .LatestHold_latest-hold__16e5c .LatestHold_swiper-item__SFuzq .LatestHold_index-srcoll-item__X_cbg {
            position: relative;
            height: 100%;
            padding: 24px 18px 32px
        }

        .LatestHold_latest-hold__16e5c .LatestHold_swiper-item__SFuzq .LatestHold_swiper-item-content__2AggK {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
            width: 100%;
            height: 100%;
            line-height: 226px;
            text-align: center;
            background: rgba(47,49,65,.85);
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s
        }

    .LatestHold_latest-hold__16e5c .LatestHold_blue-btn__1WpqS {
        display: inline-block;
        height: 32px;
        padding: 0 10px;
        color: #fff;
        line-height: 32px;
        text-align: center;
        background: #38f;
        border-radius: 1px;
        cursor: pointer
    }

        .LatestHold_latest-hold__16e5c .LatestHold_blue-btn__1WpqS:hover {
            color: #fff;
            background: #006aff
        }

.LiveCard_live-card__3yVUp {
    display: -moz-box;
    display: flex;
    float: left;
    margin-top: 20px;
    margin-left: 24px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

    .LiveCard_live-card__3yVUp:hover {
        -webkit-box-shadow: 0 0 18px hsla(0,0%,66.7%,.69);
        box-shadow: 0 0 18px hsla(0,0%,66.7%,.69);
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    .LiveCard_live-card__3yVUp .LiveCard_hot-live-box__3pTvk {
        position: relative;
        top: 0;
        flex-shrink: 0;
        float: left;
        width: 282px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 1px #eee;
        box-shadow: 0 1px 1px #eee;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s
    }

    .LiveCard_live-card__3yVUp:nth-child(4n) {
        margin-right: 0
    }

    .LiveCard_live-card__3yVUp .LiveCard_hot-img-group__3797T {
        position: relative;
        display: block;
        width: 100%;
        height: 118px
    }

    .LiveCard_live-card__3yVUp .LiveCard_index-caption-info__21qiL {
        position: relative;
        display: block;
        padding: 15px 20px;
        color: #b8b8bc;
        font-size: 13px
    }

    .LiveCard_live-card__3yVUp .LiveCard_color-333__29msH {
        color: #333
    }

    .LiveCard_live-card__3yVUp .LiveCard_index-caption-info__21qiL span {
        line-height: 24px
    }

    .LiveCard_live-card__3yVUp .LiveCard_index-list-play__3FUm- {
        position: absolute;
        top: 22px;
        right: 16px;
        width: 36px;
        height: 36px;
        background: url(/yunxuanjianghui/static/image/play-border-img-h.png) no-repeat 50%/cover;
        cursor: pointer;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s
    }

        .LiveCard_live-card__3yVUp .LiveCard_index-list-play__3FUm-:hover {
            background: url(/yunxuanjianghui/static/image/play-border-img.png) no-repeat 50%/cover
        }

        .LiveCard_live-card__3yVUp .LiveCard_index-list-play__3FUm- img {
            position: absolute;
            width: 36px;
            height: 36px;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s
        }

    .LiveCard_live-card__3yVUp .LiveCard_hot-img-box__20NjO {
        position: relative;
        z-index: 3;
        width: 100%;
        height: 100%;
        background: transparent;
        cursor: pointer;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s
    }

        .LiveCard_live-card__3yVUp .LiveCard_hot-img-box__20NjO:hover {
            background: rgba(0,0,0,.2)
        }

    .LiveCard_live-card__3yVUp .LiveCard_hot-img-path__30M6v { 
        width: 64px;
        height: 64px;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

    .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d {
        position: relative;
        top: 23px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 187px;
        height: 64px;
        padding-left: 12px;
        overflow: hidden
    }

        .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d a, .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d a:active, .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d a:hover {
            color: #fff !important
        }

        .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d p {
            height: 48px;
            margin-bottom: 0;
            color: #fff !important;
            font-size: 16px
        }

        .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d .LiveCard_company-name__YTP5o, .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d p {
            display: block;
            overflow: hidden;
            text-shadow: 1px 1px 4px rgba(0,0,0,.7)
        }

            .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d .LiveCard_company-name__YTP5o span {
                float: left;
                max-width: 134px;
                overflow: hidden;
                color: hsla(0,0%,100%,.8) !important;
                font-size: 12px;
                white-space: nowrap;
                text-overflow: ellipsis
            }

        .LiveCard_live-card__3yVUp .LiveCard_hot-text-path__1LD8d span img {
            position: relative;
            float: left;
            width: 36px;
            height: 16px;
            margin-left: 5px
        }

    .LiveCard_live-card__3yVUp .LiveCard_hot-msg-box__2-S6A {
        position: relative;
        width: 100%;
        height: 78px
    }

    .LiveCard_live-card__3yVUp .LiveCard_hot-img-box-bg__3Jclb {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .LiveCard_live-card__3yVUp .LiveCard_hot-img-bg__1HQBQ {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        height: auto;
        margin: auto;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .LiveCard_live-card__3yVUp .LiveCard_color-bg__3ZzeB {
        position: absolute;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: red;
        opacity: .7
    }

    .LiveCard_live-card__3yVUp .LiveCard_hot-live-content-box__tNOxY {
        position: relative;
        width: 1232px;
        margin-left: -16px;
        overflow: hidden
    }

    .LiveCard_live-card__3yVUp .LiveCard_sign-watch__1fEot {
        position: absolute;
        top: 24px;
        right: 20px;
        display: inline-block;
        padding: 0 10px;
        color: #666;
        line-height: 30px;
        text-align: center;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        cursor: pointer
    }

        .LiveCard_live-card__3yVUp .LiveCard_sign-watch__1fEot:hover {
            color: #38f;
            border: 1px solid #38f
        }

    .LiveCard_live-card__3yVUp .LiveCard_section-index-list__3U5zq {
        position: relative;
        width: 306px;
        height: 196px;
        padding: 38px 20px 0;
        overflow: hidden;
        background: #f7f7f6;
        background: url(/yunxuanjianghui/static/image/live-card-bg.png) no-repeat 100%/contain;
        -webkit-box-shadow: 0 1px 1px #eee;
        box-shadow: 0 1px 1px #eee
    }

    .LiveCard_live-card__3yVUp .LiveCard_section-list-title__3xHC0 {
        position: absolute;
        top: 0;
        display: inline-block;
        width: 100%;
        height: 46px;
        padding-left: 16px;
        color: #333;
        font-size: 14px;
        line-height: 46px
    }

    .LiveCard_live-card__3yVUp .LiveCard_section-list-ul__WrmG1 {
        width: 100%;
        height: 100%;
        padding: 0 8px;
        overflow-y: scroll;
        font-size: 12px;
        list-style-type: none
    }

        .LiveCard_live-card__3yVUp .LiveCard_section-list-ul__WrmG1::-webkit-scrollbar {
            width: 3px;
            background-color: hsla(0,0%,96.1%,.5);
            border-radius: 2px
        }

        .LiveCard_live-card__3yVUp .LiveCard_section-list-ul__WrmG1::-webkit-scrollbar-thumb {
            width: 3px;
            background-color: rgba(0,0,0,.3);
            border-radius: 2px
        }

    .LiveCard_live-card__3yVUp .LiveCard_section-list-a__2ca5p {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .LiveCard_live-card__3yVUp .LiveCard_section-list-ul__WrmG1 li {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 6px;
        padding: 0 8px;
        line-height: 32px;
        background: #fff;
        border-radius: 3px;
        cursor: pointer;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s
    }

    .LiveCard_live-card__3yVUp .LiveCard_section-li__AJW4U:hover .LiveCard_section-list-text__2MKwt, .LiveCard_live-card__3yVUp .LiveCard_section-li__AJW4U:hover .LiveCard_section-list-time__wFe6U {
        color: #38f !important;
        -webkit-transform: translate(3px -3px);
        -moz-transform: translate(3px -3px);
        transform: translate(3px -3px)
    }

    .LiveCard_live-card__3yVUp .LiveCard_section-list-text__2MKwt {
        display: inline-block;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 74%;
        overflow: hidden;
        color: #666;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .LiveCard_live-card__3yVUp .LiveCard_section-list-time__wFe6U {
        display: inline-block;
        float: right;
        color: #999
    }

    .LiveCard_live-card__3yVUp .LiveCard_hot-point__3ZpFP {
        position: relative;
        top: 1px;
        display: none;
        width: 9px;
        height: 10px;
        margin-left: 2px;
        background-image: url(/yunxuanjianghui/static/image/hot-point.png)
    }

    .LiveCard_live-card__3yVUp .LiveCard_hot-item__15uaF .LiveCard_hot-point__3ZpFP {
        display: inline-block
    }

.HotLive_hot-live-list__MA-ZB {
    margin-left: -4px
}

.HotLive_live-list-content__10lhx {
    position: relative;
    max-height: 1300px;
    overflow: hidden
}

.HotLive_title-box__10VhT {
    padding: 0 20px
}

    .HotLive_title-box__10VhT .HotLive_title-box-bar__3LFKv {
        display: inline-block;
        float: left;
        height: 20px;
        margin-top: 0;
        border-right: 2px solid #38f;
        border-left: 2px solid #38f
    }

.HotLive_title-box-text__3JgIy {
    display: inline-block;
    padding-left: 12px;
    font-size: 20px;
    line-height: 20px
}

.HotLive_title-box__10VhT a {
    color: #666
}

.HotLive_grid-item__181A- {
    width: 282px;
    margin-top: 20px;
    padding-left: 24px
}

.HotLive_more-section__vPdVe {
    position: relative;
    top: 0;
    width: 282px;
    height: 200px;
    font-size: 16px;
    text-align: center;
    background: red;
    background: #f7f7f6;
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
    cursor: pointer;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

    .HotLive_more-section__vPdVe:hover {
        top: -4px;
        -webkit-box-shadow: 0 0 10px 1px rgba(123,126,197,.69);
        box-shadow: 0 0 10px 1px rgba(123,126,197,.69)
    }

    .HotLive_more-section__vPdVe .HotLive_more-text__b2BxE {
        position: relative;
        top: 71px;
        margin-right: 8px;
        color: #666;
        line-height: 24px
    }

.HotLive_more-jt__1rBGP {
    position: relative;
    top: 77px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(//assets.jrzp.com/yxj-ssr/public/images/more-jt.png)
}

.HotLive_index-more__N71Yh {
    position: relative;
    padding-right: 16px
}

    .HotLive_index-more__N71Yh:hover {
        color: #38f !important
    }

    .HotLive_index-more__N71Yh:after {
        position: absolute;
        right: 0;
        display: inline-block;
        width: 7px;
        height: 20px;
        background: url(//assets.jrzp.com/yxj-ssr/public/images/right.png) no-repeat 50%/contain;
        content: ""
    }

.HotLive_load-more__2ASN9 {
    margin-top: 40px;
    text-align: center
}

    .HotLive_load-more__2ASN9 a {
        display: inline-block;
        width: 296px;
        height: 40px;
        color: #3b85eb;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #3b85eb
    }

        .HotLive_load-more__2ASN9 a:hover {
            color: #fff;
            background: #3b85eb
        }

.VideoMask_live-video-mask__2G9Ks {
    position: absolute;
    top: 0;
    z-index: 90;
    width: 100%;
    height: 100%
}

    .VideoMask_live-video-mask__2G9Ks:after {
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        content: ""
    }

.VideoMask_live-container-contant__19K4Y {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 420px;
    height: 162px;
    margin-top: -81px;
    margin-left: -210px;
    padding-bottom: 50px;
    background: rgba(0,0,0,.7);
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 3px;
    -webkit-animation: VideoMask_opacity-one__2o9AW .5s 1;
    -moz-animation: VideoMask_opacity-one__2o9AW .5s 1;
    animation: VideoMask_opacity-one__2o9AW .5s 1
}

.VideoMask_live-container-img__37xe- {
    position: relative;
    top: 30px;
    left: 20px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 3px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center; 
    border: 1px solid #ddd;
    overflow: hidden;
    box-sizing: border-box; 
    border-radius: 3px;
    float: left;
    background: #fff;
}

    .VideoMask_live-container-img__37xe- img { 
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

.VideoMask_live-container-msg-box__SQw0z {
    width: 100%;
    height: 112px;
    display: block
}

.VideoMask_live-container-msg__3pReV {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 308px;
    height: 60px;
    overflow: hidden;
    white-space: nowrap
}

    .VideoMask_live-container-msg__3pReV .VideoMask_live-container-title__E2kpq {
        display: block;
        width: 100%;
        height: 23px;
        margin: 0;
        overflow: hidden;
        color: #fff !important;
        font-size: 16px;
        text-overflow: ellipsis
    }

    .VideoMask_live-container-msg__3pReV span {
        display: block;
        overflow: hidden;
        color: #bbb !important;
        font-size: 12px;
        text-overflow: ellipsis
    }

    .VideoMask_live-container-msg__3pReV .VideoMask_spacing__2YQAy {
        margin-top: 5px
    }

.VideoMask_live-container-countdown__2ZVcj {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: rgba(0,0,0,.7)
}

.VideoMask_countdown-box__3rhTW {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-animation: VideoMask_opacity-one__2o9AW .5s 1;
    -moz-animation: VideoMask_opacity-one__2o9AW .5s 1;
    animation: VideoMask_opacity-one__2o9AW .5s 1
}

.VideoMask_countdown-title__3xvUe {
    display: inline-block;
    width: 50px;
    margin: 0 12px 0 25px;
    padding-top: 8px;
    color: #bbb;
    font-size: 12px;
    text-align: center
}

.VideoMask_countdown-time__36esW {
    display: inline-block;
    height: 50px
}

    .VideoMask_countdown-time__36esW span {
        display: inline-block;
        color: #f76120;
        font-size: 30px
    }

.VideoMask_countdown-btn__1vLQx {
    position: absolute;
    top: 9px;
    right: 20px;
    padding: 0 14px;
    line-height: 32px
}

.VideoMask_countdown-time__36esW p {
    display: inline-block;
    margin: 0 3px 0 2px;
    color: #bbb;
    font-size: 12px
}

.VideoMask_jion-num__5MtPp, .VideoMask_watch-now__3j2F1 {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    font-size: 12px;
    line-height: 50px;
    opacity: .8
}

.VideoMask_watch-now__3j2F1 {
    position: absolute;
    right: 54px;
    cursor: pointer
}

.VideoMask_watchNow-btn__3xgkO {
    position: absolute;
    top: 7px;
    right: 20px;
    width: 36px;
    height: 36px;
    background-image: url(/yunxuanjianghui/static/image/xf-play.png);
    cursor: pointer;
    -webkit-animation: VideoMask_opacity-one__2o9AW 1.5s 1;
    -moz-animation: VideoMask_opacity-one__2o9AW 1.5s 1;
    animation: VideoMask_opacity-one__2o9AW 1.5s 1
}

    .VideoMask_watchNow-btn__3xgkO:hover {
        background-image: url(/yunxuanjianghui/static/image/xf-play-hover.png)
    }

.VideoMask_liveAccident-box__2BPHt, .VideoMask_liveSynthesis-box__2Xd_T {
    position: absolute;
    top: 0;
    opacity: 1
}

.VideoMask_liveBegin-box__DL90O {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.VideoMask_blue-btn__2itlk {
    display: inline-block;
    height: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background: #38f;
    border-radius: 3px;
    cursor: pointer
}

    .VideoMask_blue-btn__2itlk:hover {
        color: #fff;
        background: #006aff
    }

.homelivebox_live-box-left__2uZ_e {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 738px;
    height: 385px;
    padding-left: 52px
}

.homelivebox_live-box-index-num__2oKrv {
    position: absolute;
    top: 20px;
    left: 20px;
    float: left;
    width: 46px;
    margin-right: 6px
}

    .homelivebox_live-box-index-num__2oKrv span {
        display: inline-block;
        width: 100%;
        margin: 0 0 1px;
        color: #d3d4d6;
        font-size: 16px;
        line-height: 42px;
        text-align: center;
        background: rgba(54,58,77,.5);
        cursor: pointer
    }

.homelivebox_live-box-index-active__2y17x {
    color: #ec7445 !important
}

.homelivebox_live-box-index-num__2oKrv span:hover {
    color: #ec7445
}

.homelivebox_video-player__2ui90 {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.index_live-header__1ZgG9 {
    height: 500px
}

.index_live-box__31Uvk {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 20px 45px;
    background: #353640;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.index_box-index__xwzD8 {
    background: transparent
}

.index_live-tip-text__3OpjY {
    position: absolute;
    top: 20px;
    z-index: 91;
    display: inline-block;
    padding: 8px 12px;
    color: #fff;
    font-size: 14px;
    background: #38f
}

.index_live-box-right__2ACV1 {
    float: left;
    width: 442px;
    height: 385px;
    margin-left: 20px
}