#light-up-your-rings .blur-up {
  transition: filter .4s;
  filter: blur(20px);
}
#light-up-your-rings .blur-up.lazyloaded {
  filter: blur(0);
}
#light-up-your-rings{
  background-color: #F5F5F7;
}
#light-up-your-rings .pc-show{
  display: block;
}
#light-up-your-rings .mob-show{
  display: none;
}
#light-up-your-rings img,
#light-up-your-rings svg,
#light-up-your-rings video{
  width: 100%;
  height: auto;
  display: block;
}
#light-up-your-rings h2{
  font-size: 3.333333vw;
  line-height: 1.25;
  font-weight: 700;
  color: #333333;
}
#light-up-your-rings p{
  font-size: 1.25vw;
  line-height: 1.6;
  margin-top: 1.666667vw;
  color: #797C80;
  font-weight: 500;
}
#light-up-your-rings .kv-content{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 56.25vw;
  background-image: linear-gradient(180deg, #DEEEFC 0%, #FFFFFF 100%);
}

#light-up-your-rings .kv-content .kv-logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 22.291667vw;
  transition: transform 2s cubic-bezier(0, 0, 0.54, 0.89);
}
#light-up-your-rings .kv-content .blue{
  position: absolute;
  width: 82.954167vw;
  left: -62.474479vw;
  top: 33.605208vw;
  transform: rotate(70deg);
  transition: transform 2s, top 2s, left 2s;
}
#light-up-your-rings .kv-content .red{
  position: absolute;
  width: 88.251563vw;
  left: 58.38125vw;
  top: -63.421875vw;
  transform: rotate(70deg);
  transition: transform 2s, top 2s, left 2s;
}
#light-up-your-rings .kv-content .yellow{
  position: absolute;
  width: 82.546354vw;
  left: 66.366146vw;
  top: 51.515104vw;
  transform: rotate(70deg);
  transition: transform 2s, top 2s, left 2s;
}
#light-up-your-rings .kv-content.active .kv-logo{
  transform: translate(-50%,-50%) scale(1.47);
}
#light-up-your-rings .kv-content.active .blue{
  animation: blueLogo 2s cubic-bezier(0, 0, 0.54, 0.89) forwards;
}
#light-up-your-rings .kv-content.active .red{
  animation: redLogo 2s cubic-bezier(0, 0, 0.54, 0.89) forwards;
}
#light-up-your-rings .kv-content.active .yellow{
  animation: yellowLogo 2s cubic-bezier(0, 0, 0.54, 0.89) forwards;
}
@keyframes blueLogo {
  0% {
    left: -62.474479vw;
    top: 33.605208vw;
    transform: rotate(70deg);
  }
  100% {
    left: -41.474479vw;
    top: 40.605208vw;
    transform: rotate(0deg);
  }
}
@keyframes redLogo {
  0% {
    left: 58.38125vw;
    top: -63.421875vw;
    transform: rotate(70deg);
  }
  100% {
    left: 46.38125vw;
    top: -69.421875vw;
    transform: rotate(0deg);
  }
}
@keyframes yellowLogo {
  0% {
    left: 66.366146vw;
    top: 51.515104vw;
    transform: rotate(70deg);
  }
  100% {
    left: 62.366146vw;
    top: 42.515104vw;
    transform: rotate(0deg);
  }
}
#light-up-your-rings .section-highlights{
  position: relative;
  height: 300vh;
}
#light-up-your-rings .section-highlights .highlights-content{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh + 19.895833vw);
  background-image: linear-gradient(180deg, #F5F5F7 0%, #FFCC00 100%);
}
#light-up-your-rings .section-highlights .highlights-content .line{
  position: absolute;
  top: 0;
  left: 0;
}
#light-up-your-rings .section-highlights .highlights-content .line1{
  width: 129.801042vw;
  top: 15.494271vw;
  left: -3.885417vw;
  z-index: 1;
  transition: top 2s, left 2s;
}
#light-up-your-rings .section-highlights .highlights-content .line2{
  width: 116.811458vw;
  top: 4.186458vw;
  left: -13.014583vw;
  z-index: 2;
  transition: top 2s, left 2s;
}
#light-up-your-rings .section-highlights .highlights-content .line3{
  width: 115.863542vw;
  top: 13.172917vw;
  left: -8.761979vw;
  z-index: 3;
  transition: top 2s, left 2s, transform 2s;
}
#light-up-your-rings .section-highlights .highlights-content .line4{
  width: 124.36875vw;
  top: -11.585937vw;
  left: -16.793229vw;
  z-index: 4;
  transition: top 2s, left 2s;
}
#light-up-your-rings .section-highlights .highlights-content .line5{
  width: 122.616667vw;
  top: -9.119271vw;
  left: -11.534375vw;
  z-index: 5;
  transition: top 2s, left 2s;
}
#light-up-your-rings .section-highlights .highlights-content .line6{
  width: 123.151563vw;
  top: 24.181771vw;
  left: -7.427083vw;
  z-index: 6;
  transition: top 2s, left 2s;
}
#light-up-your-rings .section-highlights .line .run{
  transition: stroke-dasharray 3s;
}
#light-up-your-rings .section-highlights.active .line1{
  left: -5.558854vw;
  top: 13.410938vw;
}
#light-up-your-rings .section-highlights.active .line2{
  left: -4.373958vw;
  top: 3.405208vw;
}
#light-up-your-rings .section-highlights.active .line3{
  left: -9.605729vw;
  top: 9.714583vw;
  transform: rotate(8deg);
}
#light-up-your-rings .section-highlights.active .line4{
  left: -15.074479vw;
  top: -14.138021vw;
}
#light-up-your-rings .section-highlights.active .line5{
  left: -7.625521vw;
  top: -10.681771vw;
}
#light-up-your-rings .section-highlights.active .line6{
  left: -9.939583vw;
  top: 21.056771vw;
}
#light-up-your-rings .section-highlights.active .line .run{
  stroke-dasharray: 4000, 0, 0;
}
#light-up-your-rings .section-highlights .highlights-video{
  position: absolute;
  top: 19.895833vw;
  left: 50%;
  transform: translateX(-50%) scale(0.8125);
  width: 100%;
  transition: transform 2s 1s;
  z-index: 8;
  border-radius: 1.666667vw;
  overflow: hidden;
}
/* #light-up-your-rings #highlights-video-trigger{
  position: absolute;
  top: 19.895833vw;
} */
#light-up-your-rings .section-highlights .highlights-video video{
  object-fit: cover;
  height: 100vh;
}
#light-up-your-rings .section-highlights.active .highlights-video{
  transform: translateX(-50%) scale(1.0005);
}

