html {
  scroll-behavior: smooth;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

header {
  min-width: 100%;
  background: #FFF;
  position: fixed;
  top: 0;
  z-index: 10000;
}

.taogo-event-header .inner-content {
  width: 100%;
  text-align: center;
}

.taogo-event-header .inner-content .logo-content {
  width: unset;
}

.taogo-event-header .promote-content {
  display: none;
}

.inform-container {
  background-image: url('/images/events/taobao_air_sea2024/m_bg-inform@2x.png');
  /* max-width: 375px; */
  min-height: 700px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.block-container {
  max-width: 360px;
  min-height: 624px;
  width: 100%;
  height: 100%;
  margin: 30px auto;
  
  background-repeat: no-repeat;
  background-position: center;
  background-size: 360px 634px;
}

@keyframes float1 {  
  0% {
    transform: translateY(0);
  }  
  50% {
    transform: translateY(-15px);
  }  
  100% {
    transform: translateY(0);
  }
}

.animate-float1 {  
  animation: float1 2s ease-in-out infinite;
}

@keyframes float2 {  
  0% {
    transform: translateY(0);
  }  
  50% {
    transform: translateY(-15px);
  }  
  100% {
    transform: translateY(0);
  }
}

.animate-float2 {  
  animation: float1 2s ease-in-out infinite;
  animation-delay: 1s;
}

@keyframes boat1 {  
  0% {  
    transform: translateX(-100%);  
  }  
  100% {  
    transform: translateX(20%);  
  } 
}

@keyframes boat2 {  
  0% {  
    transform: translateX(100%);  
  }  
  100% {  
    transform: translateX(-100%);  
  }  
}
.animate-boat1 {  
  animation: boat1 25s ease-in-out forwards;  
}  

.animate-boat2 {  
  animation: boat2 25s ease-in-out forwards;  
}  

.marquee {  
  overflow: hidden;  
  width: 100vw;
  position: relative;
}

@keyframes flashShrink {  
  0%, 100% {  
    transform: translate(-50%, -50%) scale(1);  
  }  
  50% {  
    transform: translate(-50%, -50%) scale(0.5);  
  }  
}

.animate-flash-shrink {  
  animation: flashShrink 0.5s ease-in-out;
}  
.curved-shape {
  clip-path: ellipse(800px 98% at 50% 0%);
}
@media (min-width: 768px) {
  .md-curved-shape {
    clip-path: ellipse(90% 100% at 50% 0%);
  }
}

@media (min-width: 640px) {
  .block-container {
    background-size: 400px 100%;
  }

  .inform-container {
    background-image: url('/images/events/taobao_air_sea2024/bg-infom.png');
    /* background-size: auto; */
  }
}

@media (min-width: 768px) {
  .block-container {
    max-width: 1210px;
    background-size: 100% 100%;
    background-position: top;
  }
}

@media (min-width: 992px) {
  .taogo-event-header .inner-content {
    width: 1080px;
  }
  .taogo-event-header .inner-content .logo-content {
    width: 50%;
  }
  
  .taogo-event-header .promote-content {
    display: inline-block;
    text-align: center;
  }
}