@charset "UTF-8";

.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
}

.viewSportCasinoBox .home-title-bg[data-v-1e3ea33f] {
    width: 559px;
    height: 84px;
    margin: 50px auto;
    background: url(../images/title-wonderful-game.c3cf5664.png) no-repeat top/100% 100%
}

.viewSportCasinoBox .view-row[data-v-1e3ea33f] {
    width: 1200px;
    margin: 0 auto
}

.viewSportCasinoBox .view-row .view-col[data-v-1e3ea33f] {
    width: 338px;
    height: 294px;
    display: inline-block;
    padding: 10px 0 0 10px;
    margin: 0 0 5px 5px;
    cursor: pointer
}

.viewSportCasinoBox .view-row .view-col[data-v-1e3ea33f]:hover {
    transform: translateY(-8px)
}

.viewSportCasinoBox .view-row .view-col.home-col-1[data-v-1e3ea33f] {
    width: 498px;
    background: url(../images/home-col-1.1e2b240f.png) no-repeat 50%/100% 100%
}

.viewSportCasinoBox .view-row .view-col.home-col-2[data-v-1e3ea33f] {
    background: url(../images/home-col-2.9e7ac27b.png) no-repeat 50%/100% 100%
}

.viewSportCasinoBox .view-row .view-col.home-col-3[data-v-1e3ea33f] {
    background: url(../images/home-col-3.55b36756.png) no-repeat 50%/100% 100%
}

.viewSportCasinoBox .view-row .view-col.home-col-4[data-v-1e3ea33f] {
    width: 498px;
    background: url(../images/home-col-4.f483b820.png) no-repeat 50%/100% 100%
}

.viewSportCasinoBox .view-row .view-col.home-col-5[data-v-1e3ea33f] {
    background: url(../images/home-col-5.f104e68a.png) no-repeat 50%/100% 100%
}

.viewSportCasinoBox .view-row .view-col.home-col-6[data-v-1e3ea33f] {
    background: url(../images/home-col-6.45d059a6.png) no-repeat 50%/100% 100%
}

.viewSportCasinoBox .view-row .view-col span[data-v-1e3ea33f] {
    font-size: 26px;
    font-weight: 700;
    padding: 10px 0 0 30px;
    position: relative
}

.viewSportCasinoBox .view-row .view-col span[data-v-1e3ea33f]:before {
    content: "";
    width: 5px;
    height: 25px;
    background: #0062fb;
    border-radius: 2px;
    position: absolute;
    left: 10px;
    top: 15px
}

.viewGameBox[data-v-73dc2ccf] {
    background: url(../images/viewGameBg.69d1f287.png) no-repeat top
}

.viewGameBox .game-box[data-v-73dc2ccf] {
    position: relative;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #8a8a8a
}

