.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; } } }