- page{background:#f6f6f6}.box{background:#ffffff;margin:30rpx;padding:30rpx;border-radius:30rpx;position:relative}.box .code{width:100%;text-align:center;margin:30rpx 0}.box .code .code-img{width:300rpx;height:300rpx}.box .order-details{font-size:30rpx;margin-top:20rpx;color:#666666;display:flex}.box .order-details .number{color:black}.box .names{font-size:30rpx}.box .taxi{display:flex;margin:0rpx 0 0 10rpx;position:absolute;bottom:20rpx;right:30rpx}.box .taxi .taxi-box{margin-right:40rpx}.box .taxi .taxi-box .taxi-name{text-align:center}.box .taxi .taxi-box .taxi-phone{text-align:center}.box .taxi .taxi-boxs{margin-right:0rpx}.box .taxi .taxi-boxs .taxi-name{text-align:center}.box .taxi .taxi-boxs .taxi-phone{text-align:center}.box .time{margin-top:20rpx;font-size:26rpx;width:450rpx}.box .order-times{width:90%;background:#FFFFFF;border:1rpx solid #FFE300;border-radius:30rpx;margin:20rpx 5% 0rpx 5%;display:flex;justify-content:space-between;padding:10rpx 30rpx}.box .order-times .order-date{display:flex}.box .order-times .order-date .date{margin-right:20rpx}.box .order-times .price{color:red}.box .order-number{display:flex;justify-content:space-between}.box .order-number .number{font-size:30rpx}.box .order-number .state{font-size:30rpx}.box .order-txt{display:flex;margin:20rpx 0rpx 0 0}.box .order-txt .order-image{width:240rpx;height:180rpx;margin-right:20rpx}.box .order-txt .order-name{margin-top:5rpx}.box .order-txt .order-name .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.box .order-txt .order-name .order-price{color:red;margin-top:20rpx}.box .order-txt .order-name .order-time{margin-top:20rpx}.box .order-order{display:flex;justify-content:flex-end;margin-top:20rpx}.box .order-order .bu{border:1rpx solid #BBBBBB !important;border-radius:24rpx !important;font-size:30rpx !important;padding:0rpx 20rpx !important;margin-right:20rpx !important;background:#ffffff !important}.box .order-order .service{border:1rpx solid #BBBBBB;border-radius:24rpx;font-size:30rpx;padding:20rpx 20rpx;margin-right:20rpx}.box .order-order .pay{border-radius:24rpx;font-size:30rpx;padding:20rpx 0;width:180rpx;text-align:center;background:#46a9a4}.bommon{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;padding:10rpx 30rpx;background:#ffffff}.bommon .bommon-price{color:red;margin:auto 30rpx}.bommon .bommon-pay{background:#fee104;border-radius:30rpx;font-size:32rpx;padding:20rpx 50rpx}
|
