#banner {
    display: flex;
    justify-content: center;
}

.banner-area.el-carousel {
    text-align: center
}

.banner-area .el-carousel__item img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.banner-area .el-carousel__indicators {
    text-align: center
}

.banner-area .el-carousel__indicators .el-carousel__indicator .el-carousel__button {
    width: 18px;
    height: 18px;
    border-radius: 9px
}

.viewGameBox[data-v-19de341f] {
    background: url(../images/viewGameBoxBg.309a2ba3.png) no-repeat top/100% 100%
}

.viewGameBox .boxer-all[data-v-19de341f] {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.viewGameBox .boxer-all .boxer-title[data-v-19de341f] {
    padding: 50px 0;
    font-size: 36px;
    font-weight: 700;
    color: #000;
    font-family: Microsoft Yahei
}

.viewGameBox .boxer-all .luck-center[data-v-19de341f] {
    width: 1200px;
    height: 456px;
    position: relative;
    overflow-x: hidden;
    cursor: pointer;
    margin: 0 auto
}

.viewGameBox .boxer-all .change[data-v-19de341f] {
    width: 1200px
}

.viewGameBox .boxer-all .still[data-v-19de341f] {
    width: 1200px;
    height: 480px;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between
}

.viewGameBox .boxer-all .still .game-part[data-v-19de341f] {
    width: 380px;
    height: 200px;
    padding-left: 20px;
    background: #fff;
    border-radius: 8px;
    position: relative;
    display: flex;
    transition: all .3s ease-out;
    box-shadow: 0 6px 12px 0 #e4edfb
}

.viewGameBox .boxer-all .still .game-part[data-v-19de341f]:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 24px 0 #e4edfb
}

.viewGameBox .boxer-all .still .game-part .detail[data-v-19de341f] {
    padding-right: 13px
}

.viewGameBox .boxer-all .still .game-part h3[data-v-19de341f] {
    margin-top: 25px;
    font-size: 26px;
    font-weight: 700;
    font-family: Microsoft Yahei
}

.viewGameBox .boxer-all .still .game-part h3[data-v-19de341f]:after {
    width: 25px;
    height: 5px;
    margin: 5px 0;
    content: "";
    display: block;
    background: #fff;
    border-radius: 2px
}

.viewGameBox .boxer-all .still .game-part p[data-v-19de341f] {
    font-size: 12px;
    text-align: left
}

.viewGameBox .boxer-all .still .game-part .btn-game[data-v-19de341f] {
    width: 110px;
    height: 34px;
    line-height: 32px;
    display: inline-block;
    border: 1px solid #ea854e;
    border-radius: 40px;
    text-align: center;
    color: #666;
    font-weight: 700;
    font-size: 14px;
    margin-top: 45px
}

.viewGameBox .boxer-all .still .game-part .btn-game[data-v-19de341f]:hover {
    background: #ea854e;
    color: #fff;
    border: 1px solid #ea854e
}

.viewGameBox .boxer-all .still .game-part .pic[data-v-19de341f] {
    margin-top: -19px
}

.lucky-home-box[data-v-e63cd51e] {
    background-color: #efefef
}

.lucky-home-box .game-module[data-v-e63cd51e] {
    padding: 40px 0 0
}

.lucky-home-box .game-module .hotGame-logo[data-v-e63cd51e] {
    width: 165px;
    height: 39px;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain
}

.lucky-home-box .game-module p[data-v-e63cd51e] {
    font-size: 14px;
    color: #d79514;
    text-align: center
}

.lucky-home-box .game-module .hotGame[data-v-e63cd51e] {
    height: 40px;
    line-height: 40px
}

