html,
body {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
button {
  background: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
}

[v-cloak] {
  display: none;
}
.main-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.top-header {
  position: absolute;
  width: 100%;
  z-index: 3;
  top: 55px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 0 46px 0 76px;
  box-sizing: border-box;
}
.top-header .logo {
  width: 273px;
  height: 76px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/logo.png') no-repeat;
  background-size: cover;
}
.top-header .btns {
  display: flex;
  align-items: center;
  gap: 29px;
}
.top-header .btns .btn {
  width: 92px;
  height: 92px;
  background-repeat: no-repeat;
  background-size: cover;
  background: no-repeat;
  cursor: pointer;
}
.top-header .btns .btn.home-btn {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/home-btn.png');
}
.top-header .btns .btn.download-btn {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/download-btn.png');
}

.top-header .btns .user-info {
  color: white;
  font-size: 18px;
}

.top-header .btns .login-btn {
  color: white;
  font-size: 18px;
}

@keyframes arrow-down-up {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translate(0);
  }
}

/* 底部悬浮指示箭头 */
.bottom-arrow {
  position: absolute;
  left: 50%;
  margin-left: -70px;
  bottom: 12px;
  width: 140px;
  height: 141px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/bottom-arrow.png') no-repeat;
  background-size: cover;
  animation: arrow-down-up 2s ease-in-out 0s infinite;
}

.scroll {
  overflow-y: auto;
}
.scroll::-webkit-scrollbar {
  width: 5px;
  background-color: #ffd5aa;
  border-radius: 3px;
}
.scroll::-webkit-scrollbar-thumb {
  background: #c47340;
  border-radius: 3px;
}

.main-swiper {
  width: 100%;
  height: 100%;
}

.common-title-box {
  width: 396px;
  height: 88px;
  background-repeat: no-repeat;
  background-size: cover;
}

.common-title-box.title-1 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/title-1.png');
}
.common-title-box.title-2 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/title-2.png');
}
.common-title-box.title-3 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/title-3.png');
}
.common-title-box.title-4 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/title-4.png');
}
.common-title-box.title-5 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/title-5.png');
}

.part-1 {
  position: relative;
}
.part-1 .first-btn {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 491px;
  height: 406px;
  cursor: pointer;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/join-btn.png') no-repeat;
  background-size: cover;
}
.part-1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.part-1 .bottom-arrow {
  bottom: -26px;
}

.part-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/bg-2.jpg') no-repeat;
  background-size: cover;
  padding-top: 30px;
  box-sizing: border-box;
}

.part-2 .content-wrapper {
  width: 1223px;
  height: 719px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/border-bg-1.png') no-repeat;
  background-size: cover;
  margin-top: -30px;
  /* padding: 67px 125px 66px 121px; */
  padding: 89px 153px 83px 179px;
  box-sizing: border-box;
}

.part-2 .scroll-box {
  height: 100%;
  /* margin: 22px 28px 17px 58px; */
  padding-right: 56px;
  box-sizing: border-box;
}

.part-2 .paragraph {
  margin-bottom: 25px;
}

.part-2 .paragraph h1 {
  min-width: 212px;
  height: 69px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/little-title.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;

  display: inline-block;

  font-size: 18px;
  line-height: 71px;
  letter-spacing: 1px;
  color: #ca3000;
}

.part-2 .paragraph h1.large {
  width: 304px;
  height: 69px;
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/larger-title.png');
}

.part-2 .paragraph h2 {
  font-size: 16px;
  color: #c84809;
  margin-top: 10px;
}

.part-2 .paragraph p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #8e3b07;
  margin-left: 7px;
}

.part-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/bg-3.jpg') no-repeat;
  background-size: cover;
  padding-top: 30px;
  box-sizing: border-box;
}

.part-3 .content-wrapper {
  position: relative;
  width: 1244px;
  height: 763px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/border-bg-2.png') no-repeat;
  background-size: cover;
  margin-top: -30px;
  padding: 89px 109px 79px 74px;
  box-sizing: border-box;
}

.part-3 .actions {
  position: absolute;
  top: 34px;
  right: 128px;

  display: flex;
  align-items: center;
  gap: 16px;
}

.part-3 .district-select {
  position: relative;
}

.part-3 .district-btn {
  width: 119px;
  height: 40px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/server-btn.png') no-repeat;
  background-size: cover;
}

.part-3 .district-select:hover .district-list {
  display: flex;
}

.part-3 .district-select .district-list {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 9px;
  width: 162px;
  height: 180px;
  z-index: 10;
  transform: translate(-50%, 100%);
  background: #000000bf;
  flex-direction: column;
  overflow-y: auto;
  border-radius: 4px;
}