#light-up-your-rings .section-highlights .sticky-content{
  position: sticky;
  top: -19.895833vw;
  overflow: hidden;
}
#light-up-your-rings .section-highlights .sticky-content .shadow{
  height: 150%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #DCDCDC 100%);
  opacity: 0;
}
#light-up-your-rings .section-highlights .sticky-content .highlights-intro{
  width: 49.479167vw;
  margin: 0 auto;
  position: absolute;
  top: 19.895833vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  opacity: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#light-up-your-rings .section-highlights .sticky-content .highlights-intro p{
  font-size: 2.5vw;
  line-height: 1.6;
  font-weight: 700;
  color: #32AAFF;
}
#light-up-your-rings .section-highlights .sticky-content .highlights-intro .text{
  perspective: 1000px;
  font-variation-settings: "slnt"0;
  text-align: center;
  transform: translateZ(0);
  opacity: 1;
  will-change: opacity, transform;
  margin-top: 0;
}
#light-up-your-rings .section-highlights .sticky-content .player-button-container{
  z-index: 11;
  opacity: 0;
  transition: opacity .5s;
  width: max-content;
  margin: 4.166667vw auto 0;
}
#light-up-your-rings .section-highlights .sticky-content .player-button-container.active{
  opacity: 1;
}
#light-up-your-rings .section-highlights .sticky-content .player-button-container a{
  text-decoration: none;
  color: #000000;
  font-size: .9375vw;
  display: flex;
  align-items: center;
  line-height: 1.6;
  font-weight: 500;
}
#light-up-your-rings .section-highlights .sticky-content .player-button-container .button-icon{
  width: 1.25vw;
  margin-left: .520833vw;
}


#light-up-your-rings .section-stand{
  overflow: hidden;
  padding-bottom: 8.333333vw;
}
#light-up-your-rings .section-stand .chapter-title{
  position: relative;
  background: #ffffff;
  padding: 6.25vw 0 10.416667vw;
}
#light-up-your-rings .section-stand .chapter-title .intro{
  width: 36.458333vw;
  margin: -18.75vw auto 0;
  opacity: 0;
  transform: translateY(20%);
  transition: transform .3s, opacity .3s linear;
}
#light-up-your-rings .section-stand .chapter-title.active .intro{
  transform: translateY(0);
  opacity: 1;
}
#light-up-your-rings .section-stand .chapter-title .intro h2 span{
  color: #32AAFF;
}
#light-up-your-rings .gradient-ground{
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F5F5F7 100%);
}
#light-up-your-rings .section-stand .stand-content{
  width: 52.083333vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#light-up-your-rings .section-stand .stand-content .pic-content{
  overflow: hidden;
  border-radius: 1.666667vw;
}
#light-up-your-rings .section-stand .stand-content .left .pic-content{
  width: 15.100521vw;
  padding: 3.854167vw 4.479167vw 3.75vw 5.416667vw;
  background-color: #DCDCDC;
}
#light-up-your-rings .section-stand .stand-content .right .pic-content{
  width: 15.733854vw;
  padding: 8.239583vw 4.005208vw 7.71875vw 5.260417vw;
  background-image: linear-gradient(180deg, #DCDCDC 25%, #32AAFF 100%);
}
#light-up-your-rings .section-stand .stand-content .desc{
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#light-up-your-rings .section-stand .stand-content .desc p{
  margin-top: 2.083333vw;
  margin-left: .520833vw;
}
#light-up-your-rings .section-stand .stand-content.active .desc{
  opacity: 1;
}
#light-up-your-rings .section-stand .stand-content .top{
  width: 100%;
  margin-bottom: 3.125vw;
  transform: translate(-57.916667vw,0);
  transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#light-up-your-rings .section-stand .stand-content .left,
#light-up-your-rings .section-stand .stand-content .right{
  width: 48%;
  transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#light-up-your-rings .section-stand .stand-content .left{
  transform: translate(-12.5vw, 44.010417vw);
}
#light-up-your-rings .section-stand .stand-content .right{
  transform: translate(12.5vw,0);
}
#light-up-your-rings .section-stand .stand-content.active .top,
#light-up-your-rings .section-stand .stand-content.active .left,
#light-up-your-rings .section-stand .stand-content.active .right{
  transform: translate(0,0);
  opacity: 1;
}
#light-up-your-rings .section-stand .stand-content .desc h3{
  font-size: 1.458333vw;
  line-height: 1.25;
  font-weight: 700;
  color: #32AAFF;
  margin-bottom: .729167vw;
  margin-top: 2.083333vw;
}

