index.module.scss 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567
  1. .A1svgBox {
  2. overflow: hidden;
  3. width: 100%;
  4. height: 100%;
  5. position: relative;
  6. :global {
  7. .acSvg {
  8. g[id^='tag_'] {
  9. opacity: 1;
  10. }
  11. .cls-168,
  12. .cls-173 {
  13. fill: #fde5aa;
  14. }
  15. .cls-162,
  16. .cls-167 {
  17. fill: #c1a6ff;
  18. }
  19. .cls-152,
  20. .cls-161 {
  21. fill: #ee927f;
  22. }
  23. }
  24. g[id^='tag_'] {
  25. transition: all 0.3s;
  26. opacity: 0;
  27. pointer-events: none;
  28. }
  29. g[id^='id_'] {
  30. cursor: pointer;
  31. }
  32. // ------------------------------------------------------------
  33. .cls-1,
  34. .cls-160 {
  35. fill: none;
  36. }
  37. .cls-2 {
  38. opacity: 0.8;
  39. }
  40. .cls-3 {
  41. clip-path: url(#clip-path);
  42. }
  43. .cls-4 {
  44. clip-path: url(#clip-path-2);
  45. }
  46. .cls-158,
  47. .cls-5 {
  48. isolation: isolate;
  49. }
  50. .cls-6 {
  51. fill: #7f7f7f;
  52. }
  53. .cls-158,
  54. .cls-159,
  55. .cls-7 {
  56. fill: #fff;
  57. }
  58. .cls-8 {
  59. fill: #00446c;
  60. }
  61. .cls-9 {
  62. fill: #00315b;
  63. }
  64. .cls-10 {
  65. fill: #003c70;
  66. }
  67. .cls-11 {
  68. fill: #c4000f;
  69. }
  70. .cls-12 {
  71. fill: #7a000a;
  72. }
  73. .cls-13 {
  74. fill: #a0000d;
  75. }
  76. .cls-14 {
  77. fill: #cd6f00;
  78. }
  79. .cls-15 {
  80. fill: #ab5d00;
  81. }
  82. .cls-16 {
  83. fill: #d39100;
  84. }
  85. .cls-17 {
  86. fill: #af000e;
  87. }
  88. .cls-18 {
  89. fill: #e40012;
  90. }
  91. .cls-19 {
  92. fill: #b66300;
  93. }
  94. .cls-20 {
  95. fill: #ee8100;
  96. }
  97. .cls-21 {
  98. fill: #c06800;
  99. }
  100. .cls-22 {
  101. fill: #7f4500;
  102. }
  103. .cls-23 {
  104. fill: #835a00;
  105. }
  106. .cls-24 {
  107. fill: #c58800;
  108. }
  109. .cls-25 {
  110. fill: #f5a900;
  111. }
  112. .cls-26 {
  113. clip-path: url(#clip-path-4);
  114. }
  115. .cls-27 {
  116. fill: #a25800;
  117. }
  118. .cls-28 {
  119. fill: #9d5500;
  120. }
  121. .cls-29 {
  122. clip-path: url(#clip-path-5);
  123. }
  124. .cls-30 {
  125. fill: #a9000d;
  126. }
  127. .cls-31 {
  128. fill: #a4000d;
  129. }
  130. .cls-32 {
  131. fill: #ba8000;
  132. }
  133. .cls-33 {
  134. clip-path: url(#clip-path-6);
  135. }
  136. .cls-34 {
  137. fill: #9d6c00;
  138. }
  139. .cls-35 {
  140. fill: #986900;
  141. }
  142. .cls-36 {
  143. clip-path: url(#clip-path-7);
  144. }
  145. .cls-37 {
  146. fill: #004077;
  147. }
  148. .cls-38 {
  149. fill: #003e74;
  150. }
  151. .cls-39 {
  152. clip-path: url(#clip-path-8);
  153. }
  154. .cls-40 {
  155. clip-path: url(#clip-path-9);
  156. }
  157. .cls-41 {
  158. fill: #00437e;
  159. }
  160. .cls-42 {
  161. fill: #00427a;
  162. }
  163. .cls-43 {
  164. clip-path: url(#clip-path-10);
  165. }
  166. .cls-44 {
  167. clip-path: url(#clip-path-11);
  168. }
  169. .cls-45 {
  170. fill: #003a6d;
  171. }
  172. .cls-46 {
  173. clip-path: url(#clip-path-12);
  174. }
  175. .cls-47 {
  176. fill: #003869;
  177. }
  178. .cls-48 {
  179. clip-path: url(#clip-path-13);
  180. }
  181. .cls-49 {
  182. fill: #003766;
  183. }
  184. .cls-50 {
  185. fill: #003563;
  186. }
  187. .cls-51 {
  188. fill: #00335f;
  189. }
  190. .cls-52 {
  191. fill: #00315c;
  192. }
  193. .cls-53 {
  194. fill: #002f58;
  195. }
  196. .cls-54 {
  197. clip-path: url(#clip-path-14);
  198. }
  199. .cls-55 {
  200. fill: #005baa;
  201. }
  202. .cls-56 {
  203. clip-path: url(#clip-path-15);
  204. }
  205. .cls-57 {
  206. clip-path: url(#clip-path-16);
  207. }
  208. .cls-58 {
  209. fill: #945000;
  210. }
  211. .cls-59 {
  212. fill: #985300;
  213. }
  214. .cls-60 {
  215. clip-path: url(#clip-path-17);
  216. }
  217. .cls-61 {
  218. fill: #7c4300;
  219. }
  220. .cls-62 {
  221. clip-path: url(#clip-path-18);
  222. }
  223. .cls-63 {
  224. fill: #92000c;
  225. }
  226. .cls-64 {
  227. fill: #96000c;
  228. }
  229. .cls-65 {
  230. clip-path: url(#clip-path-19);
  231. }
  232. .cls-66 {
  233. clip-path: url(#clip-path-20);
  234. }
  235. .cls-67 {
  236. fill: #770009;
  237. }
  238. .cls-68 {
  239. clip-path: url(#clip-path-21);
  240. }
  241. .cls-69 {
  242. clip-path: url(#clip-path-22);
  243. }
  244. .cls-70 {
  245. fill: #7f5800;
  246. }
  247. .cls-71 {
  248. clip-path: url(#clip-path-23);
  249. }
  250. .cls-72 {
  251. clip-path: url(#clip-path-24);
  252. }
  253. .cls-73 {
  254. fill: #936500;
  255. }
  256. .cls-74 {
  257. clip-path: url(#clip-path-25);
  258. }
  259. .cls-75 {
  260. fill: #005a8d;
  261. }
  262. .cls-76 {
  263. fill: #005789;
  264. }
  265. .cls-77 {
  266. clip-path: url(#clip-path-26);
  267. }
  268. .cls-78 {
  269. fill: #005485;
  270. }
  271. .cls-79 {
  272. clip-path: url(#clip-path-27);
  273. }
  274. .cls-80 {
  275. fill: #005c91;
  276. }
  277. .cls-81 {
  278. clip-path: url(#clip-path-28);
  279. }
  280. .cls-82 {
  281. fill: #005281;
  282. }
  283. .cls-83 {
  284. fill: #004f7d;
  285. }
  286. .cls-84 {
  287. clip-path: url(#clip-path-29);
  288. }
  289. .cls-85 {
  290. clip-path: url(#clip-path-30);
  291. }
  292. .cls-86 {
  293. clip-path: url(#clip-path-31);
  294. }
  295. .cls-87 {
  296. fill: #004d79;
  297. }
  298. .cls-88 {
  299. clip-path: url(#clip-path-32);
  300. }
  301. .cls-89 {
  302. clip-path: url(#clip-path-33);
  303. }
  304. .cls-90 {
  305. fill: #004a75;
  306. }
  307. .cls-91 {
  308. fill: #004871;
  309. }
  310. .cls-92 {
  311. clip-path: url(#clip-path-34);
  312. }
  313. .cls-93 {
  314. clip-path: url(#clip-path-35);
  315. }
  316. .cls-94 {
  317. clip-path: url(#clip-path-36);
  318. }
  319. .cls-95 {
  320. clip-path: url(#clip-path-37);
  321. }
  322. .cls-96 {
  323. clip-path: url(#clip-path-38);
  324. }
  325. .cls-97 {
  326. clip-path: url(#clip-path-39);
  327. }
  328. .cls-98 {
  329. fill: #8e6200;
  330. }
  331. .cls-99 {
  332. fill: #895f00;
  333. }
  334. .cls-100 {
  335. clip-path: url(#clip-path-40);
  336. }
  337. .cls-101 {
  338. fill: #006898;
  339. }
  340. .cls-102 {
  341. clip-path: url(#clip-path-41);
  342. }
  343. .cls-103 {
  344. fill: #0072a6;
  345. }
  346. .cls-104 {
  347. fill: #006fa2;
  348. }
  349. .cls-105 {
  350. clip-path: url(#clip-path-42);
  351. }
  352. .cls-106 {
  353. fill: #0075ab;
  354. }
  355. .cls-107 {
  356. clip-path: url(#clip-path-43);
  357. }
  358. .cls-108 {
  359. fill: #006594;
  360. }
  361. .cls-109 {
  362. fill: #00628f;
  363. }
  364. .cls-110 {
  365. clip-path: url(#clip-path-44);
  366. }
  367. .cls-111 {
  368. fill: #005f8b;
  369. }
  370. .cls-112 {
  371. fill: #005c86;
  372. }
  373. .cls-113 {
  374. clip-path: url(#clip-path-45);
  375. }
  376. .cls-114 {
  377. fill: #005881;
  378. }
  379. .cls-115 {
  380. clip-path: url(#clip-path-46);
  381. }
  382. .cls-116 {
  383. fill: #00557d;
  384. }
  385. .cls-117 {
  386. clip-path: url(#clip-path-47);
  387. }
  388. .cls-118 {
  389. clip-path: url(#clip-path-48);
  390. }
  391. .cls-119 {
  392. fill: #00456d;
  393. }
  394. .cls-120 {
  395. fill: #004369;
  396. }
  397. .cls-121 {
  398. clip-path: url(#clip-path-49);
  399. }
  400. .cls-122 {
  401. clip-path: url(#clip-path-50);
  402. }
  403. .cls-123 {
  404. clip-path: url(#clip-path-51);
  405. }
  406. .cls-124 {
  407. fill: #ab7600;
  408. }
  409. .cls-125 {
  410. clip-path: url(#clip-path-52);
  411. }
  412. .cls-126 {
  413. clip-path: url(#clip-path-53);
  414. }
  415. .cls-127 {
  416. fill: #005278;
  417. }
  418. .cls-128 {
  419. clip-path: url(#clip-path-54);
  420. }
  421. .cls-129 {
  422. fill: #00547b;
  423. }
  424. .cls-130 {
  425. fill: #0088c7;
  426. }
  427. .cls-131 {
  428. fill: #009ee7;
  429. }
  430. .cls-132 {
  431. clip-path: url(#clip-path-55);
  432. }
  433. .cls-133 {
  434. clip-path: url(#clip-path-56);
  435. }
  436. .cls-134 {
  437. clip-path: url(#clip-path-57);
  438. }
  439. .cls-135 {
  440. clip-path: url(#clip-path-58);
  441. }
  442. .cls-136 {
  443. clip-path: url(#clip-path-59);
  444. }
  445. .cls-137 {
  446. clip-path: url(#clip-path-60);
  447. }
  448. .cls-138 {
  449. fill: #0080ca;
  450. }
  451. .cls-139 {
  452. clip-path: url(#clip-path-61);
  453. }
  454. .cls-140 {
  455. clip-path: url(#clip-path-62);
  456. }
  457. .cls-141 {
  458. clip-path: url(#clip-path-63);
  459. }
  460. .cls-142 {
  461. clip-path: url(#clip-path-64);
  462. }
  463. .cls-143 {
  464. clip-path: url(#clip-path-65);
  465. }
  466. .cls-144 {
  467. clip-path: url(#clip-path-66);
  468. }
  469. .cls-145 {
  470. clip-path: url(#clip-path-67);
  471. }
  472. .cls-146 {
  473. clip-path: url(#clip-path-68);
  474. }
  475. .cls-147 {
  476. clip-path: url(#clip-path-69);
  477. }
  478. .cls-148 {
  479. clip-path: url(#clip-path-70);
  480. }
  481. .cls-149 {
  482. fill: #006eae;
  483. }
  484. .cls-150 {
  485. fill: #004e92;
  486. }
  487. .cls-151 {
  488. fill: #006b9d;
  489. }
  490. .cls-152,
  491. .cls-161 {
  492. fill: #dd7e6b;
  493. }
  494. .cls-153 {
  495. fill: #b5483c;
  496. }
  497. .cls-154 {
  498. fill: #a52f2d;
  499. }
  500. .cls-155 {
  501. fill: #ba433a;
  502. }
  503. .cls-156 {
  504. fill: #ce5e4e;
  505. }
  506. .cls-157 {
  507. fill: #a8a8a8;
  508. }
  509. .cls-158 {
  510. opacity: 0.6;
  511. }
  512. .cls-159 {
  513. opacity: 0.9;
  514. }
  515. .cls-160 {
  516. stroke: #fff;
  517. stroke-miterlimit: 10;
  518. }
  519. .cls-161,
  520. .cls-167,
  521. .cls-173 {
  522. font-size: 16px;
  523. font-family: SourceHanSansCN-Regular-GBpc-EUC-H, Source Han Sans CN;
  524. }
  525. .cls-162,
  526. .cls-167 {
  527. fill: #916ce5;
  528. }
  529. .cls-163 {
  530. fill: #6952cc;
  531. }
  532. .cls-164 {
  533. fill: #5644c1;
  534. }
  535. .cls-165 {
  536. fill: #6850cc;
  537. }
  538. .cls-166 {
  539. fill: #7b5dd8;
  540. }
  541. .cls-168,
  542. .cls-173 {
  543. fill: #ddbc6b;
  544. }
  545. .cls-169 {
  546. fill: #ba7820;
  547. }
  548. .cls-170 {
  549. fill: #9e6613;
  550. }
  551. .cls-171 {
  552. fill: #b58024;
  553. }
  554. .cls-172 {
  555. fill: #c99b41;
  556. }
  557. .cls-174 {
  558. fill: #b2b2b2;
  559. }
  560. .cls-175 {
  561. fill: #858585;
  562. }
  563. // ---------------------------------------------------------------------
  564. }
  565. }