logistics.css 1.6 KB

123456789101112131415161718192021
  1. /* pages/logistics/logistics.wxss */
  2. page{background: #fff;padding-bottom: 140rpx;}
  3. .status{padding: 30rpx 35rpx 35rpx;border-bottom: 20rpx solid #f6f6f6;}
  4. .status view{font-size: 30rpx;color: #333;line-height: 40rpx;}
  5. .status text{display: block;font-size: 28rpx;color: #999;line-height: 40rpx;}
  6. .status view text{font-size: 30rpx;color: #FE0419;display: inline-block;}
  7. .wuliu{padding: 0 35rpx;}
  8. .tit{font-size: 30rpx;color: #333;padding: 25rpx 0;border-bottom: 1rpx solid #EEEEEE;}
  9. .pslist{padding: 40rpx 0 0 20rpx;}
  10. .pslist .li{padding-bottom: 65rpx;display: flex;display: -webkit-flex;align-items: center;padding-left: 45rpx;position: relative;}
  11. .pslist .li::before{content: '';display: block;width: 20rpx;height: 20rpx;border-radius: 50%;background: #ddd;position: absolute;top: 12rpx;left: -10rpx;z-index: 2;}
  12. .pslist .li::after{content: '';display: block;width: 2rpx;background: #ddd;position: absolute;top: 10rpx;left: 0;bottom: -12rpx;z-index: 1;}
  13. .pslist .li:last-child::after{display: none;}
  14. .lis{flex: 1;-webkit-flex: 1;margin-right: 20rpx;}
  15. .lis view{font-size: 28rpx;color: #333;}
  16. .lis text{display: block;font-size: 24rpx;color: #999;margin: 10rpx 0 0;}
  17. .pslist .li.ing view{color: #FE0419;}
  18. .pslist .li.ing::before{border: 8rpx solid #ffd3d7;background: #FE0419;left: -17rpx;top: 6rpx;}
  19. .rico1{display: block;width: 18.2rpx;height: 27.3rpx;position: absolute; top: 70rpx;right: 30rpx; }
  20. .confirm{position: fixed;left: 30rpx;bottom: 40rpx;right: 30rpx;height: 80rpx;line-height: 80rpx;text-align: center;font-size: 30rpx;color: #fff;border-radius: 40rpx;background: #FE0419;z-index: 5;}