/* Consolidated app2 presentation. Download and platform-routing logic is unchanged. */
:root {
  --app-viewport-top: 0px;
  --app-viewport-height: 100vh;
  --browser-bottom-offset: 0px;
  --app2-top-height: calc(100vw * 160 / 749);
  --app2-bottom-height: calc(100vw * 162 / 726);
}

@supports (height: 100dvh) {
  :root {
    --app-viewport-height: 100dvh;
  }
}

* {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-tap-highlight-color: transparent;
}

html {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  background: #000;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #000;
}

a {
  color: inherit;
  text-decoration: none;
}

a,
button,
.click-but-dow,
.downssa,
img[onclick] {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}

p {
  margin: 0;
  padding: 0;
}

body > .app2-top-ad {
  position: fixed;
  top: var(--app-viewport-top, 0px);
  right: 0;
  left: 0;
  z-index: 2147482999;
  width: 100%;
  height: var(--app2-top-height);
  margin: 0;
  background: #000 url("https://qgjs.m.nzwkzj.com/ldy3/assets2/static/img/app2-top.webp")
    no-repeat center top / 100% 100%;
}

html.no-webp body > .app2-top-ad {
  background-image: url("https://qgjs.m.nzwkzj.com/ldy3/assets2/static/img/app2-top.png");
}

body > .app2-top-ad .dow-ts,
#azwangye3 {
  display: none !important;
}

.app2-top-ad #dianji1,
.app2-top-ad .dow-nav-but {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  display: block;
  width: 82px;
  height: 38px;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  color: transparent;
  background: linear-gradient(180deg, #ff6a75 0%, #e1223f 58%, #a80d25 100%);
  box-shadow: 0 .08rem .2rem rgba(225, 34, 63, .32);
  font-size: 0;
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(.8) translateY(-50%);
  transform: scale(.8) translateY(-50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: downloadButtonBreath 1.35s ease-in-out infinite;
  animation: downloadButtonBreath 1.35s ease-in-out infinite;
  will-change: transform, box-shadow, filter;
}

.app2-top-ad #dianji1::after,
.app2-top-ad .dow-nav-but::after,
#xiayi #dianji2::after,
#xiayi .dow-nav-butq::after {
  content: "\70B9\51FB\4E0B\8F7D";
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}

.app2-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 94vw;
  max-width: none;
  margin: calc(var(--app2-top-height) + 1vw) auto .8vw;
  padding: 1.6vw;
  gap: 0;
  border-radius: 3.2vw;
  background: rgba(0, 0, 0, .42);
}

