page { min-height: 100%; width: 100%; } .container { height: 100%; } .pay-result-top { background:url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/pay-result.png') no-repeat center; background-size: 100% 100%; width:750rpx; height: 516rpx; padding:32rpx 0 0; display: flex; flex-direction: column; justify-content: top; align-items: center; color:#fff; } .pay-img-wrapper{ width:316rpx; height: 316rpx; border-radius: 316rpx; padding:10rpx; margin:0 auto; margin-top:-158rpx; margin-bottom:50rpx; background:#f5f5f5 ; } .pay-img-wrapper image{ width:296rpx; height: 296rpx; border-radius: 296rpx; } .pay-result .msg { text-align: center; margin: 100rpx auto; color: #2bab25; font-size: 36rpx; } .pay-result .btns { display: flex; align-items: center; justify-content: center; } .pay-result .btn { text-align: center; height: 80rpx; margin: 0 20rpx; width: 200rpx; line-height: 78rpx; border: 1px solid #868686; color: #000; border-radius: 5rpx; } .pay-result .error .msg { color: #b4282d; margin-bottom: 60rpx; } .pay-result .error .tips { color: #7f7f7f; margin-bottom: 70rpx; } .pay-result .error .tips .p { font-size: 24rpx; line-height: 42rpx; text-align: center; } .pay-result .error .tips .p { line-height: 42rpx; text-align: center; } .pay-result-top image{ width:110rpx; height: 110rpx; } .result-text{ margin:50rpx 0 20rpx; font-size: 34rpx; font-weight: bold; } .service-tips{ font-size: 22rpx; padding:0 30rpx 0; } .common-btn-wrapper{ margin-top:300rpx; }