* {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  font-size: 0.32rem;
  line-height: 1.2;
  font-family: 'PingFangSC', 'Microsoft-yahei';
  background: url(bg.261e33d9.png) no-repeat 50% -1.2rem;
  background-size: 7.2rem auto;
}
.stage {
  max-width: 7.2rem;
  margin: 0 auto;
  overflow: hidden;
}
.logo {
  width: 1.6rem;
  height: 1.6rem;
  margin: 1.74rem auto 0.3rem;
  background-size: contain;
}
.product-name,
.slogan,
.download-wrap {
  text-align: center;
}
.product-name {
  font-size: 0.4rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 0.3rem;
}
.slogan {
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #8e8e93;
}
.btn {
  background-image: linear-gradient(180deg, #ff8b8b 0%, #ff4747 100%);
  box-shadow: 0 0.04rem 0.08rem 0 rgba(255, 87, 87, 0.3);
  border-radius: 0.5rem;
  font-size: 0.32rem;
  color: #fff;
  line-height: 0.5rem;
  padding: 0.25rem 0.4rem;
  display: inline-block;
  text-align: center;
}
a.btn {
  text-decoration: none;
}
.download-wrap {
  padding: 0.4rem;
}
.download-wrap .btn {
  width: 3.38rem;
  box-sizing: border-box;
  animation: pop 0.5s ease-in-out infinite alternate backwards;
}
@keyframes pop {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.stage-2 .card {
  background: url(card-bg.8e5ce8e2.png) no-repeat;
  background-size: 5.6rem auto;
  width: 5.6rem;
  height: 3.593rem;
  margin: 0.5rem auto;
  padding-top: 1.52rem;
  box-sizing: border-box;
  text-align: center;
}
.stage-2 .title {
  font-size: 0.5rem;
  color: #ff6666;
  line-height: 0.7rem;
  margin-bottom: 0.16rem;
}
.stage-2 .desc {
  font-size: 0.32rem;
  color: #8e8e93;
}

.we-chat-tips-box {
  display: none;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}
.we-chat-tips-box .we-chat-tips-line {
  padding-right: 0.46rem;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.we-chat-tips-box .we-chat-tips-line .we-chat-tips {
  font-size: 0.34rem;
  color: #fff;
}
.we-chat-tips-box .we-chat-tips-line .we-chat-leader {
  box-sizing: border-box;
  width: 1.2rem;
}
.we-chat-tips-box .we-chat-tips-line .we-chat-leader > img {
  width: 100%;
}