page {
  background-color: #ffffff;
}
.load {
  width: 100%;
  height: 2400rpx;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #ffffff;
  text-align: center;
  line-height: 1300rpx;
}
.loadimg {
  width: 200rpx;
  height: 200rpx;
}
.head {
  width: 100%;
  height: 246rpx;
  display: flex;
  flex-direction: column;
  box-shadow:0rpx 14rpx 20rpx 2rpx rgba(161,161,161,0.2);
}
.headtitle {
  width: 95%;
  margin-left: 5%;
  margin-top: 39rpx;
  text-align: left;
  font-size: 40rpx;
  font-weight: Bold;
  color: #000000;
}
.headdesc {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 16rpx;
  align-content: space-between;
  font-size: 28rpx;
  font-weight: Regular;
  color: #8C8C8C;
}
.sqbuttom {
  align-self:flex-end;
  margin-bottom: 4rpx;
}
.apbuttom {
  margin-top:10rpx;
  width:152rpx;
  height:54rpx;
  font-weight: 500;
  font-size: 24rpx;
  line-height: 54rpx;
  color: #FFFFFF;
  background:linear-gradient(90deg,rgba(0,199,198,0.97) 0%,rgba(0,210,210,1) 100%);
  box-shadow:0rpx 14rpx 44rpx 2rpx rgba(0,199,198,0.2);
  border-radius: 42rpx 0rpx 0rpx 42rpx;
}
.boximg {
  display: flex;
  width:  100%;
  justify-content:center; 
  flex-direction: column;
}
.imgqrcode {
  /* margin-top: 100rpx;
  margin-bottom: 50rpx; */
  align-self:center;
  width: 100%;
  height: 1400rpx;
}
.imgrule {
  width: 100%;
  height: 600rpx;
}
.explain {
  width: 100%;
}
.pay {
  height:170rpx;
  width: 100%;
  position: fixed;
  left:0;
  bottom:0rpx;
  background:#ffffff;
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: center;
  }
   .buttonextract {
    margin-top: 28rpx;
    width: 588rpx;
    height: 82rpx;
    background:linear-gradient(90deg,rgba(0,199,198,0.97) 0%,rgba(0,210,210,1) 100%);
    box-shadow:0px 14rpx 44rpx 2rpx rgba(0,199,198,0.2);
    border-radius:42rpx;
    text-align: center;
    font-size: 36rpx;
    font-weight: 500;
    color:#FFFFFF;
    line-height: 82rpx;
  }