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.

146 líneas
2.5 KiB

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