:root{
  --site-content-max:1400px;
  --site-content-gutter:24px;
  --site-content-width:min(var(--site-content-max), calc(100% - 48px));
  --background-color:#fff;
  --text-color:#333;
}
*{-webkit-tap-highlight-color:transparent}
body,html{
  background-color:var(--background-color);
  box-sizing:border-box;
  font-family:Arial,sans-serif;
  font-size:16px;
  margin:0;
  overscroll-behavior:none;
  padding:0;
  scrollbar-width:thin;
}
body{margin-right:calc(-100vw + 100%);overflow-x:hidden}

.homepc{}
.homewap{display: none;}

a{color:#000;text-decoration:none}
img{display:block;width:100%}
div,h1,h2,h3,h4,h5,h6,li,p,span{box-sizing:border-box;margin:0;padding:0}
ul{margin:0;padding:0}
.sr-only{
  height:1px;margin:-1px;overflow:hidden;padding:0;
  position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap;
}


.layout.box-landing-layout{
  display:block;margin:0;max-width:none;min-height:100vh;padding:0;
}
.layout.box-landing-layout .main-content{
  box-shadow:none;flex:none!important;margin:0!important;
  min-height:100vh;padding:0!important;width:100%!important;
}


body.box-landing-open{background:#00103c;margin:0;overflow:hidden}
.box-landing,.box-landing *{box-sizing:border-box}
.box-landing{
  background:#00103c;color:#fff;
  font-family:Arial,Microsoft YaHei,sans-serif;
  min-height:100vh;position:relative;
}
.desktop-landing{background:#00103c;height:100vh;overflow:hidden;position:relative}


.desktop-header{
  align-items:center;background:#010d30f5;
  border-bottom:1px solid rgba(92,135,218,.32);
  box-shadow:0 8px 28px #0000002e;
  display:flex;height:68px;inset:0 0 auto;
  justify-content:space-between;
  padding:0 clamp(28px,6vw,116px);
  position:fixed;z-index:20;
}
.desktop-header span{color:#ffffffb8;font-size:14px;letter-spacing:1px}
.desktop-logo{max-height:44px;max-width:182px;object-fit:contain;width:auto}

.fullpage-container{
  height:100vh;
  transition:transform .8s cubic-bezier(.65,0,.35,1);
  will-change:transform;
}
.desktop-section{
  align-items:center;display:flex;
  height:100vh;justify-content:center;
  overflow:hidden;position:relative;width:100%;
}
.hero-section{
  background:radial-gradient(circle at 50% 48%,#0a2358 0,#00103c 58%,#00091f);
  padding-top:68px;
}
.hero-stage{position:relative;width:min(100vw,1920px)}
.desktop-banner,.hero-stage{max-height:calc(100vh - 68px)}
.desktop-banner{display:block;object-fit:contain;width:100%}

.floating-decoration{
  animation:float-horizontal 3s ease-in-out infinite;
  left:9%;pointer-events:none;position:absolute;top:35%;width:78%;z-index:2;
}
.hero-downloads{
  display:grid;gap:clamp(5px,.7vw,13px);
  left:52%;position:absolute;top:48%;width:16%;z-index:4;
}
.hero-downloads--two{top:52%}

.download-image-link{
  align-items:center;border-radius:999px;display:flex;
  justify-content:center;position:relative;
  transition:transform .25s ease,filter .25s ease;
}
.download-image-link:hover{filter:brightness(1.08);transform:translateY(-2px) scale(1.035)}
.download-image-link img{display:block;height:auto;transition:opacity .25s ease;width:100%}
.loading-spinner{
  border:3px solid hsla(0,0%,100%,.35);border-radius:50%;
  border-top-color:#fff;height:30px;left:50%;margin:-15px 0 0 -15px;
  opacity:0;pointer-events:none;position:absolute;top:50%;width:30px;
}
.download-image-link.loading img{opacity:.34}
.download-image-link.loading .loading-spinner{
  animation:spin .8s linear infinite;opacity:1;
}

.hero-qrcode{
  background:#fff;border-radius:clamp(8px,1vw,18px);
  box-shadow:0 15px 40px #00000038;color:#16203a;
  left:70%;padding:clamp(5px,.65vw,12px);
  position:absolute;text-align:center;top:48%;width:11%;z-index:5;
}
.hero-qrcode img{aspect-ratio:1;border-radius:6px;display:block;object-fit:contain;width:100%}
.hero-qrcode p{font-size:clamp(10px,.85vw,16px);font-weight:700;margin:6px 0 0}


.benefits-section{background:#eaf8fd}
.discount-section{background:#eff6fe url(/skin/images/beijingtu1.jpg) 50%/cover no-repeat}
.section-art{
  display:block;max-height:84vh;
  max-width:min(90vw,1380px);object-fit:contain;width:auto;
}
.section-art--benefits{transform:translateY(2vh)}


.scroll-indicator{
  animation:bounce 2s infinite;background:transparent;border:0;
  bottom:18px;cursor:pointer;height:54px;left:50%;padding:0;
  position:fixed;width:54px;z-index:30;
}
.scroll-indicator img{height:100%;width:100%}
.page-dots{
  display:grid;gap:12px;position:fixed;right:22px;top:50%;
  transform:translateY(-50%);z-index:30;
}
.page-dot{
  background:#ffffff47;border:1px solid hsla(0,0%,100%,.7);
  border-radius:50%;cursor:pointer;height:11px;padding:0;
  transition:transform .2s ease,background .2s ease;width:11px;
}
.page-dot.active{background:#fff;transform:scale(1.35)}

@keyframes float-horizontal{50%{transform:translate(10px)}}
@keyframes spin{to{transform:rotate(1turn)}}
@keyframes bounce{
  0%,20%,50%,80%,to{transform:translate(-50%)}
  40%{transform:translate(-50%,-14px)}
  60%{transform:translate(-50%,-7px)}
}
@media (prefers-reduced-motion:reduce){
  .download-image-link,.fullpage-container,.page-dot{transition:none}
  .floating-decoration,.loading-spinner,.scroll-indicator{animation:none!important}
}


@media screen and (max-width: 800px) {
.homepc{display: none;}
.homewap{display: block;}

}