.footer {
  position: fixed;
  bottom: 0;
  background: #fff;
  flex-direction: column;
  width: 100%;
  padding-bottom: 30rpx;
  // padding-bottom: env(safe-area-inset-bottom);
}

.footer .btn {
  width: 690rpx;
  height: 90rpx;
  background: #000;
  border-radius: 45rpx;
  text-align: center;
  line-height: 90rpx;
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
}

.footer .text {
  background: transparent;
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #000000;
}

.main {
  height: 100vh;
  text-align: center;
  margin-top: 34rpx;
  padding-bottom: calc(env(safe-area-inset-bottom) + 180rpx);
}

.cover {
  display: block; // 消除默认间距
  width: 660rpx;
  height: 922rpx;
  border-radius: 50rpx;
}

.content {
  display: block; // 消除默认间距
  width: 660rpx;
  // height: 474rpx;
  height: 488rpx;
  background: linear-gradient(rgba(204, 204, 204, 0.4), #fff);
  border-radius: 50rpx;
  margin-top: 7rpx;
}

.title {
  font-size: 48rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000;
  text-align: center;
  padding-bottom: 30rpx;
  padding-top: 84rpx;
}

.text {
  font-size: 26rpx;
  font-weight: 500;
  color: #666;
}

// .indicator {
//   position: absolute;
//   left: 50%;
//   top: 960rpx;
//   transform: translate(-50%, -50%);
//   width: 120rpx;
//   height: 1rpx;
//   background: #ccc;
// }

// .dot {
//   height: 100%;
//   background: #000;
//   transition-property: all;
//   transition-duration: 0.8s;
// }
.indicator {
  position: absolute;
  left: 50%;
  top: 960rpx;
  transform: translate(-50%, -50%);
  display: inline-flex;
  width: 360rpx;
  height: 1px;
  background: transparent;
  .dot {
    display: inline-flex;
    flex: 1;
    height: 100%;
    background: #f2f2f2;
    transition-duration: 0.5s;
    margin-right: 4rpx;
    transition: all 0.6s ease-in-out 0.1s;
  }
  .bg-show {
    background: #000;
  }
}