#light-up-your-rings .section-exercise{
  overflow: hidden;
  padding-bottom: 8.333333vw;
}
#light-up-your-rings .section-exercise .chapter-title{
  position: relative;
  background: #ffffff;
  padding: 6.25vw 0 10.416667vw;
}

#light-up-your-rings .section-exercise .chapter-title .intro{
  width: 42.708333vw;
  margin: -18.75vw auto 0;
  opacity: 0;
  transform: translateY(20%);
  transition: transform .3s, opacity .3s linear;
}
#light-up-your-rings .section-exercise .chapter-title.active .intro{
  transform: translateY(0);
  opacity: 1;
}

#light-up-your-rings .section-exercise .chapter-title .intro h2 span{
  color: #FFCC00;
}
#light-up-your-rings .section-exercise .exercise-content{
  display: flex;
  justify-content: center;
}
#light-up-your-rings .section-exercise .exercise-content .left{
  width: 25vw;
  margin-right: 2.083333vw;
  transform: translateX(-50%);
  transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#light-up-your-rings .section-exercise .exercise-content.active .left{
  transform: translateX(0);
  opacity: 1;
}
#light-up-your-rings .section-exercise .exercise-content .left .pic-content{
  border-radius: 1.666667vw;
  overflow: hidden;
  margin-bottom: 2.083333vw;
  padding: 4.947917vw 0;
  background-image: linear-gradient(180deg, #FFCC00 0%, #FFF3A2 100%);
}
#light-up-your-rings .section-exercise .exercise-content .right{
  width: 46.614583vw;
  transform: translateX(40%);
  transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#light-up-your-rings .section-exercise .exercise-content.active .right{
  transform: translateX(0);
  opacity: 1;
}
#light-up-your-rings .section-exercise .exercise-content .left .desc,
#light-up-your-rings .section-exercise .exercise-content .right .desc{
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#light-up-your-rings .section-exercise .exercise-content.active .left .desc,
#light-up-your-rings .section-exercise .exercise-content.active .right .desc{
  opacity: 1;
}
#light-up-your-rings .section-exercise .exercise-content h3{
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #FFCC00;
  font-weight: 700;
}
#light-up-your-rings .section-exercise .exercise-content p{
  margin-left: .520833vw;
  margin-top: 0;
}
#light-up-your-rings .section-exercise .swiper-exercise{
  background-color: #DCDCDC;
  overflow: hidden;
  border-radius: 1.666667vw;
  margin-bottom: 2.083333vw;
  height: 32.916667vw;
  display: flex;
  align-items: center;
}
#light-up-your-rings .section-exercise .swiper-exercise .swiper-wrapper{
  justify-content: center;
  height: auto;
}
#light-up-your-rings .section-exercise .swiper-exercise .swiper-slide{
  width: 13.726042vw;
}
#light-up-your-rings .section-exercise .swiper-exercise .swiper-slide:not(:nth-last-child(1)){
  margin-right: .833333vw;
}
#light-up-your-rings .section-move{
  overflow: hidden;
  padding-bottom: 10.416667vw;
}
#light-up-your-rings .section-move .chapter-title{
  position: relative;
  background: #ffffff;
  padding: 6.25vw 0 10.416667vw;
}

#light-up-your-rings .section-move .chapter-title .intro{
  width: 35.416667vw;
  margin: -18.75vw auto 0;
  opacity: 0;
  transform: translateY(20%);
  transition: transform .3s, opacity .3s linear;
}
#light-up-your-rings .section-move .chapter-title.active .intro{
  transform: translateY(0);
  opacity: 1;
}

