index.html 50 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151
  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. flex-flow: column wrap;
  471. flex-direction: row;
  472. }
  473. .css-1bliacb {
  474. box-sizing: border-box;
  475. margin: 0px;
  476. min-width: 250px;
  477. flex: 1 1 0%;
  478. margin-bottom: 24px;
  479. }
  480. .css-vurnku {
  481. box-sizing: border-box;
  482. margin: 0px;
  483. min-width: 0px;
  484. }
  485. .css-1f978ju {
  486. box-sizing: border-box;
  487. margin: 0px 0px 8px;
  488. min-width: 0px;
  489. }
  490. .css-ize0sl {
  491. box-sizing: border-box;
  492. margin: 0px 0px 4px;
  493. min-width: 0px;
  494. display: flex;
  495. -webkit-box-align: center;
  496. align-items: center;
  497. }
  498. .css-1kbdyxh {
  499. box-sizing: border-box;
  500. margin: 0px;
  501. min-width: 0px;
  502. font-size: 14px;
  503. color: rgb(112, 122, 138);
  504. display: inline-block;
  505. }
  506. .css-n5mzgu {
  507. box-sizing: border-box;
  508. margin: 0px;
  509. min-width: 0px;
  510. display: flex;
  511. align-items: flex-end;
  512. flex-wrap: wrap;
  513. color: rgb(30, 35, 41);
  514. font-size: 14px;
  515. line-height: 24px;
  516. }
  517. .css-off8uh {
  518. box-sizing: border-box;
  519. margin: 0px 4px 0px 0px;
  520. min-width: 0px;
  521. display: flex;
  522. align-items: flex-end;
  523. }
  524. .css-1t9tl2o {
  525. box-sizing: border-box;
  526. margin: 0px;
  527. min-width: 0px;
  528. font-size: 32px;
  529. line-height: 36px;
  530. }
  531. .css-vurnku {
  532. box-sizing: border-box;
  533. margin: 0px;
  534. min-width: 0px;
  535. }
  536. .css-omwf4y {
  537. box-sizing: border-box;
  538. margin: 0px;
  539. min-width: 0px;
  540. display: flex;
  541. width: 100%;
  542. padding: 8px;
  543. flex-direction: column;
  544. flex: 1 1 0%;
  545. }
  546. .css-vt77s9 {
  547. box-sizing: border-box;
  548. /* margin: 16px 0px 0px; */
  549. min-width: 0px;
  550. 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;
  551. border-radius: 4px;
  552. background-color: rgb(255, 255, 255);
  553. padding: 0px 16px;
  554. width: 100%;
  555. flex: 1 1 0%;
  556. }
  557. .css-1hythwr {
  558. box-sizing: border-box;
  559. margin: 0px;
  560. min-width: 0px;
  561. display: flex;
  562. flex: 1 1 0%;
  563. flex-direction: column;
  564. }
  565. .css-hwv82q {
  566. box-sizing: border-box;
  567. margin: 0px;
  568. min-width: 0px;
  569. border-width: 0px 0px 1px;
  570. border-style: solid;
  571. border-color: rgb(234, 236, 239);
  572. flex: 1 1 0%;
  573. padding-top: 16px;
  574. padding-bottom: 16px;
  575. }
  576. .css-5x6ly7 {
  577. box-sizing: border-box;
  578. margin: 0px;
  579. min-width: 0px;
  580. display: flex;
  581. flex: 1 1 0%;
  582. -webkit-box-align: center;
  583. align-items: center;
  584. }
  585. .css-65w75 {
  586. box-sizing: border-box;
  587. margin: 0px;
  588. min-width: 0px;
  589. font-size: 12px;
  590. }
  591. .css-1wuyyej {
  592. box-sizing: border-box;
  593. margin: 8px 0px 0px;
  594. min-width: 0px;
  595. text-decoration: none;
  596. display: block;
  597. border-width: 0px 0px 1px;
  598. border-style: solid;
  599. border-color: rgb(234, 236, 239);
  600. color: rgb(30, 35, 41);
  601. line-height: 1.5;
  602. padding-top: 16px;
  603. padding-bottom: 16px;
  604. }
  605. .css-1joqi3u {
  606. box-sizing: border-box;
  607. margin: 16px 0px 0px;
  608. min-width: 0px;
  609. text-align: right;
  610. color: rgb(112, 122, 138);
  611. }
  612. .css-1wuyyej:hover {
  613. color: rgb(240, 185, 11);
  614. }
  615. a, .css-1wuyyej:active, .css-1wuyyej:visited {
  616. text-decoration: none;
  617. }
  618. .css-ei3nni {
  619. box-sizing: border-box;
  620. margin: 0px;
  621. min-width: 0px;
  622. display: flex;
  623. width: 100%;
  624. padding: 8px;
  625. }
  626. .css-1p01izn {
  627. box-sizing: border-box;
  628. margin: 0px;
  629. min-width: 0px;
  630. 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;
  631. border-radius: 4px;
  632. background-color: rgb(255, 255, 255);
  633. padding: 0px 16px;
  634. width: 100%;
  635. }
  636. .css-1hythwr {
  637. box-sizing: border-box;
  638. margin: 0px;
  639. min-width: 0px;
  640. display: flex;
  641. flex: 1 1 0%;
  642. flex-direction: column;
  643. }
  644. .css-hwv82q {
  645. box-sizing: border-box;
  646. margin: 0px;
  647. min-width: 0px;
  648. border-width: 0px 0px 1px;
  649. border-style: solid;
  650. border-color: rgb(234, 236, 239);
  651. flex: 1 1 0%;
  652. padding-top: 16px;
  653. padding-bottom: 16px;
  654. }
  655. .css-1dcd6pv {
  656. box-sizing: border-box;
  657. margin: 0px;
  658. min-width: 0px;
  659. display: flex;
  660. flex: 1 1 0%;
  661. padding-top: 16px;
  662. padding-bottom: 16px;
  663. flex-direction: column;
  664. }
  665. .css-1h690ep {
  666. box-sizing: border-box;
  667. margin: 0px;
  668. min-width: 0px;
  669. display: flex;
  670. flex: 1 1 0%;
  671. }
  672. .css-phax11 {
  673. box-sizing: border-box;
  674. margin: 0px;
  675. min-width: 0px;
  676. display: flex;
  677. padding: 8px;
  678. flex-direction: column;
  679. width: 20%;
  680. }
  681. .css-9b6x94 {
  682. box-sizing: border-box;
  683. margin: 0px;
  684. min-width: 0px;
  685. font-size: 12px;
  686. color: rgb(112, 122, 138);
  687. line-height: 1.5;
  688. }
  689. .css-1ngrbny {
  690. box-sizing: border-box;
  691. margin: 0px;
  692. min-width: 0px;
  693. display: flex;
  694. padding: 8px;
  695. flex-direction: row;
  696. width: 20%;
  697. -webkit-box-pack: end;
  698. justify-content: flex-end;
  699. -webkit-box-align: center;
  700. align-items: center;
  701. }
  702. .css-1pysja1 {
  703. box-sizing: border-box;
  704. margin: 0px;
  705. min-width: 0px;
  706. flex: 1 1 0%;
  707. }
  708. .css-kc3i4p {
  709. box-sizing: border-box;
  710. margin: 0px;
  711. min-width: 0px;
  712. display: flex;
  713. border-width: 0px 0px 1px;
  714. border-style: solid;
  715. border-color: rgb(234, 236, 239);
  716. flex: 1 1 0%;
  717. padding-top: 4px;
  718. padding-bottom: 4px;
  719. }
  720. .css-1g02g2m {
  721. box-sizing: border-box;
  722. margin: 0px;
  723. min-width: 0px;
  724. font-size: 14px;
  725. color: rgb(30, 35, 41);
  726. }
  727. .css-cvky42 {
  728. box-sizing: border-box;
  729. margin: 0px;
  730. min-width: 0px;
  731. font-size: 12px;
  732. color: rgb(30, 35, 41);
  733. }
  734. .css-4cffwv {
  735. box-sizing: border-box;
  736. margin: 0px;
  737. min-width: 0px;
  738. display: flex;
  739. }
  740. .css-1pryf6p {
  741. box-sizing: border-box;
  742. margin: 0px;
  743. min-width: 0px;
  744. font-size: 12px;
  745. color: rgb(14, 203, 129);
  746. }
  747. .css-1g02g2m {
  748. box-sizing: border-box;
  749. margin: 0px;
  750. min-width: 0px;
  751. font-size: 14px;
  752. color: rgb(30, 35, 41);
  753. }
  754. .css-9biujf {
  755. box-sizing: border-box;
  756. margin: 0px;
  757. min-width: 0px;
  758. cursor: pointer;
  759. text-decoration: underline;
  760. font-size: 12px;
  761. color: rgb(240, 185, 11);
  762. line-height: 1.5;
  763. }
  764. </style>
  765. </head>
  766. <body>
  767. <div class="App">
  768. <div class="css-tq0shg">
  769. <include file="Public:header"/>
  770. <div class="css-ogtd7z">
  771. <div class="css-jrzkh7">
  772. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  773. </div>
  774. </div>
  775. <main class="css-1wr4jig">
  776. <main class="css-xry4yv">
  777. <!--左边-->
  778. <div class="css-foka8b">
  779. <a data-bn-type="link" href="{:U('User/index')}" class="css-z87e9z" style="text-decoration: none;">
  780. <div class="css-10j588g">
  781. <i class="bi bi-person-fill css-14thuu2"></i>
  782. <div data-bn-type="text" class="css-iizq59">{:L('总览')}</div>
  783. </div>
  784. </a>
  785. <a data-bn-type="link" href="{:U('User/addresslist')}" class="css-6ijtmk" style="text-decoration: none;">
  786. <div class="css-10j588g">
  787. <i class="bi bi-journal-text css-hd27fe"></i>
  788. <div data-bn-type="text" class="css-1n0484q">{:L('地址管理')}</div>
  789. </div>
  790. </a>
  791. <a data-bn-type="link" href="{:U('User/authrz')}" class="css-6ijtmk" style="text-decoration: none;">
  792. <div class="css-10j588g">
  793. <i class="bi bi-shield-check css-hd27fe"></i>
  794. <div data-bn-type="text" class="css-1n0484q">{:L('实名认证')}</div>
  795. </div>
  796. </a>
  797. <a data-bn-type="link" href="{:U('User/respwd')}" class="css-6ijtmk" style="text-decoration: none;">
  798. <div class="css-10j588g">
  799. <i class="bi bi-gear css-hd27fe"></i>
  800. <div data-bn-type="text" class="css-1n0484q">{:L('修改密码')}</div>
  801. </div>
  802. </a>
  803. <a data-bn-type="link" href="{:U('User/tgcode')}" class="css-6ijtmk" style="text-decoration: none;">
  804. <div class="css-10j588g">
  805. <i class="bi bi-person-plus css-hd27fe"></i>
  806. <div data-bn-type="text" class="css-1n0484q">{:L('推荐返佣')}</div>
  807. </div>
  808. </a>
  809. <a data-bn-type="link" href="{:U('User/notice')}" class="css-6ijtmk" style="text-decoration: none;">
  810. <div class="css-10j588g">
  811. <i class="bi bi-bell css-hd27fe"></i>
  812. <div data-bn-type="text" class="css-1n0484q">{:L('我的通知')}</div>
  813. </div>
  814. </a>
  815. <a data-bn-type="link" href="{:U('User/online')}" class="css-6ijtmk" style="text-decoration: none;">
  816. <div class="css-10j588g">
  817. <i class="bi bi-headset css-hd27fe"></i>
  818. <div data-bn-type="text" class="css-1n0484q">{:L('联系客服')}</div>
  819. </div>
  820. </a>
  821. <a data-bn-type="link" href="{:U('User/mybill')}" class="css-6ijtmk" style="text-decoration: none;">
  822. <div class="css-10j588g">
  823. <i class="bi bi-card-list css-hd27fe"></i>
  824. <div data-bn-type="text" class="css-1n0484q">{:L('我的账单')}</div>
  825. </div>
  826. </a>
  827. </div>
  828. <!--右边-->
  829. <div class="css-160vccy">
  830. <!--右上-->
  831. <div class="css-146q23">
  832. <div class="css-1e6doj4">
  833. <div class="css-6vt7sa">{$uheader}</div>
  834. <div class="css-1sgz1lk">
  835. <div class="css-ize0sl">
  836. <div class="css-1124n14">{$uinfo.name}</div>
  837. <div class="css-1uoge8i">
  838. <div class="css-180eiyx">
  839. <div data-bn-type="text" class="css-1ap5wc6">{:L('用户')}ID: </div>
  840. {$uinfo.uid}
  841. </div>
  842. </div>
  843. <div class="css-lzd0h4">
  844. <if condition="$uinfo.rzstatus eq 2">
  845. <div class="css-bhso1m">{:L('已认证')}</div>
  846. <else />
  847. <div class="css-bhso1m">{:L('未认证')}</div>
  848. </if>
  849. </div>
  850. </div>
  851. <div class="css-1ry7rnu">
  852. <div data-bn-type="text" class="css-9cwl6c">{:L('上次登录时间')} {$uinfo.logintime}</div>
  853. <div data-bn-type="text" class="css-vurnku">IP: {$uinfo.loginip}</div>
  854. </div>
  855. </div>
  856. </div>
  857. </div>
  858. <!--右下-->
  859. <div class="css-jlbk6n">
  860. <div class="css-kvkii2">
  861. <div class="css-1p01izn">
  862. <div class="css-1hythwr">
  863. <div class="css-1hz1mz6">
  864. <div class="css-5x6ly7">
  865. <div class="css-5x6ly7">
  866. <a style="background-color: transparent;" data-bn-type="link" id="balance" class="css-181kvgz">USDT{:L('账户余额详情')}</a>
  867. </div>
  868. </div>
  869. </div>
  870. <div class="css-vurnku">
  871. <div class="css-gnqbje">
  872. <div class="css-ysetcg">
  873. <div class="css-ct0qa6">
  874. <div class="css-1bliacb">
  875. <div class="css-vurnku">
  876. <div class="css-1f978ju">
  877. <div class="css-ize0sl">
  878. <span data-bn-type="text" dir="ltr" class="css-1kbdyxh">USDT{:L('账户余额')}
  879. <a href="" style="color:rgb(240, 185, 11);">({:L('前往钱包查看资产总余额')})</a>
  880. </span>
  881. </div>
  882. <div class="css-n5mzgu">
  883. <div dir="ltr" class="css-off8uh">
  884. <div data-bn-type="text" class="css-1t9tl2o">{$balance}</div>
  885. <div style="width: 4px;"></div>
  886. <div data-bn-type="text" class="css-vurnku">USDT</div>
  887. </div>
  888. </div>
  889. </div>
  890. </div>
  891. </div>
  892. </div>
  893. </div>
  894. </div>
  895. </div>
  896. </div>
  897. </div>
  898. </div>
  899. <div class="css-omwf4y">
  900. <div class="css-vt77s9">
  901. <div class="css-1hythwr">
  902. <div class="css-hwv82q">
  903. <div class="css-5x6ly7">
  904. <div class="css-5x6ly7">
  905. <a href="{:U('Index/gglist')}" class="css-181kvgz">{:L('公告中心')}</a>
  906. </div>
  907. <div class="css-10nf7hq">
  908. <a href="{:U('Index/gglist')}" class="css-1s6nhe2">
  909. <i class="bi bi-chevron-right css-155meta"></i>
  910. </a>
  911. </div>
  912. </div>
  913. </div>
  914. <div class="css-65w75">
  915. <foreach name="notice" item="vo">
  916. <a href="{:U('Index/gginfo')}?id={$vo.id}" class="css-1wuyyej">
  917. <div class="LinesEllipsis ">{$vo.title}<wbr></div>
  918. <div data-bn-type="text" class="css-1joqi3u">{$vo.addtime}</div>
  919. </a>
  920. </foreach>
  921. </div>
  922. </div>
  923. </div>
  924. </div>
  925. <!--币币交易-->
  926. <div class="css-ei3nni">
  927. <div class="css-1p01izn">
  928. <div class="css-1hythwr">
  929. <div class="css-hwv82q">
  930. <div class="css-5x6ly7">
  931. <div class="css-5x6ly7">
  932. <a href="{:U('Trade/bborder')}" class="css-181kvgz">{:L('币币交易委托')}</a>
  933. </div>
  934. <div class="css-10nf7hq">
  935. <a href="{:U('Trade/bborder')}" class="css-1s6nhe2">
  936. <i class="bi bi-chevron-right css-155meta"></i>
  937. </a>
  938. </div>
  939. </div>
  940. </div>
  941. <div class="css-1dcd6pv">
  942. <div class="css-1h690ep">
  943. <div class="css-phax11">
  944. <div data-bn-type="text" class="css-9b6x94">{:L('交易对')}</div>
  945. <div data-bn-type="text" class="css-9b6x94">{:L('时间')}</div>
  946. </div>
  947. <div class="css-phax11">
  948. <div data-bn-type="text" class="css-9b6x94">{:L('类型')} / {:L('方向')}</div>
  949. <div data-bn-type="text" class="css-9b6x94">{:L('触发条件')}</div>
  950. </div>
  951. <div class="css-phax11">
  952. <div data-bn-type="text" class="css-9b6x94">{:L('限价价格')}</div>
  953. <div data-bn-type="text" class="css-9b6x94">{:L('数量')}</div>
  954. </div>
  955. <div class="css-phax11">
  956. <div data-bn-type="text" class="css-9b6x94">{:L('成交额')}</div>
  957. <div data-bn-type="text" class="css-9b6x94">{:L('完成度')}</div>
  958. </div>
  959. <div class="css-1ngrbny">
  960. <div data-bn-type="text" class="css-9b6x94">{:L('操作')}</div>
  961. </div>
  962. </div>
  963. <foreach name="bblist" item="vo">
  964. <div class="css-1pysja1">
  965. <div class="css-kc3i4p">
  966. <div class="css-phax11">
  967. <div data-bn-type="text" class="css-1g02g2m">{$vo.symbol}</div>
  968. <div data-bn-type="text" class="css-cvky42">{$vo.addtime}</div>
  969. </div>
  970. <div class="css-phax11">
  971. <div class="css-4cffwv">
  972. <div data-bn-type="text" class="css-cvky42">{:L('限价')} / </div>
  973. <div data-bn-type="text" class="css-1pryf6p">
  974. <if condition="$vo.type eq 1">
  975. <span class="bgreen">{:L('购买')}</span>
  976. <elseif condition="$vo.type eq 2" />
  977. <span class="bred">{:L('出售')}</span>
  978. </if>
  979. </div>
  980. </div>
  981. <div data-bn-type="text" class="css-cvky42">_</div>
  982. </div>
  983. <div class="css-phax11">
  984. <if condition="$vo.type eq 1">
  985. <div data-bn-type="text" class="css-1g02g2m">{$vo.xjprice}</div>
  986. <div data-bn-type="text" class="css-cvky42">{$vo.coinnum}</div>
  987. <elseif condition="$vo.type eq 2" />
  988. <div data-bn-type="text" class="css-1g02g2m">{$vo.xjprice}</div>
  989. <div data-bn-type="text" class="css-cvky42">{$vo.usdtnum}</div>
  990. </if>
  991. </div>
  992. <div class="css-phax11">
  993. <if condition="$vo.type eq 1">
  994. <div data-bn-type="text" class="css-1g02g2m">{$vo.usdtnum}</div>
  995. <div data-bn-type="text" class="css-cvky42">0.00%</div>
  996. <elseif condition="$vo.type eq 2" />
  997. <div data-bn-type="text" class="css-1g02g2m">{$vo.coinnum}</div>
  998. <div data-bn-type="text" class="css-cvky42">0.00%</div>
  999. </if>
  1000. </div>
  1001. <div class="css-1ngrbny">
  1002. <div onclick="clearorder({$vo.id});" data-bn-type="text" class="css-9biujf">{:L('取消')}</div>
  1003. </div>
  1004. </div>
  1005. </div>
  1006. </foreach>
  1007. </div>
  1008. </div>
  1009. </div>
  1010. </div>
  1011. <!--快速合约交易-->
  1012. <div class="css-ei3nni">
  1013. <div class="css-1p01izn">
  1014. <div class="css-1hythwr">
  1015. <div class="css-hwv82q">
  1016. <div class="css-5x6ly7">
  1017. <div class="css-5x6ly7">
  1018. <a href="{:U('Contract/contractjc')}" class="css-181kvgz">{:L('快速合约委托')}</a>
  1019. </div>
  1020. <div class="css-10nf7hq">
  1021. <a href="{:U('Contract/contractjc')}" class="css-1s6nhe2">
  1022. <i class="bi bi-chevron-right css-155meta"></i>
  1023. </a>
  1024. </div>
  1025. </div>
  1026. </div>
  1027. <div class="css-1dcd6pv">
  1028. <div class="css-1h690ep">
  1029. <div class="css-phax11" style="width:25%;">
  1030. <div data-bn-type="text" class="css-9b6x94">{:L('交易对')}</div>
  1031. <div data-bn-type="text" class="css-9b6x94">{:L('建仓时间')}</div>
  1032. </div>
  1033. <div class="css-phax11" style="width:25%;">
  1034. <div data-bn-type="text" class="css-9b6x94">{:L('类型')} / {:L('方向')}</div>
  1035. <div data-bn-type="text" class="css-9b6x94">{:L('触发条件')}</div>
  1036. </div>
  1037. <div class="css-phax11" style="width:25%;">
  1038. <div data-bn-type="text" class="css-9b6x94">{:L('建仓单价')}</div>
  1039. <div data-bn-type="text" class="css-9b6x94">{:L('建仓金额')}</div>
  1040. </div>
  1041. <div class="css-phax11" style="width:25%;">
  1042. <div data-bn-type="text" class="css-9b6x94">{:L('时间')}</div>
  1043. <div data-bn-type="text" class="css-9b6x94">{:L('完成度')}</div>
  1044. </div>
  1045. </div>
  1046. <foreach name="hylist" item="hyv">
  1047. <div class="css-1pysja1">
  1048. <div class="css-kc3i4p">
  1049. <div class="css-phax11" style="width:25%;">
  1050. <div data-bn-type="text" class="css-1g02g2m">{$hyv.coinname}</div>
  1051. <div data-bn-type="text" class="css-cvky42">{$hyv.buytime}</div>
  1052. </div>
  1053. <div class="css-phax11" style="width:25%;">
  1054. <div class="css-4cffwv">
  1055. <div data-bn-type="text" class="css-cvky42">{:L('周期')} / </div>
  1056. <div data-bn-type="text" class="css-1pryf6p">{:L('购买')}</div>
  1057. </div>
  1058. <div data-bn-type="text" class="css-cvky42">_</div>
  1059. </div>
  1060. <div class="css-phax11" style="width:25%;">
  1061. <div data-bn-type="text" class="css-1g02g2m">{$hyv.buyprice}</div>
  1062. <div data-bn-type="text" class="css-cvky42">{$hyv.num}</div>
  1063. </div>
  1064. <div class="css-phax11" style="width:25%;">
  1065. <div data-bn-type="text" class="css-1g02g2m">{$hyv.time}{:L('分钟')}</div>
  1066. <div data-bn-type="text" class="css-cvky42">0.00%</div>
  1067. </div>
  1068. </div>
  1069. </div>
  1070. </foreach>
  1071. </div>
  1072. </div>
  1073. </div>
  1074. </div>
  1075. </div>
  1076. </div>
  1077. </main>
  1078. </main>
  1079. <include file="Public:footer"/>
  1080. </div>
  1081. </div>
  1082. </body>
  1083. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  1084. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  1085. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  1086. <script type="text/javascript">
  1087. function clearorder(id){
  1088. var oid = id;
  1089. $.post("{:U('Trade/clearorder')}",
  1090. {"oid":oid},
  1091. function(data){
  1092. if(data.code == 1){
  1093. layer.msg(data.info);
  1094. setTimeout(function(args){
  1095. window.location.reload();
  1096. },2000);
  1097. }else{
  1098. layer.msg(data.info);return false;
  1099. }
  1100. });
  1101. }
  1102. </script>
  1103. <script type="text/javascript">
  1104. $("#nav").slide({
  1105. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  1106. titCell:".nLi", //鼠标触发对象
  1107. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  1108. effect:"slideDown", //targetCell下拉效果
  1109. delayTime:300 , //效果时间
  1110. triggerTime:0, //鼠标延迟触发时间(默认150)
  1111. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  1112. });
  1113. </script>
  1114. </html>