.app2-list a {
  display: block;
  flex: 1 1 0;
  margin: 0 1.1vw;
  padding: 2.3vw 0;
  border-radius: 2.8vw;
  color: #fff;
  background: rgba(255, 255, 255, .1);
  font-size: 4.1vw;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.app2-list a.active {
  background: linear-gradient(100deg, #610e23, #de1819, #de1819, #69102a);
}

.downssa {
  display: block;
  width: 92%;
  max-width: none;
  margin: 0 auto
    calc(
      var(--app2-bottom-height) + var(--browser-bottom-offset, 0px) +
        env(safe-area-inset-bottom, 0px)
    );
  padding: 0;
  background: #000;
}

.downssa > img,
.downssa .carousel,
.downssa .dots {
  display: none;
}

.downssa::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(92vw * 2412 / 1029);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 2.6vw;
  background: #000 url("https://qgjs.m.nzwkzj.com/ldy3/assets2/static/img/app2-bg.webp")
    no-repeat center top / 100% 100%;
  box-shadow: 0 2.2vw 4.8vw rgba(0, 0, 0, .38);
}

html.no-webp .downssa::before {
  background-image: url("https://qgjs.m.nzwkzj.com/ldy3/assets2/static/img/app2-bg.png");
}

#andi,
.dow-nav-wrapper {
  position: fixed;
  right: 0;
  bottom: calc(var(--browser-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));
  left: 0;
  width: 100%;
  height: var(--app2-bottom-height);
  min-height: var(--app2-bottom-height);
  overflow: visible;
  background: transparent;
  z-index: auto;
}

#xiayi,
.dow-nav-foot {
  position: fixed !important;
  right: 0 !important;
  bottom: calc(
    var(--browser-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px)
  ) !important;
  left: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: var(--app2-bottom-height) !important;
  min-height: var(--app2-bottom-height) !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  background: #000 url("https://qgjs.m.nzwkzj.com/ldy3/assets2/static/img/app2-bottom.webp")
    no-repeat center bottom / 100% 100% !important;
}

html.no-webp #xiayi,
html.no-webp .dow-nav-foot {
  background-image: url("https://qgjs.m.nzwkzj.com/ldy3/assets2/static/img/app2-bottom.png") !important;
}

#xiayi #dianji2,
#xiayi .dow-nav-butq,
.dow-nav-foot #dianji2,
.dow-nav-foot .dow-nav-butq {
  position: absolute !important;
  top: 50% !important;
  right: 2vw !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 6 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  float: none !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  color: transparent !important;
  background: linear-gradient(180deg, #ff6a75 0%, #e1223f 58%, #a80d25 100%) !important;
  box-shadow: 0 .08rem .2rem rgba(225, 34, 63, .32) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  -webkit-transform: scale(.8) translateY(-50%) !important;
  transform: scale(.8) translateY(-50%) !important;
  -webkit-transform-origin: center !important;
  transform-origin: center !important;
  -webkit-animation: downloadButtonBreath 1.35s ease-in-out infinite !important;
  animation: downloadButtonBreath 1.35s ease-in-out infinite !important;
  will-change: transform, box-shadow, filter !important;
}

#dibu,
.dow-nav-wrapper .dow-nav-foots,
.dow-nav-foots {
  position: fixed !important;
  top: calc(
    var(--app-viewport-top, 0px) + var(--app-viewport-height, 100vh) / 2
  ) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2147483001 !important;
  /* Hidden until the existing configuration logic explicitly enables it. */
  display: none !important;
  box-sizing: border-box !important;
  width: calc(1.10rem + .18rem) !important;
  max-width: none !important;
  height: auto !important;
  max-height: calc(
    var(--app-viewport-height, 100vh) - env(safe-area-inset-top, 0px) -
      env(safe-area-inset-bottom, 0px) - .78rem
  ) !important;
  padding: .16rem .05rem .16rem .13rem !important;
  overflow: hidden !important;
  border-radius: .37rem 0 0 .37rem !important;
  background: rgba(96, 12, 28, .78) !important;
  box-shadow: 0 .48rem 1.2rem rgba(0, 0, 0, .28) !important;
  -webkit-backdrop-filter: blur(.3195rem);
  backdrop-filter: blur(.3195rem);
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

#dibu .dow-nav-buts,
#dibu .dow-nav-wybuts,
#dibu #azwangye1,
.dow-nav-foots .dow-nav-buts,
.dow-nav-foots .dow-nav-wybuts {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 1.10rem !important;
  height: 2.58rem !important;
  height: min(
    2.58rem,
    calc(
      (
          var(--app-viewport-height, 100vh) - env(safe-area-inset-top, 0px) -
            env(safe-area-inset-bottom, 0px) - .64rem - 20px
        ) /
        2
    )
  ) !important;
  min-height: 1.5rem;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  float: none !important;
  border: .02rem solid rgba(255, 255, 255, .36) !important;
  border-radius: .37rem 0 0 .37rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff6b6b 0%, #e1223f 52%, #9b0d25 100%) !important;
  box-shadow: 0 .17rem .37rem rgba(225, 34, 63, .36) !important;
  font-size: .37rem !important;
  font-weight: 700 !important;
  line-height: 1.10rem !important;
  text-align: center !important;
  text-indent: 0 !important;
  letter-spacing: .02rem !important;
  writing-mode: vertical-rl !important;
  -webkit-writing-mode: vertical-rl !important;
  text-orientation: upright !important;
}

#dibu .dow-nav-wybuts,
#dibu #azwangye1,
.dow-nav-foots .dow-nav-wybuts {
  margin-top: .16rem !important;
  background: linear-gradient(135deg, #9b0d25 0%, #e1223f 48%, #ff6b6b 100%) !important;
}

#dibu .dow-nav-buts:active,
#dibu .dow-nav-wybuts:active,
.dow-nav-foots .dow-nav-buts:active,
.dow-nav-foots .dow-nav-wybuts:active {
  -webkit-transform: translateX(-.08rem);
  transform: translateX(-.08rem);
}

.van-dialog {
  position: fixed;
  top: 45%;
  left: 50%;
  width: 70%;
  max-width: 310px;
  padding: 0;
  overflow: visible;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #4ea6ff 0%, #236cf0 100%);
  box-shadow: 0 18px 44px rgba(35, 108, 240, .34), inset 0 1px 0 rgba(255, 255, 255, .18);
  font-size: 16px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

#android_text::before {
  content: "";
  position: absolute;
  inset: -999px;
  z-index: -1;
  background: rgba(0, 0, 0, .42);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

#android_text .van-dialog__content {
  position: relative;
  display: block;
  padding: 28px 20px 22px;
  text-align: center;
}

#android_text .download-status {
  position: relative;
  width: 76px;
  height: 76px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .22), rgba(255, 255, 255, .07));
  box-shadow: 0 0 0 8px rgba(255, 255, 255, .07);
}

#android_text .download-status::before {
  content: "";
  position: absolute;
  inset: -5px;
  border: 2px solid rgba(255, 255, 255, .16);
  border-top-color: rgba(255, 255, 255, .88);
  border-radius: inherit;
  -webkit-animation: downloadSpin .9s linear infinite;
  animation: downloadSpin .9s linear infinite;
}