#light-up-your-rings .section-move .chapter-title .intro h2 span{
  color: #F64B29;
}
#light-up-your-rings .section-move .move-content{
  display: flex;
  justify-content: center;
}
#light-up-your-rings .section-move .move-content .left,
#light-up-your-rings .section-move .move-content .right{
  width: 25vw;
  transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#light-up-your-rings .section-move .move-content .left{
  transform: translateX(-70%);
}
#light-up-your-rings .section-move .move-content .right{
  transform: translateX(70%);
}
#light-up-your-rings .section-move .move-content.active .left,
#light-up-your-rings .section-move .move-content.active .right{
  transform: translateX(0);
  opacity: 1;
}
#light-up-your-rings .section-move .move-content .left .pic-content{
  border-radius: 1.666667vw;
  width: 17.908854vw;
  padding: 8.645833vw 3.541667vw;
  background-image: linear-gradient(180deg, #F9684B 0%, #FFB2A2 100%);
}
#light-up-your-rings .section-move .move-content .right{
  margin-left: 2.083333vw;
}
#light-up-your-rings .section-move .move-content .desc{
  margin-top: 2.083333vw;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#light-up-your-rings .section-move .move-content.active .desc{
  opacity: 1;
}
#light-up-your-rings .section-move .move-content .desc h3{
 font-size: 1.458333vw;
 line-height: 1.25;
 font-weight: 700;
 color: #F64B29;
}
#light-up-your-rings .section-move .move-content .desc p{
  margin-left: .520833vw;
  margin-top: 0;
}
#light-up-your-rings .section-move .move-content .right .swiper-content{
  border-radius: 1.666667vw;
  overflow: hidden;
  background-color: #DCDCDC;
  display: flex;
  align-items: center;
  height: 32.916667vw;
}
#light-up-your-rings .section-move .move-content .right .swiper-move{
  width: 15.364583vw;
  overflow: visible;
}
#light-up-your-rings .section-move .move-content .right .swiper-move .swiper-pagination{
  display: flex;
  justify-content: center;
  bottom: -4.166667vw;
}
#light-up-your-rings .section-move .move-content .right .swiper-move .swiper-pagination span:nth-child(1){
  background: #F64B29;
}
#light-up-your-rings .section-move .move-content .right .swiper-move .swiper-pagination span:nth-child(2){
  background: #FFCC00;
}
#light-up-your-rings .section-move .move-content .right .swiper-move .swiper-pagination span:nth-child(3){
  background: #32AAFF;
}
#light-up-your-rings .section-move .move-content .right .swiper-move .swiper-pagination-bullet{
  width: .9375vw;
  height: .9375vw;
  transition: opacity .5s;
}
#light-up-your-rings .intro .more-title{
  color: #32AAFF;
  font-weight: 700;
  margin-bottom: 1.5625vw;
  margin-top: 0;
}
#light-up-your-rings .section-incentive{
  overflow: hidden;
}
#light-up-your-rings .section-incentive .incentive-content .intro{
  width: 40.104167vw;
  margin: 0 auto;
  text-align: center;
}
#light-up-your-rings .section-incentive .swiper-incentive{
  padding-bottom: 6.770833vw;
  margin-top: 3.333333vw;
  padding: 0 3.385417vw;
}

#light-up-your-rings .section-incentive .swiper-incentive .swiper-slide .pic-content{
  position: relative;
  width: 15.3125vw;
  transform: translate3d(0px, 0px, 1px);
}
#light-up-your-rings .section-incentive .swiper-incentive .swiper-slide .pic-content img{
  position: relative;
  z-index: 2;
  transform: translate3d(0px, 0px, 1px);
}
#light-up-your-rings .section-incentive .swiper-incentive .swiper-slide .pic-content .video-container{
  position: absolute;
  width: 11.458333vw;
  top: 6.197917vw;
  left: 1.302083vw;
  z-index: 1;
  transform: translate3d(0px, 0px, 1px);
}
#light-up-your-rings .section-incentive .swiper-incentive .swiper-button-container{
  display: flex;
  height: 3.020833vw;
  justify-content: flex-end;
  margin-right: 12.864583vw;
  margin-top: 4.0625vw;
  transform: translate3d(0px, 0px, 1px);
}
#light-up-your-rings .section-incentive .swiper-incentive .swiper-button-next, 
#light-up-your-rings .section-incentive .swiper-incentive .swiper-button-prev{
  position: initial;
  width: 2.916667vw;
  height: 2.916667vw;
  margin-top: 0;
}
#light-up-your-rings .section-incentive .swiper-incentive .swiper-button-prev{
  transform: rotate(180deg);
  margin-right: 1.25vw;
}
#light-up-your-rings .section-incentive .swiper-incentive .swiper-button-next:after, 
#light-up-your-rings .section-incentive .swiper-incentive .swiper-button-prev:after{
  content: '';
}
#light-up-your-rings .section-city{
  margin-top: 10.416667vw;
}
#light-up-your-rings .section-city .city-content{
  width: 81.25vw;
  margin: 0 auto;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F5F5F7 100%);
  border-radius: 1.666667vw;
  padding: 4.375vw 0 6.25vw;
}
#light-up-your-rings .section-city .city-content .intro{
  width: 43.75vw;
  margin: 0 auto;
  text-align: center;
}
#light-up-your-rings .section-city .city-content .city-icon{
  width: 54.166667vw;
  margin: 3.333333vw auto 0;
  display: flex;
  align-items: flex-end;
}
#light-up-your-rings .section-city .city-content .city-icon .icon-1{
  width: 10.492188vw;
  margin-right: 1.927083vw;
}
#light-up-your-rings .section-city .city-content .city-icon .icon-2{
  width: 12.802083vw;
  margin-right: 2.1875vw;
  opacity: 0;
  animation: cityIcon_1 2.6s cubic-bezier(0, 0, 0.54, 0.89) infinite;
}
#light-up-your-rings .section-city .city-content .city-icon .icon-3{
  width: 8.446354vw;
  margin-right: 2.1875vw;
  opacity: 0;
  animation: cityIcon_2 2.6s cubic-bezier(0, 0, 0.54, 0.89) infinite;
}
#light-up-your-rings .section-city .city-content .city-icon .icon-4{
  width: 16.054688vw;
  opacity: 0;
  animation: cityIcon_3 2.6s cubic-bezier(0, 0, 0.54, 0.89) infinite;
}

