No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

184 líneas
3.1 KiB

  1. .Box{
  2. min-height: 100vh;
  3. position: relative;
  4. }
  5. .backImg{
  6. width: 100%;
  7. height: 380rpx;
  8. }
  9. .headImg{
  10. position: absolute;
  11. border: 1rpx solid #07E881;
  12. width: 160rpx;
  13. height: 160rpx;
  14. border-radius: 50%;
  15. top: 320rpx;
  16. left: 50rpx;
  17. }
  18. .category{
  19. position: absolute;
  20. top: 410rpx;
  21. left: 260rpx;
  22. padding: 20rpx;
  23. border-radius: 10rpx;
  24. background-color: #222735;
  25. text-align: center;
  26. line-height: 32rpx;
  27. }
  28. .nameBox{
  29. margin-top: 150rpx;
  30. }
  31. .userName{
  32. height: 50rpx;
  33. font-size: 40rpx;
  34. font-family: PingFang SC;
  35. font-weight: 800;
  36. color: #FFFFFF;
  37. text-align:center;
  38. float: left;
  39. margin-left: 20px;
  40. }
  41. .text{
  42. width: 90%;
  43. margin: 20rpx auto;
  44. /* height: 120rpx; */
  45. overflow: hidden;
  46. font-size: 28rpx;
  47. font-family: PingFang SC;
  48. font-weight: 500;
  49. color: #666D80;
  50. line-height: 36rpx;
  51. }
  52. .classifyBox{
  53. height: 100rpx;
  54. background: #121620;
  55. }
  56. .singleBox{
  57. float: left;
  58. margin-left: 40rpx;
  59. }
  60. .multiBox{
  61. float: left;
  62. text-align: center;
  63. }
  64. .singleText{
  65. font-size: 30rpx;
  66. font-family: OPPOSans;
  67. font-weight: 500;
  68. color: #97A1BD;
  69. line-height: 35rpx;
  70. padding: 10px 0;
  71. margin-left: 20rpx;
  72. }
  73. .singleText_a{
  74. font-size: 30rpx;
  75. font-family: OPPOSans;
  76. font-weight: bold;
  77. color: #FFFFFF;
  78. line-height: 35rpx;
  79. padding: 10px 0;
  80. margin-left: 20rpx;
  81. border-bottom: 1rpx solid #07E881;
  82. }
  83. .classBox{
  84. margin: 20rpx;
  85. }
  86. .classImg{
  87. float: left;
  88. width: 300rpx;
  89. height: 200rpx;
  90. border-radius: 12rpx;
  91. }
  92. .textBox{
  93. float: left;
  94. margin-left: 10px;
  95. }
  96. .titile{
  97. width: 350rpx;
  98. height: 40rpx;
  99. line-height: 40rpx;
  100. font-size: 30rpx;
  101. font-family: PingFang SC;
  102. font-weight: 500;
  103. color: #FEFEFE;
  104. margin-bottom: 19rpx;
  105. overflow:hidden;
  106. text-overflow:ellipsis;
  107. display:-webkit-box;
  108. -webkit-box-orient:vertical;
  109. -webkit-line-clamp:1
  110. }
  111. .cont{
  112. width: 360rpx;
  113. height: 30rpx;
  114. line-height: 30rpx;
  115. font-size: 26rpx;
  116. font-family: PingFang SC;
  117. font-weight: 400;
  118. color: #6E768A;
  119. font-weight: 560;
  120. overflow:hidden;
  121. text-overflow:ellipsis;
  122. display:-webkit-box;
  123. -webkit-box-orient:vertical;
  124. -webkit-line-clamp:1;
  125. }
  126. .moreBox{
  127. margin-top: 20rpx;
  128. position: relative;
  129. }
  130. .user{
  131. float: left;
  132. width: 50rpx;
  133. height: 50rpx;
  134. border-radius: 50%;
  135. background-color: beige;
  136. }
  137. .userText{
  138. width: 200rpx;
  139. text-align: center;
  140. height: 50rpx;
  141. line-height: 50rpx;
  142. background: #222735;
  143. border-radius: 50rpx;
  144. font-family: PingFang SC;
  145. font-weight: 500;
  146. font-size: 26rpx;
  147. color: #8790A8;
  148. }
  149. .incomeBox{
  150. margin-top: 10rpx;
  151. }
  152. .money{
  153. float: left;
  154. color: #ff3366;
  155. font-size: 28rpx;
  156. }
  157. .py{
  158. font-size: 24rpx;
  159. float: left;
  160. color: #ff3366;
  161. }
  162. .moodsImg{
  163. float: right;
  164. width: 30rpx;
  165. height: 30rpx;
  166. margin-top: 8rpx;
  167. /* background-color: cornflowerblue; */
  168. }
  169. .moodsText{
  170. float: right;
  171. color: #ffffff;
  172. margin: 0 10rpx;
  173. font-size: 22rpx;
  174. margin-top: 6rpx;
  175. }
  176. .moodsNum{
  177. float: right;
  178. color: #00cc99;
  179. }