detail.htm 64 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227
  1. <html>
  2. <head>
  3. <meta charset="utf-8" />
  4. <title>{ms:global.name/}</title>
  5. <meta http-equiv="content-type" content="text/html" />
  6. <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
  7. <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
  8. <meta name="format-detection" content="telephone=no"/>
  9. <meta name="app-mobile-web-app-capable" content="yes"/>
  10. <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
  11. <meta name="keywords" content="{ms:global.keyword/}" />
  12. <meta name="description" content="{ms:global.descrip/}" />
  13. <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
  14. <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
  15. <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
  16. <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
  17. <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
  18. <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
  19. <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
  20. <!--网络请求框架-->
  21. <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
  22. <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
  23. <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
  24. <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
  25. <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
  26. <script>
  27. ms.base = "";
  28. </script>
  29. <style>
  30. [v-cloak]{
  31. display: none;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div id="app" v-cloak>
  37. <#include "header.htm"/>
  38. <#include "search.htm"/>
  39. <div class="ms-channel-path">
  40. <span class="ms-channel-path-label" >
  41. 当前位置:
  42. </span>
  43. <a href="#"
  44. class="ms-channel-path-index">
  45. 首页
  46. </a>
  47. {ms:channel type="path"}
  48. <i class="iconfont icon-youjiantou"></i>
  49. <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
  50. ${field.typetitle}
  51. </a>
  52. {/ms:channel}
  53. </div>
  54. <div class="detail">
  55. <div class="top">
  56. <span class="title" >
  57. ${field.title}
  58. </span>
  59. <div class="date">
  60. <span >
  61. 发布时间:
  62. </span>
  63. <span >
  64. ${field.date?string("yyyy-MM-dd")}
  65. </span>
  66. <span >
  67. 浏览次数:
  68. </span>
  69. <span >
  70. ${field.hit}
  71. </span>
  72. <span >
  73. 字体:
  74. </span>
  75. <span >
  76. [
  77. </span>
  78. <span >
  79. </span>
  80. <span >
  81. </span>
  82. <span >
  83. </span>
  84. <span >
  85. ]
  86. </span>
  87. </div>
  88. </div>
  89. <div class="body">
  90. <span class="body-text" >
  91. ${field.content}
  92. </span>
  93. </div>
  94. <div class="body-bottom">
  95. <div class="ms-share">
  96. <span >
  97. 分享
  98. </span>
  99. </div>
  100. <div class="body-bottom-right">
  101. <a href="#"
  102. class="print">
  103. 打印页面
  104. </a>
  105. <a href="#"
  106. class="close">
  107. 关闭页面
  108. </a>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="ms-next-pre">
  113. <div class="pre">
  114. <span >
  115. 上一篇:
  116. </span>
  117. <a href="${global.url}${pre.link}"
  118. >
  119. ${pre.title}
  120. </a>
  121. </div>
  122. <div class="next">
  123. <span >
  124. 下一篇:
  125. </span>
  126. <a href="${global.url}${next.link}"
  127. >
  128. ${next.title}
  129. </a>
  130. </div>
  131. </div>
  132. <!--右漂浮 - start -->
  133. <div class="right-fixed">
  134. <div class="content">
  135. <i class="iconfont icon-shang" ></i>
  136. <span >
  137. 回到顶部
  138. </span>
  139. </div>
  140. </div>
  141. <!--右漂浮 -end -->
  142. <#include "footer.htm"/>
  143. </div>
  144. </body>
  145. </html>
  146. <script>
  147. var app = new Vue({
  148. el: '#app',
  149. watch:{
  150. },
  151. data: {
  152. },
  153. methods: {
  154. switchShow:function(arr){
  155. var that = this
  156. arr.forEach(function(x){
  157. let e = that.$el.querySelector("#key_"+x)
  158. if(e){
  159. e.style.display=e.style.display=='none'?'flex':'none'
  160. }
  161. })
  162. },
  163. },
  164. created(){
  165. }
  166. })
  167. </script>
  168. <style>
  169. body {
  170. background-color:#f5f5f5;
  171. box-sizing:border-box;
  172. font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
  173. moz-box-sizing:border-box;
  174. webkit-box-sizing:border-box;
  175. }
  176. .header
  177. {
  178. background-color:#2D548F;
  179. align-items:center;
  180. flex-direction:row;
  181. display:flex;
  182. width:100%;
  183. box-sizing:border-box;
  184. padding-top:0px;
  185. justify-content:center;
  186. height:60px;
  187. }
  188. .header .center
  189. {
  190. flex-direction:row;
  191. display:flex;
  192. width:1170px;
  193. box-sizing:border-box;
  194. height:100%;
  195. }
  196. .header .center .left
  197. {
  198. margin-right:0px;
  199. align-items:center;
  200. flex-direction:row;
  201. display:flex;
  202. width:100%;
  203. box-sizing:border-box;
  204. padding-top:0px;
  205. height:100%;
  206. margin-left:0px;
  207. }
  208. .header .center .left >a
  209. {
  210. cursor:pointer;
  211. color:#FFFFFF;
  212. text-align:center;
  213. width:100px;
  214. text-decoration:none;
  215. padding-top:20px;
  216. background-repeat:no-repeat;
  217. height:100%;
  218. }
  219. .header .center .left .啊啊啊
  220. {
  221. background-size:auto;
  222. background-position:bottom center;
  223. background-repeat:no-repeat;
  224. background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
  225. }
  226. .header .center .left >a:hover
  227. {
  228. background-size:auto;
  229. background-position:bottom center;
  230. background-repeat:no-repeat;
  231. background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
  232. }
  233. .header .center .h5-menu
  234. {
  235. flex-direction:row;
  236. display:none;
  237. width:100px;
  238. box-sizing:border-box;
  239. padding-top:0px;
  240. position:relative;
  241. padding-left:0px;
  242. height:100%;
  243. }
  244. .header .center .h5-menu .icon
  245. {
  246. font-size:28PX;
  247. color:#FFFFFF;
  248. display:flex;
  249. }
  250. .class-1
  251. {
  252. cursor:pointer;
  253. color:#FFFFFF;
  254. text-align:left;
  255. width:100%;
  256. text-decoration:none;
  257. padding-top:9px;
  258. padding-left:10px;
  259. height:40px;
  260. }
  261. .header .center .right
  262. {
  263. margin-right:0px;
  264. align-items:center;
  265. flex-direction:row;
  266. display:flex;
  267. width:180px;
  268. box-sizing:border-box;
  269. padding-top:0px;
  270. height:100%;
  271. margin-left:0px;
  272. }
  273. .header .center .right >a
  274. {
  275. cursor:pointer;
  276. font-size:12PX;
  277. text-decoration:none;
  278. padding-top:0px;
  279. color:#CDD6E1;
  280. }
  281. .header .center .right >a:hover
  282. {
  283. color:#FFFFFF;
  284. }
  285. .header .center .right >span
  286. {
  287. margin-right:2px;
  288. color:#FFFFFF;
  289. flex-direction:row;
  290. word-wrap:break-word;
  291. display:inline-block;
  292. margin-left:2px;
  293. }
  294. .search
  295. {
  296. align-items:center;
  297. flex-direction:row;
  298. background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
  299. display:flex;
  300. padding-right:0px;
  301. box-sizing:border-box;
  302. justify-content:center;
  303. border-top-left-radius:0px;
  304. border-bottom-left-radius:0px;
  305. width:100%;
  306. border-bottom-right-radius:0px;
  307. background-size:auto;
  308. border-top-right-radius:0px;
  309. background-position:top center;
  310. background-repeat:repeat;
  311. padding-left:0px;
  312. height:152px;
  313. }
  314. .search .center
  315. {
  316. align-items:center;
  317. flex-direction:row;
  318. display:flex;
  319. padding-right:0px;
  320. width:1170px;
  321. box-sizing:border-box;
  322. padding-top:0px;
  323. justify-content:center;
  324. height:100%;
  325. }
  326. .search .center .logo
  327. {
  328. border-bottom-left-radius:0px;
  329. width:377px;
  330. border-bottom-right-radius:0px;
  331. border-top-right-radius:0px;
  332. height:74px;
  333. border-top-left-radius:0px;
  334. }
  335. .search .center .right
  336. {
  337. align-items:flex-end;
  338. flex-direction:column;
  339. display:flex;
  340. padding-right:120px;
  341. box-sizing:border-box;
  342. justify-content:center;
  343. border-top-left-radius:0px;
  344. border-bottom-left-radius:0px;
  345. width:100%;
  346. border-bottom-right-radius:0px;
  347. border-top-right-radius:0px;
  348. padding-left:0px;
  349. height:100%;
  350. }
  351. .search .center .right .top
  352. {
  353. align-items:center;
  354. flex-direction:row;
  355. display:flex;
  356. padding-right:0px;
  357. width:370px;
  358. box-sizing:border-box;
  359. justify-content:flex-end;
  360. height:30px;
  361. }
  362. .search .center .right .top >a
  363. {
  364. cursor:pointer;
  365. font-size:13px;
  366. text-decoration:none;
  367. color:#666666;
  368. }
  369. .search .center .right .search
  370. {
  371. align-items:flex-end;
  372. flex-direction:row;
  373. display:flex;
  374. padding-right:0px;
  375. box-sizing:border-box;
  376. justify-content:center;
  377. border-top-left-radius:0px;
  378. border-bottom-left-radius:0px;
  379. width:270px;
  380. border-bottom-right-radius:0px;
  381. border-top-right-radius:0px;
  382. padding-left:0px;
  383. height:21%;
  384. }
  385. .search .center .right .search .ms-search-input
  386. {
  387. border-color:#CCCCCC;
  388. align-items:flex-end;
  389. flex-direction:row;
  390. display:flex;
  391. padding-right:0px;
  392. box-sizing:border-box;
  393. justify-content:center;
  394. border-width:1px;
  395. width:100%;
  396. border-style:solid;
  397. padding-left:0px;
  398. height:32px;
  399. }
  400. .search .center .right .search .ms-search-input .ms-search-input-div
  401. {
  402. align-items:center;
  403. flex-direction:row;
  404. display:flex;
  405. padding-right:0px;
  406. box-sizing:border-box;
  407. border-right-style:solid;
  408. justify-content:center;
  409. border-top-left-radius:0px;
  410. border-bottom-left-radius:0px;
  411. border-right-width:1px;
  412. width:100%;
  413. border-bottom-right-radius:0px;
  414. border-right-color:#CCCCCC;
  415. border-top-right-radius:0px;
  416. padding-left:0px;
  417. height:100%;
  418. }
  419. .search .center .right .search .ms-search-input .ms-search-input-div .ms-input
  420. {
  421. border:0px;
  422. background-color:#FFFFFF;
  423. align-items:center;
  424. flex-direction:row;
  425. display:flex;
  426. padding-right:4px;
  427. box-sizing:border-box;
  428. justify-content:space-between;
  429. border-top-left-radius:2px;
  430. padding-bottom:0px;
  431. flex-wrap:nowrap;
  432. border-bottom-left-radius:2px;
  433. width:100%;
  434. border-bottom-right-radius:2px;
  435. border-top-right-radius:2px;
  436. padding-top:0px;
  437. padding-left:4px;
  438. height:30px;
  439. }
  440. .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span
  441. {
  442. color:#DCDFE6;
  443. flex-direction:row;
  444. word-wrap:break-word;
  445. display:inline-block;
  446. padding-right:0px;
  447. border-top-left-radius:0px;
  448. padding-bottom:0px;
  449. border-bottom-left-radius:0px;
  450. border-bottom-right-radius:0px;
  451. border-top-right-radius:0px;
  452. font-size:14PX;
  453. padding-top:0px;
  454. padding-left:0px;
  455. }
  456. .search .center .right .search .ms-search-input .ms-search-button
  457. {
  458. cursor:pointer;
  459. align-items:center;
  460. flex-direction:row;
  461. display:flex;
  462. padding-right:0px;
  463. box-sizing:border-box;
  464. justify-content:center;
  465. border-top-left-radius:0px;
  466. border-bottom-left-radius:0px;
  467. width:80px;
  468. border-bottom-right-radius:0px;
  469. border-top-right-radius:0px;
  470. background-repeat:no-repeat;
  471. padding-left:0px;
  472. height:100%;
  473. }
  474. .search .center .right .search .ms-search-input .ms-search-button:hover
  475. {
  476. background-color:#E6E6E6;
  477. }
  478. .search .center .right .search .ms-search-input .ms-search-button i
  479. {
  480. border-bottom-left-radius:0px;
  481. padding-right:0px;
  482. border-bottom-right-radius:0px;
  483. border-top-right-radius:0px;
  484. padding-left:0px;
  485. border-top-left-radius:0px;
  486. }
  487. .search .center .right .search .ms-search-input .ms-search-button span
  488. {
  489. border-bottom-left-radius:0px;
  490. flex-direction:row;
  491. word-wrap:break-word;
  492. display:inline-block;
  493. padding-right:0px;
  494. border-bottom-right-radius:0px;
  495. border-top-right-radius:0px;
  496. font-size:14px;
  497. padding-left:0px;
  498. border-top-left-radius:0px;
  499. }
  500. .ms-channel-path
  501. {
  502. margin-right:auto;
  503. align-items:center;
  504. flex-wrap:nowrap;
  505. flex-direction:row;
  506. display:flex;
  507. width:100%;
  508. margin-bottom:10px;
  509. box-sizing:border-box;
  510. margin-top:10px;
  511. height:30px;
  512. margin-left:auto;
  513. }
  514. .ms-channel-path .ms-channel-path-label
  515. {
  516. flex-direction:row;
  517. word-wrap:break-word;
  518. display:inline-block;
  519. font-size:14PX;
  520. margin-bottom:0px;
  521. margin-top:0px;
  522. }
  523. .ms-channel-path .ms-channel-path-index
  524. {
  525. cursor:pointer;
  526. color:#000;
  527. font-size:14PX;
  528. text-decoration:none;
  529. margin-bottom:0px;
  530. margin-top:0px;
  531. }
  532. .ms-channel-path >i
  533. {
  534. }
  535. .ms-channel-path .ms-channel-path-link
  536. {
  537. cursor:pointer;
  538. color:#000;
  539. font-size:14PX;
  540. text-decoration:none;
  541. margin-bottom:0px;
  542. margin-top:0px;
  543. }
  544. .detail
  545. {
  546. background-color:#FFFFFF;
  547. align-items:center;
  548. flex-direction:column;
  549. display:flex;
  550. box-sizing:border-box;
  551. margin-left:auto;
  552. min-height:800px;
  553. margin-right:auto;
  554. padding-bottom:0px;
  555. flex-wrap:nowrap;
  556. width:100%;
  557. margin-bottom:10px;
  558. padding-top:0px;
  559. position:relative;
  560. padding-left:0px;
  561. margin-top:10px;
  562. height:300px;
  563. }
  564. .detail .top
  565. {
  566. align-items:center;
  567. flex-direction:column;
  568. display:flex;
  569. box-sizing:border-box;
  570. justify-content:center;
  571. border-bottom-color:#EBEEF5;
  572. padding-bottom:32px;
  573. flex-wrap:nowrap;
  574. width:90%;
  575. margin-bottom:0px;
  576. border-bottom-style:solid;
  577. padding-top:32px;
  578. border-bottom-width:1px;
  579. margin-top:0px;
  580. }
  581. .detail .top .title
  582. {
  583. padding-bottom:0px;
  584. flex-direction:row;
  585. word-wrap:break-word;
  586. display:inline-block;
  587. font-size:28PX;
  588. padding-top:0px;
  589. }
  590. .detail .top .date
  591. {
  592. align-items:center;
  593. flex-direction:row;
  594. display:flex;
  595. box-sizing:border-box;
  596. justify-content:center;
  597. margin-left:0px;
  598. margin-right:0px;
  599. flex-wrap:nowrap;
  600. width:100%;
  601. margin-bottom:0px;
  602. padding-top:0px;
  603. margin-top:0px;
  604. height:100%;
  605. }
  606. .detail .top .date span
  607. {
  608. font-size:16PX;
  609. flex-direction:row;
  610. word-wrap:break-word;
  611. display:inline-block;
  612. }
  613. .detail .body
  614. {
  615. align-items:center;
  616. flex-wrap:nowrap;
  617. flex-direction:column;
  618. display:flex;
  619. width:90%;
  620. margin-bottom:0px;
  621. box-sizing:border-box;
  622. padding-top:32px;
  623. justify-content:center;
  624. margin-top:0px;
  625. }
  626. .detail .body .body-text
  627. {
  628. margin-right:auto;
  629. padding-bottom:0px;
  630. flex-direction:row;
  631. word-wrap:break-word;
  632. display:inline-block;
  633. font-size:18PX;
  634. line-height:32px;
  635. margin-bottom:0px;
  636. padding-top:0px;
  637. margin-top:0px;
  638. margin-left:0px;
  639. }
  640. .detail .body-bottom
  641. {
  642. flex-direction:row;
  643. bottom:0px;
  644. display:flex;
  645. box-sizing:border-box;
  646. margin-left:0px;
  647. flex-wrap:nowrap;
  648. width:100%;
  649. margin-bottom:0px;
  650. position:absolute;
  651. padding-left:0px;
  652. margin-top:0px;
  653. height:60px;
  654. }
  655. .detail .body-bottom .ms-share
  656. {
  657. align-items:center;
  658. flex-direction:row;
  659. display:flex;
  660. padding-right:0px;
  661. box-sizing:border-box;
  662. justify-content:flex-start;
  663. flex-wrap:nowrap;
  664. width:85%;
  665. margin-bottom:0px;
  666. padding-left:20px;
  667. margin-top:0px;
  668. height:100%;
  669. }
  670. .detail .body-bottom .ms-share span
  671. {
  672. font-size:14px;
  673. padding-left:0px;
  674. flex-direction:row;
  675. word-wrap:break-word;
  676. display:inline-block;
  677. }
  678. .detail .body-bottom .body-bottom-right
  679. {
  680. align-items:center;
  681. flex-wrap:nowrap;
  682. flex-direction:row;
  683. display:flex;
  684. padding-right:20px;
  685. width:15%;
  686. box-sizing:border-box;
  687. padding-left:20px;
  688. justify-content:space-between;
  689. height:100%;
  690. }
  691. .detail .body-bottom .body-bottom-right .print
  692. {
  693. cursor:pointer;
  694. color:#000;
  695. padding-right:0px;
  696. font-size:14px;
  697. text-decoration:none;
  698. margin-bottom:0px;
  699. padding-left:0px;
  700. margin-top:0px;
  701. }
  702. .detail .body-bottom .body-bottom-right .close
  703. {
  704. cursor:pointer;
  705. color:#000;
  706. padding-right:0px;
  707. font-size:14px;
  708. text-decoration:none;
  709. margin-bottom:0px;
  710. padding-left:0px;
  711. margin-top:0px;
  712. }
  713. .ms-next-pre
  714. {
  715. flex-direction:row;
  716. display:flex;
  717. padding-right:10px;
  718. box-sizing:border-box;
  719. margin-left:auto;
  720. margin-right:auto;
  721. flex-wrap:nowrap;
  722. width:100%;
  723. margin-bottom:0px;
  724. padding-left:10px;
  725. margin-top:0px;
  726. height:60px;
  727. }
  728. .ms-next-pre .pre
  729. {
  730. align-items:center;
  731. flex-wrap:nowrap;
  732. flex-direction:row;
  733. display:flex;
  734. width:50%;
  735. box-sizing:border-box;
  736. margin-bottom:0px;
  737. justify-content:flex-start;
  738. margin-top:0px;
  739. height:100%;
  740. }
  741. .ms-next-pre .pre span
  742. {
  743. font-size:14px;
  744. flex-direction:row;
  745. word-wrap:break-word;
  746. display:inline-block;
  747. }
  748. .ms-next-pre .pre a
  749. {
  750. cursor:pointer;
  751. font-size:14px;
  752. text-decoration:none;
  753. color:#000;
  754. }
  755. .ms-next-pre .next
  756. {
  757. align-items:center;
  758. flex-wrap:nowrap;
  759. flex-direction:row;
  760. display:flex;
  761. width:50%;
  762. box-sizing:border-box;
  763. justify-content:flex-start;
  764. height:100%;
  765. }
  766. .ms-next-pre .next span
  767. {
  768. font-size:14px;
  769. flex-direction:row;
  770. word-wrap:break-word;
  771. display:inline-block;
  772. }
  773. .ms-next-pre .next a
  774. {
  775. cursor:pointer;
  776. padding-bottom:0px;
  777. color:#000;
  778. font-size:14px;
  779. text-decoration:none;
  780. padding-top:0px;
  781. }
  782. .right-fixed
  783. {
  784. margin:0 auto;
  785. align-items:center;
  786. flex-direction:row;
  787. display:flex;
  788. box-sizing:border-box;
  789. justify-content:center;
  790. margin-left:0px;
  791. flex-wrap:nowrap;
  792. width:1200px;
  793. margin-bottom:0px;
  794. position:relative;
  795. margin-top:0px;
  796. height:0px;
  797. }
  798. .right-fixed .content
  799. {
  800. align-items:center;
  801. flex-direction:column;
  802. display:flex;
  803. padding-right:0px;
  804. box-sizing:border-box;
  805. margin-left:600px;
  806. padding-bottom:0px;
  807. top:400px;
  808. flex-wrap:nowrap;
  809. left:50%;
  810. width:40px;
  811. position:fixed;
  812. padding-top:0px;
  813. padding-left:0px;
  814. z-index:1;
  815. }
  816. .right-fixed .content i
  817. {
  818. padding-bottom:0px;
  819. color:#909399;
  820. padding-right:0px;
  821. padding-top:0px;
  822. padding-left:0px;
  823. margin-left:0px;
  824. }
  825. .right-fixed .content span
  826. {
  827. background-color:#909399;
  828. color:#FFFFFF;
  829. text-align:center;
  830. flex-direction:row;
  831. word-wrap:break-word;
  832. display:inline-block;
  833. padding-right:5px;
  834. margin-left:0px;
  835. padding-bottom:5px;
  836. width:50px;
  837. font-size:14px;
  838. padding-top:5px;
  839. padding-left:5px;
  840. height:40%;
  841. }
  842. .footer
  843. {
  844. border-top-style:solid;
  845. background-color:#FFFFFF;
  846. flex-wrap:nowrap;
  847. flex-direction:column;
  848. border-top-width:10px;
  849. display:flex;
  850. width:100%;
  851. margin-bottom:0px;
  852. box-sizing:border-box;
  853. padding-top:0px;
  854. border-top-color:#2F5E95;
  855. }
  856. .footer .links
  857. {
  858. margin-right:0px;
  859. background-color:#F3F3F3;
  860. flex-wrap:nowrap;
  861. flex-direction:row;
  862. display:flex;
  863. width:100%;
  864. margin-bottom:0px;
  865. box-sizing:border-box;
  866. justify-content:center;
  867. margin-top:0px;
  868. height:100px;
  869. }
  870. .footer .links >.body
  871. {
  872. align-items:center;
  873. flex-direction:row;
  874. display:flex;
  875. padding-right:0px;
  876. box-sizing:border-box;
  877. justify-content:space-between;
  878. border-top-left-radius:0px;
  879. margin-right:0px;
  880. padding-bottom:0px;
  881. flex-wrap:nowrap;
  882. border-bottom-left-radius:0px;
  883. width:1170px;
  884. border-bottom-right-radius:0px;
  885. border-top-right-radius:0px;
  886. padding-top:0px;
  887. padding-left:0px;
  888. height:100%;
  889. }
  890. .footer .links >.body span
  891. {
  892. align-items:center;
  893. flex-direction:column;
  894. word-wrap:break-word;
  895. display:inline-block;
  896. width:90px;
  897. font-size:14PX;
  898. padding-top:6px;
  899. padding-left:10px;
  900. justify-content:center;
  901. height:30px;
  902. }
  903. .footer .links >.body .link
  904. {
  905. margin-right:0px;
  906. background-color:#FFFFFF;
  907. flex-wrap:nowrap;
  908. flex-direction:row;
  909. display:flex;
  910. width:204px;
  911. box-sizing:border-box;
  912. padding-top:0px;
  913. padding-left:0px;
  914. height:30px;
  915. }
  916. .footer .links >.body .link >.ms-select
  917. {
  918. border-color:#DCDFE6;
  919. align-items:center;
  920. flex-direction:row;
  921. display:flex;
  922. padding-right:4px;
  923. box-sizing:border-box;
  924. justify-content:space-between;
  925. border-top-left-radius:2px;
  926. padding-bottom:0px;
  927. flex-wrap:nowrap;
  928. border-bottom-left-radius:2px;
  929. border-width:1px;
  930. width:100%;
  931. border-bottom-right-radius:2px;
  932. border-top-right-radius:2px;
  933. padding-top:0px;
  934. border-style:solid;
  935. padding-left:4px;
  936. height:30px;
  937. }
  938. .footer .links >.body .link >.ms-select span
  939. {
  940. color:#DCDFE6;
  941. border-bottom-left-radius:0px;
  942. flex-direction:row;
  943. word-wrap:break-word;
  944. display:inline-block;
  945. padding-right:0px;
  946. border-bottom-right-radius:0px;
  947. border-top-right-radius:0px;
  948. font-size:14PX;
  949. padding-left:0px;
  950. border-top-left-radius:0px;
  951. }
  952. .footer .links >.body .link >.ms-select i
  953. {
  954. border-bottom-right-radius:0px;
  955. border-top-right-radius:0px;
  956. color:#DCDFE6;
  957. border-bottom-left-radius:0px;
  958. border-top-left-radius:0px;
  959. }
  960. .footer .copyright
  961. {
  962. align-items:center;
  963. flex-direction:row;
  964. display:flex;
  965. padding-right:0px;
  966. box-sizing:border-box;
  967. justify-content:center;
  968. flex-wrap:nowrap;
  969. width:100%;
  970. margin-bottom:40px;
  971. padding-left:0px;
  972. margin-top:20px;
  973. height:120px;
  974. }
  975. .footer .copyright .body
  976. {
  977. margin-right:0px;
  978. align-items:center;
  979. flex-wrap:nowrap;
  980. flex-direction:row;
  981. display:flex;
  982. width:1170px;
  983. box-sizing:border-box;
  984. margin-bottom:0px;
  985. margin-top:0px;
  986. justify-content:center;
  987. height:100%;
  988. }
  989. .footer .copyright .body >img
  990. {
  991. margin-right:20px;
  992. width:52px;
  993. height:64px;
  994. }
  995. .footer .copyright .body .desc
  996. {
  997. margin-right:0px;
  998. flex-wrap:nowrap;
  999. flex-direction:column;
  1000. display:flex;
  1001. width:100%;
  1002. box-sizing:border-box;
  1003. height:100%;
  1004. }
  1005. .footer .copyright .body .desc .text
  1006. {
  1007. align-items:center;
  1008. flex-wrap:nowrap;
  1009. flex-direction:row;
  1010. display:flex;
  1011. width:100%;
  1012. box-sizing:border-box;
  1013. padding-top:0px;
  1014. justify-content:flex-start;
  1015. height:30px;
  1016. }
  1017. .footer .copyright .body .desc .text >div
  1018. {
  1019. align-items:center;
  1020. flex-wrap:nowrap;
  1021. flex-direction:row;
  1022. display:flex;
  1023. width:100%;
  1024. box-sizing:border-box;
  1025. justify-content:flex-start;
  1026. height:100%;
  1027. }
  1028. .footer .copyright .body .desc .text >div a
  1029. {
  1030. cursor:pointer;
  1031. margin-right:0px;
  1032. font-size:14px;
  1033. text-decoration:none;
  1034. color:#000;
  1035. }
  1036. .footer .copyright .body .desc .text >div span
  1037. {
  1038. flex-direction:row;
  1039. word-wrap:break-word;
  1040. display:inline-block;
  1041. }
  1042. .footer .copyright .body .desc .text >a
  1043. {
  1044. cursor:pointer;
  1045. margin-right:20px;
  1046. text-decoration:none;
  1047. font-size:14PX;
  1048. color:#000000;
  1049. }
  1050. .footer .copyright .body .desc .ms-designer
  1051. {
  1052. align-items:center;
  1053. flex-wrap:nowrap;
  1054. flex-direction:row;
  1055. display:flex;
  1056. width:100%;
  1057. box-sizing:border-box;
  1058. justify-content:flex-start;
  1059. height:30px;
  1060. }
  1061. .footer .copyright .body .desc .ms-designer a
  1062. {
  1063. cursor:pointer;
  1064. text-decoration:none;
  1065. font-size:14PX;
  1066. color:#DCDCDC;
  1067. }
  1068. .footer .copyright .body .right
  1069. {
  1070. flex-wrap:nowrap;
  1071. flex-direction:row;
  1072. display:flex;
  1073. width:600px;
  1074. margin-bottom:0px;
  1075. box-sizing:border-box;
  1076. justify-content:space-between;
  1077. margin-top:0px;
  1078. height:100%;
  1079. }
  1080. .footer .copyright .body .right .img
  1081. {
  1082. align-items:center;
  1083. flex-wrap:nowrap;
  1084. flex-direction:column;
  1085. display:flex;
  1086. width:100px;
  1087. margin-bottom:0px;
  1088. box-sizing:border-box;
  1089. padding-top:0px;
  1090. margin-top:0px;
  1091. height:100%;
  1092. }
  1093. .footer .copyright .body .right .img >img
  1094. {
  1095. width:90px;
  1096. height:90px;
  1097. }
  1098. .footer .copyright .body .right .img >span
  1099. {
  1100. font-size:14PX;
  1101. flex-direction:row;
  1102. word-wrap:break-word;
  1103. display:inline-block;
  1104. }
  1105. .footer .copyright .body .right .wx
  1106. {
  1107. align-items:center;
  1108. flex-wrap:nowrap;
  1109. flex-direction:column;
  1110. display:flex;
  1111. width:100px;
  1112. box-sizing:border-box;
  1113. padding-top:0px;
  1114. height:100%;
  1115. }
  1116. .footer .copyright .body .right .wx >div
  1117. {
  1118. flex-wrap:wrap;
  1119. flex-direction:row;
  1120. display:flex;
  1121. width:100%;
  1122. margin-bottom:0px;
  1123. box-sizing:border-box;
  1124. justify-content:center;
  1125. margin-top:0px;
  1126. height:90px;
  1127. }
  1128. .footer .copyright .body .right .wx >div >img
  1129. {
  1130. width:50px;
  1131. margin-bottom:0px;
  1132. margin-top:4px;
  1133. height:50px;
  1134. }
  1135. .footer .copyright .body .right .wx >div >span
  1136. {
  1137. flex-direction:row;
  1138. word-wrap:break-word;
  1139. display:inline-block;
  1140. font-size:18PX;
  1141. margin-bottom:0px;
  1142. margin-top:6px;
  1143. }
  1144. .footer .left-fixed
  1145. {
  1146. margin:0 auto;
  1147. align-items:center;
  1148. flex-direction:row;
  1149. display:none;
  1150. box-sizing:border-box;
  1151. justify-content:center;
  1152. margin-left:0px;
  1153. flex-wrap:nowrap;
  1154. width:1200px;
  1155. margin-bottom:0px;
  1156. position:relative;
  1157. margin-top:0px;
  1158. height:0px;
  1159. }
  1160. .footer .left-fixed .content
  1161. {
  1162. top:400px;
  1163. flex-wrap:nowrap;
  1164. left:50%;
  1165. flex-direction:row;
  1166. display:flex;
  1167. width:100px;
  1168. box-sizing:border-box;
  1169. position:fixed;
  1170. height:100px;
  1171. margin-left:-720px;
  1172. }
  1173. .footer .left-fixed .content >img
  1174. {
  1175. width:100%;
  1176. margin-bottom:0px;
  1177. height:100%;
  1178. margin-left:0px;
  1179. }
  1180. .footer .right-fixed
  1181. {
  1182. margin:0 auto;
  1183. align-items:center;
  1184. flex-direction:row;
  1185. display:none;
  1186. box-sizing:border-box;
  1187. justify-content:center;
  1188. margin-left:0px;
  1189. flex-wrap:nowrap;
  1190. width:1200px;
  1191. margin-bottom:0px;
  1192. position:relative;
  1193. margin-top:0px;
  1194. height:0px;
  1195. }
  1196. .footer .right-fixed .content
  1197. {
  1198. background-color:#A38F8F;
  1199. flex-direction:row;
  1200. display:flex;
  1201. box-sizing:border-box;
  1202. margin-left:600px;
  1203. top:400px;
  1204. flex-wrap:nowrap;
  1205. left:50%;
  1206. width:100px;
  1207. position:fixed;
  1208. height:100px;
  1209. z-index:1;
  1210. }
  1211. .footer .right-fixed .content >img
  1212. {
  1213. width:100%;
  1214. display:flex;
  1215. height:100%;
  1216. margin-left:0px;
  1217. }
  1218. @media (max-width: 768px){
  1219. .header
  1220. {
  1221. background-color:#2D548F;
  1222. align-items:center;
  1223. flex-direction:row;
  1224. display:flex;
  1225. width:100%;
  1226. box-sizing:border-box;
  1227. justify-content:center;
  1228. height:60px;
  1229. }
  1230. .header .center
  1231. {
  1232. align-items:center;
  1233. flex-direction:row;
  1234. display:flex;
  1235. width:100%;
  1236. box-sizing:border-box;
  1237. padding-top:0px;
  1238. padding-left:0px;
  1239. justify-content:space-between;
  1240. height:100%;
  1241. }
  1242. .header .center .left
  1243. {
  1244. align-items:center;
  1245. flex-direction:row;
  1246. display:none;
  1247. width:100%;
  1248. box-sizing:border-box;
  1249. padding-top:0px;
  1250. justify-content:center;
  1251. height:100%;
  1252. }
  1253. .header .center .left >a
  1254. {
  1255. cursor:pointer;
  1256. color:#FFFFFF;
  1257. text-align:center;
  1258. background-image:url({ms:global.host/}/{ms:global.style/}/images/1601263314183.png);
  1259. width:100px;
  1260. text-decoration:none;
  1261. background-position:bottom center;
  1262. padding-top:20px;
  1263. background-repeat:no-repeat;
  1264. height:100%;
  1265. }
  1266. .header .center .h5-menu
  1267. {
  1268. align-items:center;
  1269. flex-direction:row;
  1270. display:flex;
  1271. width:80px;
  1272. box-sizing:border-box;
  1273. padding-top:0px;
  1274. padding-left:0px;
  1275. justify-content:center;
  1276. height:100%;
  1277. }
  1278. .header .center .h5-menu .icon
  1279. {
  1280. font-size:28PX;
  1281. padding-top:0px;
  1282. color:#FFFFFF;
  1283. display:flex;
  1284. }
  1285. .class-1
  1286. {
  1287. cursor:pointer;
  1288. color:#FFFFFF;
  1289. text-align:left;
  1290. width:100%;
  1291. text-decoration:none;
  1292. padding-top:9px;
  1293. padding-left:28px;
  1294. height:40px;
  1295. }
  1296. .header .center .right
  1297. {
  1298. align-items:center;
  1299. flex-direction:row;
  1300. display:flex;
  1301. width:60%;
  1302. box-sizing:border-box;
  1303. justify-content:center;
  1304. height:100%;
  1305. }
  1306. .header .center .right >a
  1307. {
  1308. cursor:pointer;
  1309. font-size:12PX;
  1310. text-decoration:none;
  1311. color:#CDD6E1;
  1312. }
  1313. .header .center .right >span
  1314. {
  1315. margin-right:2px;
  1316. color:#FFFFFF;
  1317. flex-direction:row;
  1318. word-wrap:break-word;
  1319. display:inline-block;
  1320. margin-left:2px;
  1321. }
  1322. .search
  1323. {
  1324. align-items:center;
  1325. flex-direction:row;
  1326. background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
  1327. display:flex;
  1328. width:100%;
  1329. background-size:auto;
  1330. box-sizing:border-box;
  1331. background-position:top center;
  1332. background-repeat:repeat;
  1333. justify-content:center;
  1334. height:152px;
  1335. }
  1336. .search .center
  1337. {
  1338. align-items:center;
  1339. flex-direction:column;
  1340. display:flex;
  1341. width:100%;
  1342. box-sizing:border-box;
  1343. padding-top:20px;
  1344. justify-content:center;
  1345. height:100%;
  1346. }
  1347. .search .center .logo
  1348. {
  1349. width:auto;
  1350. padding-top:0px;
  1351. height:30%;
  1352. }
  1353. .search .center .right
  1354. {
  1355. align-items:center;
  1356. flex-direction:column;
  1357. display:flex;
  1358. padding-right:0px;
  1359. width:90%;
  1360. box-sizing:border-box;
  1361. justify-content:center;
  1362. height:100%;
  1363. }
  1364. .search .center .right .top
  1365. {
  1366. align-items:center;
  1367. flex-direction:row;
  1368. display:flex;
  1369. padding-right:0px;
  1370. width:100%;
  1371. box-sizing:border-box;
  1372. justify-content:flex-end;
  1373. height:30px;
  1374. }
  1375. .search .center .right .top >a
  1376. {
  1377. cursor:pointer;
  1378. font-size:13px;
  1379. text-decoration:none;
  1380. color:#666666;
  1381. }
  1382. .search .center .right .search
  1383. {
  1384. align-items:flex-end;
  1385. flex-direction:row;
  1386. display:flex;
  1387. padding-right:0px;
  1388. box-sizing:border-box;
  1389. justify-content:center;
  1390. border-top-left-radius:0px;
  1391. border-bottom-left-radius:0px;
  1392. width:100%;
  1393. border-bottom-right-radius:0px;
  1394. border-top-right-radius:0px;
  1395. padding-left:0px;
  1396. height:40%;
  1397. }
  1398. .search .center .right .search .ms-search-input
  1399. {
  1400. border-color:#CCCCCC;
  1401. align-items:flex-end;
  1402. flex-direction:row;
  1403. display:flex;
  1404. padding-right:0px;
  1405. box-sizing:border-box;
  1406. justify-content:center;
  1407. border-width:1px;
  1408. width:100%;
  1409. border-style:solid;
  1410. padding-left:0px;
  1411. height:32px;
  1412. }
  1413. .search .center .right .search .ms-search-input .ms-search-input-div
  1414. {
  1415. align-items:center;
  1416. flex-direction:row;
  1417. display:flex;
  1418. padding-right:0px;
  1419. box-sizing:border-box;
  1420. border-right-style:solid;
  1421. justify-content:center;
  1422. border-top-left-radius:0px;
  1423. border-bottom-left-radius:0px;
  1424. border-right-width:1px;
  1425. width:100%;
  1426. border-bottom-right-radius:0px;
  1427. border-right-color:#CCCCCC;
  1428. border-top-right-radius:0px;
  1429. padding-left:0px;
  1430. height:100%;
  1431. }
  1432. .search .center .right .search .ms-search-input .ms-search-input-div .ms-input
  1433. {
  1434. border:0px;
  1435. background-color:#FFFFFF;
  1436. align-items:center;
  1437. flex-direction:row;
  1438. display:flex;
  1439. padding-right:4px;
  1440. box-sizing:border-box;
  1441. justify-content:space-between;
  1442. border-top-left-radius:2px;
  1443. padding-bottom:0px;
  1444. flex-wrap:nowrap;
  1445. border-bottom-left-radius:2px;
  1446. width:100%;
  1447. border-bottom-right-radius:2px;
  1448. border-top-right-radius:2px;
  1449. padding-top:0px;
  1450. padding-left:4px;
  1451. height:30px;
  1452. }
  1453. .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span
  1454. {
  1455. color:#DCDFE6;
  1456. flex-direction:row;
  1457. word-wrap:break-word;
  1458. display:inline-block;
  1459. padding-right:0px;
  1460. border-top-left-radius:0px;
  1461. padding-bottom:0px;
  1462. border-bottom-left-radius:0px;
  1463. border-bottom-right-radius:0px;
  1464. border-top-right-radius:0px;
  1465. font-size:14PX;
  1466. padding-top:0px;
  1467. padding-left:0px;
  1468. }
  1469. .search .center .right .search .ms-search-input .ms-search-button
  1470. {
  1471. cursor:pointer;
  1472. align-items:center;
  1473. flex-direction:row;
  1474. display:flex;
  1475. padding-right:0px;
  1476. box-sizing:border-box;
  1477. justify-content:center;
  1478. border-top-left-radius:0px;
  1479. border-bottom-left-radius:0px;
  1480. width:60px;
  1481. border-bottom-right-radius:0px;
  1482. border-top-right-radius:0px;
  1483. background-repeat:no-repeat;
  1484. padding-left:0px;
  1485. height:100%;
  1486. }
  1487. .search .center .right .search .ms-search-input .ms-search-button i
  1488. {
  1489. border-bottom-left-radius:0px;
  1490. padding-right:0px;
  1491. border-bottom-right-radius:0px;
  1492. border-top-right-radius:0px;
  1493. padding-left:0px;
  1494. border-top-left-radius:0px;
  1495. }
  1496. .search .center .right .search .ms-search-input .ms-search-button span
  1497. {
  1498. border-bottom-left-radius:0px;
  1499. flex-direction:row;
  1500. word-wrap:break-word;
  1501. display:inline-block;
  1502. padding-right:0px;
  1503. border-bottom-right-radius:0px;
  1504. border-top-right-radius:0px;
  1505. font-size:14px;
  1506. padding-left:0px;
  1507. border-top-left-radius:0px;
  1508. }
  1509. .ms-channel-path
  1510. {
  1511. margin-right:auto;
  1512. align-items:center;
  1513. flex-wrap:nowrap;
  1514. flex-direction:row;
  1515. display:flex;
  1516. width:100%;
  1517. margin-bottom:10px;
  1518. box-sizing:border-box;
  1519. margin-top:10px;
  1520. height:30px;
  1521. margin-left:auto;
  1522. }
  1523. .ms-channel-path .ms-channel-path-label
  1524. {
  1525. font-size:14PX;
  1526. flex-direction:row;
  1527. word-wrap:break-word;
  1528. display:inline-block;
  1529. }
  1530. .ms-channel-path .ms-channel-path-index
  1531. {
  1532. cursor:pointer;
  1533. color:#000;
  1534. font-size:14PX;
  1535. text-decoration:none;
  1536. margin-bottom:0px;
  1537. margin-top:0px;
  1538. }
  1539. .ms-channel-path .ms-channel-path-link
  1540. {
  1541. cursor:pointer;
  1542. color:#000;
  1543. font-size:14PX;
  1544. text-decoration:none;
  1545. margin-bottom:0px;
  1546. margin-top:0px;
  1547. }
  1548. .detail
  1549. {
  1550. background-color:#FFFFFF;
  1551. align-items:center;
  1552. flex-direction:column;
  1553. display:flex;
  1554. box-sizing:border-box;
  1555. margin-left:auto;
  1556. min-height:800px;
  1557. margin-right:auto;
  1558. padding-bottom:0px;
  1559. flex-wrap:nowrap;
  1560. width:100%;
  1561. margin-bottom:10px;
  1562. padding-top:0px;
  1563. position:relative;
  1564. padding-left:0px;
  1565. margin-top:10px;
  1566. height:300px;
  1567. }
  1568. .detail .top
  1569. {
  1570. align-items:center;
  1571. flex-direction:column;
  1572. display:flex;
  1573. box-sizing:border-box;
  1574. justify-content:center;
  1575. border-bottom-color:#EBEEF5;
  1576. padding-bottom:32px;
  1577. flex-wrap:nowrap;
  1578. width:90%;
  1579. margin-bottom:0px;
  1580. border-bottom-style:solid;
  1581. padding-top:32px;
  1582. border-bottom-width:1px;
  1583. margin-top:0px;
  1584. }
  1585. .detail .top .title
  1586. {
  1587. margin-right:0px;
  1588. padding-bottom:0px;
  1589. flex-direction:row;
  1590. word-wrap:break-word;
  1591. display:inline-block;
  1592. font-size:28PX;
  1593. padding-top:0px;
  1594. }
  1595. .detail .top .date
  1596. {
  1597. align-items:center;
  1598. flex-direction:row;
  1599. display:flex;
  1600. box-sizing:border-box;
  1601. justify-content:center;
  1602. margin-left:0px;
  1603. margin-right:0px;
  1604. flex-wrap:nowrap;
  1605. width:100%;
  1606. margin-bottom:0px;
  1607. padding-top:0px;
  1608. margin-top:0px;
  1609. height:100%;
  1610. }
  1611. .detail .top .date span
  1612. {
  1613. font-size:16PX;
  1614. flex-direction:row;
  1615. word-wrap:break-word;
  1616. display:inline-block;
  1617. }
  1618. .detail .body
  1619. {
  1620. align-items:center;
  1621. flex-wrap:nowrap;
  1622. flex-direction:column;
  1623. display:flex;
  1624. width:90%;
  1625. margin-bottom:0px;
  1626. box-sizing:border-box;
  1627. padding-top:32px;
  1628. justify-content:center;
  1629. margin-top:0px;
  1630. }
  1631. .detail .body .body-text
  1632. {
  1633. margin-right:auto;
  1634. padding-bottom:0px;
  1635. flex-direction:row;
  1636. word-wrap:break-word;
  1637. display:inline-block;
  1638. font-size:18PX;
  1639. line-height:32px;
  1640. margin-bottom:0px;
  1641. padding-top:0px;
  1642. margin-top:0px;
  1643. margin-left:0px;
  1644. }
  1645. .detail .body-bottom
  1646. {
  1647. flex-direction:row;
  1648. bottom:0px;
  1649. display:flex;
  1650. box-sizing:border-box;
  1651. margin-left:0px;
  1652. flex-wrap:nowrap;
  1653. width:100%;
  1654. margin-bottom:0px;
  1655. position:absolute;
  1656. padding-left:0px;
  1657. margin-top:0px;
  1658. height:60px;
  1659. }
  1660. .detail .body-bottom .ms-share
  1661. {
  1662. align-items:center;
  1663. flex-direction:row;
  1664. display:flex;
  1665. padding-right:0px;
  1666. box-sizing:border-box;
  1667. justify-content:flex-start;
  1668. flex-wrap:nowrap;
  1669. width:100%;
  1670. margin-bottom:0px;
  1671. padding-left:20px;
  1672. margin-top:0px;
  1673. height:100%;
  1674. }
  1675. .detail .body-bottom .ms-share span
  1676. {
  1677. font-size:14px;
  1678. padding-left:0px;
  1679. flex-direction:row;
  1680. word-wrap:break-word;
  1681. display:inline-block;
  1682. }
  1683. .detail .body-bottom .body-bottom-right
  1684. {
  1685. align-items:center;
  1686. flex-wrap:nowrap;
  1687. flex-direction:row;
  1688. display:none;
  1689. padding-right:20px;
  1690. width:30%;
  1691. box-sizing:border-box;
  1692. padding-left:20px;
  1693. justify-content:space-between;
  1694. height:100%;
  1695. }
  1696. .detail .body-bottom .body-bottom-right .print
  1697. {
  1698. cursor:pointer;
  1699. color:#000;
  1700. padding-right:0px;
  1701. font-size:14px;
  1702. text-decoration:none;
  1703. padding-left:0px;
  1704. }
  1705. .detail .body-bottom .body-bottom-right .close
  1706. {
  1707. cursor:pointer;
  1708. color:#000;
  1709. padding-right:0px;
  1710. font-size:14px;
  1711. text-decoration:none;
  1712. padding-left:0px;
  1713. }
  1714. .ms-next-pre
  1715. {
  1716. flex-direction:row;
  1717. display:flex;
  1718. padding-right:10px;
  1719. box-sizing:border-box;
  1720. margin-left:auto;
  1721. margin-right:auto;
  1722. flex-wrap:nowrap;
  1723. width:100%;
  1724. margin-bottom:0px;
  1725. padding-left:10px;
  1726. margin-top:0px;
  1727. height:60px;
  1728. }
  1729. .ms-next-pre .pre
  1730. {
  1731. align-items:center;
  1732. flex-wrap:nowrap;
  1733. flex-direction:row;
  1734. display:flex;
  1735. width:50%;
  1736. box-sizing:border-box;
  1737. margin-bottom:0px;
  1738. justify-content:flex-start;
  1739. margin-top:0px;
  1740. height:100%;
  1741. }
  1742. .ms-next-pre .pre span
  1743. {
  1744. font-size:14px;
  1745. flex-direction:row;
  1746. word-wrap:break-word;
  1747. display:inline-block;
  1748. }
  1749. .ms-next-pre .pre a
  1750. {
  1751. cursor:pointer;
  1752. font-size:14px;
  1753. text-decoration:none;
  1754. color:#000;
  1755. }
  1756. .ms-next-pre .next
  1757. {
  1758. align-items:center;
  1759. flex-wrap:nowrap;
  1760. flex-direction:row;
  1761. display:flex;
  1762. width:50%;
  1763. box-sizing:border-box;
  1764. padding-left:0px;
  1765. justify-content:flex-start;
  1766. height:100%;
  1767. }
  1768. .ms-next-pre .next span
  1769. {
  1770. font-size:14px;
  1771. flex-direction:row;
  1772. word-wrap:break-word;
  1773. display:inline-block;
  1774. }
  1775. .ms-next-pre .next a
  1776. {
  1777. cursor:pointer;
  1778. font-size:14px;
  1779. text-decoration:none;
  1780. color:#000;
  1781. }
  1782. .right-fixed
  1783. {
  1784. margin:0 auto;
  1785. align-items:center;
  1786. flex-direction:row;
  1787. display:flex;
  1788. box-sizing:border-box;
  1789. justify-content:center;
  1790. margin-left:0px;
  1791. flex-wrap:nowrap;
  1792. width:100%;
  1793. margin-bottom:0px;
  1794. position:relative;
  1795. margin-top:0px;
  1796. height:0px;
  1797. }
  1798. .right-fixed .content
  1799. {
  1800. align-items:center;
  1801. flex-direction:column;
  1802. display:flex;
  1803. padding-right:0px;
  1804. box-sizing:border-box;
  1805. margin-left:600px;
  1806. padding-bottom:0px;
  1807. top:400px;
  1808. flex-wrap:nowrap;
  1809. left:50%;
  1810. width:40px;
  1811. position:fixed;
  1812. padding-top:0px;
  1813. padding-left:0px;
  1814. z-index:1;
  1815. }
  1816. .right-fixed .content i
  1817. {
  1818. padding-bottom:0px;
  1819. color:#909399;
  1820. padding-right:0px;
  1821. padding-top:0px;
  1822. padding-left:0px;
  1823. margin-left:0px;
  1824. }
  1825. .right-fixed .content span
  1826. {
  1827. background-color:#909399;
  1828. color:#FFFFFF;
  1829. text-align:center;
  1830. flex-direction:row;
  1831. word-wrap:break-word;
  1832. display:inline-block;
  1833. padding-right:5px;
  1834. margin-left:0px;
  1835. padding-bottom:5px;
  1836. width:50px;
  1837. font-size:14px;
  1838. padding-top:5px;
  1839. padding-left:5px;
  1840. height:40%;
  1841. }
  1842. .footer
  1843. {
  1844. border-top-style:solid;
  1845. padding-bottom:0px;
  1846. flex-wrap:nowrap;
  1847. flex-direction:column;
  1848. border-top-width:10px;
  1849. display:flex;
  1850. width:100%;
  1851. margin-bottom:0px;
  1852. box-sizing:border-box;
  1853. padding-top:0px;
  1854. border-top-color:#2F5E95;
  1855. }
  1856. .footer .links
  1857. {
  1858. background-color:#F3F3F3;
  1859. flex-direction:row;
  1860. display:flex;
  1861. box-sizing:border-box;
  1862. justify-content:center;
  1863. padding-bottom:0px;
  1864. flex-wrap:nowrap;
  1865. width:100%;
  1866. margin-bottom:0px;
  1867. padding-top:0px;
  1868. margin-top:0px;
  1869. height:unset;
  1870. }
  1871. .footer .links >.body
  1872. {
  1873. align-items:center;
  1874. flex-direction:column;
  1875. display:flex;
  1876. box-sizing:border-box;
  1877. margin-right:0px;
  1878. align-content:baseline;
  1879. padding-bottom:10px;
  1880. width:100%;
  1881. margin-bottom:0px;
  1882. padding-top:10px;
  1883. padding-left:0px;
  1884. height:unset;
  1885. }
  1886. .footer .links >.body span
  1887. {
  1888. padding-bottom:0px;
  1889. align-items:center;
  1890. flex-direction:column;
  1891. word-wrap:break-word;
  1892. display:inline-block;
  1893. width:90px;
  1894. padding-top:2px;
  1895. padding-left:10px;
  1896. justify-content:center;
  1897. height:30px;
  1898. }
  1899. .footer .links >.body .link
  1900. {
  1901. margin-right:0px;
  1902. background-color:#FFFFFF;
  1903. flex-wrap:nowrap;
  1904. flex-direction:column;
  1905. display:flex;
  1906. width:204px;
  1907. box-sizing:border-box;
  1908. margin-bottom:10px;
  1909. padding-top:0px;
  1910. padding-left:0px;
  1911. height:30px;
  1912. }
  1913. .footer .links >.body .link >.ms-select
  1914. {
  1915. border-color:#DCDFE6;
  1916. align-items:center;
  1917. flex-direction:row;
  1918. display:flex;
  1919. padding-right:4px;
  1920. box-sizing:border-box;
  1921. justify-content:space-between;
  1922. border-top-left-radius:2px;
  1923. padding-bottom:0px;
  1924. flex-wrap:nowrap;
  1925. border-bottom-left-radius:2px;
  1926. border-width:1px;
  1927. width:100%;
  1928. border-bottom-right-radius:2px;
  1929. border-top-right-radius:2px;
  1930. padding-top:0px;
  1931. border-style:solid;
  1932. padding-left:4px;
  1933. height:30px;
  1934. }
  1935. .footer .links >.body .link >.ms-select span
  1936. {
  1937. color:#DCDFE6;
  1938. border-bottom-left-radius:0px;
  1939. flex-direction:row;
  1940. word-wrap:break-word;
  1941. display:inline-block;
  1942. padding-right:0px;
  1943. border-bottom-right-radius:0px;
  1944. border-top-right-radius:0px;
  1945. font-size:14PX;
  1946. padding-left:0px;
  1947. border-top-left-radius:0px;
  1948. }
  1949. .footer .links >.body .link >.ms-select i
  1950. {
  1951. border-bottom-right-radius:0px;
  1952. border-top-right-radius:0px;
  1953. color:#DCDFE6;
  1954. border-bottom-left-radius:0px;
  1955. border-top-left-radius:0px;
  1956. }
  1957. .footer .copyright
  1958. {
  1959. flex-wrap:nowrap;
  1960. flex-direction:row;
  1961. display:flex;
  1962. padding-right:10px;
  1963. width:100%;
  1964. margin-bottom:40px;
  1965. box-sizing:border-box;
  1966. padding-left:10px;
  1967. justify-content:center;
  1968. margin-top:20px;
  1969. height:unset;
  1970. }
  1971. .footer .copyright .body
  1972. {
  1973. align-items:center;
  1974. flex-direction:column;
  1975. display:flex;
  1976. padding-right:0px;
  1977. box-sizing:border-box;
  1978. justify-content:center;
  1979. margin-right:0px;
  1980. padding-bottom:0px;
  1981. flex-wrap:nowrap;
  1982. width:100%;
  1983. margin-bottom:0px;
  1984. padding-top:0px;
  1985. padding-left:0px;
  1986. margin-top:0px;
  1987. height:unset;
  1988. }
  1989. .footer .copyright .body >img
  1990. {
  1991. margin-right:20px;
  1992. width:52px;
  1993. height:64px;
  1994. }
  1995. .footer .copyright .body .desc
  1996. {
  1997. margin-right:0px;
  1998. flex-wrap:nowrap;
  1999. flex-direction:column;
  2000. display:flex;
  2001. width:100%;
  2002. box-sizing:border-box;
  2003. height:100%;
  2004. }
  2005. .footer .copyright .body .desc .text
  2006. {
  2007. align-items:center;
  2008. flex-wrap:nowrap;
  2009. flex-direction:column;
  2010. display:flex;
  2011. width:100%;
  2012. box-sizing:border-box;
  2013. padding-top:0px;
  2014. justify-content:center;
  2015. height:unset;
  2016. }
  2017. .footer .copyright .body .desc .text >div
  2018. {
  2019. align-items:center;
  2020. flex-wrap:nowrap;
  2021. flex-direction:row;
  2022. display:flex;
  2023. width:100%;
  2024. box-sizing:border-box;
  2025. justify-content:center;
  2026. margin-top:0px;
  2027. height:unset;
  2028. }
  2029. .footer .copyright .body .desc .text >div a
  2030. {
  2031. cursor:pointer;
  2032. font-size:14PX;
  2033. text-decoration:none;
  2034. color:#000;
  2035. }
  2036. .footer .copyright .body .desc .text >div span
  2037. {
  2038. flex-direction:row;
  2039. word-wrap:break-word;
  2040. display:inline-block;
  2041. }
  2042. .footer .copyright .body .desc .text >a
  2043. {
  2044. cursor:pointer;
  2045. text-decoration:none;
  2046. font-size:14PX;
  2047. text-align:center;
  2048. }
  2049. .footer .copyright .body .desc .ms-designer
  2050. {
  2051. align-items:center;
  2052. flex-wrap:nowrap;
  2053. flex-direction:row;
  2054. display:none;
  2055. width:100%;
  2056. box-sizing:border-box;
  2057. justify-content:flex-start;
  2058. }
  2059. .footer .copyright .body .desc .ms-designer a
  2060. {
  2061. cursor:pointer;
  2062. text-decoration:none;
  2063. font-size:14PX;
  2064. color:#DCDCDC;
  2065. }
  2066. .footer .copyright .body .right
  2067. {
  2068. flex-wrap:nowrap;
  2069. flex-direction:row;
  2070. display:flex;
  2071. padding-right:0px;
  2072. width:100%;
  2073. margin-bottom:0px;
  2074. box-sizing:border-box;
  2075. padding-left:0px;
  2076. justify-content:center;
  2077. margin-top:20px;
  2078. height:100%;
  2079. }
  2080. .footer .copyright .body .right .img
  2081. {
  2082. align-items:center;
  2083. flex-wrap:nowrap;
  2084. flex-direction:column;
  2085. display:flex;
  2086. width:100px;
  2087. margin-bottom:0px;
  2088. box-sizing:border-box;
  2089. padding-top:0px;
  2090. margin-top:0px;
  2091. height:100%;
  2092. }
  2093. .footer .copyright .body .right .img >img
  2094. {
  2095. width:90px;
  2096. height:90px;
  2097. }
  2098. .footer .copyright .body .right .img >span
  2099. {
  2100. font-size:14PX;
  2101. flex-direction:row;
  2102. word-wrap:break-word;
  2103. display:inline-block;
  2104. }
  2105. .footer .copyright .body .right .wx
  2106. {
  2107. align-items:center;
  2108. flex-wrap:nowrap;
  2109. flex-direction:column;
  2110. display:flex;
  2111. width:100px;
  2112. box-sizing:border-box;
  2113. padding-top:0px;
  2114. height:100%;
  2115. }
  2116. .footer .copyright .body .right .wx >div
  2117. {
  2118. flex-wrap:wrap;
  2119. flex-direction:row;
  2120. display:flex;
  2121. width:100%;
  2122. margin-bottom:0px;
  2123. box-sizing:border-box;
  2124. justify-content:center;
  2125. margin-top:0px;
  2126. height:90px;
  2127. }
  2128. .footer .copyright .body .right .wx >div >img
  2129. {
  2130. width:50px;
  2131. margin-bottom:0px;
  2132. margin-top:4px;
  2133. height:50px;
  2134. }
  2135. .footer .copyright .body .right .wx >div >span
  2136. {
  2137. flex-direction:row;
  2138. word-wrap:break-word;
  2139. display:inline-block;
  2140. font-size:18PX;
  2141. margin-bottom:0px;
  2142. margin-top:6px;
  2143. }
  2144. .footer .left-fixed
  2145. {
  2146. margin:0 auto;
  2147. align-items:center;
  2148. flex-direction:row;
  2149. display:none;
  2150. box-sizing:border-box;
  2151. justify-content:center;
  2152. margin-left:0px;
  2153. flex-wrap:nowrap;
  2154. width:1200px;
  2155. margin-bottom:0px;
  2156. position:relative;
  2157. margin-top:0px;
  2158. height:0px;
  2159. }
  2160. .footer .left-fixed .content
  2161. {
  2162. top:400px;
  2163. flex-wrap:nowrap;
  2164. left:50%;
  2165. flex-direction:row;
  2166. display:flex;
  2167. width:100px;
  2168. box-sizing:border-box;
  2169. position:fixed;
  2170. height:100px;
  2171. margin-left:-720px;
  2172. }
  2173. .footer .left-fixed .content >img
  2174. {
  2175. width:100%;
  2176. margin-bottom:0px;
  2177. height:100%;
  2178. margin-left:0px;
  2179. }
  2180. .footer .right-fixed
  2181. {
  2182. margin:0 auto;
  2183. align-items:center;
  2184. flex-direction:row;
  2185. display:none;
  2186. box-sizing:border-box;
  2187. justify-content:center;
  2188. margin-left:0px;
  2189. flex-wrap:nowrap;
  2190. width:1200px;
  2191. margin-bottom:0px;
  2192. position:relative;
  2193. margin-top:0px;
  2194. height:0px;
  2195. }
  2196. .footer .right-fixed .content
  2197. {
  2198. background-color:#A38F8F;
  2199. flex-direction:row;
  2200. display:flex;
  2201. box-sizing:border-box;
  2202. margin-left:600px;
  2203. top:400px;
  2204. flex-wrap:nowrap;
  2205. left:50%;
  2206. width:100px;
  2207. position:fixed;
  2208. height:100px;
  2209. z-index:1;
  2210. }
  2211. .footer .right-fixed .content >img
  2212. {
  2213. width:100%;
  2214. height:100%;
  2215. margin-left:0px;
  2216. }
  2217. }</style>