@keyframes cityIcon_1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cityIcon_2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cityIcon_3 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#light-up-your-rings .section-city .download-content{
  width: max-content;
  margin: 0 auto;
  position: relative;
}
#light-up-your-rings .section-city .download-content .download-button{
  transition: .5s ease-out;
}
#light-up-your-rings .section-city .download-content:hover .download-button{
  opacity: .8;
}
#light-up-your-rings .section-city .download-button a{
  background-color: #000;
  color: #fff;
  border-radius: 32px;
  padding: 10px 32px;
  line-height: 20px;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  margin: 5.208333vw auto 0;
}
#light-up-your-rings .section-city .download-button .pcbtn, 
#light-up-your-rings .section-city .download-button .iosbtn, 
#light-up-your-rings .section-city .download-button .androidbtn{
  display: none;
}
#light-up-your-rings .section-city .qrcode-content{
    position: absolute;
    transition: .3s ease-out;
    display: none;
    opacity: 0;
    z-index: 10;
    padding: 1.041667vw;
    border-radius: 8px;
    background: #ffffff;
    width: 11.354167vw;
    left: 184px;
    top: -20px;
    transition: opacity .5s;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
#light-up-your-rings .section-city .qrcode-content::after{
  content: '';
  position: absolute;
  left: -10px;
  top: 34px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid white;
}
#light-up-your-rings .section-city .qrcode-content .qrcode-text{
  font-size: 13px;
  text-align: center;
  color: #000;
}
@media screen and (min-aspect-ratio: 11/10) and (max-width: 800px) and (min-width: 700px){
  #light-up-your-rings .section-city .qrcode-content .qrcode-text{
    font-size: .677083vw;
  }
}
  #light-up-your-rings .section-city .download-content.active .qrcode-content {
      opacity: 1;
      display: block;
  }
