index.rem.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576
  1. html {
  2. font-size: 37.5px;
  3. }
  4. .page {
  5. position: relative;
  6. width: 21.334rem;
  7. height: 91.547rem;
  8. overflow: hidden;
  9. }
  10. .block_1 {
  11. position: relative;
  12. width: 21.334rem;
  13. height: 91.547rem;
  14. background: url(/static/index/psibmqgqu78eqew0vmnvhrqn79bjk5gyo9474deb7-7335-45af-97e5-b9c53ffb7b6d.png)
  15. 100% no-repeat;
  16. background-size: 100% 100%;
  17. }
  18. .image_1 {
  19. width: 21.334rem;
  20. height: 24.214rem;
  21. }
  22. .group_1 {
  23. width: 21.334rem;
  24. height: 50.507rem;
  25. }
  26. .block_2 {
  27. width: 17.6rem;
  28. height: 4.56rem;
  29. margin: 1.494rem 0 0 1.254rem;
  30. }
  31. .image-text_1 {
  32. width: 3.894rem;
  33. height: 4.56rem;
  34. }
  35. .image_2 {
  36. width: 1.334rem;
  37. height: 1.28rem;
  38. }
  39. .text-group_1 {
  40. width: 3.867rem;
  41. height: 2.72rem;
  42. margin: 0.56rem 0 0 0.027rem;
  43. }
  44. .paragraph_1 {
  45. width: 3.84rem;
  46. height: 1.414rem;
  47. overflow-wrap: break-word;
  48. color: rgba(153, 153, 153, 1);
  49. font-size: 0.666rem;
  50. font-family: DengXian;
  51. font-weight: NaN;
  52. text-align: left;
  53. line-height: 0.88rem;
  54. margin-left: 0.027rem;
  55. }
  56. .text_1 {
  57. width: 1.36rem;
  58. height: 0.667rem;
  59. overflow-wrap: break-word;
  60. color: #98a737;
  61. font-size: 0.666rem;
  62. font-family: SimHei;
  63. font-weight: NaN;
  64. text-align: left;
  65. white-space: nowrap;
  66. line-height: 0.88rem;
  67. margin-top: 0.64rem;
  68. }
  69. .image-text_2 {
  70. width: 3.68rem;
  71. height: 4.374rem;
  72. margin: 0.16rem 0 0 3.414rem;
  73. }
  74. .image_3 {
  75. width: 1.387rem;
  76. height: 1.174rem;
  77. }
  78. .text-group_2 {
  79. width: 3.627rem;
  80. height: 2.667rem;
  81. margin: 0.534rem 0 0 0.054rem;
  82. }
  83. .paragraph_2 {
  84. width: 3.627rem;
  85. height: 1.387rem;
  86. overflow-wrap: break-word;
  87. color: rgba(153, 153, 153, 1);
  88. font-size: 0.666rem;
  89. font-family: DengXian;
  90. font-weight: NaN;
  91. text-align: left;
  92. line-height: 0.88rem;
  93. }
  94. .text_2 {
  95. width: 2.4rem;
  96. height: 0.64rem;
  97. overflow-wrap: break-word;
  98. color: #98a737;
  99. font-size: 0.666rem;
  100. font-family: SimHei;
  101. font-weight: NaN;
  102. text-align: left;
  103. white-space: nowrap;
  104. line-height: 0.88rem;
  105. margin-top: 0.64rem;
  106. }
  107. .image-text_3 {
  108. width: 3.414rem;
  109. height: 4.454rem;
  110. margin: 0.107rem 0 0 3.2rem;
  111. }
  112. .image_4 {
  113. width: 1.44rem;
  114. height: 1.174rem;
  115. margin-left: 0.027rem;
  116. }
  117. .text-group_3 {
  118. width: 3.414rem;
  119. height: 2.72rem;
  120. margin-top: 0.56rem;
  121. }
  122. .paragraph_3 {
  123. width: 3.414rem;
  124. height: 1.414rem;
  125. overflow-wrap: break-word;
  126. color: rgba(153, 153, 153, 1);
  127. font-size: 0.666rem;
  128. font-family: DengXian;
  129. font-weight: NaN;
  130. text-align: left;
  131. line-height: 0.88rem;
  132. }
  133. .text_3 {
  134. width: 1.334rem;
  135. height: 0.667rem;
  136. overflow-wrap: break-word;
  137. color: #98a737;
  138. font-size: 0.666rem;
  139. font-family: SimHei;
  140. font-weight: NaN;
  141. text-align: left;
  142. white-space: nowrap;
  143. line-height: 0.88rem;
  144. margin: 0.64rem 0 0 0.16rem;
  145. }
  146. .block_3 {
  147. height: 8.267rem;
  148. background: url(/static/index/pse94fya9urn7y9gqlx056k9nq4epj9udik2b10930e-9375-41ef-931a-95a338e358af.png)
  149. 100% no-repeat;
  150. background-size: 100% 100%;
  151. margin-top: 1.307rem;
  152. width: 21.28rem;
  153. position: relative;
  154. }
  155. .text_4 {
  156. width: 18.907rem;
  157. height: 5.307rem;
  158. overflow-wrap: break-word;
  159. color: rgba(215, 213, 214, 1);
  160. font-size: 7.253rem;
  161. font-family: ArialMT;
  162. font-weight: NaN;
  163. text-align: left;
  164. white-space: nowrap;
  165. line-height: 7.254rem;
  166. margin: 0.934rem 0 0 0.294rem;
  167. }
  168. .image_5 {
  169. position: absolute;
  170. left: 6.507rem;
  171. top: -7.386rem;
  172. width: 0.054rem;
  173. height: 7.814rem;
  174. }
  175. .image_6 {
  176. position: absolute;
  177. left: 13.627rem;
  178. top: -7.386rem;
  179. width: 0.054rem;
  180. height: 7.814rem;
  181. }
  182. .text-wrapper_1 {
  183. width: 18.72rem;
  184. height: 2.427rem;
  185. margin: 18.4rem 0 0 1.147rem;
  186. }
  187. .paragraph_4 {
  188. width: 6.56rem;
  189. height: 2.427rem;
  190. overflow-wrap: break-word;
  191. color: #98a737;
  192. font-size: 1.333rem;
  193. font-family: MicrosoftYaHei;
  194. font-weight: NaN;
  195. text-align: left;
  196. white-space: nowrap;
  197. line-height: 1.334rem;
  198. }
  199. .text_5 {
  200. width: 5.334rem;
  201. height: 1.254rem;
  202. overflow-wrap: break-word;
  203. color: #98a737;
  204. font-size: 1.333rem;
  205. font-family: SimHei;
  206. font-weight: NaN;
  207. text-align: left;
  208. white-space: nowrap;
  209. line-height: 1.334rem;
  210. margin-top: 0.694rem;
  211. }
  212. .list_1 {
  213. width: 19.04rem;
  214. height: 11.654rem;
  215. margin: 1.307rem 0 1.094rem 1.227rem;
  216. }
  217. .list-items_1 {
  218. width: 19.147rem;
  219. height: 5.414rem;
  220. background-size: 19.254rem 5.52rem;
  221. margin: 0 0 0.934rem -0.054rem;
  222. }
  223. .image_7 {
  224. width: 7.76rem;
  225. height: 5.307rem;
  226. margin: 0.054rem 0 0 0.027rem;
  227. }
  228. .group_2 {
  229. width: 9.227rem;
  230. height: 4.16rem;
  231. margin: 0.88rem 0.907rem 0 1.227rem;
  232. }
  233. .text-group_4 {
  234. width: 9.227rem;
  235. height: 2.214rem;
  236. }
  237. .text_6 {
  238. width: 4.32rem;
  239. height: 1.04rem;
  240. overflow-wrap: break-word;
  241. color: #98a737;
  242. font-size: 1.066rem;
  243. font-family: SimHei;
  244. font-weight: NaN;
  245. text-align: left;
  246. white-space: nowrap;
  247. line-height: 1.334rem;
  248. }
  249. .text_7 {
  250. width: 9.2rem;
  251. height: 0.774rem;
  252. overflow-wrap: break-word;
  253. color: rgba(146, 146, 146, 1);
  254. font-size: 0.8rem;
  255. font-family: SimHei;
  256. font-weight: NaN;
  257. text-align: left;
  258. white-space: nowrap;
  259. line-height: 1.334rem;
  260. margin: 0.4rem 0 0 0.027rem;
  261. }
  262. .text-wrapper_2 {
  263. height: 1.28rem;
  264. background-size: 100% 100%;
  265. width: 3.467rem;
  266. margin: 0.667rem 0 0 5.307rem;
  267. }
  268. .text_8 {
  269. width: 1.6rem;
  270. height: 0.747rem;
  271. overflow-wrap: break-word;
  272. color: rgba(255, 255, 255, 1);
  273. font-size: 0.8rem;
  274. font-family: SimHei;
  275. font-weight: NaN;
  276. text-align: left;
  277. white-space: nowrap;
  278. line-height: 1.334rem;
  279. margin: 0.24rem 0 0 0.987rem;
  280. }
  281. .image-wrapper_1 {
  282. height: 12rem;
  283. background: url(/static/index/ps6dmw2elo3lgsf6t61yv76djhwxzw1raaba51bf9e-da2b-4c8e-9418-143639f4ad4c.png)
  284. 100% no-repeat;
  285. background-size: 100% 100%;
  286. margin-top: -0.026rem;
  287. width: 21.334rem;
  288. }
  289. .image_8 {
  290. width: 21.334rem;
  291. height: 12rem;
  292. }
  293. .group_3 {
  294. width: 21.334rem;
  295. height: 4.88rem;
  296. margin-bottom: 0.027rem;
  297. }
  298. .group_4 {
  299. width: 17.574rem;
  300. height: 2.987rem;
  301. margin: 1.04rem 0 0 1.44rem;
  302. }
  303. .group_5 {
  304. width: 1.574rem;
  305. height: 2.854rem;
  306. margin-top: 0.08rem;
  307. }
  308. .image_9 {
  309. width: 1.574rem;
  310. height: 1.574rem;
  311. }
  312. .text_9 {
  313. width: 1.36rem;
  314. height: 0.694rem;
  315. overflow-wrap: break-word;
  316. color: rgba(102, 102, 102, 1);
  317. font-size: 0.666rem;
  318. font-family: MicrosoftYaHei;
  319. font-weight: NaN;
  320. text-align: left;
  321. white-space: nowrap;
  322. line-height: 0.667rem;
  323. margin: 0.587rem 0 0 0.214rem;
  324. }
  325. .group_6 {
  326. width: 1.627rem;
  327. height: 2.907rem;
  328. margin: 0.08rem 0 0 3.734rem;
  329. }
  330. .image_10 {
  331. width: 1.547rem;
  332. height: 1.547rem;
  333. }
  334. .text_10 {
  335. width: 1.6rem;
  336. height: 0.774rem;
  337. overflow-wrap: break-word;
  338. color: rgba(102, 102, 102, 1);
  339. font-size: 0.773rem;
  340. font-family: MicrosoftYaHei;
  341. font-weight: NaN;
  342. text-align: left;
  343. white-space: nowrap;
  344. line-height: 0.774rem;
  345. margin: 0.587rem 0 0 0.027rem;
  346. }
  347. .image-text_4 {
  348. width: 1.6rem;
  349. height: 2.907rem;
  350. margin: 0.08rem 0 0 3.68rem;
  351. }
  352. .image_11 {
  353. width: 1.547rem;
  354. height: 1.547rem;
  355. }
  356. .text-group_5 {
  357. width: 1.547rem;
  358. height: 0.8rem;
  359. overflow-wrap: break-word;
  360. color: rgba(102, 102, 102, 1);
  361. font-size: 0.773rem;
  362. font-family: MicrosoftYaHei;
  363. font-weight: NaN;
  364. text-align: left;
  365. white-space: nowrap;
  366. line-height: 0.774rem;
  367. margin: 0.56rem 0 0 0.054rem;
  368. }
  369. .image-text_5 {
  370. width: 1.68rem;
  371. height: 2.987rem;
  372. margin-left: 3.68rem;
  373. }
  374. .image_12 {
  375. width: 1.6rem;
  376. height: 1.707rem;
  377. }
  378. .text-group_6 {
  379. width: 1.547rem;
  380. height: 0.774rem;
  381. overflow-wrap: break-word;
  382. color: rgba(102, 102, 102, 1);
  383. font-size: 0.773rem;
  384. font-family: MicrosoftYaHei;
  385. font-weight: NaN;
  386. text-align: left;
  387. white-space: nowrap;
  388. line-height: 0.774rem;
  389. margin: 0.507rem 0 0 0.134rem;
  390. }
  391. .group_7 {
  392. position: absolute;
  393. left: 0;
  394. top: 0;
  395. width: 21.334rem;
  396. height: 24.24rem;
  397. background: url(/static/index/psplti701nhsnr65m55fv9cnrnm2sei0ub3a7e1d7-6550-4b1a-b51d-dd9b93f48fc8.png)
  398. 100% no-repeat;
  399. background-size: 100% 100%;
  400. }
  401. .image_13 {
  402. width: 5.014rem;
  403. height: 5.014rem;
  404. margin: 5.547rem 0 0 8.054rem;
  405. }
  406. .text_11 {
  407. width: 5.2rem;
  408. height: 1.734rem;
  409. overflow-wrap: break-word;
  410. color: rgba(255, 255, 255, 1);
  411. font-size: 1.76rem;
  412. font-family: MicrosoftYaHei;
  413. font-weight: NaN;
  414. text-align: left;
  415. white-space: nowrap;
  416. line-height: 1.76rem;
  417. margin: 1.414rem 0 0 7.867rem;
  418. }
  419. .text_12 {
  420. width: 9.28rem;
  421. height: 0.88rem;
  422. overflow-wrap: break-word;
  423. color: rgba(255, 255, 255, 1);
  424. font-size: 1.173rem;
  425. font-family: ArialMT;
  426. font-weight: NaN;
  427. text-align: left;
  428. white-space: nowrap;
  429. line-height: 1.174rem;
  430. margin: 1.04rem 0 0 6.16rem;
  431. }
  432. .image-text_6 {
  433. width: 10.267rem;
  434. height: 0.907rem;
  435. margin: 6.4rem 0 1.307rem 4.64rem;
  436. }
  437. .label_1 {
  438. width: 1.014rem;
  439. height: 0.907rem;
  440. }
  441. .text-group_7 {
  442. width: 8.72rem;
  443. height: 0.56rem;
  444. overflow-wrap: break-word;
  445. color: rgba(235, 235, 235, 1);
  446. font-size: 0.586rem;
  447. font-family: Adobe Heiti Std R;
  448. font-weight: NaN;
  449. text-align: left;
  450. white-space: nowrap;
  451. line-height: 0.587rem;
  452. margin-top: 0.16rem;
  453. }
  454. .group_8 {
  455. position: absolute;
  456. left: 0;
  457. top: 38.48rem;
  458. width: 21.334rem;
  459. height: 18.88rem;
  460. background: url(/static/index/psur3tunhkkxz42r5k3v3hej89rznxino7131b497-da49-4b7a-98da-028825ccc975.png)
  461. 100% no-repeat;
  462. background-size: 100% 100%;
  463. }
  464. .text_13 {
  465. width: 6.48rem;
  466. height: 1.254rem;
  467. overflow-wrap: break-word;
  468. color: rgba(255, 255, 255, 1);
  469. font-size: 1.333rem;
  470. font-family: SimHei;
  471. font-weight: NaN;
  472. text-align: left;
  473. white-space: nowrap;
  474. line-height: 1.334rem;
  475. margin: 5.334rem 0 0 13.387rem;
  476. }
  477. .image_14 {
  478. width: 17.627rem;
  479. height: 11.76rem;
  480. margin: 0.4rem 0 0.134rem 2.587rem;
  481. }
  482. .section_1 {
  483. height: 9.894rem;
  484. background: url(/static/index/psu936zbe7iyilw63pgsx3cfvetb68ehfep6414c957-4547-4239-9616-3ec2c856dd23.png)
  485. 100% no-repeat;
  486. background-size: 100% 100%;
  487. width: 7.6rem;
  488. position: absolute;
  489. left: 1.28rem;
  490. top: -4.933rem;
  491. }
  492. .text-wrapper_3 {
  493. height: 9.894rem;
  494. background: url(/static/index/ps1ocae5i4t6y9ff7rdq18fri6al8ufbc2jfc244b0c-0c1d-4431-a2a3-64de7b54cf54.png)
  495. 100% no-repeat;
  496. background-size: 100% 100%;
  497. width: 7.6rem;
  498. }
  499. .text_14 {
  500. width: 6.294rem;
  501. height: 1.52rem;
  502. overflow-wrap: break-word;
  503. color: rgba(255, 255, 255, 1);
  504. font-size: 1.6rem;
  505. font-family: SimHei;
  506. font-weight: NaN;
  507. text-align: left;
  508. white-space: nowrap;
  509. line-height: 1.6rem;
  510. margin: 6.4rem 0 0 0.827rem;
  511. }