#android_text .loadingimg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#android_text .download-title {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

#android_text .download-desc {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
  line-height: 20px;
}

body.ios-download-loading #android_text,
html[data-dpr="2"] body.ios-download-loading #android_text,
html[data-dpr="3"] body.ios-download-loading #android_text {
  width: 70% !important;
  min-width: 0 !important;
  max-width: 70% !important;
  border-radius: 16px !important;
}

.download-fallback-mask {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgba(0, 0, 0, .58);
}

.download-fallback-panel {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 3001;
  width: 88vw !important;
  min-width: 0 !important;
  max-width: 88vw !important;
  padding: 5vw 4vw 4vw;
  border: 0;
  border-radius: 4vw;
  color: #111;
  background: #fff;
  text-align: center;
  box-shadow: 0 4vw 12vw rgba(0, 0, 0, .42);
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.download-fallback-title {
  margin: 0 0 2vw;
  font-size: 5.2vw;
  font-weight: 700;
  line-height: 7vw;
}

.download-fallback-text {
  margin: 0 0 4vw;
  color: #666;
  font-size: 3.6vw;
  line-height: 5.5vw;
  word-break: break-word;
}

.download-fallback-btn {
  display: block;
  width: 100%;
  height: 11.6vw;
  margin-top: 2.5vw;
  border-radius: 1.4vw;
  color: #fff !important;
  background: #f04444;
  font-size: 4.3vw;
  font-weight: 700;
  line-height: 11.6vw;
  text-align: center;
}

.download-fallback-secondary {
  background: #222;
}

@media screen and (max-width: 360px) {
  .download-fallback-panel {
    width: 92vw !important;
    max-width: 92vw !important;
  }
}

@-webkit-keyframes downloadSpin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes downloadSpin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes downloadButtonBreath {
  0%,
  100% {
    -webkit-transform: scale(.8) translateY(-50%);
    transform: scale(.8) translateY(-50%);
    box-shadow: 0 .08rem .2rem rgba(225, 34, 63, .28);
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  50% {
    -webkit-transform: scale(.9) translateY(-50%);
    transform: scale(.9) translateY(-50%);
    box-shadow: 0 .12rem .34rem rgba(255, 56, 99, .56), 0 0 .32rem rgba(255, 255, 255, .22);
    -webkit-filter: brightness(1.08);
    filter: brightness(1.08);
  }
}

@keyframes downloadButtonBreath {
  0%,
  100% {
    -webkit-transform: scale(.8) translateY(-50%);
    transform: scale(.8) translateY(-50%);
    box-shadow: 0 .08rem .2rem rgba(225, 34, 63, .28);
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  50% {
    -webkit-transform: scale(.9) translateY(-50%);
    transform: scale(.9) translateY(-50%);
    box-shadow: 0 .12rem .34rem rgba(255, 56, 99, .56), 0 0 .32rem rgba(255, 255, 255, .22);
    -webkit-filter: brightness(1.08);
    filter: brightness(1.08);
  }
}
  

/* Keep the fixed artwork usable on short landscape phone screens. */
@media (orientation: landscape) and (max-height: 420px) {
  :root {
    --app2-top-height: min(calc(100vw * 160 / 749), 28vh);
    --app2-bottom-height: min(calc(100vw * 162 / 726), 34vh);
  }
}

/* Shared native-click additions for PHP-routed landing pages. */
.landing-trigger { cursor: pointer; }
#dibu[style*="display: none"] { display: none !important; }
#azwangye1[style*="display: none"] { display: none !important; }
.dow-nav-buts, .dow-nav-wybuts { white-space: normal; }
.u-dialog-hidden {
  display: none;
}

.landing-dialog-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, .56);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.landing-dialog-progress {
  pointer-events: none;
}

.landing-dialog-backup {
  pointer-events: auto;
}

.landing-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7.15rem;
  margin: 0 0 0 -3.575rem;
  padding: 0 .42rem;
  overflow: hidden;
  border: .02rem solid rgba(255, 70, 170, .22);
  border-radius: .2rem;
  background: rgba(20, 3, 16, .9);
  color: #fff;
  text-align: center;
  box-shadow: 0 .24rem .7rem rgba(0, 0, 0, .62), 0 0 .3rem rgba(216, 22, 145, .24);
}

.landing-dialog-inner {
  display: table-cell;
  width: 6.31rem;
  height: 4.18rem;
  vertical-align: middle;
}

.landing-dialog:before {
  content: "";
  position: absolute;
  left: .42rem;
  right: .42rem;
  top: 0;
  height: .035rem;
  background: -webkit-linear-gradient(left, rgba(216, 22, 145, 0), rgba(255, 45, 157, .72), rgba(255, 255, 255, .34), rgba(216, 22, 145, 0));
  background: linear-gradient(90deg, rgba(216, 22, 145, 0), rgba(255, 45, 157, .72), rgba(255, 255, 255, .34), rgba(216, 22, 145, 0));
}

.landing-progress-dialog {
  height: 4.18rem;
  margin-top: -2.09rem;
}

.landing-backup-dialog {
  height: 4.18rem;
  margin-top: -2.09rem;
  padding: 0 .52rem;
}

.landing-backup-dialog .landing-dialog-inner {
  width: 6.11rem;
}

.landing-backup-dialog .landing-dialog-title {
  margin: 0 0 .12rem;
  font-size: .42rem;
  line-height: .54rem;
}

.landing-backup-dialog .landing-dialog-desc {
  width: 5.85rem;
  margin: 0 auto .28rem;
  font-size: .255rem;
  line-height: .36rem;
}

.landing-backup-dialog .landing-dialog-primary {
  width: 5.12rem;
  height: .84rem;
  margin: 0 auto .24rem;
  border-radius: .44rem;
  font-size: .34rem;
  line-height: .84rem;
}

.landing-backup-dialog .landing-dialog-close {
  height: .46rem;
  font-size: .255rem;
  line-height: .46rem;
}

.landing-spinner {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto .24rem;
  border: .035rem solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  background: rgba(255, 255, 255, .03);
  box-shadow: 0 0 0 .07rem rgba(255, 45, 157, .1), 0 0 .18rem rgba(240, 45, 143, .38);
}

.landing-spinner:before {
  content: "";
  position: absolute;
  left: -.035rem;
  right: -.035rem;
  top: -.035rem;
  bottom: -.035rem;
  border: .055rem solid transparent;
  border-top-color: #ff2a9d;
  border-right-color: rgba(255, 255, 255, .95);
  border-bottom-color: rgba(255, 205, 232, .48);
  border-radius: 50%;
  -webkit-animation: landing-spin .78s linear infinite;
  animation: landing-spin .78s linear infinite;
}

.landing-spinner i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: .04rem;
  height: .16rem;
  margin: -.37rem 0 0 -.02rem;
  border-radius: .04rem;
  background: rgba(255, 255, 255, .18);
  -webkit-transform-origin: .02rem .37rem;
  transform-origin: .02rem .37rem;
  -webkit-animation: landing-pulse 1s linear infinite;
  animation: landing-pulse 1s linear infinite;
}

