comment.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. .comments{
  2. width: 100%;
  3. height: auto;
  4. padding-left:30rpx;
  5. background: #fff;
  6. margin: 20rpx 0;
  7. }
  8. .comments .h{
  9. position: fixed;
  10. left:0;
  11. top:0;
  12. z-index: 1000;
  13. width: 100%;
  14. display: flex;
  15. background: #fff;
  16. height: 84rpx;
  17. border-bottom: 1px solid rgba(0,0,0,.15);
  18. }
  19. .comments .h .item{
  20. display: inline-block;
  21. height: 84rpx;
  22. width: 50%;
  23. padding: 0 15rpx;
  24. text-align: center;
  25. }
  26. .comments .h .item .txt{
  27. display: inline-block;
  28. height: 84rpx;
  29. padding: 0 20rpx;
  30. line-height: 84rpx;
  31. color: #333;
  32. font-size: 30rpx;
  33. width: 170rpx;
  34. }
  35. .comments .h .item.active .txt{
  36. color: #ab2b2b;
  37. border-bottom: 4rpx solid #ab2b2b;
  38. }
  39. .comments .b{
  40. margin-top: 85rpx;
  41. height: auto;
  42. width: 720rpx;
  43. }
  44. .comments .item{
  45. height: auto;
  46. width: 720rpx;
  47. overflow: hidden;
  48. border-bottom: 1px solid #d9d9d9;
  49. padding-bottom: 25rpx;
  50. }
  51. .comments .info{
  52. height: 127rpx;
  53. width: 100%;
  54. padding: 33rpx 0 27rpx 0;
  55. }
  56. .comments .user{
  57. float: left;
  58. width: auto;
  59. height: 67rpx;
  60. line-height: 67rpx;
  61. font-size: 0;
  62. }
  63. .comments .user image{
  64. float: left;
  65. width: 67rpx;
  66. height: 67rpx;
  67. margin-right: 17rpx;
  68. border-radius: 50%;
  69. }
  70. .comments .user text{
  71. display: inline-block;
  72. width: auto;
  73. height: 66rpx;
  74. overflow: hidden;
  75. font-size: 29rpx;
  76. line-height: 66rpx;
  77. }
  78. .comments .time{
  79. display: block;
  80. float: right;
  81. width: auto;
  82. height: 67rpx;
  83. line-height: 67rpx;
  84. color: #7f7f7f;
  85. font-size: 25rpx;
  86. margin-right: 30rpx;
  87. }
  88. .comments .comment{
  89. width: 720rpx;
  90. padding-right: 30rpx;
  91. line-height: 45.8rpx;
  92. font-size: 29rpx;
  93. margin-bottom: 16rpx;
  94. }
  95. .comments .imgs{
  96. width: 720rpx;
  97. height: 150rpx;
  98. margin-bottom: 25rpx;
  99. }
  100. .comments .imgs .img{
  101. height: 150rpx;
  102. width: 150rpx;
  103. margin-right: 28rpx;
  104. }
  105. .comments .spec{
  106. width: 720rpx;
  107. height: 25rpx;
  108. font-size: 24rpx;
  109. color: #999;
  110. }
  111. .comments .spec .item{
  112. color: #7f7f7f;
  113. font-size: 25rpx;
  114. }
  115. .comments .customer-service{
  116. width: 690rpx;
  117. height: auto;
  118. overflow: hidden;
  119. margin-top: 23rpx;
  120. background: rgba(0,0,0,.03);
  121. padding: 21rpx;
  122. }
  123. .comments .customer-service .u{
  124. font-size: 24rpx;
  125. color: #333;
  126. line-height: 37.5rpx;
  127. }
  128. .comments .customer-service .c{
  129. font-size: 24rpx;
  130. color: #999;
  131. line-height: 37.5rpx;
  132. }