/* 滚动条整体样式 */
.part-3 .district-select .district-list::-webkit-scrollbar {
  width: 5px; /* 滚动条宽度 */
}

/* 滚动条轨道 */
.part-3 .district-select .district-list::-webkit-scrollbar-track {
  background: gray; /* 背景颜色 */
  border-radius: 3px; /* 圆角 */
}

/* 滚动条滑块 */
.part-3 .district-select .district-list::-webkit-scrollbar-thumb {
  background: black; /* 滑块颜色 */
  border-radius: 3px; /* 圆角 */
}

.part-3 .district-select .district-list li {
  color: white;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.part-3 .district-select .district-list li.active,
.part-3 .district-select .district-list li:hover {
  background: #000000;
}

.part-3 .actions .rules-btn {
  width: 119px;
  height: 40px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/rules-btn.png') no-repeat;
  background-size: cover;
  margin-bottom: 2px;
}

.part-3 .actions .server-name {
  color: white;
  margin-bottom: 7px;
}

.part-3 .table {
  padding: 28px 17px;
  box-sizing: border-box;

  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.part-3 .table .table-header {
  display: flex;

  font-size: 18px;
  letter-spacing: 2px;
  color: #c84809;

  padding-right: 13px;
  box-sizing: border-box;
}

.part-3 .table .table-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 19px;

  font-size: 14px;
  letter-spacing: 1px;
  color: #7b5200;
  padding-right: 13px;
  box-sizing: border-box;
}

.part-3 .table .table-body li {
  display: flex;
  width: 100%;
  height: 61px;
  line-height: 61px;
  background-color: #ffe2b9;
  border-radius: 13px;
}

.part-3 .table .table-body li:nth-of-type(1) .col-1 {
  color: transparent;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/01.png') no-repeat;
  background-size: 45px 45px;
  background-position: center;
}
.part-3 .table .table-body li:nth-of-type(2) .col-1 {
  color: transparent;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/02.png') no-repeat;
  background-size: 45px 45px;
  background-position: center;
}
.part-3 .table .table-body li:nth-of-type(3) .col-1 {
  color: transparent;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/03.png') no-repeat;
  background-size: 45px 45px;
  background-position: center;
}

.part-3 .table .col-1 {
  width: 60px;
}

.part-3 .table .table-body .col-1 {
  color: #c84809;
  font-size: 24px;
}

.part-3 .table .col-2 {
  width: 110px;
}

.part-3 .table .col-3 {
  flex: 1;
  padding-left: 70px;
  box-sizing: border-box;
}

.part-3 .table .col-4 {
  flex: 1;
}

.part-3 .table .col-5 {
  width: 240px;
}

.part-3 .table .reward {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.part-3 .table .reward .img-box {
  position: relative;
  width: 43px;
  height: 41px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/border-r.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}

.part-3 .table .reward .img-box .other-box {
  display: none;
  position: absolute;
  z-index: 5;
  top: -28px;
  left: 0;
  transform: translateX(-86%);
  width: 357px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/bg_zq.png') no-repeat;
  background-size: 100% 100%;

  padding: 55px 80px 60px;
  box-sizing: border-box;

  pointer-events: none;
}

.part-3 .table .reward .img-box .other-box h1 {
  color: #521711;
  font-size: 14px;
  line-height: 20px;
}

.part-3 .table .reward .img-box .other-box p {
  color: #7e4f3a;
  font-size: 14px;
  line-height: 18px;
}

.part-3 .table .reward .img-box:hover .other-box {
  display: block;
}

.part-3 .table .reward .img-box img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  margin-top: 3px;
  margin-left: -2px;
}

.part-3 .table .reward p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #7b5200;
}

.part-3 .bottom-arrow {
  bottom: 0px;
}

.part-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/bg-4.jpg') no-repeat;
  background-size: cover;
  padding-top: 30px;
  box-sizing: border-box;
}

.part-4 .content-wrapper {
  height: 588px;
  margin-top: 25px;
}

.part-4 .banners {
  display: flex;
  margin-left: 10px;
}

.part-4 .banner {
  display: flex;
  align-items: center;
  margin-left: -10px;
}

.part-4 .banner .icon {
  position: relative;
  z-index: 1;
  width: 120px;
  height: 588px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: background 0.2s;
  cursor: pointer;
}

.part-4 .banner-1 .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-1.png');
}

.part-4 .banner-1.active .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-1a.png');
}

.part-4 .banner-2 .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-2.png');
}

