#app {
  height: 100vh;
  height: 100dvh;
}

.top-header {
  position: fixed;
  z-index: 5;
  top: 0.32rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.37rem 0 0.48rem;
  box-sizing: border-box;
  pointer-events: none;
}
.top-header .logo {
  width: 2.82rem;
  height: 0.78rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/logo.png') no-repeat;
  background-size: 100% 100%;
  pointer-events: visible;
}
.top-header .right-actions {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  pointer-events: visible;
}
.top-header .right-actions .user-box {
  /* min-width: 2.43rem; */
  min-width: 1.94rem;
  height: 0.64rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnb1.png') no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.05rem;
  font-size: 0.16rem;
  font-weight: bold;
  color: #2e3944;
  padding-top: 0.1rem;
  box-sizing: border-box;
}
.top-header .right-actions .user-box button {
  text-decoration: underline;
  text-underline-offset: 0.03rem;
  font-weight: bold;
}
.top-header .right-actions .user-box .logout-btn {
  font-weight: normal;
  color: #445863;
}
.top-header .right-actions .user-box.long {
  min-width: 3.15rem;
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnb1_long.png');
}
.top-header .right-actions .home-btn {
  /* width: .82rem;
  height: .77rem; */
  width: 0.66rem;
  height: 0.62rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnb2.png') no-repeat;
  background-size: cover;
}
.top-header .right-actions .down-btn {
  width: 0.66rem;
  height: 0.62rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnb3.png') no-repeat;
  background-size: cover;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-slide {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/bg1.jpg');
}

.part-1 {
  background-image: none !important;
}
.part-1 video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.part-1 .slogan {
  position: absolute;
  top: 2.09rem;
  left: 50%;
  transform: translateX(-0.09rem);
  width: 7.32rem;
  height: 5.1rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/slg.png') no-repeat;
  background-size: cover;
}
.part-1 .join-btn {
  position: absolute;
  bottom: 0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.12rem;
  height: 2.12rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btna.png') no-repeat;
  background-size: cover;
}

.part-title-box {
  position: relative;
  display: flex;
  justify-content: center;
}
.part-title-box .part-title {
  position: relative;
  width: 6.29rem;
  height: 1.31rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btbga.png') no-repeat;
  background-size: cover;
  pointer-events: none;

  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.1rem;
  box-sizing: border-box;

  font-size: 0.48rem;
  font-weight: bold;
  line-height: 0.48rem;
  letter-spacing: 0rem;
  color: #ffcb68;
}
.part-title-box .part-title .stroke {
  position: relative;
  -webkit-text-stroke: 0.06rem #080805;
}
.part-title-box .part-title span {
  position: absolute;
}
.part-title-box .btn {
  min-width: 1.15rem;
  height: 0.39rem;
  background-color: #ffca682c;
  border-radius: 0.06rem;
  border: solid 0.01rem #ffcb68;
  box-sizing: border-box;
  backdrop-filter: blur(0.05rem);

  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #ffcb68;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.1rem;
}
.part-title-box .btn.rules-btn .icon {
  width: 0.17rem;
  height: 0.21rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/ico2.png') no-repeat;
  background-size: cover;
  margin-right: 0.09rem;
}
.part-title-box .btn.record-btn .icon {
  width: 0.21rem;
  height: 0.2rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/ico1.png') no-repeat;
  background-size: cover;
  margin-right: 0.07rem;
}

.part-menus {
  position: fixed;
  z-index: 10;
  bottom: 0.14rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.26rem;
  transition: all 0.3s;
}
.part-menus.hide {
  transform: translate(-50%, 0.5rem);
  opacity: 0;
  visibility: hidden;
}
.part-menus .part-menu {
  width: 1.48rem;
  height: 1.47rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnd1.png') no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 0.32rem;
  text-align: center;
  font-weight: bold;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #000000;
  user-select: none;
}
.part-menus .part-menu .name {
  width: 0.72rem;
}
.part-menus .part-menu:hover,
.part-menus .part-menu.active {
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnd2.png');
  font-size: 0.36rem;
}

.part-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.part-2 .part-content {
  margin-bottom: 1.22rem;
  display: flex;
  justify-content: center;
  margin-top: 0.53rem;
}
.part-2 .lottery-box {
  position: relative;
  transform: translateX(-1.21rem);
}
.part-2 .horse-car {
  position: relative;
  width: 10.31rem;
  height: 5.99rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/_0002_mac1.png') no-repeat;
  background-size: cover;
}
.part-2 .horse-car .cap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/_0001_mac2.png') no-repeat;
  background-size: cover;
}
.part-2 .horse-car .cap.opened {
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/_0000_mac3.png');
}
.part-2 .lottery-btns {
  position: absolute;
  bottom: 0.44rem;
  left: 2.19rem;
  display: flex;
  gap: 0.13rem;
}
.part-2 .lottery-btns .btn {
  width: 1.89rem;
  height: 0.77rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnc.png') no-repeat;
  background-size: 100% 100%;
  font-size: 0.24rem;
  font-weight: bold;
  color: #37190e;
}
.part-2 .lottery-btns .five-btn {
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnc1.png');
}
.part-2 .progress-box {
  position: absolute;
  transform: translate(1.29rem, 0.6rem);
  width: 8rem;
  height: 8rem;
  pointer-events: none;
}
.part-2 .progress-item {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: auto;
}
.part-2 .progress-item .progress-num {
  width: 0.41rem;
  height: 0.41rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/jindu1.png') no-repeat;
  background-size: cover;

  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.41rem;
  letter-spacing: 0rem;
  color: #ffcb68;
  text-align: center;

  user-select: none;
}
.part-2 .reward-box {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.part-2 .reward-box.receive {
  cursor: pointer;
}
.part-2 .reward-box.received .reward-list {
  filter: grayscale(1);
}
.part-2 .reward-box.received::before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 90px;
  height: 70px;
  background: url(https://img.fhyx.com/fxegames/sgm/sgzlmtxc/ylq.png) no-repeat center;
  background-size: 100%;
}
.part-2 .reward-list {
  display: flex;
  background-color: #f1eae2;
  border: 0.05rem solid #644d1f;
  padding: 0.05rem;
  gap: 0.07rem;
}
.part-2 .reward-item {
  position: relative;
  outline: 0.03rem solid #a88c40;
  border: 0.02rem solid #ffe47a;
}
.part-2 .reward-item .tag-text {
  position: absolute;
  top: -0.02rem;
  left: -0.02rem;
  font-size: 0.12rem;
  min-width: 0.46rem;
  height: 0.18rem;
  line-height: 0.18rem;
  text-align: center;
  padding: 0 0.05rem;
  box-sizing: border-box;
  background: #ffde76;
  border-radius: 0 0 0.08rem 0;
}
.part-2 .reward-item img {
  display: block;
  width: 0.62rem;
  height: 0.62rem;
  object-fit: cover;
}
.part-2 .reward-item .name {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -0.18rem;
  transform: translate(-50%, 100%);
  min-width: 0.8rem;
  max-width: 1.8rem;
  width: max-content;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.04rem;
  color: white;
  font-size: 0.12rem;
  line-height: 0.2rem;
  text-align: center;
  padding: 0.04rem;
}
.part-2 .reward-item:hover .name {
  display: block;
}
.part-2 .progress-item-1 {
  left: 3.76rem;
  top: -0.14rem;
}
.part-2 .progress-item-1 .reward-box {
  top: -0.89rem;
  left: 0.3rem;
}
.part-2 .progress-item-2 {
  left: 5.35rem;
  top: 0.14rem;
}
.part-2 .progress-item-2 .reward-box {
  top: -0.63rem;
  left: 0.5rem;
}
.part-2 .progress-item-3 {
  left: 6.58rem;
  top: 0.98rem;
}
.part-2 .progress-item-3 .reward-box {
  top: -0.35rem;
  left: 0.55rem;
}
.part-2 .progress-item-4 {
  left: 7.42rem;
  top: 2.27rem;
}
.part-2 .progress-item-4 .reward-box {
  top: -0.11rem;
  left: 0.54rem;
}
.part-2 .text-box {
  position: absolute;
  left: 7.36rem;
  top: 4.08rem;
}
.part-2 .text-box .texts {
  position: relative;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #ffcb68;

  display: flex;
  justify-content: center;

  text-align: center;
}
.part-2 .text-box .texts p {
  position: absolute;
  white-space: nowrap;
  display: flex;
}
.part-2 .text-box .texts .high {
  font-size: 0.3rem;
}
.part-2 .text-box .texts .stroke {
  position: relative;
  -webkit-text-stroke: 0.04rem #0d0905;
}
.part-2 .text-box .desc {
  position: relative;
  font-size: 0.16rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #503831;
  white-space: nowrap;
  display: flex;
}
.part-2 .text-box .desc span {
  position: absolute;
}
.part-2 .text-box .desc .stroke {
  position: relative;
  -webkit-text-stroke: 0.01rem #b79c80;
}

.part-2 .left-actions {
  position: absolute;
  left: -0.45rem;
  top: 0.6rem;
  transform: translateX(-100%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.part-2 .left-actions .key-num {
  height: 0.39rem;
  background-color: #000000;
  border-radius: 0.06rem;
  border: solid 0.01rem #ffcb68;
  padding: 0 0.06rem;
  box-sizing: border-box;
  font-size: 0.16rem;
  line-height: 0.39rem;
  letter-spacing: 0rem;
  color: #ffcb68;

  display: flex;
  align-items: center;
  cursor: pointer;

  margin-top: 0.3rem;
}
.part-2 .left-actions .key-num .icon {
  width: 0.44rem;
  height: 0.63rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/yaoshi.png') no-repeat;
  background-size: cover;
}
.part-2 .left-actions .key-num .icon-plus {
  position: relative;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #ffcb68;
  border-radius: 50%;
  margin-left: 0.06rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.part-2 .left-actions .key-num .icon-plus::after {
  position: absolute;
  content: '+';
  color: #000000;
  font-size: 0.24rem;
  line-height: 0.15rem;
}
.part-2 .left-actions .btns {
  display: flex;
  align-items: center;
  gap: 0.09rem;
}

.part-3-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 1.62rem;
  box-sizing: border-box;
}
.part-3-6 .part-content {
  position: relative;
  width: 10.47rem;
  height: 5.72rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/bg.png') no-repeat;
  background-size: 100% 100%;
  margin-top: 0.16rem;
  padding: 0.28rem;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
}
.part-3 .sign-box {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: center;
  margin-top: 0.33rem;
}
.part-3 .sign-box .sign-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.part-3 .sign-box .sign-btn {
  width: 1.04rem;
  height: 1.04rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/qdico.png') no-repeat;
  background-size: cover;
}
.part-3 .sign-box .sign-item.signed .sign-btn {
  opacity: 0.5;
}
.part-3 .sign-box .sign-item.signed .sign-text {
  opacity: 0.5;
}
.part-3 .sign-box .sign-item.signed .signed-text {
  display: block;
}
.part-3 .sign-box .sign-item .signed-text {
  display: none;
  position: absolute;
  top: 0.08rem;
  left: -0.15rem;
  width: 1.36rem;
  height: 0.86rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/qdbg.png') no-repeat;
  background-size: cover;
}
.part-3 .sign-box .sign-item .signed-text span {
  position: absolute;
  left: 0.22rem;
  top: 0.25rem;
  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #e1d4cb;
  transform: rotate(-15deg);
}
.part-3 .sign-box .sign-text {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #040000;
}
.part-3 .sign-box .arrow {
  width: 0.46rem;
  height: 0.4rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/jt1.png') no-repeat;
  background-size: cover;
  margin-bottom: 0.39rem;
}
.part-3 .reward-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.part-3 .reward-box .icon {
  width: 1.14rem;
  height: 1.02rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/qdico1.png') no-repeat;
  background-size: cover;
}
.part-3 .reward-box .reward-text {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.36rem;
  color: #402421;
}
.part-3 .reward-box .receive-btn {
  position: relative;
  width: 1.7rem;
  height: 0.69rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnc11.png') no-repeat;
  background-size: 100% 100%;

  font-size: 0.22rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #ffead8;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}
.part-3 .reward-box .receive-btn span {
  position: absolute;
}
.part-3 .reward-box .receive-btn .stroke {
  -webkit-text-stroke: 0.02rem #505050;
}
.part-3 .reward-box .receive-btn.receive {
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnc1.png');
  color: #fffbd8;
  cursor: pointer;
}
.part-3 .reward-box .receive-btn.receive .stroke {
  -webkit-text-stroke: 0.02rem#833d00;
}
.part-3 .rules-box {
  margin: 0.15rem 0.3rem 0;
  height: 2rem;
  padding-right: 0.04rem;
}
.part-3 .rules-box h1 {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #a33012;
}
.part-3 .rules-box p {
  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #a33012;
}

.part-4-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 1.62rem;
  box-sizing: border-box;
}
.part-4-5 .part-content {
  position: relative;
  width: 10.47rem;
  height: 5.72rem;

  margin-top: 0.16rem;
  padding: 0.28rem;
  box-sizing: border-box;
}
.part-4-5 .part-content::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/bg.png') no-repeat;
  background-size: 100% 100%;
}
.part-4-5 .part-content::before {
  content: '';
  position: absolute;
  left: -0.45rem;
  top: -0.35rem;
  width: 10.81rem;
  height: 6.41rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/bg1.png') no-repeat;
  background-size: 100% 100%;
}
.part-4-5 .part-content .menus-list {
  position: absolute;
  top: 0.75rem;
  left: -1.37rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.part-4-5 .part-content .menu-item {
  width: 1.72rem;
  height: 0.6rem;
  background-color: #e1d4cb;
  box-shadow: 0rem 0.02rem 0.04rem 0rem #060100;

  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #a33012;
  cursor: pointer;
  text-align: center;
  line-height: 0.6rem;

  filter: brightness(0.8);
  transition: all 0.2s;
  user-select: none;
}
.part-4-5 .part-content .menu-item.active {
  z-index: 1;
  filter: brightness(1);
}
.part-4 .rules-btn {
  position: absolute;
  left: -1.36rem;
  top: 0.64rem;
}
.part-4 .server-toggle {
  position: relative;
  z-index: 1;
  width: 1.73rem;
  height: 0.27rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/qfbg.png') no-repeat;
  background-size: cover;

  font-size: 0.14rem;
  font-weight: bold;
  letter-spacing: 0.01rem;
  color: #ffffff;

  display: flex;
  align-items: center;
  gap: 0.06rem;
  padding: 0 0.15rem;
  box-sizing: border-box;

  margin: 0.15rem auto 0;
}
.part-4 .server-toggle span {
  flex: 1;
}
.part-4 .server-toggle .icon {
  width: 0.1rem;
  height: 0.06rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/qfx.png') no-repeat;
  background-size: cover;
}
.part-4 .number-content {
  position: relative;
  z-index: 1;
  display: flex;
  padding: 0.15rem 0.27rem 0;
  box-sizing: border-box;
}
.part-4 .left-list-1 {
  width: 4.38rem;
  height: 4rem;
  background-color: #ada39b99;
  border: solid 0.01rem #a84021;
  box-sizing: border-box;
  padding: 0.11rem 0.12rem;
  --gap: 0.12rem;
}
.part-4 .left-list-1.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.2rem;
  color: gray;
}
.part-4 .left-list-1 .number-list {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}
.part-4 .left-list-1 .number-item {
  font-size: 0.14rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #5b4025;
  width: 100%;
  height: 0.41rem;
  background-color: #ffffff;
  padding: 0 0.1rem;
  box-sizing: border-box;
  line-height: 0.41rem;

  display: flex;
  align-items: center;
}
.part-4 .left-list-1 .number-item .name {
  color: #5757e7;
}
.part-4 .left-list-1 .number-item .number {
  color: #df4024;
}
.part-4 .right-content-1 {
  flex: 1;
  width: 4.48rem;
  margin-left: 0.29rem;
}
.part-4 .number-content h1 {
  font-size: 0.3rem;
  line-height: 1em;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #b74224;
  text-align: center;
  margin-bottom: 0.16rem;
}
.part-4 .number-content p {
  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #713e24;
  text-align: center;
}
.part-4 .right-content-1 .rewards {
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  margin-top: 0.18rem;
}
.part-4 .right-content-1 .reward-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.part-4 .right-content-1 .reward-item .img-box {
  width: 1.06rem;
  height: 1.04rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/icobg.png') no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.part-4 .right-content-1 .reward-item .img-box img {
  width: 0.65rem;
  height: 0.65rem;
  object-fit: cover;
}
.part-4 .right-content-1 .reward-item .name {
  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #713e24;
  margin-top: 0.06rem;
}
.part-4 .right-content-1 .buy-btn {
  position: relative;
  width: 1.7rem;
  height: 0.69rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnc1.png') no-repeat;
  background-size: 100% 100%;

  font-size: 0.22rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #fffbd8;
  display: flex;
  justify-content: center;
  align-items: center;

  margin: 0.1rem auto 0;
  cursor: default;
}
.part-4 .right-content-1 .buy-btn.receive {
  cursor: pointer;
}
.part-4 .right-content-1 .buy-btn span {
  position: absolute;
}
.part-4 .right-content-1 .buy-btn .stroke {
  -webkit-text-stroke: 0.02rem #833d00;
}
.part-4 .number-content .my-number {
  width: 4rem;
  height: 0.47rem;
  background-color: #ada39b;
  border-radius: 0.06rem;

  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #742a14;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.13rem;

  margin: 0.15rem auto 0.24rem;
}
.part-4 .number-content .numbers {
  display: flex;
  align-items: center;
}
.part-4 .number-content .numbers .number-item {
  width: 0.32rem;
  height: 0.32rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnbg.png') no-repeat;
  background-size: 100% 100%;

  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #dac99d;

  text-align: center;
  line-height: 0.32rem;
}
.part-4 .left-list-2 {
  width: 4.05rem;
}
.part-4 .right-content-2 {
  width: 4.8rem;
}
.part-4 .left-list-2 .number-box {
  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #742a14;

  display: flex;
  align-items: center;
  justify-content: center;
}
.part-4 .left-list-2 .numbers {
  display: flex;
  align-items: center;
  margin-bottom: 0.13rem;
}
.part-4 .left-list-2 .numbers .number-item {
  width: 0.52rem;
  height: 0.53rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnbg.png') no-repeat;
  background-size: 100% 100%;

  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #dac99d;

  display: flex;
  align-items: center;
  justify-content: center;
}
.part-4 .left-list-2 .numbers .number-item img {
  height: 0.3rem;
  object-fit: contain;
}
.part-4 .left-list-2 .user-list {
  width: 3.4rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.part-4 .left-list-2 .user-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.part-4 .left-list-2 .user-item .avatar-box {
  width: 0.91rem;
  height: 0.91rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/facebg.png') no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.part-4 .left-list-2 .user-item .avatar {
  width: 0.72rem;
  height: 0.72rem;
  object-fit: cover;
  border-radius: 50%;
}
.part-4 .left-list-2 .user-item .nickname {
  font-size: 0.16rem;
  font-weight: bold;
  letter-spacing: -0.01rem;
  color: #713e24;
  margin-top: 0.04rem;
}
.part-4 .left-list-2 .user-item .reward-text {
  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #713e24;
  margin-top: 0.08rem;
  text-wrap: nowrap;
}
.part-4 .right-content-2 {
  margin-left: 0.6rem;
}
.part-4 .right-content-2 .fy-iframe {
  width: 4.62rem;
  height: 2.69rem;
  background-color: #ada39b;
  border: solid 0.01rem #a84021;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  margin-top: 0.26rem;
}
.part-4 .right-content-2 .fy-iframe .play {
  width: 1.99rem;
  height: 1.99rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/play.png') no-repeat;
  background-size: cover;
  margin-top: -0.41rem;
}
.part-4 .right-content-2 .fy-iframe p {
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #fdf4e1;
  margin-top: -0.3rem;
}
.part-4 .right-content-2 .my-number {
  margin-top: 0.17rem;
}
.part-5 .part-content {
  padding: 0.8rem 0.46rem 0.82rem 0.54rem;
}
.part-5 .rules-content {
  position: relative;
  z-index: 1;
  overflow-y: auto;
  height: 100%;
  padding-right: 0.08rem;
  box-sizing: border-box;
  padding-left: 0.21rem;
}
.part-5 .rules-content::-webkit-scrollbar-track {
  background-color: #ada39b;
}
.part-5 .rules-content::-webkit-scrollbar-thumb {
  background: #a84021;
  cursor: pointer;
}
.part-5 .rules-content::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
}
.part-5 .rules-content h1 {
  position: relative;
  width: 5.03rem;
  height: 0.79rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/qdbtbg.png') no-repeat;
  background-size: cover;
  font-size: 0.24rem;
  line-height: 0.7rem;
  padding-left: 0.84rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #ffe19b;
  box-sizing: border-box;
}
.part-5 .rules-content h1::before {
  content: '';
  position: absolute;
  top: 0.02rem;
  left: -0.21rem;
  width: 1.16rem;
  height: 0.73rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/qdbtbg1.png') no-repeat;
  background-size: 100% 100%;
}
.part-5 .rules-content p {
  font-size: 0.18rem;
  letter-spacing: 0rem;
  color: #a84021;
  line-height: 0.28rem;
}
.part-5 .rules-content .br {
  display: block;
  height: 0.15rem;
}
.part-5 .part-content .tip {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0.45rem;
  transform: translateX(-50%);
  font-size: 0.12rem;
  letter-spacing: 0rem;
  color: #c8907f;
}

.part-6 .banner {
  flex-shrink: 0;
  width: 8.79rem;
  height: 3.04rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/img.jpg') no-repeat;
  background-size: 100% 100%;
  margin: 0.4rem auto 0.28rem;
}
.part-6 .rules-content {
  position: relative;
  width: 8.79rem;
  margin: 0rem auto 0.4rem;
}
.part-6 .rules-content p {
  font-size: 0.14rem;
  line-height: 0.24rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #a84021;
}
.part-6 .part-content .tip {
  position: absolute;
  left: 50%;
  bottom: 0.45rem;
  transform: translateX(-50%);
  font-size: 0.12rem;
  letter-spacing: 0rem;
  color: #c8907f;
}

.lottery-result-modal .fx-modal-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lottery-result-modal .center-ani {
  position: absolute;
  z-index: 1;
  width: 6.32rem;
  height: 6.55rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/jianglibg.png') no-repeat;
  background-size: cover;
  animation: spinner 100s linear infinite;
  transform-origin: 3.25rem 3.93rem;
  margin-bottom: 1.55rem;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.lottery-result-modal .decoration {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.lottery-result-modal .decoration-1 {
  width: 1.21rem;
  height: 1.13rem;
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/jiangliz2.png');
  transform: translate(-2.36rem, 0.47rem);
}
.lottery-result-modal .decoration-2 {
  /* width: .97rem;
  height: .92rem; */
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/jianglif2.png');
}
.lottery-result-modal .decoration-2-1 {
  width: 0.75rem;
  height: 0.81rem;
  transform: translate(-3.25rem, -2.28rem);
}
.lottery-result-modal .decoration-2-2 {
  width: 1.88rem;
  height: 1.76rem;
  transform: translate(-5.63rem, -3.73rem);
}
.lottery-result-modal .decoration-2-3 {
  width: 0.98rem;
  height: 0.93rem;
  transform: translate(-7.48rem, 2.67rem);
}
.lottery-result-modal .decoration-2-4 {
  width: 0.74rem;
  height: 0.76rem;
  transform: translate(7.41rem, -4.34rem);
}
.lottery-result-modal .decoration-3 {
  /* width: 1.21rem;
  height: .69rem; */
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/jianglif1.png');
}
.lottery-result-modal .decoration-3-1 {
  width: 1.21rem;
  height: 0.69rem;
  transform: translate(-6.01rem, 2.69rem);
}
.lottery-result-modal .decoration-4 {
  /* width: 1.21rem;
  height: .69rem; */
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/jianglih2.png');
}
.lottery-result-modal .decoration-4-1 {
  width: 3.03rem;
  height: 2.75rem;
  transform: translate(-9.33rem, -4.7rem);
}
.lottery-result-modal .decoration-4-2 {
  width: 1.02rem;
  height: 1.01rem;
  transform: translate(2.5rem, -2.9rem);
}
.lottery-result-modal .decoration-4-3 {
  width: 1.02rem;
  height: 1.01rem;
  transform: translate(6.57rem, 0.1rem);
}
.lottery-result-modal .decoration-5 {
  background-image: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/jianglih1.png');
}
.lottery-result-modal .decoration-5-1 {
  width: 1.07rem;
  height: 1.33rem;
  transform: translate(3.83rem, -2.88rem);
}
.lottery-result-modal .reward-box {
  position: absolute;
  z-index: 2;
}
.lottery-result-modal .reward-box h1 {
  position: relative;
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #fdf4bb;
  text-align: center;
}
.lottery-result-modal .reward-box h1::before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-text-stroke: 0.03rem #864c09;
}
.lottery-result-modal .reward-list {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.lottery-result-modal .reward-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lottery-result-modal .reward-item .img-box {
  width: 1.76rem;
  height: 1.09rem;
  margin-top: 0.2rem;
}
.lottery-result-modal .reward-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.lottery-result-modal .reward-item .name {
  position: relative;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #fdf4bb;
  margin-top: 0.26rem;
}
.lottery-result-modal .reward-item .name::before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-text-stroke: 0.03rem #864c09;
}
.lottery-result-modal .receive-btn {
  width: 0.75rem;
  height: 0.39rem;
  background-color: #000000;
  border-radius: 0.06rem;
  border: solid 0.01rem #ffcb68;
  box-sizing: border-box;

  font-size: 0.16rem;
  letter-spacing: 0rem;
  color: #ffcb68;

  margin: 0.14rem auto 0;
  display: block;
}

.modal-wrapper {
  position: relative;
  width: 4.42rem;
  background-color: #ede5dc;
  border-radius: 0.04rem;
}
.modal-wrapper .modal-close-btn {
  position: absolute;
  top: 0.16rem;
  right: 0.16rem;
  width: 0.19rem;
  height: 0.19rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/cbtn.png') no-repeat;
  background-size: 100% 100%;
}
.modal-wrapper .modal-header {
  width: 100%;
  height: 0.49rem;
  background-color: #806c59;
  border-radius: 0.04rem 0.04rem 0rem 0rem;
  padding: 0 0.18rem;
  box-sizing: border-box;

  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.49rem;
  letter-spacing: 0rem;
  color: #ffffff;
}
.modal-wrapper .modal-body {
  height: 3.48rem;
  padding: 0.19rem 0.15rem 0.12rem;
  box-sizing: border-box;
}

.rules-modal .rules-content {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  padding: 0.14rem 0.04rem 0.14rem 0.14rem;
  box-sizing: border-box;
}
.rules-modal .rules-content .scroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-right: 0.09rem;
  box-sizing: border-box;
}
.rules-modal .rules-content .scroll::-webkit-scrollbar {
  width: 0.04rem;
}
.rules-modal .rules-content .scroll::-webkit-scrollbar-track {
  background-color: #ede5dc;
}
.rules-modal .rules-content .scroll::-webkit-scrollbar-thumb {
  background: #d3a754;
  cursor: pointer;
}

.rules-modal .rules-content h1 {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.24rem;
  letter-spacing: 0rem;
  color: #806c59;
  margin-bottom: 0.1rem;
}
.rules-modal .rules-content p {
  font-size: 0.16rem;
  letter-spacing: 0rem;
  line-height: 0.22rem;
  color: #806c59;
  margin-bottom: 0.1rem;
}

.server-modal .modal-wrapper {
  width: 3.42rem;
}
.server-modal .modal-body {
  height: 1.97rem;
}
.server-modal .form-box {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 0.1rem;
  align-items: center;
}
.server-modal .form-item {
  display: flex;
  align-items: center;
}
.server-modal .form-item .form-label {
  font-size: 0.14rem;
  color: #333333;
  width: 0.85rem;
}
.server-modal .form-item .form-content {
  width: 1.9rem;
  height: 0.34rem;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0.04rem;
  cursor: pointer;

  color: #ffffff;
  font-size: 0.14rem;
  line-height: 0.34rem;

  padding: 0 0.1rem;
  box-sizing: border-box;
}
.server-modal .form-item .form-select {
  display: flex;
  align-items: center;
  gap: 0.04rem;
}
.server-modal .form-item .form-select span {
  flex: 1;
}
.server-modal .form-item .form-select .arrow {
  width: 0.1rem;
  height: 0.06rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/qfx.png') no-repeat;
  background-size: 100% 100%;
}
.server-modal .form-item .form-select .arrow.opened {
  transform: rotate(180deg);
}
.form-select-options-wrapper {
  display: flex;
  flex-direction: column;
  width: 1.9rem;
  height: 1.2rem;
  border-radius: 0.04rem;
  margin-top: 0.04rem;
  background-color: #a5a09a;
  padding: 0.04rem 0.02rem 0.04rem 0.04rem;
  box-sizing: border-box;
}
.form-select-options {
  overflow-y: auto;
  height: 100%;
  padding-right: 0.02rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.02rem;
}
.form-select-options::-webkit-scrollbar {
  width: 0.04rem;
}
.form-select-options::-webkit-scrollbar-track {
  background-color: #ede5dc;
}
.form-select-options::-webkit-scrollbar-thumb {
  background: #d3a754;
  cursor: pointer;
}
.form-select-options .form-select-option {
  font-size: 0.14rem;
  height: 0.25rem;
  line-height: 0.25rem;
  color: #ffffff;
  cursor: pointer;
  padding: 0 0.1rem;
  box-sizing: border-box;
  border-radius: 0.04rem;
}
.form-select-options .form-select-option:hover,
.form-select-options .form-select-option.active {
  background: #d1412b;
  transition: background-color 0.2s;
}
.server-modal .submit-btn {
  width: 1.27rem;
  height: 0.38rem;
  background-color: #d1412b;
  border-radius: 0.04rem;
  line-height: 0.38rem;
  text-align: center;
  font-size: 0.16rem;
  color: #ffffff;
  display: block;
  margin: 0.29rem auto 0;
}
.receive-record-modal .record-list {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  height: 100%;
  overflow-y: auto;
  padding-right: 0.04rem;
}
.receive-record-modal .record-list .record-item {
  flex-shrink: 0;
  height: 0.41rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.14rem;
  box-sizing: border-box;
}
.receive-record-modal .record-list .record-item .name {
  font-size: 0.18rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #5b4025;
}
.receive-record-modal .record-list .record-item .time {
  font-size: 0.18rem;
  letter-spacing: 0rem;
  color: #ae845b;
}

.buy-modal .modal-body {
  height: 2.6rem;
}
.buy-modal .goods-list {
  display: flex;
  justify-content: space-between;
}
.buy-modal .goods-item {
  cursor: pointer;
}
.buy-modal .goods-item .goods-info {
  width: 0.92rem;
  height: 1.23rem;
  background-color: #ffffff;
  padding: 0.03rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  outline: 0.02rem solid transparent;
}
.buy-modal .goods-item.active .goods-info {
  outline-color: #ffa754;
}
.buy-modal .goods-item .goods-info img {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  object-fit: cover;
  margin-top: 0.05rem;
}
.buy-modal .goods-item .goods-info p {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #806c59;
  text-align: center;
  margin-top: 0.02rem;
  user-select: none;
}
.buy-modal .goods-info input {
  width: 0.75rem;
  height: 0.28rem;
  background-color: #ede5dc;

  font-size: 0.18rem;
  letter-spacing: 0rem;
  color: #806c59;
  text-align: center;
  margin-top: 0.06rem;
  padding: 0 0.04rem;
  box-sizing: border-box;
}
/* 1. Chrome、Safari、Edge 等 Webkit/Blink 内核浏览器 */
.buy-modal .goods-info input::-webkit-outer-spin-button,
.buy-modal .goods-info input::-webkit-inner-spin-button {
  -webkit-appearance: none; /* 取消webkit默认样式 */
  margin: 0; /* 消除残留的边距影响 */
}
/* 2. Firefox 浏览器（关键，单独适配） */
.buy-modal .goods-info input {
  -moz-appearance: textfield; /* 让firefox数字框表现为普通文本框，隐藏箭头 */
}
.buy-modal .goods-item .price {
  font-size: 0.18rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #5b4025;
  text-align: center;
  margin-top: 0.02rem;
}
.buy-modal .goods-item .price::before {
  content: '￥';
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.36rem;
  letter-spacing: -0.04rem;
  color: #5b4025;
}
.buy-modal .pay-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  margin-top: 0.16rem;
}
.buy-modal .pay-btns .btn {
  min-width: 1.5rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
  border-radius: 0.04rem;
  font-size: 0.18rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #ffffff;
  background-color: #5aa845;
}
.buy-modal .pay-btns .btn.wx .icon {
  width: 0.3rem;
  height: 0.3rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/wx.png') no-repeat;
  background-size: 100% 100%;
}
.buy-modal .pay-btns .btn.zfb {
  background-color: #538add;
}
.buy-modal .pay-btns .btn.zfb .icon {
  width: 0.3rem;
  height: 0.3rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/zfb.png') no-repeat;
  background-size: 100% 100%;
}

.pay-code-modal .modal-body {
  width: 2.63rem;
  height: 3.5rem;
  background-color: #ffffff;
  border: solid 0.01rem #c4b993;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.23rem;
  gap: 0.14rem;
}
.pay-code-modal .tip {
  color: #666666;
  font-size: 0.16rem;
}
.pay-code-modal .pay-way {
  background-repeat: no-repeat;
  background-size: contain;
}
.pay-code-modal .pay-way.pay-1 {
  width: 1.08rem;
  height: 0.39rem;
  background-image: url('https://img.fxegames.com/fxegames/sgm/hzldzgbq/zfb_pay.png');
}
.pay-code-modal .pay-way.pay-2 {
  width: 1.46rem;
  height: 0.41rem;
  background-image: url('https://img.fxegames.com/fxegames/sgm/hzldzgbq/wx_pay.png');
}

.pay-result-modal .modal-body {
  height: 2rem;
}
.pay-result-modal .img-ico {
  font-size: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  margin-top: 0.2rem;
}
.pay-result-modal .img-ico .status {
  width: 0.36rem;
  height: 0.36rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
.pay-result-modal .img-ico .status.success {
  background-image: url('https://img.fxegames.com/fxegames/zgzb/payment/zf8.png');
}
.pay-result-modal .img-ico .status.fail {
  background-image: url('https://img.fxegames.com/fxegames/zgzb/payment/zf8_1.png');
}
.pay-result-modal .img-ico .text {
  font-size: 0.3rem;
}
.pay-result-modal .status-code {
  font-size: 0.2rem;
  color: #606060;
  text-align: center;
  margin-top: 0.16rem;
  margin-bottom: 0.2rem;
}
.pay-result-modal .ok-btn {
  display: block;
  margin: 0 auto;
  min-width: 1.5rem;
  height: 0.44rem;
  background-color: #5aa845;
  border-radius: 0.04rem;
  font-size: 0.18rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: white;
}

.roll-number-modal .lottery-container {
  display: flex;
  gap: 0.1rem;
}

.roll-number-modal .number-item {
  position: relative;
  width: 0.624rem;
  height: 0.636rem;
  background: url('https://img.fhyx.com/fxegames/sgm/sgzlmtxc/btnbg.png') no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.roll-number-modal .number-item-flag {
  width: 0.36rem;
  height: 0.36rem;
  overflow: hidden;
}
.roll-number-modal .number {
  width: 0.36rem;
  height: 0.36rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.roll-number-modal .number img {
  height: 0.36rem;
  object-fit: contain;
}