share-order.wxss 2.0 KB

1234567891011121314151617181920212223242526272829
  1. .info { width: 100%; border-top: 1rpx #e3e3e3 solid; }
  2. .width { width: 25%; text-align: center; }
  3. .info-title .active { color: #ff4544; border-bottom: 4rpx #ff4544 solid; }
  4. .info-title .info-text { height: 100%; line-height: 100rpx; }
  5. .info .info-title { height: 100rpx; padding: 0 24rpx; border-bottom: 1rpx #e3e3e3 solid; background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
  6. .info .info-content { width: 100%; padding-top: 100rpx; }
  7. .info .info-content .info-block { width: 100%; background-color: #fff; margin-bottom: 26rpx; padding: 0 24rpx; }
  8. .info-block .info-label { width: 100%; height: 90rpx; border-bottom: 2rpx #e3e3e3 solid; font-size: 9pt; line-height: 90rpx; }
  9. .info-block .info-label .info-left { width: 50%; }
  10. .info-block .info-label .info-right { width: 50%; text-align: right; }
  11. .info-block .info-label .info-status { color: #ff4544; }
  12. .info-left .info-img { width: 30%; }
  13. .info-left .info-img .img { width: 64rpx; height: 64rpx; }
  14. .info-left .info-name { margin-right: 36rpx; overflow: hidden; }
  15. .info-block .height-164 { height: 164rpx; }
  16. .info .info-block .info-label .width-90 { width: 90%; }
  17. .info-left .info-img .img-size-120 { width: 104rpx; height: 104rpx; }
  18. .info-label .info-left .info-count { width: 70%; }
  19. .info-count .info-detail { width: 100%; height: 80rpx; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; }
  20. .info-right .info-money { text-align: right; float: right; }
  21. .red { color: #ff4544; font-size: 9pt; }
  22. .info-block .info-label:last-child { border: none; }
  23. .info .info-footer { color: #bbb; text-align: center; width: 100%; padding: 0 100rpx; height: 60rpx; line-height: 60rpx; }
  24. .info .info-footer .info-t { height: 60rpx; margin: 0 20rpx; }
  25. .info .info-footer .info-before { width: 168rpx; height: 60rpx; }
  26. .info .info-footer .info-after { width: 168rpx; height: 60rpx; }
  27. .info .info-footer .info-border { border-bottom: 1rpx #e3e3e3 solid; padding-bottom: 30rpx; }
  28. .hide { display: none; }
  29. .show { display: block; }