.part-4 .banner-2.active .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-2a.png');
}

.part-4 .banner-3 .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-3.png');
}

.part-4 .banner-3.active .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-3a.png');
}

.part-4 .banner-4 .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-4.png');
}

.part-4 .banner-4.active .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-4a.png');
}

.part-4 .banner-5 .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-5.png');
}

.part-4 .banner-5.active .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-5a.png');
}

.part-4 .banner-6 .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-6.png');
}

.part-4 .banner-6.active .icon {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-6a.png');
}

.part-4 .banner .content {
  position: relative;
  overflow: hidden;

  /* width: 559px; */
  width: 0;
  height: 554px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/banner-content.png') no-repeat;
  background-size: cover;
  transform: translate(-20px);
  margin-bottom: 28px;

  box-sizing: border-box;
  transition: width 0.2s;
}

.part-4 .banner .content::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0px;
  height: 94%;
  box-shadow: 0 0 11px 4px rgba(0, 0, 0, 0.6);
}

.part-4 .banner.active .content {
  width: 559px;
  /* padding: 38px 30px 35px 38px; */
}

.part-4 .banner .scroll-box {
  margin: 38px 0 0 38px;
  width: 476px;
  height: 465px;
  padding-right: 24px;
  box-sizing: border-box;
}

.part-4 .paragraph {
  margin-bottom: 25px;
}

.part-4 .paragraph h1 {
  width: 212px;
  height: 69px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/little-title.png') no-repeat;
  background-size: cover;
  text-align: center;

  font-size: 18px;
  line-height: 71px;
  letter-spacing: 1px;
  color: #ca3000;

  margin: 0 auto;
}

.part-4 .paragraph h1.large {
  width: 304px;
  height: 69px;
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/larger-title.png');
}

.part-4 .paragraph .text-center {
  text-align: center;
}

.part-4 .paragraph h2 {
  font-size: 16px;
  color: #ba1200;
  margin-top: 10px;
}

.part-4 .paragraph p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #8e3b07;
  margin-left: 7px;
}

.part-4 .tips {
  font-size: 16px;
  color: #8e3b07;
  line-height: 24px;
  margin-left: 7px;
}

.part-4 .paragraph .highlight {
  color: #ba1200;
  margin: 0 -6px;
}

.part-4 .paragraph .rewards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.part-4 .paragraph .reward-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: 130px;
}

.part-4 .paragraph .reward-item .img-box {
  position: relative;

  width: 91px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.part-4 .paragraph .reward-item .img-box::before {
  position: absolute;
  left: -20px;
  top: -20px;
  content: '';
  width: 112px;
  height: 113px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/gift-box.png') no-repeat;
  background-size: cover;
  pointer-events: none;
}

.part-4 .paragraph .reward-item img {
  position: relative;
  width: 73px;
  height: 73px;
  object-fit: contain;
}

.part-4 .paragraph .reward-item .name {
  width: 119px;
  height: 39px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/gift-title.png') no-repeat;
  background-size: cover;

  font-size: 14px;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
}

.part-4 .paragraph .reward-item p {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #8e3b07;
}

.part-4 .paragraph .btn-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 0 30px;
}

.part-4 .paragraph .receive-btn {
  width: 103px;
  height: 40px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/receive-btn.png') no-repeat;
  background-size: cover;
}

.part-4 .paragraph .receive-btn.received {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/received-btn.png');
}

.part-4 .paragraph .to-receive-btn {
  display: block;
  width: 202px;
  height: 59px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/to-receive-btn.png') no-repeat;
  background-size: cover;

  margin: 22px auto 0;
}

.part-4 .paragraph .text-img {
  margin: 0 auto;
}

.part-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/bg-5.jpg') no-repeat;
  background-size: cover;
  padding-top: 30px;
  box-sizing: border-box;
}

.part-5 .content-wrapper {
  position: relative;
  width: 1195px;
  height: 645px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/border-bg-3.png') no-repeat;
  background-size: cover;
  padding: 50px 88px 39px 113px;
  box-sizing: border-box;
}

.part-5 .scroll-box {
  width: 902px;
  margin: 32px auto 0;
}

.part-5 .paragraph {
  margin-bottom: 25px;
}

.part-5 .paragraph h1 {
  width: 212px;
  height: 69px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/little-title.png') no-repeat;
  background-size: cover;
  text-align: center;

  font-size: 18px;
  line-height: 71px;
  letter-spacing: 1px;
  color: #ca3000;
}

.part-5 .paragraph h1.large {
  width: 304px;
  height: 69px;
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/larger-title.png');
}

