logistics.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233
  1. .header{width:100%;height:200rpx;padding:0 20rpx;background-color:#ffffff;}
  2. .header image{width:139rpx;height:139rpx;margin:30rpx 18rpx 30rpx 0;}
  3. .header-text{margin-top:30rpx;}
  4. .header-flag{font-size:32rpx;color:#333333;}
  5. .header-flag .flag{color:#31A122;margin-left:21rpx;}
  6. .header .express{margin:16rpx 0;font-size:26rpx;color:#999999;}
  7. .header-number{font-size:26rpx;color:#999999;}
  8. .log-ul{background-color:#ffffff;padding:40rpx 40rpx 0 40rpx;margin-top:20rpx;}
  9. .log-li{position:relative;font-size:25.8rpx;color:#999999;}
  10. .log-yuan{width:21rpx;height:21rpx;border-radius:50%;position:absolute;top:-1rpx;left:-9rpx;background-color:#DDDDDD;}
  11. .log-info{border-left:1rpx solid #DDDDDD;padding:0 0 70rpx 47rpx;}
  12. .log-time{font-size:21.11rpx;margin-top:14rpx;}
  13. .active{background-color:#31A122;}
  14. .active-text{color:#31A122;}
  15. .active-text2{color:#454545;}
  16. .active-line{border-left-color:#31A122;}
  17. .log-title{text-align:center;height:130rpx;width:100%;line-height:130rpx;}
  18. .log-title .title-line{width:200rpx;height:4rpx;background-color:#999999;}
  19. .log-title text{display:inline-block;vertical-align:middle;}
  20. .log-title .title-text{margin:0 15rpx;font-size:30rpx;color:#666666;}
  21. .log-title .title-pic{font-size:35rpx!important;margin-right:12rpx;}
  22. .log-like{padding:0 10rpx;justify-content:space-between;flex-wrap:wrap;}
  23. .log-like .like-list{height:512rpx;width:360rpx;margin-bottom:10rpx;background-color:#FFFFFF;}
  24. .log-like .list-images{width:360rpx;height:360rpx;}
  25. .list-text{width:335rpx;padding:14rpx 10rpx 10rpx 10rpx;font-size:30rpx;color:#333333;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
  26. .list-money{padding:0 10rpx;justify-content:space-between;}
  27. .list-num{font-size:22rpx;color:#ABABAB;}
  28. .money-red{color:#FF3D3D;font-size:22rpx;margin-top:10rpx;}
  29. .money-num{font-size:30rpx;display:inline-block;vertical-align:middle;}
  30. .list-f{display:inline-block;vertical-align:middle;}
  31. .list-tip{width:30rpx;height:30rpx;line-height:30rpx;text-align:center;background-color:#FF3D3D;color:#ffffff;display:inline-block;margin-left:10rpx;border-radius:5rpx;font-size:18rpx;vertical-align:middle;}
  32. .list-gwc{width:57rpx;height:57rpx;border-radius:50%;border:2rpx solid #F07864;font-size:32rpx;color:#D81E06;text-align:center;line-height:57rpx;margin-top:13rpx;}