.landing-spinner i:nth-child(1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -.92s; animation-delay: -.92s; }
.landing-spinner i:nth-child(2) { -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -.84s; animation-delay: -.84s; }
.landing-spinner i:nth-child(3) { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -.76s; animation-delay: -.76s; }
.landing-spinner i:nth-child(4) { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -.68s; animation-delay: -.68s; }
.landing-spinner i:nth-child(5) { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -.6s; animation-delay: -.6s; }
.landing-spinner i:nth-child(6) { -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -.52s; animation-delay: -.52s; }
.landing-spinner i:nth-child(7) { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -.44s; animation-delay: -.44s; }
.landing-spinner i:nth-child(8) { -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -.36s; animation-delay: -.36s; }
.landing-spinner i:nth-child(9) { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -.28s; animation-delay: -.28s; }
.landing-spinner i:nth-child(10) { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -.2s; animation-delay: -.2s; }
.landing-spinner i:nth-child(11) { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -.12s; animation-delay: -.12s; }
.landing-spinner i:nth-child(12) { -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: -.04s; animation-delay: -.04s; }

@-webkit-keyframes landing-pulse {
  0% { opacity: 1; background: #fff; }
  100% { opacity: .18; background: rgba(255, 255, 255, .18); }
}

@keyframes landing-pulse {
  0% { opacity: 1; background: #fff; }
  100% { opacity: .18; background: rgba(255, 255, 255, .18); }
}

@-webkit-keyframes landing-spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

@keyframes landing-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.landing-dialog-title {
  margin: 0 0 .12rem;
  font-size: .44rem;
  font-weight: bold;
  line-height: .58rem;
  color: #fff;
  text-shadow: 0 .02rem .08rem rgba(240, 45, 143, .45);
}

.landing-dialog-desc {
  margin: 0 auto;
  color: rgba(255, 232, 246, .8);
  font-size: .25rem;
  line-height: .36rem;
}

.landing-dialog-primary {
  display: block;
  width: 5.3rem;
  height: .96rem;
  margin: .08rem auto .22rem;
  border-radius: .5rem;
  background: #f02d8f;
  color: #fff;
  font-size: .38rem;
  font-weight: bold;
  line-height: .96rem;
  text-align: center;
  box-shadow: 0 .08rem .22rem rgba(240, 45, 143, .38);
}

.landing-dialog-close {
  display: block;
  width: 2.2rem;
  height: .58rem;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 221, 240, .72);
  font-size: .3rem;
  line-height: .58rem;
}