.part-5 .paragraph h2 {
  font-size: 16px;
  color: #c84809;
  margin-top: 10px;
}

.part-5 .paragraph p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #8e3b07;
  margin-left: 7px;
}

.part-5 .paragraph p.h2 {
  margin-top: 10px;
}

.part-5 .paragraph p.light {
  color: #c84809;
}

.part-5 .paragraph .gift-team {
  margin: 10px auto;
}

.part-5 .paragraph .go-btn {
  display: block;
  width: 211px;
  height: 62px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/go-btn.png') no-repeat;
  background-size: cover;

  margin: 10px auto 0;
}

.part-5 .paragraph .center-tip {
  text-align: center;
  font-size: 14px;
  color: #a68b58;
}

.part-5 .bottom-arrow {
  bottom: 0px;
}

.part-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/bg-6.jpg') no-repeat;
  background-size: cover;
  padding-top: 30px;
  box-sizing: border-box;
}

.part-6 .content-wrapper {
  position: relative;
  width: 1194px;
  height: 568px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/border-bg-4.png') no-repeat;
  background-size: cover;
  padding: 16px 26px 17px 46px;
  box-sizing: border-box;
  margin-top: 47px;

  text-align: center;
}

.part-6 .one {
  font-size: 18px;
  line-height: 43px;
  color: #8e3b07;
  margin-top: 80px;

  font-weight: 600;
}

.part-6 .two {
  font-size: 16px;
  line-height: 23px;
  color: #8e3b07;
}

.part-6 .go-btn {
  display: block;
  width: 211px;
  height: 62px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/go-btn.png') no-repeat;
  background-size: cover;

  margin: 0 auto;
}

.part-6 .highlight {
  color: #c84809;
  margin: 0 -6px;
}

.part-6 .table-img {
  margin: 39px auto 47px;
}

.part-6 .center-tip {
  text-align: center;
  font-size: 14px;
  color: #a68b58;
}

/* 固定导航菜单 */
.fixed-menus {
  position: fixed;
  z-index: 100;
  left: 61px;
  top: 50%;
  transform: translateY(-50%);
  width: 284px;
  height: 429px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-bg.png') no-repeat;
  background-size: cover;
  padding: 54px 58px 0 54px;
  box-sizing: border-box;
}

.fixed-menus .menus {
  width: 100%;
  padding: 29px 16px 0;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  gap: 29px;
}

.fixed-menus .menus .menu-item {
  width: 100%;
  height: 19px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  transition: background 0.15s;
  cursor: pointer;
}

.fixed-menus .menus .menu-item-1 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-1.png');
}

.fixed-menus .menus .menu-item-1.active {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-1a.png');
}

.fixed-menus .menus .menu-item-2 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-2.png');
}

.fixed-menus .menus .menu-item-2.active {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-2a.png');
}

.fixed-menus .menus .menu-item-3 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-3.png');
}

.fixed-menus .menus .menu-item-3.active {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-3a.png');
}

.fixed-menus .menus .menu-item-4 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-4.png');
}

.fixed-menus .menus .menu-item-4.active {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-4a.png');
}

.fixed-menus .menus .menu-item-5 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-5.png');
}

.fixed-menus .menus .menu-item-5.active {
  background-image: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-5a.png');
}

.fixed-menus .menu-item-first {
  position: absolute;
  left: 50%;
  margin-left: -38.5px;
  bottom: 37px;
  width: 73px;
  height: 73px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/menu-0.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}

.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 666;

  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-wrapper .modal-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.modal-wrapper .modal-content {
  position: relative;
}

.rules-modal .modal-content {
  position: relative;
  width: 635px;
  height: 948px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/rules-modal.png') no-repeat;
  background-size: cover;

  padding: 0 0 0 0;
}

.rules-modal .close-btn {
  position: absolute;
  top: 145px;
  right: 160px;
  width: 40px;
  height: 40px;
  background: url('https://img.fhyx.com/fxegames/sgm/gqkhgxss/close.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}

.rules-modal .scroll {
  margin: 284px 0 0 72px;
  width: 400px;
  height: 583px;
  padding-right: 16px;
  box-sizing: border-box;
}

.rules-modal .paragraph {
  margin-bottom: 10px;
}

.rules-modal .paragraph h2 {
  font-size: 18px;
  color: #c84809;
  margin-bottom: 12px;
}

.rules-modal .paragraph p {
  font-size: 16px;
  color: #8e3b07;
  margin-bottom: 10px;
}

.rules-modal .tips {
  font-size: 16px;
  color: #8e3b07;
}