html {
    font-size: 85.3px;
}

@media screen and (min-width: 320px) {
    html {
        font-size: 21.33333333px;
    }
}

@media screen and (min-width: 355px) {
    html {
        font-size: 23.66666666666667px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 24px;
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 25px;
    }
}

@media screen and (min-width: 384px) {
    html {
        font-size: 25.6px;
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size: 26.66666667px;
    }
}

@media screen and (min-width: 412px) {
    html {
        font-size: 27.46666666666667px;
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 27.6px;
    }
}

@media screen and (min-width: 424px) {
    html {
        font-size: 28.26666667px;
    }
}

@media screen and (min-width: 432px) {
    html {
        font-size: 28.8px;
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 32px;
    }
}

@media screen and (min-width: 540px) {
    html {
        font-size: 36px;
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 48px;
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 50px;
    }
}

@media screen and (min-width: 1080px) {
    html {
        font-size: 72px;
    }
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 80px;
    }
}

@media screen and (min-width: 1240px) {
    html {
        font-size: 82.66666666666667px;
    }
}

@media screen and (min-width: 1440px) {
    html {
        font-size: 96px;
    }
}

@media screen and (min-width: 1600px) {
    html {
        font-size: 106.6666666666667px;
    }
}

@media screen and (min-width: 2160px) {
    html {
        font-size: 144px;
    }
}

.customer[data-v-d3df4c20] {
    position: fixed;
    right: 250px;
    bottom: 30px;
    z-index: 999;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    #customerImg[data-v-d3df4c20] {
        content: url(../img/customer_mobile.f1ff7e62.png);
    }
    .customer[data-v-d3df4c20] {
        width: 49px;
        height: 49px;
        position: fixed;
        right: 3%;
        top: 80%;
        z-index: 999;
    }
}

.bannerBtnbox[data-v-98a78b46] {
    height: 100%;
}

.blue_btn_tel[data-v-98a78b46] {
    display: none;
}

.blue_btn[data-v-98a78b46] {
    position: absolute;
    z-index: 999;
    width: 300px;
    left: 28%;
    top: 67%;
}

.bannerLogo[data-v-98a78b46] {
    position: relative;
}

.logo_right[data-v-98a78b46] {
    display: none;
}

[data-v-98a78b46] .el-carousel__indicator.is-active button {
    width: 26px;
    height: 8px;
    background: linear-gradient(90deg, #bb00fb, #2bffe6);
    border-radius: 4px;
}

[data-v-98a78b46] .el-carousel__button {
    width: 15px;
    height: 8px;
    background: #8b1590;
    border-radius: 4px;
    opacity: 1;
}

.logo_img[data-v-98a78b46] {
    width: 0;
}

.el-footer[data-v-98a78b46] {
    display: block !important;
    width: 100%;
    /* background: linear-gradient(180deg, #070236, #291438); */
    background: #000;
    padding-bottom: 50px;
    height: auto !important;
}

.el-footer .footer[data-v-98a78b46] {
    width: 476px;
    /* height: 217px; */
    margin: 0 auto;
    margin-top: 52px;
}

.el-footer .footer img[data-v-98a78b46] {
    display: block;
    margin: 0 auto;
}

.el-footer .footer span[data-v-98a78b46] {
    display: block;
    text-align: center;
    margin-top: 23px;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: #fff;
}

.el-menu-item[data-v-98a78b46] {
    padding: 0 20px;
}

.el-menu[data-v-98a78b46] {
    min-width: 17%;
}

.el-menu--horizontal>.el-menu-item.is-active[data-v-98a78b46],
.el-menu[data-v-98a78b46] {
    border: none;
    background: none;
}

.el-menu--horizontal>.el-menu-item[data-v-98a78b46] {
    border: none;
}

.el-menu--horizontal .el-menu-item[data-v-98a78b46]:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item[data-v-98a78b46]:not(.is-disabled):hover {
    background: none;
}

.header[data-v-98a78b46] {
    width: 100%;
    height: 84px;
    /* background: linear-gradient(180deg, #0d0e13, #1d1850); */
    background: #A72323;
    /* border-bottom: 1px solid #51ffef; */
    position: fixed;
    z-index: 1000;
}

.header .header_box[data-v-98a78b46] {
    max-width: 1200px;
    height: 84px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: space-between;
}

.el-header[data-v-98a78b46] {
    padding: 0;
    height: 84px !important;
}

.el-menu-fold {
    display: none;
}

.fixed-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: rgba(250, 250, 252, .99);
    z-index: 9990;
    padding-top: 60px;
    display: none;
    opacity: 0;
    transition: opacity 0.3s;
}

.fixed-menu.visible {
    display: block;
    opacity: 1;
}

.menu-close-btn {
    position: absolute;
    top: 25px;
    right: 20px;
}

.fixed-menu .el-menu-item a {
    color: #49494d;
    font-size: 17px;
    display: block;
    text-decoration: none;
    font-weight: 600;
}

.banner[data-v-98a78b46] {
    height: 550px;
}

.banner .bannerBack[data-v-98a78b46] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.foot_menu[data-v-98a78b46] {
    display: none;
}

.ft-main {
    padding: 95px 0 0;
    align-items: center;
    background: none !important;
}


/* .share-flex {
    background: pink;
} */

