Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
2eae2e04 by 任超
Options

style:公示公告

1 parent 244216ee
Expand all
Inline Side-by-side
Showing 4 changed files with 12 additions and 625 deletions
...@@ -204,11 +204,10 @@ div.navigation { ...@@ -204,11 +204,10 @@ div.navigation {
204 .mainbody { 204 .mainbody {
205 width: 1200px; 205 width: 1200px;
206 margin: 0 auto; 206 margin: 0 auto;
207 /* min-height:calc(100vh - 200px); */ 207 min-height: calc(100vh - 200px);
208 /* overflow: hidden; */
209 } 208 }
210 .listArea{ 209 .listArea{
211 min-height: calc(100vh - 200px); 210 overflow: hidden;
212 } 211 }
213 .top { 212 .top {
214 text-align: center; 213 text-align: center;
...@@ -254,7 +253,6 @@ div.navigation { ...@@ -254,7 +253,6 @@ div.navigation {
254 .gglist{ 253 .gglist{
255 width:76%; 254 width:76%;
256 float: left; 255 float: left;
257 /* background: red; */
258 } 256 }
259 .gglist li{ 257 .gglist li{
260 height: 104px; 258 height: 104px;
...@@ -263,12 +261,11 @@ div.navigation { ...@@ -263,12 +261,11 @@ div.navigation {
263 border-bottom:1px solid #EAEAEA; 261 border-bottom:1px solid #EAEAEA;
264 border-right:1px solid #EAEAEA 262 border-right:1px solid #EAEAEA
265 } 263 }
266 .rightcontainer{ 264 .listArea_right{
267 float:right; 265 width: 23%;
268 width: 23% 266 float: right;
269 } 267 }
270 .diver{ 268 .diver{
271 float:right;
272 width: 23%; 269 width: 23%;
273 width: 195px; 270 width: 195px;
274 height: 1px; 271 height: 1px;
......
1 <!DOCTYPE html 1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <html xmlns="http://www.w3.org/1999/xhtml">
4
4 <head> 5 <head>
5 <style> 6 <style>
6 </style> 7 </style>
...@@ -9,6 +10,7 @@ ...@@ -9,6 +10,7 @@
9 <script type="text/javascript" src="../staticJs/head.js"></script> 10 <script type="text/javascript" src="../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../staticCss/gsgg.css"> 11 <link rel="stylesheet" type="text/css" href="../staticCss/gsgg.css">
11 </head> 12 </head>
13
12 <body> 14 <body>
13 <div class="navigation_crumbs"> 15 <div class="navigation_crumbs">
14 <div class="contentBox"> 16 <div class="contentBox">
...@@ -39,7 +41,6 @@ ...@@ -39,7 +41,6 @@
39 </div> 41 </div>
40 <!-- 列表区域 --> 42 <!-- 列表区域 -->
41 <div class="listArea"> 43 <div class="listArea">
42 <div>
43 <ul class="gglist"> 44 <ul class="gglist">
44 <li> 45 <li>
45 <a href="./ggxq.html" target="_blank"> 46 <a href="./ggxq.html" target="_blank">
...@@ -49,81 +50,10 @@ ...@@ -49,81 +50,10 @@
49 </div> 50 </div>
50 </a> 51 </a>
51 </li> 52 </li>
52 <li> 53
53 <a href="./ggxq.html" target="_blank">
54 <div class="gg">
55 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
56 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
57 </div>
58 </a>
59 </li>
60 <li>
61 <a href="./ggxq.html" target="_blank">
62 <div class="gg">
63 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
64 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量
65 </div>
66 </a>
67 </li>
68 <li>
69 <a href="./ggxq.html" target="_blank">
70 <div class="gg">
71 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
72 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
73 </div>
74 </a>
75 </li>
76 <li>
77 <a href="./ggxq.html" target="_blank">
78 <div class="gg">
79 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
80 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
81 </div>
82 </a>
83 </li>
84 <li>
85 <a href="./ggxq.html" target="_blank">
86 <div class="gg">
87 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
88 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
89 </div>
90 </a>
91 </li>
92 <li>
93 <a href="./ggxq.html" target="_blank">
94 <div class="gg">
95 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
96 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
97 </div>
98 </a>
99 </li>
100 <li>
101 <a href="./ggxq.html" target="_blank">
102 <div class="gg">
103 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
104 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
105 </div>
106 </a>
107 </li>
108 <li>
109 <a href="./ggxq.html" target="_blank">
110 <div class="gg">
111 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
112 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
113 </div>
114 </a>
115 </li>
116 <li>
117 <a href="./ggxq.html" target="_blank">
118 <div class="gg">
119 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
120 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
121 </div>
122 </a>
123 </li>
124 </ul> 54 </ul>
125 </div> 55 <div id="test1"></div>
126 <div> 56 <div class="listArea_right">
127 <ul class="rightcontainer"> 57 <ul class="rightcontainer">
128 <h2 class="right-top">新闻推荐</h2> 58 <h2 class="right-top">新闻推荐</h2>
129 <li class="tj"> 59 <li class="tj">
...@@ -131,7 +61,7 @@ ...@@ -131,7 +61,7 @@
131 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span> 61 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span>
132 <span class="tj-date">2020-12-12</span> 62 <span class="tj-date">2020-12-12</span>
133 </li> 63 </li>
134 <li class="tj" > 64 <li class="tj">
135 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 65 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
136 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span> 66 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span>
137 <span class="tj-date">2020-12-12</span> 67 <span class="tj-date">2020-12-12</span>
...@@ -172,9 +102,9 @@ ...@@ -172,9 +102,9 @@
172 </div> 102 </div>
173 </div> 103 </div>
174 </div> 104 </div>
175 </div>
176 </body> 105 </body>
177 <script type="text/javascript" src="../staticJs/common.js"></script> 106 <script type="text/javascript" src="../staticJs/common.js"></script>
178 <script type="text/javascript" src="../staticJs/down.js"></script> 107 <script type="text/javascript" src="../staticJs/down.js"></script>
179 <script type="text/javascript" src="../staticJs/gsgg.js"></script> 108 <script type="text/javascript" src="../staticJs/gsgg.js"></script>
109
180 </html> 110 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 ::-webkit-input-placeholder { /* WebKit browsers */
7 font-size: 13px;
8 color: #9B9B9B;
9 }
10
11 ::-moz-placeholder { /* Mozilla Firefox 19+ */
12 font-size: 13px;
13 color: #9B9B9B;
14 }
15
16 :-ms-input-placeholder { /* Internet Explorer 10+ */
17 font-size: 13px;
18 color: #9B9B9B;
19 }
20 input {
21 padding-left: 10px;
22 }
23 /*================首页 start=====================*/
24 div a {
25 color: #000000;
26 text-decoration: none;
27 }
28
29 div.subject h2 a:hover {
30 color: #f46143;
31 }
32
33 div.subject {
34 margin: 0 auto;
35 float: none;
36 clear: both;
37 position: relative;
38 min-width: 1200px;
39 }
40
41 /*新闻 */
42 div.top-logo {
43 width: 1200px;
44 height: 70px;
45 padding-top: 20px;
46 }
47
48 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
49 font-size: 13px;
50 }
51
52 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
53 font-size: 13px;
54 }
55
56 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
57 font-size: 13px;
58 }
59
60 .top_logo_content {
61 height: 40px;
62 width: 100%;
63 margin: 0 auto;
64 }
65
66 div.top-logo .top_logo_search {
67 float: left;
68 width: 350px;
69 position: relative;
70 margin-left: 400px;
71 }
72
73 div.top-logo .top_logo_search input {
74 border-radius: 50px;
75 }
76
77 div.top-logo .login {
78 float: right;
79 margin-top: 8px;
80 }
81
82 div.top-logo .top_logo_search i {
83 position: absolute;
84 right: 10px;
85 top: 11px;
86 cursor: pointer;
87 }
88
89 /*end*/
90
91 .top-logo h1 {
92 display: inline-block;
93 float: left;
94 }
95
96 /*------------------首页 end------------*/
97
98 .top-logo ul li {
99 display: inline-block;
100 padding: 0 8px;
101 }
102
103 .top-logo ul li:first-child {
104 border-right: 1px solid grey;
105 }
106
107 div.navigation {
108 text-align: center;
109 }
110
111 .navigation .layui-nav-item {
112 width: 130px;
113 position: relative;
114 margin: 0 22px;
115 }
116
117 .layui-bg-blue {
118 background-color: #006CFF !important;
119 }
120
121 .layui-nav-item:not(:first-child)::before {
122 content: '';
123 position: absolute;
124 height: 22px;
125 border-left: 1px solid #ccc;
126 top: 21px;
127 left: -20px;
128 }
129 .layui-nav-item a{
130 font-size: 16px;
131 }
132
133 /*------------------首页 end------------*/
134 /* --------------------导航tab------------------------- */
135 .navigation_crumbs {
136 width: 100%;
137 padding: 10px 0;
138 line-height: 25px;
139 background: #FAFAFA;
140 border: 1px solid #E6E6E6;
141 box-sizing: border-box;
142 }
143 .navigation_crumbs .layui-breadcrumb a:hover {
144 color: #f46143!important;
145 }
146
147 .contentBox {
148 width: 1200px;
149 margin: 0 auto;
150 overflow: hidden;
151 }
152 .one_content {
153 border: 1px solid #DEDEDE;;
154 margin-top: 30px;
155 }
156 .one_content .layui-tab {
157 margin: 0;
158 }
159 .one_content .layui-tab-title li {
160 width: 100px;
161 font-weight: 600;
162 color: #6D7278;
163 }
164 .one_content .layui-tab-title .layui-this {
165 color: #4A4A4A;
166 }
167 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
168 border-color: #006CFF;
169 }
170 .layui-tab .layui-tab-brief .layui-this {
171 color: #006CFF;
172 }
173 .layui-tab .layui-tab-brief li {
174 width: 90px;
175 }
176 .online_business {
177 margin-top: 20px;
178 }
179 .online_business h2 {
180 width: 100%;
181 height: 43px;
182 line-height: 43px;
183 background: #FAFAFA;
184 border-radius: 4px;
185 border: 1px solid #DEDEDE;
186 padding-left: 15px;
187 box-sizing: border-box;
188 }
189 .online_list {
190 padding-bottom: 20px;
191 overflow: hidden;
192 }
193 .online_list li{
194 width: 45%!important;
195 float: left;
196 height: 60px;
197 line-height: 60px;
198 border-bottom: 1px dotted #DEDEDE;
199 }
200 .online_list li:nth-child(even) {
201 margin-left: 10%;
202 }
203 .online_list li a{
204 display: block;
205 width: 100%;
206 }
207 .online_list li a:hover span{
208 color: #f46143;
209 }
210 .online_list li a button {
211 float: right;
212 margin-top: 15px;
213 }
214 /* ---------------------------------------------------- */
215 .mainbody {
216 width: 1200px;
217 margin: 0 auto;
218 }
219
220 .top {
221 text-align: center;
222 height: 90px;
223 font-size: 14px;
224 font-weight: bold;
225 color: #4A4A4A;
226 line-height: 14px;
227 border-bottom: 1px solid #DEDEDE;
228 display: flex;
229 justify-items: auto;
230 align-items: center;
231 flex-width: wrap;
232 }
233
234 .top > div {
235 margin: 0 auto;
236 display: inline-block;
237 }
238
239 .top input {
240 width: 360px;
241 height: 36px;
242 background: #FFFFFF;
243 border-radius: 2px;
244 border: 1px solid #CBCBCB;
245 margin-left: 10px;
246 }
247
248 .top button {
249 width: 120px;
250 height: 40px;
251 background: #0091FF;
252 border: none;
253 border-radius: 3px;
254 color: white;
255 }
256
257 /*.top-date input:before {
258 content: attr(placeholder)
259 }*/
260
261 .filter {
262 display: flex;
263 justify-content: left;
264 }
265
266 .filter div {
267 display: inline-block;
268 padding: 20px;
269 background: #FFFFFF;
270 width: 102px;
271 font-size: 16px;
272 font-weight: 500;
273 color: #6D7278;
274 line-height: 20px;
275 }
276
277 .filter div:first-child {
278 width: 102px;
279 height: 20px;
280 font-size: 18px;
281 font-weight: bold;
282 color: #4A4A4A;
283 line-height: 20px;
284 }
285
286 .body {
287 display: flex;
288 justify-items: left;
289 }
290
291 .body div {
292 display: inline-block;
293 }
294
295 .left {
296 border-right-style: inset;
297 border-right: 1px solid #DEDEDE;
298 }
299
300 .right {
301 width: 400px;
302 }
303
304 .left, .right {
305 float: left;
306 }
307
308 .gg-tag {
309 background-color: #FA6800;
310 width: 40px;
311 height: 15px;
312 font-size: 10px;
313 font-weight: 500;
314 color: #FFFFFF;
315 line-height: 15px;
316 padding-left: 8px;
317 }
318
319 .gg {
320 text-overflow: clip;
321 overflow: hidden;
322 border-bottom: 1px solid #DEDEDE;
323 height: 100px;
324 font-size: 20px;
325 font-weight: bold;
326 color: #4A4A4A;
327 line-height: 104px;
328 padding-left: 20px;
329 padding-right: 20px;
330 }
331
332 .right {
333 width: 200px;
334 margin-left: 15px;
335 }
336
337 .right-top {
338 height: 18px;
339 font-size: 18px;
340 font-family: PingFangSC-Medium, PingFang SC;
341 font-weight: 500;
342 color: #4A4A4A;
343 line-height: 18px;
344 padding-top: 20px;
345 }
346
347 .right-body {
348 display: inline-block;
349 margin-bottom: 20px;
350 }
351
352 .tj {
353 /*margin-bottom: 10px;*/
354 }
355
356 .tj img {
357 width: 200px;
358 height: 125px;
359 margin-top: 20px;
360 }
361
362 .tj img, .tj span {
363 float: left;
364 }
365
366 .tj-title {
367 width: 203px;
368 font-size: 14px;
369 font-family: PingFangSC-Medium, PingFang SC;
370 font-weight: bold;
371 color: #4A4A4A;
372 line-height: 21px;
373 }
374
375 .tj-date {
376 width: 90px;
377 height: 12px;
378 font-size: 12px;
379 font-family: PingFangSC-Regular, PingFang SC;
380 font-weight: 400;
381 color: #9B9B9B;
382 line-height: 12px;
383 }
384
385 .right-bottom {
386 border-top-style: inset;
387 border-top: 1px solid #DEDEDE;
388 }
389
390 .right-bottom-top {
391 width: 108px;
392 height: 18px;
393 font-size: 18px;
394 margin-top: 20px;
395 font-family: PingFangSC-Medium, PingFang SC;
396 font-weight: bold;
397 color: #4A4A4A;
398 line-height: 18px;
399 }
400
401 .zcfg {
402 margin-top: 20px;
403 display: inline-block;
404 }
405
406 .zcfg div {
407 float: left;
408 }
409
410 .zcfg-top {
411 width: 200px;
412 height: 14px;
413 font-size: 14px;
414 font-family: PingFangSC-Medium, PingFang SC;
415 font-weight: bold;
416 color: #4A4A4A;
417 line-height: 14px;
418 }
419
420 .zcfg-body {
421 width: 200px;
422 font-size: 14px;
423 display: inline-block;
424 font-family: PingFangSC-Regular, PingFang SC;
425 font-weight: 400;
426 color: #6D7278;
427 line-height: 21px;
428 }
429
430 .zcfg-bottom {
431 width: 90px;
432 height: 12px;
433 font-size: 12px;
434 font-family: PingFangSC-Regular, PingFang SC;
435 font-weight: 400;
436 color: #9B9B9B;
437 line-height: 12px;
438 }
439
440 /* -----------------底部start----------------------------- */
441 div.footer {
442 background-color: #233042;
443 }
444
445 div.footer .system_service {
446 width: 100%;
447 border-bottom: 1px solid #4A4A4A;
448 }
449
450 div.footer .system_service ul {
451 padding: 40px 0;
452 width: 1400px;
453 margin: 0 auto;
454 font-size: 0;
455 }
456
457 div.footer .system_service ul li {
458 width: 20%;
459 display: inline-block;
460 text-align: center;
461 height: 18px;
462 box-sizing: border-box;
463 }
464
465 div.footer .system_service ul li:not(:last-child) {
466 border-right: 1px solid #6D7278;
467 }
468
469 div.footer .system_service ul li a {
470 font-size: 16px;
471 font-weight: 400;
472 color: #DEDEDE;
473 }
474
475 div.footer .system_service ul li a:hover {
476 color: #f46143;
477 }
478
479 .footer .subject {
480 width: 80%;
481 margin: 0 auto;
482 padding: 40px 0;
483 overflow: hidden;
484 }
485
486 .footer .subject .footer_logo {
487 float: left;
488 }
489
490 .footer .subject .footer_logo a {
491 display: block;
492 width: 64px;
493 height: 74px;
494 padding: 10px;
495 }
496
497 .footer .subject .footer_logo a img {
498 width: 100%;
499 height: 100%;
500 }
501
502 .footer .subject ul, ol {
503 float: left;
504 color: #CBCBCB;
505 text-align: left;
506 }
507
508 .footer .subject ul {
509 width: 73%;
510 box-sizing: border-box;
511 padding-left: 40px;
512 margin-top: 10px;
513 }
514
515 .footer .subject ul li {
516 width: 30%;
517 display: inline-block;
518 text-align: left;
519 margin-bottom: 30px;
520 }
521
522 .footer .subject ol li {
523 display: inline-block;
524 text-align: center;
525 }
526
527 .footer .subject ol li:last-child {
528 margin-left: 60px;
529 }
530
531 .footer .subject ol li img {
532 width: 80px;
533 height: 80px;
534 }
535
536 .footer .subject ol li p {
537 font-size: 12px;
538 color: #CBCBCB;
539 margin-top: 5px;
540 }
...\ No newline at end of file ...\ No newline at end of file