* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
img {
  width: 100%;
  height: auto;
}
#myfullpage {
  max-width: 540px;
  margin: 0 auto;
}
.topBan {
  max-width: 540px;
}
.section1 {
  position: relative;
  z-index: 2;
}
.section1 a.btn-reserve {
  width: 79%;
  top: 72%;
  left: 10%;
  position: absolute;
  animation: animate-zoom 3s linear infinite;
}
.section1 a.btn-reserve-ios {
  width: 45%;
  top: 61%;
  left: 3%;
  position: absolute;
  animation: animate-zoom 3s linear infinite;
}
.section1 a.btn-reserve-gp {
  width: 45%;
  top: 61%;
  right: 3%;
  position: absolute;
  animation: animate-zoom 3s linear infinite;
}
.section1 a.btn-reserve-fb {
  width: 8%;
  top: 81%;
  left: 46.4%;
  position: absolute;
}
.section1 a.btn-reserve-policy {
  width: 34%;
  top: 78.5%;
  left: 13%;
  position: absolute;
}
.section1 a.btn-reserve-privacy {
  width: 34%;
  top: 78.5%;
  left: 52%;
  position: absolute;
}
.section1 a.btn-reserve:hover {
  filter: brightness(1.1);
}
.top-btn {
  position: absolute;
  width: 30%;
  top: 10%;
  right: 2%;
  overflow: hidden;
}
.top-btn::before {
  content: '';
  position: absolute;
  inset: 7%;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, #ffffff, rgba(255, 255, 255, 0) 60%);
  animation: shark-wrap 2s infinite;
  transform: translateX(-100%);
}
.top-icon {
  position: absolute;
  z-index: 4;
  width: 12%;
  left: 1%;
  top: 5%;
}
.topBan {
  position: fixed;
  max-width: 540px;
  z-index: 3;
}
/* 扫光动画 */
@keyframes shark-wrap {
  to {
    transform: translateX(100%);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(-2deg);
  }
  60% {
    transform: rotate(0);
  }
  80% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.page-container {
  position: relative;
  background: #FFF;
  width: 100vw;
  height: 100vh;
}
.page-container .page-main {
  margin: 0 auto;
  max-width: 420px;
  width: 100%;
  height: 100%;
}
.page-container .page-main .content .bg {
  position: relative;
}
.page-container .page-main .content .bg img {
  width: 100%;
  height: auto;
}
.page-container .page-main .content .contain {
  position: absolute;
  top: 0;
  max-width: 420px;
  height: 100%;
}
.page-container .page-main .content .contain .top-bg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-container .page-main .content .contain .top-bg .top-bg-img {
  width: 100%;
  height: auto;
}
.page-container .page-main .content .contain .top-bg .top-btn {
  cursor: pointer;
  position: absolute;
  right: 10px;
}
.page-container .page-main .content .contain .top-bg .top-btn::before {
  content: '';
  position: absolute;
  inset: 13%;
  background: linear-gradient(56deg, rgba(255, 255, 255, 0) 24%, #ffffff, rgba(255, 255, 255, 0) 77%);
  animation: shark-wrap 2s infinite;
  transform: translateX(-65%);
}
.page-container .page-main .content .contain .top-bg .top-btn .btn-reserve {
  height: 40px;
  width: auto;
}
.page-container .page-main .content .btn-reserve-gp {
  width: 38%;
  top: 63%;
  left: 8%;
  position: absolute;
  animation: rotate 0.3s ease infinite;
}
.page-container .page-main .content .btn-reserve-gp img {
  width: 100%;
  height: auto;
}
.page-container .page-main .content .btn-reserve-ios {
  right: 8%;
  width: 38%;
  top: 63%;
  position: absolute;
  animation: rotate 0.3s ease infinite;
}
.page-container .page-main .content .btn-reserve-ios img {
  width: 100%;
  height: auto;
}
@keyframes shark-wrap {
  to {
    transform: translateX(100%);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(-2deg);
  }
  60% {
    transform: rotate(0);
  }
  80% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes animate-zoom {
  0% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.85);
  }
}
@keyframes animate-zoom1 {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes animate-pos-zoom {
  0% {
    transform: scale(0.85) translate(-50%, 0);
  }
  50% {
    transform: scale(1) translate(-50%, 0);
  }
  100% {
    transform: scale(0.85) translate(-50%, 0);
  }
}