@charset "UTF-8";
@font-face {
  font-family: "HYJingKai";
  src: url("../fonts/%E6%B1%89%E4%BB%AA%E5%8A%B2%E6%A5%B7%E7%AE%80.TTF") format("truetype");
  font-display: swap;
}
:root {
  --activity-font: "HYJingKai", "KaiTi", "STKaiti", serif;
}

* {
  box-sizing: border-box;
}

html,
body,
#app {
  min-height: 100%;
  margin: 0;
}

body {
  overflow-x: auto;
  font-family: var(--activity-font);
}

#cyou_bottom {
  min-width: 1400px !important;
  height: auto !important;
  min-height: 100px;
  padding: 12px 0 !important;
  background-image: none !important;
  border-top: 4px solid #c18d35;
}

img {
  vertical-align: middle;
  border: 0;
}

button,
input {
  font: inherit;
}

button {
  border: 0;
  cursor: pointer;
}

.account-bar {
  position: absolute;
  top: 46px;
  right: 52px;
  z-index: 3;
}

.plain-link {
  color: #ffe5a0;
  background: transparent;
  font-size: 20px;
}
.plain-link:hover {
  color: #fff;
}

.part {
  min-height: 420px;
}

.btn_box {
  justify-content: center;
  gap: 24px;
}

.no-flex-gap .btn_box > * + * {
  margin-left: 24px;
}
.no-flex-gap .verify-code-row > * + * {
  margin-left: 8px;
}

.task-action {
  flex: 0 0 auto;
}

.rules-button {
  display: block;
  margin: 50px auto 0;
}

.readable-dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  z-index: 10000;
  width: min(695px, 100vw - 40px);
  min-height: 300px;
  padding: 70px 70px 50px;
  transform: translate(-50%, -50%);
  color: #fff3c8;
  text-align: center;
}
.readable-dialog h2 {
  margin: 20px 0;
  color: #ffd774;
}
.readable-dialog p {
  line-height: 1.8;
}
.readable-dialog input {
  display: block;
  width: min(360px, 90%);
  margin: 12px auto;
  padding: 10px 14px;
  border: 1px solid #d99b40;
  border-radius: 4px;
  background: rgba(255, 247, 214, 0.92);
  color: #4c2a13;
}
.readable-dialog .dia-btn {
  margin-top: 20px;
}

.dia-close {
  position: absolute;
  top: 18px;
  right: 25px;
  color: #ffe8a2;
  background: transparent;
  font-size: 32px;
}

@media (max-width: 700px) {
  .account-bar {
    top: 16px;
    right: 18px;
  }
  .plain-link {
    font-size: 14px;
  }
}.pc-home .logo {
  width: 164px;
  height: 111px;
  background: url(../assets/img/logo.png) no-repeat 50% 0/100%;
  position: absolute;
  top: 11px;
  left: 14px;
}

.pc-home {
  width: 100%;
  min-width: 1400px;
  margin: 0;
  overflow: hidden;
  color: #0c0501;
}