.ft-main .share-flex a {
    display: inline-block;
    margin-left: 49px;
    margin-top: 20px;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.ft-main .share-flex a:hover {
    opacity: 1;
}

@media screen and (max-width: 900px) and (min-width: 600px) {
    .bannerBtnbox[data-v-98a78b46] {
        height: 100%;
    }
    .blue_btn[data-v-98a78b46] {
        display: none;
    }
    .blue_btn_tel[data-v-98a78b46] {
        display: block;
        z-index: 999;
        position: relative;
        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
    }
    .el-menu-item[data-v-98a78b46] {
        padding: 0 10px;
        font-size: 12px;
    }
    .ft-main .share-flex a {
        margin-left: 28px;
    }
    .ft-main .share-flex img {
        width: 45px;
    }
}

@media screen and (max-width: 600px) {
    #play_online_header[data-v-98a78b46] {
        content: url(data:image/png;base64,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);
    }
    .banner[data-v-98a78b46] {
        position: relative;
    }
    .bannerBack[data-v-98a78b46] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header_box[data-v-98a78b46] {
        height: 46px !important;
    }
    .header[data-v-98a78b46] {
        height: 46px;
    }
    [data-v-98a78b46].el-header {
        height: 46px !important;
    }
    .bannerBtnbox[data-v-98a78b46] {
        height: 100%;
    }
    .blue_btn_tel[data-v-98a78b46] {
        display: block;
        z-index: 999;
        position: relative;
        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
    }
    .blue_btn[data-v-98a78b46] {
        display: none;
    }
    [data-v-98a78b46] .el-carousel__indicators--horizontal {
        margin-bottom: 70px;
    }
    .el-menu[data-v-98a78b46] {
        padding-right: 10px;
    }
    .logo_right[data-v-98a78b46] {
        display: none;
    }
    .logo_right img[data-v-98a78b46] {
        display: block;
        width: 126px;
        height: 84px !important;
    }
    .banner .bannerBack[data-v-98a78b46] {
        height: 100%;
    }
    .el-menu-item[data-v-98a78b46] {
        padding: 0 5px;
        font-size: 12px;
    }
    #logo_img[data-v-98a78b46] {
        width: 46px;
        margin-left: 16px;
    }
    .el-footer {
        height: 100% !important;
    }
    .foot_logo[data-v-98a78b46] {
        width: 66px;
    }
    .el-footer .footer[data-v-98a78b46] {
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    .el-footer .footer span[data-v-98a78b46] {
        font-size: 12px;
    }
    .foot_m[data-v-98a78b46] {
        background: #141414;
        height: 35px;
        line-height: 35px;
        margin: 20px 1px;
        padding: 0 5px;
    }
    .footer .el-menu--horizontal>.el-menu-item.is-active[data-v-98a78b46] {
        background: #141414;
        color: #ff00ef !important;
    }
    .foot_menu[data-v-98a78b46] {
        height: 35px;
        text-align: center;
        display: flex;
        justify-content: space-around;
    }
    .ft-main {
        padding: 30px 0 6px;
    }
    .ft-main .share-flex a {
        margin-left: 26px;
    }
    .ft-main .share-flex img {
        width: 34px;
    }
    .header-menu .el-menu-item[role="menuitem"] {
        display: none;
    }
    .el-menu-fold {
        display: block;
    }
}

@media screen and (max-width: 400px) {
    .banner[data-v-98a78b46] {
        position: relative;
        overflow: hidden;
    }
    .bannerBack[data-v-98a78b46] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .el-menu[data-v-98a78b46] {
        padding-right: 0;
    }
    .el-menu-item[data-v-98a78b46] {
        font-size: 8px;
    }
    .bannerBtnbox[data-v-98a78b46] {
        height: 100%;
    }
}

.zhenshu {
    width: 11.4185rem;
    height: 6.4947rem;
    /* text-align: center; */
    margin: 0 auto;
}

.zhenshu img {
    width: 100%;
    height: 100%;
}

.bottom-bg {
    margin-top: .2345rem;
    width: 100%;
    height: 3.517rem;
    background: #000;
    float: left;
    display: grid;
    place-items: center;
    /* text-align: center; */
}

.bottom-bg-nr {
    display: flex;
    position: relative;
    width: 10.551rem;
    height: 3.517rem;
    /* background: pink; */
}

.bottom-bg-nr-left {
    /* background: #000; */
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5826rem;
    height: .7034rem;
    text-align: center;
    line-height: .7034rem;
    background: url(../img/logo.71ff4083.png) no-repeat;
    background-size: contain;
}

.bottom-bg-up {
    position: absolute;
    top: .1055rem;
    left: 2rem;
    width: 8.5698rem;
    height: .5979rem;
    background: url(../img/rng.png) no-repeat;
    background-size: contain;
}


/* .bottom-bg-up img {
    width: 100%;
    height: 100%;
} */

.bottom-bg-down {
    position: absolute;
    top: 1.0551rem;
    left: 0;
    width: 11.0551rem;
    height: .7737rem;
    background: url(../img/img.png) no-repeat;
    background-size: contain;
    text-align: center;
    line-height: .7737rem;
}

.bottom-bg-lable {
    position: absolute;
    top: 2.4619rem;
    width: 100%;
    height: .7737rem;
    text-align: center;
    color: #fff;
    font-size: .2345rem;
    text-align: center;
    line-height: .3869rem;
}