Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
7f7c10df by 任超
Options

style:新闻动态

1 parent c1ec9f3a
Inline Side-by-side
Showing 3 changed files with 23 additions and 241 deletions
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
18 } 18 }
19 .navigation_crumbs { 19 .navigation_crumbs {
20 width: 100%; 20 width: 100%;
21 height: 25px; 21 height: 45px;
22 padding: 10px 0; 22 line-height: 40px;
23 background: #FAFAFA; 23 background: #FAFAFA;
24 border: 1px solid #E6E6E6; 24 border: 1px solid #E6E6E6;
25 box-sizing: border-box; 25 box-sizing: border-box;
......
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
14 14
15 /*================首页 start=====================*/ 15 /*================首页 start=====================*/
16 div a { 16 div a {
17 color: #000000; 17 color: #4A4A4A;
18 text-decoration: none; 18 text-decoration: none;
19 } 19 }
20 20
21 div.subject h2 a:hover { 21 div.subject h2 a:hover {
22 color: #f46143; 22 color: #0091FF;
23 } 23 }
24 24
25 div.subject { 25 div.subject {
...@@ -29,114 +29,6 @@ div.subject { ...@@ -29,114 +29,6 @@ div.subject {
29 position: relative; 29 position: relative;
30 min-width: 1200px; 30 min-width: 1200px;
31 } 31 }
32
33 /*新闻 */
34 div.top-logo {
35 width: 1200px;
36 height: 70px !important;
37 padding-top: 20px;
38 }
39
40 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
41 font-size: 13px;
42 }
43
44 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
45 font-size: 13px;
46 }
47
48 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
49 font-size: 13px;
50 }
51
52 .top_logo_content {
53 height: 40px;
54 width: 100%;
55 margin: 0 auto;
56 }
57
58 div.top-logo .top_logo_search {
59 float: left;
60 width: 350px;
61 position: relative;
62 margin-left: 400px;
63 }
64
65 div.top-logo .top_logo_search input {
66 border-radius: 50px;
67 }
68
69 div.top-logo .login {
70 float: right;
71 margin-top: 8px;
72 }
73
74 div.top-logo .top_logo_search i {
75 position: absolute;
76 right: 10px;
77 top: 11px;
78 cursor: pointer;
79 }
80
81 /*end*/
82
83 .top-logo h1 {
84 display: inline-block;
85 }
86
87 /*------------------首页 end------------*/
88
89 .top-logo ul li {
90 display: inline-block;
91 padding: 0 8px;
92 }
93
94 .top-logo ul li:first-child {
95 border-right: 1px solid grey;
96 }
97
98 div.navigation {
99 text-align: center;
100 }
101
102 .navigation .layui-nav-item {
103 width: 130px;
104 position: relative;
105 margin: 0 22px;
106 }
107
108 .layui-bg-blue {
109 background-color: #006CFF !important;
110 }
111
112 .layui-nav-item:not(:first-child)::before {
113 content: '';
114 position: absolute;
115 height: 22px;
116 border-left: 1px solid #ccc;
117 top: 21px;
118 left: -20px;
119 }
120
121 .layui-nav-item a {
122 font-size: 16px;
123 }
124
125 /*------------------首页 end------------*/
126
127 /* --------------------导航tab------------------------- */
128 .navigation_crumbs {
129 width: 100%;
130 padding: 10px 0;
131 background: #FAFAFA;
132 line-height: 25px;
133 border: 1px solid #E6E6E6;
134 }
135
136 .navigation_crumbs .layui-breadcrumb a:hover {
137 color: #f46143 !important;
138 }
139
140 .contentBox { 32 .contentBox {
141 width: 1200px; 33 width: 1200px;
142 margin: 0 auto; 34 margin: 0 auto;
...@@ -212,7 +104,7 @@ div.navigation { ...@@ -212,7 +104,7 @@ div.navigation {
212 } 104 }
213 105
214 .online_list li a:hover span { 106 .online_list li a:hover span {
215 color: #f46143; 107 color: #0091FF;
216 } 108 }
217 109
218 .online_list li a button { 110 .online_list li a button {
...@@ -259,7 +151,7 @@ div.navigation { ...@@ -259,7 +151,7 @@ div.navigation {
259 } 151 }
260 .leftContainer{ 152 .leftContainer{
261 border-right: 1px solid #DEDEDE; 153 border-right: 1px solid #DEDEDE;
262 margin-top: 61px; 154 margin-top: 41px;
263 } 155 }
264 .leftContainer li:last-child{ 156 .leftContainer li:last-child{
265 border-bottom: 1px solid #DEDEDE; 157 border-bottom: 1px solid #DEDEDE;
...@@ -273,6 +165,9 @@ div.navigation { ...@@ -273,6 +165,9 @@ div.navigation {
273 line-height: 18px; 165 line-height: 18px;
274 cursor: pointer; 166 cursor: pointer;
275 } 167 }
168 .left-top:hover {
169 color: #4A4A4A;
170 }
276 171
277 .left-body { 172 .left-body {
278 width: 687px; 173 width: 687px;
...@@ -305,21 +200,6 @@ div.navigation { ...@@ -305,21 +200,6 @@ div.navigation {
305 margin-right: 10px; 200 margin-right: 10px;
306 } 201 }
307 202
308 .lll:before {
309 content: '123';
310 background: url("./../../../staticImages/share/eye.svg") no-repeat left center;
311 background-size: 100%;
312 width: 50px;
313 color: transparent;
314 }
315
316 .pls:before {
317 content: '123';
318 background: url("./../../../staticImages/liuyan.svg") no-repeat left center;
319 background-size: 100%;
320 width: 50px;
321 color: transparent;
322 }
323 203
324 .left-buttom-date { 204 .left-buttom-date {
325 line-height: 57px; 205 line-height: 57px;
...@@ -334,7 +214,7 @@ div.navigation { ...@@ -334,7 +214,7 @@ div.navigation {
334 214
335 .right { 215 .right {
336 width: 200px; 216 width: 200px;
337 margin-top: 20px; 217 margin-top: 36px;
338 margin-left: 15px; 218 margin-left: 15px;
339 } 219 }
340 220
...@@ -345,6 +225,10 @@ div.navigation { ...@@ -345,6 +225,10 @@ div.navigation {
345 color: #4A4A4A; 225 color: #4A4A4A;
346 line-height: 18px; 226 line-height: 18px;
347 } 227 }
228 .right-top h2 {
229 font-weight: 600;
230 cursor: pointer;
231 }
348 232
349 .right-body { 233 .right-body {
350 display: inline-block; 234 display: inline-block;
...@@ -428,106 +312,3 @@ div.navigation { ...@@ -428,106 +312,3 @@ div.navigation {
428 color: #9B9B9B; 312 color: #9B9B9B;
429 line-height: 12px; 313 line-height: 12px;
430 } 314 }
431
432 /* -----------------底部start----------------------------- */
433 div.footer {
434 background-color: #233042;
435 width: 100%;
436 }
437
438 div.footer .system_service {
439 width: 100%;
440 border-bottom: 1px solid #4A4A4A;
441 }
442
443 div.footer .system_service ul {
444 padding: 40px 0;
445 width: 1400px;
446 margin: 0 auto;
447 font-size: 0;
448 }
449
450 div.footer .system_service ul li {
451 width: 20%;
452 display: inline-block;
453 text-align: center;
454 height: 18px;
455 box-sizing: border-box;
456 }
457
458 div.footer .system_service ul li:not(:last-child) {
459 border-right: 1px solid #6D7278;
460 }
461
462 div.footer .system_service ul li a {
463 font-size: 16px;
464 font-weight: 400;
465 color: #DEDEDE;
466 }
467
468 div.footer .system_service ul li a:hover {
469 color: #f46143;
470 }
471
472 .footer .subject {
473 width: 80%;
474 margin: 0 auto;
475 padding: 40px 0;
476 overflow: hidden;
477 }
478
479 .footer .subject .footer_logo {
480 float: left;
481 }
482
483 .footer .subject .footer_logo a {
484 display: block;
485 width: 64px;
486 height: 74px;
487 padding: 10px;
488 }
489
490 .footer .subject .footer_logo a img {
491 width: 100%;
492 height: 100%;
493 }
494
495 .footer .subject ul, ol {
496 float: left;
497 color: #CBCBCB;
498 text-align: left;
499 }
500
501 .footer .subject ul {
502 width: 73%;
503 box-sizing: border-box;
504 padding-left: 40px;
505 margin-top: 10px;
506 }
507
508 .footer .subject ul li {
509 width: 30%;
510 display: inline-block;
511 text-align: left;
512 margin-bottom: 30px;
513 }
514
515 .footer .subject ol li {
516 display: inline-block;
517 text-align: center;
518 }
519
520 .footer .subject ol li:last-child {
521 margin-left: 60px;
522 }
523
524 .footer .subject ol li img {
525 width: 80px;
526 height: 80px;
527 }
528
529 .footer .subject ol li p {
530 font-size: 12px;
531 color: #CBCBCB;
532 margin-top: 5px;
533 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
14 <meta name="description" content="" /> 14 <meta name="description" content="" />
15 <meta name="keywords" content="" /> 15 <meta name="keywords" content="" />
16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" /> 16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
17 <link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
17 <link rel="stylesheet" type="text/css" href="css/index.css"> 18 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head> 19 </head>
19 20
...@@ -52,7 +53,7 @@ ...@@ -52,7 +53,7 @@
52 <dd><a href="">电商平台</a></dd> 53 <dd><a href="">电商平台</a></dd>
53 </dl> 54 </dl>
54 </li> 55 </li>
55 <li class="layui-nav-item"><a href="">在线缴费</a></li> 56 <li class="layui-nav-item"><a href="../zxjf/index.html">在线缴费</a></li>
56 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> 57 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
57 </ul> 58 </ul>
58 </div> 59 </div>
...@@ -109,9 +110,15 @@ ...@@ -109,9 +110,15 @@
109 </div> 110 </div>
110 <div class="left-buttom"> 111 <div class="left-buttom">
111 <div class="lll"> 112 <div class="lll">
113 <svg class="icon svg-icon" aria-hidden="true">
114 <use xlink:href="#iconchakan"></use>
115 </svg>
112 1234 116 1234
113 </div> 117 </div>
114 <div class="pls"> 118 <div class="pls">
119 <svg class="icon svg-icon" aria-hidden="true">
120 <use xlink:href="#iconpinglun"></use>
121 </svg>
115 23423 122 23423
116 </div> 123 </div>
117 <div class="left-buttom-date"> 124 <div class="left-buttom-date">
...@@ -309,14 +316,8 @@ ...@@ -309,14 +316,8 @@
309 </body> 316 </body>
310 317
311 </html> 318 </html>
312 <!--[if (gte IE 9)|!(IE)]><!-->
313 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script> 319 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
314 <!--<![endif]--> 320 <script src="https://at.alicdn.com/t/font_2174584_uxkon9mpq1.js"></script>
315 <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
316 <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
317 <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
318 <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
319 <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
320 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script> 321 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
321 <script type="text/javascript"> 322 <script type="text/javascript">
322 layui.use('element', function () { 323 layui.use('element', function () {
......