.order-info{ margin-top: 50rpx; margin-bottom: 75rpx; .order-info-top{ position: relative; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; color: #fff; padding: 35rpx 40rpx; background: linear-gradient(135deg, #00BFFF 0%, #008DFF 100%); .addr{ margin-bottom: 16rpx; .addr-text{ margin-left: 17rpx; font-size: 24rpx; font-weight: 400; } } .car{ .car-no{ font-size: 40rpx; font-weight: 500; color: #FFFFFF; letter-spacing: 1px; line-height: 56rpx; margin-right: 13rpx; } .car-type{ font-size: 24rpx; } } .time{ font-size: 22rpx; font-weight: 400; color: #CDECFF; line-height: 30rpx; margin-bottom: 3rpx; } .duration{ margin-top: 17rpx; font-size: 30rpx; font-weight: 400; color: #FFFFFF; line-height: 42rpx; letter-spacing: 1px; } .total-amount{ position: absolute; right: 40rpx; bottom: 25rpx; font-size: 60rpx; font-weight: 500; color: #FFFFFF; letter-spacing: 2rpx; } } .order-info-bottom{ padding-top: 44rpx; padding-bottom: 56rpx; background: #FFFFFF; border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; box-shadow: 0px 6rpx 14rpx 0px rgba(200, 200, 200, 0.5); .u-cell{padding-left: 40rpx;padding-right: 40rpx;} /deep/ .u-iconfont{color: #D8D8D8;} .pay-amount{ border-top: 1px solid #CACACA; padding-top: 33rpx; padding: 33rpx 40rpx 9rpx; color: #FF751D; .title{ font-size: 30rpx; font-weight: 600; color: #FF751D; line-height: 42rpx; letter-spacing: 1px; } .amount{ font-size: 36rpx; font-weight: 600; color: #FF8233; line-height: 33rpx; letter-spacing: 1px; .rmb{ font-size: 24rpx; margin-right: 5rpx; } } } .tip{ font-size: 22rpx; font-weight: 400; color: #999999; line-height: 30rpx; padding: 0 40rpx; } } }