gglist.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401
  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-1wr4jig {
  12. box-sizing: border-box;
  13. margin: 0;
  14. min-width: 0;
  15. display: -webkit-box;
  16. display: -webkit-flex;
  17. display: -ms-flexbox;
  18. display: flex;
  19. -webkit-flex-direction: column;
  20. -ms-flex-direction: column;
  21. flex-direction: column;
  22. -webkit-flex: 1;
  23. -ms-flex: 1;
  24. flex: 1;
  25. }
  26. .css-wp2li4 {
  27. box-sizing: border-box;
  28. margin: 0;
  29. min-width: 0;
  30. display: -webkit-box;
  31. display: -webkit-flex;
  32. display: -ms-flexbox;
  33. display: flex;
  34. overflow-x: hidden;
  35. -webkit-flex-direction: column;
  36. -ms-flex-direction: column;
  37. flex-direction: column;
  38. }
  39. .css-19zx9ks {
  40. box-sizing: border-box;
  41. margin: 0;
  42. min-width: 0;
  43. display: -webkit-box;
  44. display: -webkit-flex;
  45. display: -ms-flexbox;
  46. display: flex;
  47. -webkit-align-items: center;
  48. -webkit-box-align: center;
  49. -ms-flex-align: center;
  50. align-items: center;
  51. height: 48px;
  52. font-size: 12px;
  53. color: #474D57;
  54. display: -webkit-box;
  55. display: -webkit-flex;
  56. display: -ms-flexbox;
  57. display: flex;
  58. min-height: 48px;
  59. height: -webkit-fit-content;
  60. height: -moz-fit-content;
  61. height: fit-content;
  62. -webkit-flex-wrap: wrap;
  63. -ms-flex-wrap: wrap;
  64. flex-wrap: wrap;
  65. z-index: 99;
  66. padding-top: 16px;
  67. padding-bottom: 10px;
  68. padding-left: 17%;
  69. padding-right: 17%;
  70. line-height: 1.25;
  71. box-shadow: 0px 2px 4px rgb(0 0 0 / 4%);
  72. }
  73. .css-o4bcl2 {
  74. box-sizing: border-box;
  75. margin: 0;
  76. min-width: 0;
  77. color: #F0B90B;
  78. -webkit-text-decoration: none;
  79. text-decoration: none;
  80. color: #707A8A;
  81. }
  82. .css-19zx9ks a {
  83. -webkit-flex-wrap: nowrap;
  84. -ms-flex-wrap: nowrap;
  85. flex-wrap: nowrap;
  86. -webkit-flex-shrink: 0;
  87. -ms-flex-negative: 0;
  88. flex-shrink: 0;
  89. margin-bottom: 6px;
  90. }
  91. .css-19zx9ks a:hover {
  92. color: #C99400;
  93. -webkit-text-decoration: underline;
  94. text-decoration: underline;
  95. }
  96. .css-wl17qh {
  97. box-sizing: border-box;
  98. margin: 100%px;
  99. min-width: 0px;
  100. display: flex;
  101. height: fit-content;
  102. min-height: 349px;
  103. }
  104. .css-1s5qj1n {
  105. box-sizing: border-box;
  106. margin: 0;
  107. min-width: 0;
  108. position: relative;
  109. margin-bottom: 32px;
  110. padding-top: 40px;
  111. padding-right: 24px;
  112. padding-left: 17%;
  113. width: 69%;
  114. }
  115. .css-101kg5g {
  116. box-sizing: border-box;
  117. margin: 0;
  118. min-width: 0;
  119. font-size: 40px;
  120. color: #1E2329;
  121. font-weight: 700;
  122. }
  123. .css-vurnku {
  124. box-sizing: border-box;
  125. margin: 0;
  126. min-width: 0;
  127. }
  128. .css-wmvdm0 {
  129. box-sizing: border-box;
  130. margin: 0;
  131. min-width: 0;
  132. display: -webkit-box;
  133. display: -webkit-flex;
  134. display: -ms-flexbox;
  135. display: flex;
  136. -webkit-align-items: center;
  137. -webkit-box-align: center;
  138. -ms-flex-align: center;
  139. align-items: center;
  140. margin-top: 44px;
  141. margin-bottom: 11px;
  142. }
  143. .css-ktxhrn {
  144. box-sizing: border-box;
  145. margin: 0;
  146. min-width: 0;
  147. margin-bottom: 32px;
  148. }
  149. .css-qinc3w {
  150. box-sizing: border-box;
  151. margin: 0;
  152. min-width: 0;
  153. color: #F0B90B;
  154. display: block;
  155. margin-bottom: 16px;
  156. width: -webkit-fit-content;
  157. width: -moz-fit-content;
  158. width: fit-content;
  159. max-width: 100%;
  160. overflow: hidden;
  161. text-overflow: ellipsis;
  162. white-space: nowrap;
  163. color: #474D57;
  164. font-size: 14px;
  165. -webkit-text-decoration: none;
  166. text-decoration: none;
  167. }
  168. .css-6f91y1 {
  169. box-sizing: border-box;
  170. margin: 0;
  171. min-width: 0;
  172. margin-left: 48px;
  173. }
  174. .css-qinc3w:hover {
  175. color: #C99400;
  176. -webkit-text-decoration: underline;
  177. text-decoration: underline;
  178. }
  179. .css-ogtd7z {
  180. box-sizing: border-box;
  181. margin: 0;
  182. min-width: 0;
  183. display: -webkit-box;
  184. display: -webkit-flex;
  185. display: -ms-flexbox;
  186. display: flex;
  187. -webkit-transition: all 1s;
  188. transition: all 1s;
  189. -webkit-box-pack: center;
  190. -webkit-justify-content: center;
  191. -ms-flex-pack: center;
  192. justify-content: center;
  193. background-color: #FEF1F2;
  194. }
  195. .css-jrzkh7 {
  196. box-sizing: border-box;
  197. margin: 0;
  198. min-width: 0;
  199. background-color: #181A20;
  200. }
  201. .css-1aac2e {
  202. box-sizing: border-box;
  203. margin: 0;
  204. min-width: 0;
  205. margin-left: auto;
  206. margin-right: auto;
  207. padding-left: 24px;
  208. padding-right: 24px;
  209. max-width: 1248px;
  210. background-color: #FEF1F2;
  211. }
  212. .css-pnjgxq {
  213. box-sizing: border-box;
  214. margin: 0;
  215. min-width: 0;
  216. display: -webkit-box;
  217. display: -webkit-flex;
  218. display: -ms-flexbox;
  219. display: flex;
  220. -webkit-flex-direction: column;
  221. -ms-flex-direction: column;
  222. flex-direction: column;
  223. -webkit-align-items: center;
  224. -webkit-box-align: center;
  225. -ms-flex-align: center;
  226. align-items: center;
  227. height: 219px;
  228. background-color: #181A20;
  229. }
  230. .css-163lzuo {
  231. box-sizing: border-box;
  232. margin: 0;
  233. min-width: 0;
  234. margin-top: 24px;
  235. margin-bottom: 24px;
  236. font-weight: 700;
  237. font-size: 36px;
  238. color: #EAECEF;
  239. }
  240. .css-8pdsjp {
  241. box-sizing: border-box;
  242. margin: 0;
  243. min-width: 0;
  244. display: -webkit-inline-box;
  245. display: -webkit-inline-flex;
  246. display: -ms-inline-flexbox;
  247. display: inline-flex;
  248. position: relative;
  249. height: 32px;
  250. margin-top: 4px;
  251. margin-bottom: 0px;
  252. -webkit-align-items: center;
  253. -webkit-box-align: center;
  254. -ms-flex-align: center;
  255. align-items: center;
  256. line-height: 1.6;
  257. border: 1px solid transparent;
  258. border-color: #EAECEF;
  259. border-radius: 4px;
  260. margin-top: 0;
  261. margin-bottom: 0;
  262. width: 327px;
  263. height: 32px;
  264. padding-left: 11px;
  265. padding-right: 6px;
  266. border-radius: 4px;
  267. background-color: #2B3139;
  268. border: none;
  269. }
  270. .css-8pdsjp {
  271. width: 610px;
  272. height: 48px;
  273. padding-left: 16px;
  274. padding-right: 12.5px;
  275. }
  276. .css-16fg16t {
  277. box-sizing: border-box;
  278. margin: 0;
  279. min-width: 0;
  280. width: 100%;
  281. height: 100%;
  282. padding: 0;
  283. outline: none;
  284. border: none;
  285. background-color: inherit;
  286. opacity: 1;
  287. }
  288. .css-8pdsjp input {
  289. color: #1E2329;
  290. font-size: 14px;
  291. padding-left: 8px;
  292. padding-right: 8px;
  293. }
  294. .css-8pdsjp input {
  295. padding-left: 0;
  296. font-size: 12px;
  297. color: #EAECEF;
  298. border-radius: 10px;
  299. }
  300. .css-8pdsjp .bn-input-suffix {
  301. -webkit-flex-shrink: 0;
  302. -ms-flex-negative: 0;
  303. flex-shrink: 0;
  304. margin-left: 4px;
  305. margin-right: 4px;
  306. font-size: 14px;
  307. }
  308. .css-1qppfsi {
  309. box-sizing: border-box;
  310. margin: 0;
  311. min-width: 0;
  312. color: #EAECEF;
  313. width: 24px;
  314. height: 24px;
  315. font-size: 24px;
  316. fill: #1E2329;
  317. fill: #EAECEF;
  318. width: 1em;
  319. height: 1em;
  320. vertical-align: bottom;
  321. }
  322. ::-webkit-input-placeholder { /* WebKit browsers */
  323. color: #474d57;
  324. font-size: 14px;
  325. }
  326. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  327. color: #474d57;
  328. font-size: 14px;
  329. }
  330. input:focus{background:#2B3139;outline: 1px solid #2B3139;}
  331. </style>
  332. </head>
  333. <body>
  334. <div class="App">
  335. <div class="css-tq0shg">
  336. <include file="Public:header"/>
  337. <div class="css-ogtd7z">
  338. <div class="css-jrzkh7">
  339. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  340. </div>
  341. </div>
  342. <main class="css-1wr4jig" style="background: #fff;">
  343. <div class="css-pnjgxq">
  344. <div data-bn-type="text" class="css-163lzuo">{:L('请输入您的问题')}</div>
  345. <div class=" css-8pdsjp">
  346. <input value="" placeholder="{:L('在这儿搜索')}" maxlength="50" class="css-16fg16t">
  347. <div class="bn-input-suffix css-vurnku">
  348. <i class="bi bi-search css-1qppfsi"></i>
  349. </div>
  350. </div>
  351. </div>
  352. <div class="css-wp2li4">
  353. <div class="mirror-bread-crumb css-19zx9ks">
  354. <a data-bn-type="link" class="css-o4bcl2">{:L('帮助中心')}</a>
  355. </div>
  356. <div class="css-wl17qh">
  357. <div class="css-1s5qj1n">
  358. <h1 data-bn-type="text" class="css-101kg5g">{:L('公告中心')}</h1>
  359. <div class="css-vurnku">
  360. <div class="css-wmvdm0"></div>
  361. <div class="css-6f91y1">
  362. <div class="css-ktxhrn">
  363. <foreach name="list" item="vo">
  364. <a href="{:U('Index/gginfo')}?id={$vo.id}" class="css-qinc3w" style="cursor: pointer;">{$vo.title} </a>
  365. </foreach>
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372. </main>
  373. <include file="Public:footer"/>
  374. </div>
  375. </div>
  376. </body>
  377. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  378. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  379. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  380. <script type="text/javascript">
  381. $("#nav").slide({
  382. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  383. titCell:".nLi", //鼠标触发对象
  384. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  385. effect:"slideDown", //targetCell下拉效果
  386. delayTime:300 , //效果时间
  387. triggerTime:0, //鼠标延迟触发时间(默认150)
  388. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  389. });
  390. </script>
  391. </html>