.viewGameBox .game-box .change-games[data-v-73dc2ccf] {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.viewGameBox .game-box .change-games .change-wrapper[data-v-73dc2ccf] {
    display: flex;
    justify-content: space-between
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide[data-v-73dc2ccf] {
    width: 240px;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    position: relative;
    cursor: pointer
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide:hover .msg-box[data-v-73dc2ccf] {
    color: #c5a142
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide[data-v-73dc2ccf]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    width: 1px;
    height: 30px;
    background-color: #8a8a8a
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide[data-v-73dc2ccf]:last-child:after {
    display: none
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide .mask[data-v-73dc2ccf] {
    width: 260px;
    height: 387px;
    position: absolute;
    top: 0;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    display: none
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide .mask[data-v-73dc2ccf]:after {
    content: "进入游戏";
    width: 120px;
    height: 50px;
    line-height: 50px;
    background: #fadb1b;
    color: #000;
    font-size: 20px;
    position: absolute;
    top: 165px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    cursor: pointer
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide .images-box[data-v-73dc2ccf] {
    width: 42px;
    height: 42px;
    line-height: 42px
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide .images-box img[data-v-73dc2ccf] {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    filter: brightness(.5)
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide .msg-box[data-v-73dc2ccf] {
    color: #584a3f;
    margin-left: 10px
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide .msg-box .item-right-top[data-v-73dc2ccf] {
    font-size: 16px
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide .msg-box .item-right-bottom[data-v-73dc2ccf] {
    font-size: 12px
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide.slide-active .msg-box[data-v-73dc2ccf] {
    color: #c5a142
}

.viewGameBox .game-box .change-games .change-wrapper .change-slide.slide-active[data-v-73dc2ccf]:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    height: 2px;
    background-color: #8a8a8a
}

.viewGameBox .games-box[data-v-73dc2ccf] {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0
}

.viewGameBox .games-box .gamesLeft[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight[data-v-73dc2ccf] {
    display: inline-block
}

.viewGameBox .games-box .gamesLeft .gameView[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView[data-v-73dc2ccf] {
    width: 215px;
    height: 188px;
    text-align: center;
    margin-top: 24px;
    border-radius: 15px;
    position: relative;
    cursor: pointer
}

.viewGameBox .games-box .gamesLeft .gameView:hover .name[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView:hover .name[data-v-73dc2ccf] {
    background: #d28f43
}

.viewGameBox .games-box .gamesLeft .gameView:hover .name .star-box i[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView:hover .name .star-box i[data-v-73dc2ccf] {
    color: #f4dc1c
}

.viewGameBox .games-box .gamesLeft .gameView:hover .mask-btn-box[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView:hover .mask-btn-box[data-v-73dc2ccf] {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    animation: moveDis-73dc2ccf .5s ease-in-out forwards
}

@keyframes moveDis-73dc2ccf {
    0% {
        height: 0
    }

    to {
        height: 188px
    }
}

.viewGameBox .games-box .gamesLeft .gameView:hover .mask-btn-box .btn[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView:hover .mask-btn-box .btn[data-v-73dc2ccf] {
    width: 60%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    margin: 92px auto 0;
    color: #fff;
    font-size: 16px;
    background-color: #d28f43;
    border-radius: 6px
}

.viewGameBox .games-box .gamesLeft .gameView .load[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView .load[data-v-73dc2ccf] {
    width: 215px;
    height: 145px;
    text-align: center;
    background: #fff
}

.viewGameBox .games-box .gamesLeft .gameView .load img[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView .load img[data-v-73dc2ccf] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.viewGameBox .games-box .gamesLeft .gameView .name[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView .name[data-v-73dc2ccf] {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    padding: 0 10px;
    background-color: #ffd06c;
    display: flex;
    justify-content: space-between
}

.viewGameBox .games-box .gamesLeft .gameView .name .game-name[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView .name .game-name[data-v-73dc2ccf] {
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.viewGameBox .games-box .gamesLeft .gameView .name .star-box[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView .name .star-box[data-v-73dc2ccf] {
    display: inline-block
}

.viewGameBox .games-box .gamesLeft .gameView .name .star-box i[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView .name .star-box i[data-v-73dc2ccf] {
    font-size: 16px;
    color: #e8e8e8
}

.viewGameBox .games-box .gamesLeft .gameView .mask-btn-box[data-v-73dc2ccf],
.viewGameBox .games-box .gamesRight .gameView .mask-btn-box[data-v-73dc2ccf] {
    display: none
}

.viewGameBox .games-box .item-center-bg[data-v-73dc2ccf] {
    width: 770px;
    height: 444px;
    display: inline-block;
    position: relative
}

.viewGameBox .games-box .item-center-bg .comm-bg[data-v-73dc2ccf] {
    width: 100%;
    height: 300px
}

.viewGameBox .games-box .item-center-bg .comm-bg.PG-SLOT-bg[data-v-73dc2ccf] {
    background: url(../images/home_game_pg_slot_bg.8340e20b.png) no-repeat 50%/contain
}

.viewGameBox .games-box .item-center-bg .comm-bg.CQ9-bg[data-v-73dc2ccf] {
    background: url(../images/home_game_cq9_bg.becd2c33.png) no-repeat 50%/contain
}

.viewGameBox .games-box .item-center-bg .comm-bg.JDB-bg[data-v-73dc2ccf] {
    background: url(../images/home_game_jdb_bg.36a158d1.png) no-repeat 50%/contain
}

.viewGameBox .games-box .item-center-bg .comm-bg.MG2-bg[data-v-73dc2ccf] {
    background: url(../images/home_game_mg2_bg.86cdf79e.png) no-repeat 50%/contain
}

.viewGameBox .games-box .item-center-bg .comm-bg.AG-bg[data-v-73dc2ccf] {
    background: url(../images/home_game_ag_bg.f5eb04b4.png) no-repeat 50%/contain
}

.viewGameBox .games-box .item-center-bg .comm-bg.IM-RT-bg[data-v-73dc2ccf] {
    background: url(../images/home_game_im_rt_bg.86cdf79e.png) no-repeat 50%/contain
}

.viewGameBox .games-box .item-center-bg .slot-jackpot[data-v-73dc2ccf] {
    width: 100%;
    height: 135px;
    line-height: 154px;
    font-size: 48px;
    text-align: center;
    color: #f4dc1c;
    background: url(../images/game_center_jackpot_bg.3836cefa.png) no-repeat 50%;
    background-size: contain
}

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

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

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

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

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-name[data-v-6a778e37] {
    font-size: 32px;
    font-weight: 700;
    color: #000
}

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

.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-box-img[data-v-6a778e37] {
    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-6a778e37] {
    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-6a778e37] {
    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-6a778e37],
.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .open-lucky-more i[data-v-6a778e37] {
    color: #000
}

.lucky-home-box .lucky-swiper-box .swiper-button-next[data-v-6a778e37],
.lucky-home-box .lucky-swiper-box .swiper-button-prev[data-v-6a778e37] {
    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-6a778e37] {
    background: url(../images/swiperButtonPrev.0ef482e1.png) no-repeat 50%/contain;
    right: 0
}

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

.viewPhoneDownBox .home-title-bg[data-v-50244167] {
    width: 590px;
    height: 84px;
    margin: 50px auto;
    background: url(../images/title-down-app.124efa61.png) no-repeat top/100% 100%
}

.viewPhoneDownBox .phoneBox[data-v-50244167] {
    display: flex;
    justify-content: center;
    align-items: center
}

.viewPhoneDownBox .phoneBox .phoneLeft[data-v-50244167] {
    width: 653px;
    height: 492px;
    padding: 50px 0 0;
    background: url(../images/PhoneLeft.83d7077b.png) no-repeat top/100% 100%
}

.viewPhoneDownBox .phoneBox .phoneLeft .title[data-v-50244167] {
    width: 501px;
    height: 176px;
    margin: 0 auto 10px;
    background: url(../images/title-down-app-detail.ddf96686.png) no-repeat top/100% 100%
}

.viewPhoneDownBox .phoneBox .phoneLeft .title2[data-v-50244167] {
    width: 533px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 14px;
    color: #ffd06c;
    padding: 0 0 75px 0
}

.viewPhoneDownBox .phoneBox .phoneLeft .qrcodeBox[data-v-50244167] {
    display: flex;
    justify-content: center;
    align-items: center
}

.viewPhoneDownBox .phoneBox .phoneLeft .qrcodeBox .qrcodeImg[data-v-50244167] {
    width: 170px;
    height: 215px;
    text-align: center;
    padding: 25px 0 0 0;
    margin: 5px 50px;
    background: url(../images/title-qr-code.5a75869b.png) no-repeat top/100% 100%
}

.viewPhoneDownBox .phoneBox .phoneLeft .qrcodeBox .qrcodeImg img[data-v-50244167] {
    width: 110px;
    height: 110px
}

.viewPhoneDownBox .phoneBox .phoneLeft .qrcodeBox .btn[data-v-50244167] {
    width: 134px;
    height: 231px;
    background: url(../images/title-detail-right.407882eb.png) no-repeat top/100% 100%
}

.viewPhoneDownBox .phoneBox .phoneRight[data-v-50244167] {
    width: 527px;
    height: 434px;
    margin: 48px 0 0 0;
    display: inline-block;
    background: url(../images/PhoneRight.18c5cb25.jpg) no-repeat;
    background-size: 100% 100%
}

.viewPhoneDownBox .phone-footer[data-v-50244167] {
    width: 100%;
    background: #444
}

.viewPhoneDownBox .phone-footer .footer-design[data-v-50244167] {
    width: 80%;
    color: #737272;
    padding: 20px 0;
    margin: 0 auto;
    font-family: verdana, arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-variant: normal;
    font-size: 12px
}

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

.home-bg {
    background: url(../images/home-bg.3bcc906e.jpg) no-repeat center 435px/100% 100%
}

.home-bg .home-lucky-draw-title-bg {
    width: 590px;
    height: 84px;
    margin: 50px auto;
    background: url(../images/title-lucky-draw.1b1def49.png) no-repeat 50%/100% 100%
}

.banner-notices-marquee-box {
    background: #212121;
    text-align: center
}

.banner-notices-marquee-box .msg-auto-box {
    color: #fff;
    width: 1200px;
    height: 35px;
    padding: 0 0 0 35px;
    position: relative;
    display: inline-block
}

.banner-notices-marquee-box .msg-auto-box .gonggao-box {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.banner-notices-marquee-box .msg-auto-box .gonggao-box i {
    color: #fff;
    font-size: 18px
}

.banner-notices-marquee-box .msg-auto-box .notice_content {
    padding: 7px 0 0 0;
    font-size: 18px
}

.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;
    border-radius: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    background: #9b7f41
}

.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;
    overflow: hidden;
    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: #ffd06c;
    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)
}