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; }