index.css 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. .tab{line-height: 100rpx;font-size: 30rpx;color: #999;text-align: center;}
  2. .tab .li{width: 50%;position: relative;}
  3. .tab .li::before{content: '';display: block;width: 2rpx;height: 27rpx;background: #d0cfcf;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
  4. .tab .li:first-child::before{display: none;}
  5. .tab .li.active{color: #222;font-weight: bold;}
  6. .tabcon{overflow: hidden;}
  7. /* .details{padding: 0 30rpx;} */
  8. .det-text{/* padding: 0 30rpx; */word-break: break-all;}
  9. .details .rich-img{width: 100%;}
  10. .details .img{width: 100%;}
  11. .canshu{margin: 0 20rpx 30rpx;border: 2rpx solid #e5e5e5;}
  12. .canshu .li{border-bottom: 2rpx solid #e5e5e5;font-size: 28rpx;color: #666;}
  13. .canshu .li:last-child{border-bottom: none;}
  14. .canshu .li .label{width: 190rpx;padding: 20rpx 25rpx;}
  15. .canshu .li .view{padding: 20rpx 25rpx;border-left: 2rpx solid #e5e5e5;}
  16. .fen{border-bottom: 20rpx solid #f6f6f6;padding: 30rpx 0;}
  17. .zong{font-size: 22rpx;color: #6B6B6B;text-align: center;width: 273rpx;border-right: 2rpx solid #e9e9e9;height: 178rpx;}
  18. .zong .text{display: block;font-size: 80rpx;color: #FF6000;}
  19. .xing{padding: 40rpx 0 0 65rpx;font-size: 24rpx;color: #6B6B6B;}
  20. .ping{align-items: center;line-height: 30rpx;margin-bottom: 35rpx;}
  21. .ping .view{margin-right: 20rpx;}
  22. .ping .image{width: 23rpx;height: 23rpx;margin: 0 3rpx;}
  23. .ping .text{color: #FF6000;margin-left: 20rpx;}
  24. .pltab{flex-wrap: wrap;padding: 30rpx 0 20rpx 30rpx;border-bottom: 2rpx solid #eee;}
  25. .pltab .li{height: 52rpx;line-height: 52rpx;border-radius: 28rpx;border: 2rpx solid #bbb;font-size: 28rpx;color: #333;padding: 0 20rpx;margin-right: 20rpx;}
  26. .pltab .li.active{background: #FE0419;color: #fff;border-color: #FE0419;}
  27. .plcon{padding: 0 30rpx;}
  28. .plcon .li{padding: 30rpx 0 40rpx;border-bottom: 2rpx solid #eee;overflow: hidden;}
  29. .plcon .li:last-child{border-bottom: none;}
  30. .plcon .li .flex{overflow: hidden;}
  31. .pinglun{word-wrap: break-word;}
  32. .plimg{margin-top: 30rpx;}
  33. .plimg image{width: 148rpx;height: 148rpx;margin-right: 30rpx;}
  34. .plimg image:nth-child(3n){margin-right: 0;}
  35. .user{width: 68rpx;height: 68rpx;border-radius: 50%;margin-right: 15rpx;}
  36. .show{display: block;}
  37. .hide{display: none;}