index.rem.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562
  1. html {
  2. font-size: 37.5px;
  3. }
  4. .page {
  5. position: relative;
  6. width: 29.627rem;
  7. height: 64.16rem;
  8. overflow: hidden;
  9. }
  10. .box_1 {
  11. height: 64.16rem;
  12. background: url(/static/lanhu_my/pshdu2ef8v56gmgb4q7yb0lhlkdt5qbgo8eaa9692-d918-436c-9865-1498ba68f1fb.png)
  13. 100% no-repeat;
  14. background-size: 100% 100%;
  15. width: 29.627rem;
  16. }
  17. .block_1 {
  18. position: relative;
  19. width: 29.627rem;
  20. height: 64.16rem;
  21. background: url(/static/lanhu_my/ps2badc7lafnfy2menxbogodoo5uoa7s26884fc865-4044-472d-8a63-e0b2e4a6ae07.png) -29.227rem -20.747rem
  22. no-repeat;
  23. background-size: 84.24rem 95.6rem;
  24. }
  25. .box_2 {
  26. width: 29.627rem;
  27. height: 27.174rem;
  28. }
  29. .single-avatar_1 {
  30. width: 6.854rem;
  31. height: 6.854rem;
  32. margin: 4.427rem 0 0 11.387rem;
  33. }
  34. .text_1 {
  35. width: 9.547rem;
  36. height: 1.174rem;
  37. overflow-wrap: break-word;
  38. color: rgba(255, 255, 255, 1);
  39. font-size: 1.28rem;
  40. font-family: Adobe Heiti Std R;
  41. font-weight: NaN;
  42. text-align: left;
  43. white-space: nowrap;
  44. line-height: 1.28rem;
  45. margin: 1.574rem 0 13.147rem 10.054rem;
  46. }
  47. .box_3 {
  48. width: 29.627rem;
  49. height: 37.014rem;
  50. background: url(/static/lanhu_my/pst2yxf7n2s2r2r32o9zt3hkd58tj1z6mx88bd46181-21a1-440a-b274-5d686080db13.png) -0.507rem
  51. 0rem no-repeat;
  52. background-size: 30.64rem 45.174rem;
  53. margin: 27.147rem 0 0 -29.627rem;
  54. }
  55. .block_2 {
  56. width: 27.654rem;
  57. height: 9.174rem;
  58. margin: 10.267rem 0 0 1.147rem;
  59. }
  60. .group_1 {
  61. width: 13.014rem;
  62. height: 9.067rem;
  63. background: url(/static/lanhu_my/6aff2a19bf2a457a928ee86ef29d7f3e_mergeImage.png)
  64. 100% no-repeat;
  65. background-size: 100% 100%;
  66. margin-top: 0.107rem;
  67. }
  68. .text-group_1 {
  69. width: 10.694rem;
  70. height: 2.987rem;
  71. margin: 1.227rem 0 0 1.174rem;
  72. }
  73. .text_2 {
  74. width: 5.814rem;
  75. height: 1.387rem;
  76. overflow-wrap: break-word;
  77. color: #98a737;
  78. font-size: 1.466rem;
  79. font-family: Adobe Heiti Std R;
  80. font-weight: NaN;
  81. text-align: left;
  82. white-space: nowrap;
  83. line-height: 1.467rem;
  84. margin-left: 0.054rem;
  85. }
  86. .text_3 {
  87. width: 10.694rem;
  88. height: 0.987rem;
  89. overflow-wrap: break-word;
  90. color: rgba(175, 175, 175, 1);
  91. font-size: 1.013rem;
  92. font-family: Adobe Heiti Std R;
  93. font-weight: NaN;
  94. text-align: left;
  95. white-space: nowrap;
  96. line-height: 1.014rem;
  97. margin-top: 0.614rem;
  98. }
  99. .button_1 {
  100. height: 1.974rem;
  101. background: url(/static/lanhu_my/psq6b32665nrfetekphb77rlhia89rr27h717b28bd0-04f2-4c1c-b6c6-585abf77282d.png)
  102. 100% no-repeat;
  103. background-size: 100% 100%;
  104. width: 5.12rem;
  105. margin: 2.187rem 0 0.694rem 1.254rem;
  106. }
  107. .text_4 {
  108. width: 4.027rem;
  109. height: 0.987rem;
  110. overflow-wrap: break-word;
  111. color: rgba(254, 254, 254, 1);
  112. font-size: 1.013rem;
  113. font-family: Adobe Heiti Std R;
  114. font-weight: NaN;
  115. text-align: left;
  116. white-space: nowrap;
  117. line-height: 1.014rem;
  118. margin: 0.507rem 0 0 0.48rem;
  119. }
  120. .group_2 {
  121. width: 13.68rem;
  122. height: 9.174rem;
  123. }
  124. .group_3 {
  125. width: 13.6rem;
  126. height: 4.32rem;
  127. background: url(/static/lanhu_my/ps5cl3fp44aev8ipwn3wcggcyf7lm8p68768827d5-0138-4441-af02-47a675b61450.png)
  128. 100% no-repeat;
  129. background-size: 100% 100%;
  130. margin-left: 0.08rem;
  131. }
  132. .icon_1 {
  133. width: 2.187rem;
  134. height: 2.187rem;
  135. margin: 0.934rem 0 0 2rem;
  136. }
  137. .text_5 {
  138. width: 5.067rem;
  139. height: 1.227rem;
  140. overflow-wrap: break-word;
  141. color: #98a737;
  142. font-size: 1.28rem;
  143. font-family: Adobe Heiti Std R;
  144. font-weight: NaN;
  145. text-align: left;
  146. white-space: nowrap;
  147. line-height: 1.28rem;
  148. margin: 1.414rem 3.254rem 0 1.094rem;
  149. }
  150. .group_4 {
  151. width: 13.6rem;
  152. height: 4.32rem;
  153. background: url(/static/lanhu_my/psr00j86rhlhii5t58vwkgzl8wbbigglfyuab8db65b-2e14-43d2-95e3-50784b212354.png)
  154. 100% no-repeat;
  155. background-size: 100% 100%;
  156. margin-top: 0.534rem;
  157. }
  158. .icon_2 {
  159. width: 2.16rem;
  160. height: 2.16rem;
  161. margin: 1.147rem 0 0 2.107rem;
  162. }
  163. .text_6 {
  164. width: 5.094rem;
  165. height: 1.227rem;
  166. overflow-wrap: break-word;
  167. color: #98a737;
  168. font-size: 1.28rem;
  169. font-family: Adobe Heiti Std R;
  170. font-weight: NaN;
  171. text-align: left;
  172. white-space: nowrap;
  173. line-height: 1.28rem;
  174. margin: 1.467rem 3.174rem 0 1.067rem;
  175. }
  176. .block_3 {
  177. height: 8.48rem;
  178. background: url(/static/lanhu_my/psdufry5uwzp7xf996eg01284n1p4201txde98968f-ce55-4722-87de-e2a8a34b1756.png)
  179. 100% no-repeat;
  180. background-size: 100% 100%;
  181. width: 27.574rem;
  182. margin: 1.04rem 0 8.054rem 1.174rem;
  183. }
  184. .block_4 {
  185. width: 23.947rem;
  186. height: 1.68rem;
  187. margin: 1.494rem 0 0 1.867rem;
  188. }
  189. .icon_3 {
  190. width: 1.44rem;
  191. height: 1.68rem;
  192. }
  193. .text_7 {
  194. width: 5.04rem;
  195. height: 1.2rem;
  196. overflow-wrap: break-word;
  197. color: rgba(80, 80, 80, 1);
  198. font-size: 1.28rem;
  199. font-family: Adobe Heiti Std R;
  200. font-weight: NaN;
  201. text-align: left;
  202. white-space: nowrap;
  203. line-height: 1.28rem;
  204. margin: 0.134rem 0 0 0.96rem;
  205. }
  206. .icon_4 {
  207. width: 0.774rem;
  208. height: 1.36rem;
  209. margin: 0.16rem 0 0 15.734rem;
  210. }
  211. .block_5 {
  212. width: 23.894rem;
  213. height: 1.707rem;
  214. margin: 1.707rem 0 1.894rem 1.92rem;
  215. }
  216. .icon_5 {
  217. width: 1.574rem;
  218. height: 1.6rem;
  219. margin-top: 0.107rem;
  220. }
  221. .text_8 {
  222. width: 5.04rem;
  223. height: 1.2rem;
  224. overflow-wrap: break-word;
  225. color: rgba(80, 80, 80, 1);
  226. font-size: 1.28rem;
  227. font-family: Adobe Heiti Std R;
  228. font-weight: NaN;
  229. text-align: left;
  230. white-space: nowrap;
  231. line-height: 1.28rem;
  232. margin: 0.16rem 0 0 0.774rem;
  233. }
  234. .icon_6 {
  235. width: 0.774rem;
  236. height: 1.36rem;
  237. margin-left: 15.734rem;
  238. }
  239. .box_4 {
  240. height: 19.414rem;
  241. background: url(/static/lanhu_my/psriesm8xwbubhddm89fc2j3q1v1wgtac4b2589e-84ef-4cda-9239-6149056e7d9b.png)
  242. 100% no-repeat;
  243. background-size: 100% 100%;
  244. width: 27.68rem;
  245. position: absolute;
  246. left: 0.987rem;
  247. top: 17.2rem;
  248. }
  249. .text-wrapper_1 {
  250. width: 20.774rem;
  251. height: 1.147rem;
  252. margin: 1.974rem 0 0 3.627rem;
  253. }
  254. .text_9 {
  255. width: 1.467rem;
  256. height: 1.147rem;
  257. overflow-wrap: break-word;
  258. color: rgba(255, 255, 255, 1);
  259. font-size: 1.466rem;
  260. font-family: Adobe Heiti Std R;
  261. font-weight: NaN;
  262. text-align: left;
  263. white-space: nowrap;
  264. line-height: 1.467rem;
  265. }
  266. .text_10 {
  267. width: 4.427rem;
  268. height: 1.147rem;
  269. overflow-wrap: break-word;
  270. color: rgba(255, 255, 255, 1);
  271. font-size: 1.466rem;
  272. font-family: Adobe Heiti Std R;
  273. font-weight: NaN;
  274. text-align: left;
  275. white-space: nowrap;
  276. line-height: 1.467rem;
  277. margin-left: 6.64rem;
  278. }
  279. .text_11 {
  280. width: 2.774rem;
  281. height: 1.147rem;
  282. overflow-wrap: break-word;
  283. color: rgba(255, 255, 255, 1);
  284. font-size: 1.466rem;
  285. font-family: Adobe Heiti Std R;
  286. font-weight: NaN;
  287. text-align: left;
  288. white-space: nowrap;
  289. line-height: 1.467rem;
  290. margin-left: 5.467rem;
  291. }
  292. .text-wrapper_2 {
  293. width: 20.694rem;
  294. height: 1.2rem;
  295. margin: 0.934rem 0 0 3.387rem;
  296. }
  297. .text_12 {
  298. width: 2.48rem;
  299. height: 1.2rem;
  300. overflow-wrap: break-word;
  301. color: rgba(255, 255, 255, 1);
  302. font-size: 1.28rem;
  303. font-family: Adobe Heiti Std R;
  304. font-weight: NaN;
  305. text-align: left;
  306. white-space: nowrap;
  307. line-height: 1.28rem;
  308. }
  309. .text_13 {
  310. width: 5.067rem;
  311. height: 1.2rem;
  312. overflow-wrap: break-word;
  313. color: rgba(255, 255, 255, 1);
  314. font-size: 1.28rem;
  315. font-family: Adobe Heiti Std R;
  316. font-weight: NaN;
  317. text-align: left;
  318. white-space: nowrap;
  319. line-height: 1.28rem;
  320. margin-left: 5.547rem;
  321. }
  322. .text_14 {
  323. width: 2.267rem;
  324. height: 1.04rem;
  325. overflow-wrap: break-word;
  326. color: rgba(255, 255, 255, 1);
  327. font-size: 1.28rem;
  328. font-family: Adobe Heiti Std R;
  329. font-weight: NaN;
  330. text-align: left;
  331. white-space: nowrap;
  332. line-height: 1.28rem;
  333. margin: 0.08rem 0 0 5.334rem;
  334. }
  335. .text-wrapper_3 {
  336. width: 21.44rem;
  337. height: 1.174rem;
  338. margin: 3.014rem 0 0 2.96rem;
  339. }
  340. .text_15 {
  341. width: 2.774rem;
  342. height: 1.174rem;
  343. overflow-wrap: break-word;
  344. color: rgba(255, 255, 255, 1);
  345. font-size: 1.466rem;
  346. font-family: Adobe Heiti Std R;
  347. font-weight: NaN;
  348. text-align: left;
  349. white-space: nowrap;
  350. line-height: 1.467rem;
  351. }
  352. .text_16 {
  353. width: 2.774rem;
  354. height: 1.174rem;
  355. overflow-wrap: break-word;
  356. color: rgba(255, 255, 255, 1);
  357. font-size: 1.466rem;
  358. font-family: Adobe Heiti Std R;
  359. font-weight: NaN;
  360. text-align: left;
  361. white-space: nowrap;
  362. line-height: 1.467rem;
  363. margin-left: 6.747rem;
  364. }
  365. .text_17 {
  366. width: 2.774rem;
  367. height: 1.174rem;
  368. overflow-wrap: break-word;
  369. color: rgba(255, 255, 255, 1);
  370. font-size: 1.466rem;
  371. font-family: Adobe Heiti Std R;
  372. font-weight: NaN;
  373. text-align: left;
  374. white-space: nowrap;
  375. line-height: 1.467rem;
  376. margin-left: 6.374rem;
  377. }
  378. .text-wrapper_4 {
  379. width: 20.934rem;
  380. height: 1.2rem;
  381. margin: 0.907rem 0 0 3.12rem;
  382. }
  383. .text_18 {
  384. width: 2.48rem;
  385. height: 1.2rem;
  386. overflow-wrap: break-word;
  387. color: rgba(255, 255, 255, 1);
  388. font-size: 1.28rem;
  389. font-family: Adobe Heiti Std R;
  390. font-weight: NaN;
  391. text-align: left;
  392. white-space: nowrap;
  393. line-height: 1.28rem;
  394. }
  395. .text_19 {
  396. width: 2.427rem;
  397. height: 1.147rem;
  398. overflow-wrap: break-word;
  399. color: rgba(255, 255, 255, 1);
  400. font-size: 1.28rem;
  401. font-family: Adobe Heiti Std R;
  402. font-weight: NaN;
  403. text-align: left;
  404. white-space: nowrap;
  405. line-height: 1.28rem;
  406. margin: 0.054rem 0 0 7.094rem;
  407. }
  408. .text_20 {
  409. width: 2.454rem;
  410. height: 1.2rem;
  411. overflow-wrap: break-word;
  412. color: rgba(255, 255, 255, 1);
  413. font-size: 1.28rem;
  414. font-family: Adobe Heiti Std R;
  415. font-weight: NaN;
  416. text-align: left;
  417. white-space: nowrap;
  418. line-height: 1.28rem;
  419. margin-left: 6.48rem;
  420. }
  421. .text-wrapper_5 {
  422. width: 20.614rem;
  423. height: 1.147rem;
  424. margin: 2.694rem 0 0 3.627rem;
  425. }
  426. .text_21 {
  427. width: 1.467rem;
  428. height: 1.147rem;
  429. overflow-wrap: break-word;
  430. color: rgba(255, 255, 255, 1);
  431. font-size: 1.466rem;
  432. font-family: Adobe Heiti Std R;
  433. font-weight: NaN;
  434. text-align: left;
  435. white-space: nowrap;
  436. line-height: 1.467rem;
  437. }
  438. .text_22 {
  439. width: 1.44rem;
  440. height: 1.147rem;
  441. overflow-wrap: break-word;
  442. color: rgba(255, 255, 255, 1);
  443. font-size: 1.466rem;
  444. font-family: Adobe Heiti Std R;
  445. font-weight: NaN;
  446. text-align: left;
  447. white-space: nowrap;
  448. line-height: 1.467rem;
  449. margin-left: 7.867rem;
  450. }
  451. .text_23 {
  452. width: 1.547rem;
  453. height: 1.147rem;
  454. overflow-wrap: break-word;
  455. color: rgba(255, 255, 255, 1);
  456. font-size: 1.466rem;
  457. font-family: Adobe Heiti Std R;
  458. font-weight: NaN;
  459. text-align: left;
  460. white-space: nowrap;
  461. line-height: 1.467rem;
  462. margin-left: 8.294rem;
  463. }
  464. .text-wrapper_6 {
  465. width: 23.76rem;
  466. height: 1.254rem;
  467. margin: 0.907rem 0 1.867rem 2.267rem;
  468. }
  469. .text_24 {
  470. width: 5.067rem;
  471. height: 1.2rem;
  472. overflow-wrap: break-word;
  473. color: rgba(255, 255, 255, 1);
  474. font-size: 1.28rem;
  475. font-family: Adobe Heiti Std R;
  476. font-weight: NaN;
  477. text-align: left;
  478. white-space: nowrap;
  479. line-height: 1.28rem;
  480. margin-top: 0.027rem;
  481. }
  482. .text_25 {
  483. width: 5.04rem;
  484. height: 1.254rem;
  485. overflow-wrap: break-word;
  486. color: rgba(255, 255, 255, 1);
  487. font-size: 1.28rem;
  488. font-family: Adobe Heiti Std R;
  489. font-weight: NaN;
  490. text-align: left;
  491. white-space: nowrap;
  492. line-height: 1.28rem;
  493. margin-left: 4.107rem;
  494. }
  495. .text_26 {
  496. width: 5.04rem;
  497. height: 1.2rem;
  498. overflow-wrap: break-word;
  499. color: rgba(255, 255, 255, 1);
  500. font-size: 1.28rem;
  501. font-family: Adobe Heiti Std R;
  502. font-weight: NaN;
  503. text-align: left;
  504. white-space: nowrap;
  505. line-height: 1.28rem;
  506. margin: 0.027rem 0 0 4.507rem;
  507. }