online.html 37 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022
  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. .textbox_3 {
  765. width: 100%;
  766. height: 60px;
  767. padding: 5px;
  768. border: 1px solid #f5f5f5;
  769. border-radius: 5px;
  770. }
  771. textarea {
  772. background: #fff;
  773. color: #707A8A;
  774. }
  775. textarea {
  776. overflow: auto;
  777. resize: vertical;
  778. }
  779. .contentbox_1{width:100%;margin-bottom:15px;}
  780. .contentbox_2{min-width:60%;max-width:80%;background:#f5f5f5;float:right;padding:5px 10px;border-radius:5px;margin-bottom: 15px;}
  781. .contentbox_3{min-width:60%;max-width:80%;background:#f5f5f5;float:right;padding:5px 10px;border-radius:5px;margin-bottom: 15px;float:left;}
  782. </style>
  783. </head>
  784. <body>
  785. <div class="App">
  786. <div class="css-tq0shg">
  787. <include file="Public:header"/>
  788. <div class="css-ogtd7z">
  789. <div class="css-jrzkh7">
  790. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  791. </div>
  792. </div>
  793. <main class="css-1wr4jig">
  794. <main class="css-xry4yv">
  795. <!--左边-->
  796. <div class="css-foka8b">
  797. <a data-bn-type="link" href="{:U('User/index')}" class="css-6ijtmk" style="text-decoration: none;">
  798. <div class="css-10j588g">
  799. <i class="bi bi-person-fill css-hd27fe"></i>
  800. <div data-bn-type="text" class="css-iizq59">{:L('总览')}</div>
  801. </div>
  802. </a>
  803. <a data-bn-type="link" href="{:U('User/addresslist')}" class="css-6ijtmk" style="text-decoration: none;">
  804. <div class="css-10j588g">
  805. <i class="bi bi-journal-text 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/authrz')}" class="css-6ijtmk" style="text-decoration: none;">
  810. <div class="css-10j588g">
  811. <i class="bi bi-shield-check 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/respwd')}" class="css-6ijtmk" style="text-decoration: none;">
  816. <div class="css-10j588g">
  817. <i class="bi bi-gear 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/tgcode')}" class="css-6ijtmk" style="text-decoration: none;">
  822. <div class="css-10j588g">
  823. <i class="bi bi-person-plus css-hd27fe"></i>
  824. <div data-bn-type="text" class="css-1n0484q">{:L('推荐返佣')}</div>
  825. </div>
  826. </a>
  827. <a data-bn-type="link" href="{:U('User/notice')}" class="css-6ijtmk" style="text-decoration: none;">
  828. <div class="css-10j588g">
  829. <i class="bi bi-bell css-hd27fe"></i>
  830. <div data-bn-type="text" class="css-1n0484q">{:L('我的通知')}</div>
  831. </div>
  832. </a>
  833. <a data-bn-type="link" href="{:U('User/online')}" class="css-z87e9z" style="text-decoration: none;">
  834. <div class="css-10j588g">
  835. <i class="bi bi-headset css-14thuu2"></i>
  836. <div data-bn-type="text" class="css-1n0484q">{:L('联系客服')}</div>
  837. </div>
  838. </a>
  839. <a data-bn-type="link" href="{:U('User/mybill')}" class="css-6ijtmk" style="text-decoration: none;">
  840. <div class="css-10j588g">
  841. <i class="bi bi-card-list css-hd27fe"></i>
  842. <div data-bn-type="text" class="css-1n0484q">{:L('我的账单')}</div>
  843. </div>
  844. </a>
  845. </div>
  846. <!--右边-->
  847. <div class="css-160vccy">
  848. <!--右上-->
  849. <div class="css-146q23">
  850. <div class="css-1e6doj4">
  851. <div class="css-6vt7sa">JS</div>
  852. <div class="css-1sgz1lk">
  853. <div class="css-ize0sl">
  854. <div class="css-1124n14">{:L('客服')}:JOSN</div>
  855. <div class="css-1uoge8i">
  856. <div class="css-180eiyx"> </div>
  857. </div>
  858. </div>
  859. <div class="css-1ry7rnu">
  860. <div data-bn-type="text" class="css-9cwl6c">{:L('状态')} : {:L('在线')}</div>
  861. </div>
  862. </div>
  863. </div>
  864. </div>
  865. <!--右下-->
  866. <div class="css-jlbk6n">
  867. <div class="css-kvkii2">
  868. <div class="css-1p01izn">
  869. <div class="css-1hythwr">
  870. <div class="css-1hz1mz6">
  871. <div class="css-5x6ly7" style="background: #fff; padding: 10px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);">
  872. <div class="css-5x6ly7">
  873. <a style="background-color: transparent;" data-bn-type="link" id="balance" class="css-181kvgz">{:L('聊天室')}</a>
  874. </div>
  875. </div>
  876. </div>
  877. <div class="css-vurnku">
  878. <div class="css-gnqbje">
  879. <div class="css-ysetcg" style="width: 100%;padding: 10px;margin: 0px;min-height: 400px;">
  880. <div style="width:100%;min-height:30px;margin-bottom: 20px;">
  881. <div style="width:100%;height:50px;line-height:50px;padding: 0px 10px;background-color: rgba(240, 185, 11, 0.19);color: rgb(240, 185, 11);font-size:12px;">
  882. {:L('请直接提交您的问题,等待客服回复即可')}
  883. </div>
  884. </div>
  885. <div style=" width: 100%;height: 240px;background: #fff;overflow: auto; padding: 0px 20px 20px 20px;margin-bottom:20px;" id="msgbox">
  886. </div>
  887. <div style="width:100%;background:#fff;min-height:60px;border-top:1px solid #f5f5f5;padding: 10px 0px;">
  888. <div style="width:75%;heihgt:60px;float:left;">
  889. <textarea class="textbox_3" id="content" placeholder="{:L('请输入信息内容')}"></textarea>
  890. </div>
  891. <input type="hidden" id="flag" value="1" />
  892. <div style="width:20%;heihgt:60px;float:right;">
  893. <div style="width:100%;height:60px;line-height:60px;text-align:center;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:5px;" id="sendbtn">
  894. <span class="fch f12">{:L('发送')}</span>
  895. </div>
  896. </div>
  897. </div>
  898. </div>
  899. </div>
  900. </div>
  901. </div>
  902. </div>
  903. </div>
  904. </div>
  905. </div>
  906. </main>
  907. </main>
  908. <include file="Public:footer"/>
  909. </div>
  910. </div>
  911. </body>
  912. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  913. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  914. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  915. <script type="text/javascript">
  916. $(function(){
  917. getchatlist();
  918. });
  919. setInterval(function () {
  920. getchatlist();
  921. }, 1000);
  922. </script>
  923. <script type="text/javascript">
  924. function getchatlist(){
  925. $.post("{:U('User/getlineinfo')}",
  926. function(data){
  927. if(data.code = 1){
  928. $("#msgbox").empty();
  929. var html = '';
  930. if(data.data == '' || data.data == null){
  931. $("#msgbox").empty();
  932. }else{
  933. $.each(data.data,function(key,val){
  934. if(val.type == 1){
  935. html+='<div class="contentbox_1" style="height:40px;margin-bottom:0px;">'+
  936. '<div class="contentbox_3">' +
  937. '<span class="fcc f14">' + val.content +'</span>'+
  938. '</div>'+
  939. '</div>';
  940. }else if(val.type == 2){
  941. html+='<div class="contentbox_1">'+
  942. '<div class="contentbox_2">'+
  943. '<span class="fcc f14">' + val.content +'</span>'+
  944. '</div>'+
  945. '</div>';
  946. }
  947. });
  948. $("#msgbox").append(html);
  949. }
  950. }else{
  951. console.log();return false;
  952. }
  953. });
  954. }
  955. </script>
  956. <script type="text/javascript">
  957. $("#sendbtn").click(function(){
  958. var flag = $("#flag").val();
  959. if(flag == 2){
  960. return false;
  961. }
  962. var txt = $("#content").val();
  963. if(txt == '' || txt == null){
  964. layer.msg("{:L('请输入信息内容')}");return false;
  965. }
  966. $("#flag").val(2);
  967. $.post("{:U('User/uptxt')}",
  968. {'txt':txt},
  969. function(data){
  970. if(data.code == 1){
  971. $("#content").val();
  972. }else{
  973. layer.msg(data.info);return false;
  974. }
  975. });
  976. });
  977. </script>
  978. <script type="text/javascript">
  979. $("#nav").slide({
  980. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  981. titCell:".nLi", //鼠标触发对象
  982. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  983. effect:"slideDown", //targetCell下拉效果
  984. delayTime:300 , //效果时间
  985. triggerTime:0, //鼠标延迟触发时间(默认150)
  986. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  987. });
  988. </script>
  989. </html>