.boatBox{ width: 100% !important; height: 96rpx; display: flex; justify-content: space-around; background-color: #fff; } .boatBoxf{ width: 100% !important; position: fixed; top: 0; left: 0; } .boatTitle{ font-size: 30rpx; text-align: center; height: 80rpx; line-height: 80rpx; color: #999; } .boatTitleA{ font-size: 32rpx; text-align: center; height: 80rpx; line-height: 80rpx; font-weight: 500; } .boatA{ width: 80rpx; height: 6rpx; background-color: #fb3e5c; margin: 0 auto; border-radius: 10rpx; } .orderListBox{ width: 100%; margin-top: 20rpx; background-color: #fff; } .titleBox{ overflow: hidden; font-size: 30rpx; } .orderName{ float: left; margin: 20rpx; } .payStatus{ float: right; margin: 20rpx; } .stayPay{ float: right; color: #FD832D; margin: 20rpx; } .orderDetail{ overflow: hidden; } .orderImgBox{ float: left; width: 140rpx; height: 140rpx; background-color: #fb3e5c; border-radius: 12rpx; margin-left: 20rpx; } .orderDataBox{ float: left; width: 520rpx; margin-left: 20rpx; font-size: 28rpx; } .fTitle{ height: 46rpx; height: 46rpx; } .face{ height: 46rpx; height: 46rpx; } .face::before{ content: "面额:"; font-size: 26rpx; color: #999; ; } .creationDate{ height: 46rpx; height: 46rpx; } .creationDate::before{ content: "下单时间:"; font-size: 26rpx; color: #999; } .practicalPayBox{ /* height: 60rpx; */ overflow: hidden; line-height: 70rpx; font-size: 28rpx; border-top: #e6e6e6 1rpx solid; margin-top: 10rpx; } .practicalText{ font-size: 26rpx; float: left; margin-left: 20rpx; } .practicalPay{ color: #fb3e5c; float: left; font-size: 28rpx; } .orderLook{ float: right; margin-right: 20rpx; height: 50rpx; color: #fff; line-height: 50rpx; border-radius: 40rpx; background: linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); margin-top: 10rpx; margin-bottom: 10rpx; padding: 0 20rpx; } .goPay{ float: right; margin-right: 20rpx; height: 50rpx; color: #fff; line-height: 50rpx; border-radius: 40rpx; background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); margin-bottom: 10rpx; margin-top: 10rpx; padding: 0 20rpx; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #999; } .loading image { width: 60rpx; height: 60rpx; vertical-align: middle; margin-right: 10rpx; } .dingdan { margin-top: 33rpx; } .dingdan text:nth-of-type(1) { display: block; font-size: 34rpx; color: #333; letter-spacing: 0; text-align: center; } .dingdan text:nth-of-type(2) { display: block; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: center; } .dingdan image { display: block; width: 300rpx; height: 300rpx; margin: 0 auto 16rpx; } .wait{ display: inline-block; width: 123rpx !important; overflow: visible!important; font-size: 28rpx; color: #FD832D; letter-spacing: 0; text-align: right; line-height: 28rpx!important; float: right; margin: 20rpx; } .sucess { display: inline-block; width: 123rpx !important; /* overflow: hidden; */ font-family:PingFangSC-Regular; font-size: 28rpx; font-weight:400; color: #2C8DFF; letter-spacing: 0; text-align: right; line-height: 26px; float: right; margin: 20rpx; } .close { display: inline-block; width: 123rpx !important; overflow: hidden; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: right; line-height: 28rpx; float: right; margin: 20rpx; }