#light-up-your-rings .section-city .download-button .download-icon{
  width: 10px;
  margin-left: 6px;
  display: inline-block;
}
#light-up-your-rings .section-time{
  margin-top: 4.166667vw;
}
#light-up-your-rings .section-time .time-content .intro{
  width: 36.458333vw;
  margin: 0 auto;
  text-align: center;
}
#light-up-your-rings .section-time .swiper-time-1,
#light-up-your-rings .section-time .swiper-time-2{
  overflow: hidden;
}
#light-up-your-rings .section-time .swiper-time-1{
  margin-top: 3.333333vw;
}
#light-up-your-rings .section-time .swiper-time-2{
  margin-top: 2.083333vw;
}
#light-up-your-rings .section-time .swiper-time-content{
  display: flex;
  width: 115.989583vw;
  flex-direction: row-reverse;
}
#light-up-your-rings .section-time .swiper-time-2 .swiper-time-content{
  display: flex;
  width: 145.677083vw;
  flex-direction: row;
}
#light-up-your-rings .section-time .swiper-time-content .pic-content{
  margin-right: 1.041667vw;
}
#light-up-your-rings .section-time .swiper-time-content .pic-content img{
  height: 18.125vw;
  width: auto;
}
#light-up-your-rings .section-time .swiper-time-2 .swiper-time-content .pic-content img{
  height: 32.864583vw;
  width: auto;
}
#light-up-your-rings .section-time .swiper-time-content>div{
  display: flex;
}
#light-up-your-rings .section-time.active .swiper-time-1 .swiper-time-content{
  animation: swiperTime1 16s linear infinite;
}
#light-up-your-rings .section-time.active .swiper-time-2 .swiper-time-content{
  animation: swiperTime2 15s linear infinite;
}
@keyframes swiperTime1 {
  0% {
    transform: translateX(0);
    will-change: transform;
  }
  
  100% {
    transform: translateX(100%);
    will-change: transform;
  }
}
@keyframes swiperTime2 {
  0% {
    transform: translateX(0);
    will-change: transform;
  }
  
  100% {
    transform: translateX(-100%);
    will-change: transform;
  }
}
#light-up-your-rings .section-footnote{
  width: 77.083333vw;
  padding: 10.416667vw 0;
  margin: 0 auto;
}
#light-up-your-rings .section-footnote .footnote-list {
  font-size: max(12px, 0.625vw);
  padding-inline-start: 1.5em;
}
#light-up-your-rings .section-footnote li {
  font-size: inherit;
  list-style-type: decimal;
  color: #7F7F7F;
  line-height: 1.6;
}
#light-up-your-rings .section-footnote li {
  list-style-type: "*";
  position: relative;
  pointer-events: none;
}
#light-up-your-rings .chapter-title video{
  mix-blend-mode: darken;
}
@media screen and (max-aspect-ratio: 11/10){
  #light-up-your-rings .pc-show{
    display: none;
  }
  #light-up-your-rings .mob-show{
    display: block;
  }
  #light-up-your-rings h2{
    font-size: 8.888889vw;
  }
  #light-up-your-rings p{
    font-size: 4.444444vw;
    margin-top: 4.444444vw;
  }
  #light-up-your-rings .gradient-ground{
    background-image: initial;
  }
  #light-up-your-rings .kv-content{
    height: 177.777778vw;
  }
  #light-up-your-rings .kv-content .kv-logo{
    width: 45.158333vw;
  }
  #light-up-your-rings .kv-content.active .kv-logo{
    transform: translate(-50%, -50%) scale(1.29);
  }
  #light-up-your-rings .kv-content .blue {
    width: 130.691667vw;
    left: -100.840278vw;
    top: 115.997222vw;
    transform: rotate(50deg);
  }
  #light-up-your-rings .kv-content .red{
    width: 165.7875vw;
    left: 20.955556vw;
    top: -128.930556vw;
    transform: rotate(60deg);
  }
  #light-up-your-rings .kv-content .yellow{
    width: 131.848611vw;
    left: 55.151389vw;
    top: 111.4vw;
    transform: rotate(-35deg);
  }
  #light-up-your-rings .kv-content.active .blue{
    animation: blueLogoXs 2s cubic-bezier(0, 0, 0.54, 0.89) forwards;
  }
  #light-up-your-rings .kv-content.active .red{
    animation: redLogoXs 2s cubic-bezier(0, 0, 0.54, 0.89) forwards;
  }
  #light-up-your-rings .kv-content.active .yellow{
    animation: yellowLogoXs 2s cubic-bezier(0, 0, 0.54, 0.89) forwards;
  }
  @keyframes blueLogoXs {
    0% {
      left: -100.840278vw;
      top: 115.997222vw;
      transform: rotate(50deg);
    }
    100% {
      left: -98.840278vw;
      top: 95.997222vw;
      transform: rotate(0deg);
    }
  }
  @keyframes redLogoXs {
    0% {
      left: 20.955556vw;
      top: -128.930556vw;
      transform: rotate(60deg);
    }
    100% {
      left: 20.955556vw;
      top: -128.930556vw;
      transform: rotate(0deg);
    }
  }
  @keyframes yellowLogoXs {
    0% {
      left: 55.151389vw;
      top: 111.4vw;
      transform: rotate(-35deg);
    }
    100% {
      left: 63.151389vw;
      top: 115.4vw;
      transform: rotate(0deg);
    }
  }
  #light-up-your-rings .section-highlights .highlights-content{
    height: calc(100vh + 49.722222vw);
  }
  #light-up-your-rings .section-highlights .highlights-content .line1{
    width: 344.758333vw;
    left: -85.652778vw;
    top: 36.527778vw;
  }
  #light-up-your-rings .section-highlights .highlights-content .line2{
    width: 298.945833vw;
    left: -82.497222vw;
    top: 9.847222vw;
  }
  #light-up-your-rings .section-highlights .highlights-content .line3{
    width: 298.945833vw;
    left: -96.448611vw;
    top: 12.777778vw;
  }
  #light-up-your-rings .section-highlights .highlights-content .line4{
    width: 311.958333vw;
    left: -111.031944vw;
    top: -35.555556vw;
  }
  #light-up-your-rings .section-highlights .highlights-content .line5{
    width: 326.977778vw;
    left: -91.168056vw;
    top: -27.777778vw;
  }
  #light-up-your-rings .section-highlights .highlights-content .line6{
    width: 326.977778vw;
    left: -102.672222vw;
    top: 61.111111vw;
  }
  #light-up-your-rings .section-highlights .highlights-video{
    top: 49.722222vw;
    border-radius: 4.444444vw;
  }
  #light-up-your-rings .section-highlights .sticky-content{
    top: -49.722222vw;
  }
  #light-up-your-rings .section-highlights .sticky-content .highlights-intro p{
    font-size: 5.555556vw;
  }
  #light-up-your-rings .section-highlights .sticky-content .highlights-intro{
    width: 100%;
    top: 49.722222vw;
  }
  #light-up-your-rings .section-highlights .sticky-content .player-button-container{
    margin: 16.666667vw auto 0;
  }
  #light-up-your-rings .section-highlights .sticky-content .player-button-container a{
    font-size: 2.5vw;
  }
  #light-up-your-rings .section-highlights .sticky-content .player-button-container .button-icon{
    width: 3.333333vw;
    margin-left: 1.388889vw;
  }
  #light-up-your-rings .section-stand .chapter-title .intro{
    margin: 8.888889vw auto 0;
    opacity: 1;
    transform: translateY(0);
    width: 88.888889vw;
  }
  #light-up-your-rings .chapter-ring{
    padding: 22.222222vw 6.111111vw 0;
    margin: 0 auto;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F5F5F7 100%);
  }
  #light-up-your-rings .section-stand .chapter-title{
    background: #F5F5F7;
    padding: 0;
  }
  #light-up-your-rings .section-stand .chapter-title .chapter-ring .ring-stand {
    transition: stroke-dasharray 2s, opacity 0.5s 2s;
    opacity: 0.3;
  }
  #light-up-your-rings .section-stand .chapter-title .chapter-ring.active .ring-stand.ring-animate {
    stroke-dasharray: 105%, 0, 0;
    transition: stroke-dasharray 2s, opacity 0s 0s;
    opacity: 1;
  }
  #light-up-your-rings .section-stand{
    padding-bottom: 22.222222vw;
  }
  #light-up-your-rings .section-stand .stand-content{
    width: 100%;
    margin: 27.777778vw auto 0;
    display: block;
  }
  #light-up-your-rings .section-stand .stand-content .pic-content{
    border-radius: 4.444444vw;
  }
  #light-up-your-rings .section-stand .stand-content .top{
    transform: translateX(0);
    width: 83.333333vw;
    margin: 0 auto 8.888889vw;
    opacity: 1;
  }
  #light-up-your-rings .section-stand .stand-content .left{
    transform: translate(0,0);
    width: 83.333333vw;
    margin: 0 auto 11.111111vw;
    background: #DCDCDC;
    border-radius: 4.444444vw;
    padding: 9.305556vw 0;
    opacity: 1;
  }
  #light-up-your-rings .section-stand .stand-content .right{
    transform: translate(0,0);
    width: 83.333333vw;
    margin: 0 auto;
    background-image: linear-gradient(180deg, #DCDCDC 25%, #32AAFF 100%);
    border-radius: 4.444444vw;
    padding: 6.944444vw 0 8.333333vw;
    opacity: 1;
  }
  #light-up-your-rings .section-stand .stand-content .desc{
    opacity: 1;
    width: 67.777778vw;
    margin: 0 auto;
  }
  #light-up-your-rings .section-stand .stand-content .desc p{
    margin-top: 8.333333vw;
    margin-left: 0;
  }
  #light-up-your-rings .section-stand .stand-content .desc h3{
    font-size: 4.444444vw;
    margin: 5.555556vw 0 0;
  }
  #light-up-your-rings .section-stand .stand-content .desc .right h3{
    color: #fff;
  }
  #light-up-your-rings .section-stand .stand-content .desc .right p{
    color: #797C80;
  }
  #light-up-your-rings .section-stand .stand-content .left .pic-content{
    width: 40.268056vw;
    padding: 0;
    background: none;
    margin: 0 auto;
  }
  #light-up-your-rings .section-stand .stand-content .right .pic-content{
    width: 41.956944vw;
    padding: 0;
    background: none;
    margin: 0 auto;
  }
  #light-up-your-rings .section-exercise{
    padding-bottom: 22.222222vw;
  }
  #light-up-your-rings .section-exercise .chapter-title .chapter-ring .ring-exercise {
    transition: stroke-dasharray 2s, opacity 0.5s 2s;
    opacity: 0.3;
  }
  #light-up-your-rings .section-exercise .chapter-title .chapter-ring.active .ring-exercise.ring-animate {
    stroke-dasharray: 165%, 0, 0;
    transition: stroke-dasharray 2s, opacity 0s 0s;
    opacity: 1;
  }
  #light-up-your-rings .section-exercise .chapter-title{
    background: #F5F5F7;
    padding: 0 0 27.777778vw;
  }
  #light-up-your-rings .section-exercise .chapter-title .intro{
    margin: 8.888889vw auto 0;
    opacity: 1;
    transform: translateY(0);
    width: 88.888889vw;
  }
  #light-up-your-rings .section-exercise .chapter-title .intro p{
    width: auto;
  }
  #light-up-your-rings .section-exercise .exercise-content{
    display: block;
  }
  #light-up-your-rings .section-exercise .exercise-content .left{
    transform: translateX(0);
    width: 66.666667vw;
    padding: 8.888889vw 8.333333vw 8.333333vw;
    margin: 0 auto;
    background-image: linear-gradient(180deg, #FFCC00 0%, #FFF3A2 100%);
    border-radius: 4.444444vw;
    opacity: 1;
  }
  #light-up-your-rings .section-exercise .exercise-content .left .pic-content{
    width: 66.666667vw;
    background: none;
    border-radius: 0;
  }
  #light-up-your-rings .section-exercise .exercise-content .left .desc, 
  #light-up-your-rings .section-exercise .exercise-content .right .desc{
    opacity: 1;
    width: 67.777778vw;
    margin: 0 auto;
  }
  #light-up-your-rings .section-exercise .exercise-content h3{
    font-size: 4.444444vw;
  }
  #light-up-your-rings .section-exercise .exercise-content p{
    margin-top: 0;
    margin-left: 0;
  }
  #light-up-your-rings .section-exercise .exercise-content .right{
    width: 83.333333vw;
    transform: translateX(0);
    margin: 11.111111vw auto 0;
    background-color: #DCDCDC;
    border-radius: 4.444444vw;
    padding: 13.194444vw 0 8.472222vw;
    overflow: hidden;
    opacity: 1;
  }
  #light-up-your-rings .section-exercise .swiper-exercise{
    background: none;
    height: auto;
    border-radius: 0;
    display: block;
    width: 36.404167vw;
    overflow: visible;
    margin-bottom: 8.888889vw;
  }
  #light-up-your-rings .section-exercise .swiper-exercise .swiper-wrapper{
    justify-content: start;
  }
  #light-up-your-rings .section-exercise .swiper-exercise .swiper-slide{
    width: 36.527778vw;
  }
  #light-up-your-rings .section-exercise .swiper-exercise .swiper-slide:not(:nth-last-child(1)) {
    margin-right: 0;
  }
  #light-up-your-rings .section-move{
    padding-bottom: 27.777778vw;
  }
  #light-up-your-rings .section-move .chapter-title .chapter-ring .ring-move {
    transition: stroke-dasharray 2s, opacity 0.5s 2s;
    opacity: 0.3;
  }
  #light-up-your-rings .section-move .chapter-title .chapter-ring.active .ring-move.ring-animate {
    stroke-dasharray: 225%, 0, 0;
    transition: stroke-dasharray 2s, opacity 0s 0s;
    opacity: 1;
  }
  #light-up-your-rings .section-move .chapter-title{
    background: #F5F5F7;
    padding: 0 0 27.777778vw;
  }
  #light-up-your-rings .section-move .chapter-title .intro{
    margin: 8.888889vw auto 0;
    opacity: 1;
    transform: translateY(0);
    width: 88.888889vw;
  }
  #light-up-your-rings .section-move .chapter-title .intro p{
    width: auto;
  }
  #light-up-your-rings .section-move .move-content{
    display: block;
  }
  #light-up-your-rings .section-move .move-content .left,
  #light-up-your-rings .section-move .move-content .right{
    transform: translateX(0);
    width: 83.333333vw;
    margin: 0 auto;
    opacity: 1;
  }
  #light-up-your-rings .section-move .move-content .left{
    background-image: linear-gradient(180deg, #F9684B 0%, #FFB2A2 100%);
    border-radius: 4.444444vw;
    padding: 8.333333vw 0;
  }
  #light-up-your-rings .section-move .move-content .right{
    margin-top: 11.111111vw;
    background-color: #DCDCDC;
    border-radius: 4.444444vw;
    padding: 10.277778vw 0 8.888889vw;
  }
  #light-up-your-rings .section-move .move-content .desc{
    opacity: 1;
    width: 67.777778vw;
    margin: 8.888889vw auto 0;
  }
  #light-up-your-rings .section-move .move-content .right .desc{
    margin-top: 16.666667vw;
  }
  #light-up-your-rings .section-move .move-content .desc h3{
    font-size: 4.444444vw;
  }
  #light-up-your-rings .section-move .move-content .desc p{
    margin-top: 2.222222vw;
    margin-left: 0;
  }
  #light-up-your-rings .section-move .move-content .left .pic-content{
    background: none;
    padding: 0;
    width: 47.756944vw;
    border-radius: 0;
    margin: 0 auto;
  }
  #light-up-your-rings .section-move .move-content .right .swiper-content{
    height: auto;
    border-radius: 0;
    background: none;
    overflow: visible;
  }
  #light-up-your-rings .section-move .move-content .right .swiper-move{
    width: 40.894444vw;
  }
  #light-up-your-rings .section-move .move-content .right .swiper-move .swiper-pagination{
    bottom: -5.555556vw;
  }
  #light-up-your-rings .section-move .move-content .right .swiper-move .swiper-pagination-bullet{
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.25vw;
  }
  #light-up-your-rings .section-incentive .incentive-content .intro{
    width: 83.333333vw;
  }
  #light-up-your-rings .section-incentive .swiper-incentive{
    margin-top: 8.888889vw;
  }
  #light-up-your-rings .section-incentive .swiper-incentive .swiper-slide .pic-content{
    width: 40.833333vw;
  }
  #light-up-your-rings .section-incentive .swiper-incentive .swiper-button-container{
    margin-top: 10.833333vw;
    margin-right: 11.111111vw;
    height: 8.055556vw;
  }
  #light-up-your-rings .section-incentive .swiper-incentive .swiper-slide .pic-content .video-container{
    width: 30.833333vw;
    top: 16.25vw;
    left: 3.472222vw;
  }
  #light-up-your-rings .section-incentive .swiper-incentive .swiper-button-next, 
  #light-up-your-rings .section-incentive .swiper-incentive .swiper-button-prev{
    width: 7.777778vw;
    height: 7.777778vw;
  }
  #light-up-your-rings .section-incentive .swiper-incentive .swiper-button-prev{
    margin-right: 3.333333vw;
  }
  #light-up-your-rings .section-city{
    margin-top: 22.222222vw;
  }
  #light-up-your-rings .section-city .city-content{
    width: 100%;
    border-radius: 0;
    padding: 22.222222vw 0 11.111111vw;
  }
  #light-up-your-rings .section-city .city-content .intro{
    width: 88.888889vw;
  }
  #light-up-your-rings .intro .more-title{
    margin-bottom: 2.222222vw;
  }
  #light-up-your-rings .section-city{
    overflow: hidden;
  }
  #light-up-your-rings .section-city .city-content .city-icon-content{
    overflow: scroll;
  }
  #light-up-your-rings .section-city .city-content .city-icon-content::-webkit-scrollbar{
    display: none;
  }
  #light-up-your-rings .section-city .city-content .city-icon{
    margin: 8.888889vw 11.111111vw 0;
    width: 144.393056vw;
  }
  #light-up-your-rings .section-city .city-content .city-icon .icon-1{
    width: 27.979167vw;
    margin-right: 5.138889vw;
  }
  #light-up-your-rings .section-city .city-content .city-icon .icon-2{
    width: 34.138889vw;
    margin-right: 5.833333vw;
  }
  #light-up-your-rings .section-city .city-content .city-icon .icon-3{
    width: 22.523611vw;
    margin-right: 5.833333vw;
  }
  #light-up-your-rings .section-city .city-content .city-icon .icon-4{
    width: 42.8125vw;
  }
  #light-up-your-rings .section-city .download-button a{
    margin: 8.888889vw auto 0;
  }
  #light-up-your-rings .section-time{
    margin-top: 16.666667vw;
  }
  #light-up-your-rings .section-time .time-content .intro{
    width: 88.888889vw;
  }
  #light-up-your-rings .section-time .swiper-time-content .pic-content img{
    height: 28.731944vw;
  }
  #light-up-your-rings .section-time .swiper-time-2 .swiper-time-content .pic-content img{
    height: 52.097222vw;
  }
  #light-up-your-rings .section-time .swiper-time-1{
    margin-top: 8.888889vw;
  }
  #light-up-your-rings .section-time .swiper-time-2{
    margin-top: 3.333333vw;
  }
  #light-up-your-rings .section-time .swiper-time-content .pic-content{
    margin-right: 1.666667vw;
  }
  #light-up-your-rings .section-time .swiper-time-content{
    width: 183.970833vw;
  }
  #light-up-your-rings .section-time .swiper-time-2 .swiper-time-content{
    width: 231.038889vw;
  }
  #light-up-your-rings .section-footnote{
    padding: 27.777778vw 0;
  }
  #light-up-your-rings .section-footnote .footnote-list {
    font-size: 3.333333vw;
  }
}