You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

263 lines
4.5 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. overflow:hidden;
  149. text-overflow:ellipsis;
  150. display:-webkit-box;
  151. -webkit-box-orient:vertical;
  152. -webkit-line-clamp:1
  153. }
  154. .incomeBox{
  155. margin-top: 10rpx;
  156. }
  157. .money{
  158. float: left;
  159. color: #ff3366;
  160. font-size: 28rpx;
  161. }
  162. .py{
  163. font-size: 24rpx;
  164. float: left;
  165. color: #ff3366;
  166. }
  167. .moodsImg{
  168. float: right;
  169. width: 30rpx;
  170. height: 30rpx;
  171. margin-top: 8rpx;
  172. /* background-color: cornflowerblue; */
  173. }
  174. .moodsText{
  175. float: right;
  176. color: #ffffff;
  177. margin: 0 10rpx;
  178. font-size: 22rpx;
  179. margin-top: 6rpx;
  180. }
  181. .moodsNum{
  182. float: right;
  183. color: #00cc99;
  184. }
  185. .add{
  186. width: 140rpx;
  187. height: 140rpx;
  188. position: fixed;
  189. right: 0;
  190. bottom: 274rpx;
  191. z-index: 10000;
  192. }
  193. .addBox{
  194. padding: 0 40rpx;
  195. height: 100rpx;
  196. background: linear-gradient(0deg, #2A3042, #464D61);
  197. background-color: #2A3042;
  198. box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.93);
  199. border-radius: 49rpx;
  200. position: fixed;
  201. left: 5%;
  202. bottom: 300rpx;
  203. }
  204. .goruzu{
  205. float: left;
  206. }
  207. .video{
  208. width: 70rpx;
  209. height: 70rpx;
  210. float: left;
  211. margin-left: 40rpx;
  212. margin-top: 15rpx;
  213. }
  214. .checkImg{
  215. width: 70rpx;
  216. height: 70rpx;
  217. float: left;
  218. margin-left: 80rpx;
  219. margin-top: 10rpx;
  220. }
  221. .issue{
  222. float: left;
  223. font-size: 30rpx;
  224. font-family: OPPOSans;
  225. font-weight: bold;
  226. color: #FFFFFF;
  227. line-height: 100rpx;
  228. margin-left: 10rpx;
  229. }
  230. .xian{
  231. height: 70rpx;
  232. width: 2rpx;
  233. background-color: rgba(255, 255, 255, 0.3);
  234. border-radius: 1px;
  235. float: left;
  236. margin-left: 80rpx;
  237. margin-top: 15rpx;
  238. }
  239. button::after {
  240. border: none;
  241. }
  242. button {
  243. background-color: transparent;
  244. padding-left: 0;
  245. padding-right: 0;
  246. line-height:inherit;
  247. }
  248. button {
  249. border-radius:0;
  250. }