index.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <title>铭飞MCms</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="铭飞MCMS">
  12. <meta name="description" content="铭飞MCMS">
  13. <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script>
  14. <link rel="stylesheet" href="http://localhost:8080/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="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css">
  17. <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script>
  18. <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css">
  19. <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css">
  20. <!--网络请求框架-->
  21. <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script>
  22. <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script>
  23. <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script>
  24. <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script>
  25. <script src="http://localhost:8080/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. <div class="ms-nav">
  38. <div class="body">
  39. <div class="logo">
  40. <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" class="logo-pic">
  41. <img title="" alt="" src="https://www.mingsoft.net//template/1/ms/images/1596437934982.png" class="logo-desc">
  42. </div>
  43. <div @click="switchShow([&quot;1605172743000_96378&quot;]);" class="nav-h5">
  44. <i class="iconfont icon-caidan nav-h5-icon"></i>
  45. <div id="key_1605172743000_96378" class="nav-h5-body" style="display: none">
  46. <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
  47. <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item ">
  48. 公司产品
  49. </a>
  50. <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item sel">
  51. 新闻动态
  52. </a>
  53. <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
  54. 关于我们
  55. </a>
  56. </div>
  57. </div>
  58. <div class="nav-item">
  59. <a href="http://localhost:8080" class="item"> 首页 </a>
  60. <a href="http://localhost:8080/html/web/product/index.html" class="item">
  61. 公司产品
  62. </a>
  63. <a href="http://localhost:8080/html/web/news/index.html" class="item sel">
  64. 新闻动态
  65. </a>
  66. <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
  67. 关于我们
  68. </a>
  69. </div>
  70. <div class="nav-search">
  71. <!--搜索-start-->
  72. <form id="searchDataForm" action="http://localhost:8080/mcms/search.do" method="post" class="ms-search-input">
  73. <div class="ms-search-input-div">
  74. <!--输入框 - start -->
  75. <input class="ms-input" name="content_title" placeholder="输入搜索关键字">
  76. <!--输入框 -end -->
  77. </div>
  78. <div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();">
  79. <i class="iconfont icon-fangdajing"></i>
  80. </div>
  81. </form>
  82. <!--搜索-end-->
  83. </div>
  84. </div>
  85. </div> <div class="news">
  86. <div class="body">
  87. <div class="left">
  88. <span class="title"> 新闻动态</span>
  89. <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="sub-title"> 公司动态 </a>
  90. <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="sub-title-sel"> 行业动态 </a>
  91. </div>
  92. <div class="right">
  93. <div class="ms-channel-path">
  94. <span class="ms-channel-path-label"> 当前位置: </span>
  95. <a href="/" class="ms-channel-path-index"> 首页 </a>
  96. <i class="iconfont icon-youjiantou"></i>
  97. <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="ms-channel-path-link"> 行业动态 </a>
  98. </div>
  99. <div class="right-body">
  100. <div class="news-item">
  101. <div class="pic">
  102. <img title="" alt="" src="/upload/1/cms/content/1609835614568.jpeg">
  103. </div>
  104. <div class="news-content">
  105. <a href="http://localhost:8080/html/web/news/xingyedongtai/1346302136240926721.html" class="title"> 铭飞MCMS内容管理系统完整开源版J2EE代码 </a>
  106. <span class="desc"> 官网同时提供一键运行版本下载,请步移官网.... </span>
  107. <div class="news-footer">
  108. <span class="label"> 发布时间 </span>
  109. <span class="v"> 2021-01-05 </span>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="news-item">
  114. <div class="pic">
  115. <img title="" alt="" src="/upload/1/cms/content/1609835629433.jpeg">
  116. </div>
  117. <div class="news-content">
  118. <a href="http://localhost:8080/html/web/news/xingyedongtai/1346299650146922497.html" class="title"> 【网站】国内 前6名 Java开源CMS建站系统 </a>
  119. <span class="desc"> 下面我们开始分享一下开源中国中最火的Java开源CMS建站系统 </span>
  120. <div class="news-footer">
  121. <span class="label"> 发布时间 </span>
  122. <span class="v"> 2021-01-05 </span>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="news-item">
  127. <div class="pic">
  128. <img title="" alt="" src="/upload/1/cms/content/1609835640813.jpeg">
  129. </div>
  130. <div class="news-content">
  131. <a href="http://localhost:8080/html/web/news/xingyedongtai/1329374724146405378.html" class="title"> 国内最火的10款Java开源项目,都是国人开发,CMS居多 </a>
  132. <span class="desc"> 价值源自分享!铭飞系统不仅一套简单好用的开源系统、更是一整套优质的开源生态内容体系。铭飞的使命就是降低开发成本提高开发效率,提供全方位的企业级开发解决方案,每月28定期更新版本 </span>
  133. <div class="news-footer">
  134. <span class="label"> 发布时间 </span>
  135. <span class="v"> 2020-11-20 </span>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. <div class="page">
  141. <el-pagination
  142. background
  143. @current-change="handleCurrentChange"
  144. :page-size="pageSize"
  145. :current-page.sync="pageCur"
  146. layout="prev, pager, next, jumper"
  147. :total="contentCount"> </el-pagination>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="ms-footer">
  153. <div class="body">
  154. <div class="top">
  155. <div class="top-left">
  156. <div class="foot-nav">
  157. <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>
  158. <div>
  159. <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a>
  160. </div>
  161. <div>
  162. <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a>
  163. </div>
  164. <div>
  165. <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a>
  166. </div>
  167. </div> <div class="foot-nav">
  168. <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>
  169. <div>
  170. <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a>
  171. </div>
  172. <div>
  173. <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a>
  174. </div>
  175. </div> <div class="foot-nav">
  176. <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>
  177. <div>
  178. <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a>
  179. </div>
  180. <div>
  181. <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a>
  182. </div>
  183. </div>
  184. </div>
  185. <div class="top-right">
  186. <div class="qr">
  187. <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
  188. <span class="text"> 商务微信 </span>
  189. </div>
  190. <div class="qr">
  191. <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" class="pic">
  192. <span class="text"> 公众号 </span>
  193. </div>
  194. </div>
  195. </div>
  196. <span class="copyright"> <el-link href="https://www.mingsoft.net/" type="primary">© 江西铭软科技有限公司</el-link> 2012-至今 All Rights Reserved. Powered by MCms </span>
  197. <span class="power"> @该网页由 <el-link href="https://designer.mingsoft.net/" type="primary">MDesigner</el-link> 制作完成 </span>
  198. </div>
  199. </div> </div>
  200. <script>
  201. var app = new Vue({
  202. el: '#app',
  203. watch:{
  204. },
  205. data: {
  206. //当前页数
  207. pageCur: 1,
  208. //每页文章条数
  209. pageSize: 10,
  210. //页数总数
  211. pageTotal: 1,
  212. //内容总数
  213. contentCount: 3
  214. },
  215. methods: {
  216. switchShow:function(arr){
  217. var that = this
  218. arr.forEach(function(x){
  219. let e = that.$el.querySelector("#key_"+x)
  220. if(e){
  221. e.style.display=e.style.display=='none'?'flex':'none'
  222. }
  223. })
  224. },
  225. handleCurrentChange:function(val) {
  226. if(val==1) {
  227. location.href = "http://localhost:8080/html/web//news/xingyedongtai/index.html";
  228. } else {
  229. location.href = "http://localhost:8080/html/web//news/xingyedongtai/list-" + val + ".html";
  230. }
  231. }
  232. },
  233. created(){
  234. }
  235. })
  236. </script>
  237. <style>
  238. body {
  239. background-color:#fff;
  240. box-sizing:border-box;
  241. font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
  242. moz-box-sizing:border-box;
  243. webkit-box-sizing:border-box;
  244. }
  245. .news
  246. {
  247. align-items:center;
  248. flex-direction:row;
  249. display:flex;
  250. padding-right:0px;
  251. box-sizing:border-box;
  252. justify-content:center;
  253. padding-bottom:0px;
  254. flex-wrap:nowrap;
  255. width:100%;
  256. margin-bottom:0px;
  257. padding-top:0px;
  258. padding-left:0px;
  259. margin-top:0px;
  260. }
  261. .news .body
  262. {
  263. padding-bottom:20px;
  264. flex-wrap:nowrap;
  265. flex-direction:row;
  266. display:flex;
  267. padding-right:0px;
  268. width:1200%;
  269. box-sizing:border-box;
  270. padding-top:20px;
  271. padding-left:0px;
  272. justify-content:center;
  273. height:100%;
  274. }
  275. .news .body .left
  276. {
  277. padding-bottom:0px;
  278. flex-wrap:nowrap;
  279. flex-direction:column;
  280. display:flex;
  281. padding-right:0px;
  282. width:200px;
  283. box-sizing:border-box;
  284. padding-top:0px;
  285. padding-left:0px;
  286. margin-top:0px;
  287. height:100%;
  288. }
  289. .news .body .left .title
  290. {
  291. border-bottom-color:#C0C4CC;
  292. color:#C0C4CC;
  293. flex-direction:row;
  294. word-wrap:break-word;
  295. display:inline-block;
  296. font-size:16PX;
  297. border-bottom-style:dashed;
  298. padding-top:10px;
  299. border-bottom-width:1px;
  300. padding-left:10px;
  301. margin-top:0px;
  302. height:40px;
  303. }
  304. .news .body .left .sub-title-sel
  305. {
  306. background-color:#F2F6FC;
  307. color:#409EFF;
  308. flex-direction:row;
  309. word-wrap:break-word;
  310. display:inline-block;
  311. font-size:16PX;
  312. padding-top:10px;
  313. padding-left:10px;
  314. margin-top:2px;
  315. height:40px;
  316. }
  317. .news .body .left .sub-title
  318. {
  319. color:#5F5F5F;
  320. flex-direction:row;
  321. word-wrap:break-word;
  322. display:inline-block;
  323. font-size:16PX;
  324. padding-top:10px;
  325. padding-left:10px;
  326. margin-top:0px;
  327. height:40px;
  328. }
  329. .news .body .right
  330. {
  331. padding-bottom:0px;
  332. flex-wrap:nowrap;
  333. flex-direction:column;
  334. display:flex;
  335. padding-right:0px;
  336. width:1000px;
  337. margin-bottom:0px;
  338. box-sizing:border-box;
  339. padding-top:0px;
  340. padding-left:20px;
  341. margin-top:0px;
  342. height:100%;
  343. }
  344. .news .body .right .page {
  345. padding-right: 0px;
  346. padding-bottom: 0px;
  347. flex-wrap: nowrap;
  348. height: 60px;
  349. align-items: center;
  350. justify-content: center;
  351. padding-left: 0px;
  352. box-sizing: border-box;
  353. padding-top: 0px;
  354. flex-direction: row;
  355. display: flex;
  356. width: 100%;
  357. }
  358. .news .body .right .ms-channel-path
  359. {
  360. align-items:center;
  361. flex-direction:row;
  362. display:flex;
  363. padding-right:0px;
  364. box-sizing:border-box;
  365. margin-left:auto;
  366. margin-right:auto;
  367. padding-bottom:0px;
  368. flex-wrap:nowrap;
  369. width:100%;
  370. margin-bottom:10px;
  371. padding-top:0px;
  372. padding-left:0px;
  373. margin-top:10px;
  374. height:30px;
  375. }
  376. .news .body .right .ms-channel-path span
  377. {
  378. color:#909399;
  379. flex-direction:row;
  380. word-wrap:break-word;
  381. display:inline-block;
  382. font-size:16PX;
  383. }
  384. .news .body .right .ms-channel-path .ms-channel-path-index
  385. {
  386. cursor:pointer;
  387. color:#000;
  388. font-size:16PX;
  389. text-decoration:none;
  390. margin-bottom:0px;
  391. margin-top:0px;
  392. }
  393. .news .body .right .ms-channel-path >i
  394. {
  395. }
  396. .news .body .right .ms-channel-path .ms-channel-path-link
  397. {
  398. cursor:pointer;
  399. color:#000;
  400. font-size:16PX;
  401. text-decoration:none;
  402. margin-bottom:0px;
  403. margin-top:0px;
  404. }
  405. .news .body .right .right-body
  406. {
  407. align-items:flex-start;
  408. flex-direction:column;
  409. display:flex;
  410. padding-right:10px;
  411. box-sizing:border-box;
  412. margin-left:0px;
  413. margin-right:0px;
  414. padding-bottom:10px;
  415. width:100%;
  416. margin-bottom:0px;
  417. padding-top:10px;
  418. padding-left:10px;
  419. margin-top:0px;
  420. height:100%;
  421. }
  422. .news .body .right .right-body .news-item
  423. {
  424. padding-bottom:0px;
  425. flex-wrap:nowrap;
  426. flex-direction:row;
  427. display:flex;
  428. padding-right:0px;
  429. width:100%;
  430. box-sizing:border-box;
  431. margin-bottom:10px;
  432. padding-top:0px;
  433. padding-left:0px;
  434. margin-top:0px;
  435. height:120px;
  436. }
  437. .news .body .right .right-body .news-item .pic
  438. {
  439. padding-bottom:0px;
  440. flex-wrap:nowrap;
  441. flex-direction:row;
  442. display:flex;
  443. width:200px;
  444. box-sizing:border-box;
  445. padding-top:0px;
  446. height:120px;
  447. }
  448. .news .body .right .right-body .news-item .pic img
  449. {
  450. margin-right:0px;
  451. padding-bottom:0px;
  452. padding-right:0px;
  453. width:100%;
  454. margin-bottom:0px;
  455. padding-top:0px;
  456. padding-left:0px;
  457. height:100%;
  458. margin-left:0px;
  459. }
  460. .news .body .right .right-body .news-item .news-content
  461. {
  462. padding-bottom:0px;
  463. flex-wrap:nowrap;
  464. flex-direction:column;
  465. display:flex;
  466. padding-right:0px;
  467. width:100%;
  468. box-sizing:border-box;
  469. padding-top:0px;
  470. position:relative;
  471. padding-left:10px;
  472. justify-content:flex-start;
  473. height:100%;
  474. }
  475. .news .body .right .right-body .news-item .news-content .title
  476. {
  477. padding-bottom:0px;
  478. flex-direction:row;
  479. word-wrap:break-word;
  480. display:inline-block;
  481. font-size:18PX;
  482. padding-top:0px;
  483. padding-left:0px;
  484. }
  485. .news .body .right .right-body .news-item .news-content .desc
  486. {
  487. padding-bottom:8px;
  488. color:#909399;
  489. flex-direction:row;
  490. word-wrap:break-word;
  491. display:inline-block;
  492. padding-right:0px;
  493. font-size:16PX;
  494. margin-bottom:0px;
  495. padding-top:8px;
  496. padding-left:0px;
  497. height:100px;
  498. }
  499. .news .body .right .right-body .news-item .news-content .news-footer
  500. {
  501. align-items:center;
  502. flex-direction:row;
  503. display:flex;
  504. padding-right:0px;
  505. box-sizing:border-box;
  506. justify-content:flex-start;
  507. margin-left:0px;
  508. margin-right:0px;
  509. padding-bottom:0px;
  510. flex-wrap:nowrap;
  511. width:100%;
  512. margin-bottom:0px;
  513. padding-top:0px;
  514. padding-left:0px;
  515. height:30%;
  516. }
  517. .news .body .right .right-body .news-item .news-content .news-footer .label
  518. {
  519. margin-right:0px;
  520. padding-bottom:0px;
  521. color:#C0C4CC;
  522. flex-direction:row;
  523. word-wrap:break-word;
  524. display:inline-block;
  525. padding-right:0px;
  526. font-size:14PX;
  527. margin-bottom:0px;
  528. padding-top:0px;
  529. padding-left:0px;
  530. margin-left:0px;
  531. }
  532. .news .body .right .right-body .news-item .news-content .news-footer .v
  533. {
  534. margin-right:10px;
  535. padding-bottom:0px;
  536. color:#C0C4CC;
  537. flex-direction:row;
  538. word-wrap:break-word;
  539. display:inline-block;
  540. padding-right:0px;
  541. font-size:14PX;
  542. margin-bottom:0px;
  543. padding-top:0px;
  544. padding-left:0px;
  545. margin-left:10px;
  546. }
  547. @media (max-width: 768px){
  548. .news
  549. {
  550. align-items:center;
  551. flex-direction:row;
  552. display:flex;
  553. padding-right:0px;
  554. box-sizing:border-box;
  555. justify-content:center;
  556. padding-bottom:0px;
  557. flex-wrap:nowrap;
  558. width:100%;
  559. margin-bottom:0px;
  560. padding-top:0px;
  561. padding-left:0px;
  562. margin-top:0px;
  563. }
  564. .news .body
  565. {
  566. padding-bottom:20px;
  567. align-items:center;
  568. flex-wrap:nowrap;
  569. flex-direction:column;
  570. display:flex;
  571. padding-right:0px;
  572. width:100%;
  573. box-sizing:border-box;
  574. padding-top:20px;
  575. padding-left:0px;
  576. justify-content:flex-start;
  577. }
  578. .news .body .left {
  579. width: 90%;
  580. }
  581. .news .body .right
  582. {
  583. padding-bottom:0px;
  584. flex-wrap:nowrap;
  585. flex-direction:column;
  586. display:flex;
  587. padding-right:0px;
  588. width:100%;
  589. margin-bottom:0px;
  590. box-sizing:border-box;
  591. padding-top:0px;
  592. padding-left:0px;
  593. margin-top:0px;
  594. }
  595. .news .body .right .ms-channel-path
  596. {
  597. align-items:center;
  598. flex-direction:row;
  599. display:flex;
  600. padding-right:0px;
  601. box-sizing:border-box;
  602. margin-left:auto;
  603. margin-right:auto;
  604. padding-bottom:0px;
  605. flex-wrap:nowrap;
  606. width:90%;
  607. margin-bottom:10px;
  608. padding-top:0px;
  609. padding-left:0px;
  610. margin-top:10px;
  611. height:30px;
  612. }
  613. .news .body .right .ms-channel-path span
  614. {
  615. color:#909399;
  616. flex-direction:row;
  617. word-wrap:break-word;
  618. display:inline-block;
  619. font-size:16PX;
  620. }
  621. .news .body .right .ms-channel-path .ms-channel-path-index
  622. {
  623. cursor:pointer;
  624. color:#000;
  625. font-size:16PX;
  626. text-decoration:none;
  627. margin-bottom:0px;
  628. margin-top:0px;
  629. }
  630. .news .body .right .ms-channel-path .ms-channel-path-link
  631. {
  632. cursor:pointer;
  633. color:#000;
  634. font-size:16PX;
  635. text-decoration:none;
  636. margin-bottom:0px;
  637. margin-top:0px;
  638. }
  639. .news .body .right .right-body
  640. {
  641. align-items:center;
  642. flex-direction:column;
  643. display:flex;
  644. padding-right:0px;
  645. box-sizing:border-box;
  646. justify-content:center;
  647. margin-left:0px;
  648. margin-right:0px;
  649. padding-bottom:10px;
  650. width:100%;
  651. margin-bottom:0px;
  652. padding-top:10px;
  653. padding-left:0px;
  654. margin-top:0px;
  655. height:100%;
  656. }
  657. .news .body .right .right-body .news-item
  658. {
  659. padding-bottom:0px;
  660. flex-wrap:nowrap;
  661. flex-direction:column;
  662. display:flex;
  663. padding-right:0px;
  664. width:90%;
  665. box-sizing:border-box;
  666. margin-bottom:10px;
  667. padding-top:0px;
  668. padding-left:0px;
  669. height: unset;
  670. }
  671. .news .body .right .right-body .news-item .pic
  672. {
  673. padding-bottom:0px;
  674. flex-wrap:nowrap;
  675. flex-direction:row;
  676. display:flex;
  677. width:100%;
  678. box-sizing:border-box;
  679. margin-bottom:0px;
  680. padding-top:0px;
  681. height:unset;
  682. }
  683. .news .body .right .right-body .news-item .pic img
  684. {
  685. padding-bottom:0px;
  686. padding-right:0px;
  687. width:100%;
  688. padding-top:0px;
  689. padding-left:0px;
  690. height:100%;
  691. }
  692. .news .body .right .right-body .news-item .news-content
  693. {
  694. padding-bottom:0px;
  695. flex-wrap:nowrap;
  696. flex-direction:column;
  697. display:flex;
  698. padding-right:0px;
  699. width:100%;
  700. box-sizing:border-box;
  701. padding-top:0px;
  702. position:relative;
  703. padding-left:0px;
  704. justify-content:flex-start;
  705. height:100%;
  706. }
  707. .news .body .right .right-body .news-item .news-content .title
  708. {
  709. padding-bottom:0px;
  710. text-align:left;
  711. flex-direction:row;
  712. word-wrap:break-word;
  713. display:inline-block;
  714. font-size:16PX;
  715. margin-bottom:8px;
  716. padding-top:0px;
  717. padding-left:0px;
  718. margin-top:8px;
  719. }
  720. .news .body .right .right-body .news-item .news-content .desc
  721. {
  722. padding-bottom:8px;
  723. color:#909399;
  724. flex-direction:row;
  725. word-wrap:break-word;
  726. display:inline-block;
  727. padding-right:0px;
  728. font-size:14PX;
  729. margin-bottom:0px;
  730. padding-top:8px;
  731. padding-left:0px;
  732. margin-top:0px;
  733. height:100px;
  734. display: none;
  735. }
  736. .news .body .right .right-body .news-item .news-content .news-footer
  737. {
  738. align-items:center;
  739. flex-direction:row;
  740. display:flex;
  741. padding-right:0px;
  742. box-sizing:border-box;
  743. justify-content:flex-start;
  744. margin-left:0px;
  745. margin-right:0px;
  746. padding-bottom:0px;
  747. flex-wrap:nowrap;
  748. width:100%;
  749. padding-top:0px;
  750. padding-left:0px;
  751. height:30%;
  752. }
  753. .news .body .right .right-body .news-item .news-content .news-footer .label
  754. {
  755. margin-right:0px;
  756. padding-bottom:0px;
  757. color:#C0C4CC;
  758. flex-direction:row;
  759. word-wrap:break-word;
  760. display:inline-block;
  761. padding-right:0px;
  762. font-size:14PX;
  763. margin-bottom:0px;
  764. padding-top:0px;
  765. padding-left:0px;
  766. margin-left:0px;
  767. }
  768. .news .body .right .right-body .news-item .news-content .news-footer .v
  769. {
  770. margin-right:10px;
  771. padding-bottom:0px;
  772. color:#C0C4CC;
  773. flex-direction:row;
  774. word-wrap:break-word;
  775. display:inline-block;
  776. padding-right:0px;
  777. font-size:14PX;
  778. margin-bottom:0px;
  779. padding-top:0px;
  780. padding-left:0px;
  781. margin-left:10px;
  782. }
  783. }</style>
  784. </body>
  785. </html>