page{ background: #F7F7F7; } .page-bg{ width: 750rpx; height: 525rpx; background: url("https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/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: 66rpx; 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{ font-family: "Microsoft YaHei"; font-size: 30rpx; color: #fff; text-align: center; } .queuing-information-content{ background: #fff; border-radius: 20rpx; padding: 30rpx 0; margin-top: 30rpx; } .recent-orders-title { display: flex; justify-content: left; align-items: center; padding: 0 30rpx; border-bottom: 1rpx solid #eeeeee; padding-bottom: 30rpx; } image.title-stlye { width: 15rpx; height: 19rpx; background-size: cover; margin-right: 20rpx; } .title-text { font-family: "Microsoft YaHei"; font-size: 30rpx; color: #454545; font-weight: bold; } .information-item{ padding: 0 30rpx; } .item-content{ display: flex; justify-content: left; align-items: center; margin-top: 30rpx; } .item-content-titie{ font-family: "Microsoft YaHei"; font-size: 24rpx; color: #454545; font-weight: bold; } .item-content-text{ font-family: "Microsoft YaHei"; font-size: 24rpx; color: #666; } span.style-text{ font-family: "Microsoft YaHei"; font-size: 24rpx; color: #F52F3E; font-weight: bold; padding: 0 15rpx; } .see-more-content{ display: flex; justify-content: center; align-items: center; margin-top: 30rpx; } .see-more-text{ font-family: "Microsoft YaHei"; font-size: 24rpx; color: #F52F3E; } .see-more-icon{ width: 0; height: 0; border-left: 14rpx solid #FDD5D8; border-top: 14rpx solid transparent; border-bottom: 14rpx solid transparent; margin-left: 10rpx; border-radius: 10rpx; } .ordering-information{ padding: 30rpx; background: #fff; margin-top: 20rpx; border-radius: 20rpx; padding-top: 0; } .order-number { font-family: "Microsoft YaHei"; font-size: 26rpx; color: #454545; padding: 30rpx 0; } .ordering-pic { width: 120rpx; height: 120rpx; background-size: cover; border-radius: 15rpx; } image.order-chart { width: 120rpx; height: 120rpx; background-size: cover; border-radius: 15rpx; } .ordering-text { margin-left: 30rpx; } .ordering-text-title { font-family: "Microsoft YaHei"; font-size: 30rpx; color: #454545; } .amount-of-money { font-family: "Microsoft YaHei"; font-size: 24rpx; color: #999; padding: 10rpx 0; } span.price-style { font-family: "Microsoft YaHei"; font-size: 24rpx; color: #F52F3E; } .order-time { font-family: "Microsoft YaHei"; font-size: 24rpx; color: #999; } .ordering-item-content{ display: flex; justify-content: left; align-items: center; border-bottom: 1rpx solid #eee; padding-bottom: 30rpx; }