/* pages/order/payment.wxss */ page { height: 100%; background-color: #F6F6FB; } .codeView{ padding-top: 25rpx; display: flex; height: 60rpx; background-color: white; } .codeView .name{ margin-left: 24rpx; font-size: 28rpx; color: #999999; } .codeView .order{ font-size: 28rpx; color: #333333; } .copyBtn{ margin-left: 16rpx; width: 80rpx; height: 60rpx; font-size: 28rpx; color: #D4282D; } .header { display: flex; height: 150rpx; background-color: white; } .header image{ margin-top: 10rpx; margin-left: 35rpx; width: 48rpx; height: 48rpx; } .header text{ margin-top: 10rpx; margin-left: 10rpx; height: 48rpx; font-weight: bold; line-height: 48rpx; font-size: 32rpx; color: #333333; } .info{ margin-top: 35rpx; /* margin-bottom: 10rpx; */ display: flex; flex-direction: column; align-items: center; justify-content: center; } .info text{ font-size: 28rpx; color: #333333; height: 50rpx; line-height: 50rpx; } .info .price{ font-weight: bold; font-size: 64rpx; color: #D4282D; } .accountCopy{ position: absolute; right: 32rpx; font-size: 24rpx; color: #D4282D; padding: 0rpx 10rpx; height: 50rpx; line-height: 50rpx; border-radius: 8rpx; border: 1rpx solid #D4282D; } .account{ margin-top: 30rpx; margin-left: 32rpx; margin-right: 32rpx; background-color: white; } .titleView{ display: flex; height: 90rpx; line-height: 90rpx; border-bottom: solid 1px #F6F6F6; } .titleView .name{ margin-left: 24rpx; font-size: 28rpx; color: #999999; width: 125rpx; } .titleView .detail{ margin-left: 80rpx; font-size: 28rpx; color: #333333; } .qrcode{ margin-top: 35rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .qrcode text{ font-size: 32rpx; color: #333333; } .qrcode image{ margin-top: 30rpx; width: 320rpx; height: 320rpx; } .serviceView{ padding-top: 25rpx; height: 100rpx; width: 100%; background-color: #F6F6FB; position:relative; } .service{ opacity:0; margin-top: 25rpx; margin-left: 60rpx; position:absolute; height: 70rpx; width: 630rpx; } .serviceView .serviceBtn{ position:absolute; margin-top: 25rpx; margin-left: 60rpx; display: flex; align-items: center; justify-content: center; height: 70rpx; width: 630rpx; text-align: center; line-height: 70rpx; font-size: 28rpx; color: white; background-color: #F53C45; border-radius: 35rpx; }