.lucky-home-box .game-module .hotGame[data-v-e63cd51e]:before {
    content: "";
    position: relative;
    top: 5px;
    width: 86px;
    height: 20px;
    margin-right: 16px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAUCAYAAAAXxsqQAAABsklEQVRYhe2ZO04DMRCG/8luWiQKkOhyDCQkEuhpUA5DmY6OO1BRcQUCnCRUICgiUiGBMLJ3ZuM4iT3bRWh+yVl7ZvzYby0/FFrcHYIAOBCoybT6DR54T3iKy7FlGUqh4O1NqHh7cE7cTUzwcJkchXz48bYQS23Djij05O2ubVc6jsdEK30sh+XrRmOl9brcIj7nb1BowiGTUmitac3UwhxHKLJwDaxOAvWcJ/qUa22Fa2DLugZwwVDfOfqsBNfA5uXhnQA4jqB6fZTg9nZg8LsqD20EoA/gHsAgGafAHRtYvQSqaMA2NVwDu64UqqgTXAO7qsctUEVquLZ5LeWhDhVxAteDnEX2eENzNc9anyq+iFSZVEdpU7nP+fgp9ti2qZzm09h+0l9aTlMVjSvNV/zO7fvv7R/Vi/mr9iNQxhcudHW4uTbpR9vqP9YTgNPC673wcjFL7AcAHvgEMbE1dlV+KXjO+FVQYZvXRg155qZSQ4WB3apRArcTVBjYrATuN4DLLlBhYIvycG8A3DJIURYq7Byr0hWAr+jsihJUGFi1BOCUz6lZqDCwnRSDzP81A+APea53lSNeJpoAAAAASUVORK5CYII=) no-repeat bottom
}

.lucky-home-box .game-module .hotGame[data-v-e63cd51e]:after {
    content: "";
    position: relative;
    top: 5px;
    width: 86px;
    height: 20px;
    margin-left: 16px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAUCAYAAAAXxsqQAAABoUlEQVRYhe2ZS07DMBCGf1dF7ECVQIIVHINdgSMg1tyDFT0BOw7Anl6hpay4AVvYwhGadtA049S4fqVIKBLzqZbt8SPulzRyUvP2cIACRtJllOu6Pzha5QTANFGqK+sMxhBAtB5o+EN1I2hzrJR5mDFc4jI1Y3ku00xe9yPOZQx5x1j1xRLNikjajF29s1anXrfW9R5+rp9kDo72C6Vee3UlQ06slXohJ2yicstIiXWlfknsUuTuArjtypfoIjGxIanMJ4AbAK8AzqRdCdBrIZU5BTAGsAPgHMBUpYbxxeakTiW3qNwIrti2Ui0qN4AVu61UC8t9/suFdx0We/dLqZahyl3Tdx4wYpiCeVbsDY6HAM3lkYZTJfnCSVWgXCXS3Gube8mPx8p+28KLVU7cPV6oHksk8WXf2exPZJ/qXrXvzs/8JOP1Ra7afw+8e+xY5B56ZqzcD5Vajr8r2EbuTKVuEtrHtpE7k5jiEXvySsm9kpu8Sk0QEouEXC4/ArhXqWlyb7fg7BYge9onfW2Yp+R9LESuUanllP6DECorMQB8A+F2tNQ0gRDfAAAAAElFTkSuQmCC) no-repeat
}

.lucky-home-box .lucky-swiper-box[data-v-e63cd51e] {
    width: 1200px;
    position: relative;
    margin: 0 auto
}

