jfDetail.acss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .main{
  2. background: #fff;
  3. }
  4. .item{
  5. padding: 16rpx 0;
  6. }
  7. .item .flex-2{
  8. padding-left: 28rpx;
  9. }
  10. .users{
  11. margin-left: 20rpx;
  12. }
  13. .num{
  14. font-size: 24rpx;
  15. color: #909399;
  16. }
  17. .index{
  18. width: 90rpx;
  19. text-align: center;
  20. }
  21. .index image{
  22. width: 40rpx;
  23. height: 40rpx;
  24. }
  25. .name2{
  26. margin-left: 20rpx;
  27. }
  28. .main{
  29. background: #fff;
  30. }
  31. .li{
  32. padding: 24rpx 32rpx;
  33. }
  34. .main-right{
  35. margin-left: 10rpx;
  36. }
  37. .main-right .name{
  38. padding-top:12rpx;
  39. font-size: 36rpx;
  40. }
  41. .main-right .context{
  42. overflow : hidden;
  43. text-overflow: ellipsis;
  44. display: -webkit-box;
  45. -webkit-line-clamp: 2;
  46. -webkit-box-orient: vertical;
  47. padding-top: 10rpx;
  48. margin-bottom: 10rpx;
  49. }
  50. .main-right .date{
  51. color: #909399;
  52. }
  53. .item{
  54. padding: 10rpx 0;
  55. }
  56. .item .flex-2{
  57. padding-left: 28rpx;
  58. }
  59. .users{
  60. margin-left: 20rpx;
  61. }
  62. .num{
  63. font-size: 28rpx;
  64. color: #909399;
  65. }
  66. .index{
  67. width: 90rpx;
  68. text-align: center;
  69. }
  70. .index image{
  71. width: 40rpx;
  72. height: 40rpx;
  73. }
  74. .scroll {
  75. height: calc(100vh - 196rpx);
  76. }
  77. .search {
  78. background-color: #f1f1f1;
  79. border-radius: 0.1rem;
  80. width: 90%;
  81. margin: 0 auto;
  82. padding: 0.06rem 0.1rem;
  83. }
  84. .header{
  85. background-color: #fff;
  86. }