tgcode.html 49 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1.0,initial-scale=1,user-scalable=no,viewport-fit=true" data-shuvi-head="true">
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  8. <link rel="stylesheet" type="text/css" href="/Public/Home/static/css/base.css" />
  9. <title>{$webname}</title>
  10. <style>
  11. .css-ogtd7z {
  12. box-sizing: border-box;
  13. margin: 0px;
  14. min-width: 0px;
  15. display: flex;
  16. transition: all 1s ease 0s;
  17. -webkit-box-pack: center;
  18. justify-content: center;
  19. background-color: rgb(254, 241, 242);
  20. }
  21. .css-jrzkh7 {
  22. box-sizing: border-box;
  23. margin: 0px;
  24. min-width: 0px;
  25. background-color: rgb(24, 26, 32);
  26. }
  27. .css-1aac2e {
  28. box-sizing: border-box;
  29. margin: 0px auto;
  30. min-width: 0px;
  31. padding-left: 24px;
  32. padding-right: 24px;
  33. max-width: 1248px;
  34. background-color: rgb(254, 241, 242);
  35. }
  36. .css-1wr4jig {
  37. box-sizing: border-box;
  38. margin: 0px;
  39. min-width: 0px;
  40. display: flex;
  41. flex-direction: column;
  42. flex: 1 1 0%;
  43. }
  44. .css-xry4yv {
  45. box-sizing: border-box;
  46. margin: 0px;
  47. min-width: 0px;
  48. display: flex;
  49. min-height: 600px;
  50. flex: 1 1 0%;
  51. flex-direction: column;
  52. }
  53. .css-xry4yv {
  54. flex-direction: row;
  55. }
  56. .css-foka8b {
  57. box-sizing: border-box;
  58. margin: 0px;
  59. min-width: 0px;
  60. display: flex;
  61. box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 8%) 0px 0px 4px;
  62. position: relative;
  63. z-index: 1;
  64. flex-direction: column;
  65. width: 200px;
  66. background: #ffffff;
  67. }
  68. .css-160vccy {
  69. box-sizing: border-box;
  70. margin: 0px;
  71. min-width: 0px;
  72. flex: 1 1 0%;
  73. background-color: rgb(250, 250, 250);
  74. }
  75. .css-z87e9z {
  76. box-sizing: border-box;
  77. margin: 0px;
  78. min-width: 0px;
  79. text-decoration: none;
  80. color: rgb(201, 148, 0);
  81. border-left: 4px solid rgb(240, 185, 11);
  82. height: 48px;
  83. background-color: rgb(245, 245, 245);
  84. font-weight: 500;
  85. display: flex;
  86. -webkit-box-align: center;
  87. align-items: center;
  88. -webkit-box-pack: justify;
  89. justify-content: space-between;
  90. }
  91. .css-10j588g {
  92. box-sizing: border-box;
  93. margin: 0px;
  94. min-width: 0px;
  95. display: flex;
  96. flex: 1 1 0%;
  97. height: 100%;
  98. -webkit-box-align: center;
  99. align-items: center;
  100. }
  101. .css-iizq59 {
  102. box-sizing: border-box;
  103. margin: 0px;
  104. min-width: 0px;
  105. font-weight: 500;
  106. font-size: 14px;
  107. line-height: 20px;
  108. word-break: break-word;
  109. display: flex;
  110. flex: 1 1 0%;
  111. height: 100%;
  112. -webkit-box-align: center;
  113. align-items: center;
  114. color: rgb(33, 40, 51);
  115. }
  116. .css-14thuu2 {
  117. box-sizing: border-box;
  118. margin: 0px 8px;
  119. min-width: 0px;
  120. color: rgb(240, 185, 11);
  121. font-size: 24px;
  122. fill: rgb(240, 185, 11);
  123. width: 1em;
  124. flex-shrink: 0;
  125. }
  126. .css-6ijtmk {
  127. box-sizing: border-box;
  128. margin: 0px;
  129. min-width: 0px;
  130. text-decoration: none;
  131. color: rgb(201, 148, 0);
  132. border-left: 4px solid transparent;
  133. height: 48px;
  134. display: flex;
  135. -webkit-box-align: center;
  136. align-items: center;
  137. -webkit-box-pack: justify;
  138. justify-content: space-between;
  139. background:#fff;
  140. }
  141. .css-hd27fe {
  142. box-sizing: border-box;
  143. margin: 0px 8px;
  144. min-width: 0px;
  145. color: rgb(132, 142, 156);
  146. font-size: 24px;
  147. fill: rgb(132, 142, 156);
  148. width: 1em;
  149. flex-shrink: 0;
  150. }
  151. .css-1n0484q {
  152. box-sizing: border-box;
  153. margin: 0px;
  154. min-width: 0px;
  155. font-weight: 400;
  156. font-size: 14px;
  157. line-height: 20px;
  158. word-break: break-word;
  159. display: flex;
  160. flex: 1 1 0%;
  161. height: 100%;
  162. -webkit-box-align: center;
  163. align-items: center;
  164. color: rgb(33, 40, 51);
  165. }
  166. .css-146q23 {
  167. box-sizing: border-box;
  168. margin: 0px;
  169. min-width: 0px;
  170. flex: 1 1 0%;
  171. background-color: rgb(255, 255, 255);
  172. }
  173. .css-jlbk6n {
  174. box-sizing: border-box;
  175. margin: 0px;
  176. min-width: 0px;
  177. display: flex;
  178. flex-wrap: wrap;
  179. -webkit-box-pack: justify;
  180. justify-content: space-between;
  181. padding: 8px;
  182. }
  183. .css-1e6doj4 {
  184. box-sizing: border-box;
  185. margin: 0px;
  186. min-width: 0px;
  187. display: flex;
  188. box-shadow: rgb(0 0 0 / 5%) 0px 0px 4px;
  189. flex: 1 1 0%;
  190. padding: 24px;
  191. }
  192. .css-6vt7sa {
  193. box-sizing: border-box;
  194. margin: 0px;
  195. min-width: 0px;
  196. display: flex;
  197. width: 40px;
  198. height: 40px;
  199. border-radius: 100%;
  200. border-width: 1px;
  201. border-style: solid;
  202. border-color: rgb(30, 35, 41);
  203. font-weight: 500;
  204. -webkit-box-pack: center;
  205. justify-content: center;
  206. -webkit-box-align: center;
  207. align-items: center;
  208. font-size: 20px;
  209. color: rgb(30, 35, 41);
  210. }
  211. .css-1sgz1lk {
  212. box-sizing: border-box;
  213. margin: 0px 0px 0px 16px;
  214. min-width: 0px;
  215. }
  216. .css-ize0sl {
  217. box-sizing: border-box;
  218. margin: 0px 0px 4px;
  219. min-width: 0px;
  220. display: flex;
  221. -webkit-box-align: center;
  222. align-items: center;
  223. }
  224. .css-1uoge8i {
  225. box-sizing: border-box;
  226. margin: 0px 16px 0px 0px;
  227. min-width: 0px;
  228. }
  229. .css-180eiyx {
  230. box-sizing: border-box;
  231. margin: 0px;
  232. min-width: 0px;
  233. display: flex;
  234. font-size: 14px;
  235. color: rgb(30, 35, 41);
  236. }
  237. .css-1ap5wc6 {
  238. box-sizing: border-box;
  239. margin: 0px;
  240. min-width: 0px;
  241. color: rgb(112, 122, 138);
  242. }
  243. .css-1124n14 {
  244. box-sizing: border-box;
  245. margin: 0px 16px 0px 0px;
  246. min-width: 0px;
  247. color: rgb(30, 35, 41);
  248. }
  249. .css-lzd0h4 {
  250. box-sizing: border-box;
  251. margin: 0px 0px 0px 8px;
  252. min-width: 0px;
  253. }
  254. .css-bhso1m {
  255. box-sizing: border-box;
  256. margin: 0px;
  257. min-width: 0px;
  258. display: inline-block;
  259. border-radius: 4px;
  260. padding-left: 8px;
  261. padding-right: 8px;
  262. font-size: 14px;
  263. background-color: rgba(240, 185, 11, 0.19);
  264. color: rgb(240, 185, 11);
  265. }
  266. .css-1ry7rnu {
  267. box-sizing: border-box;
  268. margin: 0px;
  269. min-width: 0px;
  270. display: flex;
  271. color: rgb(112, 122, 138);
  272. font-size: 12px;
  273. line-height: 1.25;
  274. }
  275. .css-9cwl6c {
  276. box-sizing: border-box;
  277. margin: 0px 8px 0px 0px;
  278. min-width: 0px;
  279. }
  280. .css-vurnku {
  281. box-sizing: border-box;
  282. margin: 0px;
  283. min-width: 0px;
  284. }
  285. .css-kvkii2 {
  286. box-sizing: border-box;
  287. margin: 0px;
  288. min-width: 0px;
  289. display: flex;
  290. width: 66.6667%;
  291. padding: 8px;
  292. }
  293. .css-1p01izn {
  294. box-sizing: border-box;
  295. margin: 0px;
  296. min-width: 0px;
  297. box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
  298. border-radius: 4px;
  299. background-color: rgb(255, 255, 255);
  300. padding: 0px 16px;
  301. width: 100%;
  302. }
  303. .css-1hythwr {
  304. box-sizing: border-box;
  305. margin: 0px;
  306. min-width: 0px;
  307. display: flex;
  308. flex: 1 1 0%;
  309. flex-direction: column;
  310. }
  311. .css-1hz1mz6 {
  312. box-sizing: border-box;
  313. margin: 0px;
  314. min-width: 0px;
  315. flex: 1 1 0%;
  316. padding-top: 16px;
  317. padding-bottom: 16px;
  318. }
  319. .css-181kvgz {
  320. box-sizing: border-box;
  321. margin: 0px 16px 0px 0px;
  322. min-width: 0px;
  323. display: inline-block;
  324. text-decoration: none;
  325. font-weight: 600;
  326. color: rgb(30, 35, 41);
  327. font-size: 16px;
  328. padding: 0px;
  329. }
  330. .css-181kvgz:hover {
  331. color: rgb(252, 213, 53);
  332. }
  333. a, a:active, a:visited {
  334. text-decoration: none;
  335. }
  336. .css-10nf7hq {
  337. box-sizing: border-box;
  338. margin: 0px;
  339. min-width: 0px;
  340. display: flex;
  341. -webkit-box-align: center;
  342. align-items: center;
  343. }
  344. .css-4cffwv {
  345. box-sizing: border-box;
  346. margin: 0px;
  347. min-width: 0px;
  348. display: flex;
  349. }
  350. .css-noqr05 {
  351. box-sizing: border-box;
  352. margin: 0px;
  353. min-width: 0px;
  354. display: flex;
  355. -webkit-box-pack: justify;
  356. justify-content: space-between;
  357. -webkit-box-align: center;
  358. align-items: center;
  359. width: auto;
  360. }
  361. .css-d732j0 {
  362. margin: 0px 4px;
  363. min-width: 0px;
  364. appearance: none;
  365. user-select: none;
  366. cursor: pointer;
  367. overflow: hidden;
  368. text-overflow: ellipsis;
  369. white-space: nowrap;
  370. display: inline-flex;
  371. -webkit-box-align: center;
  372. align-items: center;
  373. -webkit-box-pack: center;
  374. justify-content: center;
  375. box-sizing: border-box;
  376. font-family: inherit;
  377. text-align: center;
  378. text-decoration: none;
  379. outline: none;
  380. font-weight: 500;
  381. line-height: 20px;
  382. word-break: keep-all;
  383. color: rgb(33, 40, 51);
  384. border-radius: 4px;
  385. padding: 4px 16px;
  386. border: none;
  387. background-image: linear-gradient(rgb(248, 209, 47) 0%, rgb(240, 185, 11) 100%);
  388. flex: 1 1 0%;
  389. min-height: 24px;
  390. font-size: 12px;
  391. }
  392. .css-1dfql01 {
  393. margin: 0px 4px;
  394. min-width: 0px;
  395. appearance: none;
  396. user-select: none;
  397. cursor: pointer;
  398. overflow: hidden;
  399. text-overflow: ellipsis;
  400. white-space: nowrap;
  401. display: inline-flex;
  402. -webkit-box-align: center;
  403. align-items: center;
  404. -webkit-box-pack: center;
  405. justify-content: center;
  406. box-sizing: border-box;
  407. font-family: inherit;
  408. text-align: center;
  409. text-decoration: none;
  410. outline: none;
  411. font-weight: 500;
  412. line-height: 20px;
  413. word-break: keep-all;
  414. color: rgb(33, 40, 51);
  415. border-radius: 4px;
  416. padding: 4px 16px;
  417. border: none;
  418. background-color: transparent;
  419. box-shadow: rgb(234 236 239) 0px 0px 0px 1px inset;
  420. flex: 1 1 0%;
  421. min-height: 24px;
  422. font-size: 12px;
  423. }
  424. .css-1s6nhe2 {
  425. box-sizing: border-box;
  426. margin: 0px 0px 0px 16px;
  427. min-width: 0px;
  428. text-decoration: none;
  429. color: rgb(201, 148, 0);
  430. display: flex;
  431. }
  432. .css-155meta {
  433. box-sizing: border-box;
  434. margin: 0px;
  435. min-width: 0px;
  436. color: rgb(0, 0, 0);
  437. font-size: 18px;
  438. fill: rgb(0, 0, 0);
  439. width: 1em;
  440. height: 1em;
  441. }
  442. .css-1s6nhe2:hover {
  443. text-decoration: underline;
  444. color: rgb(240, 185, 11);
  445. }
  446. .css-vurnku {
  447. box-sizing: border-box;
  448. margin: 0px;
  449. min-width: 0px;
  450. }
  451. .css-gnqbje {
  452. box-sizing: border-box;
  453. margin: 0px;
  454. min-width: 0px;
  455. display: block;
  456. }
  457. .css-ysetcg {
  458. box-sizing: border-box;
  459. margin: 0px;
  460. min-width: 0px;
  461. padding-top: 48px;
  462. padding-bottom: 48px;
  463. }
  464. .css-ct0qa6 {
  465. box-sizing: border-box;
  466. margin: 0px;
  467. min-width: 0px;
  468. display: flex;
  469. flex: 1 1 0%;
  470. }
  471. .css-1bliacb {
  472. box-sizing: border-box;
  473. margin: 0px;
  474. width: 25%;
  475. flex: 1 1 0%;
  476. margin-bottom: 24px;
  477. }
  478. .css-vurnku {
  479. box-sizing: border-box;
  480. margin: 0px;
  481. min-width: 0px;
  482. }
  483. .css-1f978ju {
  484. box-sizing: border-box;
  485. margin: 0px 0px 8px;
  486. min-width: 0px;
  487. }
  488. .css-ize0sl {
  489. box-sizing: border-box;
  490. margin: 0px 0px 4px;
  491. min-width: 0px;
  492. display: flex;
  493. -webkit-box-align: center;
  494. align-items: center;
  495. }
  496. .css-1kbdyxh {
  497. box-sizing: border-box;
  498. margin: 0px;
  499. min-width: 0px;
  500. font-size: 14px;
  501. color: rgb(112, 122, 138);
  502. display: inline-block;
  503. }
  504. .css-n5mzgu {
  505. box-sizing: border-box;
  506. margin: 0px;
  507. min-width: 0px;
  508. display: flex;
  509. align-items: flex-end;
  510. flex-wrap: wrap;
  511. color: rgb(30, 35, 41);
  512. font-size: 14px;
  513. line-height: 24px;
  514. }
  515. .css-off8uh {
  516. box-sizing: border-box;
  517. margin: 0px 4px 0px 0px;
  518. min-width: 0px;
  519. display: flex;
  520. align-items: flex-end;
  521. }
  522. .css-1t9tl2o {
  523. box-sizing: border-box;
  524. margin: 0px;
  525. min-width: 0px;
  526. font-size: 32px;
  527. line-height: 36px;
  528. }
  529. .css-vurnku {
  530. box-sizing: border-box;
  531. margin: 0px;
  532. min-width: 0px;
  533. }
  534. .css-omwf4y {
  535. box-sizing: border-box;
  536. margin: 0px;
  537. min-width: 0px;
  538. display: flex;
  539. width: 100%;
  540. padding: 8px;
  541. flex-direction: column;
  542. flex: 1 1 0%;
  543. }
  544. .css-vt77s9 {
  545. box-sizing: border-box;
  546. /* margin: 16px 0px 0px; */
  547. min-width: 0px;
  548. box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
  549. border-radius: 4px;
  550. background-color: rgb(255, 255, 255);
  551. padding: 0px 16px;
  552. width: 100%;
  553. flex: 1 1 0%;
  554. }
  555. .css-1hythwr {
  556. box-sizing: border-box;
  557. margin: 0px;
  558. min-width: 0px;
  559. display: flex;
  560. flex: 1 1 0%;
  561. flex-direction: column;
  562. }
  563. .css-hwv82q {
  564. box-sizing: border-box;
  565. margin: 0px;
  566. min-width: 0px;
  567. border-width: 0px 0px 1px;
  568. border-style: solid;
  569. border-color: rgb(234, 236, 239);
  570. flex: 1 1 0%;
  571. padding-top: 16px;
  572. padding-bottom: 16px;
  573. }
  574. .css-5x6ly7 {
  575. box-sizing: border-box;
  576. margin: 0px;
  577. min-width: 0px;
  578. display: flex;
  579. flex: 1 1 0%;
  580. -webkit-box-align: center;
  581. align-items: center;
  582. }
  583. .css-65w75 {
  584. box-sizing: border-box;
  585. margin: 0px;
  586. min-width: 0px;
  587. font-size: 12px;
  588. }
  589. .css-1wuyyej {
  590. box-sizing: border-box;
  591. margin: 8px 0px 0px;
  592. min-width: 0px;
  593. text-decoration: none;
  594. display: block;
  595. border-width: 0px 0px 1px;
  596. border-style: solid;
  597. border-color: rgb(234, 236, 239);
  598. color: rgb(30, 35, 41);
  599. line-height: 1.5;
  600. padding-top: 16px;
  601. padding-bottom: 16px;
  602. }
  603. .css-1joqi3u {
  604. box-sizing: border-box;
  605. margin: 16px 0px 0px;
  606. min-width: 0px;
  607. text-align: right;
  608. color: rgb(112, 122, 138);
  609. }
  610. .css-1wuyyej:hover {
  611. color: rgb(240, 185, 11);
  612. }
  613. a, .css-1wuyyej:active, .css-1wuyyej:visited {
  614. text-decoration: none;
  615. }
  616. .css-ei3nni {
  617. box-sizing: border-box;
  618. margin: 0px;
  619. min-width: 0px;
  620. display: flex;
  621. width: 100%;
  622. padding: 8px;
  623. }
  624. .css-1p01izn {
  625. box-sizing: border-box;
  626. margin: 0px;
  627. min-width: 0px;
  628. box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
  629. border-radius: 4px;
  630. background-color: rgb(255, 255, 255);
  631. padding: 0px 16px;
  632. width: 100%;
  633. }
  634. .css-1hythwr {
  635. box-sizing: border-box;
  636. margin: 0px;
  637. min-width: 0px;
  638. display: flex;
  639. flex: 1 1 0%;
  640. flex-direction: column;
  641. }
  642. .css-hwv82q {
  643. box-sizing: border-box;
  644. margin: 0px;
  645. min-width: 0px;
  646. border-width: 0px 0px 1px;
  647. border-style: solid;
  648. border-color: rgb(234, 236, 239);
  649. flex: 1 1 0%;
  650. padding-top: 16px;
  651. padding-bottom: 16px;
  652. }
  653. .css-1dcd6pv {
  654. box-sizing: border-box;
  655. margin: 0px;
  656. min-width: 0px;
  657. display: flex;
  658. flex: 1 1 0%;
  659. padding-top: 16px;
  660. padding-bottom: 16px;
  661. flex-direction: column;
  662. }
  663. .css-1h690ep {
  664. box-sizing: border-box;
  665. margin: 0px;
  666. min-width: 0px;
  667. display: flex;
  668. flex: 1 1 0%;
  669. }
  670. .css-phax11 {
  671. box-sizing: border-box;
  672. margin: 0px;
  673. min-width: 0px;
  674. display: flex;
  675. padding: 8px;
  676. flex-direction: column;
  677. width: 20%;
  678. }
  679. .css-9b6x94 {
  680. box-sizing: border-box;
  681. margin: 0px;
  682. min-width: 0px;
  683. font-size: 12px;
  684. color: rgb(112, 122, 138);
  685. line-height: 1.5;
  686. }
  687. .css-1ngrbny {
  688. box-sizing: border-box;
  689. margin: 0px;
  690. min-width: 0px;
  691. display: flex;
  692. padding: 8px;
  693. flex-direction: row;
  694. width: 20%;
  695. -webkit-box-pack: end;
  696. justify-content: flex-end;
  697. -webkit-box-align: center;
  698. align-items: center;
  699. }
  700. .css-1pysja1 {
  701. box-sizing: border-box;
  702. margin: 0px;
  703. min-width: 0px;
  704. flex: 1 1 0%;
  705. }
  706. .css-kc3i4p {
  707. box-sizing: border-box;
  708. margin: 0px;
  709. min-width: 0px;
  710. display: flex;
  711. border-width: 0px 0px 1px;
  712. border-style: solid;
  713. border-color: rgb(234, 236, 239);
  714. flex: 1 1 0%;
  715. padding-top: 4px;
  716. padding-bottom: 4px;
  717. }
  718. .css-1g02g2m {
  719. box-sizing: border-box;
  720. margin: 0px;
  721. min-width: 0px;
  722. font-size: 14px;
  723. color: rgb(30, 35, 41);
  724. }
  725. .css-cvky42 {
  726. box-sizing: border-box;
  727. margin: 0px;
  728. min-width: 0px;
  729. font-size: 12px;
  730. color: rgb(30, 35, 41);
  731. }
  732. .css-4cffwv {
  733. box-sizing: border-box;
  734. margin: 0px;
  735. min-width: 0px;
  736. display: flex;
  737. }
  738. .css-1pryf6p {
  739. box-sizing: border-box;
  740. margin: 0px;
  741. min-width: 0px;
  742. font-size: 12px;
  743. color: rgb(14, 203, 129);
  744. }
  745. .css-1g02g2m {
  746. box-sizing: border-box;
  747. margin: 0px;
  748. min-width: 0px;
  749. font-size: 14px;
  750. color: rgb(30, 35, 41);
  751. }
  752. .css-9biujf {
  753. box-sizing: border-box;
  754. margin: 0px;
  755. min-width: 0px;
  756. cursor: pointer;
  757. text-decoration: underline;
  758. font-size: 12px;
  759. color: rgb(240, 185, 11);
  760. line-height: 1.5;
  761. }
  762. </style>
  763. </head>
  764. <body>
  765. <div class="App">
  766. <div class="css-tq0shg">
  767. <include file="Public:header"/>
  768. <div class="css-ogtd7z">
  769. <div class="css-jrzkh7">
  770. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  771. </div>
  772. </div>
  773. <main class="css-1wr4jig">
  774. <main class="css-xry4yv">
  775. <!--左边-->
  776. <div class="css-foka8b">
  777. <a data-bn-type="link" href="{:U('User/index')}" class="css-6ijtmk" style="text-decoration: none;">
  778. <div class="css-10j588g">
  779. <i class="bi bi-person-fill css-hd27fe"></i>
  780. <div data-bn-type="text" class="css-iizq59">{:L('总览')}</div>
  781. </div>
  782. </a>
  783. <a data-bn-type="link" href="{:U('User/addresslist')}" class="css-6ijtmk" style="text-decoration: none;">
  784. <div class="css-10j588g">
  785. <i class="bi bi-journal-text css-hd27fe"></i>
  786. <div data-bn-type="text" class="css-1n0484q">{:L('地址管理')}</div>
  787. </div>
  788. </a>
  789. <a data-bn-type="link" href="{:U('User/authrz')}" class="css-6ijtmk" style="text-decoration: none;">
  790. <div class="css-10j588g">
  791. <i class="bi bi-shield-check css-hd27fe"></i>
  792. <div data-bn-type="text" class="css-1n0484q">{:L('实名认证')}</div>
  793. </div>
  794. </a>
  795. <a data-bn-type="link" href="{:U('User/respwd')}" class="css-6ijtmk" style="text-decoration: none;">
  796. <div class="css-10j588g">
  797. <i class="bi bi-gear css-hd27fe"></i>
  798. <div data-bn-type="text" class="css-1n0484q">{:L('修改密码')}</div>
  799. </div>
  800. </a>
  801. <a data-bn-type="link" href="{:U('User/tgcode')}" class="css-z87e9z" style="text-decoration: none;">
  802. <div class="css-10j588g">
  803. <i class="bi bi-person-plus css-14thuu2"></i>
  804. <div data-bn-type="text" class="css-1n0484q">{:L('推荐返佣')}</div>
  805. </div>
  806. </a>
  807. <a data-bn-type="link" href="{:U('User/notice')}" class="css-6ijtmk" style="text-decoration: none;">
  808. <div class="css-10j588g">
  809. <i class="bi bi-bell css-hd27fe"></i>
  810. <div data-bn-type="text" class="css-1n0484q">{:L('我的通知')}</div>
  811. </div>
  812. </a>
  813. <a data-bn-type="link" href="{:U('User/online')}" class="css-6ijtmk" style="text-decoration: none;">
  814. <div class="css-10j588g">
  815. <i class="bi bi-headset css-hd27fe"></i>
  816. <div data-bn-type="text" class="css-1n0484q">{:L('联系客服')}</div>
  817. </div>
  818. </a>
  819. <a data-bn-type="link" href="{:U('User/mybill')}" class="css-6ijtmk" style="text-decoration: none;">
  820. <div class="css-10j588g">
  821. <i class="bi bi-card-list css-hd27fe"></i>
  822. <div data-bn-type="text" class="css-1n0484q">{:L('我的账单')}</div>
  823. </div>
  824. </a>
  825. </div>
  826. <!--右边-->
  827. <div class="css-160vccy">
  828. <!--右上-->
  829. <div class="css-146q23">
  830. <div class="css-1e6doj4">
  831. <div class="css-6vt7sa">{$uheader}</div>
  832. <div class="css-1sgz1lk">
  833. <div class="css-ize0sl">
  834. <div class="css-1124n14">{$uinfo.name}</div>
  835. <div class="css-1uoge8i">
  836. <div class="css-180eiyx">
  837. <div data-bn-type="text" class="css-1ap5wc6">{:L('用户')}ID: </div>
  838. {$uinfo.uid}
  839. </div>
  840. </div>
  841. <div class="css-lzd0h4">
  842. <if condition="$uinfo.rzstatus eq 2">
  843. <div class="css-bhso1m">{:L('已认证')}</div>
  844. <else />
  845. <div class="css-bhso1m">{:L('未认证')}</div>
  846. </if>
  847. </div>
  848. </div>
  849. <div class="css-1ry7rnu">
  850. <div data-bn-type="text" class="css-9cwl6c">{:L('上次登录时间')} {$uinfo.logintime}</div>
  851. <div data-bn-type="text" class="css-vurnku">IP: {$uinfo.loginip}</div>
  852. </div>
  853. </div>
  854. </div>
  855. </div>
  856. <!--右下-->
  857. <div class="css-jlbk6n">
  858. <div class="css-kvkii2">
  859. <div class="css-1p01izn">
  860. <div class="css-1hythwr">
  861. <div class="css-1hz1mz6">
  862. <div class="css-5x6ly7">
  863. <div class="css-5x6ly7">
  864. <a style="background-color: transparent;" id="balance" class="css-181kvgz">{:L('团队详情')}</a>
  865. </div>
  866. <div class="css-10nf7hq">
  867. <div class="css-4cffwv">
  868. <div class="css-noqr05">
  869. </div>
  870. </div>
  871. </div>
  872. </div>
  873. </div>
  874. <div class="css-vurnku">
  875. <div class="css-gnqbje">
  876. <div class="css-ysetcg">
  877. <div class="css-ct0qa6">
  878. <div class="css-1bliacb" style="float:left;">
  879. <div class="css-vurnku">
  880. <div class="css-1f978ju">
  881. <div class="css-ize0sl">
  882. <span data-bn-type="text" dir="ltr" class="css-1kbdyxh">{:L('三代会员统计')}: </span>
  883. </div>
  884. <div class="css-n5mzgu">
  885. <div dir="ltr" class="css-off8uh">
  886. <div data-bn-type="text" class="css-1t9tl2o">{$carr.allrz}</div>
  887. <div style="width: 4px;"></div>
  888. <div data-bn-type="text" class="css-vurnku">{:L('人')}&nbsp;&nbsp;{:L('已认证')}</div>
  889. </div>
  890. </div>
  891. <div class="css-n5mzgu">
  892. <div dir="ltr" class="css-off8uh">
  893. <div data-bn-type="text" class="css-1t9tl2o">{$carr.allnrz}</div>
  894. <div style="width: 4px;"></div>
  895. <div data-bn-type="text" class="css-vurnku">{:L('人')}&nbsp;&nbsp;{:L('未认证')}</div>
  896. </div>
  897. </div>
  898. </div>
  899. </div>
  900. </div>
  901. <div class="css-1bliacb" style="float:left;">
  902. <div class="css-vurnku">
  903. <div class="css-1f978ju">
  904. <div class="css-ize0sl">
  905. <span data-bn-type="text" dir="ltr" class="css-1kbdyxh">{:L('一代会员')}: </span>
  906. </div>
  907. <div class="css-n5mzgu">
  908. <div dir="ltr" class="css-off8uh">
  909. <div data-bn-type="text" class="css-1t9tl2o">{$carr.one}</div>
  910. <div style="width: 4px;"></div>
  911. <div data-bn-type="text" class="css-vurnku">{:L('人')}&nbsp;&nbsp;{:L('已认证')}</div>
  912. </div>
  913. </div>
  914. <div class="css-n5mzgu">
  915. <div dir="ltr" class="css-off8uh">
  916. <div data-bn-type="text" class="css-1t9tl2o">{$carr.onen}</div>
  917. <div style="width: 4px;"></div>
  918. <div data-bn-type="text" class="css-vurnku">{:L('人')}&nbsp;&nbsp;{:L('未认证')}</div>
  919. </div>
  920. </div>
  921. </div>
  922. </div>
  923. </div>
  924. <div class="css-1bliacb" style="float:left;">
  925. <div class="css-vurnku">
  926. <div class="css-1f978ju">
  927. <div class="css-ize0sl">
  928. <span data-bn-type="text" dir="ltr" class="css-1kbdyxh">{:L('二代会员')}: </span>
  929. </div>
  930. <div class="css-n5mzgu">
  931. <div dir="ltr" class="css-off8uh">
  932. <div data-bn-type="text" class="css-1t9tl2o">{$carr.two}</div>
  933. <div style="width: 4px;"></div>
  934. <div data-bn-type="text" class="css-vurnku">{:L('人')}&nbsp;&nbsp;{:L('已认证')}</div>
  935. </div>
  936. </div>
  937. <div class="css-n5mzgu">
  938. <div dir="ltr" class="css-off8uh">
  939. <div data-bn-type="text" class="css-1t9tl2o">{$carr.twon}</div>
  940. <div style="width: 4px;"></div>
  941. <div data-bn-type="text" class="css-vurnku">{:L('人')}&nbsp;&nbsp;{:L('未认证')}</div>
  942. </div>
  943. </div>
  944. </div>
  945. </div>
  946. </div>
  947. <div class="css-1bliacb" style="float:left;">
  948. <div class="css-vurnku">
  949. <div class="css-1f978ju">
  950. <div class="css-ize0sl">
  951. <span data-bn-type="text" dir="ltr" class="css-1kbdyxh">{:L('三代会员')}: </span>
  952. </div>
  953. <div class="css-n5mzgu">
  954. <div dir="ltr" class="css-off8uh">
  955. <div data-bn-type="text" class="css-1t9tl2o">{$carr.three}</div>
  956. <div style="width: 4px;"></div>
  957. <div data-bn-type="text" class="css-vurnku">{:L('人')}&nbsp;&nbsp;{:L('已认证')}</div>
  958. </div>
  959. </div>
  960. <div class="css-n5mzgu">
  961. <div dir="ltr" class="css-off8uh">
  962. <div data-bn-type="text" class="css-1t9tl2o">{$carr.threen}</div>
  963. <div style="width: 4px;"></div>
  964. <div data-bn-type="text" class="css-vurnku">{:L('人')}&nbsp;&nbsp;{:L('未认证')}</div>
  965. </div>
  966. </div>
  967. </div>
  968. </div>
  969. </div>
  970. </div>
  971. </div>
  972. </div>
  973. </div>
  974. </div>
  975. </div>
  976. </div>
  977. <div class="css-omwf4y">
  978. <div class="css-vt77s9">
  979. <div class="css-1hythwr">
  980. <div class="css-hwv82q">
  981. <div class="css-5x6ly7">
  982. <div class="css-5x6ly7">
  983. <a class="css-181kvgz">{:L('推荐码')}</a>
  984. </div>
  985. <div class="css-10nf7hq">
  986. <a class="css-1s6nhe2">
  987. <i class="bi bi-chevron-right css-155meta"></i>
  988. </a>
  989. </div>
  990. </div>
  991. </div>
  992. <div class="css-65w75">
  993. <div class="LinesEllipsis ">
  994. <img src="/Public/Static/qrcode/{$invit}.png" style="width:120px;">
  995. </div>
  996. <input type="hidden" value="{$url}" id="qrcode_url">
  997. <div class="LinesEllipsis ">{:L('我的邀请码')}:{$invit}<wbr></div>
  998. <div class="css-1joqi3u" onclick="copyUrl()" style="cursor:pointer;color:rgb(240, 185, 11);">{:L('复制邀请链接')}</div>
  999. </a>
  1000. </div>
  1001. </div>
  1002. </div>
  1003. </div>
  1004. <!--登陆日志-->
  1005. <div class="css-ei3nni">
  1006. <div class="css-1p01izn">
  1007. <div class="css-1hythwr">
  1008. <div class="css-hwv82q">
  1009. <div class="css-5x6ly7">
  1010. <div class="css-5x6ly7">
  1011. <a href="##" class="css-181kvgz">{:L('登陆日志')}</a>
  1012. </div>
  1013. <div class="css-10nf7hq"></div>
  1014. </div>
  1015. </div>
  1016. <div class="css-1dcd6pv">
  1017. <div class="css-1h690ep">
  1018. <div class="css-phax11">
  1019. <div data-bn-type="text" class="css-9b6x94">{:L('登陆类型')}</div>
  1020. </div>
  1021. <div class="css-phax11">
  1022. <div data-bn-type="text" class="css-9b6x94">{:L('登陆IP')}</div>
  1023. </div>
  1024. <div class="css-phax11">
  1025. <div data-bn-type="text" class="css-9b6x94">{:L('登陆时间')}</div>
  1026. </div>
  1027. </div>
  1028. <foreach name="loglist" item="vo">
  1029. <div class="css-1pysja1">
  1030. <div class="css-kc3i4p">
  1031. <div class="css-phax11">
  1032. <div data-bn-type="text" class="css-1g02g2m">{$vo.remark}</div>
  1033. </div>
  1034. <div class="css-phax11">
  1035. <div class="css-4cffwv">
  1036. <div data-bn-type="text" class="css-cvky42">{$vo.addip}</div>
  1037. </div>
  1038. </div>
  1039. <div class="css-phax11">
  1040. <div data-bn-type="text" class="css-1g02g2m"><?php echo date("Y-m-d H:i:s",$vo['addtime']);?></div>
  1041. </div>
  1042. </div>
  1043. </div>
  1044. </foreach>
  1045. </div>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. </div>
  1050. </div>
  1051. </main>
  1052. </main>
  1053. <include file="Public:footer"/>
  1054. </div>
  1055. </div>
  1056. </body>
  1057. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  1058. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  1059. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  1060. <script type="text/javascript">
  1061. function copyUrl(){
  1062. var qrcode_url=$("#qrcode_url").val();
  1063. copy(qrcode_url);
  1064. }
  1065. function copy(message) {
  1066. var input = document.createElement("input");
  1067. input.value = message;
  1068. document.body.appendChild(input);
  1069. input.select();
  1070. input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
  1071. document.body.removeChild(input);
  1072. layer.msg("{:L('复制成功')}");
  1073. }
  1074. </script>
  1075. <script type="text/javascript">
  1076. $("#nav").slide({
  1077. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  1078. titCell:".nLi", //鼠标触发对象
  1079. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  1080. effect:"slideDown", //targetCell下拉效果
  1081. delayTime:300 , //效果时间
  1082. triggerTime:0, //鼠标延迟触发时间(默认150)
  1083. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  1084. });
  1085. </script>
  1086. </html>