1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- .swiper-wrap{
- display: flex;
- flex-direction: column;
- height: calc(100vh - var(--window-top));
- width: 100%;
- .swiper-box {
- flex: 1;
- }
- }
- .page-box{
- margin: 25rpx 40rpx;
- .order{
- overflow: hidden;
- margin-bottom: 20rpx;
- background-color: #fff;
- border-radius: 15rpx;
- .order-top{
- margin-bottom: 31rpx;
- padding: 25rpx 40rpx;
- border-bottom: 1px solid #DFDFDF;
- .car{
- font-size: 32rpx;
- font-weight: 600;
- color: #3A3A3A;
- line-height: 45rpx;
- letter-spacing: 1px;
- .invoice-type{
- margin-left: 20rpx;
- padding: 0 8rpx;
- font-size: 18rpx;
- font-weight: 400;
- color: #787878;
- line-height: 25rpx;
- border: 1px solid #979797;
- border-radius: 4px;
- }
- }
- .addr{
- color: #858585;
- font-size: 26rpx;
- line-height: 37rpx;
- }
- .order-top-right{
- padding: 0 15rpx;
- height: 50rpx;
- line-height: 48rpx;
- border-radius: 5rpx;
- border: 1px solid #FA6400;
- color: #FA6400;
- }
- }
- .order-center{
- padding: 0 40rpx 25rpx;
- border-bottom: 1px solid #DFDFDF;
- .order-center-item{
- margin-bottom: 9rpx;
- font-size: 26rpx;
- font-weight: 400;
- color: #595959;
- line-height: 37rpx;
- letter-spacing: 1px;
- .pay-amount{
- color: #FA6400;
- }
- }
- }
- }
- }
|