index.rem.css 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366
  1. html {
  2. font-size: 37.5px;
  3. }
  4. .page {
  5. position: relative;
  6. width: 51.2rem;
  7. height: 58.827rem;
  8. overflow: hidden;
  9. }
  10. .group_1 {
  11. width: 51.2rem;
  12. height: 58.827rem;
  13. background: url(./img/968954cc743d95db96ee94dc28e1c484.png) 100% no-repeat;
  14. background-size: 100% 100%;
  15. }
  16. .section_1 {
  17. width: 51.2rem;
  18. height: 56.214rem;
  19. }
  20. .block_3 {
  21. width: 30.934rem;
  22. height: 2.027rem;
  23. margin: 0.56rem 0 0 10.4rem;
  24. }
  25. .image_1 {
  26. width: 4.08rem;
  27. height: 2.027rem;
  28. }
  29. .text-wrapper_1 {
  30. width: 14.24rem;
  31. height: 1.334rem;
  32. background: url(./img/adbefb9e6d55fd4d818c45e33113bd79.png) 100% no-repeat;
  33. background-size: 100% 100%;
  34. margin-top: 0.267rem;
  35. }
  36. .text_1 {
  37. width: 1.254rem;
  38. height: 0.64rem;
  39. overflow-wrap: break-word;
  40. color: rgba(0, 0, 0, 1);
  41. font-size: 0.64rem;
  42. font-family: MicrosoftYaHei;
  43. font-weight: NaN;
  44. text-align: center;
  45. white-space: nowrap;
  46. line-height: 0.64rem;
  47. margin: 0.374rem 0 0 5.094rem;
  48. }
  49. .text_2 {
  50. width: 2.56rem;
  51. height: 0.64rem;
  52. overflow-wrap: break-word;
  53. color: rgba(0, 0, 0, 1);
  54. font-size: 0.64rem;
  55. font-family: MicrosoftYaHei;
  56. font-weight: NaN;
  57. text-align: center;
  58. white-space: nowrap;
  59. line-height: 0.64rem;
  60. margin: 0.374rem 0 0 1.707rem;
  61. }
  62. .text_3 {
  63. width: 2.56rem;
  64. height: 0.667rem;
  65. overflow-wrap: break-word;
  66. color: rgba(0, 0, 0, 1);
  67. font-size: 0.64rem;
  68. font-family: MicrosoftYaHei;
  69. font-weight: NaN;
  70. text-align: center;
  71. white-space: nowrap;
  72. line-height: 0.64rem;
  73. margin: 0.347rem 0 0 1.067rem;
  74. }
  75. .block_2 {
  76. height: 22.934rem;
  77. background: url(./img/4d372d3aac86f3e0f0db2b2a7eae0cb7.png) 100% no-repeat;
  78. background-size: 100% 100%;
  79. margin-top: 0.4rem;
  80. width: 51.2rem;
  81. }
  82. .text-wrapper_2 {
  83. height: 4.507rem;
  84. background: url(./img/e3c68b0de8e4d2956c42c89a4499506a.png) 100% no-repeat;
  85. background-size: 100% 100%;
  86. width: 18.747rem;
  87. margin: 13.654rem 0 0 30.24rem;
  88. }
  89. .text_4 {
  90. width: 7.36rem;
  91. height: 1.227rem;
  92. overflow-wrap: break-word;
  93. color: rgba(49, 85, 197, 1);
  94. font-size: 1.226rem;
  95. font-family: MicrosoftYaHei;
  96. font-weight: NaN;
  97. text-align: center;
  98. white-space: nowrap;
  99. line-height: 1.227rem;
  100. margin: 1.654rem 0 0 5.707rem;
  101. }
  102. .text_5 {
  103. width: 8.64rem;
  104. height: 0.96rem;
  105. overflow-wrap: break-word;
  106. color: rgba(0, 0, 0, 1);
  107. font-size: 0.96rem;
  108. font-family: MicrosoftYaHei-Bold;
  109. font-weight: 700;
  110. text-align: center;
  111. white-space: nowrap;
  112. line-height: 0.96rem;
  113. margin: 1.36rem 0 0 21.28rem;
  114. }
  115. .image-wrapper_3 {
  116. width: 24.907rem;
  117. height: 4rem;
  118. margin: 1.84rem 0 0 12.8rem;
  119. }
  120. .image_2 {
  121. width: 4rem;
  122. height: 4rem;
  123. }
  124. .image_3 {
  125. width: 4rem;
  126. height: 4rem;
  127. margin-left: 6.56rem;
  128. }
  129. .image_4 {
  130. width: 4rem;
  131. height: 4rem;
  132. margin-left: 6.347rem;
  133. }
  134. .list_2 {
  135. width: 27.574rem;
  136. height: 2.054rem;
  137. justify-content: space-between;
  138. margin: 0.96rem 0 0 11.467rem;
  139. }
  140. .text-wrapper_6-0 {
  141. width: 6.827rem;
  142. height: 2.054rem;
  143. margin-right: 3.84rem;
  144. }
  145. .text_6-0 {
  146. width: 3.84rem;
  147. height: 0.48rem;
  148. overflow-wrap: break-word;
  149. color: rgba(0, 0, 0, 1);
  150. font-size: 0.48rem;
  151. font-family: MicrosoftYaHei-Bold;
  152. font-weight: 700;
  153. text-align: center;
  154. white-space: nowrap;
  155. line-height: 0.48rem;
  156. margin-left: 1.494rem;
  157. }
  158. .text_7-0 {
  159. width: 6.827rem;
  160. height: 1.174rem;
  161. overflow-wrap: break-word;
  162. color: rgba(0, 0, 0, 1);
  163. font-size: 0.426rem;
  164. font-family: MicrosoftYaHei;
  165. font-weight: NaN;
  166. text-align: center;
  167. line-height: 0.427rem;
  168. margin-top: 0.4rem;
  169. }
  170. .text-wrapper_6-1 {
  171. width: 6.827rem;
  172. height: 2.054rem;
  173. margin-right: 3.84rem;
  174. }
  175. .text_6-1 {
  176. width: 3.84rem;
  177. height: 0.48rem;
  178. overflow-wrap: break-word;
  179. color: rgba(0, 0, 0, 1);
  180. font-size: 0.48rem;
  181. font-family: MicrosoftYaHei-Bold;
  182. font-weight: 700;
  183. text-align: center;
  184. white-space: nowrap;
  185. line-height: 0.48rem;
  186. margin-left: 1.494rem;
  187. }
  188. .text_7-1 {
  189. width: 6.827rem;
  190. height: 1.174rem;
  191. overflow-wrap: break-word;
  192. color: rgba(0, 0, 0, 1);
  193. font-size: 0.426rem;
  194. font-family: MicrosoftYaHei;
  195. font-weight: NaN;
  196. text-align: center;
  197. line-height: 0.427rem;
  198. margin-top: 0.4rem;
  199. }
  200. .text-wrapper_6-2 {
  201. width: 6.827rem;
  202. height: 2.054rem;
  203. margin-right: 3.84rem;
  204. }
  205. .text_6-2 {
  206. width: 3.84rem;
  207. height: 0.48rem;
  208. overflow-wrap: break-word;
  209. color: rgba(0, 0, 0, 1);
  210. font-size: 0.48rem;
  211. font-family: MicrosoftYaHei-Bold;
  212. font-weight: 700;
  213. text-align: center;
  214. white-space: nowrap;
  215. line-height: 0.48rem;
  216. margin-left: 1.494rem;
  217. }
  218. .text_7-2 {
  219. width: 6.827rem;
  220. height: 1.174rem;
  221. overflow-wrap: break-word;
  222. color: rgba(0, 0, 0, 1);
  223. font-size: 0.426rem;
  224. font-family: MicrosoftYaHei;
  225. font-weight: NaN;
  226. text-align: center;
  227. line-height: 0.427rem;
  228. margin-top: 0.4rem;
  229. }
  230. .text_8 {
  231. width: 12.454rem;
  232. height: 0.934rem;
  233. overflow-wrap: break-word;
  234. color: rgba(0, 0, 0, 1);
  235. font-size: 0.96rem;
  236. font-family: MicrosoftYaHei-Bold;
  237. font-weight: 700;
  238. text-align: center;
  239. white-space: nowrap;
  240. line-height: 0.96rem;
  241. margin: 5.174rem 0 0 19.387rem;
  242. }
  243. .paragraph_1 {
  244. width: 25.814rem;
  245. height: 1.787rem;
  246. overflow-wrap: break-word;
  247. color: rgba(102, 102, 102, 1);
  248. font-size: 0.64rem;
  249. font-family: MicrosoftYaHei;
  250. font-weight: NaN;
  251. text-align: center;
  252. line-height: 0.64rem;
  253. margin: 1.467rem 0 0 12.694rem;
  254. }
  255. .image-wrapper_4 {
  256. width: 29.867rem;
  257. height: 5.867rem;
  258. margin: 2.32rem 0 1.574rem 10.667rem;
  259. }
  260. .image_5 {
  261. width: 9.067rem;
  262. height: 5.867rem;
  263. }
  264. .image_6 {
  265. width: 9.067rem;
  266. height: 5.867rem;
  267. margin-left: 1.334rem;
  268. }
  269. .image_7 {
  270. width: 9.067rem;
  271. height: 5.867rem;
  272. margin-left: 1.334rem;
  273. }
  274. .group_3 {
  275. height: 2.64rem;
  276. background: url(./img/d97f28a59f20114dad3adbeb0dab456f.png) 100% no-repeat;
  277. background-size: 100% 100%;
  278. width: 51.2rem;
  279. justify-content: flex-center;
  280. margin: 56.187rem 0 0 -51.2rem;
  281. }
  282. .text-wrapper_7 {
  283. width: 14.56rem;
  284. height: 0.347rem;
  285. margin: 0.827rem 0 0 18.32rem;
  286. }
  287. .text_9 {
  288. width: 9.974rem;
  289. height: 0.347rem;
  290. overflow-wrap: break-word;
  291. color: rgba(255, 255, 255, 1);
  292. font-size: 0.373rem;
  293. font-family: MicrosoftYaHei;
  294. font-weight: NaN;
  295. text-align: center;
  296. white-space: nowrap;
  297. line-height: 0.427rem;
  298. }
  299. .text_10 {
  300. width: 4.054rem;
  301. height: 0.32rem;
  302. overflow-wrap: break-word;
  303. color: rgba(255, 255, 255, 1);
  304. font-size: 0.373rem;
  305. font-family: MicrosoftYaHei;
  306. font-weight: NaN;
  307. text-align: center;
  308. white-space: nowrap;
  309. line-height: 0.427rem;
  310. }
  311. .text-wrapper_8 {
  312. width: 4.107rem;
  313. height: 0.32rem;
  314. margin: 0.32rem 0 0.827rem 23.547rem;
  315. }
  316. .text_11 {
  317. width: 4.107rem;
  318. height: 0.32rem;
  319. overflow-wrap: break-word;
  320. color: rgba(255, 255, 255, 1);
  321. font-size: 0.373rem;
  322. font-family: MicrosoftYaHei;
  323. font-weight: NaN;
  324. text-align: center;
  325. white-space: nowrap;
  326. line-height: 0.267rem;
  327. }