.car-info{ margin-top: 20rpx; padding: 40rpx; .car-info-img{ width: 220rpx; height: 287rpx;; padding: 14rpx; margin-right: 35rpx; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 0px 8rpx 3rpx rgba(166, 166, 166, 0.29); border-radius: 10rpx; } .car-info-text{ .text-item{ padding-bottom: 10rpx; margin-bottom: 10rpx; border-bottom: 1px solid #EAEAEA; font-size: 30rpx; font-weight: 400; color: #8A8A8A; line-height: 42rpx; letter-spacing: 1px; .car{ font-size: 40rpx; font-weight: 500; color: #3D3D3D; line-height: 56rpx; } .balance{ font-size: 32rpx; font-weight: 500; color: #FA6400; line-height: 45rpx; } .recharge{ padding: 0 22rpx; height: 36rpx; line-height: 36rpx; background: #3397FA; color: #fff; border-radius: 5rpx; font-size: 18rpx; } } } } .parking-info{ border-top: 20rpx solid #F4F4F4; // background: #EDF6FF; border-radius: 10rpx; padding: 40rpx; .parking-info-item{ padding: 22rpx 0 18rpx; border-bottom: 1px solid #EAEAEA; margin-bottom: 9rpx; font-size: 36rpx; font-weight: 400; color: #818181; line-height: 50rpx; letter-spacing: 1px; } } .bottom-btn-box{ bottom: 60rpx; } .popup{ /deep/ .uni-scroll-view-content{ padding: 39rpx 34rpx 77rpx; box-sizing: border-box; } .popup-title{ font-size: 46rpx; color: #404040; line-height: 65rpx; text-align: center; border-bottom: 1px solid #D5D5D5; padding-bottom: 23rpx; margin-bottom: 33rpx; } } .orderDetails{ dl{ display: flex; font-size: 36rpx; line-height: 60rpx; padding-left: 30rpx; padding-right: 30rpx; color: #5F5F5F; } .tip{ margin: 49rpx 30rpx 47rpx; font-size: 36rpx; font-weight: 400; color: #5F5F5F; line-height: 51rpx; } .details-footer-btn{ flex: 1; height: 85rpx; line-height: 85rpx; text-align: center; font-size: 30rpx; font-weight: 500; color: #fff; border-radius: 10rpx; background-color: #EBF1FF; color: #3698FA; border-radius: 10rpx; &--blue{ background-color: #3397FA; color: #fff; } &--yellow{ background-color: #FF9A57; color: #fff; } } .details-footer-btn + .details-footer-btn{ margin-left: 15rpx; } } .payway-popup{ .payway-item{ text-align: center; font-size: 30rpx; font-weight: 400; color: #5F5F5F; line-height: 51rpx; // .icon-wrap{ // width: 143rpx; // height: 143rpx; // line-height: 143rpx; // border-radius: 50%; // border: 18rpx solid; // margin-bottom: 9rpx; // } } .payway-popup-btn{ margin-top: 42rpx; height: 85rpx; line-height: 85rpx; background: #3397FA; box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03); text-align: center; border-radius: 10rpx; font-size: 30rpx; font-weight: 500; color: #FFFFFF; } } .qrcode-popup{ text-align: center; .qrcode-popup-btn{ margin-top: 42rpx; height: 85rpx; line-height: 85rpx; background: #3397FA; box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03); text-align: center; border-radius: 10rpx; font-size: 30rpx; font-weight: 500; color: #FFFFFF; } }