19c3318c by 任超

style:首页

1 parent b30f1599
...@@ -94,7 +94,28 @@ ...@@ -94,7 +94,28 @@
94 <!-- 新闻模块 --> 94 <!-- 新闻模块 -->
95 <div class="news-module"> 95 <div class="news-module">
96 <a class="top-title">党的十八大以来 双拥工将生产能力烈士来作综述:为实现中国梦强军梦凝聚强大力量</a> 96 <a class="top-title">党的十八大以来 双拥工将生产能力烈士来作综述:为实现中国梦强军梦凝聚强大力量</a>
97 <div class="news-module-box">
98 <img class="news-img" src="/staticImages/default-news.png" />
99 <ul class="news-title">
100 <li class="hot-focus">
101 <img src="/staticImages/redian.png" />
102 热点聚焦
103 </li>
104 <li>
105 新闻动态
106 </li>
107 <li class="see-more">
108 <a>查看全部</a>
109 <img src="/staticImages/more.png" />
110 </li>
111 </ul>
112 <ul class="hotspot-list">
97 113
114 </ul>
115 <ul class="news-information-list">
116
117 </ul>
118 </div>
98 </div> 119 </div>
99 120
100 <div class="c_one"> 121 <div class="c_one">
......
...@@ -388,6 +388,8 @@ div.top-logo .top_logo_search i { ...@@ -388,6 +388,8 @@ div.top-logo .top_logo_search i {
388 /* 头部搜索区域 */ 388 /* 头部搜索区域 */
389 .head-search { 389 .head-search {
390 padding: 40px 0; 390 padding: 40px 0;
391 background: url('../staticImages/top_back-ground.png') no-repeat;
392 background-size: cover;
391 } 393 }
392 .head-contentBox { 394 .head-contentBox {
393 width: 1200px; 395 width: 1200px;
......
...@@ -606,10 +606,54 @@ div.c_five ul li a img { ...@@ -606,10 +606,54 @@ div.c_five ul li a img {
606 color: #4A4A4A; 606 color: #4A4A4A;
607 line-height: 45px; 607 line-height: 45px;
608 margin: 0 auto; 608 margin: 0 auto;
609 padding-top: 40px; 609 padding: 40px 0 35px 0;
610 overflow: hidden; 610 overflow: hidden;
611 text-overflow: ellipsis; 611 text-overflow: ellipsis;
612 display: -webkit-box; 612 display: -webkit-box;
613 -webkit-line-clamp: 3;/*超出3行部分显示省略号,去掉该属性 显示全部*/ 613 -webkit-line-clamp: 3;/*超出3行部分显示省略号,去掉该属性 显示全部*/
614 -webkit-box-orient: vertical; 614 -webkit-box-orient: vertical;
615 } 615 }
616 /* 新闻内容 */
617 .news-module-box {
618 width: 1200px;
619 margin: 0 auto;
620 }
621 .news-module-box .news-img{
622 float: left;
623 width: 680px;
624 }
625 .news-title {
626 float: right;
627 border-bottom: 1px solid #EAEAEA;
628 padding-bottom: 20px;
629 }
630 .news-title li {
631 display: inline-block;
632 font-size: 22px;
633 color: #4A4A4A;
634 cursor: pointer;
635 }
636 .news-title .hot-focus {
637 margin-right: 100px;
638 }
639 .news-title li:nth-child(2) {
640 margin-right: 100px;
641 }
642 .news-title .hot-focus img{
643 width: 16px;
644 height: 17px;
645 position: relative;
646 top: 3px;
647 }
648 .news-title .see-more {
649 position: relative;
650 top: -5px;
651 }
652 .news-title .see-more a{
653 color: #9B9B9B;
654 font-size: 16px;
655 }
656 .news-title .see-more img{
657 width: 6px;
658 height: 12px;
659 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <style> 5 <style>
6 </style> 6 </style>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <title>示公</title> 8 <title>公告</title>
9 <script type="text/javascript" src="../../staticJs/head.js"></script> 9 <script type="text/javascript" src="../../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../../staticCss/gsgg.css"> 10 <link rel="stylesheet" type="text/css" href="../../staticCss/gsgg.css">
11 </head> 11 </head>
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
24 <div class="layui-tab layui-tab-brief"> 24 <div class="layui-tab layui-tab-brief">
25 <ul class="layui-tab-title"> 25 <ul class="layui-tab-title">
26 <li class="layui-this"><a href="">全部</a></li> 26 <li class="layui-this"><a href="">全部</a></li>
27 <li><a href="">公示</a></li> 27 <li><a href="/staticViews/gongshi/1.html">公示</a></li>
28 <li><a href="">公告</a></li> 28 <li><a href="/staticViews/gonggao/1.html">公告</a></li>
29 </ul> 29 </ul>
30 </div> 30 </div>
31 <!-- 列表区域 --> 31 <!-- 列表区域 -->
......