@keyframes opacity_anim-data-v-46b5393b {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes opacity_anim-data-v-46b5393b {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes logo-anim-data-v-46b5393b {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes logo-anim-data-v-46b5393b {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

.fl[data-v-46b5393b] {
    float: left!important
}

.fr[data-v-46b5393b] {
    float: right!important
}

.clearfix[data-v-46b5393b]:after {
    display: block;
    content: ".";
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden
}

.el-time-spinner__wrapper[data-v-46b5393b] {
    vertical-align: middle;
    text-align: center
}

.el-time-panel__content[data-v-46b5393b]:before {
    top: 55.5%
}

.el-pagination[data-v-46b5393b] {
    text-align: center
}

#app .el-dialog[data-v-46b5393b] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.inner_bg[data-v-46b5393b] {
    background: url(/images/com_bg01.5de16d58.jpg) 100% 0 no-repeat;
    overflow: hidden
}

.clearfix[data-v-46b5393b]:after,.clearfix[data-v-46b5393b]:before {
    content: "";
    display: table
}

.banner-wrap img[data-v-46b5393b] {
    max-width: 100%
}

.ele-live-menu-wrap[data-v-46b5393b] {
    background: #232227;
    margin-bottom: 5px;
    padding: 2px 16px
}

.ele-live-menu-wrap ul li[data-v-46b5393b] {
    float: left;
    position: relative;
    width: 14.2%;
    min-width: 135px
}

.ele-live-menu-wrap ul li a[data-v-46b5393b] {
    display: block;
    line-height: 35px;
    font-size: 16px;
    color: #aaa;
    padding-left: 50px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ele-live-menu-wrap ul li a.current[data-v-46b5393b] {
    color: #ff7373
}

.ele-live-menu-wrap ul li a[data-v-46b5393b]:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 13px;
    width: 32px;
    height: 32px
}

.ellipsis[data-v-46b5393b] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.douji[data-v-46b5393b] {
    width: 100%;
    min-height: 820px;
    background: url(/images/bg.c757b09c.png) no-repeat;
    background-size: 100% 100%
}

.douji .douji-wrap[data-v-46b5393b] {
    width: calc(1300px/var(--Cardinality));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1300px;
    height: 100%;
    margin: 0 auto;
    -webkit-animation: sliderX .6s forwards;
    animation: sliderX .6s forwards
}

.douji .douji-wrap .info[data-v-46b5393b] {
    padding: 140px 0 0 60px;
    width: calc(468px/var(--Cardinality))
}

.douji .douji-wrap .info .s128[data-v-46b5393b] {
    width: calc(282px/var(--Cardinality))
}

.douji .douji-wrap .info .sub-title[data-v-46b5393b] {
    font-size: calc(65px/var(--Cardinality));
    font-weight: 700;
    color: #3a9ce8;
    text-shadow: 0 -2px 13px #fff;
    margin-top: 40px
}

.douji .douji-wrap .info .sub[data-v-46b5393b] {
    width: calc(408px/var(--Cardinality));
    font-size: calc(18px/var(--Cardinality));
    font-weight: 500;
    color: #3f577f;
    line-height: 30px;
    text-shadow: 0 -2px 13px #fff;
    margin: calc(40px/var(--Cardinality)) 0 calc(70px/var(--Cardinality)) 0
}

.douji .douji-wrap .info .btn[data-v-46b5393b] {
    background: url(/images/btn.af10efa7.png) 50%/cover no-repeat;
    background-size: 100% 100%;
    width: calc(270px/var(--Cardinality));
    height: calc(92px/var(--Cardinality));
    line-height: calc(86px/var(--Cardinality));
    font-size: calc(26px/var(--Cardinality));
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 4px rgba(1,85,202,.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    cursor: pointer;
    display: inline-block
}

.douji .douji-wrap .info .btn[data-v-46b5393b]:hover {
    background: url(/images/btn_hover.7a499c93.png) 50%/cover no-repeat;
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

.douji .douji-wrap .page-logo[data-v-46b5393b] {
    padding-top: 50px
}

.douji .douji-wrap .page-logo img[data-v-46b5393b] {
    width: calc(850px/var(--Cardinality));
    -webkit-animation: sliderY .6s forwards;
    animation: sliderY .6s forwards
}

.hot-game[data-v-46b5393b] {
    width: 100%;
    min-height: 820px;
    background: url(/images/bg.c757b09c.png) no-repeat;
    background-size: 100% 100%
}

.hot-game .hot-wrap[data-v-46b5393b] {
    width: calc(1400px/var(--Cardinality));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
    -webkit-animation: sliderX .6s forwards;
    animation: sliderX .6s forwards
}

.hot-game .hot-wrap .brand_l[data-v-46b5393b] {
    min-width: calc(500px/var(--Cardinality));
    position: absolute;
    top: calc(70px/var(--Cardinality));
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hot-game .hot-wrap .brand_l .wc-bz[data-v-46b5393b] {
    margin-right: 10px;
    cursor: pointer
}

.hot-game .hot-wrap .brand_l .wc-bz .smorl[data-v-46b5393b] {
    background: url(/images/lg_bg.754a6014.png) no-repeat;
    background-size: 100% 100%;
    width: 100px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hot-game .hot-wrap .brand_l .wc-bz .smorl img[data-v-46b5393b] {
    width: 64px
}

.hot-game .hot-wrap .brand_l .wc-bz .smorl.current[data-v-46b5393b] {
    background: url(/images/lg_s_bg.0f1efa97.png) no-repeat;
    background-size: 100% 100%
}

.hot-game .hot-wrap .brand_l .wc-bz p[data-v-46b5393b] {
    font-size: 16px;
    font-weight: 700;
    color: #3f577f;
    text-align: center;
    margin-top: 10px
}

.hot-game .hot-wrap .center-wrap-sx[data-v-46b5393b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 50px
}

.hot-game .hot-wrap .center-wrap-sx .info[data-v-46b5393b] {
    margin-top: calc(130px/var(--Cardinality));
    -webkit-animation: actText .6s forwards;
    animation: actText .6s forwards;
    height: calc(400px/var(--Cardinality));
    margin-top: calc(200px/var(--Cardinality))
}

.hot-game .hot-wrap .center-wrap-sx .info .sub-title[data-v-46b5393b] {
    font-size: calc(65px/var(--Cardinality));
    font-weight: 700;
    color: #3a9ce8;
    text-shadow: 0 -2px 13px #fff;
    margin-top: 40px
}

.hot-game .hot-wrap .center-wrap-sx .info .sub[data-v-46b5393b] {
    font-size: calc(18px/var(--Cardinality));
    font-weight: 500;
    color: #3f577f;
    line-height: 30px;
    text-shadow: 0 -2px 13px #fff;
    margin: calc(40px/var(--Cardinality)) 0 calc(70px/var(--Cardinality)) 0
}

.hot-game .hot-wrap .center-wrap-sx .info .btn[data-v-46b5393b] {
    background: url(/images/btn.af10efa7.png) 50%/cover no-repeat;
    background-size: 100% 100%;
    width: calc(270px/var(--Cardinality));
    height: calc(92px/var(--Cardinality));
    line-height: calc(86px/var(--Cardinality));
    font-size: calc(26px/var(--Cardinality));
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 4px rgba(1,85,202,.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    cursor: pointer;
    display: inline-block
}

.hot-game .hot-wrap .center-wrap-sx .info .btn[data-v-46b5393b]:hover {
    background: url(/images/btn_hover.7a499c93.png) 50%/cover no-repeat;
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

.hot-game .hot-wrap .center-wrap-sx .follow[data-v-46b5393b] {
    -webkit-animation: actText .6s forwards;
    animation: actText .6s forwards
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo[data-v-46b5393b] {
    position: relative;
    -webkit-transition: .35s ease;
    transition: .35s ease
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .sx-bg[data-v-46b5393b] {
    width: calc(890px/var(--Cardinality))
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .zs1[data-v-46b5393b] {
    width: calc(134px/var(--Cardinality));
    position: absolute;
    top: calc(140px/var(--Cardinality));
    left: calc(60px/var(--Cardinality));
    -webkit-animation: bounce-down-data-v-46b5393b 1.8s linear infinite;
    animation: bounce-down-data-v-46b5393b 1.8s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .zs2[data-v-46b5393b] {
    width: calc(54px/var(--Cardinality));
    position: absolute;
    bottom: calc(240px/var(--Cardinality));
    left: calc(50px/var(--Cardinality));
    -webkit-animation: bounce-down-data-v-46b5393b 2.2s linear infinite;
    animation: bounce-down-data-v-46b5393b 2.2s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .zs3[data-v-46b5393b] {
    width: calc(140px/var(--Cardinality));
    position: absolute;
    top: calc(185px/var(--Cardinality));
    right: calc(187px/var(--Cardinality));
    -webkit-animation: bounce-down-data-v-46b5393b 2s linear infinite;
    animation: bounce-down-data-v-46b5393b 2s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .zs4[data-v-46b5393b] {
    width: calc(62px/var(--Cardinality));
    position: absolute;
    bottom: calc(240px/var(--Cardinality));
    right: calc(50px/var(--Cardinality));
    -webkit-animation: bounce-down-data-v-46b5393b 2.6s linear infinite;
    animation: bounce-down-data-v-46b5393b 2.6s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dz-bg[data-v-46b5393b] {
    width: calc(770px/var(--Cardinality))
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dz_zs1[data-v-46b5393b] {
    width: calc(95px/var(--Cardinality));
    position: absolute;
    top: calc(100px/var(--Cardinality));
    right: calc(120px/var(--Cardinality));
    -webkit-animation: bounce-down-data-v-46b5393b 1.8s linear infinite;
    animation: bounce-down-data-v-46b5393b 1.8s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dz_zs2[data-v-46b5393b] {
    width: calc(108px/var(--Cardinality));
    position: absolute;
    top: calc(150px/var(--Cardinality));
    left: calc(100px/var(--Cardinality));
    -webkit-animation: bounce-down-data-v-46b5393b 2.2s linear infinite;
    animation: bounce-down-data-v-46b5393b 2.2s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .by_bg[data-v-46b5393b] {
    width: calc(850px/var(--Cardinality))
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .by_zs1[data-v-46b5393b] {
    width: calc(92px/var(--Cardinality));
    position: absolute;
    top: calc(60px/var(--Cardinality));
    left: calc(60px/var(--Cardinality));
    -webkit-animation: bounce-down-data-v-46b5393b 1.8s linear infinite;
    animation: bounce-down-data-v-46b5393b 1.8s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .by_zs2[data-v-46b5393b] {
    width: calc(92px/var(--Cardinality));
    top: calc(160px/var(--Cardinality));
    right: calc(10px/var(--Cardinality))
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .by_zs2[data-v-46b5393b],.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .by_zs3[data-v-46b5393b] {
    position: absolute;
    -webkit-animation: bounce-down-data-v-46b5393b 2.2s linear infinite;
    animation: bounce-down-data-v-46b5393b 2.2s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .by_zs3[data-v-46b5393b] {
    width: calc(63px/var(--Cardinality));
    bottom: calc(380px/var(--Cardinality));
    left: calc(80px/var(--Cardinality))
}

.hot-game .hot-wrap .center-wrap-sx .showAn[data-v-46b5393b] {
    -webkit-animation: actText .6s forwards;
    animation: actText .6s forwards
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dj_bj[data-v-46b5393b] {
    width: calc(850px/var(--Cardinality))
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dj_zs1[data-v-46b5393b] {
    width: calc(80px/var(--Cardinality));
    position: absolute;
    top: calc(170px/var(--Cardinality));
    left: calc(160px/var(--Cardinality));
    -webkit-animation: bounce-down-data-v-46b5393b 1.8s linear infinite;
    animation: bounce-down-data-v-46b5393b 1.8s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dj_zs2[data-v-46b5393b] {
    width: calc(144px/var(--Cardinality));
    top: calc(230px/var(--Cardinality));
    right: calc(10px/var(--Cardinality))
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dj_zs2[data-v-46b5393b],.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dj_zs3[data-v-46b5393b] {
    position: absolute;
    -webkit-animation: bounce-down-data-v-46b5393b 2.2s linear infinite;
    animation: bounce-down-data-v-46b5393b 2.2s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.hot-game .hot-wrap .center-wrap-sx .follow .page-logo .dj_zs3[data-v-46b5393b] {
    width: calc(70px/var(--Cardinality));
    bottom: calc(120px/var(--Cardinality));
    left: calc(90px/var(--Cardinality))
}

@-webkit-keyframes bounce-down-data-v-46b5393b {
    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    50%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
}

@keyframes bounce-down-data-v-46b5393b {
    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    50%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
}