.lucky-home-box .lucky-swiper-box .swiper-entrance[data-v-e63cd51e] {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden
}

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide[data-v-e63cd51e] {
    height: 534px;
    text-align: center;
    border-radius: 10px;
    background: url(../images/luckySwiperSlideItemBg.aca57b37.png) no-repeat 50%/340px 456px
}

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-open[data-v-e63cd51e] {
    height: 50px;
    line-height: 50px;
    color: #fff
}

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-name[data-v-e63cd51e] {
    font-size: 32px;
    font-weight: 700;
    color: #d79514;
    padding: 20px 0
}

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-little-name[data-v-e63cd51e] {
    font-size: 18px;
    color: #000
}

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-box-img[data-v-e63cd51e] {
    width: 300px;
    height: 290px;
    line-height: 290px;
    margin: 0 auto
}

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-box-img img[data-v-e63cd51e] {
    max-width: 100%;
    height: 100%;
    vertical-align: bottom;
    -o-object-fit: contain;
    object-fit: contain
}

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .open-lucky-more[data-v-e63cd51e] {
    width: 181px;
    height: 173px;
    padding: 40px 0;
    margin: 170px auto 0;
    background: #f5f5f5;
    border-radius: 20px;
    font-size: 20px
}

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .open-lucky-more .name[data-v-e63cd51e],
.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .open-lucky-more i[data-v-e63cd51e] {
    color: #dea651
}

.lucky-home-box .lucky-swiper-box .swiper-button-next[data-v-e63cd51e],
.lucky-home-box .lucky-swiper-box .swiper-button-prev[data-v-e63cd51e] {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 10;
    border-radius: 50%;
    box-shadow: 3px 3px 3px 3px #e8e7e7
}

.lucky-home-box .lucky-swiper-box .swiper-button-prev[data-v-e63cd51e] {
    background: url(../images/swiperButtonPrev.0ef482e1.png) no-repeat 50%/contain;
    right: 0
}

.lucky-home-box .lucky-swiper-box .swiper-button-next[data-v-e63cd51e] {
    background: url(../images/swiperButtonNext.0142bc91.png) no-repeat 50%/contain;
    left: unset
}

.viewPhoneDownBox[data-v-2d03110d] {
    padding-bottom: 30px;
    background-color: #efefef
}

.viewPhoneDownBox .download-bg-box[data-v-2d03110d] {
    background: url(../images/mybg_app.df9ecb5d.png) no-repeat bottom
}

