page{ background: #F7F7F7; } .user-withdrawal-bg{ width: 750rpx; height: 414rpx; background: url("https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/user-withdrawal-bg.png") no-repeat center center; background-size:cover; padding: 0 30rpx; } .withdrawal-management{ position: absolute; top: 0; right: 0; } button.withdrawal-button{ width: 160rpx; height: 60rpx; line-height: 60rpx; font-family: "Microsoft YaHei"; font-size: 24rpx; color: #fff; background: #FCC565; margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 30rpx; } button::after{ border: none; } .withdrawal-limit{ display: flex; justify-content: center; align-items: baseline; padding-top: 40rpx; text-align: center; } .limit-symbol{ font-family: "Microsoft YaHei"; font-size: 30rpx; color: #fff; } .withdrawal-volume{ font-family: "Din"; font-size: 60rpx; color: #fff; font-weight: bold; margin-left: 10rpx; } .Withdrawable-text{ font-family: "Microsoft YaHei"; font-size: 30rpx; color: #fff; text-align: center; margin-top: 30rpx; } .withdrawal-content{ display: flex; justify-content: center; align-items: center; padding: 30rpx 0; } image.withdrawal-line{ text-align: center; width: 200rpx; height: 1rpx; background-size: cover; } .to-be-credited{ display: flex; justify-content: center; align-items: center; font-family: "Microsoft YaHei"; font-size: 30rpx; color: #fff; text-align: center; margin-top: 30rpx; } .total-withdrawal{ font-family: "Microsoft YaHei"; font-size: 30rpx; color: #fff; text-align: center; border-bottom: 1rpx solid #F75965; padding-bottom: 30rpx; } .credited-text{ font-family: "Microsoft YaHei"; font-size: 28rpx; color: #fff; } .credited-line{ width: 1rpx; height: 40rpx; background: #F75965; margin: 0 60rpx; } .withdrawal-in-progress{ font-family: "Microsoft YaHei"; font-size: rpx; color: #fff; } .withdrawal-account{ display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 30rpx; } .withdrawal-account-left{ display: flex; justify-content: left; align-items: center; } image.alipay-account{ width: 40rpx; height: 40rpx; background-size: cover; } .account-left-text{ font-family: "Microsoft YaHei"; font-size: 28rpx; color: #454545; font-weight: bold; margin-left: 20rpx; } .account-information-item{ background: #fff; padding: 30rpx; padding-top: 0; } .withdrawal-account-content{ display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 30rpx 0; border-top: 1rpx solid #eee; } .border-line-style{ border-top: none; border-bottom: 1rpx solid #eee; padding-top: 0; } .account-content-left{ display: flex; justify-content: space-between; align-items: center; background: #fff; } span.style-text{ color: #32A2FC; margin-left: 20rpx; } .right-withdrawal-amount{ font-family: "Microsoft YaHei"; font-size: 30rpx; color: #454545; font-weight: bold; } .button-content{ display: flex; justify-content: space-evenly; align-items: center; } button.withdrawal-button-style{ width: 120rpx; height: 48rpx; line-height: 48rpx; font-family: "Microsoft YaHei"; font-size: 24rpx; color: #fff; border-radius: 100rpx; background: #F52F3E; margin: 0; margin-top: 30rpx; margin-left: 580rpx; } button::atter{ border:none; }