@charset "UTF-8";
/* /* @import '../../_modules/m-form'; */
.title-text {
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  z-index: -2;
}

.index-video-frame1 .yt-fallback {
  position: absolute;
  inset: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  font-family: sans-serif;
  text-align: center;
  padding: 1em;
  display: flex;
  height: 100%;
  width: 100%;
}
.index-video-frame1 .yt-fallback .yt-error {
  font-size: 1.25rem;
  margin-top: 1rem;
}
.index-video-frame1 .yt-fallback .yt-link {
  margin-top: 1em;
  display: block;
  line-height: normal;
  color: #fff;
  background-image: linear-gradient(to right, #FF847D 0%, #F44940 100%);
  padding: 10px 16px;
  letter-spacing: 1px;
  font-size: 18px;
  max-width: 150px;
  border-radius: 42px;
  margin: 16px auto;
}
@media (min-width: 1025px) {
  .index-video-frame1 .yt-fallback .yt-error {
    font-size: 1.5em;
  }
  .index-video-frame1 .yt-fallback .yt-link {
    font-size: 1rem;
    max-width: 150px;
    margin: 2em auto;
    padding: 10px 24px;
  }
}
.index-video-frame1.loaded .yt-fallback {
  display: none;
}

.index-kv {
  background: linear-gradient(180deg, #FFB2A3 -18.83%, #FFF7F2 44.2%);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.index-kv::before, .index-kv::after {
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  height: 100%;
  width: 100%;
  --tw-content:"";
  content: var(--tw-content);
}
.index-kv::before {
  background: url(../assets/img/home/kv/bg-clouds1.svg?c04b6ec4) no-repeat center;
  /* background-position: 50% 100%; */
}
.index-kv::after {
  background: url(../assets/img/home/kv/bg-clouds2.svg?c04b6ec4) no-repeat center;
  background-position: 58% 100%;
}
.index-kv .index-title {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  --tw-translate-x:-50%;
  --tw-translate-y:-50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
}
.index-kv .index-title h1 {
  background: url(../assets/img/home/kv/title.svg) no-repeat center;
  background-size: contain;
  animation: titleBounce 3s ease infinite;
}
.index-kv .index-atm {
  position: absolute;
  left: 50%;
  z-index: 3;
  --tw-translate-x:-50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.index-kv .index-atm::before, .index-kv .index-atm::after {
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 100%;
  --tw-content:"";
  content: var(--tw-content);
}
.index-kv .index-atm::before {
  background: url(../assets/img/home/kv/coin1.svg?c04b6ec4) no-repeat center;
  background-size: 100% auto;
  animation: waveupdown 2s ease-in-out infinite;
  animation-delay: 1s;
}
.index-kv .index-atm::after {
  background: url(../assets/img/home/kv/coin2.svg?0c831ce8) no-repeat center;
  background-size: 100% auto;
  animation: waveupdown 2s ease-in-out infinite;
  animation-delay: 1s;
}
.index-kv .index-atm figure {
  position: relative;
  z-index: 1;
}
.index-kv .index-atm figure::before {
  background: url(../assets/img/home/kv/moneys.svg?0c831ce8) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  --tw-content:"";
  content: var(--tw-content);
  animation: waveup 2s ease-in-out infinite;
  animation-delay: 1s;
}
.index-kv .index-hand {
  animation: hand 3s ease-out infinite;
  transform-origin: center bottom;
  position: absolute;
  left: 50%;
  z-index: 3;
}
.index-kv .index-waves {
  position: absolute;
}
.index-kv .index-waves path {
  opacity: 0;
}
.index-kv .index-waves path:nth-child(3) {
  animation: showP1 5s infinite steps(1);
}
.index-kv .index-waves path:nth-child(2) {
  animation: showP2 5s infinite steps(1);
}
.index-kv .index-waves path:nth-child(1) {
  animation: showP3 5s infinite steps(1);
}
.index-kv .index-wallets {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  --tw-translate-x:-50%;
  --tw-translate-y:-50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.index-kv .index-wallets > i:nth-child(1)::before, .index-kv .index-wallets > i:nth-child(1)::after {
  pointer-events: none;
  position: absolute;
  --tw-content:"";
  content: var(--tw-content);
}
.index-kv .index-wallets > i:nth-child(1)::before {
  background: url(../assets/img/home/kv/creditcard.svg?0c831ce8) no-repeat center;
  animation: waveupdown 2s ease-in-out infinite;
  animation-delay: 1s;
  background-size: 100% auto;
}
.index-kv .index-wallets > i:nth-child(1)::after {
  background: url(../assets/img/home/kv/wallet.svg?0c831ce8) no-repeat center;
  animation: waveupdown 2s ease-in-out infinite;
  animation-delay: 0.2s;
  background-size: 100% auto;
}
.index-kv .index-wallets > i:nth-child(2)::before, .index-kv .index-wallets > i:nth-child(2)::after {
  pointer-events: none;
  position: absolute;
  --tw-content:"";
  content: var(--tw-content);
}
.index-kv .index-wallets > i:nth-child(2)::before {
  animation: waveupdown 2s ease-in-out infinite;
  background: url(../assets/img/home/kv/coin1.svg?c04b6ec4) no-repeat center;
  background-size: 100% auto;
}
.index-kv .index-wallets > i:nth-child(2)::after {
  position: absolute;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 50%;
  background-color: transparent;
  box-shadow: -7.75rem -21.875rem #fff, 22.25rem -18.1875rem #fff, 35.9375rem -10.3125rem #fff, -6.875rem 6.25rem #fff, -42.6875rem 17.1875rem #fff, -11.875rem 25rem #fff, 5.8125rem 21.875rem #fff, -37.5rem -8.5625rem #fff;
}
.index-kv .index-clouds {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  --tw-translate-x:-50%;
  --tw-translate-y:-50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.index-kv .index-clouds > i:nth-child(1)::before {
  background: url(../assets/img/home/kv/cloud.svg?0c831ce8) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  --tw-content:"";
  content: var(--tw-content);
  animation: cloud 3s alternate linear infinite;
}
.index-kv .index-clouds > i:nth-child(1)::after {
  background: url(../assets/img/home/kv/cloud.svg?0c831ce8) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  --tw-content:"";
  content: var(--tw-content);
  --tw-scale-x:-1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  animation: cloud 3s alternate-reverse linear infinite;
}
.index-kv .index-clouds > i:nth-child(2)::before, .index-kv .index-clouds > i:nth-child(2)::after {
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  --tw-content:"";
  content: var(--tw-content);
}
.index-kv .index-clouds > i:nth-child(2)::before {
  background: url(../assets/img/home/kv/cloud.svg?0c831ce8) no-repeat center;
  background-size: 100% auto;
  animation: cloud 3s alternate linear infinite;
}
.index-kv .index-clouds > i:nth-child(2)::after {
  background: url(../assets/img/home/kv/money.svg?0c831ce8) no-repeat center;
  animation: waveupdown 2s ease-in-out infinite;
  animation-delay: 0.5s;
  background-size: 100% auto;
}

.index-intro-icon {
  position: relative;
  z-index: 1;
}
.index-intro-icon::before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  --tw-bg-opacity:1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  --tw-content:"";
  content: var(--tw-content);
}

.index-icon-atm {
  position: absolute;
  bottom: 0px;
  left: 50%;
  --tw-translate-x:-50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.index-icon-hand {
  animation: handshake 5s ease-in infinite;
  transform-origin: center bottom;
  position: absolute;
}

.index-icon-bank {
  position: absolute;
  bottom: 0px;
  left: 50%;
  --tw-translate-x:-50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.index-icon-bank::before, .index-icon-bank::after {
  position: absolute;
  z-index: 1;
  --tw-content:"";
  content: var(--tw-content);
  background: url(../assets/img/home/intro-cloude.svg?c5f126a5) 0 0 no-repeat;
  background-size: 100% auto;
}
.index-icon-bank::before {
  animation: cloudsmove1 3s ease-in-out infinite;
  left: 0px;
}
.index-icon-bank::after {
  animation: cloudsmove2 4s ease-in-out infinite;
  right: 0px;
  --tw-scale-x:-1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.index-icon-bank img {
  position: relative;
  z-index: 2;
}

.index-icon-shield, .index-icon-mobile {
  position: absolute;
}

.index-intro-item3 .index-icon-dots {
  position: absolute;
  height: 0.375rem;
  overflow: hidden;
}
.index-intro-item3 .index-icon-dots::after {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 624.9375rem;
  --tw-bg-opacity:1;
  background-color: rgba(255, 82, 73, var(--tw-bg-opacity, 1));
  --tw-content:"";
  content: var(--tw-content);
}

.index-setting-icon img {
  margin-left: auto;
  margin-right: auto;
}

.index-setting-icon-mobile {
  position: absolute;
  z-index: 1;
  animation: handshake2 1s linear infinite alternate;
}

.index-setting-item {
  position: relative;
  z-index: 1;
}
.index-setting-item.item1::before {
  background-image: url(../assets/img/home/number1.svg?c5f126a5);
  background-size: 100% auto;
}
.index-setting-item.item2::before {
  background-image: url(../assets/img/home/number2.svg?c5f126a5);
  background-size: 100% auto;
}
.index-setting-item.item3::before {
  background-image: url(../assets/img/home/number3.svg?c5f126a5);
  background-size: 100% auto;
}
.index-setting-item::before {
  position: absolute;
  top: 0px;
  z-index: -1;
  --tw-content:"";
  content: var(--tw-content);
}

.index-withdraw-icon img {
  margin-left: auto;
  margin-right: auto;
  /* @apply p:h-[240px] p:w-[262px] ; */
}

.index-video-item1::before {
  background: url(../assets/img/home/play-button.svg?c5f126a5) no-repeat center;
  background-size: 100% auto;
  border: 0.625rem solid rgba(255, 82, 73, 0.3);
  animation: player 1.5s ease-in-out infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  --tw-translate-x:-50%;
  --tw-translate-y:-50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 624.9375rem;
  --tw-content:"";
  content: var(--tw-content);
}

.index-video::before {
  background: url(../assets/img/home/clock.svg?c04b6ec4) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  position: absolute;
  left: 50%;
  z-index: 2;
  --tw-content:"";
  content: var(--tw-content);
}
.index-video-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: 5%;
  margin-top: 1.25rem;
}
.index-video-title-span {
  display: block;
}
.index-video footer {
  position: relative;
  z-index: 1;
  margin-top: -2rem;
  padding-top: 3.3125rem;
  padding-bottom: 5rem;
}
.index-video footer::before {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 2;
  height: 100%;
  width: 200vw;
  --tw-translate-x:-100vw;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity:1;
  background-color: rgba(255, 223, 216, var(--tw-bg-opacity, 1));
  --tw-content:"";
  content: var(--tw-content);
}
.index-video footer::after {
  background: url(../assets/img/home/video-deco.svg?c04b6ec4) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  position: absolute;
  left: 50%;
  z-index: 2;
  --tw-content:"";
  content: var(--tw-content);
}
.index-video-lamp {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 1;
}
.index-video-lamp::before {
  background: url(../assets/img/home/lamp-light.svg?c04b6ec4) no-repeat center;
  background-size: 100% auto;
  animation: flickerFlash 3s ease-in-out infinite;
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  --tw-content:"";
  content: var(--tw-content);
}
.index-video-lamp::after {
  background: url(../assets/img/home/lamp.svg?c04b6ec4) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  --tw-content:"";
  content: var(--tw-content);
}
.index-video-coin1 {
  width: 2.875rem;
  height: 3.4375rem;
  position: absolute;
  top: -11.625rem;
  right: 2.5rem;
}
.index-video-coin1:before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../assets/img/home/kv/coin2.svg) no-repeat center;
  background-size: contain;
  animation: waveupdown 2s ease-in-out infinite;
}
.index-video-wallet {
  width: 5.625rem;
  height: 4.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.index-video-wallet::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../assets/img/home/index-video-wallet.svg) no-repeat center;
  background-size: contain;
}

.index-video-frame.is-ready .index-video-item1 {
  opacity: 0;
}
.index-video-frame .index-video-item1 {
  pointer-events: none;
}

.index-section {
  margin-left: auto;
  margin-right: auto;
  max-width: 75rem;
}
.index-section .swiper {
  padding-bottom: 1.5rem;
}
.index-section .swiper .swiper-pagination-bullet {
  --tw-bg-opacity:1;
  background-color: rgba(255, 82, 73, var(--tw-bg-opacity, 1));
}
.index-section .swiper .swiper-button-disabled {
  opacity: 0;
}
.index-section .swiper .swiper-button-prev::before {
  --tw-scale-x:-1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.index-section .swiper .swiper-button-next, .index-section .swiper .swiper-button-prev {
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(244, 73, 64, 0.3);
  background: linear-gradient(90deg, #FF847D 0%, #F44940 100%);
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 624.9375rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.index-section .swiper .swiper-button-next::before, .index-section .swiper .swiper-button-prev::before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.75rem;
  width: 0.4375rem;
  --tw-translate-x:-50%;
  --tw-translate-y:-50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content:"";
  content: var(--tw-content);
  background-image: url(../assets/img/home/swiper-arrow.svg?c04b6ec4);
  background-size: 100% auto;
}
.index-section .swiper .swiper-button-next::after, .index-section .swiper .swiper-button-prev::after {
  display: none;
}

.index-figure-shadow {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.index-figure-shadow::after {
  box-shadow: 0 0 1.125rem 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  height: 1px;
  width: 100%;
  --tw-content:"";
  content: var(--tw-content);
}

.index-animate.active [anim] {
  --tw-translate-y:0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.index-animate [anim] {
  --tw-translate-y:-0.3125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

[anim="1"] {
  transition-delay: 0s;
}

[anim="2"] {
  transition-delay: 0.3s;
}

[anim="3"] {
  transition-delay: 0.6s;
}

[anim="4"] {
  transition-delay: 0.9s;
}

[anim="5"] {
  transition-delay: 1.2s;
}

[anim="6"] {
  transition-delay: 1.5s;
}

[anim="7"] {
  transition-delay: 1.8s;
}

[anim="8"] {
  transition-delay: 2.1s;
}

[anim="9"] {
  transition-delay: 2.4s;
}

[anim="10"] {
  transition-delay: 2.7s;
}

.index-qa-content {
  max-height: 37.5rem;
  overflow: hidden;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.index-qa-content.active {
  max-height: 6249.9375rem;
}

@media (min-width: 740px) and (min-height: 428px) {
  .index-kv::before {
    background-size: 155.625rem 23.5625rem;
  }
  .index-kv .index-atm::after {
    top: -23.75rem;
    left: -3.75rem;
    height: 6.9375rem;
    width: 5.75rem;
  }
  .index-intro-icon {
    height: 16.875rem;
    width: 24rem;
  }
  .index-intro-icon::before {
    height: 13.75rem;
    border-radius: 1.25rem 0 0 1.25rem;
  }
  .index-icon-atm {
    height: 15rem;
    width: 16.375rem;
  }
  .index-icon-hand {
    bottom: -3.75rem;
    left: 0.9375rem;
    height: 15.625rem;
    width: 8.0625rem;
  }
  .index-icon-bank {
    height: 15rem;
    width: 24rem;
  }
  .index-icon-bank::before {
    top: 5.1875rem;
    height: 2.25rem;
    width: 4.0625rem;
  }
  .index-icon-bank::after {
    top: 2.5rem;
    height: 1.75rem;
    width: 3.125rem;
  }
  .index-icon-shield {
    bottom: 2.75rem;
    left: 2.6875rem;
    height: 7.625rem;
    width: 5.75rem;
  }
  .index-icon-mobile {
    bottom: 1.5625rem;
    right: 2.6875rem;
    height: 10.75rem;
    width: 6.25rem;
  }
  .index-intro-item3 .index-icon-dots {
    animation: dotloading-p 3s steps(5, end) infinite;
    bottom: 6.875rem;
    left: 9.375rem;
  }
  .index-intro-item3 .index-icon-dots::after {
    box-shadow: 0 0 0 0 #FF5249, 0.8125rem 0 0 0 #FF5249, 1.625rem 0 0 0 #FF5249, 2.4375rem 0 0 0 #FF5249, 3.25rem 0 0 0 #FF5249, 4.0625rem 0 0 0 #FF5249;
    height: 0.375rem;
    width: 0.375rem;
  }
  .index-arrow .swiper-slide:not(:first-child)::before {
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: -1;
    --tw-content:"";
    content: var(--tw-content);
    background-image: url(../assets/img/home/arrow-right.svg?c04b6ec4);
    background-size: 100% auto;
  }
}
@media (min-width: 740px) and (min-height: 428px) and (min-width: 1025px) {
  .index-arrow .swiper-slide:not(:first-child)::before {
    margin-top: -0.9375rem;
    margin-left: -0.5rem;
    height: 1.875rem;
    width: 1rem;
  }
}
@media (min-width: 740px) and (min-height: 428px) and (min-width: 740px) and (max-width: 1024px) and (min-height: 428px), (min-width: 740px) and (min-height: 428px) and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .index-arrow .swiper-slide:not(:first-child)::before {
    margin-top: -0.75rem;
    height: 1.5625rem;
    width: 0.875rem;
  }
}
@media (min-width: 740px) and (min-height: 428px) and (min-width: 1025px) {
  .index-arrow .swiper-slide:not(:first-child)::before {
    margin-left: -0.4375rem;
  }
}
@media (min-width: 740px) and (max-width: 1024px) and (min-height: 428px), (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .index-kv {
    height: 100dvh;
  }
  .index-kv::after {
    background-size: 206.25rem 18.75rem;
  }
  .index-kv .index-title {
    margin-top: -12.5rem;
  }
  .index-kv .index-title h1 {
    height: 9.1875rem;
    width: 18.125rem;
  }
  .index-kv .index-atm {
    bottom: -2.625rem;
    margin-left: 20rem;
    height: 19.125rem;
    width: 11.1875rem;
  }
  .index-kv .index-atm figure::before {
    top: 0px;
    left: -8.125rem;
    height: 13.875rem;
    width: 14.625rem;
  }
  .index-kv .index-hand {
    bottom: -1.875rem;
    margin-left: -21.875rem;
    height: 30.125rem;
    width: 21.6875rem;
  }
  .index-kv .index-waves {
    top: -3.625rem;
    left: 17.5rem;
  }
  .index-kv .index-wallets > i:nth-child(1)::before {
    left: -18.125rem;
    top: 0px;
    height: 5rem;
    width: 6.625rem;
  }
  .index-kv .index-wallets > i:nth-child(1)::after {
    top: 3.125rem;
    left: 2.5rem;
    height: 7.625rem;
    width: 9.625rem;
  }
  .index-kv .index-wallets > i:nth-child(2)::before {
    top: 11.25rem;
    left: -21.875rem;
    height: 4.6875rem;
    width: 4rem;
  }
  .index-kv .index-clouds > i:nth-child(1)::before {
    left: 12.5rem;
    top: -3.75rem;
    height: 5.125rem;
    width: 9.3125rem;
  }
  .index-kv .index-clouds > i:nth-child(1)::after {
    left: 18.75rem;
    top: -7rem;
    height: 2.1875rem;
    width: 3.9375rem;
  }
  .index-kv .index-clouds > i:nth-child(2)::before {
    left: -25rem;
    top: 3.125rem;
    height: 3.875rem;
    width: 7.0625rem;
  }
  .index-kv .index-clouds > i:nth-child(2)::after {
    left: -15.625rem;
    top: -12.5rem;
    height: 5.625rem;
    width: 6.25rem;
  }
  .index-setting-icon {
    padding-top: 1.875rem;
    padding-right: 3.125rem;
    padding-left: 3.125rem;
  }
  .index-setting-icon-mobile {
    right: 2.875rem;
    bottom: 0.3125rem;
    height: 3.9375rem;
    width: 2.625rem;
  }
  .index-setting-item::before {
    left: 0.625rem;
    height: 6.125rem;
    width: 4.375rem;
  }
  .index-withdraw-icon {
    padding-right: 1.75rem;
    padding-left: 0.75rem;
  }
  .index-video-item1::before {
    height: 4.375rem;
    width: 4.375rem;
  }
  .index-video-title {
    font-size: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .index-video::before {
    top: 7.5rem;
    margin-left: 15.625rem;
    height: 6.25rem;
    width: 6.25rem;
  }
  .index-video footer::after {
    bottom: 0px;
    margin-left: 11.25rem;
    height: 13.4375rem;
    width: 12.5rem;
  }
  .index-video .index-video-lamp {
    margin-top: -31.25rem;
    margin-left: -34.375rem;
    height: 31.25rem;
    width: 80.375rem;
  }
  .index-video .index-video-lamp::before {
    height: 28.875rem;
    width: 63.625rem;
  }
  .index-video .index-video-lamp::after {
    height: 31.25rem;
    width: 21.875rem;
  }
  .index-video .index-video-coin1 {
    width: 5rem;
    height: 5rem;
    top: -15.625rem;
    right: -20px;
  }
  .index-section {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .index-arrow .swiper-slide:not(:first-child)::before {
    margin-top: -0.75rem;
    height: 1.5625rem;
    width: 0.875rem;
  }
  .index-qa-content {
    max-height: 30.625rem;
  }
}
@media (min-width: 1025px) {
  .index-kv {
    min-height: 56.25rem;
  }
  .index-kv::before {
    background-position: 50% 100%;
  }
  .index-kv::after {
    background-size: 137.5rem 12.5rem;
    background-position: 58% 100%;
  }
  .index-kv .index-title {
    margin-top: -3.125rem;
    margin-left: 11.25rem;
  }
  .index-kv .index-title h1 {
    width: 30.3125rem;
    height: 12.5rem;
  }
  .index-kv .index-atm {
    bottom: -3.75rem;
    margin-left: 40rem;
    height: 27.1875rem;
    width: 15.9375rem;
  }
  .index-kv .index-atm::before {
    top: 18.125rem;
    left: -12.5rem;
    height: 6.625rem;
    width: 5.8125rem;
  }
  .index-kv .index-atm figure::before {
    top: 0px;
    left: -11.25rem;
    height: 20.125rem;
    width: 21.25rem;
  }
  .index-kv .index-hand {
    bottom: -1.875rem;
    margin-left: -43.75rem;
    height: 43rem;
    width: 31rem;
  }
  .index-kv .index-waves {
    top: -3.625rem;
    left: 25.5rem;
  }
  .index-kv .index-wallets > i:nth-child(1)::before {
    left: -34.375rem;
    top: -17.5rem;
    height: 7.125rem;
    width: 9.5rem;
  }
  .index-kv .index-wallets > i:nth-child(1)::after {
    top: 10.625rem;
    left: -12.1875rem;
    height: 10.875rem;
    width: 13.75rem;
  }
  .index-kv .index-wallets > i:nth-child(2)::before {
    top: 7.5rem;
    left: -43.75rem;
    height: 6.625rem;
    width: 5.6875rem;
  }
  .index-kv .index-clouds > i:nth-child(1)::before {
    left: 31.25rem;
    top: -8.125rem;
    height: 5.125rem;
    width: 9.3125rem;
  }
  .index-kv .index-clouds > i:nth-child(1)::after {
    left: 38.75rem;
    top: -11.375rem;
    height: 2.1875rem;
    width: 3.9375rem;
  }
  .index-kv .index-clouds > i:nth-child(2)::before {
    left: -45rem;
    top: -3.125rem;
    height: 3.875rem;
    width: 7.0625rem;
  }
  .index-kv .index-clouds > i:nth-child(2)::after {
    left: -15.75rem;
    top: 0.625rem;
    height: 7.9375rem;
    width: 8.9375rem;
  }
  .index-intro-icon {
    width: 100%;
  }
  .index-intro-icon:before {
    border-radius: 1.25rem 1.25rem 0 0;
  }
  .index-setting-icon {
    padding-top: 2.5rem;
    padding-right: 3.75rem;
    padding-left: 3.75rem;
  }
  .index-setting-icon-mobile {
    right: 2.875rem;
    bottom: 0.3125rem;
    height: 9.875rem;
    width: 6.625rem;
  }
  .index-setting-item::before {
    left: 1.4375rem;
    height: 9.125rem;
    width: 6.5rem;
  }
  .index-withdraw-icon {
    height: 15rem;
    padding-right: 1.75rem;
    padding-left: 0.5rem;
  }
  .index-video-item1::before {
    height: 5.625rem;
    width: 5.625rem;
  }
  .index-video-title {
    font-size: 20px;
    margin-top: 2.5rem;
  }
  .index-video-title-span {
    display: inline;
  }
  .index-video::before {
    top: 4.75rem;
    margin-left: 25rem;
    height: 8.75rem;
    width: 8.75rem;
  }
  .index-video footer::after {
    top: 0px;
    margin-left: 26.875rem;
    margin-top: -19.25rem;
    height: 19.25rem;
    width: 17.8125rem;
  }
  .index-video .index-video-lamp {
    margin-top: -36.5rem;
    margin-left: -46.875rem;
    height: 36.5rem;
    width: 93.875rem;
  }
  .index-video .index-video-lamp::before {
    height: 33.8125rem;
    width: 74.5rem;
  }
  .index-video .index-video-lamp::after {
    height: 36.4375rem;
    width: 25.5rem;
  }
  .index-video .index-video-coin1 {
    width: 5.75rem;
    height: 6.9375rem;
    top: -25.5rem;
    right: 0;
  }
  .index-video .index-video-coin2 {
    width: 4.4375rem;
    height: 4.4375rem;
    position: absolute;
    bottom: 18.75rem;
    left: -1.875rem;
  }
  .index-video .index-video-coin2:before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url(../assets/img/home/kv/coin1.svg) no-repeat center;
    background-size: contain;
    animation: waveup 2s ease-in-out infinite;
  }
  .index-video .index-video-wallet {
    width: 11.25rem;
    height: 9.875rem;
    bottom: 10rem;
  }
  .index-arrow .swiper-slide:not(:first-child)::before {
    margin-top: -0.9375rem;
    margin-left: -0.5rem;
    height: 1.875rem;
    width: 1rem;
    margin-left: -0.4375rem;
  }
  .index-qa-content {
    max-height: 28.625rem;
  }
}
@media (max-width: 999px) and (max-height: 428px) and (orientation: landscape), (max-width: 739px) {
  .index-kv .index-title {
    margin-top: -7.5rem;
  }
  .index-kv .index-title h1 {
    width: 18.125rem;
    height: 7.375rem;
  }
  .index-kv .index-atm {
    bottom: -1.875rem;
    margin-left: 9.375rem;
    height: 12.5rem;
    width: 7.3125rem;
  }
  .index-kv .index-atm::after {
    top: -25rem;
    left: 2.8125rem;
    height: 3.4375rem;
    width: 2.875rem;
  }
  .index-kv .index-atm figure::before {
    top: 1.25rem;
    left: -4.375rem;
    height: 8.0625rem;
    width: 8.5rem;
  }
  .index-kv .index-hand {
    bottom: -2.5rem;
    margin-left: -13.125rem;
    height: 21.6875rem;
    width: 15.625rem;
  }
  .index-kv .index-waves {
    top: -1.875rem;
    left: 12.8125rem;
  }
  .index-kv .index-wallets > i:nth-child(1)::before {
    left: -10.625rem;
    top: 0px;
    height: 3.5625rem;
    width: 4.75rem;
  }
  .index-kv .index-wallets > i:nth-child(1)::after {
    top: 0px;
    left: 2.5rem;
    height: 7.125rem;
    width: 6.875rem;
  }
  .index-kv .index-wallets > i:nth-child(2)::before {
    top: 8.75rem;
    left: -11.5625rem;
    height: 3.3125rem;
    width: 2.8125rem;
  }
  .index-kv .index-clouds > i:nth-child(2)::after {
    left: -11.25rem;
    top: -8.125rem;
    height: 3.9375rem;
    width: 4.5625rem;
  }
  .index-kv .index-wallets > i:nth-child(2)::after {
    height: 0.25rem;
    width: 0.25rem;
    box-shadow: -9.375rem -15.625rem #fff, 10rem -7.8125rem #fff, -10rem 12.5rem #fff;
  }
  .index-intro-icon {
    height: 8.4375rem;
    width: 10rem;
  }
  .index-intro-icon::before {
    height: 6.875rem;
    border-radius: 0.625rem 0 0 0.625rem;
  }
  .index-icon-atm {
    width: 8.1875rem;
    height: 7.5rem;
  }
  .index-icon-hand {
    bottom: -1.875rem;
    left: 0.3125rem;
    height: 7.3125rem;
    width: 3.75rem;
  }
  .index-icon-bank {
    height: 7rem;
    width: 11.25rem;
  }
  .index-icon-bank::before {
    top: 2.5rem;
    height: 1.125rem;
    width: 2rem;
  }
  .index-icon-bank::after {
    top: 1.25rem;
    height: 0.875rem;
    width: 1.5625rem;
  }
  .index-icon-shield {
    bottom: 1.25rem;
    left: 0.8125rem;
    height: 3.75rem;
    width: 2.875rem;
  }
  .index-icon-mobile {
    bottom: 0.75rem;
    right: 0.8125rem;
    height: 5.3125rem;
    width: 3.125rem;
  }
  .index-intro-item3 .index-icon-dots {
    animation: dotloading-m 4s steps(4, end) infinite;
    bottom: 3.125rem;
    left: 4.25rem;
  }
  .index-intro-item3 .index-icon-dots::after {
    box-shadow: 0 0 0 0 #FF5249, 0.375rem 0 0 0 #FF5249, 0.75rem 0 0 0 #FF5249, 1.125rem 0 0 0 #FF5249;
    height: 0.1875rem;
    width: 0.1875rem;
  }
  .index-setting-icon {
    padding-top: 1.875rem;
    padding-right: 4.375rem;
    padding-left: 4.375rem;
  }
  .index-setting-icon-mobile {
    right: 3.75rem;
    bottom: 0.625rem;
    height: 6.875rem;
    width: 4.6875rem;
  }
  .index-setting-item::before {
    left: 1.25rem;
    height: 6.875rem;
    width: 4.8125rem;
  }
  .index-withdraw-icon {
    padding-right: 3.75rem;
    padding-left: 4.0625rem;
  }
  .index-video-item1::before {
    height: 3.75rem;
    width: 3.75rem;
  }
  .index-video::before {
    top: 10px;
    margin-left: 6.25rem;
    height: 4.375rem;
    width: 4.375rem;
  }
  .index-video footer::after {
    bottom: 0px;
    margin-left: 3.75rem;
    height: 9.625rem;
    width: 8.875rem;
  }
  .index-video .index-video-lamp {
    margin-top: -27.25rem;
    margin-left: -20.5rem;
    height: 20.5rem;
    width: 52.75rem;
  }
  .index-video .index-video-lamp::before {
    height: 19.0625rem;
    width: 42rem;
  }
  .index-video .index-video-lamp::after {
    height: 20.5rem;
    width: 14.375rem;
  }
  .index-section {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 1024px) {
  .index-kv::before {
    background-position: 20% 100%;
  }
  .index-kv::after {
    background-position: 10% 100%;
  }
  .index-kv .index-atm::before {
    display: none;
  }
  .index-section .swiper.pb-40 {
    padding-bottom: 2.5rem;
  }
}
.index-intro-item {
  position: relative;
}
.index-intro-item:after {
  content: "";
  position: absolute;
  right: 0%;
  bottom: 0;
  width: 65%;
  height: 100%;
  max-height: 6.875rem;
  background-color: #FF5249;
  border-radius: 0 0.625rem 0.625rem 0;
  z-index: -1;
}
@media (min-width: 740px) and (max-height: 1025px) {
  .index-intro-item:after {
    max-height: 13.75rem;
  }
}
@media (min-width: 1025px) {
  .index-intro-item:after {
    display: none;
  }
}

.index-intro-title {
  padding: 1rem 0.5rem;
  border-radius: 0 0.625rem 0.625rem 0;
  max-height: 6.875rem;
  margin-top: 1.5625rem;
}
.index-intro-title-h4 {
  max-width: 4.375rem;
  width: 100%;
}
.index-intro-title img {
  width: 100%;
  margin: auto;
}
@media (min-width: 740px) and (max-height: 1025px) {
  .index-intro-title {
    width: 50%;
    max-height: 13.75rem;
    margin-top: 3.125rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
  }
  .index-intro-title-h4 {
    max-width: 10.243902439vw;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .index-intro-title {
    border-radius: 0 0 20px 20px;
    background-color: #FF5249;
    max-height: none;
    width: 100%;
    margin-top: 0;
  }
  .index-intro-title-h4 {
    max-width: 100px;
    margin: auto;
  }
}

.section-item-description {
  width: 100%;
}
@media (min-width: 1025px) {
  .section-item-description {
    text-align: center;
  }
}

.index-intro-warn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  background-color: #FFDFD8;
  border: 4px solid #FFFFFF;
  box-shadow: 0px 7px 0px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 2.5rem;
  overflow: hidden;
}
.index-intro-warn:before {
  content: "";
  background-image: url("../assets/img/home/icon-flag.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1.8125rem;
  height: 1.8125rem;
  display: flex;
}
.index-intro-warn-span {
  width: calc(100% - 29px);
  text-align: left;
  padding-left: 0.25rem;
}
@media (min-width: 1025px) {
  .index-intro-warn {
    max-width: 873px;
    margin-left: auto;
    margin-right: auto;
  }
  .index-intro-warn-span {
    width: auto;
  }
}

.index-setting-title {
  padding: 0 1.25rem;
}
.index-setting-title-h5 {
  width: 10.375rem;
  margin: 1.25rem auto auto auto;
}
.index-setting-title-p {
  font-size: 1rem;
  text-align: center;
  letter-spacing: 0.8px;
  line-height: 1.75rem;
  font-weight: 500;
}
@media (min-width: 740px) and (max-width: 1024px) {
  .index-setting-title-h5 {
    max-width: 166px;
    width: 7.875rem;
  }
  .index-setting-title-p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 0.25rem;
  }
}
@media (min-width: 1025px) {
  .index-setting-title-h5 {
    max-width: 166px;
    width: 10.375rem;
  }
  .index-setting-title-p {
    font-size: 1.125rem;
    margin-top: 0.625rem;
  }
}

.index-bg-cloud {
  width: 100%;
  height: 100%;
  position: absolute;
}
.index-bg-cloud:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../assets/img/home/bg-cloud1.svg) no-repeat center;
  background-size: contain;
}
.index-bg-cloud-1 {
  max-width: 5.125rem;
  max-height: 2.8125rem;
  top: 1.25rem;
  left: 2.625rem;
  animation: cloud 2.5s linear infinite alternate-reverse;
}
.index-bg-cloud-2 {
  max-width: 4.25rem;
  max-height: 2.3125rem;
  bottom: -1rem;
  left: -1.375rem;
  animation: cloud 2.5s linear infinite alternate-reverse;
}
.index-bg-cloud-3 {
  max-width: 2.0625rem;
  max-height: 1.125rem;
  bottom: -2.875rem;
  left: 0.8125rem;
  animation: cloud 2.5s linear infinite alternate-reverse;
}
.index-bg-cloud-4 {
  max-width: 5.375rem;
  max-height: 4.625rem;
  top: 0rem;
  right: 1.25rem;
  animation: cloud 2.5s linear infinite alternate-reverse;
}
@media (min-width: 1025px) {
  .index-bg-cloud-1 {
    display: none;
  }
  .index-bg-cloud-2 {
    max-width: 136px;
    width: 8.125rem;
    max-height: 4.625rem;
    bottom: -0.9375rem;
    left: -7vw;
  }
  .index-bg-cloud-3 {
    max-width: 66px;
    width: 3.75rem;
    max-height: 2.25rem;
    bottom: -4.625rem;
    left: 0%;
  }
  .index-bg-cloud-4 {
    max-width: 6.1875rem;
    max-height: 3.375rem;
    top: -1.875rem;
    right: -0.625rem;
  }
}
@media (min-width: 1400px) {
  .index-bg-cloud-2 {
    width: 8.5rem;
    left: -14.5%;
  }
  .index-bg-cloud-3 {
    width: 4.125rem;
    left: -7.5%;
  }
  .index-bg-cloud-4 {
    right: -5.625rem;
  }
}

.index-bg-girl1 {
  max-width: 12.9375rem;
  max-height: 10.25rem;
  width: 12.9375rem;
  height: 10.25rem;
  transform: translateX(-50%) rotate(-31deg);
  position: absolute;
  left: 50%;
  top: -1.875rem;
  margin-left: 42.5vw;
  display: flex;
  flex-wrap: wrap;
}
.index-bg-girl1:before {
  content: "";
  display: inline-block;
  max-width: 6.0625rem;
  max-height: 4.25rem;
  width: 100%;
  height: 100%;
  background: url(../assets/img/home/bg-girl1-msg.svg) no-repeat center;
  background-size: contain;
  margin-left: 0.625rem;
  margin-bottom: -4.25rem;
  transform: rotate(31deg);
  position: relative;
  top: -2.125rem;
  z-index: 2;
  animation: fadeIn 4s linear infinite alternate;
}
.index-bg-girl1:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../assets/img/home/bg-girl1.svg) no-repeat center;
  background-size: contain;
  z-index: 1;
  transform: rotate(17deg);
}
.index-bg-girl1 .index-bg-cicle {
  position: absolute;
  bottom: 0px;
  right: 1.625rem;
  width: 8.75rem;
  height: 8.75rem;
  border-radius: 100%;
  background-color: #F2F2F2;
  border: 0.3125rem solid #FFF;
}
@media (min-width: 740px) and (max-width: 1024px) {
  .index-bg-girl1 {
    margin-left: 45.5vw;
  }
}
@media (min-width: 1025px) {
  .index-bg-girl1 {
    max-width: 25.8125rem;
    max-height: 20.5rem;
    width: 25.8125rem;
    height: 20.5rem;
    transform: rotate(0deg) translate(-50%, 0);
    top: -2.875rem;
    margin-left: 38vw;
    z-index: 2;
  }
  .index-bg-girl1:before {
    max-width: 8.125rem;
    max-height: 5.625rem;
    z-index: 2;
    top: auto;
    bottom: -12px;
    margin-left: 92px;
    transform: rotate(0deg);
    position: relative;
    margin-bottom: -90px;
  }
  .index-bg-girl1:after {
    background-position: 62px -4px;
    overflow: hidden;
    border-radius: 100%;
    transform: rotate(0deg);
  }
  .index-bg-girl1 .index-bg-cicle {
    position: absolute;
    top: 3.5rem;
    right: 0rem;
    width: 16.25rem;
    height: 16.25rem;
    border: 0.625rem solid #FFF;
  }
}
@media (min-width: 1025px) and (min-width: 1512px) {
  .index-bg-girl1 {
    margin-left: 580px;
  }
}

.index-bg-girl2 {
  max-width: 10.5rem;
  max-height: 10.5rem;
  width: 10.5rem;
  height: 10.5rem;
  position: relative;
  transform: rotate(-5deg);
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
  margin-left: -3.75rem;
  margin-bottom: -2.1875rem;
  margin-top: -3.125rem;
}
.index-bg-girl2:before {
  content: "";
  display: inline-block;
  max-width: 7.6875rem;
  max-height: 4.1875rem;
  width: 100%;
  height: 100%;
  background: url(../assets/img/home/bg-girl2-msg.svg) no-repeat center;
  background-size: contain;
  margin-left: 3.125rem;
  margin-bottom: -4.25rem;
  transform: rotate(5deg);
  position: absolute;
  right: -4.625rem;
  top: 2.25rem;
  z-index: 2;
  animation: fadeIn 4s linear infinite alternate;
}
.index-bg-girl2:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../assets/img/home/bg-girl2.svg) no-repeat center;
  background-size: contain;
  z-index: 1;
  transform: rotate(17deg);
}
.index-bg-girl2 .index-bg-cicle {
  position: absolute;
  bottom: 2px;
  right: 1.25rem;
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 100%;
  background-color: #F2F2F2;
  border: 0.3125rem solid #FFF;
}
@media (min-width: 1025px) {
  .index-bg-girl2 {
    max-width: 20.3125rem;
    max-height: 21.0625rem;
    width: 20.3125rem;
    height: 21.0625rem;
    transform: rotate(-15deg) translate(-50%, 0);
    top: -2.875rem;
    margin-left: 9vw;
    margin-bottom: -18.125rem;
    z-index: 2;
  }
  .index-bg-girl2:before {
    max-width: 10.25rem;
    max-height: 5.625rem;
    z-index: 2;
    top: auto;
    bottom: -5rem;
    margin-left: 9.375rem;
    transform: rotate(15deg);
    position: relative;
    margin-bottom: -5.625rem;
  }
  .index-bg-girl2 .index-bg-cicle {
    position: absolute;
    top: 29px;
    right: 27px;
    width: 18.75rem;
    height: 18.75rem;
    border: 0.625rem solid #FFF;
  }
}
@media (min-width: 1025px) and (min-width: 1512px) {
  .index-bg-girl2 {
    margin-left: 20px;
  }
}

.index-withdraw-title {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin: 1.25rem auto auto auto;
}
.index-withdraw-title-img {
  margin-left: 0.75rem;
}
.index-withdraw-title-img1 {
  width: 15rem;
  margin-left: 0.4rem;
}
.index-withdraw-title-img2 {
  width: 9.5625rem;
}
.index-withdraw-title-img3 {
  width: 12.5625rem;
}
.index-withdraw-title-img4 {
  width: 7.9375rem;
}
.index-withdraw-step {
  display: inline-block;
  vertical-align: middle;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("../assets/img/home/index-withdraw-step1.svg");
  background-repeat: no-repeat;
  margin-top: 3px;
}
.index-withdraw-step-1 {
  background: url("../assets/img/home/index-withdraw-step1.svg") no-repeat center;
  background-size: contain;
}
.index-withdraw-step-2 {
  background: url("../assets/img/home/index-withdraw-step2.svg") no-repeat center;
  background-size: contain;
}
.index-withdraw-step-3 {
  background: url("../assets/img/home/index-withdraw-step3.svg") no-repeat center;
  background-size: contain;
}
.index-withdraw-step-4 {
  background: url("../assets/img/home/index-withdraw-step4.svg") no-repeat center;
  background-size: contain;
}
@media (min-width: 740px) and (max-width: 1024px) {
  .index-withdraw-title-h5 {
    width: 100%;
  }
  .index-withdraw-title-img {
    margin-left: 0.5rem;
  }
  .index-withdraw-title-img1 {
    width: 11.25rem;
  }
  .index-withdraw-title-img2 {
    width: 5.90625rem;
  }
  .index-withdraw-title-img3 {
    width: 7.75rem;
  }
  .index-withdraw-title-img4 {
    width: 4.9375rem;
  }
  .index-withdraw-step {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  .index-withdraw-title {
    align-items: center;
  }
  .index-withdraw-title-img {
    margin-left: 0.75rem;
  }
  .index-withdraw-title-img1 {
    max-width: 250px;
    width: 15.625rem;
    margin-left: 0.4rem;
  }
  .index-withdraw-title-img2 {
    max-width: 150px;
    width: 9.5625rem;
  }
  .index-withdraw-title-img3 {
    max-width: 200px;
    width: 12.375rem;
  }
  .index-withdraw-title-img4 {
    max-width: 125px;
    width: 7.9375rem;
  }
  .index-withdraw-step {
    margin-top: 0;
  }
}

.list-step .index-withdraw {
  margin-top: 50px;
}

.index-QRcode-tilte {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-QRcode-tilte-h5 {
  max-width: 204px;
  width: 100%;
}
.index-QRcode-tilte img {
  width: 100%;
  margin: auto;
}
@media (min-width: 1025px) {
  .index-QRcode-tilte-h5 {
    max-width: 245px;
  }
}

.index-QRcode-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 4px solid #FFFFFF;
  background-color: #FFDFD8;
  box-shadow: 0px 7px 0px 0px rgba(0, 0, 0, 0.0509803922);
  background-repeat: no-repeat;
  padding: 18px;
  border-radius: 20px;
  position: relative;
  margin-top: 1.25rem;
}
.index-QRcode-desc-span {
  display: inline;
  width: 100%;
  padding: 0.625rem;
  text-align: left;
}
.index-QRcode-desc:before {
  content: "";
  position: absolute;
  top: -0.75rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.625rem 0.8125rem;
  border-color: transparent transparent #FFDFD8;
}
@media (min-width: 740px) and (max-width: 1024px) {
  .index-QRcode-desc-span {
    padding: 0rem;
  }
}
@media (min-width: 1025px) {
  .index-QRcode-desc {
    max-width: 378px;
    min-height: 150px;
    margin-top: 1.875rem;
    padding: 12px;
  }
  .index-QRcode-desc-span {
    flex-wrap: wrap;
  }
  .index-QRcode-desc:before {
    top: -1rem;
    border-width: 0 1.25rem 1.0625rem;
  }
}

.APPloading:before {
  content: "";
  position: absolute;
  left: -15vw;
  top: -1vw;
  width: 150vw;
  height: 100%;
  background-color: #fff;
  z-index: 9;
}
.APPloading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 6.25rem;
  height: 6.25rem;
  display: inline-block;
  background: url("../assets/img/loading.svg") no-repeat center;
  background-size: contain;
  z-index: 9;
}
@media (min-width: 741px) {
  .APPloading {
    display: none !important;
  }
}

@keyframes handshake {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@keyframes handshake2 {
  0%, 10%, 30%, 50%, 100% {
    transform: rotate(0deg);
  }
  20%, 40% {
    transform: rotate(5deg);
  }
}
@keyframes dotloading-p {
  0% {
    width: 0.375rem;
  }
  100% {
    width: 4.4375rem;
  }
}
@keyframes dotloading-m {
  0% {
    width: 0.375rem;
  }
  100% {
    width: 1.5rem;
  }
}
@keyframes cloudsmove1 {
  0%, 100% {
    left: -0.625rem;
  }
  50% {
    left: 0.625rem;
  }
}
@keyframes cloudsmove2 {
  0%, 100% {
    right: -0.625rem;
  }
  50% {
    right: 0.625rem;
  }
}
@keyframes flickerFlash {
  0%, 4% {
    opacity: 0;
  }
  5%, 9% {
    opacity: 1;
  }
  10%, 14% {
    opacity: 0;
  }
  15%, 19% {
    opacity: 1;
  }
  20%, 24% {
    opacity: 0;
  }
  25%, 29% {
    opacity: 1;
  }
  /* 保持亮 */
  30%, 90% {
    opacity: 1;
  }
  /* 瞬間關閉，準備下一輪 */
  91%, 100% {
    opacity: 0;
  }
}
@keyframes player {
  0% {
    border-color: rgba(255, 82, 73, 0.3);
  }
  100% {
    border-color: rgba(255, 82, 73, 0);
  }
}
@keyframes hand {
  0%, 90%, 100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
@keyframes waveupdown {
  0%, 90%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.5rem);
  }
}
@keyframes waveup {
  0%, 90%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0.5rem);
  }
}
@keyframes waveleft {
  0%, 90%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0.5rem);
  }
}
@keyframes showP1 {
  0%, 20% {
    opacity: 0;
  }
  20%, 100% {
    opacity: 1;
  }
}
@keyframes showP2 {
  0%, 40% {
    opacity: 0;
  }
  40%, 100% {
    opacity: 1;
  }
}
@keyframes showP3 {
  0%, 60% {
    opacity: 0;
  }
  60%, 100% {
    opacity: 1;
  }
}
@keyframes c1 {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(360deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes fadeIn {
  0%, 60% {
    opacity: 1;
  }
  99%, 100% {
    opacity: 0;
  }
}
@keyframes titleBounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
  15% {
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
  }
  20% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }
  30% {
    -webkit-transform: scale(1.01);
    transform: scale(1.02);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cloud {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(50%);
  }
}/*# sourceMappingURL=index.css.map */