.viewPhoneDownBox .download-bg-box .boxer-all[data-v-2d03110d] {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.viewPhoneDownBox .download-bg-box .boxer-all .boxer-title[data-v-2d03110d] {
    width: 1200px;
    padding-top: 100px;
    padding-bottom: 50px;
    font-size: 36px;
    font-weight: 700;
    color: #000;
    font-family: microsoft yahei
}

.viewPhoneDownBox .download-bg-box .boxer-all .swap[data-v-2d03110d] {
    display: flex;
    justify-content: space-around
}

.viewPhoneDownBox .download-bg-box .boxer-all .swap .mph img[data-v-2d03110d] {
    max-width: 100%;
    margin-top: 18px;
    height: 88%;
    -o-object-fit: contain;
    object-fit: contain
}

.viewPhoneDownBox .download-bg-box .boxer-all .swap .myapp[data-v-2d03110d] {
    padding-bottom: 10px;
    font-family: Microsoft Yahei
}

.viewPhoneDownBox .download-bg-box .boxer-all .swap .myapp img[data-v-2d03110d] {
    padding-top: 205px
}

.viewPhoneDownBox .download-bg-box .boxer-all .swap .qr-code-wrapper .box-code[data-v-2d03110d] {
    display: flex;
    justify-content: space-between;
    margin-left: 20px
}

.viewPhoneDownBox .download-bg-box .boxer-all .swap .qr-code-wrapper .box-code .qr-code-bg[data-v-2d03110d] {
    width: 142px;
    height: 185px;
    position: relative;
    background: url(../images/appleft.fc67569c.png) no-repeat
}

.viewPhoneDownBox .download-bg-box .boxer-all .swap .qr-code-wrapper .box-code .qr-code-bg .show-app[data-v-2d03110d] {
    position: absolute;
    top: 20px;
    left: 15px
}

.viewPhoneDownBox .download-bg-box .boxer-all .swap .qr-code-wrapper .box-code .qr-code-bg .app-right-img-box .app-right-img[data-v-2d03110d] {
    width: 289px;
    height: 286px
}

.viewPhoneDownBox .phone-download-footer-box[data-v-2d03110d] {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.viewPhoneDownBox .phone-download-footer-box .box-item[data-v-2d03110d] {
    display: inline-block;
    margin: 0 24px
}

.viewPhoneDownBox .phone-download-footer-box .box-item .box-item-top[data-v-2d03110d] {
    position: relative;
    width: 244px;
    height: 244px;
    background: url(../images/image-table.6d013123.png) no-repeat 50%;
    border-radius: 50%;
    box-shadow: 0 5px 7px 0 rgba(165, 144, 103, .56)
}

.viewPhoneDownBox .phone-download-footer-box .box-item .box-item-top .circle-progress-value[data-v-2d03110d] {
    stroke-width: 4px;
    stroke-dasharray: 1 1;
    transform: rotate(180deg);
    transform-origin: 50px 50px
}

.viewPhoneDownBox .phone-download-footer-box .box-item .box-item-top .circle-progress-circle-in[data-v-2d03110d] {
    stroke: #ffedec;
    stroke-width: 4px;
    transform: rotate(180deg);
    transform-origin: 45px 45px
}

.viewPhoneDownBox .phone-download-footer-box .box-item .box-item-top .circle-progress-value-in[data-v-2d03110d] {
    stroke-width: 4px;
    stroke-linecap: round;
    transform: rotate(180deg);
    transform-origin: 45px 45px
}

.viewPhoneDownBox .phone-download-footer-box .box-item .box-item-top .circle-progress-circle[data-v-2d03110d] {
    stroke-width: 4px;
    stroke: #faf1f2;
    stroke-dasharray: 1 1;
    stroke-dashoffset: 7;
    transform: rotate(180deg);
    transform-origin: 50px 50px
}

.viewPhoneDownBox .phone-download-footer-box .box-item .box-item-bm[data-v-2d03110d] {
    width: 100%
}

.viewPhoneDownBox .phone-download-footer-box .box-item .box-item-bm .bm-title[data-v-2d03110d] {
    height: 70px;
    line-height: 70px;
    font-weight: 700;
    font-size: 20px;
    color: #8a5031
}

.viewPhoneDownBox .phone-download-footer-box .box-item .box-item-bm .bm-title-en[data-v-2d03110d] {
    font-size: 16px;
    line-height: 42px;
    color: #e8a682
}

.viewPhoneDownBox .phone-download-footer-wrapper[data-v-2d03110d] {
    width: 1200px;
    margin: 60px auto 0
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz[data-v-2d03110d] {
    display: flex;
    justify-content: space-between;
    font-family: Microsoft Yahei
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right[data-v-2d03110d] {
    width: 50%
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box[data-v-2d03110d] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 300px;
    float: left
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .img[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .img[data-v-2d03110d] {
    width: 100%;
    height: 100%
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .img1[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .img1[data-v-2d03110d] {
    background: url(../images/icon-fast.41c198e6.png) no-repeat 50%
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .img2[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .img2[data-v-2d03110d] {
    background: url(../images/icon-safe.edaf8424.png) no-repeat 50%
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .img3[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .img3[data-v-2d03110d] {
    background: url(../images/icon-quantity.bc3942e2.png) no-repeat 50%
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .img4[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .img4[data-v-2d03110d] {
    background: url(../images/icon-all.ca93a61c.png) no-repeat 50%
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .ys-box-right[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .ys-box-right[data-v-2d03110d] {
    width: 70%
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .ys-box-rtop[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .ys-box-rtop[data-v-2d03110d] {
    height: 58px;
    text-align: left;
    color: #8a5031;
    font-size: 20px
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .ys-box-rb[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .ys-box-rb[data-v-2d03110d] {
    line-height: 42px;
    color: #724b4b;
    font-size: 16px;
    text-align: left
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box .pic[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box .pic[data-v-2d03110d] {
    width: 141px;
    height: 141px;
    margin: 0 auto;
    background-image: linear-gradient(262deg, #ffeff1, #fdfdff 50%, #fff4f5);
    box-shadow: 0 5px 7px 0 rgba(165, 144, 103, .56);
    border-radius: 50%
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box h3[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box h3[data-v-2d03110d] {
    font-size: 22px
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box span[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box span[data-v-2d03110d] {
    color: #e4c698;
    font-size: 16px;
    text-transform: uppercase
}

.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-left .ys-box p[data-v-2d03110d],
.viewPhoneDownBox .phone-download-footer-wrapper .hz .hz-right .ys-box p[data-v-2d03110d] {
    margin-top: 20px;
    line-height: 29px;
    text-align: center
}

.marquee-box[data-v-bf261f1a] {
    width: 100%;
    height: 100%
}

.banner-notices-marquee-box {
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #be9e58
}

.banner-notices-marquee-box .msg-auto-box {
    width: 1200px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #fff
}

.banner-notices-marquee-box .msg-auto-box .gonggao-box {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    background-image: linear-gradient(0deg, #b17e1c, #f3a716), linear-gradient(#fff, #fff);
    background-blend-mode: normal, normal;
    position: absolute;
    left: 0;
    top: 8px
}

.banner-notices-marquee-box .msg-auto-box .gonggao-box i {
    color: #fff
}

.home-page-ad-modal {
    width: 185px;
    height: 214px;
    background: url(../images/homePageAd.5ae58258.png) no-repeat 50%/contain;
    position: fixed;
    bottom: 20px;
    left: 40px;
    z-index: 2
}

.home-page-ad-modal i {
    font-size: 28px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.float-service-right-wrapper {
    position: fixed;
    top: 138px;
    right: 10px;
    z-index: 99
}

.float-service-right-wrapper .items {
    width: 56px;
    height: 56px;
    padding: 6px 0;
    color: #fff;
    text-align: center;
    background-color: #9b7f41;
    border-radius: 8px;
    margin-bottom: 10px;
    cursor: pointer
}

.float-service-right-wrapper .items.show-qq {
    transition: all .3s
}

@keyframes slideOutLeft {
    0% {
        width: 0
    }

    to {
        width: 200px
    }
}

.float-service-right-wrapper .items.show-qq .item-show-value {
    width: 0;
    animation: slideOutLeft .5s ease forwards
}

.float-service-right-wrapper .items.show-qq .item-show-value .item-show-value-content {
    font-weight: 700;
    letter-spacing: 3px
}

.float-service-right-wrapper .items.show-qq:hover .item-show-value {
    width: 200px;
    height: 56px;
    margin: 0 -10px 0 0;
    display: inline-block
}

.float-service-right-wrapper .items .item-icon {
    height: 28px;
    line-height: 28px;
    font-size: 24px
}

.float-service-right-wrapper .items .item-font {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #fff
}

.float-service-right-wrapper .items .item-show-value {
    display: none;
    width: 0;
    height: 100%;
    text-align: center;
    color: #dea651;
    background: #fff;
    padding: 10px 0 0 0;
    border-radius: 30px 0 0 30px;
    box-shadow: 0 5px 8px 1px rgba(0, 0, 0, .1019607843);
    transition: all .3s;
    position: absolute;
    top: 0;
    right: 54px;
    z-index: -1
}

.float-service-left-wrapper {
    height: calc(100% - 180px);
    margin: auto 0;
    display: inline-block;
    overflow-y: scroll;
    position: fixed;
    left: 100px;
    top: 180px;
    z-index: 999999
}

.float-service-left-wrapper::-webkit-scrollbar {
    display: none
}

.float-service-left-wrapper .float-service-left-wrapper-img {
    width: 89px;
    height: 98px;
    margin-bottom: 10px
}

.float-service-left-wrapper .float-service-left-wrapper-img img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    cursor: pointer;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -moz-transition: .9s
}

.float-service-left-wrapper .float-service-left-wrapper-img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1)
}