C端小程序
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
3.8 KiB

  1. .scroll-header {
  2. display: flex;
  3. white-space: nowrap;
  4. }
  5. .scroll-view-item:first-child {
  6. margin-left: 20rpx !important;
  7. }
  8. .thin_circle {
  9. position: relative;
  10. height: 140rpx;
  11. width: 140rpx;
  12. border: 1px solid #f69948;
  13. display: inline-block;
  14. border-radius: 50%;
  15. margin-right: 46rpx;
  16. }
  17. .thin_circle1 {
  18. border: 1px solid #4e9efe;
  19. }
  20. .page {
  21. height: auto;
  22. font-weight: 400;
  23. }
  24. .scroll {
  25. padding: 0 30rpx 20rpx 30rpx;
  26. margin-top: 22rpx;
  27. }
  28. .title {
  29. border-top: 20rpx solid #fafafa;
  30. font-size: 34rpx;
  31. font-weight: bold;
  32. color: rgba(85, 85, 85, 1);
  33. padding: 30rpx 0 10rpx;
  34. line-height: 34rpx;
  35. text-indent: 1em;
  36. }
  37. .img {
  38. width: 320rpx;
  39. display: block;
  40. margin: 160rpx auto 0;
  41. }
  42. .txt {
  43. display: block;
  44. text-align: center;
  45. font-size: 30rpx;
  46. color: #ccc;
  47. }
  48. .scroll-view-item {
  49. position: relative;
  50. text-align: center;
  51. display: inline-block;
  52. padding-left: 3rpx;
  53. margin-right: 30rpx;
  54. }
  55. .scroll-view-item1,
  56. .scroll-view-item2 {
  57. margin-right: 0;
  58. }
  59. .scroll-view-item:nth-of-type(1) {
  60. margin-right: 0;
  61. }
  62. .view text {
  63. font-size: 23rpx;
  64. display: block;
  65. text-align: center;
  66. color: #fd9643;
  67. line-height: 32rpx;
  68. width: 80rpx;
  69. margin: 0 auto;
  70. white-space: normal;
  71. }
  72. .viewX text {
  73. font-size: 20rpx;
  74. display: block;
  75. text-align: center;
  76. color: #fd9643;
  77. line-height: 32rpx;
  78. width: 80rpx;
  79. margin: 0 auto;
  80. white-space: normal;
  81. }
  82. .view1 text {
  83. color: #4e9efe;
  84. }
  85. .scroll-view-item>text {
  86. display: block;
  87. width: 132rpx;
  88. font-size: 21rpx;
  89. font-weight: 400;
  90. color: rgba(253, 150, 67, 1);
  91. line-height: 29rpx;
  92. }
  93. .scroll-view-item1>text {
  94. color: #4e9efe;
  95. }
  96. .view {
  97. position: absolute;
  98. display: flex;
  99. justify-content: center;
  100. flex-direction: column;
  101. top: 0;
  102. left: 0;
  103. right: 0;
  104. bottom: 0;
  105. margin: auto;
  106. width: 120rpx !important;
  107. height: 120rpx !important;
  108. border: 3px solid #f69948;
  109. border-radius: 50%;
  110. }
  111. .viewX {
  112. position: absolute;
  113. display: flex;
  114. justify-content: center;
  115. flex-direction: column;
  116. top: 0;
  117. left: 0;
  118. right: 0;
  119. bottom: 0;
  120. margin: auto;
  121. width: 120rpx !important;
  122. height: 120rpx !important;
  123. border: 3px solid #f69948;
  124. border-radius: 50%;
  125. }
  126. .view1 {
  127. border: 3px solid #4e9efe;
  128. }
  129. .last {
  130. margin-right: 0;
  131. }
  132. .quanyi {
  133. margin-top: 20rpx;
  134. }
  135. .fl {
  136. float: left;
  137. }
  138. .fr {
  139. float: right;
  140. }
  141. .clearfix:after {
  142. content: ".";
  143. display: block;
  144. height: 0;
  145. clear: both;
  146. visibility: hidden;
  147. }
  148. .grade {
  149. width: 30rpx !important;
  150. }
  151. .quanyi>view .titles {
  152. display: inline-block;
  153. font-size: 30rpx;
  154. font-family: PingFang-SC-Bold;
  155. font-weight: bold;
  156. line-height: 30rpx;
  157. padding: 0 0 0 10rpx;
  158. }
  159. .quanyi>view:nth-of-type(1) .titles {
  160. color: #fd9643;
  161. }
  162. .quanyi>view:nth-of-type(2) .titles {
  163. color: #ffba00;
  164. }
  165. .quanyi>view:nth-of-type(3) .titles {
  166. color: #6cb043;
  167. }
  168. .quanyi>view:nth-of-type(4) .titles {
  169. color: #2ac19c;
  170. }
  171. .quanyi>view:nth-of-type(5) .titles {
  172. color: #2ac19c;
  173. }
  174. .part {
  175. padding: 0 34rpx;
  176. margin-top: 20rpx;
  177. }
  178. .des {
  179. padding-left: 25rpx;
  180. font-size: 26rpx;
  181. font-weight: 400;
  182. color: rgba(153, 153, 153, 1);
  183. line-height: 40rpx;
  184. margin-left: 12rpx;
  185. padding-top: 10rpx;
  186. padding-bottom: 10rpx;
  187. margin-top: 10rpx;
  188. }
  189. .quanyi>view:nth-of-type(1) .des {
  190. border-left: 6rpx dotted #fd9643;
  191. }
  192. .quanyi>view:nth-of-type(2) .des {
  193. border-left: 6rpx dotted #ffba00;
  194. }
  195. .quanyi>view:nth-of-type(3) .des {
  196. border-left: 6rpx dotted #6cb043;
  197. }
  198. .quanyi>view:nth-of-type(4) .des {
  199. border-left: 6rpx dotted #2ac19c;
  200. }
  201. .quanyi>view:nth-of-type(5) .des {
  202. border-left: 6rpx dotted #2ac19c;
  203. }
  204. .titles text:nth-of-type(1) {
  205. float: left;
  206. }
  207. .titles text:nth-of-type(2) {
  208. float: left;
  209. font-weight: 400;
  210. color: #999;
  211. font-size: 26rpx;
  212. margin-left: 10rpx;
  213. }
  214. .growthbg {
  215. margin: 80rpx auto 30rpx;
  216. width: 700rpx;
  217. }
  218. .growthbg image {
  219. display: block;
  220. width: 100%;
  221. }