/* lqq 24/9/24 */
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer { margin: 0; padding: 0; }
body { font: 62.5%/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; min-width: 320px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { vertical-align: middle; border: 0; -webkit-tap-highlight-color: transparent; }
em, i { font-style: normal; }
img { max-width: 100%; border: 0; -webkit-user-select: none; }
input:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; } 
textarea { resize: none; }s
a { text-decoration: none !important; color: #333; }
a:-webkit-any-link {text-decoration: none;}
.cf:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.cf { min-height: 1%; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.show { display: block; }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.break { word-break: break-all; word-wrap: break-word; }
html { font-size: 100px; font-size: 13.33333vw; }
@media screen and (max-width: 320px) { html { font-size: 42.66667px; font-size: 13.33333vw; } }
@media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: 13.33333vw; } }
@media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: 13.33333vw; } }
@media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: 13.33333vw; } }
@media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93333px; font-size: 13.33333vw; } }
@media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: 13.33333vw; } }
@media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: 13.33333vw; } }
@media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: 13.33333vw; } }
@media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33333px; font-size: 13.33333vw; } }
@media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: 13.33333vw; } }
@media screen and (min-width: 721px) and (max-width: 750px) { html { font-size: 100px; font-size: 13.33333vw; } }
@media screen and (min-width: 751px) { html { font-size: 100px; } }
@media screen and (min-width: 751px) { html { font-size: 100px; }
  body { width: 750px; margin: 0 auto; color: #222; }
  [data-dpr='1'] body { width: 750px; margin: 0 auto; } }
* { box-sizing: border-box; }
body { font-size: .22rem;color: #3D4A54; background: linear-gradient(130deg, #E4FBBD, #A3FBDC);}

.bg-ball {position: absolute;top: 0;left: 0;height: 100%;width: 100%;overflow: hidden;}
.bg-ball .ball-right-top {opacity: .4;animation: float 13s ease-in-out infinite;position: absolute;right: -2.59rem;top: -2.22rem;background: url("../images/ball-top-right.png") center no-repeat;background-size: 100% 100%;width: 4.45rem;height: 4.45rem;}
.bg-ball .ball-left-line {opacity: .5;animation: random-float 12s ease-in-out infinite;position: absolute;left: .73rem;top: 2.13rem;background: url("../images/ball-line.png") center no-repeat;background-size: 100% 100%;width: .45rem;height: .45rem;}
.bg-ball .ball-left-bot {opacity: .6;position: absolute;animation: float2 12s ease-in-out infinite;left: -1rem;bottom: .13rem;background: url("../images/ball-left-bot.png") center no-repeat;background-size: 100% 100%;width: 5.43rem;height: 5.43rem;}
.bg-ball .ball-right-bot {opacity: .6;position: absolute;animation: float3 12s ease-in-out infinite;right: -2.4rem;bottom: -1.84rem;background: url("../images/ball-right-bot.png") center no-repeat;background-size: 100% 100%;width: 4.03rem;height: 4.03rem;}
.bg-ball .ball-right-line {opacity: .7;position: absolute;right: .21rem;bottom: 7.19rem;background: url("../images/ball-right-center.png") center no-repeat;background-size: 100% 100%;width: .74rem;height: .74rem;}

.main-cont {height: 100vh;}
.main-cont .logo {z-index: 2;position: absolute;left: 0;top: 1.5rem;width: 100%;}
.main-cont .logo img {width: 4.9rem;display: block;margin: 0 auto;}

.main-cont .main {padding-bottom: 1.1rem;position: relative;z-index: 1;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.main-cont .main .show {margin-bottom: .49rem;position: relative;}
.main-cont .main .show::after {animation: twinkle 5s infinite ease-in-out;content: "";position: absolute;top: .35rem;right: -.2rem;background: url("../images/star1.png") center no-repeat;background-size: 100% 100%;width: .44rem;height: .44rem;}
.main-cont .main .show::before {animation: twinkle 5s infinite ease-in-out;content: "";position: absolute;bottom: .17rem;left: -.04rem;background: url("../images/star2.png") center no-repeat;background-size: 100% 100%;width: .27rem;height: .27rem;}
.main-cont .main .show img {height: 4.19rem;}
.main-cont .main .info {position: relative;text-align: center;}
.main-cont .main .info::after {animation: twinkle 5s infinite ease-in-out;content: "";position: absolute;bottom: -1.99rem;right: 0;background: url("../images/star3.png") center no-repeat;background-size: 100% 100%;width: .27rem;height: .27rem;}
.main-cont .main .info .status {color: #3D4A54;font-size: .28rem;line-height: .32rem;margin-bottom: .08rem;}
.main-cont .main .info .hint {color: #acadac;font-size: .24rem;line-height: .32rem;}
.main-cont .main .info .btn-bind {margin: .28rem auto .29rem;border-radius: 1.13rem;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #2DD48C, #58EA73);width: 5.22rem;height: .87rem;color: #fff;font-size: .32rem;}
.main-cont .main .info .check {display: flex;color: #3D4A54;font-size: .21rem;width: 5.78rem;line-height: 0.38rem;margin-left: .23rem;}
.main-cont .main .info .check .check-icon {display: block;background: url("../images/radio.png") center no-repeat;background-size: .21rem .21rem;width: .33rem;height: .35rem;margin-right: .05rem;}
.main-cont .main .info .check.on .check-icon {background: url("../images/radio-check.png") center no-repeat;background-size: .21rem .21rem;}
.main-cont .main .info .check .link,
.main-cont .main .info .check a {color: #23C268;}

.main-cont .tools {z-index: 2;color: #49DF99;font-size: .26rem;display: flex;align-items: center;padding-left: 2.81rem;position: absolute;bottom: 1.46rem;left: 50%;margin-left: -2.305rem;background: url("../images/tools.png") center no-repeat;background-size: 100% 100%;width: 4.61rem;height: .52rem;}
.main-cont .tools p {width: 1.7rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

@media screen and (min-width: 700px) {
  @media screen and (max-height: 1200px) {
    .main-cont .logo {
      position: relative;
      margin-top: 0;
    }
    .main-cont .main .info::after  {
      display: none;
    }
    .main-cont .main {
      padding-bottom: 0;
    }
    .main-cont .tools {
      position: relative;
      margin-bottom: .4rem;
    }
    .main-cont, .bg-ball, .main-cont .main {
      min-height: 12rem;
    }
    .main-cont {
      height: auto;
    }
  }
}

@keyframes float {
  0% {
    transform: translateX(-5.5rem) translateY(.6rem);
  }
  50% {
    transform: translateX(0) translateY(0);
  }
  100% {
    transform: translateX(-5.5rem) translateY(.6rem);
  }
}

@keyframes float2 {
  0% {
    transform: translateX(0) translateY(-);
  }
  30% {
    transform: translateX(.5rem) translateY(-1rem);
  }
  60% {
    transform: translateX(1.5rem) translateY(-1rem);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}

@keyframes float3 {
  0% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(-.4rem) translateY(-1rem);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}

@keyframes random-float {
  0% {
    transform: translateX(0) translateY(0);
  }
  20% {
    transform: translateX(-.4rem) translateY(-.6rem);
  }
  40% {
    transform: translateX(.2rem) translateY(.2rem);
  }
  60% {
    transform: translateX(-.2rem) translateY(-.4rem);
  }
  80% {
    transform: translateX(-1rem) translateY(-.2rem);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}

@keyframes twinkle {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

/** 2024/11/1 lqq */
.dialog-center {position: fixed;top: 50% !important;left: 50% !important;transform: translateX(-50%) translateY(-50%) !important;}
.main-cont .main .info .check .check-label {text-align: left;}
.cancel-bind {position: absolute;right: .43rem;top: -.54rem;color: #3D4A54;font-size: .24rem;line-height: .32rem;display: flex;align-items: center;}
.cancel-bind .icon {display: block;width: .22rem;height: .22rem;background: url("../images/icon-unbind.png") center no-repeat;background-size: 100% 100%;margin-right: .04rem;}

/* 2024/11/18 lqq */
@media screen and (max-height: 670px) {
  .main-cont .logo {
    top: 1.05rem;
  }

  .main-cont .main {
    padding-top: .4rem;
  }

  .vFull .main-cont .main {
    padding-top: .2rem !important;
  }

  .main-cont .tools {
    bottom: 1rem;
  }
}

/* 2025/4/18 lqq */
.wrap {min-height: 100vh;}
.vFull .wrap {height: 100vh;overflow: hidden;}
.vFull .main-cont .logo {top: 2.6rem !important;}