@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-93773940] {
  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-93773940] {
  width: 1200px;
  margin: 0 auto;
}
.viewSportCasinoBox .view-row .view-col[data-v-93773940] {
  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-93773940]:hover {
  transform: translateY(-8px);
}
.viewSportCasinoBox .view-row .view-col.home-col-1[data-v-93773940] {
  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-93773940] {
  background: url(/images/home-col-2.9e7ac27b.png) no-repeat 50%/100% 100%;
}
.viewSportCasinoBox .view-row .view-col.home-col-3[data-v-93773940] {
  background: url(/images/home-col-3.55b36756.png) no-repeat 50%/100% 100%;
}
.viewSportCasinoBox .view-row .view-col.home-col-4[data-v-93773940] {
  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-93773940] {
  background: url(/images/home-col-5.f104e68a.png) no-repeat 50%/100% 100%;
}
.viewSportCasinoBox .view-row .view-col.home-col-6[data-v-93773940] {
  background: url(/images/home-col-6.45d059a6.png) no-repeat 50%/100% 100%;
}
.viewSportCasinoBox .view-row .view-col span[data-v-93773940] {
  font-size: 26px;
  font-weight: 700;
  padding: 10px 0 0 30px;
  position: relative;
}
.viewSportCasinoBox .view-row .view-col span[data-v-93773940]:before {
  content: "";
  width: 5px;
  height: 25px;
  background: #0062fb;
  border-radius: 2px;
  position: absolute;
  left: 10px;
  top: 15px;
}
.viewGameBox[data-v-04b45b0e] {
  background: url(/images/viewGameBg.69d1f287.png) no-repeat top;
}
.viewGameBox .game-box[data-v-04b45b0e] {
  position: relative;
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid #8a8a8a;
}
.viewGameBox .game-box .change-games[data-v-04b45b0e] {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.viewGameBox .game-box .change-games .change-wrapper[data-v-04b45b0e] {
  display: flex;
  justify-content: space-between;
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide[data-v-04b45b0e] {
  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-04b45b0e] {
  color: #c5a142;
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide[data-v-04b45b0e]: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-04b45b0e]:last-child:after {
  display: none;
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide .mask[data-v-04b45b0e] {
  width: 260px;
  height: 387px;
  position: absolute;
  top: 0;
  text-align: center;
  background: rgba(0, 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-04b45b0e]: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-04b45b0e] {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide .images-box img[data-v-04b45b0e] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  filter: brightness(0.5);
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide .msg-box[data-v-04b45b0e] {
  color: #584a3f;
  margin-left: 10px;
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide .msg-box .item-right-top[data-v-04b45b0e] {
  font-size: 16px;
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide .msg-box .item-right-bottom[data-v-04b45b0e] {
  font-size: 12px;
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide.slide-active .msg-box[data-v-04b45b0e] {
  color: #c5a142;
}
.viewGameBox .game-box .change-games .change-wrapper .change-slide.slide-active[data-v-04b45b0e]: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-04b45b0e] {
  width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
}
.viewGameBox .games-box .gamesLeft[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight[data-v-04b45b0e] {
  display: inline-block;
}
.viewGameBox .games-box .gamesLeft .gameView[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView[data-v-04b45b0e] {
  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-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView:hover .name[data-v-04b45b0e] {
  background: #d28f43;
}
.viewGameBox .games-box .gamesLeft .gameView:hover .name .star-box i[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView:hover .name .star-box i[data-v-04b45b0e] {
  color: #f4dc1c;
}
.viewGameBox .games-box .gamesLeft .gameView:hover .mask-btn-box[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView:hover .mask-btn-box[data-v-04b45b0e] {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  animation: moveDis-04b45b0e 0.5s ease-in-out forwards;
}
@keyframes moveDis-04b45b0e {
  0% {
    height: 0;
  }
  to {
    height: 188px;
  }
}
.viewGameBox .games-box .gamesLeft .gameView:hover .mask-btn-box .btn[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView:hover .mask-btn-box .btn[data-v-04b45b0e] {
  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-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView .load[data-v-04b45b0e] {
  width: 215px;
  height: 145px;
  text-align: center;
  background: #fff;
}
.viewGameBox .games-box .gamesLeft .gameView .load img[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView .load img[data-v-04b45b0e] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.viewGameBox .games-box .gamesLeft .gameView .name[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView .name[data-v-04b45b0e] {
  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-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView .name .game-name[data-v-04b45b0e] {
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.viewGameBox .games-box .gamesLeft .gameView .name .star-box[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView .name .star-box[data-v-04b45b0e] {
  display: inline-block;
}
.viewGameBox .games-box .gamesLeft .gameView .name .star-box i[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView .name .star-box i[data-v-04b45b0e] {
  font-size: 16px;
  color: #e8e8e8;
}
.viewGameBox .games-box .gamesLeft .gameView .mask-btn-box[data-v-04b45b0e],
.viewGameBox .games-box .gamesRight .gameView .mask-btn-box[data-v-04b45b0e] {
  display: none;
}
.viewGameBox .games-box .item-center-bg[data-v-04b45b0e] {
  width: 770px;
  height: 444px;
  display: inline-block;
  position: relative;
}
.viewGameBox .games-box .item-center-bg .comm-bg[data-v-04b45b0e] {
  width: 100%;
  height: 300px;
}
.viewGameBox .games-box .item-center-bg .comm-bg.PG-SLOT-bg[data-v-04b45b0e] {
  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-04b45b0e] {
  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-04b45b0e] {
  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-04b45b0e] {
  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-04b45b0e] {
  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-04b45b0e] {
  background: url(/images/home_game_im_rt_bg.86cdf79e.png) no-repeat 50% / contain;
}
.viewGameBox .games-box .item-center-bg .slot-jackpot[data-v-04b45b0e] {
  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-1a982536] {
  width: 1200px;
  position: relative;
  margin: 0 auto;
}
.lucky-home-box .lucky-swiper-box .swiper-entrance[data-v-1a982536] {
  width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}
.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide[data-v-1a982536] {
  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-1a982536] {
  height: 50px;
  line-height: 50px;
  color: #000;
}
.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-name[data-v-1a982536] {
  font-size: 32px;
  font-weight: 700;
  color: #000;
}
.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-little-name[data-v-1a982536] {
  font-size: 18px;
  color: #000;
  padding: 20px 0;
}
.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .lucky-box-img[data-v-1a982536] {
  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-1a982536] {
  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-1a982536] {
  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-1a982536],
.lucky-home-box .lucky-swiper-box .swiper-entrance .swiper-slide .open-lucky-more i[data-v-1a982536] {
  color: #000;
}
.lucky-home-box .lucky-swiper-box .swiper-button-next[data-v-1a982536],
.lucky-home-box .lucky-swiper-box .swiper-button-prev[data-v-1a982536] {
  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-1a982536] {
  background: url(/images/swiperButtonPrev.0ef482e1.png) no-repeat 50% / contain;
  right: 0;
}
.lucky-home-box .lucky-swiper-box .swiper-button-next[data-v-1a982536] {
  background: url(/images/swiperButtonNext.0142bc91.png) no-repeat 50% / contain;
  left: unset;
}
.viewPhoneDownBox .home-title-bg[data-v-d8dd5470] {
  width: 590px;
  height: 84px;
  margin: 50px auto;
  background: url(/images/title-down-app.124efa61.png) no-repeat top/100% 100%;
}
.viewPhoneDownBox .phoneBox[data-v-d8dd5470] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.viewPhoneDownBox .phoneBox .phoneLeft[data-v-d8dd5470] {
  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-d8dd5470] {
  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-d8dd5470] {
  width: 533px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 14px;
  color: #ffd06c;
  padding: 0 0 75px 0;
}
.viewPhoneDownBox .phoneBox .phoneLeft .qrcodeBox[data-v-d8dd5470] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.viewPhoneDownBox .phoneBox .phoneLeft .qrcodeBox .qrcodeImg[data-v-d8dd5470] {
  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-d8dd5470] {
  width: 110px;
  height: 110px;
}
.viewPhoneDownBox .phoneBox .phoneLeft .qrcodeBox .btn[data-v-d8dd5470] {
  width: 134px;
  height: 231px;
  background: url(/images/title-detail-right.407882eb.png) no-repeat top/100% 100%;
}
.viewPhoneDownBox .phoneBox .phoneRight[data-v-d8dd5470] {
  width: 527px;
  height: 434px;
  margin: 48px 0 0 0;
  display: inline-block;
  background: url(/images/PhoneRight.86485a8e.png) no-repeat;
  background-size: 100% 100%;
}
.viewPhoneDownBox .phone-footer[data-v-d8dd5470] {
  width: 100%;
  background: #444;
}
.viewPhoneDownBox .phone-footer .footer-design[data-v-d8dd5470] {
  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 0.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 0.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, 0.1019607843);
  transition: all 0.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: 0.9s;
  -webkit-transition: 0.9s;
  -ms-transition: 0.9s;
  -moz-transition: 0.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);
}