index.response.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558
  1. .page {
  2. position: relative;
  3. width: 100vw;
  4. height: 216.57vw;
  5. overflow: hidden;
  6. }
  7. .box_1 {
  8. height: 216.57vw;
  9. background: url(/static/lanhu_my/pshdu2ef8v56gmgb4q7yb0lhlkdt5qbgo8eaa9692-d918-436c-9865-1498ba68f1fb.png)
  10. 100% no-repeat;
  11. background-size: 100% 100%;
  12. width: 100vw;
  13. }
  14. .block_1 {
  15. position: relative;
  16. width: 100vw;
  17. height: 216.57vw;
  18. background: url(/static/lanhu_my/ps2badc7lafnfy2menxbogodoo5uoa7s26884fc865-4044-472d-8a63-e0b2e4a6ae07.png) -98.65vw -70.03vw
  19. no-repeat;
  20. background-size: 284.33vw 322.68vw;
  21. }
  22. .box_2 {
  23. width: 100vw;
  24. height: 91.72vw;
  25. }
  26. .single-avatar_1 {
  27. width: 23.14vw;
  28. height: 23.14vw;
  29. margin: 14.94vw 0 0 38.43vw;
  30. }
  31. .text_1 {
  32. width: 32.23vw;
  33. height: 3.97vw;
  34. overflow-wrap: break-word;
  35. color: rgba(255, 255, 255, 1);
  36. font-size: 4.32vw;
  37. font-family: Adobe Heiti Std R;
  38. font-weight: NaN;
  39. text-align: left;
  40. white-space: nowrap;
  41. line-height: 4.33vw;
  42. margin: 5.31vw 0 44.37vw 33.93vw;
  43. }
  44. .box_3 {
  45. width: 100vw;
  46. height: 124.94vw;
  47. background: url(/static/lanhu_my/pst2yxf7n2s2r2r32o9zt3hkd58tj1z6mx88bd46181-21a1-440a-b274-5d686080db13.png) -1.72vw
  48. 0vw no-repeat;
  49. background-size: 103.42vw 152.47vw;
  50. margin: 91.62vw 0 0 -100vw;
  51. }
  52. .block_2 {
  53. width: 93.34vw;
  54. height: 30.97vw;
  55. margin: 34.65vw 0 0 3.87vw;
  56. }
  57. .group_1 {
  58. width: 43.93vw;
  59. height: 30.61vw;
  60. background: url(/static/lanhu_my/6aff2a19bf2a457a928ee86ef29d7f3e_mergeImage.png)
  61. 100% no-repeat;
  62. background-size: 100% 100%;
  63. margin-top: 0.37vw;
  64. }
  65. .text-group_1 {
  66. width: 36.1vw;
  67. height: 10.09vw;
  68. margin: 4.14vw 0 0 3.96vw;
  69. }
  70. .text_2 {
  71. width: 19.63vw;
  72. height: 4.69vw;
  73. overflow-wrap: break-word;
  74. color: #98a737;
  75. font-size: 4.95vw;
  76. font-family: Adobe Heiti Std R;
  77. font-weight: NaN;
  78. text-align: left;
  79. white-space: nowrap;
  80. line-height: 4.96vw;
  81. margin-left: 0.19vw;
  82. }
  83. .text_3 {
  84. width: 36.1vw;
  85. height: 3.34vw;
  86. overflow-wrap: break-word;
  87. color: rgba(175, 175, 175, 1);
  88. font-size: 3.42vw;
  89. font-family: Adobe Heiti Std R;
  90. font-weight: NaN;
  91. text-align: left;
  92. white-space: nowrap;
  93. line-height: 3.43vw;
  94. margin-top: 2.08vw;
  95. }
  96. .button_1 {
  97. height: 6.67vw;
  98. background: url(/static/lanhu_my/psq6b32665nrfetekphb77rlhia89rr27h717b28bd0-04f2-4c1c-b6c6-585abf77282d.png)
  99. 100% no-repeat;
  100. background-size: 100% 100%;
  101. width: 17.29vw;
  102. margin: 7.38vw 0 2.34vw 4.23vw;
  103. }
  104. .text_4 {
  105. width: 13.6vw;
  106. height: 3.34vw;
  107. overflow-wrap: break-word;
  108. color: rgba(254, 254, 254, 1);
  109. font-size: 3.42vw;
  110. font-family: Adobe Heiti Std R;
  111. font-weight: NaN;
  112. text-align: left;
  113. white-space: nowrap;
  114. line-height: 3.43vw;
  115. margin: 1.71vw 0 0 1.62vw;
  116. }
  117. .group_2 {
  118. width: 46.18vw;
  119. height: 30.97vw;
  120. }
  121. .group_3 {
  122. width: 45.91vw;
  123. height: 14.59vw;
  124. background: url(/static/lanhu_my/ps5cl3fp44aev8ipwn3wcggcyf7lm8p68768827d5-0138-4441-af02-47a675b61450.png)
  125. 100% no-repeat;
  126. background-size: 100% 100%;
  127. margin-left: 0.28vw;
  128. }
  129. .icon_1 {
  130. width: 7.39vw;
  131. height: 7.39vw;
  132. margin: 3.15vw 0 0 6.75vw;
  133. }
  134. .text_5 {
  135. width: 17.11vw;
  136. height: 4.15vw;
  137. overflow-wrap: break-word;
  138. color: #98a737;
  139. font-size: 4.32vw;
  140. font-family: Adobe Heiti Std R;
  141. font-weight: NaN;
  142. text-align: left;
  143. white-space: nowrap;
  144. line-height: 4.33vw;
  145. margin: 4.77vw 10.98vw 0 3.69vw;
  146. }
  147. .group_4 {
  148. width: 45.91vw;
  149. height: 14.59vw;
  150. background: url(/static/lanhu_my/psr00j86rhlhii5t58vwkgzl8wbbigglfyuab8db65b-2e14-43d2-95e3-50784b212354.png)
  151. 100% no-repeat;
  152. background-size: 100% 100%;
  153. margin-top: 1.81vw;
  154. }
  155. .icon_2 {
  156. width: 7.3vw;
  157. height: 7.3vw;
  158. margin: 3.87vw 0 0 7.11vw;
  159. }
  160. .text_6 {
  161. width: 17.2vw;
  162. height: 4.15vw;
  163. overflow-wrap: break-word;
  164. color: #98a737;
  165. font-size: 4.32vw;
  166. font-family: Adobe Heiti Std R;
  167. font-weight: NaN;
  168. text-align: left;
  169. white-space: nowrap;
  170. line-height: 4.33vw;
  171. margin: 4.95vw 10.71vw 0 3.6vw;
  172. }
  173. .block_3 {
  174. height: 28.63vw;
  175. background: url(/static/lanhu_my/psdufry5uwzp7xf996eg01284n1p4201txde98968f-ce55-4722-87de-e2a8a34b1756.png)
  176. 100% no-repeat;
  177. background-size: 100% 100%;
  178. width: 93.07vw;
  179. margin: 3.51vw 0 27.18vw 3.96vw;
  180. }
  181. .block_4 {
  182. width: 80.83vw;
  183. height: 5.68vw;
  184. margin: 5.04vw 0 0 6.3vw;
  185. }
  186. .icon_3 {
  187. width: 4.87vw;
  188. height: 5.68vw;
  189. }
  190. .text_7 {
  191. width: 17.02vw;
  192. height: 4.06vw;
  193. overflow-wrap: break-word;
  194. color: rgba(80, 80, 80, 1);
  195. font-size: 4.32vw;
  196. font-family: Adobe Heiti Std R;
  197. font-weight: NaN;
  198. text-align: left;
  199. white-space: nowrap;
  200. line-height: 4.33vw;
  201. margin: 0.45vw 0 0 3.24vw;
  202. }
  203. .icon_4 {
  204. width: 2.62vw;
  205. height: 4.6vw;
  206. margin: 0.54vw 0 0 53.1vw;
  207. }
  208. .block_5 {
  209. width: 80.65vw;
  210. height: 5.77vw;
  211. margin: 5.76vw 0 6.39vw 6.48vw;
  212. }
  213. .icon_5 {
  214. width: 5.32vw;
  215. height: 5.41vw;
  216. margin-top: 0.37vw;
  217. }
  218. .text_8 {
  219. width: 17.02vw;
  220. height: 4.06vw;
  221. overflow-wrap: break-word;
  222. color: rgba(80, 80, 80, 1);
  223. font-size: 4.32vw;
  224. font-family: Adobe Heiti Std R;
  225. font-weight: NaN;
  226. text-align: left;
  227. white-space: nowrap;
  228. line-height: 4.33vw;
  229. margin: 0.54vw 0 0 2.61vw;
  230. }
  231. .icon_6 {
  232. width: 2.62vw;
  233. height: 4.6vw;
  234. margin-left: 53.11vw;
  235. }
  236. .box_4 {
  237. height: 65.53vw;
  238. background: url(/static/lanhu_my/psriesm8xwbubhddm89fc2j3q1v1wgtac4b2589e-84ef-4cda-9239-6149056e7d9b.png)
  239. 100% no-repeat;
  240. background-size: 100% 100%;
  241. width: 93.43vw;
  242. position: absolute;
  243. left: 3.34vw;
  244. top: 58.06vw;
  245. }
  246. .text-wrapper_1 {
  247. width: 70.12vw;
  248. height: 3.88vw;
  249. margin: 6.66vw 0 0 12.24vw;
  250. }
  251. .text_9 {
  252. width: 4.96vw;
  253. height: 3.88vw;
  254. overflow-wrap: break-word;
  255. color: rgba(255, 255, 255, 1);
  256. font-size: 4.95vw;
  257. font-family: Adobe Heiti Std R;
  258. font-weight: NaN;
  259. text-align: left;
  260. white-space: nowrap;
  261. line-height: 4.96vw;
  262. }
  263. .text_10 {
  264. width: 14.95vw;
  265. height: 3.88vw;
  266. overflow-wrap: break-word;
  267. color: rgba(255, 255, 255, 1);
  268. font-size: 4.95vw;
  269. font-family: Adobe Heiti Std R;
  270. font-weight: NaN;
  271. text-align: left;
  272. white-space: nowrap;
  273. line-height: 4.96vw;
  274. margin-left: 22.42vw;
  275. }
  276. .text_11 {
  277. width: 9.37vw;
  278. height: 3.88vw;
  279. overflow-wrap: break-word;
  280. color: rgba(255, 255, 255, 1);
  281. font-size: 4.95vw;
  282. font-family: Adobe Heiti Std R;
  283. font-weight: NaN;
  284. text-align: left;
  285. white-space: nowrap;
  286. line-height: 4.96vw;
  287. margin-left: 18.46vw;
  288. }
  289. .text-wrapper_2 {
  290. width: 69.85vw;
  291. height: 4.06vw;
  292. margin: 3.15vw 0 0 11.43vw;
  293. }
  294. .text_12 {
  295. width: 8.38vw;
  296. height: 4.06vw;
  297. overflow-wrap: break-word;
  298. color: rgba(255, 255, 255, 1);
  299. font-size: 4.32vw;
  300. font-family: Adobe Heiti Std R;
  301. font-weight: NaN;
  302. text-align: left;
  303. white-space: nowrap;
  304. line-height: 4.33vw;
  305. }
  306. .text_13 {
  307. width: 17.11vw;
  308. height: 4.06vw;
  309. overflow-wrap: break-word;
  310. color: rgba(255, 255, 255, 1);
  311. font-size: 4.32vw;
  312. font-family: Adobe Heiti Std R;
  313. font-weight: NaN;
  314. text-align: left;
  315. white-space: nowrap;
  316. line-height: 4.33vw;
  317. margin-left: 18.73vw;
  318. }
  319. .text_14 {
  320. width: 7.66vw;
  321. height: 3.52vw;
  322. overflow-wrap: break-word;
  323. color: rgba(255, 255, 255, 1);
  324. font-size: 4.32vw;
  325. font-family: Adobe Heiti Std R;
  326. font-weight: NaN;
  327. text-align: left;
  328. white-space: nowrap;
  329. line-height: 4.33vw;
  330. margin: 0.27vw 0 0 18vw;
  331. }
  332. .text-wrapper_3 {
  333. width: 72.37vw;
  334. height: 3.97vw;
  335. margin: 10.17vw 0 0 9.99vw;
  336. }
  337. .text_15 {
  338. width: 9.37vw;
  339. height: 3.97vw;
  340. overflow-wrap: break-word;
  341. color: rgba(255, 255, 255, 1);
  342. font-size: 4.95vw;
  343. font-family: Adobe Heiti Std R;
  344. font-weight: NaN;
  345. text-align: left;
  346. white-space: nowrap;
  347. line-height: 4.96vw;
  348. }
  349. .text_16 {
  350. width: 9.37vw;
  351. height: 3.97vw;
  352. overflow-wrap: break-word;
  353. color: rgba(255, 255, 255, 1);
  354. font-size: 4.95vw;
  355. font-family: Adobe Heiti Std R;
  356. font-weight: NaN;
  357. text-align: left;
  358. white-space: nowrap;
  359. line-height: 4.96vw;
  360. margin-left: 22.78vw;
  361. }
  362. .text_17 {
  363. width: 9.37vw;
  364. height: 3.97vw;
  365. overflow-wrap: break-word;
  366. color: rgba(255, 255, 255, 1);
  367. font-size: 4.95vw;
  368. font-family: Adobe Heiti Std R;
  369. font-weight: NaN;
  370. text-align: left;
  371. white-space: nowrap;
  372. line-height: 4.96vw;
  373. margin-left: 21.52vw;
  374. }
  375. .text-wrapper_4 {
  376. width: 70.66vw;
  377. height: 4.06vw;
  378. margin: 3.06vw 0 0 10.53vw;
  379. }
  380. .text_18 {
  381. width: 8.38vw;
  382. height: 4.06vw;
  383. overflow-wrap: break-word;
  384. color: rgba(255, 255, 255, 1);
  385. font-size: 4.32vw;
  386. font-family: Adobe Heiti Std R;
  387. font-weight: NaN;
  388. text-align: left;
  389. white-space: nowrap;
  390. line-height: 4.33vw;
  391. }
  392. .text_19 {
  393. width: 8.2vw;
  394. height: 3.88vw;
  395. overflow-wrap: break-word;
  396. color: rgba(255, 255, 255, 1);
  397. font-size: 4.32vw;
  398. font-family: Adobe Heiti Std R;
  399. font-weight: NaN;
  400. text-align: left;
  401. white-space: nowrap;
  402. line-height: 4.33vw;
  403. margin: 0.18vw 0 0 23.94vw;
  404. }
  405. .text_20 {
  406. width: 8.29vw;
  407. height: 4.06vw;
  408. overflow-wrap: break-word;
  409. color: rgba(255, 255, 255, 1);
  410. font-size: 4.32vw;
  411. font-family: Adobe Heiti Std R;
  412. font-weight: NaN;
  413. text-align: left;
  414. white-space: nowrap;
  415. line-height: 4.33vw;
  416. margin-left: 21.88vw;
  417. }
  418. .text-wrapper_5 {
  419. width: 69.58vw;
  420. height: 3.88vw;
  421. margin: 9.09vw 0 0 12.24vw;
  422. }
  423. .text_21 {
  424. width: 4.96vw;
  425. height: 3.88vw;
  426. overflow-wrap: break-word;
  427. color: rgba(255, 255, 255, 1);
  428. font-size: 4.95vw;
  429. font-family: Adobe Heiti Std R;
  430. font-weight: NaN;
  431. text-align: left;
  432. white-space: nowrap;
  433. line-height: 4.96vw;
  434. }
  435. .text_22 {
  436. width: 4.87vw;
  437. height: 3.88vw;
  438. overflow-wrap: break-word;
  439. color: rgba(255, 255, 255, 1);
  440. font-size: 4.95vw;
  441. font-family: Adobe Heiti Std R;
  442. font-weight: NaN;
  443. text-align: left;
  444. white-space: nowrap;
  445. line-height: 4.96vw;
  446. margin-left: 26.56vw;
  447. }
  448. .text_23 {
  449. width: 5.23vw;
  450. height: 3.88vw;
  451. overflow-wrap: break-word;
  452. color: rgba(255, 255, 255, 1);
  453. font-size: 4.95vw;
  454. font-family: Adobe Heiti Std R;
  455. font-weight: NaN;
  456. text-align: left;
  457. white-space: nowrap;
  458. line-height: 4.96vw;
  459. margin-left: 28vw;
  460. }
  461. .text-wrapper_6 {
  462. width: 80.2vw;
  463. height: 4.24vw;
  464. margin: 3.06vw 0 6.3vw 7.65vw;
  465. }
  466. .text_24 {
  467. width: 17.11vw;
  468. height: 4.06vw;
  469. overflow-wrap: break-word;
  470. color: rgba(255, 255, 255, 1);
  471. font-size: 4.32vw;
  472. font-family: Adobe Heiti Std R;
  473. font-weight: NaN;
  474. text-align: left;
  475. white-space: nowrap;
  476. line-height: 4.33vw;
  477. margin-top: 0.1vw;
  478. }
  479. .text_25 {
  480. width: 17.02vw;
  481. height: 4.24vw;
  482. overflow-wrap: break-word;
  483. color: rgba(255, 255, 255, 1);
  484. font-size: 4.32vw;
  485. font-family: Adobe Heiti Std R;
  486. font-weight: NaN;
  487. text-align: left;
  488. white-space: nowrap;
  489. line-height: 4.33vw;
  490. margin-left: 13.87vw;
  491. }
  492. .text_26 {
  493. width: 17.02vw;
  494. height: 4.06vw;
  495. overflow-wrap: break-word;
  496. color: rgba(255, 255, 255, 1);
  497. font-size: 4.32vw;
  498. font-family: Adobe Heiti Std R;
  499. font-weight: NaN;
  500. text-align: left;
  501. white-space: nowrap;
  502. line-height: 4.33vw;
  503. margin: 0.09vw 0 0 15.21vw;
  504. }