questiondetails.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. /* pages/wenbaxiangqing.wxss */
  2. .title {
  3. font-size: 44rpx;
  4. text-align: center;
  5. line-height: 70rpx;
  6. color: #333;
  7. margin: 30rpx 0;
  8. }
  9. .wenzhangLy {
  10. width: 100%;
  11. display: flex;
  12. justify-content: space-between;
  13. border-bottom: solid 2rpx #e8e8e8;
  14. padding: 0 0 14rpx 0;
  15. }
  16. .txTime {
  17. display: flex;
  18. flex-direction: row;
  19. }
  20. .txTime image {
  21. width: 80rpx;
  22. height: 80rpx;
  23. }
  24. .time {
  25. display: flex;
  26. flex-direction: column;
  27. padding: 10rpx 0 0 8px;
  28. }
  29. .time p {
  30. font-size: 28rpx;
  31. color: #9c9c9c;
  32. }
  33. .time span {
  34. font-size: 24rpx;
  35. color: #c4c4c4;
  36. }
  37. .jf {
  38. color: #07c160;
  39. line-height: 80rpx;
  40. font-size: 24rpx;
  41. }
  42. .icon-jifen {
  43. font-size: 28rpx;
  44. color: #07c160;
  45. margin: 0 0 0 6rpx;
  46. }
  47. .ck {
  48. color: #c4c4c4;
  49. font-size: 28rpx;
  50. }
  51. .icon-pinglun,
  52. .icon-chakan,
  53. .ck .icon-shoucang {
  54. font-size: 28rpx;
  55. margin: 0 6rpx 0 20rpx;
  56. color: #c4c4c4;
  57. line-height: 0;
  58. }
  59. .wenzhangCont {
  60. width: 100%;
  61. font-size: 34rpx;
  62. margin: 30rpx 0;
  63. }
  64. .wenzhangCont image {
  65. width: 100%;
  66. height: 320rpx;
  67. margin: 20rpx auto;
  68. }
  69. .wenzhangCont p {
  70. width: 100%;
  71. }
  72. .wenzhangCont img {
  73. width: 100%;
  74. }
  75. .pinglunTj {
  76. width: 100%;
  77. display: flex;
  78. justify-content: space-between;
  79. margin: 30rpx 0;
  80. }
  81. .pinglunTitle {
  82. font-size: 34rpx;
  83. color: #2e2e2e;
  84. font-weight: 600;
  85. }
  86. .pinglunTitle em {
  87. font-size: 34rpx;
  88. color: #9b9b9b;
  89. font-weight: normal;
  90. margin: 0 0 0 10rpx;
  91. }
  92. .pinglunList {
  93. width: 100%;
  94. padding: 0 0 120rpx 0;
  95. }
  96. .pinglunList li {
  97. margin: 20rpx 0;
  98. border-bottom: solid 2rpx #e8e8e8;
  99. padding: 0 0 20rpx 0;
  100. display: flex;
  101. flex-direction: column;
  102. }
  103. .plListcont {
  104. font-size: 30rpx;
  105. color: #696868;
  106. margin: 20rpx 0;
  107. }
  108. .pinglunList li button {
  109. width: 80%;
  110. border-radius: 10rpx;
  111. background: #07c160;
  112. color: #fff;
  113. font-size: 28rpx;
  114. font-weight: normal;
  115. margin: 16rpx auto;
  116. }
  117. .fabiaoPl {
  118. width: 100%;
  119. display: flex;
  120. justify-content: space-between;
  121. position: fixed;
  122. left: 0;
  123. bottom: 0;
  124. height: 112rpx;
  125. background: #e8e8e8;
  126. box-shadow: 0rpx 0rpx 16rpx #999;
  127. }
  128. .shuRu {
  129. width: 72%;
  130. display: flex;
  131. flex-direction: row;
  132. height: 76rpx;
  133. background: #e0e0e0;
  134. border-radius: 60rpx;
  135. margin: 20rpx 0 0 20rpx;
  136. }
  137. .shuRu input {
  138. line-height: 38px;
  139. height: 76rpx;
  140. font-size: 30rpx;
  141. width: 83%;
  142. }
  143. .icon-bianji {
  144. font-size: 38rpx;
  145. line-height: 76rpx;
  146. margin: 0 10rpx 0 20rpx;
  147. color: #828181;
  148. }
  149. .icon-shoucang {
  150. font-size: 50rpx;
  151. line-height: 112rpx;
  152. color: #828181;
  153. }
  154. .fasong {
  155. width: 58rpx;
  156. height: 58rpx;
  157. border-radius: 50rpx;
  158. background: #07c160;
  159. margin: 26rpx 20rpx 0 10rpx;
  160. text-align: center;
  161. line-height: 58rpx;
  162. }
  163. .icon-fasong {
  164. font-size: 40rpx;
  165. color: #fff;
  166. }