
page{
  background: #F5F2F0;
}
button::after{ border: none; }
.content button{
  width: 636rpx;
  height: 95rpx;
  line-height: 95rpx;
  text-align: center;
  color: #fff;
  font-size: 31rpx;
  /* background: #02C0FF!important; */
  background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  border-radius:48rpx!important;
  margin-top: 169rpx; 
}
.payContent{
  width: 657rpx;
  margin: 50rpx auto;
}
.payHeader{
  width: 100%;
  height: 11rpx;
  background: #02C0FF!important;
  border-radius:6rpx; 
}
.payBody{
  width: 636rpx;
  height:473rpx;
  margin:-3rpx auto 0;
  background: #fff;
  z-index: 10;
  box-shadow:0rpx 8rpx 25rpx 2rpx rgba(165,165,165,0.1);
  border-radius:0rpx 0rpx 20rpx 20rpx;
  position: relative;
}
.payIcon {
  display: inline-block;
  position: absolute;

}
.payIcon-body{
  display: inline-block;
  position: absolute;
  left: 183rpx;
  top: 78rpx;
}
.payIcon-body text{
  font-size:40rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:#333;
position: absolute;
display: inline-block;
width: 200rpx;
height: 70rpx;
  top:5rpx;
  left:90rpx;
}
.payIcon image{
  position: absolute;
  top: 0;
  left: 0;
  width: 70rpx;
  height: 70rpx;
}
.payMessage{
  position: absolute;
  top:230rpx;
  left: 53rpx;
  font-size: 28rpx;
}
.payMessage .price{
  color: #FF3535;
}
.active{
  opacity: .6;
}