.m-home {
  width: 100%;
  min-width: 186.66667vw;
  margin: 0;
  overflow: hidden;
  color: #0c0501;
}
.pc-home section:nth-child(n+2) .section-copy {
  color: #661b1c;
}
.m-home section:nth-child(n+2) .section-copy {
  color: #661b1c;
}
.pc-home .home-hero {
  position: relative;
  height: 1169px;
  min-height: 700px;
  background: url("../assets/img/home/head_bg-launch.jpg") center top/1920px 1169px no-repeat;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.m-home .home-hero {
  position: relative;
  height: 155.86667vw;
  min-height: 93.33333vw;
  background: url("../assets/img/home/head_bg-launch.jpg") center top/256vw 155.86667vw no-repeat;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.pc-home .home-hero.is-wg {
  background-image: url("../assets/img/home/head_bg-wg.jpg");
}
.m-home .home-hero.is-wg {
  background-image: url("../assets/img/home/head_bg-wg.jpg");
}
.pc-home .login-entry {
  position: absolute;
  right: calc(50% - 420px);
  bottom: 50px;
  width: 567px;
  height: 90px;
  padding: 0;
  color: #ffdec7;
  background: url("../assets/img/home/login_bg.png") center top no-repeat;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-home .login-entry {
  position: absolute;
  right: calc(50% - 56vw);
  bottom: 6.66667vw;
  width: 75.6vw;
  height: 12vw;
  padding: 0;
  color: #ffdec7;
  background: url("../assets/img/home/login_bg.png") center top no-repeat;
  font-size: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-home .login-before {
  text-align: center;
  cursor: pointer;
}
.m-home .login-before {
  text-align: center;
  cursor: pointer;
}
.pc-home .login-after a {
  color: #ffdec7;
  text-decoration: none;
}
.m-home .login-after a {
  color: #ffdec7;
  text-decoration: none;
}
.pc-home .login-after a:hover {
  text-decoration: underline;
}
.m-home .login-after a:hover {
  text-decoration: underline;
}
.pc-home .hero-nav {
  position: relative;
  display: flex;
  width: 1400px;
  margin: 740px auto 0;
}
.m-home .hero-nav {
  position: relative;
  display: flex;
  width: 186.66667vw;
  margin: 98.66667vw auto 0;
}
.pc-home .hero-nav button {
  position: absolute;
  top: 0;
  padding: 0;
  border: 0;
  background: transparent;
  transition: transform 0.2s ease;
}
.m-home .hero-nav button {
  position: absolute;
  top: 0;
  padding: 0;
  border: 0;
  background: transparent;
  transition: transform 0.2s ease;
}
.pc-home .hero-nav .reservation,
.pc-home .hero-nav .recharge-rebate,
.pc-home .hero-nav .recharge-gifts {
  width: 356px;
}
.m-home .hero-nav .reservation,
.m-home .hero-nav .recharge-rebate,
.m-home .hero-nav .recharge-gifts {
  width: 47.46667vw;
}
.pc-home .hero-nav .reservation {
  left: -52px;
}
.m-home .hero-nav .reservation {
  left: -6.93333vw;
}
.pc-home .hero-nav .xf-ycz {
  top: 28px;
  left: 211px;
}
.m-home .hero-nav .xf-ycz {
  top: 3.73333vw;
  left: 28.13333vw;
}
.pc-home .hero-nav .recharge-rebate {
  top: 48px;
  left: 482px;
}
.m-home .hero-nav .recharge-rebate {
  top: 6.4vw;
  left: 64.26667vw;
}
.pc-home .hero-nav .recharge-gifts {
  top: 28px;
  left: 772px;
  width: 341px;
}
.m-home .hero-nav .recharge-gifts {
  top: 3.73333vw;
  left: 102.93333vw;
  width: 45.46667vw;
}
.pc-home .hero-nav .featured-gameplay {
  left: 1024px;
}
.m-home .hero-nav .featured-gameplay {
  left: 136.53333vw;
}
.pc-home .action-row button,
.pc-home .image-button {
  padding: 0;
  border: 0;
  background: transparent;
  transition: all 0.3s 0s;
}
.m-home .action-row button,
.m-home .image-button {
  padding: 0;
  border: 0;
  background: transparent;
  transition: all 0.3s 0s;
}
.pc-home .hero-nav button:hover,
.pc-home .action-row button:hover,
.pc-home .image-button button:hover {
  transform: translateY(-5px);
}
.m-home .hero-nav button:hover,
.m-home .action-row button:hover,
.m-home .image-button button:hover {
  transform: translateY(-5px);
}
.pc-home .hero-nav img,
.pc-home .action-row img,
.pc-home .image-button img {
  display: block;
  width: auto;
  height: auto;
}
.m-home .hero-nav img,
.m-home .action-row img,
.m-home .image-button img {
  display: block;
  width: auto;
  height: auto;
}
.pc-home .content-panel {
  position: relative;
  min-height: 1050px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1920px auto;
  text-align: center;
}
.m-home .content-panel {
  position: relative;
  min-height: 140vw;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 256vw auto;
  text-align: center;
}
.pc-home .panel-one {
  background-image: url("../assets/img/home/cont1.jpg");
  height: 1254px;
}
.m-home .panel-one {
  background-image: url("../assets/img/home/cont1.jpg");
  height: 167.2vw;
}
.pc-home .precharge-stage {
  position: relative;
  height: 1253px;
  background: url("../assets/img/xf-ycz/cont1.jpg") center top/1920px 1253px no-repeat;
}
.m-home .precharge-stage {
  position: relative;
  height: 167.06667vw;
  background: url("../assets/img/xf-ycz/cont1.jpg") center top/256vw 167.06667vw no-repeat;
}
.pc-home .panel-two {
  min-height: 1009px;
  background-image: url("../assets/img/home/cont2.jpg");
}
.m-home .panel-two {
  min-height: 134.53333vw;
  background-image: url("../assets/img/home/cont2.jpg");
}
.pc-home .panel-two .return-actions {
  margin-top: 70px;
}
.m-home .panel-two .return-actions {
  margin-top: 9.33333vw;
}
.pc-home .panel-four {
  min-height: 1009px;
  padding-top: 160px;
  background: url("../assets/img/home/head_bg.jpg") center top/1920px 1114px no-repeat;
}
.m-home .panel-four {
  min-height: 134.53333vw;
  padding-top: 21.33333vw;
  background: url("../assets/img/home/head_bg.jpg") center top/256vw 148.53333vw no-repeat;
}
.pc-home .panel-four .feature-title {
  margin: 0 auto 30px;
  color: #ffe8aa;
  font-size: 52px;
  text-shadow: 0 3px 8px rgba(74, 12, 3, 0.8);
}
.m-home .panel-four .feature-title {
  margin: 0 auto 4vw;
  color: #ffe8aa;
  font-size: 6.93333vw;
  text-shadow: 0 0.4vw 1.06667vw rgba(74, 12, 3, 0.8);
}
.pc-home .gifts-interface {
  position: relative;
  height: 5473px;
  min-height: 5473px;
  overflow: hidden;
  background: url("../assets/img/gifts/cont1_bg.jpg") center top/1920px 100% no-repeat;
}
.m-home .gifts-interface {
  position: relative;
  height: 729.73333vw;
  min-height: 729.73333vw;
  overflow: hidden;
  background: url("../assets/img/gifts/cont1_bg.jpg") center top/256vw 100% no-repeat;
}
.pc-home .gifts-interface .gifts-benefits-title,
.pc-home .gifts-interface .gifts-benefits-image,
.pc-home .gifts-interface .gifts-signin-title,
.pc-home .gifts-interface .gifts-signin-image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  will-change: transform;
}
.m-home .gifts-interface .gifts-benefits-title,
.m-home .gifts-interface .gifts-benefits-image,
.m-home .gifts-interface .gifts-signin-title,
.m-home .gifts-interface .gifts-signin-image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  will-change: transform;
}
.pc-home .gifts-interface .gifts-benefits-title {
  top: 0;
  width: 640px;
  height: 153px;
}
.m-home .gifts-interface .gifts-benefits-title {
  top: 0;
  width: 85.33333vw;
  height: 20.4vw;
}
.pc-home .gifts-interface .gifts-benefits-image {
  top: 90px;
  width: 1513px;
  height: 616px;
}
.m-home .gifts-interface .gifts-benefits-image {
  top: 12vw;
  width: 201.73333vw;
  height: 82.13333vw;
}
.pc-home .gifts-interface .gifts-signin-title {
  top: 928px;
  width: 640px;
  height: 153px;
}
.m-home .gifts-interface .gifts-signin-title {
  top: 123.73333vw;
  width: 85.33333vw;
  height: 20.4vw;
}
.pc-home .gifts-interface .gifts-signin-image {
  top: 1086px;
  width: 1641px;
  height: 2236px;
  transform: translate3d(-807px, 0, 0);
}
.m-home .gifts-interface .gifts-signin-image {
  top: 144.8vw;
  width: 218.8vw;
  height: 298.13333vw;
  transform: translate3d(-807px, 0, 0);
}
.pc-home .gifts-interface .gifts-ranking-section {
  position: absolute;
  top: 3954px;
  left: 50%;
  width: 1400px;
  height: 1733px;
  transform: translateX(-50%);
}
.m-home .gifts-interface .gifts-ranking-section {
  position: absolute;
  top: 527.2vw;
  left: 50%;
  width: 186.66667vw;
  height: 231.06667vw;
  transform: translateX(-50%);
}
.pc-home .gifts-interface .gifts-ranking-section .gifts-title {
  display: block;
  width: 641px;
  height: 153px;
  margin: 0 auto;
}
.m-home .gifts-interface .gifts-ranking-section .gifts-title {
  display: block;
  width: 85.46667vw;
  height: 20.4vw;
  margin: 0 auto;
}
.pc-home .gifts-interface .gifts-ranking-section .gifts-copy {
  margin: 0;
  color: #ffe8ca;
  font-size: 22px;
  line-height: 1.55;
  text-align: center;
}
.m-home .gifts-interface .gifts-ranking-section .gifts-copy {
  margin: 0;
  color: #ffe8ca;
  font-size: 2.93333vw;
  line-height: 1.55;
  text-align: center;
}
.pc-home .gifts-interface .gifts-ranking-section .gifts-content {
  position: relative;
  top: auto;
  left: auto;
  width: 1400px;
  height: 1441px;
  margin: 45px 0 0;
}
.m-home .gifts-interface .gifts-ranking-section .gifts-content {
  position: relative;
  top: auto;
  left: auto;
  width: 186.66667vw;
  height: 192.13333vw;
  margin: 6vw 0 0;
}
.pc-home .gifts-interface .gifts-title {
  width: 641px;
  height: 153px;
  margin: 0;
}
.m-home .gifts-interface .gifts-title {
  width: 85.46667vw;
  height: 20.4vw;
  margin: 0;
}
.pc-home .gifts-interface .gifts-copy {
  width: 1400px;
  margin: 0;
  color: #ffe8ca;
  font-size: 22px;
  line-height: 1.55;
  text-align: center;
}
.m-home .gifts-interface .gifts-copy {
  width: 186.66667vw;
  margin: 0;
  color: #ffe8ca;
  font-size: 2.93333vw;
  line-height: 1.55;
  text-align: center;
}
.pc-home .gifts-interface .gifts-content {
  width: 1400px;
  height: 1441px;
  margin: 0;
}
.m-home .gifts-interface .gifts-content {
  width: 186.66667vw;
  height: 192.13333vw;
  margin: 0;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid {
  position: relative;
  top: auto;
  left: 50%;
  width: 1554px;
  min-height: 1037px;
  padding: 124px 235px 58px 253px;
  box-sizing: border-box;
  transform: translateX(-50%);
  isolation: isolate;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid {
  position: relative;
  top: auto;
  left: 50%;
  width: 207.2vw;
  min-height: 138.26667vw;
  padding: 16.53333vw 31.33333vw 7.73333vw 33.73333vw;
  box-sizing: border-box;
  transform: translateX(-50%);
  isolation: isolate;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid::before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 1554px;
  height: 1152px;
  background-image: url("../assets/img/gifts/table_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateX(-50%);
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid::before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 207.2vw;
  height: 153.6vw;
  background-image: url("../assets/img/gifts/table_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateX(-50%);
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid h2,
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid p {
  margin: 0;
  color: #722222;
  text-align: center;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid h2,
.m-home .gifts-interface .gifts-content .gifts-ranking-grid p {
  margin: 0;
  color: #722222;
  text-align: center;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid h2 {
  font-size: 38px;
  line-height: 1.2;
  font-weight: normal;
  color: #531c03;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid h2 {
  font-size: 5.06667vw;
  line-height: 1.2;
  font-weight: normal;
  color: #531c03;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid > p {
  font-size: 24px;
  line-height: 1.5;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid > p {
  font-size: 3.2vw;
  line-height: 1.5;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs {
  position: relative;
  left: 50%;
  width: 1064px;
  height: 68px;
  z-index: 2;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 0 52px;
  margin-top: 20px;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs {
  position: relative;
  left: 50%;
  width: 141.86667vw;
  height: 9.06667vw;
  z-index: 2;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 0 6.93333vw;
  margin-top: 2.66667vw;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs button {
  position: relative;
  width: 300px;
  height: 68px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs button {
  position: relative;
  width: 40vw;
  height: 9.06667vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs button img {
  position: absolute;
  top: -43px;
  left: -71px;
  width: auto;
  height: 133px;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs button img {
  position: absolute;
  top: -5.73333vw;
  left: -9.46667vw;
  width: auto;
  height: 17.73333vw;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid {
  --ranking-columns: 190px repeat(
      var(--ranking-data-column-count),
      minmax(0, 1fr)
    );
  position: relative;
  width: 1085px;
  margin-top: 30px;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid {
  --ranking-columns: 25.33333vw repeat(
      var(--ranking-data-column-count),
      minmax(0, 1fr)
    );
  position: relative;
  width: 144.66667vw;
  margin-top: 4vw;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid::before {
  position: absolute;
  top: -5px;
  right: 0;
  left: 0;
  z-index: 2;
  height: 10px;
  background: url("../assets/img/gifts/tb_row_line.png") center/cover no-repeat;
  pointer-events: none;
  content: "";
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid::before {
  position: absolute;
  top: -0.66667vw;
  right: 0;
  left: 0;
  z-index: 2;
  height: 1.33333vw;
  background: url("../assets/img/gifts/tb_row_line.png") center/cover no-repeat;
  pointer-events: none;
  content: "";
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-row {
  position: relative;
  display: grid;
  grid-template-columns: var(--ranking-columns);
  min-height: 76px;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-row {
  position: relative;
  display: grid;
  grid-template-columns: var(--ranking-columns);
  min-height: 10.13333vw;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-row.ranking-head {
  position: relative;
  height: 76px;
  color: #7b1a1c;
  font-size: 32px;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-row.ranking-head {
  position: relative;
  height: 10.13333vw;
  color: #7b1a1c;
  font-size: 4.26667vw;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-row.ranking-head::before {
  position: absolute;
  left: 0;
  top: -13px;
  z-index: 0;
  background: url("../assets/img/gifts/tb_hd.png") center 0%/cover no-repeat;
  width: 100%;
  height: 91px;
  content: "";
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-row.ranking-head::before {
  position: absolute;
  left: 0;
  top: -1.73333vw;
  z-index: 0;
  background: url("../assets/img/gifts/tb_hd.png") center 0%/cover no-repeat;
  width: 100%;
  height: 12.13333vw;
  content: "";
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-row + .ranking-row::before {
  position: absolute;
  top: -5px;
  right: 0;
  left: 0;
  height: 10px;
  background: url("../assets/img/gifts/tb_row_line.png") center/cover no-repeat;
  content: "";
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-row + .ranking-row::before {
  position: absolute;
  top: -0.66667vw;
  right: 0;
  left: 0;
  height: 1.33333vw;
  background: url("../assets/img/gifts/tb_row_line.png") center/cover no-repeat;
  content: "";
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-cell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  color: #3e2419;
  font-size: 22px;
  line-height: 1.35;
  text-align: center;
  white-space: pre-line;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-cell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.66667vw;
  color: #3e2419;
  font-size: 2.93333vw;
  line-height: 1.35;
  text-align: center;
  white-space: pre-line;
}
.ranking-head .pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-cell {
  color: #7b1a1c;
  font-size: 32px;
}
.ranking-head .m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-cell {
  color: #7b1a1c;
  font-size: 4.26667vw;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-cell:first-child {
  padding: 0;
  white-space: pre;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-cell:first-child {
  padding: 0;
  white-space: pre;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-body {
  position: relative;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-body {
  position: relative;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-body::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  z-index: 2;
  height: 10px;
  background: url("../assets/img/gifts/tb_row_line.png") center/cover no-repeat;
  pointer-events: none;
  content: "";
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-body::after {
  position: absolute;
  right: 0;
  bottom: -0.66667vw;
  left: 0;
  z-index: 2;
  height: 1.33333vw;
  background: url("../assets/img/gifts/tb_row_line.png") center/cover no-repeat;
  pointer-events: none;
  content: "";
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: var(--ranking-columns);
  pointer-events: none;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: var(--ranking-columns);
  pointer-events: none;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span {
  position: relative;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span {
  position: relative;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span::before, .pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span:last-child::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 9px;
  background: url("../assets/img/gifts/tb_col_line.png") center/cover no-repeat;
  content: "";
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span::before, .m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span:last-child::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.2vw;
  background: url("../assets/img/gifts/tb_col_line.png") center/cover no-repeat;
  content: "";
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span::before {
  left: -4px;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span::before {
  left: -0.53333vw;
}
.pc-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span:last-child::after {
  right: -4px;
}
.m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-column-lines span:last-child::after {
  right: -0.53333vw;
}
.pc-home .gifts-interface .gifts-content .gifts-categories {
  position: absolute;
  top: 232px;
  left: -92px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 42px 0;
}
.m-home .gifts-interface .gifts-content .gifts-categories {
  position: absolute;
  top: 30.93333vw;
  left: -12.26667vw;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 5.6vw 0;
}
.pc-home .gifts-interface .gifts-content .gifts-categories button {
  display: block;
  width: 475px;
  height: 83px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .gifts-interface .gifts-content .gifts-categories button {
  display: block;
  width: 63.33333vw;
  height: 11.06667vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .gifts-interface .gifts-content .gifts-categories button + button {
  margin-top: -5px;
}
.m-home .gifts-interface .gifts-content .gifts-categories button + button {
  margin-top: -0.66667vw;
}
.pc-home .gifts-interface .gifts-content .gifts-categories button img {
  display: block;
  width: 475px;
  height: 83px;
}
.m-home .gifts-interface .gifts-content .gifts-categories button img {
  display: block;
  width: 63.33333vw;
  height: 11.06667vw;
}
.pc-home .gifts-interface .gifts-content .gifts-categories .anniversary-address-notice {
  position: absolute;
  top: 350px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #9c0002;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.m-home .gifts-interface .gifts-content .gifts-categories .anniversary-address-notice {
  position: absolute;
  top: 46.66667vw;
  left: 0;
  width: 100%;
  margin: 0;
  color: #9c0002;
  font-size: 2.13333vw;
  line-height: 3.2vw;
  text-align: center;
}
.pc-home .section-title {
  display: block;
  height: auto;
  margin: 0 auto 16px;
}
.m-home .section-title {
  display: block;
  height: auto;
  margin: 0 auto 2.13333vw;
}
.pc-home .title-one {
  width: 588px;
}
.m-home .title-one {
  width: 78.4vw;
}
.pc-home .title-two {
  width: 640px;
}
.m-home .title-two {
  width: 85.33333vw;
}
.pc-home .title-three {
  width: 670px;
}
.m-home .title-three {
  width: 89.33333vw;
}
.pc-home .section-copy {
  margin: 8px auto 25px;
  color: #dbccb1;
  font-size: 24px;
  line-height: 1.6;
  width: 1400px;
}
.m-home .section-copy {
  margin: 1.06667vw auto 3.33333vw;
  color: #dbccb1;
  font-size: 3.2vw;
  line-height: 1.6;
  width: 186.66667vw;
}
.pc-home .reward-board {
  position: relative;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  width: 1513px;
  height: 618px;
  margin: -94px 0 0;
  padding: 150px 120px 60px;
  background: url("../assets/img/home/xf_bg.png") center top/1513px 618px no-repeat;
  box-sizing: border-box;
}
.m-home .reward-board {
  position: relative;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  width: 201.73333vw;
  height: 82.4vw;
  margin: -12.53333vw 0 0;
  padding: 20vw 16vw 8vw;
  background: url("../assets/img/home/xf_bg.png") center top/201.73333vw 82.4vw no-repeat;
  box-sizing: border-box;
}
.pc-home .reward-column {
  position: relative;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  padding: 0 10px;
}
.m-home .reward-column {
  position: relative;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  padding: 0 1.33333vw;
}
.pc-home .reward-column:last-child {
  border-right: 0;
}
.m-home .reward-column:last-child {
  border-right: 0;
}
.pc-home .reward-column strong {
  width: 100%;
  margin-bottom: 52px;
  font-size: 26px;
  padding-top: 36px;
  font-weight: normal;
}
.m-home .reward-column strong {
  width: 100%;
  margin-bottom: 6.93333vw;
  font-size: 3.46667vw;
  padding-top: 4.8vw;
  font-weight: normal;
}
.pc-home .reward-column .reservation-reward-done {
  position: absolute;
  top: 60px;
  right: -5px;
  z-index: 2;
  display: block;
  width: 112px;
  height: 72px;
}
.m-home .reward-column .reservation-reward-done {
  position: absolute;
  top: 8vw;
  right: -0.66667vw;
  z-index: 2;
  display: block;
  width: 14.93333vw;
  height: 9.6vw;
}
.pc-home .reward-column .reward-items {
  display: flex;
  width: 100%;
  flex-wrap: wrap-reverse;
  justify-content: center;
  gap: 65px 50px;
}
.m-home .reward-column .reward-items {
  display: flex;
  width: 100%;
  flex-wrap: wrap-reverse;
  justify-content: center;
  gap: 8.66667vw 6.66667vw;
}
.pc-home .reward-column .reward-items .reward-item {
  position: relative;
  width: 59px;
  height: 61px;
}
.m-home .reward-column .reward-items .reward-item {
  position: relative;
  width: 7.86667vw;
  height: 8.13333vw;
}
.pc-home .reward-column .reward-items .reward-item::before {
  position: absolute;
  top: -56px;
  left: -39px;
  z-index: 0;
  background: url("../assets/img/home/circle2.png") center top/129px 141px no-repeat;
  content: "";
  width: 129px;
  height: 141px;
}
.m-home .reward-column .reward-items .reward-item::before {
  position: absolute;
  top: -7.46667vw;
  left: -5.2vw;
  z-index: 0;
  background: url("../assets/img/home/circle2.png") center top/17.2vw 18.8vw no-repeat;
  content: "";
  width: 17.2vw;
  height: 18.8vw;
}
.pc-home .reward-column .reward-items .reward-item img {
  position: relative;
  z-index: 1;
  width: 59px;
  height: 61px;
}
.m-home .reward-column .reward-items .reward-item img {
  position: relative;
  z-index: 1;
  width: 7.86667vw;
  height: 8.13333vw;
}
.pc-home .reward-column .reward-items .reward-item small {
  position: absolute;
  top: 80px;
  left: 50%;
  z-index: 1;
  transform: translate3d(-50%, 0, 0);
  color: #0c0501;
  font-size: 17px;
  white-space: nowrap;
}
.m-home .reward-column .reward-items .reward-item small {
  position: absolute;
  top: 10.66667vw;
  left: 50%;
  z-index: 1;
  transform: translate3d(-50%, 0, 0);
  color: #0c0501;
  font-size: 2.26667vw;
  white-space: nowrap;
}
.pc-home .reservation-items {
  min-height: 80px;
  margin: 8px auto 18px;
  color: #fff3cf;
  font-size: 28px;
}
.m-home .reservation-items {
  min-height: 10.66667vw;
  margin: 1.06667vw auto 2.4vw;
  color: #fff3cf;
  font-size: 3.73333vw;
}
.pc-home .reservation-count {
  margin: 0;
  line-height: 40px;
}
.m-home .reservation-count {
  margin: 0;
  line-height: 5.33333vw;
}
.pc-home .action-row {
  position: relative;
  margin: 0 auto;
  width: 1057px;
  height: 161px;
}
.m-home .action-row {
  position: relative;
  margin: 0 auto;
  width: 140.93333vw;
  height: 21.46667vw;
}
.pc-home .action-row button {
  position: absolute;
  top: 0;
  width: 592px;
  height: 161px;
}
.m-home .action-row button {
  position: absolute;
  top: 0;
  width: 78.93333vw;
  height: 21.46667vw;
}
.pc-home .action-row button:first-child {
  left: 0;
}
.m-home .action-row button:first-child {
  left: 0;
}
.pc-home .action-row button:last-child {
  right: 0;
}
.m-home .action-row button:last-child {
  right: 0;
}
.pc-home .action-row.single-action button {
  left: 50%;
  transform: translateX(-50%);
}
.m-home .action-row.single-action button {
  left: 50%;
  transform: translateX(-50%);
}
.pc-home .action-row.single-action button:hover {
  transform: translateX(-50%) translateY(-5px);
}
.m-home .action-row.single-action button:hover {
  transform: translateX(-50%) translateY(-5px);
}
.pc-home .recharge-bar {
  position: relative;
  width: 688px;
  height: 72px;
  margin: 25px auto 24px;
  border-radius: 0;
  background: url("../assets/img/home/huaban-5837360354.png") center/100% 100% no-repeat;
  font-size: 36px;
  color: #fff1b5;
  line-height: 72px;
}
.m-home .recharge-bar {
  position: relative;
  width: 91.73333vw;
  height: 9.6vw;
  margin: 3.33333vw auto 3.2vw;
  border-radius: 0;
  background: url("../assets/img/home/huaban-5837360354.png") center/100% 100% no-repeat;
  font-size: 4.8vw;
  color: #fff1b5;
  line-height: 9.6vw;
}
.pc-home .recharge-bar b {
  color: #ffdb87;
}
.m-home .recharge-bar b {
  color: #ffdb87;
}
.pc-home .recharge-bar .recharge-rule-btn {
  position: absolute;
  top: 50%;
  left: 702px;
  margin-top: -45px;
  background: url("../assets/img/home/ycz_rule_btn.png") center/100% 100% no-repeat;
  width: 475px;
  height: 90px;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.m-home .recharge-bar .recharge-rule-btn {
  position: absolute;
  top: 50%;
  left: 93.6vw;
  margin-top: -6vw;
  background: url("../assets/img/home/ycz_rule_btn.png") center/100% 100% no-repeat;
  width: 63.33333vw;
  height: 12vw;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.pc-home .recharge-grid {
  display: flex;
  justify-content: center;
  gap: 18px;
}
.m-home .recharge-grid {
  display: flex;
  justify-content: center;
  gap: 2.4vw;
}
.pc-home .gift-card {
  position: relative;
  width: 354px;
  height: 730px;
  padding-top: 58px;
  box-sizing: border-box;
}
.m-home .gift-card {
  position: relative;
  width: 47.2vw;
  height: 97.33333vw;
  padding-top: 7.73333vw;
  box-sizing: border-box;
}
.pc-home .gift-card-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.m-home .gift-card-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.pc-home .gift-card > :not(.gift-card-bg) {
  position: relative;
  z-index: 1;
}
.m-home .gift-card > :not(.gift-card-bg) {
  position: relative;
  z-index: 1;
}
.pc-home .gift-card strong {
  display: block;
  font-size: 28.8px;
  color: #454342;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
}
.m-home .gift-card strong {
  display: block;
  font-size: 3.84vw;
  color: #454342;
  height: 4vw;
  line-height: 4vw;
  font-weight: normal;
}
.pc-home .gift-card > .precharge-done {
  position: absolute;
  top: 280px;
  right: -5px;
  z-index: 2;
  display: block;
  width: 126px;
  height: 69px;
}
.m-home .gift-card > .precharge-done {
  position: absolute;
  top: 37.33333vw;
  right: -0.66667vw;
  z-index: 2;
  display: block;
  width: 16.8vw;
  height: 9.2vw;
}
.pc-home .card-items {
  justify-content: center;
  align-items: center;
  gap: 70px 70px;
  display: flex;
  flex-wrap: wrap;
  width: 264px;
  height: 180px;
  margin: 38px auto 0;
}
.m-home .card-items {
  justify-content: center;
  align-items: center;
  gap: 9.33333vw 9.33333vw;
  display: flex;
  flex-wrap: wrap;
  width: 35.2vw;
  height: 24vw;
  margin: 5.06667vw auto 0;
}
.pc-home .card-items .card-item {
  position: relative;
  width: 59px;
  height: 61px;
}
.m-home .card-items .card-item {
  position: relative;
  width: 7.86667vw;
  height: 8.13333vw;
}
.pc-home .card-items .card-item:nth-child(3) small {
  width: 300px;
}
.m-home .card-items .card-item:nth-child(3) small {
  width: 40vw;
}
.pc-home .card-items .card-item::before {
  position: absolute;
  left: -41px;
  top: -54px;
  z-index: 0;
  background: url("../assets/img/home/circle2.png") center top/100% 100% no-repeat;
  content: "";
  width: 129px;
  height: 141px;
}
.m-home .card-items .card-item::before {
  position: absolute;
  left: -5.46667vw;
  top: -7.2vw;
  z-index: 0;
  background: url("../assets/img/home/circle2.png") center top/100% 100% no-repeat;
  content: "";
  width: 17.2vw;
  height: 18.8vw;
}
.pc-home .card-items .card-item img {
  position: relative;
  z-index: 1;
  width: 59px;
  height: 61px;
}
.m-home .card-items .card-item img {
  position: relative;
  z-index: 1;
  width: 7.86667vw;
  height: 8.13333vw;
}
.pc-home .card-items .card-item img.sty2 {
  width: 148px;
  height: 129px;
  margin: -42px 0 0 -38px;
}
.m-home .card-items .card-item img.sty2 {
  width: 19.73333vw;
  height: 17.2vw;
  margin: -5.6vw 0 0 -5.06667vw;
}
.pc-home .card-items .card-item small {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
  color: #0c0501;
  font-size: 17px;
  width: 110px;
  line-height: 1.25;
  text-align: center;
  white-space: pre-line;
}
.m-home .card-items .card-item small {
  position: absolute;
  top: 10.66667vw;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
  color: #0c0501;
  font-size: 2.26667vw;
  width: 14.66667vw;
  line-height: 1.25;
  text-align: center;
  white-space: pre-line;
}
.pc-home .precharge-card-note {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 410px;
  margin: 0;
  color: #ffe9d2;
  font-size: 20px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 146px 56px 0;
  text-align: center;
  white-space: pre-line;
  transform: translateX(-50%);
}
.m-home .precharge-card-note {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 54.66667vw;
  margin: 0;
  color: #ffe9d2;
  font-size: 2.66667vw;
  line-height: 2.93333vw;
  box-sizing: border-box;
  padding: 19.46667vw 7.46667vw 0;
  text-align: center;
  white-space: pre-line;
  transform: translateX(-50%);
}
.pc-home .precharge-stage > .precharge-action {
  position: absolute;
  top: 936px;
  left: 50%;
  width: 566px;
  margin-top: 0;
  transform: translateX(-50%);
}
.m-home .precharge-stage > .precharge-action {
  position: absolute;
  top: 124.8vw;
  left: 50%;
  width: 75.46667vw;
  margin-top: 0;
  transform: translateX(-50%);
}
.pc-home .precharge-stage > .precharge-action:hover {
  transform: translateX(-50%) translateY(-5px);
}
.m-home .precharge-stage > .precharge-action:hover {
  transform: translateX(-50%) translateY(-5px);
}
.pc-home .anniversary-stage {
  position: relative;
  height: 1689px;
  min-height: 1689px;
  padding-top: 54px;
  overflow: hidden;
  box-sizing: border-box;
  background: url("../assets/img/xf-ycz/cont2.jpg") center top/1920px 1689px no-repeat;
}
.m-home .anniversary-stage {
  position: relative;
  height: 225.2vw;
  min-height: 225.2vw;
  padding-top: 7.2vw;
  overflow: hidden;
  box-sizing: border-box;
  background: url("../assets/img/xf-ycz/cont2.jpg") center top/256vw 225.2vw no-repeat;
}
.pc-home .anniversary-stage > * {
  position: relative;
  z-index: 1;
}
.m-home .anniversary-stage > * {
  position: relative;
  z-index: 1;
}
.pc-home .anniversary-stage .anniversary-title {
  display: block;
  width: 640px;
  height: 153px;
  margin: 0 auto;
}
.m-home .anniversary-stage .anniversary-title {
  display: block;
  width: 85.33333vw;
  height: 20.4vw;
  margin: 0 auto;
}
.pc-home .anniversary-stage > p {
  margin: 2px auto 26px;
  color: #911517;
  font-family: var(--activity-font);
  font-size: 24px;
  line-height: 1.7;
  text-align: center;
}
.m-home .anniversary-stage > p {
  margin: 0.26667vw auto 3.46667vw;
  color: #911517;
  font-family: var(--activity-font);
  font-size: 3.2vw;
  line-height: 1.7;
  text-align: center;
}
.pc-home .anniversary-reward-board {
  position: relative;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  display: grid;
  grid-template-columns: repeat(5, 200px);
  grid-auto-rows: 336px;
  justify-content: center;
  column-gap: 52px;
  row-gap: 24px;
  width: 1641px;
  height: 1060px;
  margin: -44px 0 0;
  padding: 205px 0 0;
  background: url("../assets/img/xf-ycz/card_cont_bg.png") center/1641px 1060px no-repeat;
  box-sizing: border-box;
}
.m-home .anniversary-reward-board {
  position: relative;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  display: grid;
  grid-template-columns: repeat(5, 26.66667vw);
  grid-auto-rows: 44.8vw;
  justify-content: center;
  column-gap: 6.93333vw;
  row-gap: 3.2vw;
  width: 218.8vw;
  height: 141.33333vw;
  margin: -5.86667vw 0 0;
  padding: 27.33333vw 0 0;
  background: url("../assets/img/xf-ycz/card_cont_bg.png") center/218.8vw 141.33333vw no-repeat;
  box-sizing: border-box;
}
.pc-home .anniversary-reward-board .anniversary-summary {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  color: #753a20;
  font-size: 26px;
  padding: 0 163px 0 143px;
  box-sizing: border-box;
  width: 100%;
}
.m-home .anniversary-reward-board .anniversary-summary {
  position: absolute;
  top: 16vw;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8vw;
  color: #753a20;
  font-size: 3.46667vw;
  padding: 0 21.73333vw 0 19.06667vw;
  box-sizing: border-box;
  width: 100%;
}
.pc-home .anniversary-reward-board .anniversary-summary button {
  position: absolute;
  left: 1106px;
  width: 475px;
  height: 90px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .anniversary-reward-board .anniversary-summary button {
  position: absolute;
  left: 147.46667vw;
  width: 63.33333vw;
  height: 12vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .anniversary-reward-board .anniversary-summary button img {
  display: block;
  width: 475px;
  height: 90px;
}
.m-home .anniversary-reward-board .anniversary-summary button img {
  display: block;
  width: 63.33333vw;
  height: 12vw;
}
.pc-home .anniversary-reward-board .anniversary-card {
  position: relative;
  width: 200px;
  height: 336px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.m-home .anniversary-reward-board .anniversary-card {
  position: relative;
  width: 26.66667vw;
  height: 44.8vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.pc-home .anniversary-reward-board .anniversary-card:hover {
  transform: translateY(-6px);
}
.m-home .anniversary-reward-board .anniversary-card:hover {
  transform: translateY(-6px);
}
.pc-home .anniversary-reward-board .anniversary-card.is-flipped {
  animation: anniversary-card-flip 0.45s ease-out;
}
.m-home .anniversary-reward-board .anniversary-card.is-flipped {
  animation: anniversary-card-flip 0.45s ease-out;
}
.pc-home .anniversary-reward-board .anniversary-card .anniversary-card-surface {
  width: 200px;
  height: 336px;
  vertical-align: top;
}
.m-home .anniversary-reward-board .anniversary-card .anniversary-card-surface {
  width: 26.66667vw;
  height: 44.8vw;
  vertical-align: top;
}
.pc-home .anniversary-reward-board .anniversary-card .anniversary-card-reward {
  position: absolute;
  top: 102px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 28px;
  color: #71361d;
  font-size: 21px;
  line-height: 1;
  width: 100%;
}
.m-home .anniversary-reward-board .anniversary-card .anniversary-card-reward {
  position: absolute;
  top: 13.6vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3.73333vw;
  color: #71361d;
  font-size: 2.8vw;
  line-height: 1;
  width: 100%;
}
.pc-home .anniversary-reward-board .anniversary-card .anniversary-card-reward img {
  width: 77px;
  height: 81px;
}
.m-home .anniversary-reward-board .anniversary-card .anniversary-card-reward img {
  width: 10.26667vw;
  height: 10.8vw;
}
.pc-home .anniversary-reward-board .anniversary-card .anniversary-card-reward small {
  font-size: 21px;
  white-space: nowrap;
}
.m-home .anniversary-reward-board .anniversary-card .anniversary-card-reward small {
  font-size: 2.8vw;
  white-space: nowrap;
}
.pc-home .anniversary-reward-board > strong {
  position: absolute;
  right: 0;
  bottom: 116px;
  left: 0;
  color: #823719;
  font-family: var(--activity-font);
  font-size: 26px;
  text-align: center;
  font-weight: normal;
}
.m-home .anniversary-reward-board > strong {
  position: absolute;
  right: 0;
  bottom: 15.46667vw;
  left: 0;
  color: #823719;
  font-family: var(--activity-font);
  font-size: 3.46667vw;
  text-align: center;
  font-weight: normal;
}
.pc-home .anniversary-actions {
  position: relative;
  display: flex;
  width: 986px;
  margin: -81px auto 0;
}
.m-home .anniversary-actions {
  position: relative;
  display: flex;
  width: 131.46667vw;
  margin: -10.8vw auto 0;
}
.pc-home .anniversary-actions button {
  position: absolute;
  width: 566px;
  height: 161px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.m-home .anniversary-actions button {
  position: absolute;
  width: 75.46667vw;
  height: 21.46667vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.pc-home .anniversary-actions button:hover {
  transform: translateY(-5px);
}
.m-home .anniversary-actions button:hover {
  transform: translateY(-5px);
}
.pc-home .anniversary-actions button img {
  display: block;
  width: 566px;
  height: 161px;
}
.m-home .anniversary-actions button img {
  display: block;
  width: 75.46667vw;
  height: 21.46667vw;
}
.pc-home .anniversary-actions button:first-child {
  left: 0;
}
.m-home .anniversary-actions button:first-child {
  left: 0;
}
.pc-home .anniversary-actions button:last-child {
  right: 0;
}
.m-home .anniversary-actions button:last-child {
  right: 0;
}
@keyframes anniversary-card-flip {
  0% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(0);
  }
}
.pc-home .return-card {
  position: relative;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 1641px;
  height: 667px;
  margin: 15px 0 0;
  padding: 182px 0 20px;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/home/cont3_box_bg.png") center/100% 100% no-repeat;
  box-sizing: border-box;
}
.m-home .return-card {
  position: relative;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 218.8vw;
  height: 88.93333vw;
  margin: 2vw 0 0;
  padding: 24.26667vw 0 2.66667vw;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/home/cont3_box_bg.png") center/100% 100% no-repeat;
  box-sizing: border-box;
}
.pc-home .return-card-title {
  margin: -45px auto 20px;
  width: 170px;
  padding: 7px;
  border-radius: 15px;
  color: #ffe8aa;
  background: #a94432;
  font-size: 20px;
}
.m-home .return-card-title {
  margin: -6vw auto 2.66667vw;
  width: 22.66667vw;
  padding: 0.93333vw;
  border-radius: 2vw;
  color: #ffe8aa;
  background: #a94432;
  font-size: 2.66667vw;
}
.pc-home .return-items {
  display: flex;
  margin-left: 210px;
  width: 1324px;
  gap: 0 93px;
}
.m-home .return-items {
  display: flex;
  margin-left: 28vw;
  width: 176.53333vw;
  gap: 0 12.4vw;
}
.pc-home .return-items .return-item {
  width: 91px;
}
.m-home .return-items .return-item {
  width: 12.13333vw;
}
.pc-home .return-items .return-item-content {
  position: relative;
  width: 91px;
  height: 91px;
}
.m-home .return-items .return-item-content {
  position: relative;
  width: 12.13333vw;
  height: 12.13333vw;
}
.pc-home .return-items .return-item-content::before {
  position: absolute;
  top: -105px;
  left: -76px;
  z-index: 0;
  width: 225px;
  height: 247px;
  background: url("../assets/img/home/circle1.png") center top no-repeat;
  content: "";
}
.m-home .return-items .return-item-content::before {
  position: absolute;
  top: -14vw;
  left: -10.13333vw;
  z-index: 0;
  width: 30vw;
  height: 32.93333vw;
  background: url("../assets/img/home/circle1.png") center top no-repeat;
  content: "";
}
.pc-home .return-items .return-item-content img {
  position: relative;
  z-index: 1;
  width: 91px;
  height: 91px;
}
.m-home .return-items .return-item-content img {
  position: relative;
  z-index: 1;
  width: 12.13333vw;
  height: 12.13333vw;
}
.pc-home .return-items .return-item-content small {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
  margin-top: 135px;
  color: #6a3122;
  font-size: 20px;
  white-space: pre-line;
  width: 180px;
}
.m-home .return-items .return-item-content small {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
  margin-top: 18vw;
  color: #6a3122;
  font-size: 2.66667vw;
  white-space: pre-line;
  width: 24vw;
}
.pc-home .return-actions {
  margin-top: 30px;
}
.m-home .return-actions {
  margin-top: 4vw;
}
.pc-home .return-actions .image-button {
  width: 566px;
}
.m-home .return-actions .image-button {
  width: 75.46667vw;
}
.pc-home .modal-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(24, 3, 1, 0.65);
}
.m-home .modal-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(24, 3, 1, 0.65);
}
.pc-home .light-toast {
  position: fixed;
  bottom: 80px;
  left: 50%;
  z-index: 20;
  margin: 0;
  padding: 14px 30px;
  border: 1px solid rgba(255, 231, 172, 0.7);
  border-radius: 6px;
  background: rgba(65, 16, 10, 0.9);
  color: #ffe7ac;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  transform: translateX(-50%);
}
.m-home .light-toast {
  position: fixed;
  bottom: 10.66667vw;
  left: 50%;
  z-index: 20;
  margin: 0;
  padding: 1.86667vw 4vw;
  border: 1px solid rgba(255, 231, 172, 0.7);
  border-radius: 0.8vw;
  background: rgba(65, 16, 10, 0.9);
  color: #ffe7ac;
  font-size: 2.93333vw;
  font-weight: 700;
  line-height: 1;
  transform: translateX(-50%);
}
.pc-home .light-toast-enter-active, .pc-home .light-toast-leave-active {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.m-home .light-toast-enter-active, .m-home .light-toast-leave-active {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.pc-home .light-toast-enter-from, .pc-home .light-toast-leave-to {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.m-home .light-toast-enter-from, .m-home .light-toast-leave-to {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.pc-home .activity-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 440px;
  padding: 42px 52px 48px;
  transform: translate(-50%, -50%);
  border: 3px solid #dc9d44;
  border-radius: 18px;
  background: linear-gradient(#6e241b, #3b1311);
  color: #ffe7b1;
  text-align: center;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45);
}
.m-home .activity-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 58.66667vw;
  padding: 5.6vw 6.93333vw 6.4vw;
  transform: translate(-50%, -50%);
  border: 0.4vw solid #dc9d44;
  border-radius: 2.4vw;
  background: linear-gradient(#6e241b, #3b1311);
  color: #ffe7b1;
  text-align: center;
  box-shadow: 0 2.4vw 8vw rgba(0, 0, 0, 0.45);
}
.pc-home .activity-dialog h2 {
  color: #ffd46b;
  font-size: 28px;
}
.m-home .activity-dialog h2 {
  color: #ffd46b;
  font-size: 3.73333vw;
}
.pc-home .activity-dialog p {
  line-height: 1.8;
}
.m-home .activity-dialog p {
  line-height: 1.8;
}
.pc-home .activity-dialog input {
  display: block;
  width: 80%;
  margin: 12px auto;
  padding: 11px 14px;
  border: 1px solid #d89c4b;
  border-radius: 5px;
  background: #fff1cf;
  color: #572018;
}
.m-home .activity-dialog input {
  display: block;
  width: 80%;
  margin: 1.6vw auto;
  padding: 1.46667vw 1.86667vw;
  border: 1px solid #d89c4b;
  border-radius: 0.66667vw;
  background: #fff1cf;
  color: #572018;
}
.pc-home .activity-dialog .verify-code-row {
  display: flex;
  width: 80%;
  margin: 12px auto;
  gap: 8px;
}
.m-home .activity-dialog .verify-code-row {
  display: flex;
  width: 80%;
  margin: 1.6vw auto;
  gap: 1.06667vw;
}
.pc-home .activity-dialog .verify-code-row input {
  width: auto;
  flex: 1;
  margin: 0;
}
.m-home .activity-dialog .verify-code-row input {
  width: auto;
  flex: 1;
  margin: 0;
}
.pc-home .activity-dialog .verify-code-row .verify-code-button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 5px;
  color: #6a2418;
  background: #f6c861;
}
.m-home .activity-dialog .verify-code-row .verify-code-button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 0.66667vw;
  color: #6a2418;
  background: #f6c861;
}
.pc-home .activity-dialog .dialog-error {
  color: #ffb1a1;
  font-weight: 400;
}
.m-home .activity-dialog .dialog-error {
  color: #ffb1a1;
  font-weight: 400;
}
.pc-home .activity-dialog .login-error-shake {
  animation: login-error-shake 0.42s ease-in-out;
}
.m-home .activity-dialog .login-error-shake {
  animation: login-error-shake 0.42s ease-in-out;
}
@keyframes login-error-shake {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(8px);
  }
  60% {
    transform: translateX(-6px);
  }
  80% {
    transform: translateX(4px);
  }
}
.pc-home .activity-dialog .cdkey {
  border: 1px solid rgba(255, 224, 162, 0.5);
  border-radius: 4px;
  color: #ffe8b2;
  font-size: 16px;
}
.m-home .activity-dialog .cdkey {
  border: 1px solid rgba(255, 224, 162, 0.5);
  border-radius: 0.53333vw;
  color: #ffe8b2;
  font-size: 2.13333vw;
}
.pc-home .activity-dialog .reward-status-list {
  margin: 20px auto;
  padding: 0;
  list-style: none;
}
.m-home .activity-dialog .reward-status-list {
  margin: 2.66667vw auto;
  padding: 0;
  list-style: none;
}
.pc-home .activity-dialog .reward-status-list li {
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(255, 224, 162, 0.35);
}
.m-home .activity-dialog .reward-status-list li {
  display: flex;
  justify-content: space-between;
  padding: 1.06667vw 2.13333vw;
  border-bottom: 1px solid rgba(255, 224, 162, 0.35);
}
.pc-home .activity-dialog .reward-status-list li b {
  color: #ffdd7b;
}
.m-home .activity-dialog .reward-status-list li b {
  color: #ffdd7b;
}
.pc-home .activity-dialog.login-dialog {
  box-sizing: border-box;
  width: 490px;
  height: 353px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.m-home .activity-dialog.login-dialog {
  box-sizing: border-box;
  width: 65.33333vw;
  height: 47.06667vw;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.pc-home .activity-dialog.login-dialog .login-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.m-home .activity-dialog.login-dialog .login-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.pc-home .activity-dialog.login-dialog .dialog-close {
  top: -16px;
  right: -86px;
  z-index: 2;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.login-dialog .dialog-close {
  top: -2.13333vw;
  right: -11.46667vw;
  z-index: 2;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.login-dialog .dialog-error {
  position: absolute;
  right: 90px;
  bottom: 30px;
  left: 90px;
}
.m-home .activity-dialog.login-dialog .dialog-error {
  position: absolute;
  right: 12vw;
  bottom: 4vw;
  left: 12vw;
}
.pc-home .activity-dialog.message-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 526px;
  padding: 40px 131px 48px 139px;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/common_tips_bg.png") center/750px 526px no-repeat;
  box-shadow: none;
  align-items: center;
  display: flex;
}
.m-home .activity-dialog.message-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 70.13333vw;
  padding: 5.33333vw 17.46667vw 6.4vw 18.53333vw;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/common_tips_bg.png") center/100vw 70.13333vw no-repeat;
  box-shadow: none;
  align-items: center;
  display: flex;
}
.pc-home .activity-dialog.message-dialog .message-content {
  position: relative;
  top: 0;
  left: 0;
  width: 480px;
  margin: 0 auto;
  color: #61191a;
  font-size: 30px;
  line-height: 48px;
  white-space: pre-line;
}
.m-home .activity-dialog.message-dialog .message-content {
  position: relative;
  top: 0;
  left: 0;
  width: 64vw;
  margin: 0 auto;
  color: #61191a;
  font-size: 4vw;
  line-height: 6.4vw;
  white-space: pre-line;
}
.pc-home .activity-dialog.message-dialog .message-action {
  position: absolute;
  top: 320px;
  left: 50%;
  width: 464px;
  height: 132px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transform: translateX(-50%);
}
.m-home .activity-dialog.message-dialog .message-action {
  position: absolute;
  top: 42.66667vw;
  left: 50%;
  width: 61.86667vw;
  height: 17.6vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transform: translateX(-50%);
}
.pc-home .activity-dialog.message-dialog .message-action img {
  display: block;
  width: 464px;
  height: 132px;
}
.m-home .activity-dialog.message-dialog .message-action img {
  display: block;
  width: 61.86667vw;
  height: 17.6vw;
}
.pc-home .activity-dialog.message-dialog .dialog-close {
  top: 16px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.message-dialog .dialog-close {
  top: 2.13333vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.rebate-query-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 526px;
  padding: 0 131px 0 139px;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/common_tips_bg.png") center/750px 526px no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.rebate-query-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 70.13333vw;
  padding: 0 17.46667vw 0 18.53333vw;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/common_tips_bg.png") center/100vw 70.13333vw no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.rebate-query-dialog .rebate-query-title {
  position: absolute;
  top: 24px;
  left: 50%;
  display: block;
  width: 499px;
  height: 122px;
  transform: translateX(-50%);
}
.m-home .activity-dialog.rebate-query-dialog .rebate-query-title {
  position: absolute;
  top: 3.2vw;
  left: 50%;
  display: block;
  width: 66.53333vw;
  height: 16.26667vw;
  transform: translateX(-50%);
}
.pc-home .activity-dialog.rebate-query-dialog .rebate-query-content {
  position: absolute;
  top: 268px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #61191a;
  font-size: 30px;
  line-height: 48px;
  text-align: center;
  white-space: pre-line;
}
.m-home .activity-dialog.rebate-query-dialog .rebate-query-content {
  position: absolute;
  top: 35.73333vw;
  left: 0;
  width: 100%;
  margin: 0;
  color: #61191a;
  font-size: 4vw;
  line-height: 6.4vw;
  text-align: center;
  white-space: pre-line;
}
.pc-home .activity-dialog.rebate-query-dialog .dialog-close {
  top: 16px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.rebate-query-dialog .dialog-close {
  top: 2.13333vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 526px;
  padding: 0 131px 0 139px;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/common_tips_bg.png") center/750px 526px no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 70.13333vw;
  padding: 0 17.46667vw 0 18.53333vw;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/common_tips_bg.png") center/100vw 70.13333vw no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-title {
  position: absolute;
  top: 24px;
  left: 50%;
  display: block;
  width: 499px;
  height: 122px;
  transform: translateX(-50%);
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-title {
  position: absolute;
  top: 3.2vw;
  left: 50%;
  display: block;
  width: 66.53333vw;
  height: 16.26667vw;
  transform: translateX(-50%);
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-copy {
  position: absolute;
  top: 238px;
  left: 139px;
  width: 480px;
  margin: 0;
  color: #61191a;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-copy {
  position: absolute;
  top: 31.73333vw;
  left: 18.53333vw;
  width: 64vw;
  margin: 0;
  color: #61191a;
  font-size: 4.26667vw;
  line-height: 6.4vw;
  text-align: center;
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions {
  position: absolute;
  top: 320px;
  left: 50%;
  display: flex;
  justify-content: space-between;
  width: 750px;
  margin-left: -375px;
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions {
  position: absolute;
  top: 42.66667vw;
  left: 50%;
  display: flex;
  justify-content: space-between;
  width: 100vw;
  margin-left: -50vw;
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions button {
  position: absolute;
  width: 358px;
  height: 106px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions button {
  position: absolute;
  width: 47.73333vw;
  height: 14.13333vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions button img {
  display: block;
  width: 358px;
  height: 106px;
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions button img {
  display: block;
  width: 47.73333vw;
  height: 14.13333vw;
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions button:first-child {
  left: 83px;
  z-index: 2;
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions button:first-child {
  left: 11.06667vw;
  z-index: 2;
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions button:nth-child(2) {
  left: 339px;
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog .anniversary-flip-confirm-actions button:nth-child(2) {
  left: 45.2vw;
}
.pc-home .activity-dialog.anniversary-flip-confirm-dialog .dialog-close {
  top: 16px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.anniversary-flip-confirm-dialog .dialog-close {
  top: 2.13333vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 923px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/award_bg.png") center/750px auto no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.anniversary-award-preview-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 123.06667vw;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/award_bg.png") center/100vw auto no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-preview-title {
  position: absolute;
  top: 0px;
  left: 50%;
  display: block;
  width: 499px;
  height: 122px;
  transform: translateX(-50%);
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-preview-title {
  position: absolute;
  top: 0px;
  left: 50%;
  display: block;
  width: 66.53333vw;
  height: 16.26667vw;
  transform: translateX(-50%);
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-scroll {
  position: absolute;
  top: 150px;
  left: 50%;
  display: flex;
  flex-direction: column;
  width: 530px;
  height: 660px;
  padding: 0 20px 34px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  transform: translateX(-50%);
  overflow-x: hidden;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-scroll {
  position: absolute;
  top: 20vw;
  left: 50%;
  display: flex;
  flex-direction: column;
  width: 70.66667vw;
  height: 88vw;
  padding: 0 2.66667vw 4.53333vw;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  transform: translateX(-50%);
  overflow-x: hidden;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-scroll::-webkit-scrollbar {
  width: 9px;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-scroll::-webkit-scrollbar {
  width: 1.2vw;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-scroll::-webkit-scrollbar-track {
  border-radius: 999px;
  background: #7d2a02;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-scroll::-webkit-scrollbar-track {
  border-radius: 133.2vw;
  background: #7d2a02;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(90deg, #d97657 0%, #db7550 48%, #edad7e 100%);
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-scroll::-webkit-scrollbar-thumb {
  border-radius: 133.2vw;
  background: linear-gradient(90deg, #d97657 0%, #db7550 48%, #edad7e 100%);
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group {
  position: relative;
  left: auto;
  width: 500px;
  padding: 0 0 28px;
  flex: 0 0 auto;
  transform: none;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group {
  position: relative;
  left: auto;
  width: 66.66667vw;
  padding: 0 0 3.73333vw;
  flex: 0 0 auto;
  transform: none;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group h2 {
  margin: 0 0 8px;
  color: #61191a;
  font-size: 26px;
  font-weight: normal;
  line-height: 42px;
  text-align: center;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group h2 {
  margin: 0 0 1.06667vw;
  color: #61191a;
  font-size: 3.46667vw;
  font-weight: normal;
  line-height: 5.6vw;
  text-align: center;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group + .anniversary-award-group {
  padding-top: 22px;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group + .anniversary-award-group {
  padding-top: 2.93333vw;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group + .anniversary-award-group::before {
  position: absolute;
  top: 0;
  left: -6px;
  width: 486px;
  height: 4px;
  content: "";
  background: url("../assets/img/popup/award_line.png") center/100% 4px no-repeat;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group + .anniversary-award-group::before {
  position: absolute;
  top: 0;
  left: -0.8vw;
  width: 64.8vw;
  height: 0.53333vw;
  content: "";
  background: url("../assets/img/popup/award_line.png") center/100% 0.53333vw no-repeat;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-items {
  display: grid;
  justify-content: center;
  gap: 8px 30px;
  grid-template-columns: repeat(3, 140px);
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-items {
  display: grid;
  justify-content: center;
  gap: 1.06667vw 4vw;
  grid-template-columns: repeat(3, 18.66667vw);
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-1 .anniversary-award-items {
  grid-template-columns: repeat(2, 200px);
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-1 .anniversary-award-items {
  grid-template-columns: repeat(2, 26.66667vw);
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-2 .anniversary-award-items {
  grid-template-columns: repeat(3, 140px);
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-2 .anniversary-award-items {
  grid-template-columns: repeat(3, 18.66667vw);
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-3 .anniversary-award-items {
  grid-template-columns: repeat(3, 140px);
  gap: 8px 30px;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-3 .anniversary-award-items {
  grid-template-columns: repeat(3, 18.66667vw);
  gap: 1.06667vw 4vw;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #61191a;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #61191a;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-type {
  position: absolute;
  right: 16px;
  top: -10px;
  height: 30px;
  font-size: 22px;
  line-height: 30px;
  color: #b3543d;
  display: none;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-type {
  position: absolute;
  right: 2.13333vw;
  top: -1.33333vw;
  height: 4vw;
  font-size: 2.93333vw;
  line-height: 4vw;
  color: #b3543d;
  display: none;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-placeholder {
  display: block;
  width: 98px;
  height: 98px;
  background: #f3a765;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-placeholder {
  display: block;
  width: 13.06667vw;
  height: 13.06667vw;
  background: #f3a765;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-image {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-image {
  display: block;
  width: 10.66667vw;
  height: 10.66667vw;
  object-fit: contain;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-icon-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  padding: 10px;
  box-sizing: border-box;
  background: #f3a765;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-icon-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.6vw;
  height: 9.6vw;
  padding: 1.33333vw;
  box-sizing: border-box;
  background: #f3a765;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-icon-frame .anniversary-award-image,
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-icon-frame .anniversary-award-placeholder {
  width: 52px;
  height: 52px;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-icon-frame .anniversary-award-image,
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-icon-frame .anniversary-award-placeholder {
  width: 6.93333vw;
  height: 6.93333vw;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item strong {
  margin-top: 6px;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  white-space: nowrap;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item strong {
  margin-top: 0.8vw;
  font-size: 2.4vw;
  font-weight: normal;
  line-height: 4vw;
  white-space: nowrap;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-warning {
  margin: 0;
  color: #9c0002;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-item .anniversary-award-warning {
  margin: 0;
  color: #9c0002;
  font-size: 2.13333vw;
  line-height: 3.2vw;
  white-space: nowrap;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-2 .anniversary-award-placeholder {
  width: 98px;
  height: 98px;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-2 .anniversary-award-placeholder {
  width: 13.06667vw;
  height: 13.06667vw;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-3 .anniversary-award-placeholder {
  width: 94px;
  height: 98px;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-3 .anniversary-award-placeholder {
  width: 12.53333vw;
  height: 13.06667vw;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-3 .anniversary-award-image {
  width: 94px;
  height: 98px;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .anniversary-award-group-3 .anniversary-award-image {
  width: 12.53333vw;
  height: 13.06667vw;
}
.pc-home .activity-dialog.anniversary-award-preview-dialog .dialog-close {
  top: 123px;
  right: 5px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.anniversary-award-preview-dialog .dialog-close {
  top: 16.4vw;
  right: 0.66667vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.anniversary-account-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 631px;
  padding: 175px 130px 0 127px;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/lqgz_bg.png") center/750px 631px no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.anniversary-account-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 84.13333vw;
  padding: 23.33333vw 17.33333vw 0 16.93333vw;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/lqgz_bg.png") center/100vw 84.13333vw no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-title {
  position: absolute;
  top: 20px;
  left: 50%;
  display: block;
  width: 632px;
  height: 126px;
  transform: translateX(-50%);
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-title {
  position: absolute;
  top: 2.66667vw;
  left: 50%;
  display: block;
  width: 84.26667vw;
  height: 16.8vw;
  transform: translateX(-50%);
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-copy {
  position: relative;
  margin: 0;
  color: #61191a;
  font-size: 24px;
  line-height: 46px;
  text-align: left;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-copy {
  position: relative;
  margin: 0;
  color: #61191a;
  font-size: 3.2vw;
  line-height: 6.13333vw;
  text-align: left;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-address-button {
  position: absolute;
  top: 220px;
  left: 316px;
  width: 160px;
  height: 43px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-address-button {
  position: absolute;
  top: 29.33333vw;
  left: 42.13333vw;
  width: 21.33333vw;
  height: 5.73333vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-address-button img {
  position: absolute;
  top: -22px;
  left: -12px;
  width: 186px;
  height: 78px;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-address-button img {
  position: absolute;
  top: -2.93333vw;
  left: -1.6vw;
  width: 24.8vw;
  height: 10.4vw;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-records {
  position: absolute;
  top: 303px;
  left: 128px;
  width: 494px;
  height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-records {
  position: absolute;
  top: 40.4vw;
  left: 17.06667vw;
  width: 65.86667vw;
  height: 29.33333vw;
  overflow-y: auto;
  overflow-x: hidden;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-records::-webkit-scrollbar {
  width: 9px;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-records::-webkit-scrollbar {
  width: 1.2vw;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-records::-webkit-scrollbar-track {
  border-radius: 999px;
  background: #7d2a02;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-records::-webkit-scrollbar-track {
  border-radius: 133.2vw;
  background: #7d2a02;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-records::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(90deg, #d97657 0%, #db7550 48%, #edad7e 100%);
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-records::-webkit-scrollbar-thumb {
  border-radius: 133.2vw;
  background: linear-gradient(90deg, #d97657 0%, #db7550 48%, #edad7e 100%);
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-records::before {
  position: absolute;
  top: -20px;
  left: 0;
  width: 486px;
  height: 5px;
  content: "";
  background: url("../assets/img/popup/award_line.png") center/486px 5px no-repeat;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-records::before {
  position: absolute;
  top: -2.66667vw;
  left: 0;
  width: 64.8vw;
  height: 0.66667vw;
  content: "";
  background: url("../assets/img/popup/award_line.png") center/64.8vw 0.66667vw no-repeat;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-head,
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-row {
  display: grid;
  grid-template-columns: 90px 210px 194px;
  align-items: center;
  color: #61191a;
  font-size: 25px;
  line-height: 42px;
  text-align: center;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-head,
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-row {
  display: grid;
  grid-template-columns: 12vw 28vw 25.86667vw;
  align-items: center;
  color: #61191a;
  font-size: 3.33333vw;
  line-height: 5.6vw;
  text-align: center;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(255, 220, 162, 0.9);
  font-size: 28px;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(255, 220, 162, 0.9);
  font-size: 3.73333vw;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-row {
  padding: 4px 0;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-row {
  padding: 0.53333vw 0;
}
.pc-home .activity-dialog.anniversary-account-dialog .anniversary-account-row span {
  line-height: 26px;
}
.m-home .activity-dialog.anniversary-account-dialog .anniversary-account-row span {
  line-height: 3.46667vw;
}
.pc-home .activity-dialog.anniversary-account-dialog .dialog-close {
  top: 16px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.anniversary-account-dialog .dialog-close {
  top: 2.13333vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.anniversary-address-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 631px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/lqgz_bg.png") center/750px 631px no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.anniversary-address-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 84.13333vw;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/lqgz_bg.png") center/100vw 84.13333vw no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-title {
  position: absolute;
  top: 24px;
  left: 50%;
  display: block;
  width: 499px;
  height: 122px;
  transform: translateX(-50%);
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-title {
  position: absolute;
  top: 3.2vw;
  left: 50%;
  display: block;
  width: 66.53333vw;
  height: 16.26667vw;
  transform: translateX(-50%);
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form {
  position: absolute;
  top: 175px;
  left: 138px;
  width: 488px;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form {
  position: absolute;
  top: 23.33333vw;
  left: 18.4vw;
  width: 65.06667vw;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form label {
  display: grid;
  grid-template-columns: 140px 328px;
  align-items: center;
  margin-bottom: 18px;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form label {
  display: grid;
  grid-template-columns: 18.66667vw 43.73333vw;
  align-items: center;
  margin-bottom: 2.4vw;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form label > span {
  color: #61191a;
  font-size: 28px;
  line-height: 50px;
  text-align: right;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form label > span {
  color: #61191a;
  font-size: 3.73333vw;
  line-height: 6.66667vw;
  text-align: right;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form input,
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form textarea {
  box-sizing: border-box;
  width: 328px;
  padding: 8px 18px;
  margin: 0;
  border: 0;
  outline: 0;
  resize: none;
  color: #61191a;
  font-family: inherit;
  font-size: 24px;
  line-height: 34px;
  background-color: transparent;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form input,
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form textarea {
  box-sizing: border-box;
  width: 43.73333vw;
  padding: 1.06667vw 2.4vw;
  margin: 0;
  border: 0;
  outline: 0;
  resize: none;
  color: #61191a;
  font-family: inherit;
  font-size: 3.2vw;
  line-height: 4.53333vw;
  background-color: transparent;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form input {
  height: 50px;
  background: url("../assets/img/popup/inp_bg.png") center/328px 50px no-repeat;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form input {
  height: 6.66667vw;
  background: url("../assets/img/popup/inp_bg.png") center/43.73333vw 6.66667vw no-repeat;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-detail {
  align-items: start;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-detail {
  align-items: start;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-detail > span {
  padding-top: 20px;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-detail > span {
  padding-top: 2.66667vw;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-detail textarea {
  height: 90px;
  background: url("../assets/img/popup/inp_bg2.png") center/327px 90px no-repeat;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-detail textarea {
  height: 12vw;
  background: url("../assets/img/popup/inp_bg2.png") center/43.6vw 12vw no-repeat;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-error,
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-notice {
  position: absolute;
  top: 232px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #a22b1c;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  pointer-events: none;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-error,
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-notice {
  position: absolute;
  top: 30.93333vw;
  left: 0;
  width: 100%;
  margin: 0;
  color: #a22b1c;
  font-size: 2.4vw;
  line-height: 3.2vw;
  text-align: center;
  pointer-events: none;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-notice {
  top: 345px;
  color: #9c0002;
  font-size: 16px;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form .anniversary-address-notice {
  top: 46vw;
  color: #9c0002;
  font-size: 2.13333vw;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form button {
  position: absolute;
  top: 266px;
  left: 240px;
  width: 300px;
  height: 65px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transform: translateX(-50%);
  z-index: 3;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form button {
  position: absolute;
  top: 35.46667vw;
  left: 32vw;
  width: 40vw;
  height: 8.66667vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transform: translateX(-50%);
  z-index: 3;
}
.pc-home .activity-dialog.anniversary-address-dialog .anniversary-address-form button img {
  position: absolute;
  top: -43px;
  left: -70px;
  width: 464px;
  height: 132px;
}
.m-home .activity-dialog.anniversary-address-dialog .anniversary-address-form button img {
  position: absolute;
  top: -5.73333vw;
  left: -9.33333vw;
  width: 61.86667vw;
  height: 17.6vw;
}
.pc-home .activity-dialog.anniversary-address-dialog .dialog-close {
  top: 16px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.anniversary-address-dialog .dialog-close {
  top: 2.13333vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.anniversary-times-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 787px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/times_bg.png") center/750px 787px no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.anniversary-times-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 104.93333vw;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/times_bg.png") center/100vw 104.93333vw no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-title {
  position: absolute;
  top: 24px;
  left: 50%;
  display: block;
  width: 499px;
  height: 122px;
  transform: translateX(-50%);
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-title {
  position: absolute;
  top: 3.2vw;
  left: 50%;
  display: block;
  width: 66.53333vw;
  height: 16.26667vw;
  transform: translateX(-50%);
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-tasks {
  position: absolute;
  top: 158px;
  left: 132px;
  width: 486px;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-tasks {
  position: absolute;
  top: 21.06667vw;
  left: 17.6vw;
  width: 64.8vw;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task {
  position: relative;
  display: grid;
  grid-template-columns: 220px 241px;
  align-items: center;
  min-height: 110px;
  margin: 0;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task {
  position: relative;
  display: grid;
  grid-template-columns: 29.33333vw 32.13333vw;
  align-items: center;
  min-height: 14.66667vw;
  margin: 0;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task + .anniversary-times-task::before {
  position: absolute;
  top: -5px;
  left: 0;
  width: 485px;
  height: 5px;
  content: "";
  background: url("../assets/img/popup/times_line.png") center/485px 5px no-repeat;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task + .anniversary-times-task::before {
  position: absolute;
  top: -0.66667vw;
  left: 0;
  width: 64.66667vw;
  height: 0.66667vw;
  content: "";
  background: url("../assets/img/popup/times_line.png") center/64.66667vw 0.66667vw no-repeat;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task p {
  margin: 0;
  color: #61191a;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  white-space: pre-line;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task p {
  margin: 0;
  color: #61191a;
  font-size: 3.2vw;
  line-height: 4vw;
  text-align: center;
  white-space: pre-line;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 154px;
  height: 44px;
  margin-left: 78px;
  margin-top: -22px;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 20.53333vw;
  height: 5.86667vw;
  margin-left: 10.4vw;
  margin-top: -2.93333vw;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div button {
  width: 154px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div button {
  width: 20.53333vw;
  height: 5.86667vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div button:disabled {
  cursor: default;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div button:disabled {
  cursor: default;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div img {
  position: absolute;
  top: -28px;
  left: -37px;
  width: 241px;
  height: 91px;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div img {
  position: absolute;
  top: -3.73333vw;
  left: -4.93333vw;
  width: 32.13333vw;
  height: 12.13333vw;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div span {
  color: #747474;
  font-size: 20px;
  line-height: 28px;
  padding-top: 48px;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div span {
  color: #747474;
  font-size: 2.66667vw;
  line-height: 3.73333vw;
  padding-top: 6.4vw;
}
.pc-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div span.is-finished {
  color: #9e493b;
}
.m-home .activity-dialog.anniversary-times-dialog .anniversary-times-task > div span.is-finished {
  color: #9e493b;
}
.pc-home .activity-dialog.anniversary-times-dialog .dialog-close {
  top: 16px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.anniversary-times-dialog .dialog-close {
  top: 2.13333vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.return-gift-rule-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 631px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/lqgz_bg.png") center/750px 631px no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.return-gift-rule-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 84.13333vw;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/lqgz_bg.png") center/100vw 84.13333vw no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.return-gift-rule-dialog .dialog-close {
  top: 18px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.return-gift-rule-dialog .dialog-close {
  top: 2.4vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.return-gift-rule-dialog .return-gift-rule-title {
  position: absolute;
  top: 24px;
  left: 50%;
  display: block;
  width: 499px;
  height: 122px;
  transform: translate3d(-50%, 0, 1px);
  will-change: transform;
}
.m-home .activity-dialog.return-gift-rule-dialog .return-gift-rule-title {
  position: absolute;
  top: 3.2vw;
  left: 50%;
  display: block;
  width: 66.53333vw;
  height: 16.26667vw;
  transform: translate3d(-50%, 0, 1px);
  will-change: transform;
}
.pc-home .activity-dialog.return-gift-rule-dialog .rule-content {
  position: absolute;
  top: 178px;
  left: 140px;
  width: 490px;
  max-height: none;
  padding: 0;
  overflow: visible;
  color: #61191a;
  font-size: 24px;
  line-height: 36px;
  text-align: left;
}
.m-home .activity-dialog.return-gift-rule-dialog .rule-content {
  position: absolute;
  top: 23.73333vw;
  left: 18.66667vw;
  width: 65.33333vw;
  max-height: none;
  padding: 0;
  overflow: visible;
  color: #61191a;
  font-size: 3.2vw;
  line-height: 4.8vw;
  text-align: left;
}
.pc-home .activity-dialog.return-gift-rule-dialog .rule-content p {
  margin: 0;
  line-height: 36px;
}
.m-home .activity-dialog.return-gift-rule-dialog .rule-content p {
  margin: 0;
  line-height: 4.8vw;
}
.pc-home .activity-dialog.reservation-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 631px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/login_bg.png") center/750px 631px no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.reservation-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 84.13333vw;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/login_bg.png") center/100vw 84.13333vw no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.reservation-dialog .dialog-close {
  top: 18px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.reservation-dialog .dialog-close {
  top: 2.4vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.reservation-dialog .reservation-title-image {
  position: absolute;
  top: 24px;
  left: 50%;
  display: block;
  width: 499px;
  height: 122px;
  transform: translate3d(-50%, 0, 1px);
  will-change: transform;
}
.m-home .activity-dialog.reservation-dialog .reservation-title-image {
  position: absolute;
  top: 3.2vw;
  left: 50%;
  display: block;
  width: 66.53333vw;
  height: 16.26667vw;
  transform: translate3d(-50%, 0, 1px);
  will-change: transform;
}
.pc-home .activity-dialog.reservation-dialog .reservation-fields {
  position: absolute;
  top: 213px;
  left: 164px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.m-home .activity-dialog.reservation-dialog .reservation-fields {
  position: absolute;
  top: 28.4vw;
  left: 21.86667vw;
  display: flex;
  flex-direction: column;
  gap: 4.66667vw;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row {
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
}
.m-home .activity-dialog.reservation-dialog .reservation-row {
  position: relative;
  display: flex;
  align-items: center;
  height: 6.66667vw;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row > span {
  width: 99px;
  color: #61191a;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
.m-home .activity-dialog.reservation-dialog .reservation-row > span {
  width: 13.2vw;
  color: #61191a;
  font-size: 3.2vw;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row input.reservation-phone-input,
.pc-home .activity-dialog.reservation-dialog .reservation-row input.reservation-code-input {
  box-sizing: border-box;
  height: 50px;
  margin: 0;
  border: 0;
  border-radius: 0;
  color: #61191a;
  font-size: 24px;
  line-height: 50px;
}
.m-home .activity-dialog.reservation-dialog .reservation-row input.reservation-phone-input,
.m-home .activity-dialog.reservation-dialog .reservation-row input.reservation-code-input {
  box-sizing: border-box;
  height: 6.66667vw;
  margin: 0;
  border: 0;
  border-radius: 0;
  color: #61191a;
  font-size: 3.2vw;
  line-height: 6.66667vw;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row input.reservation-phone-input {
  width: 328px;
  padding: 0 16px;
  background: url("../assets/img/popup/phone_number.png") center/328px 50px no-repeat;
}
.m-home .activity-dialog.reservation-dialog .reservation-row input.reservation-phone-input {
  width: 43.73333vw;
  padding: 0 2.13333vw;
  background: url("../assets/img/popup/phone_number.png") center/43.73333vw 6.66667vw no-repeat;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row input.reservation-code-input {
  width: 163px;
  padding: 0 12px;
  z-index: 2;
  background: url("../assets/img/popup/getcode_bg.png") center/163px 49px no-repeat;
}
.m-home .activity-dialog.reservation-dialog .reservation-row input.reservation-code-input {
  width: 21.73333vw;
  padding: 0 1.6vw;
  z-index: 2;
  background: url("../assets/img/popup/getcode_bg.png") center/21.73333vw 6.53333vw no-repeat;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row .verify-code-button {
  position: absolute;
  top: -18px;
  width: 412px;
  height: 78px;
  left: 48px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .activity-dialog.reservation-dialog .reservation-row .verify-code-button {
  position: absolute;
  top: -2.4vw;
  width: 54.93333vw;
  height: 10.4vw;
  left: 6.4vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row .verify-code-button img {
  display: block;
  height: 100%;
}
.m-home .activity-dialog.reservation-dialog .reservation-row .verify-code-button img {
  display: block;
  height: 100%;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row .verify-code-button span {
  position: absolute;
  top: 50%;
  left: 224px;
  margin-top: -18px;
  width: 163px;
  height: 42px;
  line-height: 42px;
  color: #fff1ca;
  font-size: 24px;
  pointer-events: none;
}
.m-home .activity-dialog.reservation-dialog .reservation-row .verify-code-button span {
  position: absolute;
  top: 50%;
  left: 29.86667vw;
  margin-top: -2.4vw;
  width: 21.73333vw;
  height: 5.6vw;
  line-height: 5.6vw;
  color: #fff1ca;
  font-size: 3.2vw;
  pointer-events: none;
}
.pc-home .activity-dialog.reservation-dialog .reservation-row .verify-code-button:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}
.m-home .activity-dialog.reservation-dialog .reservation-row .verify-code-button:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}
.pc-home .activity-dialog.reservation-dialog .dialog-error {
  position: absolute;
  top: 474px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #61191a;
  font-size: 26px;
  line-height: 1;
}
.m-home .activity-dialog.reservation-dialog .dialog-error {
  position: absolute;
  top: 63.2vw;
  left: 0;
  width: 100%;
  margin: 0;
  color: #61191a;
  font-size: 3.46667vw;
  line-height: 1;
}
.pc-home .activity-dialog.reservation-dialog .reservation-submit {
  position: absolute;
  top: 386px;
  left: 50%;
  width: 298px;
  height: 65px;
  margin-left: -149px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .activity-dialog.reservation-dialog .reservation-submit {
  position: absolute;
  top: 51.46667vw;
  left: 50%;
  width: 39.73333vw;
  height: 8.66667vw;
  margin-left: -19.86667vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .activity-dialog.reservation-dialog .reservation-submit img {
  position: absolute;
  left: -70px;
  top: -45px;
  width: 464px;
  height: 132px;
}
.m-home .activity-dialog.reservation-dialog .reservation-submit img {
  position: absolute;
  left: -9.33333vw;
  top: -6vw;
  width: 61.86667vw;
  height: 17.6vw;
}
.pc-home .activity-dialog.reservation-success-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 631px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/login_bg.png") center/750px 631px no-repeat;
  box-shadow: none;
}
.m-home .activity-dialog.reservation-success-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 84.13333vw;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/login_bg.png") center/100vw 84.13333vw no-repeat;
  box-shadow: none;
}
.pc-home .activity-dialog.reservation-success-dialog .dialog-close {
  top: 18px;
  right: 31px;
  width: 79px;
  height: 81px;
  padding: 0;
}
.m-home .activity-dialog.reservation-success-dialog .dialog-close {
  top: 2.4vw;
  right: 4.13333vw;
  width: 10.53333vw;
  height: 10.8vw;
  padding: 0;
}
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-title {
  position: absolute;
  top: 24px;
  left: 50%;
  display: block;
  width: 499px;
  height: 122px;
  transform: translate3d(-50%, 0, 1px);
  will-change: transform;
}
.m-home .activity-dialog.reservation-success-dialog .reservation-success-title {
  position: absolute;
  top: 3.2vw;
  left: 50%;
  display: block;
  width: 66.53333vw;
  height: 16.26667vw;
  transform: translate3d(-50%, 0, 1px);
  will-change: transform;
}
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-copy,
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-tip {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  color: #61191a;
  font-size: 24px;
  line-height: 42px;
  text-align: center;
}
.m-home .activity-dialog.reservation-success-dialog .reservation-success-copy,
.m-home .activity-dialog.reservation-success-dialog .reservation-success-tip {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  color: #61191a;
  font-size: 3.2vw;
  line-height: 5.6vw;
  text-align: center;
}
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-copy {
  top: 201px;
}
.m-home .activity-dialog.reservation-success-dialog .reservation-success-copy {
  top: 26.8vw;
}
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-cdkey {
  position: absolute;
  top: 300px;
  left: 130px;
  width: 328px;
  height: 50px;
  background: url("../assets/img/popup/phone_number.png") center/328px 50px no-repeat;
}
.m-home .activity-dialog.reservation-success-dialog .reservation-success-cdkey {
  position: absolute;
  top: 40vw;
  left: 17.33333vw;
  width: 43.73333vw;
  height: 6.66667vw;
  background: url("../assets/img/popup/phone_number.png") center/43.73333vw 6.66667vw no-repeat;
}
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-cdkey > span {
  display: block;
  overflow: hidden;
  padding: 0 20px;
  color: #61191a;
  font-size: 24px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-home .activity-dialog.reservation-success-dialog .reservation-success-cdkey > span {
  display: block;
  overflow: hidden;
  padding: 0 2.66667vw;
  color: #61191a;
  font-size: 3.2vw;
  line-height: 6.66667vw;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-cdkey button {
  position: absolute;
  top: -16px;
  left: 123px;
  width: 412px;
  height: 78px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.m-home .activity-dialog.reservation-success-dialog .reservation-success-cdkey button {
  position: absolute;
  top: -2.13333vw;
  left: 16.4vw;
  width: 54.93333vw;
  height: 10.4vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-cdkey button img {
  display: block;
  width: 412px;
  height: 78px;
}
.m-home .activity-dialog.reservation-success-dialog .reservation-success-cdkey button img {
  display: block;
  width: 54.93333vw;
  height: 10.4vw;
}
.pc-home .activity-dialog.reservation-success-dialog .reservation-success-tip {
  top: 369px;
}
.m-home .activity-dialog.reservation-success-dialog .reservation-success-tip {
  top: 49.2vw;
}
.pc-home .activity-dialog.scroll-dialog {
  box-sizing: border-box;
  width: 750px;
  height: 810px;
  max-height: none;
  padding: 170px 122px 72px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/rule_bg.png") center/750px 810px no-repeat;
  box-shadow: none;
  color: #61191a;
  text-align: left;
}
.m-home .activity-dialog.scroll-dialog {
  box-sizing: border-box;
  width: 100vw;
  height: 108vw;
  max-height: none;
  padding: 22.66667vw 16.26667vw 9.6vw;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: url("../assets/img/popup/rule_bg.png") center/100vw 108vw no-repeat;
  box-shadow: none;
  color: #61191a;
  text-align: left;
}
.pc-home .activity-dialog.scroll-dialog p {
  color: #61191a;
}
.m-home .activity-dialog.scroll-dialog p {
  color: #61191a;
}
.pc-home .activity-dialog.scroll-dialog .scroll-dialog-title {
  position: absolute;
  top: 22px;
  left: 50%;
  display: block;
  height: 126px;
  transform: translateX(-50%);
  z-index: 1;
}
.m-home .activity-dialog.scroll-dialog .scroll-dialog-title {
  position: absolute;
  top: 2.93333vw;
  left: 50%;
  display: block;
  height: 16.8vw;
  transform: translateX(-50%);
  z-index: 1;
}
.pc-home .activity-dialog.scroll-dialog .rule-content {
  max-height: 516px;
  overflow-y: auto;
  padding-right: 10px;
  color: #61191a;
  font-size: 24px;
  line-height: 36px;
  overflow-x: hidden;
}
.m-home .activity-dialog.scroll-dialog .rule-content {
  max-height: 68.8vw;
  overflow-y: auto;
  padding-right: 1.33333vw;
  color: #61191a;
  font-size: 3.2vw;
  line-height: 4.8vw;
  overflow-x: hidden;
}
.pc-home .activity-dialog.scroll-dialog .rule-content::-webkit-scrollbar {
  width: 9px;
}
.m-home .activity-dialog.scroll-dialog .rule-content::-webkit-scrollbar {
  width: 1.2vw;
}
.pc-home .activity-dialog.scroll-dialog .rule-content::-webkit-scrollbar-track {
  border-radius: 999px;
  background: #7d2a02;
}
.m-home .activity-dialog.scroll-dialog .rule-content::-webkit-scrollbar-track {
  border-radius: 133.2vw;
  background: #7d2a02;
}
.pc-home .activity-dialog.scroll-dialog .rule-content::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(90deg, #d97657 0%, #db7550 48%, #edad7e 100%);
}
.m-home .activity-dialog.scroll-dialog .rule-content::-webkit-scrollbar-thumb {
  border-radius: 133.2vw;
  background: linear-gradient(90deg, #d97657 0%, #db7550 48%, #edad7e 100%);
}
.pc-home .activity-dialog.scroll-dialog .rule-content p {
  line-height: 36px;
  margin: 0;
}
.m-home .activity-dialog.scroll-dialog .rule-content p {
  line-height: 4.8vw;
  margin: 0;
}
.pc-home .activity-dialog.scroll-dialog .gameplay-optimization-content {
  max-height: 516px;
  overflow-y: auto;
  padding-right: 10px;
  color: #61191a;
  font-size: 24px;
  line-height: 36px;
  overflow-x: hidden;
}
.m-home .activity-dialog.scroll-dialog .gameplay-optimization-content {
  max-height: 68.8vw;
  overflow-y: auto;
  padding-right: 1.33333vw;
  color: #61191a;
  font-size: 3.2vw;
  line-height: 4.8vw;
  overflow-x: hidden;
}
.pc-home .activity-dialog.scroll-dialog .gameplay-optimization-content::-webkit-scrollbar {
  width: 9px;
}
.m-home .activity-dialog.scroll-dialog .gameplay-optimization-content::-webkit-scrollbar {
  width: 1.2vw;
}
.pc-home .activity-dialog.scroll-dialog .gameplay-optimization-content::-webkit-scrollbar-track {
  border-radius: 999px;
  background: #7d2a02;
}
.m-home .activity-dialog.scroll-dialog .gameplay-optimization-content::-webkit-scrollbar-track {
  border-radius: 133.2vw;
  background: #7d2a02;
}
.pc-home .activity-dialog.scroll-dialog .gameplay-optimization-content::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(90deg, #d97657 0%, #db7550 48%, #edad7e 100%);
}
.m-home .activity-dialog.scroll-dialog .gameplay-optimization-content::-webkit-scrollbar-thumb {
  border-radius: 133.2vw;
  background: linear-gradient(90deg, #d97657 0%, #db7550 48%, #edad7e 100%);
}
.pc-home .activity-dialog.scroll-dialog .reward-status-list {
  color: #61191a;
}
.m-home .activity-dialog.scroll-dialog .reward-status-list {
  color: #61191a;
}
.pc-home .activity-dialog.scroll-dialog .reward-status-list li {
  border-color: rgba(97, 25, 26, 0.28);
}
.m-home .activity-dialog.scroll-dialog .reward-status-list li {
  border-color: rgba(97, 25, 26, 0.28);
}
.pc-home .activity-dialog.scroll-dialog .reward-status-list li b {
  color: #61191a;
}
.m-home .activity-dialog.scroll-dialog .reward-status-list li b {
  color: #61191a;
}
.pc-home .activity-dialog.scroll-dialog .dialog-button {
  color: #61191a;
}
.m-home .activity-dialog.scroll-dialog .dialog-button {
  color: #61191a;
}
.pc-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) {
  padding-left: 139px;
  padding-right: 131px;
}
.m-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) {
  padding-left: 18.53333vw;
  padding-right: 17.46667vw;
}
.pc-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) h2 {
  text-align: center;
}
.m-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) h2 {
  text-align: center;
}
.pc-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) .scroll-dialog-title {
  top: 0;
}
.m-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) .scroll-dialog-title {
  top: 0;
}
.pc-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) .rule-content p {
  margin: 0 0 8px;
}
.m-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) .rule-content p {
  margin: 0 0 1.06667vw;
}
.pc-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) .dialog-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.m-home .activity-dialog.rule-dialog:not(.return-gift-rule-dialog) .dialog-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .scroll-dialog-title {
  width: 632px;
}
.m-home .activity-dialog.gameplay-optimization-dialog .scroll-dialog-title {
  width: 84.26667vw;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section {
  margin: 0 0 28px;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section {
  margin: 0 0 3.73333vw;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section:last-child {
  margin-bottom: 0;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section:last-child {
  margin-bottom: 0;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 16px;
  color: #7c241d;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6vw;
  margin: 0 0 2.13333vw;
  color: #7c241d;
  font-size: 3.73333vw;
  font-weight: 400;
  line-height: 4.8vw;
  text-align: center;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h3 img {
  display: block;
  width: 36px;
  height: 20px;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h3 img {
  display: block;
  width: 4.8vw;
  height: 2.66667vw;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h3 .gameplay-optimization-subtitle-tail {
  transform: scaleX(-1);
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h3 .gameplay-optimization-subtitle-tail {
  transform: scaleX(-1);
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h4,
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h5,
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section p {
  margin: 0;
  color: #61191a;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h4,
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h5,
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section p {
  margin: 0;
  color: #61191a;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.8vw;
  text-align: left;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h4,
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h5,
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-label {
  margin-top: 12px;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h4,
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h5,
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-label {
  margin-top: 1.6vw;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-table {
  width: 100%;
  margin: 4px 0 12px;
  border-collapse: collapse;
  color: #61191a;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-table {
  width: 100%;
  margin: 0.53333vw 0 1.6vw;
  border-collapse: collapse;
  color: #61191a;
  font-size: 2.66667vw;
  line-height: 3.73333vw;
  text-align: center;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-table th,
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-table td {
  padding: 5px 10px;
  border: 1px solid rgba(122, 36, 29, 0.72);
  font-weight: 400;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-table th,
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-table td {
  padding: 0.66667vw 1.33333vw;
  border: 1px solid rgba(122, 36, 29, 0.72);
  font-weight: 400;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-table th {
  background: rgba(233, 163, 108, 0.42);
  font-size: 22px;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section .optimization-table th {
  background: rgba(233, 163, 108, 0.42);
  font-size: 2.93333vw;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h4 {
  font-weight: bold;
  color: #a70002;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h4 {
  font-weight: bold;
  color: #a70002;
}
.pc-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h5 {
  background: url("../assets/img/popup/tit_block2.png") 0 50%/100% 33px no-repeat;
  height: 33px;
  line-height: 33px;
  color: #fee6b4;
  padding: 0 24px 0 10px;
  display: inline-block;
}
.m-home .activity-dialog.gameplay-optimization-dialog .gameplay-optimization-section h5 {
  background: url("../assets/img/popup/tit_block2.png") 0 50%/100% 4.4vw no-repeat;
  height: 4.4vw;
  line-height: 4.4vw;
  color: #fee6b4;
  padding: 0 3.2vw 0 1.33333vw;
  display: inline-block;
}
.pc-home .activity-dialog.account-dialog {
  padding-top: 191px;
}
.m-home .activity-dialog.account-dialog {
  padding-top: 25.46667vw;
}
.pc-home .activity-dialog.account-dialog .account-info-row {
  display: grid;
  grid-template-columns: 150px 328px;
  align-items: center;
  min-height: 50px;
  margin: 0 0 70px;
  position: relative;
  z-index: 1;
}
.m-home .activity-dialog.account-dialog .account-info-row {
  display: grid;
  grid-template-columns: 20vw 43.73333vw;
  align-items: center;
  min-height: 6.66667vw;
  margin: 0 0 9.33333vw;
  position: relative;
  z-index: 1;
}
.pc-home .activity-dialog.account-dialog .account-info-label {
  color: #61191a;
  font-size: 23px;
  text-align: right;
}
.m-home .activity-dialog.account-dialog .account-info-label {
  color: #61191a;
  font-size: 3.06667vw;
  text-align: right;
}
.pc-home .activity-dialog.account-dialog .account-info-value {
  box-sizing: border-box;
  width: 328px;
  height: 50px;
  padding: 0 18px;
  overflow: hidden;
  color: #61191a;
  background: url("../assets/img/popup/inp_bg.png") center/328px 50px no-repeat;
  font-size: 22px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-home .activity-dialog.account-dialog .account-info-value {
  box-sizing: border-box;
  width: 43.73333vw;
  height: 6.66667vw;
  padding: 0 2.4vw;
  overflow: hidden;
  color: #61191a;
  background: url("../assets/img/popup/inp_bg.png") center/43.73333vw 6.66667vw no-repeat;
  font-size: 2.93333vw;
  line-height: 6.66667vw;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-home .activity-dialog.account-dialog .account-action-button {
  position: absolute;
  top: 42px;
  right: 0;
  z-index: 2;
  width: 412px;
  height: 78px;
  padding: 0;
  border: 0;
  background: transparent;
}
.m-home .activity-dialog.account-dialog .account-action-button {
  position: absolute;
  top: 5.6vw;
  right: 0;
  z-index: 2;
  width: 54.93333vw;
  height: 10.4vw;
  padding: 0;
  border: 0;
  background: transparent;
}
.pc-home .activity-dialog.account-dialog .account-action-button img {
  display: block;
  width: 412px;
  height: 78px;
}
.m-home .activity-dialog.account-dialog .account-action-button img {
  display: block;
  width: 54.93333vw;
  height: 10.4vw;
}
.pc-home .activity-dialog.account-dialog .account-reward-table {
  position: relative;
  z-index: 1;
  width: 448px;
  margin: 86px auto 0;
  border-collapse: collapse;
  color: #61191a;
  font-size: 22px;
  text-align: center;
}
.m-home .activity-dialog.account-dialog .account-reward-table {
  position: relative;
  z-index: 1;
  width: 59.73333vw;
  margin: 11.46667vw auto 0;
  border-collapse: collapse;
  color: #61191a;
  font-size: 2.93333vw;
  text-align: center;
}
.pc-home .activity-dialog.account-dialog .account-reward-table th,
.pc-home .activity-dialog.account-dialog .account-reward-table td {
  height: 36px;
  padding: 0;
  border: 1px solid rgba(178, 86, 61, 0.38);
}
.m-home .activity-dialog.account-dialog .account-reward-table th,
.m-home .activity-dialog.account-dialog .account-reward-table td {
  height: 4.8vw;
  padding: 0;
  border: 1px solid rgba(178, 86, 61, 0.38);
}
.pc-home .activity-dialog.account-dialog .account-reward-table th {
  height: 51px;
  background: #fbc18f;
  font-size: 24px;
}
.m-home .activity-dialog.account-dialog .account-reward-table th {
  height: 6.8vw;
  background: #fbc18f;
  font-size: 3.2vw;
}
.pc-home .activity-dialog.account-dialog .account-reward-table td.received {
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}
.m-home .activity-dialog.account-dialog .account-reward-table td.received {
  font-size: 2.93333vw;
  font-weight: 400;
  line-height: 1;
}
.pc-home .dialog-button {
  margin-top: 15px;
  padding: 10px 35px;
  border-radius: 22px;
  color: #6a2418;
  background: linear-gradient(#ffe58c, #e89b28);
}
.m-home .dialog-button {
  margin-top: 2vw;
  padding: 1.33333vw 4.66667vw;
  border-radius: 2.93333vw;
  color: #6a2418;
  background: linear-gradient(#ffe58c, #e89b28);
}
.pc-home .dialog-close {
  position: absolute;
  top: 10px;
  right: 29px;
  border: 0;
  background: transparent;
  z-index: 2;
}
.m-home .dialog-close {
  position: absolute;
  top: 1.33333vw;
  right: 3.86667vw;
  border: 0;
  background: transparent;
  z-index: 2;
}
.pc-home .dialog-close img {
  display: block;
  width: 79px;
  height: 81px;
}
.m-home .dialog-close img {
  display: block;
  width: 10.53333vw;
  height: 10.8vw;
}

.pc-home .rwm-box {
  position: fixed;
  width: 311px;
  pointer-events: none;
}

.m-home .rwm-box {
  position: fixed;
  width: 41.46667vw;
  pointer-events: none;
}
.pc-home .rwm-box.on {
  width: 38px;
  right: 18px;
}
.m-home .rwm-box.on {
  width: 5.06667vw;
  right: 2.4vw;
}
.pc-home .rwm-box .rwm-pic {
  position: relative;
  width: 311px;
  height: 579px;
  pointer-events: none;
  background: url("../assets/img/floating-qr/rwmbox.png") no-repeat 0 0/100%;
}
.m-home .rwm-box .rwm-pic {
  position: relative;
  width: 41.46667vw;
  height: 77.2vw;
  pointer-events: none;
  background: url("../assets/img/floating-qr/rwmbox.png") no-repeat 0 0/100%;
}
.pc-home .rwm-box .btn-open {
  position: absolute;
  top: 232px;
  left: 20px;
  z-index: 1;
  width: 38px;
  height: 110px;
  padding: 0;
  background: url("../assets/img/floating-qr/btn_hide.png") no-repeat 0 0/100%;
  pointer-events: auto;
}
.m-home .rwm-box .btn-open {
  position: absolute;
  top: 30.93333vw;
  left: 2.66667vw;
  z-index: 1;
  width: 5.06667vw;
  height: 14.66667vw;
  padding: 0;
  background: url("../assets/img/floating-qr/btn_hide.png") no-repeat 0 0/100%;
  pointer-events: auto;
}
.pc-home .rwm-box .btn-open.on {
  background-image: url("../assets/img/floating-qr/btn_open.png");
}
.m-home .rwm-box .btn-open.on {
  background-image: url("../assets/img/floating-qr/btn_open.png");
}
.pc-home .rwm-box .rwm-douyin,
.pc-home .rwm-box .rwm-qxf,
.pc-home .rwm-box .rwm-ysf {
  position: absolute;
}
.m-home .rwm-box .rwm-douyin,
.m-home .rwm-box .rwm-qxf,
.m-home .rwm-box .rwm-ysf {
  position: absolute;
}
.pc-home .rwm-box .rwm-douyin {
  top: 118px;
  left: 50%;
  width: 160px;
  height: 160px;
  margin-left: -80px;
}
.m-home .rwm-box .rwm-douyin {
  top: 15.73333vw;
  left: 50%;
  width: 21.33333vw;
  height: 21.33333vw;
  margin-left: -10.66667vw;
}
.pc-home .rwm-box .rwm-qxf,
.pc-home .rwm-box .rwm-ysf {
  top: 344px;
  width: 96px;
  height: 96px;
}
.m-home .rwm-box .rwm-qxf,
.m-home .rwm-box .rwm-ysf {
  top: 45.86667vw;
  width: 12.8vw;
  height: 12.8vw;
}
.pc-home .rwm-box .rwm-qxf {
  left: 57px;
}
.m-home .rwm-box .rwm-qxf {
  left: 7.6vw;
}
.pc-home .rwm-box .rwm-ysf {
  left: 167px;
}
.m-home .rwm-box .rwm-ysf {
  left: 22.26667vw;
}

.pc-home .rwm-box {
  top: 30%;
  right: -10px;
  z-index: 20;
}
.pc-home .gameplay-interface {
  position: relative;
  min-height: 3031px;
  height: 3031px;
  background: url("../assets/img/featured-gameplay/cont1_bg.jpg") center top/1920px auto no-repeat;
}
.pc-home .gameplay-interface .gameplay-title {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: auto;
  height: 153px;
  transform: translateX(-50%);
}
.pc-home .gameplay-interface .gameplay-optimization-button {
  position: absolute;
  top: 78px;
  left: calc(50% + 346px);
  z-index: 2;
  width: 282px;
  height: 52px;
  padding: 0;
  background: transparent;
}
.pc-home .gameplay-interface .gameplay-optimization-button img {
  position: absolute;
  left: -69px;
  top: -35px;
  width: 448px;
  height: 105px;
}
.pc-home .gameplay-interface .gameplay-cards {
  position: relative;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 1513px;
  padding-top: 92px;
}
.pc-home .gameplay-interface .gameplay-cards img {
  display: block;
  width: 1513px;
  height: 563px;
}
.pc-home .gameplay-interface .gameplay-cards img:not(:first-child) {
  margin-top: -11px;
}
.pc-home .rebate-interface {
  min-height: 1731px;
  height: 1731px;
  padding-top: 0;
  background: url("../assets/img/recharge-rebate/cont1.jpg") center top/1920px 1731px no-repeat;
}
.pc-home .rebate-interface .rebate-title {
  display: block;
  width: 641px;
  height: 153px;
  margin: 0 auto 14px;
}
.pc-home .rebate-interface .rebate-copy {
  margin: -10px auto 18px;
  color: #ffe8ca;
  font-size: 22px;
  line-height: 1.55;
  text-align: center;
  white-space: nowrap;
}
.pc-home .rebate-interface .rebate-table {
  position: absolute;
  top: 112px;
  left: 50%;
  width: 1554px;
  height: 1575px;
  margin-left: -777px;
}
.pc-home .rebate-interface .rebate-actions {
  position: absolute;
  top: 1421px;
  left: 50%;
  width: 1432px;
  margin-left: -666px;
}
.pc-home .rebate-interface .rebate-actions .image-button {
  position: absolute;
  top: 0;
  width: 566px;
  height: 161px;
}
.pc-home .rebate-interface .rebate-actions .image-button:nth-child(1) {
  left: 0;
}
.pc-home .rebate-interface .rebate-actions .image-button:nth-child(2) {
  left: 428px;
}
.pc-home .rebate-interface .rebate-actions .image-button:nth-child(3) {
  right: 0;
}
.no-flex-gap .pc-home .gifts-tabs button + button {
  margin-left: 52px;
}
.no-flex-gap .pc-home .gifts-categories button + button {
  margin-top: 37px;
}
.no-flex-gap .pc-home .reward-items .reward-item {
  margin: 0 25px 65px;
}
.no-flex-gap .pc-home .recharge-grid .gift-card + .gift-card {
  margin-left: 18px;
}
.no-flex-gap .pc-home .card-items .card-item + .card-item {
  margin-left: 70px;
}
.no-flex-gap .pc-home .card-items .card-item:nth-child(3) {
  margin-left: 70px;
  margin-top: 70px;
  transform: translateX(-35px);
}
.no-flex-gap .pc-home .anniversary-summary > :not(button) + :not(button) {
  margin-left: 60px;
}
.no-flex-gap .pc-home .anniversary-card-reward > * + * {
  margin-top: 28px;
}
.no-flex-gap .pc-home .return-items .return-item + .return-item {
  margin-left: 93px;
}
.no-flex-gap .pc-home .reservation-fields .reservation-row + .reservation-row {
  margin-top: 35px;
}
.no-flex-gap .pc-home .gameplay-optimization-section h3 > * + * {
  margin-left: 12px;
}
/* 导航切图带有透明留白，按原始 356px 画布定位可见圆形主体。 */
.pc-home .hero-nav img {
  width: auto;
  max-width: none;
}
.pc-home .login-entry {
  left: 50%;
  transform: translateX(-50%);
}@media (max-width: 767px) {
  html,
  body,
  #app {
    min-width: 0;
    width: 100%;
  }
  body {
    overflow-x: hidden;
  }
  .modal-backdrop button,
  .modal-backdrop a,
  .modal-backdrop input,
  .modal-backdrop textarea {
    -webkit-tap-highlight-color: transparent;
  }
  .m-home button,
  .m-home a,
  .m-home input,
  .m-home textarea {
    -webkit-tap-highlight-color: transparent;
  }
  .modal-backdrop strong,
  .modal-backdrop b,
  .modal-backdrop .activity-dialog * {
    font-weight: 400;
  }
  .m-home strong,
  .m-home b,
  .m-home .activity-dialog * {
    font-weight: 400;
  }
  .logo {
    width: 23.86667vw;
    height: 16.8vw;
    background: url(//i0.cy.com/tlhj/main/2025/0804/m/images/logo.png) no-repeat 50% 0/100%;
    position: absolute;
    top: 1.46667vw;
    left: 1.86667vw;
  }
  .m-home {
    min-width: 0;
  }
  .m-home .rwm-box {
    top: 28vw;
    right: -1.86667vw;
    z-index: 6;
  }
  .m-home main {
    margin-top: -1px;
  }
  .m-home .m-page-nav {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 5;
    width: 100vw;
    height: 12.8vw;
    transform: translateX(-50%);
  }
  .m-home .m-page-nav > img {
    display: block;
    width: 100vw;
    height: 12.8vw;
  }
  .m-home .m-page-nav button {
    position: absolute;
    top: 0;
    width: 20vw;
    height: 12.8vw;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .m-home .m-page-nav button:nth-of-type(1) {
    left: 0;
  }
  .m-home .m-page-nav button:nth-of-type(2) {
    left: 20vw;
  }
  .m-home .m-page-nav button:nth-of-type(3) {
    left: 40vw;
  }
  .m-home .m-page-nav button:nth-of-type(4) {
    left: 60vw;
  }
  .m-home .m-page-nav button:nth-of-type(5) {
    left: 80vw;
  }
  .m-home .home-hero {
    min-height: 0;
    height: 136vw;
    background: url("../assets/img/home/m_head_bg-launch.jpg") center top/100% 100% no-repeat;
  }
  .m-home .home-hero.is-wg {
    background-image: url("../assets/img/home/m_head_bg-wg.jpg");
  }
  .m-home .home-hero .login-entry {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 50%;
    width: 75.6vw;
    height: 12vw;
    color: #ffdec7;
    background: url("../assets/img/home/m_login_bg.png") center/100% 100% no-repeat;
    font-size: 3.2vw;
    line-height: 12vw;
    text-align: center;
    transform: translateX(-50%);
  }
  .m-home .home-hero .login-entry .login-before {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .m-home .home-hero .login-entry .login-after {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 4vw;
  }
  .m-home .home-hero .login-entry .login-after p {
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    line-height: 1.2;
    white-space: nowrap;
  }
  .m-home .home-hero .login-entry .login-after a {
    color: #ffdec7;
    text-decoration: none;
  }
  .m-home .home-hero .hero-nav {
    display: none;
  }
  .m-home .content-panel {
    min-height: 0;
    background-position: center top;
    background-size: 100% auto;
  }
  .m-home .panel-one {
    height: 253.86667vw;
    background-image: url("../assets/img/home/m_cont1.jpg");
  }
  .m-home .panel-one .title-one {
    width: 78.4vw;
    margin-bottom: 2vw;
  }
  .m-home .panel-one .section-copy {
    width: 88%;
    margin: 0 auto 4vw;
    color: #f9e5c6;
    font-size: 3.2vw;
    line-height: 4.8vw;
  }
  .m-home .panel-one .reward-board {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 169.6vw;
    margin: -8vw 0 0;
    padding: 16.3vw 8.5vw 16.66667vw;
    background: url("../assets/img/home/m_xf_bg.png") center top/100% 100% no-repeat;
  }
  .m-home .panel-one .reward-board .reward-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
  }
  .m-home .panel-one .reward-board .reward-column strong {
    height: 8vw;
    padding: 0;
    margin-bottom: 0;
    color: #8e2e26;
    font-size: 4vw;
    font-weight: 400;
    line-height: 8vw;
  }
  .m-home .panel-one .reward-board .reward-column .reservation-reward-done {
    top: 0;
    right: 1.6vw;
  }
  .m-home .panel-one .reward-board .reward-column .reward-items {
    justify-content: center;
    gap: 0 12.66667vw;
    margin-top: 2.4vw;
  }
  .m-home .panel-one .reward-board .reward-column .reward-items .reward-item {
    width: 7.86667vw;
    height: 8.13333vw;
  }
  .m-home .panel-one .reward-board .reward-column .reward-items .reward-item::before {
    top: -7.46667vw;
    left: -5.2vw;
    width: 17.2vw;
    height: 18.8vw;
    background: url("../assets/img/home/m_circle2.png") center/100% 100% no-repeat;
  }
  .m-home .panel-one .reward-board .reward-column .reward-items .reward-item img {
    width: 7.86667vw;
    height: 8.13333vw;
  }
  .m-home .panel-one .reward-board .reward-column .reward-items .reward-item small {
    position: absolute;
    left: 50%;
    color: #4d271d;
    font-size: 3.2vw;
    white-space: nowrap;
    transform: translateX(-50%);
  }
  .m-home .panel-one .reservation-items {
    margin-top: -5.33333vw;
    color: #fff2d4;
    font-size: 3.6vw;
  }
  .m-home .panel-one .reservation-items .reservation-count {
    margin: 0 0 2vw;
    line-height: 1.2;
  }
  .m-home .panel-one .action-row {
    display: flex;
    width: 100%;
    height: 19.06667vw;
    margin-top: -3.33333vw;
  }
  .m-home .panel-one .action-row button {
    position: absolute;
    width: auto;
    height: auto;
  }
  .m-home .panel-one .action-row button img {
    height: auto;
  }
  .m-home .panel-one .action-row button:first-child {
    left: -5.33333vw;
  }
  .m-home .panel-one .action-row button:nth-child(2) {
    left: 40.13333vw;
    right: auto;
  }
  .m-home .panel-one .action-row button:first-child img {
    width: 69.86667vw;
  }
  .m-home .panel-one .action-row button:nth-child(2) img {
    width: 69.86667vw;
  }
  .m-home .panel-two {
    height: 154.53333vw;
    background-image: url("../assets/img/home/m_cont2.jpg");
  }
  .m-home .panel-two .title-three {
    width: 89.33333vw;
    margin-bottom: 4vw;
  }
  .m-home .panel-two .return-card {
    position: relative;
    width: 100%;
    height: 89.33333vw;
    margin: 0;
    padding: 24.53333vw 6.66667vw 0;
    background: url("../assets/img/home/m_cont3_box_bg.png") center/100% 100% no-repeat;
  }
  .m-home .panel-two .return-card .return-items {
    display: flex;
    width: 100%;
    margin: 0;
    gap: 18.66667vw 12.53333vw;
    flex-wrap: wrap;
    justify-content: center;
  }
  .m-home .panel-two .return-card .return-items .return-item {
    width: auto;
  }
  .m-home .panel-two .return-card .return-items .return-item-content {
    width: 8.26667vw;
    height: 8.26667vw;
    margin: 0 auto;
  }
  .m-home .panel-two .return-card .return-items .return-item-content::before {
    top: -9.6vw;
    left: -6.93333vw;
    width: 20.53333vw;
    height: 22.53333vw;
    background: url("../assets/img/home/m_circle1.png") center/100% 100% no-repeat;
  }
  .m-home .panel-two .return-card .return-items .return-item-content img {
    width: 8.26667vw;
    height: 8.26667vw;
  }
  .m-home .panel-two .return-card .return-items .return-item-content small {
    position: absolute;
    top: 12vw;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    color: #562b20;
    font-size: 3.2vw;
    margin-top: 0;
    white-space: pre-line;
    width: 20vw;
  }
  .m-home .panel-two .return-actions {
    position: absolute;
    left: 50%;
    top: 82.53333vw;
    transform: translate3d(-50%, 0, 0);
    width: 100%;
    height: 19.33333vw;
    margin-top: 0;
  }
  .m-home .panel-two .return-actions .image-button {
    width: 67.73333vw;
    height: 19.33333vw;
  }
  .m-home .panel-two .return-actions .image-button img {
    height: 100%;
  }
  .m-home .panel-two .return-actions .image-button:first-child {
    left: -4vw;
  }
  .m-home .panel-two .return-actions .image-button:last-child {
    left: 41.6vw;
  }
  .m-home .precharge-interface {
    min-height: 556.66667vw;
    background: transparent;
  }
  .m-home .precharge-interface .precharge-stage {
    position: relative;
    height: 242vw;
    background: url("../assets/img/xf-ycz/m_cont1.jpg") center top/100vw 242vw no-repeat;
    box-sizing: border-box;
  }
  .m-home .precharge-interface .precharge-stage .title-two {
    display: block;
    width: 78.4vw;
    height: 20.4vw;
    margin: 0 auto 0.93333vw;
  }
  .m-home .precharge-interface .precharge-stage .section-copy {
    width: 90.66667vw;
    margin: 0 auto 0;
    color: #fff1d0;
    font-size: 2.66667vw;
    line-height: 4vw;
    padding-bottom: 3.73333vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-bar {
    width: 91.73333vw;
    height: 9.6vw;
    margin: 0 auto 0;
    background: url("../assets/img/xf-ycz/m_huaban-5837360354.png.png") center/91.73333vw 9.6vw no-repeat;
    color: #fff1b5;
    font-size: 4.8vw;
    line-height: 9.6vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-bar b {
    color: #ffdb87;
  }
  .m-home .precharge-interface .precharge-stage .recharge-bar .recharge-rule-btn {
    position: absolute;
    top: 12.53333vw;
    left: 50%;
    width: 51.33333vw;
    height: 12vw;
    margin: 0 0 0 -23.33333vw;
    padding: 0;
    background: url("../assets/img/xf-ycz/m_ycz_rule_btn.png") center/51.33333vw 12vw no-repeat;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid {
    display: grid;
    grid-template-columns: repeat(2, 47.2vw);
    grid-auto-rows: 58.26667vw;
    justify-content: center;
    gap: 2.4vw 0.66667vw;
    margin-top: 19.33333vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card {
    width: 47.2vw;
    height: 58.26667vw;
    padding-top: 7.73333vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card .gift-card-bg {
    width: 47.2vw;
    height: 97.33333vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card strong {
    height: 4vw;
    color: #6f3021;
    font-size: 4vw;
    line-height: 4vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card > .precharge-done {
    top: 38.53333vw;
    right: 0.66667vw;
    width: 16.8vw;
    height: 9.2vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card .card-items {
    width: 35.2vw;
    gap: 9.33333vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card .card-items .card-item {
    position: relative;
    width: 7.86667vw;
    height: 8.13333vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card .card-items .card-item:nth-child(3) small {
    width: 40vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card .card-items .card-item img {
    width: 7.86667vw;
    height: 8.13333vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card .card-items .card-item img.sty2 {
    width: 19.73333vw;
    height: 17.2vw;
    margin: -5.6vw 0 0 -5.06667vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card .card-items .card-item small {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    margin-top: 0.26667vw;
    color: #492116;
    font-size: 2.4vw;
    line-height: 1;
    text-align: center;
    white-space: pre-line;
    width: 20vw;
  }
  .m-home .precharge-interface .precharge-stage .recharge-grid .gift-card > .precharge-card-note {
    top: 0;
    width: 52vw;
    color: #ffe9d2;
    font-size: 2.66667vw;
    line-height: 2.93333vw;
    box-sizing: border-box;
    padding: 19.46667vw 7.46667vw 0;
  }
  .m-home .precharge-interface .precharge-stage > .precharge-action {
    top: 204vw;
    left: 50%;
    width: 67.73333vw;
    height: 19.33333vw;
  }
  .m-home .precharge-interface .precharge-stage > .precharge-action img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .m-home .precharge-interface .anniversary-stage {
    height: 314.66667vw;
    min-height: 0;
    padding-top: 0;
    overflow: hidden;
    background: url("../assets/img/xf-ycz/m_cont2.jpg") center top/100vw 314.66667vw no-repeat;
    box-sizing: border-box;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-title {
    width: 89.33333vw;
    height: 20.4vw;
    margin: 0 auto;
  }
  .m-home .precharge-interface .anniversary-stage > p {
    width: 90.66667vw;
    margin: 1.2vw auto 2vw;
    color: #911517;
    font-size: 3.2vw;
    line-height: 5.06667vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board {
    grid-template-columns: repeat(3, 25.33333vw);
    grid-auto-rows: 43.46667vw;
    justify-content: center;
    width: 100vw;
    height: 225.06667vw;
    margin: -5.33333vw auto 0;
    padding: 32vw 0 0;
    column-gap: 1.86667vw;
    row-gap: 1.6vw;
    background: url("../assets/img/xf-ycz/m_card_cont_bg.png") center/100vw 225.06667vw no-repeat;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-summary {
    top: 15.33333vw;
    padding: 0;
    gap: 5.6vw;
    font-size: 3.46667vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-summary button {
    top: 5.06667vw;
    left: 50%;
    width: 63.33333vw;
    height: 12vw;
    margin-left: -23.46667vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-summary button img {
    width: 63.33333vw;
    height: 12vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-card {
    width: 25.33333vw;
    height: 43.46667vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-card:last-of-type {
    grid-column: 2;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-card .anniversary-card-surface {
    width: 25.33333vw;
    height: 43.46667vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-card .anniversary-card-reward {
    top: 13.2vw;
    gap: 2.66667vw;
    font-size: 2.4vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-card .anniversary-card-reward img {
    width: 9.2vw;
    height: 9.73333vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board .anniversary-card .anniversary-card-reward small {
    font-size: 2.4vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-reward-board > strong {
    bottom: 9.33333vw;
    font-size: 4.26667vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-actions {
    width: 100vw;
    margin: -4.26667vw auto 0;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-actions button {
    position: absolute;
    width: 67.73333vw;
    height: 19.33333vw;
    transform: none;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-actions button:first-child {
    left: -4vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-actions button:last-child {
    left: 41.6vw;
  }
  .m-home .precharge-interface .anniversary-stage .anniversary-actions button img {
    width: 100%;
    height: auto;
  }
  .m-home .rebate-interface {
    position: relative;
    width: 100vw;
    height: 369.6vw;
    padding: 0;
    overflow: hidden;
    background: #66191a url("../assets/img/recharge-rebate/m_cont1.jpg") center top/100vw 369.6vw no-repeat;
  }
  .m-home .rebate-interface .rebate-title {
    width: 78.4vw;
    height: 20.4vw;
    margin: 0 auto;
  }
  .m-home .rebate-interface .rebate-copy {
    width: 88vw;
    margin: 0 auto 0;
    color: #dbccb1;
    font-size: 3.2vw;
    line-height: 4.8vw;
    text-align: center;
    white-space: inherit;
  }
  .m-home .rebate-interface .rebate-table {
    position: absolute;
    top: 41.33333vw;
    left: 0;
    display: block;
    width: 100vw;
    height: 274.53333vw;
  }
  .m-home .rebate-interface .rebate-actions {
    position: absolute;
    top: 297.6vw;
    left: 0;
    width: 100vw;
    height: 38.66667vw;
  }
  .m-home .rebate-interface .rebate-actions .image-button {
    position: absolute;
  }
  .m-home .rebate-interface .rebate-actions .image-button img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .m-home .rebate-interface .rebate-actions .image-button:nth-child(1) {
    top: 0;
    left: 0;
    width: 62.93333vw;
    height: 19.33333vw;
  }
  .m-home .rebate-interface .rebate-actions .image-button:nth-child(2) {
    top: 0;
    right: 0;
    width: 59.46667vw;
    height: 18.93333vw;
  }
  .m-home .rebate-interface .rebate-actions .image-button:nth-child(3) {
    top: 16.93333vw;
    left: 50%;
    width: 67.73333vw;
    height: 19.33333vw;
    transform: translateX(-46%);
  }
  .m-home .gifts-interface {
    position: relative;
    width: 100vw;
    height: 888.53333vw;
    min-height: 0;
    padding: 0 0 16vw;
    overflow: hidden;
    background: #843322 url("../assets/img/gifts/m_cont1_bg.jpg") center top/100vw 100% no-repeat;
  }
  .m-home .gifts-interface .gifts-benefits-title,
  .m-home .gifts-interface .gifts-benefits-image,
  .m-home .gifts-interface .gifts-signin-title,
  .m-home .gifts-interface .gifts-signin-image,
  .m-home .gifts-interface .gifts-title,
  .m-home .gifts-interface .gifts-copy {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    transform: none;
  }
  .m-home .gifts-interface .gifts-ranking-section {
    position: relative;
    top: auto;
    left: auto;
    width: 100vw;
    height: auto;
    transform: none;
    margin-top: 39.33333vw;
  }
  .m-home .gifts-interface .gifts-benefits-title,
  .m-home .gifts-interface .gifts-benefits-image,
  .m-home .gifts-interface .gifts-signin-title,
  .m-home .gifts-interface .gifts-signin-image,
  .m-home .gifts-interface .gifts-title {
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .m-home .gifts-interface .gifts-benefits-title {
    width: 78.4vw;
    height: 21.6vw;
  }
  .m-home .gifts-interface .gifts-benefits-image {
    width: 100vw;
    margin-top: -6.93333vw;
  }
  .m-home .gifts-interface .gifts-signin-title {
    width: 89.33333vw;
    margin-top: 23.73333vw;
  }
  .m-home .gifts-interface .gifts-signin-image {
    width: 100vw;
    margin-top: 1.86667vw;
  }
  .m-home .gifts-interface .gifts-title {
    width: 78.4vw !important;
    margin-top: 4.8vw;
  }
  .m-home .gifts-interface .gifts-copy {
    width: 92vw;
    margin: 0 auto !important;
    color: #f9e5c6;
    font-size: 3.2vw;
    line-height: 4.8vw;
    text-align: center;
  }
  .m-home .gifts-interface .gifts-content {
    position: relative;
    top: auto;
    left: auto;
    width: 100vw;
    height: auto;
    margin: 0;
  }
  .m-home .gifts-interface .gifts-content .gifts-categories {
    position: relative;
    top: auto;
    left: auto;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100vw;
    margin: 3.6vw 0 4vw;
    gap: 1.6vw;
  }
  .m-home .gifts-interface .gifts-content .gifts-categories button {
    display: block;
    width: 17.2vw;
    height: 8.4vw;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .m-home .gifts-interface .gifts-content .gifts-categories button + button {
    margin-top: 0;
  }
  .m-home .gifts-interface .gifts-content .gifts-categories button img {
    display: block;
    width: 17.2vw;
    height: 8.4vw;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid {
    position: relative;
    top: auto;
    left: auto;
    width: 100vw;
    min-height: 161.46667vw;
    padding: 9.6vw 6vw 7.2vw;
    box-sizing: border-box;
    transform: none;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid::before {
    top: 0;
    left: 0;
    width: 100vw;
    height: 181.33333vw;
    background-image: url("../assets/img/gifts/m_table_bg.png");
    background-size: 100vw 100%;
    transform: none;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid h2 {
    font-size: 5.6vw;
    margin-top: 5.06667vw;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid > p {
    margin-top: 1.6vw;
    font-size: 3.2vw;
    line-height: 4.8vw;
    padding: 0 2.66667vw;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs {
    width: 82.93333vw;
    height: 6.66667vw;
    margin-top: 3.73333vw;
    gap: 0;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs button {
    position: relative;
    width: 27.6vw;
    height: 6.66667vw;
    flex-shrink: 0;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid .gifts-tabs button img {
    top: -4.53333vw;
    left: -7.2vw;
    width: 47.86667vw;
    height: 14.13333vw;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid {
    --ranking-columns: 22.93333vw repeat(
        var(--ranking-data-column-count),
        minmax(0, 1fr)
      );
    width: 84vw;
    margin: 5.06667vw auto 0;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid .ranking-row {
    min-height: 10.93333vw;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid .ranking-row.ranking-head {
    height: 10.93333vw;
    font-size: 3.73333vw;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid .ranking-row.ranking-head::before {
    top: -2vw;
    height: 13.33333vw;
  }
  .m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid .ranking-cell {
    padding: 0 1.06667vw;
    font-size: 2.93333vw;
    line-height: 3.73333vw;
  }
  .ranking-head .m-home .gifts-interface .gifts-content .gifts-ranking-grid .ranking-grid .ranking-cell {
    font-size: 4.26667vw;
  }
  .m-home .gameplay-interface {
    position: relative;
    width: 100vw;
    min-height: 0;
    padding: 0 0 26.66667vw;
    overflow: hidden;
    background-image: url("../assets/img/featured-gameplay/m_cont1_bg.jpg");
    background-position: center 0;
    background-size: 100vw 775.6vw;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
  }
  .m-home .gameplay-interface .gameplay-title {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    height: 20.4vw;
    margin: 0 auto;
  }
  .m-home .gameplay-interface .gameplay-optimization-button {
    position: absolute;
    top: 23.2vw;
    left: 50%;
    z-index: 2;
    width: 47.73333vw;
    height: 8.66667vw;
    padding: 0;
    background: transparent;
    transform: translateX(-50%);
  }
  .m-home .gameplay-interface .gameplay-optimization-button img {
    position: absolute;
    left: -11.33333vw;
    top: -5.86667vw;
    width: 75.06667vw;
    height: 17.6vw;
  }
  .m-home .gameplay-interface .gameplay-cards {
    position: relative;
    z-index: 1;
    width: 100vw;
    margin: 0 auto;
    padding-top: 16vw;
  }
  .m-home .gameplay-interface .gameplay-cards img {
    display: block;
    width: 100vw;
    height: auto;
    margin-top: -6.13333vw;
  }
  .no-flex-gap .m-home .reward-items .reward-item {
    margin: 0 6.33333vw;
  }
  .no-flex-gap .m-home .return-items .return-item {
    margin: 9.33333vw 6.26667vw 0;
  }
  .no-flex-gap .m-home .card-items .card-item + .card-item {
    margin-left: 9.33333vw;
  }
  .no-flex-gap .m-home .card-items .card-item:nth-child(3) {
    margin-left: 9.33333vw;
    margin-top: 9.33333vw;
    transform: translateX(-35px);
  }
  .no-flex-gap .m-home .anniversary-summary > :not(button) + :not(button) {
    margin-left: 5.6vw;
  }
  .no-flex-gap .m-home .anniversary-card-reward > * + * {
    margin-top: 2.66667vw;
  }
  .no-flex-gap .m-home .gifts-categories button + button {
    margin-left: 1.6vw;
  }
}