Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
eceb961b by 任超
Options

feat：文件夹名称

1 parent 4fc33698
Inline Side-by-side
Showing 279 changed files with 3657 additions and 3658 deletions
...@@ -7,18 +7,18 @@ ...@@ -7,18 +7,18 @@
7 <meta name="copyright" content=" &reg 技术支持 All Rights Reserved" /> 7 <meta name="copyright" content=" &reg 技术支持 All Rights Reserved" />
8 <meta name="robots" content="index,follow" /> 8 <meta name="robots" content="index,follow" />
9 <meta name="googlebot" content="index,follow,archive" /> 9 <meta name="googlebot" content="index,follow,archive" />
10 <link rel="alternate icon" type="image/png" href="images/logo-realestate.png"> 10 <link rel="alternate icon" type="image/png" href="./staticImages/logo-realestate.png">
11 <link rel='icon' href='favicon.ico' type='image/x-ico' /> 11 <link rel='icon' href='favicon.ico' type='image/x-ico' />
12 <meta name="description" content="" /> 12 <meta name="description" content="" />
13 <meta name="Keywords" content="" /> 13 <meta name="Keywords" content="" />
14 <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /> 14 <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
15 <link type="text/css" rel="stylesheet" href="./css/global.css" /> 15 <link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
16 </head> 16 </head>
17 17
18 <body> 18 <body>
19 <div class="subject top-logo"> 19 <div class="subject top-logo">
20 <div class="top_logo_content"> 20 <div class="top_logo_content">
21 <h1><a href="index.html"><img src="images/logo.jpg" alt="西安市不动产登记平台" /></a></h1> 21 <h1><a href="index.html"><img src="staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
22 22
23 <div class="top_logo_search"> 23 <div class="top_logo_search">
24 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off" 24 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 <li class="layui-nav-item layui-this"><a href="">首页</a></li> 37 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
38 <li class="layui-nav-item"><a href="">新闻动态</a></li> 38 <li class="layui-nav-item"><a href="">新闻动态</a></li>
39 <li class="layui-nav-item"><a href="">业务办理</a></li> 39 <li class="layui-nav-item"><a href="">业务办理</a></li>
40 <li class="layui-nav-item"><a href="./views/bszn/index.html">办事指南</a></li> 40 <li class="layui-nav-item"><a href="./staticViews/bszn/index.html">办事指南</a></li>
41 <li class="layui-nav-item"> 41 <li class="layui-nav-item">
42 <a href="javascript:;">查验中心</a> 42 <a href="javascript:;">查验中心</a>
43 <dl class="layui-nav-child"> 43 <dl class="layui-nav-child">
...@@ -55,10 +55,10 @@ ...@@ -55,10 +55,10 @@
55 <div class="layui-carousel" id="banner_swiper"> 55 <div class="layui-carousel" id="banner_swiper">
56 <div carousel-item> 56 <div carousel-item>
57 <div class="swiper_item"> 57 <div class="swiper_item">
58 <img class="swiper_img" title="刘亦菲" src="./images/banner.jpg" /> 58 <img class="swiper_img" title="刘亦菲" src="./staticImages/banner.jpg" />
59 </div> 59 </div>
60 <div class="swiper_item"> 60 <div class="swiper_item">
61 <img class="swiper_img" title="刘亦菲" src="./images/banner.jpg" /> 61 <img class="swiper_img" title="刘亦菲" src="./staticImages/banner.jpg" />
62 </div> 62 </div>
63 </div> 63 </div>
64 </div> 64 </div>
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
73 <div class="subject"> 73 <div class="subject">
74 <div class="news"> 74 <div class="news">
75 <h2><a href=""><span>新闻动态</span><i>查看全部 ></i></a></h2> 75 <h2><a href=""><span>新闻动态</span><i>查看全部 ></i></a></h2>
76 <a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="images/news_demo.jpg" 76 <a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg"
77 alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a> 77 alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a>
78 <ul> 78 <ul>
79 <li><a href="" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li> 79 <li><a href="" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
...@@ -132,22 +132,22 @@ ...@@ -132,22 +132,22 @@
132 <h2><a href="">便民服务</a></h2> 132 <h2><a href="">便民服务</a></h2>
133 <ul> 133 <ul>
134 <li> 134 <li>
135 <img src="images/two_s_1.jpg" /> 135 <img src="staticImages/two_s_1.jpg" />
136 <h6>土地</h6> 136 <h6>土地</h6>
137 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p> 137 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
138 </li> 138 </li>
139 <li> 139 <li>
140 <img src="images/two_s_1.jpg" /> 140 <img src="staticImages/two_s_1.jpg" />
141 <h6>房屋建筑</h6> 141 <h6>房屋建筑</h6>
142 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p> 142 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
143 </li> 143 </li>
144 <li> 144 <li>
145 <img src="images/two_s_1.jpg" /> 145 <img src="staticImages/two_s_1.jpg" />
146 <h6>构筑物</h6> 146 <h6>构筑物</h6>
147 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p> 147 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
148 </li> 148 </li>
149 <li> 149 <li>
150 <img src="images/two_s_1.jpg" /> 150 <img src="staticImages/two_s_1.jpg" />
151 <h6>森林林木</h6> 151 <h6>森林林木</h6>
152 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p> 152 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
153 </li> 153 </li>
...@@ -243,7 +243,7 @@ ...@@ -243,7 +243,7 @@
243 </div> 243 </div>
244 <!-- 好差评 --> 244 <!-- 好差评 -->
245 <div class="Good_bad_reviews"> 245 <div class="Good_bad_reviews">
246 <img src="./images/bannerbg.png" title="背景"> 246 <img src="./staticImages/bannerbg.png" title="背景">
247 </div> 247 </div>
248 <!-- 常见问题，政民互动 --> 248 <!-- 常见问题，政民互动 -->
249 <div class="common_question"> 249 <div class="common_question">
...@@ -296,25 +296,25 @@ ...@@ -296,25 +296,25 @@
296 <div class="list_content_right"> 296 <div class="list_content_right">
297 <dd> 297 <dd>
298 <a> 298 <a>
299 <img src="./images/two_s_1.jpg" /> 299 <img src="./staticImages/two_s_1.jpg" />
300 <p>在线评价</p> 300 <p>在线评价</p>
301 </a> 301 </a>
302 </dd> 302 </dd>
303 <dd> 303 <dd>
304 <a> 304 <a>
305 <img src="./images/two_s_1.jpg" /> 305 <img src="./staticImages/two_s_1.jpg" />
306 <p>在线留言</p> 306 <p>在线留言</p>
307 </a> 307 </a>
308 </dd> 308 </dd>
309 <dd> 309 <dd>
310 <a> 310 <a>
311 <img src="./images/two_s_1.jpg" /> 311 <img src="./staticImages/two_s_1.jpg" />
312 <p>征集调查</p> 312 <p>征集调查</p>
313 </a> 313 </a>
314 </dd> 314 </dd>
315 <dd> 315 <dd>
316 <a> 316 <a>
317 <img src="./images/two_s_1.jpg" /> 317 <img src="./staticImages/two_s_1.jpg" />
318 <p>即时聊天</p> 318 <p>即时聊天</p>
319 </a> 319 </a>
320 </dd> 320 </dd>
...@@ -334,42 +334,42 @@ ...@@ -334,42 +334,42 @@
334 <ul> 334 <ul>
335 <li> 335 <li>
336 <a href=""> 336 <a href="">
337 <img src="./images/guotuziyuanbao.png"> 337 <img src="./staticImages/guotuziyuanbao.png">
338 </a> 338 </a>
339 </li> 339 </li>
340 <li> 340 <li>
341 <a href=""> 341 <a href="">
342 <img src="./images/zhongyangzhengfuwang.png"> 342 <img src="./staticImages/zhongyangzhengfuwang.png">
343 </a> 343 </a>
344 </li> 344 </li>
345 <li> 345 <li>
346 <a href=""> 346 <a href="">
347 <img src="./images/zhongyangzhengfuwang.png"> 347 <img src="./staticImages/zhongyangzhengfuwang.png">
348 </a> 348 </a>
349 </li> 349 </li>
350 <li> 350 <li>
351 <a href=""> 351 <a href="">
352 <img src="./images/guotuziyuanbao.png"> 352 <img src="./staticImages/guotuziyuanbao.png">
353 </a> 353 </a>
354 </li> 354 </li>
355 <li> 355 <li>
356 <a href=""> 356 <a href="">
357 <img src="./images/guotuziyuanbao.png"> 357 <img src="./staticImages/guotuziyuanbao.png">
358 </a> 358 </a>
359 </li> 359 </li>
360 <li> 360 <li>
361 <a href=""> 361 <a href="">
362 <img src="./images/zhongyangzhengfuwang.png"> 362 <img src="./staticImages/zhongyangzhengfuwang.png">
363 </a> 363 </a>
364 </li> 364 </li>
365 <li> 365 <li>
366 <a href=""> 366 <a href="">
367 <img src="./images/guotuziyuanbao.png"> 367 <img src="./staticImages/guotuziyuanbao.png">
368 </a> 368 </a>
369 </li> 369 </li>
370 <li> 370 <li>
371 <a href=""> 371 <a href="">
372 <img src="./images/zhongyangzhengfuwang.png"> 372 <img src="./staticImages/zhongyangzhengfuwang.png">
373 </a> 373 </a>
374 </li> 374 </li>
375 </ul> 375 </ul>
...@@ -408,7 +408,7 @@ ...@@ -408,7 +408,7 @@
408 <div class="subject"> 408 <div class="subject">
409 <div class="footer_logo"> 409 <div class="footer_logo">
410 <a href=""> 410 <a href="">
411 <img src="./images/jiguan.png"> 411 <img src="./staticImages/jiguan.png">
412 </a> 412 </a>
413 </div> 413 </div>
414 <ul> 414 <ul>
...@@ -433,11 +433,11 @@ ...@@ -433,11 +433,11 @@
433 </ul> 433 </ul>
434 <ol> 434 <ol>
435 <li> 435 <li>
436 <img src="./images/code.png"> 436 <img src="./staticImages/code.png">
437 <p>扫描关注公众号</p> 437 <p>扫描关注公众号</p>
438 </li> 438 </li>
439 <li> 439 <li>
440 <img src="./images/code.png"> 440 <img src="./staticImages/code.png">
441 <p>扫描关注公众号</p> 441 <p>扫描关注公众号</p>
442 </li> 442 </li>
443 443
......
1 /* ----------------------公共样式-------------------------- */
2 .contentBox {
3 width: 1200px;
4 margin: 0 auto;
5 overflow: hidden;
6 }
7 .business_guide {
8 overflow-x: hidden;
9 }
10 .titleActive {
11 color: #006CFF;
12 font-weight: 600;
13 }
14 /* -------------------------end------------------------------- */
15 /* -------------------------头部start----------------------------------- */
16 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
17 border: 0;
18 margin: 0;
19 outline: 0 none;
20 padding: 0;
21 vertical-align: baseline;
22 font-size: 100%;
23 background: transparent;
24 font-family: Arial;
25 }
26
27 div a {
28 color: #000000;
29 text-decoration: none;
30 }
31
32 div.subject h2 a:hover {
33 color: #f46143;
34 }
35
36 div.subject {
37 margin: 0 auto;
38 float: none;
39 clear: both;
40 position: relative;
41 min-width: 1200px;
42 }
43 div.top-logo {
44 width: 1200px;
45 height: 70px!important;
46 padding-top: 20px;
47 }
48
49 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
50 font-size: 13px;
51 }
52
53 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
54 font-size: 13px;
55 }
56
57 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
58 font-size: 13px;
59 }
60 .top_logo_content {
61 height: 40px;
62 width: 100%;
63 margin: 0 auto;
64 }
65 div.top-logo .top_logo_search {
66 float: left;
67 width: 350px;
68 position: relative;
69 margin-left: 400px;
70 }
71 div.top-logo .top_logo_search input {
72 border-radius: 50px;
73 }
74 div.top-logo .login {
75 float: right;
76 margin-top: 8px;
77 }
78 div.top-logo .top_logo_search i {
79 position: absolute;
80 right: 10px;
81 top: 11px;
82 cursor: pointer;
83 }
84 .top-logo h1 {
85 display: inline-block;
86 float: left;
87 }
88 .top-logo ul li {
89 display: inline-block;
90 padding: 0 8px;
91 }
92
93 .top-logo ul li:first-child {
94 border-right: 1px solid grey;
95 }
96
97 div.navigation {
98 text-align: center;
99 }
100 .navigation .layui-nav-item {
101 width: 130px;
102 position: relative;
103 margin: 0 22px;
104 }
105 .layui-bg-blue {
106 background-color: #006CFF!important;
107 }
108
109 .layui-nav-item:not(:first-child)::before {
110 content: '';
111 position: absolute;
112 height: 22px;
113 border-left: 1px solid #ccc;
114 top: 21px;
115 left: -22px;
116 }
117
118 /* ------------------------------end--------------------------------------- */
119
120 .navigation_crumbs {
121 width: 100%;
122 height: 25px;
123 padding: 10px 0;
124 line-height: 25px;
125 background: #FAFAFA;
126 border: 1px solid #E6E6E6;
127 }
128 .navigation_crumbs .layui-breadcrumb a:hover {
129 color: #f46143!important;
130 }
131 /* --------------------导航tab------------------------- */
132 .one_content {
133 border: 1px solid #DEDEDE;;
134 margin-top: 30px;
135 }
136 .one_content .layui-tab {
137 margin: 0;
138 }
139 .one_content .layui-tab-title li {
140 width: 150px;
141 font-weight: 600;
142 color: #6D7278;
143 }
144 .one_content .layui-tab-title .layui-this {
145 color: #4A4A4A;
146 }
147 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
148 border-color: #006CFF;
149 }
150 .layui-tab .layui-tab-brief .layui-this {
151 color: #006CFF;
152 }
153 .layui-tab .layui-tab-brief li {
154 width: 90px;
155 }
156 .online_business {
157 margin-top: 20px;
158 }
159 .online_business h2 {
160 width: 100%;
161 height: 43px;
162 line-height: 43px;
163 background: #FAFAFA;
164 border-radius: 4px;
165 border: 1px solid #DEDEDE;
166 padding-left: 15px;
167 box-sizing: border-box;
168 }
169 .online_list {
170 padding-bottom: 20px;
171 overflow: hidden;
172 }
173 .online_list li{
174 width: 45%!important;
175 float: left;
176 height: 60px;
177 line-height: 60px;
178 border-bottom: 1px dotted #DEDEDE;
179 }
180 .online_list li:nth-child(even) {
181 margin-left: 10%;
182 }
183 .online_list li a{
184 display: block;
185 width: 100%;
186 }
187 .online_list li a:hover span{
188 color: #f46143;
189 }
190 .online_list li a button {
191 float: right;
192 margin-top: 15px;
193 }
194 /* ---------------------------------------------------- */
195 /* -----------------底部start----------------------------- */
196 div.footer {
197 background-color: #233042;
198 }
199 div.footer .system_service {
200 width: 100%;
201 border-bottom: 1px solid #4A4A4A;
202 }
203 div.footer .system_service ul {
204 padding: 40px 0;
205 width: 1400px;
206 margin: 0 auto;
207 font-size: 0;
208 }
209 div.footer .system_service ul li {
210 width: 20%;
211 display: inline-block;
212 text-align: center;
213 height: 18px;
214 box-sizing: border-box;
215 }
216 div.footer .system_service ul li:not(:last-child) {
217 border-right: 1px solid #6D7278;
218 }
219 div.footer .system_service ul li a{
220 font-size: 16px;
221 font-weight: 400;
222 color: #DEDEDE;
223 }
224 div.footer .system_service ul li a:hover {
225 color: #f46143;
226 }
227 .footer .subject {
228 width: 1200px;
229 margin: 0 auto;
230 padding: 40px 0;
231 overflow: hidden;
232 }
233 .footer .subject .footer_logo {
234 float: left;
235 }
236 .footer .subject .footer_logo a{
237 display: block;
238 width: 64px;
239 height: 74px;
240 padding: 10px;
241 }
242 .footer .subject .footer_logo a img {
243 width: 100%;
244 height: 100%;
245 }
246 .footer .subject ul, ol {
247 float: left;
248 color: #CBCBCB;
249 text-align: left;
250 }
251 .footer .subject ul {
252 width: 73%;
253 box-sizing: border-box;
254 padding-left: 40px;
255 margin-top: 10px;
256 }
257 .footer .subject ul li {
258 width: 30%;
259 display: inline-block;
260 text-align: left;
261 margin-bottom: 30px;
262 }
263 .footer .subject ol li {
264 display: inline-block;
265 text-align: center;
266 }
267 .footer .subject ol li:last-child {
268 margin-left: 60px;
269 }
270 .footer .subject ol li img {
271 width: 80px;
272 height: 80px;
273 }
274 .footer .subject ol li p {
275 font-size: 12px;
276 color: #CBCBCB;
277 margin-top: 5px;
278 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -9,12 +9,11 @@ ...@@ -9,12 +9,11 @@
9 <meta name="renderer" content="webkit"> 9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp" /> 11 <meta http-equiv="Cache-Control" content="no-siteapp" />
12 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css" /> 12 <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
13 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png"> 13 <link rel='icon' href='favicon.ico' type='image/x-ico' />
14 <link rel='icon' href='../../favicon.ico' type='image/x-ico' />
15 <meta name="description" content="" /> 14 <meta name="description" content="" />
16 <meta name="keywords" content="" /> 15 <meta name="keywords" content="" />
17 <link rel="stylesheet" href="../../css/default.min.css?t=227" /> 16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
18 <link rel="stylesheet" type="text/css" href="css/index.css"> 17 <link rel="stylesheet" type="text/css" href="css/index.css">
19 </head> 18 </head>
20 19
...@@ -22,7 +21,7 @@ ...@@ -22,7 +21,7 @@
22 <div class="business_guide"> 21 <div class="business_guide">
23 <div class="subject top-logo"> 22 <div class="subject top-logo">
24 <div class="top_logo_content"> 23 <div class="top_logo_content">
25 <h1><a href="index.html"><img src="../../images/logo.jpg" alt="西安市不动产登记平台" /></a></h1> 24 <h1><a href="index.html"><img src="../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
26 25
27 <div class="top_logo_search"> 26 <div class="top_logo_search">
28 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" 27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
...@@ -38,7 +37,7 @@ ...@@ -38,7 +37,7 @@
38 </div> 37 </div>
39 <div class="navigation"> 38 <div class="navigation">
40 <ul class="layui-nav layui-bg-blue" lay-filter=""> 39 <ul class="layui-nav layui-bg-blue" lay-filter="">
41 <li class="layui-nav-item"><a href="../../index.html">首页</a></li> 40 <li class="layui-nav-item"><a href="../../staticIndex.html">首页</a></li>
42 <li class="layui-nav-item"><a href="">新闻动态</a></li> 41 <li class="layui-nav-item"><a href="">新闻动态</a></li>
43 <li class="layui-nav-item"><a href="">业务办理</a></li> 42 <li class="layui-nav-item"><a href="">业务办理</a></li>
44 <li class="layui-nav-item layui-this"><a href="">办事指南</a></li> 43 <li class="layui-nav-item layui-this"><a href="">办事指南</a></li>
...@@ -577,7 +576,7 @@ ...@@ -577,7 +576,7 @@
577 <div class="subject"> 576 <div class="subject">
578 <div class="footer_logo"> 577 <div class="footer_logo">
579 <a href=""> 578 <a href="">
580 <img src="../../images/jiguan.png"> 579 <img src="../../staticImages/jiguan.png">
581 </a> 580 </a>
582 </div> 581 </div>
583 <ul> 582 <ul>
...@@ -602,11 +601,11 @@ ...@@ -602,11 +601,11 @@
602 </ul> 601 </ul>
603 <ol> 602 <ol>
604 <li> 603 <li>
605 <img src="../../images/code.png"> 604 <img src="../../staticImages/code.png">
606 <p>扫描关注公众号</p> 605 <p>扫描关注公众号</p>
607 </li> 606 </li>
608 <li> 607 <li>
609 <img src="../../images/code.png"> 608 <img src="../../staticImages/code.png">
610 <p>扫描关注公众号</p> 609 <p>扫描关注公众号</p>
611 </li> 610 </li>
612 611
...@@ -618,14 +617,14 @@ ...@@ -618,14 +617,14 @@
618 617
619 </html> 618 </html>
620 <!--[if (gte IE 9)|!(IE)]><!--> 619 <!--[if (gte IE 9)|!(IE)]><!-->
621 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script> 620 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
622 <!--<![endif]--> 621 <!--<![endif]-->
623 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script> 622 <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
624 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script> 623 <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
625 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script> 624 <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
626 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script> 625 <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
627 <script type="text/javascript" src="../../js/main.min.js?t=1"></script> 626 <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
628 <script type="text/javascript" src="../../lib/layui/layui.js"></script> 627 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
629 <script> 628 <script>
630 //注意：导航 依赖 element 模块，否则无法进行功能性操作 629 //注意：导航 依赖 element 模块，否则无法进行功能性操作
631 layui.use('element', function () { 630 layui.use('element', function () {
......
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7
8 }
9 .mainbody{
10 width: 1200px;
11 margin: 0 auto;
12 }
13 /*================首页 start=====================*/
14 div a {
15 color: #000000;
16 text-decoration: none;
17 }
18
19 div.subject h2 a:hover {
20 color: #f46143;
21 }
22
23 div.subject {
24 margin: 0 auto;
25 float: none;
26 clear: both;
27 position: relative;
28 min-width: 1200px;
29 }
30 /*新闻 */
31 div.top-logo {
32 width: 1200px;
33 height: 70px;
34 padding-top: 20px;
35 }
36
37 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
38 font-size: 13px;
39 }
40
41 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
42 font-size: 13px;
43 }
44
45 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
46 font-size: 13px;
47 }
48 .top_logo_content {
49 height: 40px;
50 width: 100%;
51 margin: 0 auto;
52 }
53 div.top-logo .top_logo_search {
54 float: left;
55 width: 350px;
56 position: relative;
57 margin-left: 400px;
58 }
59 div.top-logo .top_logo_search input {
60 border-radius: 50px;
61 }
62 div.top-logo .login {
63 float: right;
64 margin-top: 8px;
65 }
66 div.top-logo .top_logo_search i {
67 position: absolute;
68 right: 10px;
69 top: 11px;
70 cursor: pointer;
71 }
72
73 /*end*/
74
75 .top-logo h1 {
76 display: inline-block;
77 float: left;
78 }
79 /*------------------首页 end------------*/
80 /* --------------------导航tab------------------------- */
81 .navigation_crumbs {
82 width: 100%;
83 height: 45px;
84 padding: 10px 0;
85 line-height: 25px;
86 background: #FAFAFA;
87 border: 1px solid #E6E6E6;
88 }
89 .navigation_crumbs .layui-breadcrumb a:hover {
90 color: #f46143!important;
91 }
92
93 .contentBox {
94 width: 1200px;
95 margin: 0 auto;
96 overflow: hidden;
97 }
98 .one_content {
99 border: 1px solid #DEDEDE;;
100 margin-top: 30px;
101 }
102 .one_content .layui-tab {
103 margin: 0;
104 }
105 .one_content .layui-tab-title li {
106 width: 100px;
107 font-weight: 600;
108 color: #6D7278;
109 }
110 .one_content .layui-tab-title .layui-this {
111 color: #4A4A4A;
112 }
113 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
114 border-color: #006CFF;
115 }
116 .layui-tab .layui-tab-brief .layui-this {
117 color: #006CFF;
118 }
119 .layui-tab .layui-tab-brief li {
120 width: 90px;
121 }
122 .online_business {
123 margin-top: 20px;
124 }
125 .online_business h2 {
126 width: 100%;
127 height: 43px;
128 line-height: 43px;
129 background: #FAFAFA;
130 border-radius: 4px;
131 border: 1px solid #DEDEDE;
132 padding-left: 15px;
133 box-sizing: border-box;
134 }
135 .online_list {
136 padding-bottom: 20px;
137 overflow: hidden;
138 }
139 .online_list li{
140 width: 45%!important;
141 float: left;
142 height: 60px;
143 line-height: 60px;
144 border-bottom: 1px dotted #DEDEDE;
145 }
146 .online_list li:nth-child(even) {
147 margin-left: 10%;
148 }
149 .online_list li a{
150 display: block;
151 width: 100%;
152 }
153 .online_list li a:hover span{
154 color: #f46143;
155 }
156 .online_list li a button {
157 float: right;
158 margin-top: 15px;
159 }
160 /* ---------------------------------------------------- */
161 .top-logo ul li {
162 display: inline-block;
163 padding: 0 8px;
164 }
165
166 .top-logo ul li:first-child {
167 border-right: 1px solid grey;
168 }
169
170 div.navigation {
171 text-align: center;
172 }
173 .navigation .layui-nav-item {
174 width: 130px;
175 position: relative;
176 margin: 0 22px;
177 }
178 .layui-bg-blue {
179 background-color: #006CFF!important;
180 }
181
182 .layui-nav-item:not(:first-child)::before {
183 content: '';
184 position: absolute;
185 height: 22px;
186 border-left: 1px solid #ccc;
187 top: 21px;
188 left: -20px;
189 }
190 .title {
191 height: auto;
192 font-size: 30px;
193 font-weight: 500;
194 color: #4A4A4A;
195 line-height: 30px;
196 text-align: center;
197 padding: 20px;
198 }
199
200 .release {
201 display: flex;
202 flex-flow: row nowrap;
203 justify-content: space-between;
204 font-size: 16px;
205 font-weight: 400;
206 color: #6D7278;
207 line-height: 12px;
208 margin-top: 20px;
209 margin-bottom: 20px;
210 }
211
212 .release div {
213 display: inline-block;
214 }
215
216 .body {
217 padding-top: 20px;
218 border-top: 1px solid #DEDEDE;
219 height: auto;
220 font-size: 16px;
221 font-weight: 400;
222 color: #4A4A4A;
223 line-height: 24px;
224 }
225 /* -----------------底部start----------------------------- */
226 div.footer {
227 background-color: #233042;
228 }
229 div.footer .system_service {
230 width: 100%;
231 border-bottom: 1px solid #4A4A4A;
232 }
233 div.footer .system_service ul {
234 padding: 40px 0;
235 width: 1400px;
236 margin: 0 auto;
237 font-size: 0;
238 }
239 div.footer .system_service ul li {
240 width: 20%;
241 display: inline-block;
242 text-align: center;
243 height: 18px;
244 box-sizing: border-box;
245 }
246 div.footer .system_service ul li:not(:last-child) {
247 border-right: 1px solid #6D7278;
248 }
249 div.footer .system_service ul li a{
250 font-size: 16px;
251 font-weight: 400;
252 color: #DEDEDE;
253 }
254 div.footer .system_service ul li a:hover {
255 color: #f46143;
256 }
257 .footer .subject {
258 width: 1200px;
259 margin: 0 auto;
260 padding: 40px 0;
261 overflow: hidden;
262 }
263 .footer .subject .footer_logo {
264 float: left;
265 }
266 .footer .subject .footer_logo a{
267 display: block;
268 width: 64px;
269 height: 74px;
270 padding: 10px;
271 }
272 .footer .subject .footer_logo a img {
273 width: 100%;
274 height: 100%;
275 }
276 .footer .subject ul, ol {
277 float: left;
278 color: #CBCBCB;
279 text-align: left;
280 }
281 .footer .subject ul {
282 width: 72%;
283 box-sizing: border-box;
284 padding-left: 40px;
285 margin-top: 10px;
286 }
287 .footer .subject ul li {
288 width: 30%;
289 display: inline-block;
290 text-align: left;
291 margin-bottom: 30px;
292 }
293 .footer .subject ol li {
294 display: inline-block;
295 text-align: center;
296 }
297 .footer .subject ol li:last-child {
298 margin-left: 60px;
299 }
300 .footer .subject ol li img {
301 width: 80px;
302 height: 80px;
303 }
304 .footer .subject ol li p {
305 font-size: 12px;
306 color: #CBCBCB;
307 margin-top: 5px;
308 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <title>公告详情</title>
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp" />
12 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css" />
13 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
14 <link rel='icon' href='../../favicon.ico' type='image/x-ico' />
15 <meta name="description" content="" />
16 <meta name="keywords" content="" />
17 <link rel="stylesheet" href="../../css/default.min.css?t=227" />
18 <link rel="stylesheet" type="text/css" href="css/index.css">
19 </head>
20
21 <body>
22 <div class="main">
23 <div class="subject top-logo">
24 <div class="top_logo_content">
25 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
26 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
28 autocomplete="off" class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div>
31
32 <ul class="login">
33 <li>登录</li>
34 <li>注册</li>
35 </ul>
36 </div>
37 </div>
38 <div class="navigation">
39 <ul class="layui-nav layui-bg-blue" lay-filter="">
40 <li class="layui-nav-item"><a href="../../index.html">首页</a></li>
41 <li class="layui-nav-item"><a href="">新闻动态</a></li>
42 <li class="layui-nav-item"><a href="">业务办理</a></li>
43 <li class="layui-nav-item"><a href="">办事指南</a></li>
44 <li class="layui-nav-item">
45 <a href="javascript:;">查验中心</a>
46 <dl class="layui-nav-child">
47 <!-- 二级菜单 -->
48 <dd><a href="">移动模块</a></dd>
49 <dd><a href="">后台模版</a></dd>
50 <dd><a href="">电商平台</a></dd>
51 </dl>
52 </li>
53 <li class="layui-nav-item"><a href="">在线缴费</a></li>
54 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
55 </ul>
56 </div>
57 <div class="navigation_crumbs">
58 <div class="contentBox">
59 <span class="layui-breadcrumb">
60 <a href="../../index.html">首页</a>
61 <a href="">公示</a>
62 <a><cite>公告</cite></a>
63 </span>
64 </div>
65 </div>
66 <div class="mainbody">
67 <div class="title">
68 <span>党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量</span>
69 </div>
70 <div class="release">
71 <div>发布单位:国土信息</div>
72 <div>发布日期：2020-10-28</div>
73 </div>
74 <div class="body">
75 <span>
76 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。
77 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务
78 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。
79 二、明晰自然资源统计数据获取方式 自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。
80 三、健全自然资源统计数据的质控体系
81 加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。
82 四、加强自然资源统计信息化建设
83 加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。
84 五、更新制度和办法保证统计工作推进
85 在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。
86 《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。
87 会议强调，要按照“办赛精彩、参赛出彩、发展添彩”要求，抓紧抓实抓细各项筹办工作，确保十四运会和残特奥会办出质量、办出水平。要做好已完工场馆工程验收和体育工艺、竞赛标准专项检查，加快推进全运村场馆收尾工作，同步抓好场馆周边设施配套与城市环境综合整治，改善城市面貌，提升城市形象。要做好开闭幕式相关工作，统筹抓好医疗卫生、交通电力、餐饮住宿等准备工作，为赛事顺利举办提供有力服务保障。
88 会议强调，要加强全民健身设施建设，广泛开展群众性体育活动，建设一批体育公园、健身步道、社区多功能健身场地，让群众更多享受体育发展成果。要围绕筹办工作重大时间节点、重要标志性事件，精心组织策划有创意、有内容、有感染力的宣传推介活动，营造我市全民全运的浓厚氛围。要狠抓责任落实、狠抓进度落实、狠抓工作落实，确保把各项筹办工作谋深、抓实、干好。
89 市领导玉苏甫江·麦麦提、杨晓东、张琳、肖西亮、和文全，市执委会各成员单位主要负责同志参加。
90 </span>
91 </div>
92 </div>
93
94 <div class="footer">
95 <div class="system_service">
96 <ul class="">
97 <li>
98 <a href="">
99 <span>公示公告</span>
100 </a>
101 </li>
102 <li>
103 <a href="">
104 <span>法律法规</span>
105 </a>
106 </li>
107 <li>
108 <a href="">
109 <span>相应政策</span>
110 </a>
111 </li>
112 <li>
113 <a href="">
114 <span>下载服务</span>
115 </a>
116 </li>
117 <li>
118 <a href="">
119 <span>关于我们</span>
120 </a>
121 </li>
122 </ul>
123 </div>
124 <div class="subject">
125 <div class="footer_logo">
126 <a href="">
127 <img src="./../../images/jiguan.png">
128 </a>
129 </div>
130 <ul>
131 <li>
132 西安市自然资源和规划局
133 </li>
134 <li>
135 电话：028-456465
136 </li>
137 <li>
138 地址：西安市丰城8路
139 </li>
140 <li>
141 网站标识吗：87987987
142 </li>
143 <li>
144 备案：陕IPC456465465
145 </li>
146 <li>
147 陕公网备案：456465465
148 </li>
149 </ul>
150 <ol>
151 <li>
152 <img src="./../../images/code.png">
153 <p>扫描关注公众号</p>
154 </li>
155 <li>
156 <img src="./../../images/code.png">
157 <p>扫描关注公众号</p>
158 </li>
159
160 </ol>
161 </div>
162 </div>
163 </div>
164 </body>
165
166 </html>
167 <!--[if (gte IE 9)|!(IE)]><!-->
168 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
169 <!--<![endif]-->
170 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
171 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
172 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
173 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
174 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
175 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
176 <script>
177 layui.use('element', function () {
178 var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
179 //监听导航点击
180 element.on('nav(demo)', function (elem) {
181 //console.log(elem)
182 layer.msg(elem.text());
183 });
184 });
185 layui.use('util', function () {
186 var util = layui.util;
187 //执行
188 util.fixbar({
189 bar1: true,
190 bar2: true,
191 top: true
192 , click: function (type) {
193 console.log(type);
194 if (type === 'bar1') {
195 alert('点击了bar1')
196 }
197 }
198 });
199 });
200 </script>
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 .main {
7
8 }
9
10 /*================首页 start=====================*/
11 div a {
12 color: #000000;
13 text-decoration: none;
14 }
15
16 div.subject h2 a:hover {
17 color: #f46143;
18 }
19
20 div.subject {
21 margin: 0 auto;
22 float: none;
23 clear: both;
24 position: relative;
25 min-width: 1200px;
26 }
27
28 /*新闻 */
29 div.top-logo {
30 width: 1200px;
31 height: 70px;
32 padding-top: 20px;
33 }
34
35 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
36 font-size: 13px;
37 }
38
39 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
40 font-size: 13px;
41 }
42
43 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
44 font-size: 13px;
45 }
46
47 .top_logo_content {
48 height: 40px;
49 width: 100%;
50 margin: 0 auto;
51 }
52
53 div.top-logo .top_logo_search {
54 float: left;
55 width: 350px;
56 position: relative;
57 margin-left: 400px;
58 }
59
60 div.top-logo .top_logo_search input {
61 border-radius: 50px;
62 }
63
64 div.top-logo .login {
65 float: right;
66 margin-top: 8px;
67 }
68
69 div.top-logo .top_logo_search i {
70 position: absolute;
71 right: 10px;
72 top: 11px;
73 cursor: pointer;
74 }
75
76 /*end*/
77
78 .top-logo h1 {
79 display: inline-block;
80 float: left;
81 }
82
83 /*------------------首页 end------------*/
84
85 .top-logo ul li {
86 display: inline-block;
87 padding: 0 8px;
88 }
89
90 .top-logo ul li:first-child {
91 border-right: 1px solid grey;
92 }
93
94 div.navigation {
95 text-align: center;
96 }
97
98 .navigation .layui-nav-item {
99 width: 100px;
100 position: relative;
101 margin: 0 22px;
102 }
103
104 .layui-bg-blue {
105 background-color: #006CFF !important;
106 }
107
108 .layui-nav-item:not(:first-child)::before {
109 content: '';
110 position: absolute;
111 height: 22px;
112 border-left: 1px solid #ccc;
113 top: 21px;
114 left: -20px;
115 }
116
117
118 /*------------------首页 end------------*/
119
120 .mainbody {
121 width: 1200px;
122 margin: 0 auto;
123 }
124
125 .top {
126 text-align: center;
127 height: 90px;
128 font-size: 14px;
129 font-weight: bold;
130 color: #4A4A4A;
131 line-height: 14px;
132 border-bottom: 1px solid #DEDEDE;
133 display: flex;
134 justify-items: auto;
135 align-items: center;
136 flex-width: wrap;
137 }
138
139 .top > div {
140 margin: 0 auto;
141 display: inline-block;
142 }
143
144 .top input {
145 width: 360px;
146 height: 36px;
147 background: #FFFFFF;
148 border-radius: 2px;
149 border: 1px solid #CBCBCB;
150 }
151
152 .top button {
153 width: 120px;
154 height: 40px;
155 background: #0091FF;
156 border: none;
157 border-radius: 3px;
158 color: white;
159 }
160
161 /*.top-date input:before {
162 content: attr(placeholder)
163 }*/
164
165 .filter {
166 display: flex;
167 justify-content: left;
168 }
169
170 .filter div {
171 display: inline-block;
172 padding: 20px;
173 background: #FFFFFF;
174 width: 102px;
175 font-size: 16px;
176 font-weight: 500;
177 color: #6D7278;
178 line-height: 20px;
179 }
180
181 .filter div:first-child {
182 width: 102px;
183 height: 20px;
184 font-size: 18px;
185 font-weight: bold;
186 color: #4A4A4A;
187 line-height: 20px;
188 }
189
190 .body {
191 display: flex;
192 justify-items: left;
193 border-top: 1px solid #CBCBCB;
194 }
195
196 .body div {
197 display: inline-block;
198 }
199
200 .left {
201 border-right-style: inset;
202 border-right: 1px solid #DEDEDE;
203 }
204
205 .right {
206 width: 400px;
207 }
208
209 .left, .right {
210 float: left;
211 }
212
213 .gg-tag {
214 background-color: #FA6800;
215 width: 40px;
216 height: 15px;
217 font-size: 10px;
218 font-weight: 500;
219 color: #FFFFFF;
220 line-height: 15px;
221 padding-left: 8px;
222 }
223
224 .gg {
225 text-overflow: clip;
226 overflow: hidden;
227 border-bottom: 1px solid #DEDEDE;
228 height: 100px;
229 font-size: 20px;
230 font-weight: bold;
231 color: #4A4A4A;
232 line-height: 104px;
233 padding-left: 20px;
234 padding-right: 20px;
235 }
236
237 .right {
238 width: 200px;
239 margin-left: 15px;
240 }
241
242 .right-top {
243 width: 100px;
244 height: 18px;
245 font-size: 18px;
246 font-family: PingFangSC-Medium, PingFang SC;
247 font-weight: 500;
248 color: #4A4A4A;
249 line-height: 18px;
250 padding-top: 20px;
251 }
252
253 .right-body {
254 display: inline-block;
255 margin-bottom: 20px;
256 }
257
258 .tj {
259 /*margin-bottom: 10px;*/
260 }
261
262 .tj img {
263 width: 200px;
264 height: 125px;
265 margin-top: 20px;
266 }
267
268 .tj img, .tj span {
269 float: left;
270 }
271
272 .tj-title {
273 width: 203px;
274 font-size: 14px;
275 font-family: PingFangSC-Medium, PingFang SC;
276 font-weight: bold;
277 color: #4A4A4A;
278 line-height: 21px;
279 }
280
281 .tj-date {
282 width: 90px;
283 height: 12px;
284 font-size: 12px;
285 font-family: PingFangSC-Regular, PingFang SC;
286 font-weight: 400;
287 color: #9B9B9B;
288 line-height: 12px;
289 }
290
291 .right-bottom {
292 border-top-style: inset;
293 border-top: 1px solid #DEDEDE;
294 }
295
296 .right-bottom-top {
297 width: 108px;
298 height: 18px;
299 font-size: 18px;
300 margin-top: 20px;
301 font-family: PingFangSC-Medium, PingFang SC;
302 font-weight: bold;
303 color: #4A4A4A;
304 line-height: 18px;
305 }
306
307 .zcfg {
308 margin-top: 20px;
309 display: inline-block;
310 }
311
312 .zcfg div {
313 float: left;
314 }
315
316 .zcfg-top {
317 width: 200px;
318 height: 14px;
319 font-size: 14px;
320 font-family: PingFangSC-Medium, PingFang SC;
321 font-weight: bold;
322 color: #4A4A4A;
323 line-height: 14px;
324 }
325
326 .zcfg-body {
327 width: 200px;
328 font-size: 14px;
329 display: inline-block;
330 font-family: PingFangSC-Regular, PingFang SC;
331 font-weight: 400;
332 color: #6D7278;
333 line-height: 21px;
334 }
335
336 .zcfg-bottom {
337 width: 90px;
338 height: 12px;
339 font-size: 12px;
340 font-family: PingFangSC-Regular, PingFang SC;
341 font-weight: 400;
342 color: #9B9B9B;
343 line-height: 12px;
344 }
345
346 /* -----------------底部start----------------------------- */
347 div.footer {
348 background-color: #233042;
349 }
350
351 div.footer .system_service {
352 width: 100%;
353 border-bottom: 1px solid #4A4A4A;
354 }
355
356 div.footer .system_service ul {
357 padding: 40px 0;
358 width: 1400px;
359 margin: 0 auto;
360 font-size: 0;
361 }
362
363 div.footer .system_service ul li {
364 width: 20%;
365 display: inline-block;
366 text-align: center;
367 height: 18px;
368 box-sizing: border-box;
369 }
370
371 div.footer .system_service ul li:not(:last-child) {
372 border-right: 1px solid #6D7278;
373 }
374
375 div.footer .system_service ul li a {
376 font-size: 16px;
377 font-weight: 400;
378 color: #DEDEDE;
379 }
380
381 div.footer .system_service ul li a:hover {
382 color: #f46143;
383 }
384
385 .footer .subject {
386 width: 1200px;
387 margin: 0 auto;
388 padding: 40px 0;
389 overflow: hidden;
390 }
391
392 .footer .subject .footer_logo {
393 float: left;
394 }
395
396 .footer .subject .footer_logo a {
397 display: block;
398 width: 64px;
399 height: 74px;
400 padding: 10px;
401 }
402
403 .footer .subject .footer_logo a img {
404 width: 100%;
405 height: 100%;
406 }
407
408 .footer .subject ul, ol {
409 float: left;
410 color: #CBCBCB;
411 text-align: left;
412 }
413
414 .footer .subject ul {
415 width: 73%;
416 box-sizing: border-box;
417 padding-left: 40px;
418 margin-top: 10px;
419 }
420
421 .footer .subject ul li {
422 width: 30%;
423 display: inline-block;
424 text-align: left;
425 margin-bottom: 30px;
426 }
427
428 .footer .subject ol li {
429 display: inline-block;
430 text-align: center;
431 }
432
433 .footer .subject ol li:last-child {
434 margin-left: 60px;
435 }
436
437 .footer .subject ol li img {
438 width: 80px;
439 height: 80px;
440 }
441
442 .footer .subject ol li p {
443 font-size: 12px;
444 color: #CBCBCB;
445 margin-top: 5px;
446 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <title>公示公告</title>
5 <meta charset="UTF-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7 <meta name="format-detection" content="telephone=no">
8 <meta name="renderer" content="webkit">
9 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
10 <meta http-equiv="Cache-Control" content="no-siteapp"/>
11 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
12 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
13 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
14 <meta name="description" content=""/>
15 <meta name="keywords" content=""/>
16 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
17 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head>
19 <body>
20 <div class="main">
21 <div class="subject top-logo">
22 <div class="top_logo_content">
23 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
24 <div class="top_logo_search">
25 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
26 class="layui-input">
27 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
28 </div>
29 <ul class="login">
30 <li>登录</li>
31 <li>注册</li>
32 </ul>
33 </div>
34 </div>
35 <div class="navigation">
36 <ul class="layui-nav layui-bg-blue" lay-filter="">
37 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
38 <li class="layui-nav-item"><a href="">新闻动态</a></li>
39 <li class="layui-nav-item"><a href="">业务办理</a></li>
40 <li class="layui-nav-item"><a href="">办事指南</a></li>
41 <li class="layui-nav-item">
42 <a href="javascript:;">查验中心</a>
43 <dl class="layui-nav-child">
44 <!-- 二级菜单 -->
45 <dd><a href="">移动模块</a></dd>
46 <dd><a href="">后台模版</a></dd>
47 <dd><a href="">电商平台</a></dd>
48 </dl>
49 </li>
50 <li class="layui-nav-item"><a href="">在线缴费</a></li>
51 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
52 </ul>
53 </div>
54 <div class="mainbody">
55 <div class="top">
56 <div class="top-title">
57 <span>标题内容:</span><input type="text" placeholder="请输入标题">
58 </div>
59 <div class="top-date ">
60 发布时间:<input type="date" placeholder="选择时间">
61 </div>
62 <div class="top-serach ">
63 <button>查询</button>
64 </div>
65 </div>
66 <div class="filter">
67 <div>
68 <span>全部</span>
69 </div>
70 <div>
71 <span>公示</span>
72 </div>
73 <div>
74 <span>公告</span>
75 </div>
76 </div>
77 <div class="body">
78 <div class="left">
79 <div class="gg">
80 <div class="gg-tag">
81 公告
82 </div>
83 <span>
84 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
85 </span>
86 </div>
87 <div class="gg">
88 <div class="gg-tag">
89 公告
90 </div>
91 <span>
92 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
93 </span>
94 </div>
95 <div class="gg">
96 <div class="gg-tag">
97 公告
98 </div>
99 <span>
100 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
101 </span>
102 </div>
103 <div id="page"></div>
104 </div>
105 <div class="right">
106 <div class="right-top">
107 <h2>新闻推荐</h2>
108 </div>
109 <div class="right-body">
110 <div class="tj">
111 <img
112 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
113 <span class="tj-title">
114 爬山虎国土空间信息化解决方案
115 </span>
116 <span class="tj-date">
117 2020-12-12
118 </span>
119 </div>
120 <div class="tj">
121 <img
122 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
123 <span class="tj-title">
124 爬山虎国土空间信息化解决方案终极方案
125 </span>
126 <span class="tj-date">
127 2020-12-12
128 </span>
129 </div>
130 </div>
131 <div class="right-bottom">
132 <div class="right-bottom-top">
133 <span>政策法规推荐</span>
134 </div>
135 <div class="zcfg">
136 <div class="zcfg-top">
137 <span>爬山虎国土空间规划信息化解决</span>
138 </div>
139 <div class="zcfg-body">
140 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
141 </div>
142 <div class="zcfg-bottom">
143 <span>2020-10-28</span>
144 </div>
145 </div>
146 <div class="zcfg">
147 <div class="zcfg-top">
148 <span>爬山虎国土空间规划信息化解决</span>
149 </div>
150 <div class="zcfg-body">
151 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
152 </div>
153 <div class="zcfg-bottom">
154 <span>2020-10-28</span>
155 </div>
156 </div>
157 </div>
158 </div>
159 </div>
160 </div>
161
162 <div class="footer">
163 <div class="system_service">
164 <ul class="">
165 <li>
166 <a href="">
167 <span>公示公告</span>
168 </a>
169 </li>
170 <li>
171 <a href="">
172 <span>法律法规</span>
173 </a>
174 </li>
175 <li>
176 <a href="">
177 <span>相应政策</span>
178 </a>
179 </li>
180 <li>
181 <a href="">
182 <span>下载服务</span>
183 </a>
184 </li>
185 <li>
186 <a href="">
187 <span>关于我们</span>
188 </a>
189 </li>
190 </ul>
191 </div>
192 <div class="subject">
193 <div class="footer_logo">
194 <a href="">
195 <img src="./../../images/jiguan.png">
196 </a>
197 </div>
198 <ul>
199 <li>
200 西安市自然资源和规划局
201 </li>
202 <li>
203 电话：028-456465
204 </li>
205 <li>
206 地址：西安市丰城8路
207 </li>
208 <li>
209 网站标识吗：87987987
210 </li>
211 <li>
212 备案：陕IPC456465465
213 </li>
214 <li>
215 陕公网备案：456465465
216 </li>
217 </ul>
218 <ol>
219 <li>
220 <img src="./../../images/code.png">
221 <p>扫描关注公众号</p>
222 </li>
223 <li>
224 <img src="./../../images/code.png">
225 <p>扫描关注公众号</p>
226 </li>
227 </ol>
228 </div>
229 </div>
230 </div>
231 </body>
232 </html>
233 <!--[if (gte IE 9)|!(IE)]><!-->
234 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
235 <!--<![endif]-->
236 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
237 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
238 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
239 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
240 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
241 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
242 <script type="text/javascript">
243 $(function () {
244 $('.gg').click(function () {
245 window.location.href = "./../ggxq/index.html"
246 })
247 layui.use('laypage', function () {
248 let laypage = layui.laypage;
249 //执行一个laypage实例
250 laypage.render({
251 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
252 , count: 50 //数据总数，从服务端得到
253 , prev: '<'
254 , next: '>'
255 , theme: '#0091FF'
256 });
257 });
258 })
259 </script>
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 .main {
7 /* padding: 20px;
8 margin-left: 200px;
9 width: 1200px;
10 overflow: hidden;
11 margin: 0 auto;*/
12 }
13
14 /*================首页 start=====================*/
15 div a {
16 color: #000000;
17 text-decoration: none;
18 }
19
20 div.subject h2 a:hover {
21 color: #f46143;
22 }
23
24 div.subject {
25 margin: 0 auto;
26 float: none;
27 clear: both;
28 position: relative;
29 min-width: 1200px;
30 }
31
32 /*新闻 */
33 div.top-logo {
34 width: 1200px;
35 height: 70px;
36 padding-top: 20px;
37 }
38
39 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
40 font-size: 13px;
41 }
42
43 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
44 font-size: 13px;
45 }
46
47 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
48 font-size: 13px;
49 }
50
51 .top_logo_content {
52 height: 40px;
53 width: 100%;
54 margin: 0 auto;
55 }
56
57 div.top-logo .top_logo_search {
58 float: left;
59 width: 350px;
60 position: relative;
61 margin-left: 400px;
62 }
63
64 div.top-logo .top_logo_search input {
65 border-radius: 50px;
66 }
67
68 div.top-logo .login {
69 float: right;
70 margin-top: 8px;
71 }
72
73 div.top-logo .top_logo_search i {
74 position: absolute;
75 right: 10px;
76 top: 11px;
77 cursor: pointer;
78 }
79
80 /*end*/
81
82 .top-logo h1 {
83 display: inline-block;
84 float: left;
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: 100px;
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 /*------------------首页 end------------*/
122 .leftandright {
123 width: 1200px;
124 margin: 0 auto;
125 }
126
127 .left {
128 border-right-style: inset;
129 border-right: 1px solid #DEDEDE;
130 }
131
132 .right {
133 width: 400px;
134 }
135
136 .left, .right {
137 float: left;
138 }
139
140 .xw {
141 padding-top: 10px;
142 height: 150px;
143 border-bottom-style: inset;
144 border-bottom: 1px solid #DEDEDE;
145 }
146
147 .xw-left img {
148 width: 200px;
149 height: 125px;
150 background: #D8D8D8;
151 }
152
153 .xw-left, .xw-right {
154 float: left;
155 }
156
157 .left-top {
158 width: 408px;
159 height: 18px;
160 font-family: PingFangSC-Regular, PingFang SC;
161 font-size: 18px;
162 font-weight: bold;
163 color: #4A4A4A;
164 line-height: 18px;
165 }
166
167 .left-body {
168 width: 687px;
169 height: 60px;
170 font-size: 14px;
171 font-family: PingFangSC-Regular, PingFang SC;
172 font-weight: 400;
173 color: #6D7278;
174 line-height: 21px;
175 }
176
177 .left-buttom div {
178 float: left;
179 }
180
181 .left-buttom-date {
182 line-height: 57px;
183 float: right !important;
184 margin-right: 20px;
185 }
186
187 #page {
188 margin-top: 20px;
189 text-align: center;
190 }
191 .right {
192 width: 200px;
193 margin-top: 20px;
194 margin-left: 15px;
195 }
196
197 .right-top {
198 width: 100px;
199 height: 18px;
200 font-size: 18px;
201 font-weight: 500;
202 color: #4A4A4A;
203 line-height: 18px;
204 }
205
206 .right-body {
207 display: inline-block;
208 margin-bottom: 20px;
209 }
210
211 .tj {
212 /*margin-bottom: 10px;*/
213 }
214
215 .tj img {
216 width: 200px;
217 height: 125px;
218 margin-top: 20px;
219 }
220
221 .tj img, .tj span {
222 float: left;
223 }
224
225 .tj-title {
226 width: 203px;
227 font-size: 14px;
228 font-family: PingFangSC-Medium, PingFang SC;
229 font-weight: bold;
230 color: #4A4A4A;
231 line-height: 21px;
232 }
233
234 .tj-date {
235 width: 90px;
236 height: 12px;
237 font-size: 12px;
238 font-family: PingFangSC-Regular, PingFang SC;
239 font-weight: 400;
240 color: #9B9B9B;
241 line-height: 12px;
242 }
243
244 .right-bottom {
245 border-top-style: inset;
246 border-top: 1px solid #DEDEDE;
247 }
248
249 .right-bottom-top {
250 width: 108px;
251 height: 18px;
252 font-size: 18px;
253 margin-top: 20px;
254 font-family: PingFangSC-Medium, PingFang SC;
255 font-weight: bold;
256 color: #4A4A4A;
257 line-height: 18px;
258 }
259
260 .zcfg {
261 margin-top: 20px;
262 display: inline-block;
263 }
264
265 .zcfg div {
266 float: left;
267 }
268
269 .zcfg-top {
270 width: 200px;
271 height: 14px;
272 font-size: 14px;
273 font-family: PingFangSC-Medium, PingFang SC;
274 font-weight: bold;
275 color: #4A4A4A;
276 line-height: 14px;
277 }
278
279 .zcfg-body {
280 width: 200px;
281 font-size: 14px;
282 display: inline-block;
283 font-family: PingFangSC-Regular, PingFang SC;
284 font-weight: 400;
285 color: #6D7278;
286 line-height: 21px;
287 }
288
289 .zcfg-bottom {
290 width: 90px;
291 height: 12px;
292 font-size: 12px;
293 font-family: PingFangSC-Regular, PingFang SC;
294 font-weight: 400;
295 color: #9B9B9B;
296 line-height: 12px;
297 }
298
299 /* -----------------底部start----------------------------- */
300 div.footer {
301 background-color: #233042;
302 width: 100%;
303 }
304
305 div.footer .system_service {
306 width: 100%;
307 border-bottom: 1px solid #4A4A4A;
308 }
309
310 div.footer .system_service ul {
311 padding: 40px 0;
312 width: 1400px;
313 margin: 0 auto;
314 font-size: 0;
315 }
316
317 div.footer .system_service ul li {
318 width: 20%;
319 display: inline-block;
320 text-align: center;
321 height: 18px;
322 box-sizing: border-box;
323 }
324
325 div.footer .system_service ul li:not(:last-child) {
326 border-right: 1px solid #6D7278;
327 }
328
329 div.footer .system_service ul li a {
330 font-size: 16px;
331 font-weight: 400;
332 color: #DEDEDE;
333 }
334
335 div.footer .system_service ul li a:hover {
336 color: #f46143;
337 }
338
339 .footer .subject {
340 width: 1200px;
341 margin: 0 auto;
342 padding: 40px 0;
343 overflow: hidden;
344 }
345
346 .footer .subject .footer_logo {
347 float: left;
348 }
349
350 .footer .subject .footer_logo a {
351 display: block;
352 width: 64px;
353 height: 74px;
354 padding: 10px;
355 }
356
357 .footer .subject .footer_logo a img {
358 width: 100%;
359 height: 100%;
360 }
361
362 .footer .subject ul, ol {
363 float: left;
364 color: #CBCBCB;
365 text-align: left;
366 }
367
368 .footer .subject ul {
369 width: 73%;
370 box-sizing: border-box;
371 padding-left: 40px;
372 margin-top: 10px;
373 }
374
375 .footer .subject ul li {
376 width: 30%;
377 display: inline-block;
378 text-align: left;
379 margin-bottom: 30px;
380 }
381
382 .footer .subject ol li {
383 display: inline-block;
384 text-align: center;
385 }
386
387 .footer .subject ol li:last-child {
388 margin-left: 60px;
389 }
390
391 .footer .subject ol li img {
392 width: 80px;
393 height: 80px;
394 }
395
396 .footer .subject ol li p {
397 font-size: 12px;
398 color: #CBCBCB;
399 margin-top: 5px;
400 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="zh-cn">
3
4 <head>
5 <title>新闻动态</title>
6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
8 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp"/>
12 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
13 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
14 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
15 <meta name="description" content=""/>
16 <meta name="keywords" content=""/>
17 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
18 <link rel="stylesheet" type="text/css" href="css/index.css">
19 </head>
20
21 <body>
22 <div>
23 <div class="main">
24
25 <div class="subject top-logo">
26 <div class="top_logo_content">
27 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
28
29 <div class="top_logo_search">
30 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
31 autocomplete="off"
32 class="layui-input">
33 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
34 </div>
35
36 <ul class="login">
37 <li>登录</li>
38 <li>注册</li>
39 </ul>
40 </div>
41 </div>
42 <div class="navigation">
43 <ul class="layui-nav layui-bg-blue" lay-filter="">
44 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
45 <li class="layui-nav-item"><a href="">新闻动态</a></li>
46 <li class="layui-nav-item"><a href="">业务办理</a></li>
47 <li class="layui-nav-item"><a href="">办事指南</a></li>
48 <li class="layui-nav-item">
49 <a href="javascript:;">查验中心</a>
50 <dl class="layui-nav-child">
51 <!-- 二级菜单 -->
52 <dd><a href="">移动模块</a></dd>
53 <dd><a href="">后台模版</a></dd>
54 <dd><a href="">电商平台</a></dd>
55 </dl>
56 </li>
57 <li class="layui-nav-item"><a href="">在线缴费</a></li>
58 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
59 </ul>
60 </div>
61 <div class="leftandright">
62 <div class="left">
63 <div class="xw">
64 <div class="xw-left">
65 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
66 </div>
67 <div class="xw-right">
68 <div class="left-top">
69 <span>
70 前三季度主要指标由负转正 中国经济持续稳定恢复
71 </span>
72 </div>
73 <div class="left-body">
74 <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平。</span>
75 </div>
76 <div class="left-buttom">
77 <div>
78 <i class="layui-icon layui-icon-face-smile"
79 style="font-size: 30px; color: #1E9FFF;"></i>1234
80 </div>
81 <div>
82 <i class="layui-icon layui-icon-face-smile"
83 style="font-size: 30px; color: #1E9FFF;"></i>23423
84 </div>
85 <div class="left-buttom-date">
86 2020-12-27
87 </div>
88 </div>
89 </div>
90 </div>
91 <div class="xw">
92 <div class="xw-left">
93 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
94 </div>
95 <div class="xw-right">
96 <div class="left-top">
97 <span>
98 前三季度主要指标由负转正 中国经济持续稳定恢复
99 </span>
100 </div>
101 <div class="left-body">
102 <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平。</span>
103 </div>
104 <div class="left-buttom">
105 <div>
106 <i class="layui-icon layui-icon-face-smile"
107 style="font-size: 30px; color: #1E9FFF;"></i>1234
108 </div>
109 <div>
110 <i class="layui-icon layui-icon-face-smile"
111 style="font-size: 30px; color: #1E9FFF;"></i>23423
112 </div>
113 <div class="left-buttom-date">
114 2020-12-27
115 </div>
116 </div>
117 </div>
118 </div>
119 <div id="page"></div>
120 </div>
121 <div class="right">
122 <div class="right-top">
123 <h2>新闻推荐</h2>
124 </div>
125 <div class="right-body">
126 <div class="tj">
127 <img
128 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
129 <span class="tj-title">
130 爬山虎国土空间信息化解决方案
131 </span>
132 <span class="tj-date">
133 2020-12-12
134 </span>
135 </div>
136 <div class="tj">
137 <img
138 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
139 <span class="tj-title">
140 爬山虎国土空间信息化解决方案终极方案
141 </span>
142 <span class="tj-date">
143 2020-12-12
144 </span>
145 </div>
146 </div>
147 <div class="right-bottom">
148 <div class="right-bottom-top">
149 <span>政策法规推荐</span>
150 </div>
151 <div class="zcfg">
152 <div class="zcfg-top">
153 <span>爬山虎国土空间规划信息化解决</span>
154 </div>
155 <div class="zcfg-body">
156 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
157 </div>
158 <div class="zcfg-bottom">
159 <span>2020-10-28</span>
160 </div>
161 </div>
162 <div class="zcfg">
163 <div class="zcfg-top">
164 <span>爬山虎国土空间规划信息化解决</span>
165 </div>
166 <div class="zcfg-body">
167 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
168 </div>
169 <div class="zcfg-bottom">
170 <span>2020-10-28</span>
171 </div>
172 </div>
173 </div>
174 </div>
175 </div>
176
177
178 </div>
179 <div class="footer">
180 <div class="system_service">
181 <ul class="">
182 <li>
183 <a href="">
184 <span>公示公告</span>
185 </a>
186 </li>
187 <li>
188 <a href="">
189 <span>法律法规</span>
190 </a>
191 </li>
192 <li>
193 <a href="">
194 <span>相应政策</span>
195 </a>
196 </li>
197 <li>
198 <a href="">
199 <span>下载服务</span>
200 </a>
201 </li>
202 <li>
203 <a href="">
204 <span>关于我们</span>
205 </a>
206 </li>
207 </ul>
208 </div>
209 <div class="subject">
210 <div class="footer_logo">
211 <a href="">
212 <img src="./../../images/jiguan.png">
213 </a>
214 </div>
215 <ul>
216 <li>
217 西安市自然资源和规划局
218 </li>
219 <li>
220 电话：028-456465
221 </li>
222 <li>
223 地址：西安市丰城8路
224 </li>
225 <li>
226 网站标识吗：87987987
227 </li>
228 <li>
229 备案：陕IPC456465465
230 </li>
231 <li>
232 陕公网备案：456465465
233 </li>
234 </ul>
235 <ol>
236 <li>
237 <img src="./../../images/code.png">
238 <p>扫描关注公众号</p>
239 </li>
240 <li>
241 <img src="./../../images/code.png">
242 <p>扫描关注公众号</p>
243 </li>
244
245 </ol>
246 </div>
247 </div>
248 </div>
249 </body>
250
251 </html>
252 <!--[if (gte IE 9)|!(IE)]><!-->
253 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
254 <!--<![endif]-->
255 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
256 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
257 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
258 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
259 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
260 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
261 <script type="text/javascript">
262 layui.use('laypage', function () {
263 $(function () {
264 $('.xw').click(function () {
265 window.location.href = "./../xwxq/index.html";
266 })
267 let laypage = layui.laypage;
268 //执行一个laypage实例
269 laypage.render({
270 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
271 , count: 50 //数据总数，从服务端得到
272 , prev: '<'
273 , next: '>'
274 , theme: '#0091FF'
275 });
276 });
277 })
278 </script>
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7 }
8
9 .mainbody {
10 width: 1200px;
11 margin: 0 auto;
12 }
13
14 /*================首页 start=====================*/
15 div a {
16 color: #000000;
17 text-decoration: none;
18 }
19
20 div.subject h2 a:hover {
21 color: #f46143;
22 }
23
24 div.subject {
25 margin: 0 auto;
26 float: none;
27 clear: both;
28 position: relative;
29 min-width: 1200px;
30 }
31
32 /*新闻 */
33 div.top-logo {
34 width: 1200px;
35 height: 70px;
36 padding-top: 20px;
37 }
38
39 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
40 font-size: 13px;
41 }
42
43 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
44 font-size: 13px;
45 }
46
47 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
48 font-size: 13px;
49 }
50
51 .top_logo_content {
52 height: 40px;
53 width: 100%;
54 margin: 0 auto;
55 }
56
57 div.top-logo .top_logo_search {
58 float: left;
59 width: 350px;
60 position: relative;
61 margin-left: 400px;
62 }
63
64 div.top-logo .top_logo_search input {
65 border-radius: 50px;
66 }
67
68 div.top-logo .login {
69 float: right;
70 margin-top: 8px;
71 }
72
73 div.top-logo .top_logo_search i {
74 position: absolute;
75 right: 10px;
76 top: 11px;
77 cursor: pointer;
78 }
79
80 /*end*/
81
82 .top-logo h1 {
83 display: inline-block;
84 float: left;
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: 100px;
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
122 .title {
123 height: 30px;
124 font-size: 30px;
125 padding-top: 45px;
126 padding-bottom: 70px;
127 font-weight: 500;
128 color: #4A4A4A;
129 line-height: 30px;
130
131 }
132
133 .left {
134 border-right: 1px solid #DEDEDE;
135 display: inline-block;
136 }
137
138 .title {
139 text-align: center;
140 }
141
142 .left-left, .left-right {
143 float: left;
144 border-top: 1px solid #DEDEDE;
145 }
146
147 .left-left {
148 border-right: 1px solid #DEDEDE;
149 text-align: center;
150 display: inline-block;
151 margin: 0 auto;
152 width: 80px;
153 }
154
155
156 .readNum {
157 margin-top: 50px;
158 }
159
160 /*.readNum div {
161 width: 36px;
162 margin: 0 auto;
163 }*/
164
165 .readNum div:nth-child(1) {
166 height: 12px;
167 font-size: 12px;
168 font-weight: 400;
169 color: #6D7278;
170 line-height: 12px;
171 }
172
173 .readNum div:nth-child(2) {
174 height: 16px;
175 font-size: 16px;
176 font-weight: 500;
177 color: #4A4A4A;
178 line-height: 16px;
179 }
180
181 .date, .readNum, .share, .comment {
182 margin-top: 30px;
183 }
184
185 .date div:nth-child(1), .date div:nth-child(3) {
186 width: 39px;
187 height: 16px;
188 font-size: 16px;
189 font-weight: 400;
190 color: #4A4A4A;
191 line-height: 16px;
192 margin: 0 auto;
193 }
194
195 .date div:nth-child(2) {
196 height: 24px;
197 font-size: 24px;
198 font-weight: 500;
199 color: #4A4A4A;
200 line-height: 24px;
201 }
202
203 .left-right {
204 width: 765px;
205 float: right;
206 }
207
208 .body {
209 margin: 20px;
210 }
211
212 .Mycomment {
213 border-top: 1px solid #DEDEDE;
214 height: 80px;
215 }
216
217 .commentTitle {
218 width: 40px;
219 height: 20px;
220 font-size: 20px;
221 font-weight: bold;
222 color: #4A4A4A;
223 line-height: 20px;
224 margin-left: 20px;
225 margin-top: 20px;
226 }
227
228 .commentInput {
229 height: 80px;
230 }
231
232 .comment-bottom div {
233 float: left;
234 margin-left: 20px;
235 }
236
237 .comment-bottom div:nth-child(1) {
238 width: 240px;
239 height: 12px;
240 font-size: 12px;
241 margin-top: 20px;
242 font-weight: 400;
243 color: #9B9B9B;
244 line-height: 12px;
245 }
246
247 .comment-bottom div:nth-child(2) {
248 margin-top: 20px;
249 height: 14px;
250 font-size: 14px;
251 font-weight: 400;
252 color: #006CFF;
253 line-height: 14px;
254 }
255
256 .comment-bottom-num {
257 float: right !important;
258 margin-right: 20px;
259 }
260
261 .commentInput {
262 margin-top: 20px;
263 height: auto;
264 }
265
266 .commentInput img {
267 width: 40px;
268 height: 40px;
269 border-radius: 50%;
270 overflow: hidden
271 }
272
273 .commentInputImg {
274 height: 100px;
275 }
276
277 .commentInputImg, commentInputInput {
278 float: left;
279 }
280
281 .commentInput textarea {
282 height: 130px;
283 background: #FFFFFF;
284 border: 1px solid #DEDEDE;
285 margin-left: 20px;
286 }
287
288 .layui-textarea {
289 width: 93% !important;
290 }
291
292 .commentInput button {
293 width: 120px;
294 height: 42px;
295 background: #0091FF;
296 border-radius: 3px;
297 margin-left: 58px;
298 margin-top: 20px;
299 }
300
301 .Commentdetails {
302 margin-bottom: 20px;
303 }
304
305 .CommentdetailsTitle {
306 height: auto;
307 margin-top: 20px;
308 }
309
310 .CommentdetailsTitle span:nth-child(1) {
311 width: 80px;
312 height: 20px;
313 font-size: 20px;
314 font-weight: 500;
315 color: #4A4A4A;
316 line-height: 20px;
317 }
318
319 .CommentdetailsTitle span:nth-child(3) {
320 width: 56px;
321 height: 14px;
322 font-size: 14px;
323 font-weight: 500;
324 color: #006CFF;
325 line-height: 14px;
326 }
327
328 .pl {
329 border-top: 1px solid #DEDEDE;
330 margin-top: 20px;
331 padding-top: 20px;
332 display: inline-block;
333 width: 100%;
334 }
335
336 .pl-left, .pl-right {
337 float: left;
338 }
339
340 .pl-left img {
341 width: 50px;
342 height: 50px;
343 border-radius: 50%;
344 overflow: hidden;
345 }
346
347 .pl-right {
348 width: 80%;
349 }
350
351 .pl-right-top div {
352 float: left;
353 }
354
355 .pl-right-top div:nth-child(1) {
356 margin-left: 15px;
357 width: 42px;
358 height: 14px;
359 font-size: 14px;
360 font-weight: 500;
361 color: #9B9B9B;
362 line-height: 14px;
363 }
364
365 .pl-right-top div:nth-child(2) {
366 margin-left: 15px;
367 width: auto;
368 height: 14px;
369 font-size: 14px;
370 font-weight: 400;
371 color: #9B9B9B;
372 line-height: 14px;
373 }
374
375 .pl-right-body {
376 float: left;
377 margin-left: 15px;
378 width: 800px;
379 height: auto;
380 font-size: 14px;
381 font-weight: 400;
382 color: #4A4A4A;
383 line-height: 14px;
384 }
385
386 .pl-right-bottom div {
387 float: left;
388 }
389
390 .pl-right-bottom {
391 height: 12px;
392 font-size: 12px;
393 font-weight: 400;
394 color: #9B9B9B;
395 line-height: 12px;
396 display: inline-block;
397 margin-top: 10px;
398 }
399
400 .plhf:not(:last-child) {
401 border-bottom: 1px solid #DEDEDE;
402 }
403
404 .plhf-main {
405 background-color: #F7F7F7;
406 margin-top: 20px;
407 width: 690px;
408 margin-left: 15px;
409 }
410
411 .plhf {
412 padding: 20px;
413 display: inline-block;
414 width: 650px;
415 margin-left: 15px;
416 }
417
418 .plhf-top div:first-child, .plhf-top div:last-child {
419 float: left;
420 }
421
422 .plhf-top span:first-child {
423 width: 43px;
424 height: 14px;
425 font-size: 14px;
426 font-weight: bold;
427 color: #4A4A4A;
428 line-height: 14px;
429 }
430
431 .plhf-top span:last-child {
432 height: 14px;
433 width: 700px;
434 font-size: 14px;
435 font-weight: 400;
436 color: #4A4A4A;
437 line-height: 14px;
438 }
439
440 .plhf-bottom div {
441 float: left;
442 height: 14px;
443 font-size: 14px;
444 font-weight: 400;
445 color: #9B9B9B;
446 line-height: 14px;
447 }
448
449 .plhf-bottom div:nth-child(2) {
450 margin-left: 45px;
451 }
452
453 .pl-right-bottom div {
454 float: left;
455 margin-left: 15px;
456 }
457
458 .pl-right-bottom div:nth-child(2) {
459 margin-left: 50px;
460 }
461
462 .left, .right {
463 float: left;
464 }
465
466 .left2 {
467 width: 80px;
468 float: left;
469 }
470
471 .right {
472 width: 200px;
473 margin-left: 15px;
474 margin-top: 20px;
475 }
476
477 .right-top {
478 width: 100px;
479 height: 18px;
480 font-size: 18px;
481 font-weight: 500;
482 color: #4A4A4A;
483 line-height: 18px;
484 }
485
486 .right-body {
487 display: inline-block;
488 margin-bottom: 20px;
489 }
490
491 .tj {
492 /*margin-bottom: 10px;*/
493 }
494
495 .tj img {
496 width: 200px;
497 height: 125px;
498 margin-top: 20px;
499 }
500
501 .tj img, .tj span {
502 float: left;
503 }
504
505 .tj-title {
506 width: 203px;
507 font-size: 14px;
508 font-weight: bold;
509 color: #4A4A4A;
510 line-height: 21px;
511 }
512
513 .tj-date {
514 width: 90px;
515 height: 12px;
516 font-size: 12px;
517 font-weight: 400;
518 color: #9B9B9B;
519 line-height: 12px;
520 }
521
522 .right-bottom {
523 border-top-style: inset;
524 border-top: 1px solid #DEDEDE;
525 }
526
527 .right-bottom-top {
528 width: 108px;
529 height: 18px;
530 font-size: 18px;
531 margin-top: 20px;
532 font-weight: bold;
533 color: #4A4A4A;
534 line-height: 18px;
535 }
536
537 .zcfg {
538 margin-top: 20px;
539 display: inline-block;
540 }
541
542 .zcfg div {
543 float: left;
544 }
545
546 .zcfg-top {
547 width: 200px;
548 height: 14px;
549 font-size: 14px;
550 font-weight: bold;
551 color: #4A4A4A;
552 line-height: 14px;
553 }
554
555 .zcfg-body {
556 width: 200px;
557 font-size: 14px;
558 display: inline-block;
559 font-weight: 400;
560 color: #6D7278;
561 line-height: 21px;
562 }
563
564 .zcfg-bottom {
565 width: 90px;
566 height: 12px;
567 font-size: 12px;
568 font-weight: 400;
569 color: #9B9B9B;
570 line-height: 12px;
571 }
572
573 /* -----------------底部start----------------------------- */
574 div.footer {
575 background-color: #233042;
576 width: 100%;
577 }
578
579 div.footer .system_service {
580 width: 100%;
581 border-bottom: 1px solid #4A4A4A;
582 }
583
584 div.footer .system_service ul {
585 padding: 40px 0;
586 width: 1400px;
587 margin: 0 auto;
588 font-size: 0;
589 }
590
591 div.footer .system_service ul li {
592 width: 20%;
593 display: inline-block;
594 text-align: center;
595 height: 18px;
596 box-sizing: border-box;
597 }
598
599 div.footer .system_service ul li:not(:last-child) {
600 border-right: 1px solid #6D7278;
601 }
602
603 div.footer .system_service ul li a {
604 font-size: 16px;
605 font-weight: 400;
606 color: #DEDEDE;
607 }
608
609 div.footer .system_service ul li a:hover {
610 color: #f46143;
611 }
612
613 .footer .subject {
614 width: 1200px;
615 margin: 0 auto;
616 padding: 40px 0;
617 overflow: hidden;
618 }
619
620 .footer .subject .footer_logo {
621 float: left;
622 }
623
624 .footer .subject .footer_logo a {
625 display: block;
626 width: 64px;
627 height: 74px;
628 padding: 10px;
629 }
630
631 .footer .subject .footer_logo a img {
632 width: 100%;
633 height: 100%;
634 }
635
636 .footer .subject ul, ol {
637 float: left;
638 color: #CBCBCB;
639 text-align: left;
640 }
641
642 .footer .subject ul {
643 width: 73%;
644 box-sizing: border-box;
645 padding-left: 40px;
646 margin-top: 10px;
647 }
648
649 .footer .subject ul li {
650 width: 30%;
651 display: inline-block;
652 text-align: left;
653 margin-bottom: 30px;
654 }
655
656 .footer .subject ol li {
657 display: inline-block;
658 text-align: center;
659 }
660
661 .footer .subject ol li:last-child {
662 margin-left: 60px;
663 }
664
665 .footer .subject ol li img {
666 width: 80px;
667 height: 80px;
668 }
669
670 .footer .subject ol li p {
671 font-size: 12px;
672 color: #CBCBCB;
673 margin-top: 5px;
674 }
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7 padding-left: 20px;
8 padding-right: 20px;
9 }
10
11 .mainbody {
12 width: 1200px;
13 margin: 0 auto;
14 }
15
16 /*================首页 start=====================*/
17 div a {
18 color: #000000;
19 text-decoration: none;
20 }
21
22 div.subject h2 a:hover {
23 color: #f46143;
24 }
25
26 div.subject {
27 margin: 0 auto;
28 float: none;
29 clear: both;
30 position: relative;
31 min-width: 1200px;
32 }
33
34 /*新闻 */
35 div.top-logo {
36 width: 1200px;
37 height: 70px;
38 padding-top: 20px;
39 }
40
41 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
42 font-size: 13px;
43 }
44
45 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
46 font-size: 13px;
47 }
48
49 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
50 font-size: 13px;
51 }
52
53 .top_logo_content {
54 height: 40px;
55 width: 100%;
56 margin: 0 auto;
57 }
58
59 div.top-logo .top_logo_search {
60 float: left;
61 width: 350px;
62 position: relative;
63 margin-left: 400px;
64 }
65
66 div.top-logo .top_logo_search input {
67 border-radius: 50px;
68 }
69
70 div.top-logo .login {
71 float: right;
72 margin-top: 8px;
73 }
74
75 div.top-logo .top_logo_search i {
76 position: absolute;
77 right: 10px;
78 top: 11px;
79 cursor: pointer;
80 }
81
82 /*end*/
83
84 .top-logo h1 {
85 display: inline-block;
86 float: left;
87 }
88
89 /*------------------首页 end------------*/
90
91 .top-logo ul li {
92 display: inline-block;
93 padding: 0 8px;
94 }
95
96 .top-logo ul li:first-child {
97 border-right: 1px solid grey;
98 }
99
100 div.navigation {
101 text-align: center;
102 }
103
104 .navigation .layui-nav-item {
105 width: 100px;
106 position: relative;
107 margin: 0 22px;
108 }
109
110 .layui-bg-blue {
111 background-color: #006CFF !important;
112 }
113
114 .layui-nav-item:not(:first-child)::before {
115 content: '';
116 position: absolute;
117 height: 22px;
118 border-left: 1px solid #ccc;
119 top: 21px;
120 left: -20px;
121 }
122
123
124 .top li {
125 font-size: 20px;
126 font-weight: 500;
127 color: #4A4A4A;
128 line-height: 60px;
129 }
130
131 .xsbl-sort {
132 display: flex;
133 justify-content: left;
134 padding-top: 20px;
135 padding-bottom: 20px;
136 }
137
138 .xsbl-sort > li {
139 display: inline-block;
140 font-size: 16px;
141 font-weight: 400;
142 color: #6D7278;
143 line-height: 16px;
144 margin-right: 10px;
145 }
146
147 .td {
148 height: auto;
149 }
150
151 .td-title {
152 height: auto;
153 font-size: 16px;
154 font-weight: 500;
155 color: #4A4A4A;
156 line-height: 40px;
157 background-color: #DEDEDE;
158 border: 1px solid #DEDEDE;
159 padding-left: 15px;
160 }
161
162 .layui-tab-title {
163 height: auto;
164 border-bottom-style: none;
165 }
166
167 .td-body {
168 display: flex;
169 flex-flow: row;
170 flex-wrap: wrap;
171 justify-content: space-between;
172
173 }
174
175 .td-item {
176 width: 48%;
177 height: auto;
178 background: #FFFFFF;
179 border-radius: 2px;
180 display: flex;
181 flex-flow: row nowrap;
182 justify-content: space-between;
183 border-bottom: 1px dashed #DEDEDE;
184 margin-right: 15px;
185 padding-top: 10px;
186 padding-bottom: 10px;
187 padding-left: 10px;
188 }
189
190 .td-item div {
191
192 }
193
194 .td-item button {
195 width: 90px;
196 height: 30px;
197 background: #2FA5FF;
198 border-radius: 4px;
199 border: none;
200 color: white;
201 line-height: 30px;
202 }
203
204 .fw {
205 height: auto;
206 }
207
208 .fw-title {
209 height: 40px;
210 font-size: 16px;
211 font-weight: 500;
212 color: #4A4A4A;
213 line-height: 40px;
214 background-color: #DEDEDE;
215 border: 1px solid #DEDEDE;
216 padding-left: 15px;
217 }
218
219 .fw-body {
220 display: flex;
221 flex-flow: row;
222 flex-wrap: wrap;
223 justify-content: space-between;
224
225 }
226
227 .fw-item {
228 width: 48%;
229 background: #FFFFFF;
230 border-radius: 2px;
231 display: flex;
232 flex-flow: row nowrap;
233 justify-content: space-between;
234 border-bottom: 1px dashed #DEDEDE;
235 margin-right: 15px;
236 padding-top: 10px;
237 padding-bottom: 10px;
238 padding-left: 10px;
239 }
240
241 .fw-item div {
242
243 }
244
245 .fw-item button {
246 width: 90px;
247 height: 30px;
248 background: #2FA5FF;
249 border-radius: 4px;
250 border: none;
251 color: white;
252 line-height: 30px;
253 }
254
255 .gzw {
256 height: auto;
257 }
258
259 .gzw-title {
260 height: 40px;
261 font-size: 16px;
262 font-weight: 500;
263 color: #4A4A4A;
264 line-height: 40px;
265 background-color: #DEDEDE;
266 border: 1px solid #DEDEDE;
267 padding-left: 15px;
268 }
269
270 .gzw-body {
271 display: flex;
272 flex-flow: row;
273 flex-wrap: wrap;
274 justify-content: space-between;
275
276 }
277
278 .gzw-item {
279 width: 48%;
280 height: auto;
281 background: #FFFFFF;
282 border-radius: 2px;
283 display: flex;
284 flex-flow: row nowrap;
285 justify-content: space-between;
286 border-bottom: 1px dashed #DEDEDE;
287 margin-right: 15px;
288 padding-top: 10px;
289 padding-bottom: 10px;
290 padding-left: 10px;
291 }
292
293 .gzw-item div {
294
295 }
296
297 .gzw-item button {
298 width: 90px;
299 height: 30px;
300 background: #2FA5FF;
301 border-radius: 4px;
302 border: none;
303 color: white;
304 line-height: 30px;
305 }
306
307 .sl {
308 height: auto;
309 }
310
311 .sl-title {
312 height: 40px;
313 font-size: 16px;
314 font-weight: 500;
315 color: #4A4A4A;
316 line-height: 40px;
317 background-color: #DEDEDE;
318 border: 1px solid #DEDEDE;
319 padding-left: 15px;
320 }
321
322 .sl-body {
323 display: flex;
324 flex-flow: row;
325 flex-wrap: wrap;
326 justify-content: space-between;
327
328 }
329
330 .sl-item {
331 width: 48%;
332 height: auto;
333 background: #FFFFFF;
334 border-radius: 2px;
335 display: flex;
336 flex-flow: row nowrap;
337 justify-content: space-between;
338 border-bottom: 1px dashed #DEDEDE;
339 margin-right: 15px;
340 padding-top: 10px;
341 padding-bottom: 10px;
342 padding-left: 10px;
343 }
344
345 .sl-item div {
346
347 }
348
349 .sl-item button {
350 width: 90px;
351 height: 30px;
352 background: #2FA5FF;
353 border-radius: 4px;
354 border: none;
355 color: white;
356 line-height: 30px;
357 }
358
359 /* -----------------底部start----------------------------- */
360 div.footer {
361 background-color: #233042;
362 }
363
364 div.footer .system_service {
365 width: 100%;
366 border-bottom: 1px solid #4A4A4A;
367 }
368
369 div.footer .system_service ul {
370 padding: 40px 0;
371 width: 1400px;
372 margin: 0 auto;
373 font-size: 0;
374 }
375
376 div.footer .system_service ul li {
377 width: 20%;
378 display: inline-block;
379 text-align: center;
380 height: 18px;
381 box-sizing: border-box;
382 }
383
384 div.footer .system_service ul li:not(:last-child) {
385 border-right: 1px solid #6D7278;
386 }
387
388 div.footer .system_service ul li a {
389 font-size: 16px;
390 font-weight: 400;
391 color: #DEDEDE;
392 }
393
394 div.footer .system_service ul li a:hover {
395 color: #f46143;
396 }
397
398 .footer .subject {
399 width: 1200px;
400 margin: 0 auto;
401 padding: 40px 0;
402 overflow: hidden;
403 }
404
405 .footer .subject .footer_logo {
406 float: left;
407 }
408
409 .footer .subject .footer_logo a {
410 display: block;
411 width: 64px;
412 height: 74px;
413 padding: 10px;
414 }
415
416 .footer .subject .footer_logo a img {
417 width: 100%;
418 height: 100%;
419 }
420
421 .footer .subject ul, ol {
422 float: left;
423 color: #CBCBCB;
424 text-align: left;
425 }
426
427 .footer .subject ul {
428 width: 73%;
429 box-sizing: border-box;
430 padding-left: 40px;
431 margin-top: 10px;
432 }
433
434 .footer .subject ul li {
435 width: 30%;
436 display: inline-block;
437 text-align: left;
438 margin-bottom: 30px;
439 }
440
441 .footer .subject ol li {
442 display: inline-block;
443 text-align: center;
444 }
445
446 .footer .subject ol li:last-child {
447 margin-left: 60px;
448 }
449
450 .footer .subject ol li img {
451 width: 80px;
452 height: 80px;
453 }
454
455 .footer .subject ol li p {
456 font-size: 12px;
457 color: #CBCBCB;
458 margin-top: 5px;
459 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>业务指南</title>
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7 <meta name="format-detection" content="telephone=no">
8 <meta name="renderer" content="webkit">
9 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
10 <meta http-equiv="Cache-Control" content="no-siteapp"/>
11 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
12 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
13 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
14 <meta name="description" content=""/>
15 <meta name="keywords" content=""/>
16 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
17 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head>
19 <body>
20 <div class="main">
21
22 <div class="subject top-logo">
23 <div class="top_logo_content">
24 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
25
26 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
28 class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div>
31
32 <ul class="login">
33 <li>登录</li>
34 <li>注册</li>
35 </ul>
36 </div>
37 </div>
38 <div class="navigation">
39 <ul class="layui-nav layui-bg-blue" lay-filter="">
40 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
41 <li class="layui-nav-item"><a href="">新闻动态</a></li>
42 <li class="layui-nav-item"><a href="">业务办理</a></li>
43 <li class="layui-nav-item"><a href="">办事指南</a></li>
44 <li class="layui-nav-item">
45 <a href="javascript:;">查验中心</a>
46 <dl class="layui-nav-child">
47 <!-- 二级菜单 -->
48 <dd><a href="">移动模块</a></dd>
49 <dd><a href="">后台模版</a></dd>
50 <dd><a href="">电商平台</a></dd>
51 </dl>
52 </li>
53 <li class="layui-nav-item"><a href="">在线缴费</a></li>
54 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
55 </ul>
56 </div>
57 <div class="mainbody">
58 <div class="layui-tab layui-tab-card">
59 <ul class="layui-tab-title top">
60 <li class="layui-this">线上办理</li>
61 <li>线下办理</li>
62 </ul>
63 <div class="layui-tab-content">
64 <div class="layui-tab-item layui-show ">
65 <div class="xsbl-sort">
66 <li>全部</li>
67 <li>土地</li>
68 <li>房屋建筑物</li>
69 <li>构筑物</li>
70 <li>森林、林木</li>
71 <li>其他</li>
72 </div>
73 <div class="td">
74 <div class="td-title">
75 土地
76 </div>
77 <div class="td-body">
78 <div class="td-item">
79 <div>
80 <span>
81 土地-企业-转移登记（买卖）
82 </span>
83 </div>
84 <div>
85 <button>在线办理</button>
86 </div>
87 </div>
88 <div class="td-item">
89 <div>
90 <span>
91 土地-企业-转移登记（买卖）
92 </span>
93 </div>
94 <div>
95 <button>在线办理</button>
96 </div>
97 </div>
98 <div class="td-item">
99 <div>
100 <span>
101 土地-企业-转移登记（买卖）
102 </span>
103 </div>
104 <div>
105 <button>在线办理</button>
106 </div>
107 </div>
108 </div>
109 </div>
110 <div class="fw">
111 <div class="fw-title">
112 土地
113 </div>
114 <div class="fw-body">
115 <div class="fw-item">
116 <div>
117 <span>
118 土地-企业-转移登记（买卖）
119 </span>
120 </div>
121 <div>
122 <button>在线办理</button>
123 </div>
124 </div>
125 <div class="fw-item">
126 <div>
127 <span>
128 土地-企业-转移登记（买卖）
129 </span>
130 </div>
131 <div>
132 <button>在线办理</button>
133 </div>
134 </div>
135 <div class="fw-item">
136 <div>
137 <span>
138 土地-企业-转移登记（买卖）
139 </span>
140 </div>
141 <div>
142 <button>在线办理</button>
143 </div>
144 </div>
145 </div>
146 </div>
147 <div class="gzw">
148 <div class="gzw-title">
149 土地
150 </div>
151 <div class="gzw-body">
152 <div class="gzw-item">
153 <div>
154 <span>
155 土地-企业-转移登记（买卖）
156 </span>
157 </div>
158 <div>
159 <button>在线办理</button>
160 </div>
161 </div>
162 <div class="gzw-item">
163 <div>
164 <span>
165 土地-企业-转移登记（买卖）
166 </span>
167 </div>
168 <div>
169 <button>在线办理</button>
170 </div>
171 </div>
172 <div class="gzw-item">
173 <div>
174 <span>
175 土地-企业-转移登记（买卖）
176 </span>
177 </div>
178 <div>
179 <button>在线办理</button>
180 </div>
181 </div>
182 </div>
183 </div>
184 <div class="sl">
185 <div class="sl-title">
186 土地
187 </div>
188 <div class="sl-body">
189 <div class="sl-item">
190 <div>
191 <span>
192 土地-企业-转移登记（买卖）
193 </span>
194 </div>
195 <div>
196 <button>在线办理</button>
197 </div>
198 </div>
199 <div class="sl-item">
200 <div>
201 <span>
202 土地-企业-转移登记（买卖）
203 </span>
204 </div>
205 <div>
206 <button>在线办理</button>
207 </div>
208 </div>
209 <div class="sl-item">
210 <div>
211 <span>
212 土地-企业-转移登记（买卖）
213 </span>
214 </div>
215 <div>
216 <button>在线办理</button>
217 </div>
218 </div>
219 </div>
220 </div>
221 </div>
222 <div class="layui-tab-item">内容2</div>
223 </div>
224 </div>
225 </div>
226
227 <div class="footer">
228 <div class="system_service">
229 <ul class="">
230 <li>
231 <a href="">
232 <span>公示公告</span>
233 </a>
234 </li>
235 <li>
236 <a href="">
237 <span>法律法规</span>
238 </a>
239 </li>
240 <li>
241 <a href="">
242 <span>相应政策</span>
243 </a>
244 </li>
245 <li>
246 <a href="">
247 <span>下载服务</span>
248 </a>
249 </li>
250 <li>
251 <a href="">
252 <span>关于我们</span>
253 </a>
254 </li>
255 </ul>
256 </div>
257 <div class="subject">
258 <div class="footer_logo">
259 <a href="">
260 <img src="./../../images/jiguan.png">
261 </a>
262 </div>
263 <ul>
264 <li>
265 西安市自然资源和规划局
266 </li>
267 <li>
268 电话：028-456465
269 </li>
270 <li>
271 地址：西安市丰城8路
272 </li>
273 <li>
274 网站标识吗：87987987
275 </li>
276 <li>
277 备案：陕IPC456465465
278 </li>
279 <li>
280 陕公网备案：456465465
281 </li>
282 </ul>
283 <ol>
284 <li>
285 <img src="./../../images/code.png">
286 <p>扫描关注公众号</p>
287 </li>
288 <li>
289 <img src="./../../images/code.png">
290 <p>扫描关注公众号</p>
291 </li>
292
293 </ol>
294 </div>
295 </div>
296 </div>
297 </body>
298 </html>
299 <!--[if (gte IE 9)|!(IE)]><!-->
300 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
301 <!--<![endif]-->
302 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
303 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
304 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
305 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
306 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
307 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
308 <script>
309 layui.use('element', function () {
310 let $ = layui.jquery
311 , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
312 });
313 </script>
...\ No newline at end of file ...\ No newline at end of file
1 /* ----------------------公共样式-------------------------- */
2 .contentBox {
3 width: 1200px;
4 margin: 0 auto;
5 overflow: hidden;
6 }
7 .business_guide {
8 overflow-x: hidden;
9 }
10 .titleActive {
11 color: #006CFF;
12 font-weight: 600;
13 }
14 /* -------------------------end------------------------------- */
15 /* -------------------------头部start----------------------------------- */
16 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
17 border: 0;
18 margin: 0;
19 outline: 0 none;
20 padding: 0;
21 vertical-align: baseline;
22 font-size: 100%;
23 background: transparent;
24 font-family: Arial;
25 }
26
27 div a {
28 color: #000000;
29 text-decoration: none;
30 }
31
32 div.subject h2 a:hover {
33 color: #f46143;
34 }
35
36 div.subject {
37 margin: 0 auto;
38 float: none;
39 clear: both;
40 position: relative;
41 min-width: 1200px;
42 }
43 div.top-logo {
44 width: 1200px;
45 height: 90px!important;
46 padding-top: 20px;
47 }
48
49 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
50 font-size: 13px;
51 }
52
53 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
54 font-size: 13px;
55 }
56
57 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
58 font-size: 13px;
59 }
60 .top_logo_content {
61 height: 40px;
62 width: 100%;
63 margin: 0 auto;
64 }
65 div.top-logo .top_logo_search {
66 float: left;
67 width: 350px;
68 position: relative;
69 margin-left: 400px;
70 }
71 div.top-logo .top_logo_search input {
72 border-radius: 50px;
73 }
74 div.top-logo .login {
75 float: right;
76 margin-top: 8px;
77 }
78 div.top-logo .top_logo_search i {
79 position: absolute;
80 right: 10px;
81 top: 11px;
82 cursor: pointer;
83 }
84 .top-logo h1 {
85 display: inline-block;
86 float: left;
87 }
88 .top-logo ul li {
89 display: inline-block;
90 padding: 0 8px;
91 }
92
93 .top-logo ul li:first-child {
94 border-right: 1px solid grey;
95 }
96
97 div.navigation {
98 text-align: center;
99 }
100 .navigation .layui-nav-item {
101 width: 130px;
102 position: relative;
103 margin: 0 22px;
104 }
105 .layui-bg-blue {
106 background-color: #006CFF!important;
107 }
108
109 .layui-nav-item:not(:first-child)::before {
110 content: '';
111 position: absolute;
112 height: 22px;
113 border-left: 1px solid #ccc;
114 top: 21px;
115 left: -22px;
116 }
117
118 /* ------------------------------end--------------------------------------- */
119
120 .navigation_crumbs {
121 width: 100%;
122 height: 45px;
123 padding: 10px 0;
124 line-height: 25px;
125 background: #FAFAFA;
126 border: 1px solid #E6E6E6;
127 }
128 .navigation_crumbs .layui-breadcrumb a:hover {
129 color: #f46143!important;
130 }
131 /* --------------------导航tab------------------------- */
132 .one_content {
133 border: 1px solid #DEDEDE;;
134 margin-top: 30px;
135 }
136 .one_content .layui-tab {
137 margin: 0;
138 }
139 .one_content .layui-tab-title li {
140 width: 150px;
141 font-weight: 600;
142 color: #6D7278;
143 }
144 .one_content .layui-tab-title .layui-this {
145 color: #4A4A4A;
146 }
147 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
148 border-color: #006CFF;
149 }
150 .layui-tab .layui-tab-brief .layui-this {
151 color: #006CFF;
152 }
153 .layui-tab .layui-tab-brief li {
154 width: 90px;
155 }
156 .online_business {
157 margin-top: 20px;
158 }
159 .online_business h2 {
160 width: 100%;
161 height: 43px;
162 line-height: 43px;
163 background: #FAFAFA;
164 border-radius: 4px;
165 border: 1px solid #DEDEDE;
166 padding-left: 15px;
167 box-sizing: border-box;
168 }
169 .online_list {
170 padding-bottom: 20px;
171 overflow: hidden;
172 }
173 .online_list li{
174 width: 45%!important;
175 float: left;
176 height: 60px;
177 line-height: 60px;
178 border-bottom: 1px dotted #DEDEDE;
179 }
180 .online_list li:nth-child(even) {
181 margin-left: 10%;
182 }
183 .online_list li a{
184 display: block;
185 width: 100%;
186 }
187 .online_list li a:hover span{
188 color: #f46143;
189 }
190 .online_list li a button {
191 float: right;
192 margin-top: 15px;
193 }
194 /* ---------------------------------------------------- */
195 /* -----------------底部start----------------------------- */
196 div.footer {
197 background-color: #233042;
198 }
199 div.footer .system_service {
200 width: 100%;
201 border-bottom: 1px solid #4A4A4A;
202 }
203 div.footer .system_service ul {
204 padding: 40px 0;
205 width: 1400px;
206 margin: 0 auto;
207 font-size: 0;
208 }
209 div.footer .system_service ul li {
210 width: 20%;
211 display: inline-block;
212 text-align: center;
213 height: 18px;
214 box-sizing: border-box;
215 }
216 div.footer .system_service ul li:not(:last-child) {
217 border-right: 1px solid #6D7278;
218 }
219 div.footer .system_service ul li a{
220 font-size: 16px;
221 font-weight: 400;
222 color: #DEDEDE;
223 }
224 div.footer .system_service ul li a:hover {
225 color: #f46143;
226 }
227 .footer .subject {
228 width: 1200px;
229 margin: 0 auto;
230 padding: 40px 0;
231 overflow: hidden;
232 }
233 .footer .subject .footer_logo {
234 float: left;
235 }
236 .footer .subject .footer_logo a{
237 display: block;
238 width: 64px;
239 height: 74px;
240 padding: 10px;
241 }
242 .footer .subject .footer_logo a img {
243 width: 100%;
244 height: 100%;
245 }
246 .footer .subject ul, ol {
247 float: left;
248 color: #CBCBCB;
249 text-align: left;
250 }
251 .footer .subject ul {
252 width: 73%;
253 box-sizing: border-box;
254 padding-left: 40px;
255 margin-top: 10px;
256 }
257 .footer .subject ul li {
258 width: 30%;
259 display: inline-block;
260 text-align: left;
261 margin-bottom: 30px;
262 }
263 .footer .subject ol li {
264 display: inline-block;
265 text-align: center;
266 }
267 .footer .subject ol li:last-child {
268 margin-left: 60px;
269 }
270 .footer .subject ol li img {
271 width: 80px;
272 height: 80px;
273 }
274 .footer .subject ol li p {
275 font-size: 12px;
276 color: #CBCBCB;
277 margin-top: 5px;
278 }
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7
8 }
9 .mainbody{
10 width: 1200px;
11 margin: 0 auto;
12 }
13 /*================首页 start=====================*/
14 div a {
15 color: #000000;
16 text-decoration: none;
17 }
18
19 div.subject h2 a:hover {
20 color: #f46143;
21 }
22
23 div.subject {
24 margin: 0 auto;
25 float: none;
26 clear: both;
27 position: relative;
28 min-width: 1200px;
29 }
30 /*新闻 */
31 div.top-logo {
32 width: 1200px;
33 height: 70px;
34 padding-top: 20px;
35 }
36
37 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
38 font-size: 13px;
39 }
40
41 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
42 font-size: 13px;
43 }
44
45 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
46 font-size: 13px;
47 }
48 .top_logo_content {
49 height: 40px;
50 width: 100%;
51 margin: 0 auto;
52 }
53 div.top-logo .top_logo_search {
54 float: left;
55 width: 350px;
56 position: relative;
57 margin-left: 400px;
58 }
59 div.top-logo .top_logo_search input {
60 border-radius: 50px;
61 }
62 div.top-logo .login {
63 float: right;
64 margin-top: 8px;
65 }
66 div.top-logo .top_logo_search i {
67 position: absolute;
68 right: 10px;
69 top: 11px;
70 cursor: pointer;
71 }
72
73 /*end*/
74
75 .top-logo h1 {
76 display: inline-block;
77 float: left;
78 }
79 /*------------------首页 end------------*/
80 /* --------------------导航tab------------------------- */
81 .navigation_crumbs {
82 width: 100%;
83 height: 45px;
84 padding: 10px 0;
85 line-height: 25px;
86 background: #FAFAFA;
87 border: 1px solid #E6E6E6;
88 }
89 .navigation_crumbs .layui-breadcrumb a:hover {
90 color: #f46143!important;
91 }
92
93 .contentBox {
94 width: 1200px;
95 margin: 0 auto;
96 overflow: hidden;
97 }
98 .one_content {
99 border: 1px solid #DEDEDE;;
100 margin-top: 30px;
101 }
102 .one_content .layui-tab {
103 margin: 0;
104 }
105 .one_content .layui-tab-title li {
106 width: 100px;
107 font-weight: 600;
108 color: #6D7278;
109 }
110 .one_content .layui-tab-title .layui-this {
111 color: #4A4A4A;
112 }
113 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
114 border-color: #006CFF;
115 }
116 .layui-tab .layui-tab-brief .layui-this {
117 color: #006CFF;
118 }
119 .layui-tab .layui-tab-brief li {
120 width: 90px;
121 }
122 .online_business {
123 margin-top: 20px;
124 }
125 .online_business h2 {
126 width: 100%;
127 height: 43px;
128 line-height: 43px;
129 background: #FAFAFA;
130 border-radius: 4px;
131 border: 1px solid #DEDEDE;
132 padding-left: 15px;
133 box-sizing: border-box;
134 }
135 .online_list {
136 padding-bottom: 20px;
137 overflow: hidden;
138 }
139 .online_list li{
140 width: 45%!important;
141 float: left;
142 height: 60px;
143 line-height: 60px;
144 border-bottom: 1px dotted #DEDEDE;
145 }
146 .online_list li:nth-child(even) {
147 margin-left: 10%;
148 }
149 .online_list li a{
150 display: block;
151 width: 100%;
152 }
153 .online_list li a:hover span{
154 color: #f46143;
155 }
156 .online_list li a button {
157 float: right;
158 margin-top: 15px;
159 }
160 /* ---------------------------------------------------- */
161 .top-logo ul li {
162 display: inline-block;
163 padding: 0 8px;
164 }
165
166 .top-logo ul li:first-child {
167 border-right: 1px solid grey;
168 }
169
170 div.navigation {
171 text-align: center;
172 }
173 .navigation .layui-nav-item {
174 width: 130px;
175 position: relative;
176 margin: 0 22px;
177 }
178 .layui-bg-blue {
179 background-color: #006CFF!important;
180 }
181
182 .layui-nav-item:not(:first-child)::before {
183 content: '';
184 position: absolute;
185 height: 22px;
186 border-left: 1px solid #ccc;
187 top: 21px;
188 left: -20px;
189 }
190 .title {
191 height: auto;
192 font-size: 30px;
193 font-weight: 500;
194 color: #4A4A4A;
195 line-height: 30px;
196 text-align: center;
197 padding: 20px;
198 }
199
200 .release {
201 display: flex;
202 flex-flow: row nowrap;
203 justify-content: space-between;
204 font-size: 16px;
205 font-weight: 400;
206 color: #6D7278;
207 line-height: 12px;
208 margin-top: 20px;
209 margin-bottom: 20px;
210 }
211
212 .release div {
213 display: inline-block;
214 }
215
216 .body {
217 padding-top: 20px;
218 border-top: 1px solid #DEDEDE;
219 height: auto;
220 font-size: 16px;
221 font-weight: 400;
222 color: #4A4A4A;
223 line-height: 24px;
224 }
225 /* -----------------底部start----------------------------- */
226 div.footer {
227 background-color: #233042;
228 }
229 div.footer .system_service {
230 width: 100%;
231 border-bottom: 1px solid #4A4A4A;
232 }
233 div.footer .system_service ul {
234 padding: 40px 0;
235 width: 1400px;
236 margin: 0 auto;
237 font-size: 0;
238 }
239 div.footer .system_service ul li {
240 width: 20%;
241 display: inline-block;
242 text-align: center;
243 height: 18px;
244 box-sizing: border-box;
245 }
246 div.footer .system_service ul li:not(:last-child) {
247 border-right: 1px solid #6D7278;
248 }
249 div.footer .system_service ul li a{
250 font-size: 16px;
251 font-weight: 400;
252 color: #DEDEDE;
253 }
254 div.footer .system_service ul li a:hover {
255 color: #f46143;
256 }
257 .footer .subject {
258 width: 1200px;
259 margin: 0 auto;
260 padding: 40px 0;
261 overflow: hidden;
262 }
263 .footer .subject .footer_logo {
264 float: left;
265 }
266 .footer .subject .footer_logo a{
267 display: block;
268 width: 64px;
269 height: 74px;
270 padding: 10px;
271 }
272 .footer .subject .footer_logo a img {
273 width: 100%;
274 height: 100%;
275 }
276 .footer .subject ul, ol {
277 float: left;
278 color: #CBCBCB;
279 text-align: left;
280 }
281 .footer .subject ul {
282 width: 72%;
283 box-sizing: border-box;
284 padding-left: 40px;
285 margin-top: 10px;
286 }
287 .footer .subject ul li {
288 width: 30%;
289 display: inline-block;
290 text-align: left;
291 margin-bottom: 30px;
292 }
293 .footer .subject ol li {
294 display: inline-block;
295 text-align: center;
296 }
297 .footer .subject ol li:last-child {
298 margin-left: 60px;
299 }
300 .footer .subject ol li img {
301 width: 80px;
302 height: 80px;
303 }
304 .footer .subject ol li p {
305 font-size: 12px;
306 color: #CBCBCB;
307 margin-top: 5px;
308 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <title>公告详情</title>
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp" />
12 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css" />
13 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
14 <link rel='icon' href='../../favicon.ico' type='image/x-ico' />
15 <meta name="description" content="" />
16 <meta name="keywords" content="" />
17 <link rel="stylesheet" href="../../css/default.min.css?t=227" />
18 <link rel="stylesheet" type="text/css" href="css/index.css">
19 </head>
20
21 <body>
22 <div class="main">
23 <div class="subject top-logo">
24 <div class="top_logo_content">
25 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
26 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
28 autocomplete="off" class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div>
31
32 <ul class="login">
33 <li>登录</li>
34 <li>注册</li>
35 </ul>
36 </div>
37 </div>
38 <div class="navigation">
39 <ul class="layui-nav layui-bg-blue" lay-filter="">
40 <li class="layui-nav-item"><a href="../../index.html">首页</a></li>
41 <li class="layui-nav-item"><a href="">新闻动态</a></li>
42 <li class="layui-nav-item"><a href="">业务办理</a></li>
43 <li class="layui-nav-item"><a href="">办事指南</a></li>
44 <li class="layui-nav-item">
45 <a href="javascript:;">查验中心</a>
46 <dl class="layui-nav-child">
47 <!-- 二级菜单 -->
48 <dd><a href="">移动模块</a></dd>
49 <dd><a href="">后台模版</a></dd>
50 <dd><a href="">电商平台</a></dd>
51 </dl>
52 </li>
53 <li class="layui-nav-item"><a href="">在线缴费</a></li>
54 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
55 </ul>
56 </div>
57 <div class="navigation_crumbs">
58 <div class="contentBox">
59 <span class="layui-breadcrumb">
60 <a href="../../index.html">首页</a>
61 <a href="">公示</a>
62 <a><cite>公告</cite></a>
63 </span>
64 </div>
65 </div>
66 <div class="mainbody">
67 <div class="title">
68 <span>党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量</span>
69 </div>
70 <div class="release">
71 <div>发布单位:国土信息</div>
72 <div>发布日期：2020-10-28</div>
73 </div>
74 <div class="body">
75 <span>
76 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。
77 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务
78 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。
79 二、明晰自然资源统计数据获取方式 自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。
80 三、健全自然资源统计数据的质控体系
81 加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。
82 四、加强自然资源统计信息化建设
83 加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。
84 五、更新制度和办法保证统计工作推进
85 在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。
86 《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。
87 会议强调，要按照“办赛精彩、参赛出彩、发展添彩”要求，抓紧抓实抓细各项筹办工作，确保十四运会和残特奥会办出质量、办出水平。要做好已完工场馆工程验收和体育工艺、竞赛标准专项检查，加快推进全运村场馆收尾工作，同步抓好场馆周边设施配套与城市环境综合整治，改善城市面貌，提升城市形象。要做好开闭幕式相关工作，统筹抓好医疗卫生、交通电力、餐饮住宿等准备工作，为赛事顺利举办提供有力服务保障。
88 会议强调，要加强全民健身设施建设，广泛开展群众性体育活动，建设一批体育公园、健身步道、社区多功能健身场地，让群众更多享受体育发展成果。要围绕筹办工作重大时间节点、重要标志性事件，精心组织策划有创意、有内容、有感染力的宣传推介活动，营造我市全民全运的浓厚氛围。要狠抓责任落实、狠抓进度落实、狠抓工作落实，确保把各项筹办工作谋深、抓实、干好。
89 市领导玉苏甫江·麦麦提、杨晓东、张琳、肖西亮、和文全，市执委会各成员单位主要负责同志参加。
90 </span>
91 </div>
92 </div>
93
94 <div class="footer">
95 <div class="system_service">
96 <ul class="">
97 <li>
98 <a href="">
99 <span>公示公告</span>
100 </a>
101 </li>
102 <li>
103 <a href="">
104 <span>法律法规</span>
105 </a>
106 </li>
107 <li>
108 <a href="">
109 <span>相应政策</span>
110 </a>
111 </li>
112 <li>
113 <a href="">
114 <span>下载服务</span>
115 </a>
116 </li>
117 <li>
118 <a href="">
119 <span>关于我们</span>
120 </a>
121 </li>
122 </ul>
123 </div>
124 <div class="subject">
125 <div class="footer_logo">
126 <a href="">
127 <img src="./../../images/jiguan.png">
128 </a>
129 </div>
130 <ul>
131 <li>
132 西安市自然资源和规划局
133 </li>
134 <li>
135 电话：028-456465
136 </li>
137 <li>
138 地址：西安市丰城8路
139 </li>
140 <li>
141 网站标识吗：87987987
142 </li>
143 <li>
144 备案：陕IPC456465465
145 </li>
146 <li>
147 陕公网备案：456465465
148 </li>
149 </ul>
150 <ol>
151 <li>
152 <img src="./../../images/code.png">
153 <p>扫描关注公众号</p>
154 </li>
155 <li>
156 <img src="./../../images/code.png">
157 <p>扫描关注公众号</p>
158 </li>
159
160 </ol>
161 </div>
162 </div>
163 </div>
164 </body>
165
166 </html>
167 <!--[if (gte IE 9)|!(IE)]><!-->
168 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
169 <!--<![endif]-->
170 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
171 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
172 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
173 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
174 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
175 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
176 <script>
177 layui.use('element', function () {
178 var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
179 //监听导航点击
180 element.on('nav(demo)', function (elem) {
181 //console.log(elem)
182 layer.msg(elem.text());
183 });
184 });
185 layui.use('util', function () {
186 var util = layui.util;
187 //执行
188 util.fixbar({
189 bar1: true,
190 bar2: true,
191 top: true
192 , click: function (type) {
193 console.log(type);
194 if (type === 'bar1') {
195 alert('点击了bar1')
196 }
197 }
198 });
199 });
200 </script>
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 .main {
7
8 }
9
10 /*================首页 start=====================*/
11 div a {
12 color: #000000;
13 text-decoration: none;
14 }
15
16 div.subject h2 a:hover {
17 color: #f46143;
18 }
19
20 div.subject {
21 margin: 0 auto;
22 float: none;
23 clear: both;
24 position: relative;
25 min-width: 1200px;
26 }
27
28 /*新闻 */
29 div.top-logo {
30 width: 1200px;
31 height: 70px;
32 padding-top: 20px;
33 }
34
35 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
36 font-size: 13px;
37 }
38
39 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
40 font-size: 13px;
41 }
42
43 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
44 font-size: 13px;
45 }
46
47 .top_logo_content {
48 height: 40px;
49 width: 100%;
50 margin: 0 auto;
51 }
52
53 div.top-logo .top_logo_search {
54 float: left;
55 width: 350px;
56 position: relative;
57 margin-left: 400px;
58 }
59
60 div.top-logo .top_logo_search input {
61 border-radius: 50px;
62 }
63
64 div.top-logo .login {
65 float: right;
66 margin-top: 8px;
67 }
68
69 div.top-logo .top_logo_search i {
70 position: absolute;
71 right: 10px;
72 top: 11px;
73 cursor: pointer;
74 }
75
76 /*end*/
77
78 .top-logo h1 {
79 display: inline-block;
80 float: left;
81 }
82
83 /*------------------首页 end------------*/
84
85 .top-logo ul li {
86 display: inline-block;
87 padding: 0 8px;
88 }
89
90 .top-logo ul li:first-child {
91 border-right: 1px solid grey;
92 }
93
94 div.navigation {
95 text-align: center;
96 }
97
98 .navigation .layui-nav-item {
99 width: 100px;
100 position: relative;
101 margin: 0 22px;
102 }
103
104 .layui-bg-blue {
105 background-color: #006CFF !important;
106 }
107
108 .layui-nav-item:not(:first-child)::before {
109 content: '';
110 position: absolute;
111 height: 22px;
112 border-left: 1px solid #ccc;
113 top: 21px;
114 left: -20px;
115 }
116
117
118 /*------------------首页 end------------*/
119
120 .mainbody {
121 width: 1200px;
122 margin: 0 auto;
123 }
124
125 .top {
126 text-align: center;
127 height: 90px;
128 font-size: 14px;
129 font-weight: bold;
130 color: #4A4A4A;
131 line-height: 14px;
132 border-bottom: 1px solid #DEDEDE;
133 display: flex;
134 justify-items: auto;
135 align-items: center;
136 flex-width: wrap;
137 }
138
139 .top > div {
140 margin: 0 auto;
141 display: inline-block;
142 }
143
144 .top input {
145 width: 360px;
146 height: 36px;
147 background: #FFFFFF;
148 border-radius: 2px;
149 border: 1px solid #CBCBCB;
150 }
151
152 .top button {
153 width: 120px;
154 height: 40px;
155 background: #0091FF;
156 border: none;
157 border-radius: 3px;
158 color: white;
159 }
160
161 /*.top-date input:before {
162 content: attr(placeholder)
163 }*/
164
165 .filter {
166 display: flex;
167 justify-content: left;
168 }
169
170 .filter div {
171 display: inline-block;
172 padding: 20px;
173 background: #FFFFFF;
174 width: 102px;
175 font-size: 16px;
176 font-weight: 500;
177 color: #6D7278;
178 line-height: 20px;
179 }
180
181 .filter div:first-child {
182 width: 102px;
183 height: 20px;
184 font-size: 18px;
185 font-weight: bold;
186 color: #4A4A4A;
187 line-height: 20px;
188 }
189
190 .body {
191 display: flex;
192 justify-items: left;
193 border-top: 1px solid #CBCBCB;
194 }
195
196 .body div {
197 display: inline-block;
198 }
199
200 .left {
201 border-right-style: inset;
202 border-right: 1px solid #DEDEDE;
203 }
204
205 .right {
206 width: 400px;
207 }
208
209 .left, .right {
210 float: left;
211 }
212
213 .gg-tag {
214 background-color: #FA6800;
215 width: 40px;
216 height: 15px;
217 font-size: 10px;
218 font-weight: 500;
219 color: #FFFFFF;
220 line-height: 15px;
221 padding-left: 8px;
222 }
223
224 .gg {
225 text-overflow: clip;
226 overflow: hidden;
227 border-bottom: 1px solid #DEDEDE;
228 height: 100px;
229 font-size: 20px;
230 font-weight: bold;
231 color: #4A4A4A;
232 line-height: 104px;
233 padding-left: 20px;
234 padding-right: 20px;
235 }
236
237 .right {
238 width: 200px;
239 margin-left: 15px;
240 }
241
242 .right-top {
243 width: 100px;
244 height: 18px;
245 font-size: 18px;
246 font-family: PingFangSC-Medium, PingFang SC;
247 font-weight: 500;
248 color: #4A4A4A;
249 line-height: 18px;
250 padding-top: 20px;
251 }
252
253 .right-body {
254 display: inline-block;
255 margin-bottom: 20px;
256 }
257
258 .tj {
259 /*margin-bottom: 10px;*/
260 }
261
262 .tj img {
263 width: 200px;
264 height: 125px;
265 margin-top: 20px;
266 }
267
268 .tj img, .tj span {
269 float: left;
270 }
271
272 .tj-title {
273 width: 203px;
274 font-size: 14px;
275 font-family: PingFangSC-Medium, PingFang SC;
276 font-weight: bold;
277 color: #4A4A4A;
278 line-height: 21px;
279 }
280
281 .tj-date {
282 width: 90px;
283 height: 12px;
284 font-size: 12px;
285 font-family: PingFangSC-Regular, PingFang SC;
286 font-weight: 400;
287 color: #9B9B9B;
288 line-height: 12px;
289 }
290
291 .right-bottom {
292 border-top-style: inset;
293 border-top: 1px solid #DEDEDE;
294 }
295
296 .right-bottom-top {
297 width: 108px;
298 height: 18px;
299 font-size: 18px;
300 margin-top: 20px;
301 font-family: PingFangSC-Medium, PingFang SC;
302 font-weight: bold;
303 color: #4A4A4A;
304 line-height: 18px;
305 }
306
307 .zcfg {
308 margin-top: 20px;
309 display: inline-block;
310 }
311
312 .zcfg div {
313 float: left;
314 }
315
316 .zcfg-top {
317 width: 200px;
318 height: 14px;
319 font-size: 14px;
320 font-family: PingFangSC-Medium, PingFang SC;
321 font-weight: bold;
322 color: #4A4A4A;
323 line-height: 14px;
324 }
325
326 .zcfg-body {
327 width: 200px;
328 font-size: 14px;
329 display: inline-block;
330 font-family: PingFangSC-Regular, PingFang SC;
331 font-weight: 400;
332 color: #6D7278;
333 line-height: 21px;
334 }
335
336 .zcfg-bottom {
337 width: 90px;
338 height: 12px;
339 font-size: 12px;
340 font-family: PingFangSC-Regular, PingFang SC;
341 font-weight: 400;
342 color: #9B9B9B;
343 line-height: 12px;
344 }
345
346 /* -----------------底部start----------------------------- */
347 div.footer {
348 background-color: #233042;
349 }
350
351 div.footer .system_service {
352 width: 100%;
353 border-bottom: 1px solid #4A4A4A;
354 }
355
356 div.footer .system_service ul {
357 padding: 40px 0;
358 width: 1400px;
359 margin: 0 auto;
360 font-size: 0;
361 }
362
363 div.footer .system_service ul li {
364 width: 20%;
365 display: inline-block;
366 text-align: center;
367 height: 18px;
368 box-sizing: border-box;
369 }
370
371 div.footer .system_service ul li:not(:last-child) {
372 border-right: 1px solid #6D7278;
373 }
374
375 div.footer .system_service ul li a {
376 font-size: 16px;
377 font-weight: 400;
378 color: #DEDEDE;
379 }
380
381 div.footer .system_service ul li a:hover {
382 color: #f46143;
383 }
384
385 .footer .subject {
386 width: 1200px;
387 margin: 0 auto;
388 padding: 40px 0;
389 overflow: hidden;
390 }
391
392 .footer .subject .footer_logo {
393 float: left;
394 }
395
396 .footer .subject .footer_logo a {
397 display: block;
398 width: 64px;
399 height: 74px;
400 padding: 10px;
401 }
402
403 .footer .subject .footer_logo a img {
404 width: 100%;
405 height: 100%;
406 }
407
408 .footer .subject ul, ol {
409 float: left;
410 color: #CBCBCB;
411 text-align: left;
412 }
413
414 .footer .subject ul {
415 width: 73%;
416 box-sizing: border-box;
417 padding-left: 40px;
418 margin-top: 10px;
419 }
420
421 .footer .subject ul li {
422 width: 30%;
423 display: inline-block;
424 text-align: left;
425 margin-bottom: 30px;
426 }
427
428 .footer .subject ol li {
429 display: inline-block;
430 text-align: center;
431 }
432
433 .footer .subject ol li:last-child {
434 margin-left: 60px;
435 }
436
437 .footer .subject ol li img {
438 width: 80px;
439 height: 80px;
440 }
441
442 .footer .subject ol li p {
443 font-size: 12px;
444 color: #CBCBCB;
445 margin-top: 5px;
446 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <title>公示公告</title>
5 <meta charset="UTF-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7 <meta name="format-detection" content="telephone=no">
8 <meta name="renderer" content="webkit">
9 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
10 <meta http-equiv="Cache-Control" content="no-siteapp"/>
11 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
12 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
13 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
14 <meta name="description" content=""/>
15 <meta name="keywords" content=""/>
16 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
17 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head>
19 <body>
20 <div class="main">
21 <div class="subject top-logo">
22 <div class="top_logo_content">
23 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
24 <div class="top_logo_search">
25 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
26 class="layui-input">
27 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
28 </div>
29 <ul class="login">
30 <li>登录</li>
31 <li>注册</li>
32 </ul>
33 </div>
34 </div>
35 <div class="navigation">
36 <ul class="layui-nav layui-bg-blue" lay-filter="">
37 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
38 <li class="layui-nav-item"><a href="">新闻动态</a></li>
39 <li class="layui-nav-item"><a href="">业务办理</a></li>
40 <li class="layui-nav-item"><a href="">办事指南</a></li>
41 <li class="layui-nav-item">
42 <a href="javascript:;">查验中心</a>
43 <dl class="layui-nav-child">
44 <!-- 二级菜单 -->
45 <dd><a href="">移动模块</a></dd>
46 <dd><a href="">后台模版</a></dd>
47 <dd><a href="">电商平台</a></dd>
48 </dl>
49 </li>
50 <li class="layui-nav-item"><a href="">在线缴费</a></li>
51 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
52 </ul>
53 </div>
54 <div class="mainbody">
55 <div class="top">
56 <div class="top-title">
57 <span>标题内容:</span><input type="text" placeholder="请输入标题">
58 </div>
59 <div class="top-date ">
60 发布时间:<input type="date" placeholder="选择时间">
61 </div>
62 <div class="top-serach ">
63 <button>查询</button>
64 </div>
65 </div>
66 <div class="filter">
67 <div>
68 <span>全部</span>
69 </div>
70 <div>
71 <span>公示</span>
72 </div>
73 <div>
74 <span>公告</span>
75 </div>
76 </div>
77 <div class="body">
78 <div class="left">
79 <div class="gg">
80 <div class="gg-tag">
81 公告
82 </div>
83 <span>
84 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
85 </span>
86 </div>
87 <div class="gg">
88 <div class="gg-tag">
89 公告
90 </div>
91 <span>
92 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
93 </span>
94 </div>
95 <div class="gg">
96 <div class="gg-tag">
97 公告
98 </div>
99 <span>
100 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
101 </span>
102 </div>
103 <div id="page"></div>
104 </div>
105 <div class="right">
106 <div class="right-top">
107 <h2>新闻推荐</h2>
108 </div>
109 <div class="right-body">
110 <div class="tj">
111 <img
112 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
113 <span class="tj-title">
114 爬山虎国土空间信息化解决方案
115 </span>
116 <span class="tj-date">
117 2020-12-12
118 </span>
119 </div>
120 <div class="tj">
121 <img
122 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
123 <span class="tj-title">
124 爬山虎国土空间信息化解决方案终极方案
125 </span>
126 <span class="tj-date">
127 2020-12-12
128 </span>
129 </div>
130 </div>
131 <div class="right-bottom">
132 <div class="right-bottom-top">
133 <span>政策法规推荐</span>
134 </div>
135 <div class="zcfg">
136 <div class="zcfg-top">
137 <span>爬山虎国土空间规划信息化解决</span>
138 </div>
139 <div class="zcfg-body">
140 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
141 </div>
142 <div class="zcfg-bottom">
143 <span>2020-10-28</span>
144 </div>
145 </div>
146 <div class="zcfg">
147 <div class="zcfg-top">
148 <span>爬山虎国土空间规划信息化解决</span>
149 </div>
150 <div class="zcfg-body">
151 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
152 </div>
153 <div class="zcfg-bottom">
154 <span>2020-10-28</span>
155 </div>
156 </div>
157 </div>
158 </div>
159 </div>
160 </div>
161
162 <div class="footer">
163 <div class="system_service">
164 <ul class="">
165 <li>
166 <a href="">
167 <span>公示公告</span>
168 </a>
169 </li>
170 <li>
171 <a href="">
172 <span>法律法规</span>
173 </a>
174 </li>
175 <li>
176 <a href="">
177 <span>相应政策</span>
178 </a>
179 </li>
180 <li>
181 <a href="">
182 <span>下载服务</span>
183 </a>
184 </li>
185 <li>
186 <a href="">
187 <span>关于我们</span>
188 </a>
189 </li>
190 </ul>
191 </div>
192 <div class="subject">
193 <div class="footer_logo">
194 <a href="">
195 <img src="./../../images/jiguan.png">
196 </a>
197 </div>
198 <ul>
199 <li>
200 西安市自然资源和规划局
201 </li>
202 <li>
203 电话：028-456465
204 </li>
205 <li>
206 地址：西安市丰城8路
207 </li>
208 <li>
209 网站标识吗：87987987
210 </li>
211 <li>
212 备案：陕IPC456465465
213 </li>
214 <li>
215 陕公网备案：456465465
216 </li>
217 </ul>
218 <ol>
219 <li>
220 <img src="./../../images/code.png">
221 <p>扫描关注公众号</p>
222 </li>
223 <li>
224 <img src="./../../images/code.png">
225 <p>扫描关注公众号</p>
226 </li>
227 </ol>
228 </div>
229 </div>
230 </div>
231 </body>
232 </html>
233 <!--[if (gte IE 9)|!(IE)]><!-->
234 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
235 <!--<![endif]-->
236 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
237 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
238 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
239 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
240 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
241 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
242 <script type="text/javascript">
243 $(function () {
244 $('.gg').click(function () {
245 window.location.href = "./../ggxq/index.html"
246 })
247 layui.use('laypage', function () {
248 let laypage = layui.laypage;
249 //执行一个laypage实例
250 laypage.render({
251 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
252 , count: 50 //数据总数，从服务端得到
253 , prev: '<'
254 , next: '>'
255 , theme: '#0091FF'
256 });
257 });
258 })
259 </script>
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 .main {
7 /* padding: 20px;
8 margin-left: 200px;
9 width: 1200px;
10 overflow: hidden;
11 margin: 0 auto;*/
12 }
13
14 /*================首页 start=====================*/
15 div a {
16 color: #000000;
17 text-decoration: none;
18 }
19
20 div.subject h2 a:hover {
21 color: #f46143;
22 }
23
24 div.subject {
25 margin: 0 auto;
26 float: none;
27 clear: both;
28 position: relative;
29 min-width: 1200px;
30 }
31
32 /*新闻 */
33 div.top-logo {
34 width: 1200px;
35 height: 70px;
36 padding-top: 20px;
37 }
38
39 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
40 font-size: 13px;
41 }
42
43 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
44 font-size: 13px;
45 }
46
47 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
48 font-size: 13px;
49 }
50
51 .top_logo_content {
52 height: 40px;
53 width: 100%;
54 margin: 0 auto;
55 }
56
57 div.top-logo .top_logo_search {
58 float: left;
59 width: 350px;
60 position: relative;
61 margin-left: 400px;
62 }
63
64 div.top-logo .top_logo_search input {
65 border-radius: 50px;
66 }
67
68 div.top-logo .login {
69 float: right;
70 margin-top: 8px;
71 }
72
73 div.top-logo .top_logo_search i {
74 position: absolute;
75 right: 10px;
76 top: 11px;
77 cursor: pointer;
78 }
79
80 /*end*/
81
82 .top-logo h1 {
83 display: inline-block;
84 float: left;
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: 100px;
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 /*------------------首页 end------------*/
122 .leftandright {
123 width: 1200px;
124 margin: 0 auto;
125 }
126
127 .left {
128 border-right-style: inset;
129 border-right: 1px solid #DEDEDE;
130 }
131
132 .right {
133 width: 400px;
134 }
135
136 .left, .right {
137 float: left;
138 }
139
140 .xw {
141 padding-top: 10px;
142 height: 150px;
143 border-bottom-style: inset;
144 border-bottom: 1px solid #DEDEDE;
145 }
146
147 .xw-left img {
148 width: 200px;
149 height: 125px;
150 background: #D8D8D8;
151 }
152
153 .xw-left, .xw-right {
154 float: left;
155 }
156
157 .left-top {
158 width: 408px;
159 height: 18px;
160 font-family: PingFangSC-Regular, PingFang SC;
161 font-size: 18px;
162 font-weight: bold;
163 color: #4A4A4A;
164 line-height: 18px;
165 }
166
167 .left-body {
168 width: 687px;
169 height: 60px;
170 font-size: 14px;
171 font-family: PingFangSC-Regular, PingFang SC;
172 font-weight: 400;
173 color: #6D7278;
174 line-height: 21px;
175 }
176
177 .left-buttom div {
178 float: left;
179 }
180
181 .left-buttom-date {
182 line-height: 57px;
183 float: right !important;
184 margin-right: 20px;
185 }
186
187 #page {
188 margin-top: 20px;
189 text-align: center;
190 }
191 .right {
192 width: 200px;
193 margin-top: 20px;
194 margin-left: 15px;
195 }
196
197 .right-top {
198 width: 100px;
199 height: 18px;
200 font-size: 18px;
201 font-weight: 500;
202 color: #4A4A4A;
203 line-height: 18px;
204 }
205
206 .right-body {
207 display: inline-block;
208 margin-bottom: 20px;
209 }
210
211 .tj {
212 /*margin-bottom: 10px;*/
213 }
214
215 .tj img {
216 width: 200px;
217 height: 125px;
218 margin-top: 20px;
219 }
220
221 .tj img, .tj span {
222 float: left;
223 }
224
225 .tj-title {
226 width: 203px;
227 font-size: 14px;
228 font-family: PingFangSC-Medium, PingFang SC;
229 font-weight: bold;
230 color: #4A4A4A;
231 line-height: 21px;
232 }
233
234 .tj-date {
235 width: 90px;
236 height: 12px;
237 font-size: 12px;
238 font-family: PingFangSC-Regular, PingFang SC;
239 font-weight: 400;
240 color: #9B9B9B;
241 line-height: 12px;
242 }
243
244 .right-bottom {
245 border-top-style: inset;
246 border-top: 1px solid #DEDEDE;
247 }
248
249 .right-bottom-top {
250 width: 108px;
251 height: 18px;
252 font-size: 18px;
253 margin-top: 20px;
254 font-family: PingFangSC-Medium, PingFang SC;
255 font-weight: bold;
256 color: #4A4A4A;
257 line-height: 18px;
258 }
259
260 .zcfg {
261 margin-top: 20px;
262 display: inline-block;
263 }
264
265 .zcfg div {
266 float: left;
267 }
268
269 .zcfg-top {
270 width: 200px;
271 height: 14px;
272 font-size: 14px;
273 font-family: PingFangSC-Medium, PingFang SC;
274 font-weight: bold;
275 color: #4A4A4A;
276 line-height: 14px;
277 }
278
279 .zcfg-body {
280 width: 200px;
281 font-size: 14px;
282 display: inline-block;
283 font-family: PingFangSC-Regular, PingFang SC;
284 font-weight: 400;
285 color: #6D7278;
286 line-height: 21px;
287 }
288
289 .zcfg-bottom {
290 width: 90px;
291 height: 12px;
292 font-size: 12px;
293 font-family: PingFangSC-Regular, PingFang SC;
294 font-weight: 400;
295 color: #9B9B9B;
296 line-height: 12px;
297 }
298
299 /* -----------------底部start----------------------------- */
300 div.footer {
301 background-color: #233042;
302 width: 100%;
303 }
304
305 div.footer .system_service {
306 width: 100%;
307 border-bottom: 1px solid #4A4A4A;
308 }
309
310 div.footer .system_service ul {
311 padding: 40px 0;
312 width: 1400px;
313 margin: 0 auto;
314 font-size: 0;
315 }
316
317 div.footer .system_service ul li {
318 width: 20%;
319 display: inline-block;
320 text-align: center;
321 height: 18px;
322 box-sizing: border-box;
323 }
324
325 div.footer .system_service ul li:not(:last-child) {
326 border-right: 1px solid #6D7278;
327 }
328
329 div.footer .system_service ul li a {
330 font-size: 16px;
331 font-weight: 400;
332 color: #DEDEDE;
333 }
334
335 div.footer .system_service ul li a:hover {
336 color: #f46143;
337 }
338
339 .footer .subject {
340 width: 1200px;
341 margin: 0 auto;
342 padding: 40px 0;
343 overflow: hidden;
344 }
345
346 .footer .subject .footer_logo {
347 float: left;
348 }
349
350 .footer .subject .footer_logo a {
351 display: block;
352 width: 64px;
353 height: 74px;
354 padding: 10px;
355 }
356
357 .footer .subject .footer_logo a img {
358 width: 100%;
359 height: 100%;
360 }
361
362 .footer .subject ul, ol {
363 float: left;
364 color: #CBCBCB;
365 text-align: left;
366 }
367
368 .footer .subject ul {
369 width: 73%;
370 box-sizing: border-box;
371 padding-left: 40px;
372 margin-top: 10px;
373 }
374
375 .footer .subject ul li {
376 width: 30%;
377 display: inline-block;
378 text-align: left;
379 margin-bottom: 30px;
380 }
381
382 .footer .subject ol li {
383 display: inline-block;
384 text-align: center;
385 }
386
387 .footer .subject ol li:last-child {
388 margin-left: 60px;
389 }
390
391 .footer .subject ol li img {
392 width: 80px;
393 height: 80px;
394 }
395
396 .footer .subject ol li p {
397 font-size: 12px;
398 color: #CBCBCB;
399 margin-top: 5px;
400 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="zh-cn">
3
4 <head>
5 <title>新闻动态</title>
6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
8 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp"/>
12 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
13 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
14 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
15 <meta name="description" content=""/>
16 <meta name="keywords" content=""/>
17 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
18 <link rel="stylesheet" type="text/css" href="css/index.css">
19 </head>
20
21 <body>
22 <div>
23 <div class="main">
24
25 <div class="subject top-logo">
26 <div class="top_logo_content">
27 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
28
29 <div class="top_logo_search">
30 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
31 autocomplete="off"
32 class="layui-input">
33 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
34 </div>
35
36 <ul class="login">
37 <li>登录</li>
38 <li>注册</li>
39 </ul>
40 </div>
41 </div>
42 <div class="navigation">
43 <ul class="layui-nav layui-bg-blue" lay-filter="">
44 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
45 <li class="layui-nav-item"><a href="">新闻动态</a></li>
46 <li class="layui-nav-item"><a href="">业务办理</a></li>
47 <li class="layui-nav-item"><a href="">办事指南</a></li>
48 <li class="layui-nav-item">
49 <a href="javascript:;">查验中心</a>
50 <dl class="layui-nav-child">
51 <!-- 二级菜单 -->
52 <dd><a href="">移动模块</a></dd>
53 <dd><a href="">后台模版</a></dd>
54 <dd><a href="">电商平台</a></dd>
55 </dl>
56 </li>
57 <li class="layui-nav-item"><a href="">在线缴费</a></li>
58 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
59 </ul>
60 </div>
61 <div class="leftandright">
62 <div class="left">
63 <div class="xw">
64 <div class="xw-left">
65 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
66 </div>
67 <div class="xw-right">
68 <div class="left-top">
69 <span>
70 前三季度主要指标由负转正 中国经济持续稳定恢复
71 </span>
72 </div>
73 <div class="left-body">
74 <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平。</span>
75 </div>
76 <div class="left-buttom">
77 <div>
78 <i class="layui-icon layui-icon-face-smile"
79 style="font-size: 30px; color: #1E9FFF;"></i>1234
80 </div>
81 <div>
82 <i class="layui-icon layui-icon-face-smile"
83 style="font-size: 30px; color: #1E9FFF;"></i>23423
84 </div>
85 <div class="left-buttom-date">
86 2020-12-27
87 </div>
88 </div>
89 </div>
90 </div>
91 <div class="xw">
92 <div class="xw-left">
93 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
94 </div>
95 <div class="xw-right">
96 <div class="left-top">
97 <span>
98 前三季度主要指标由负转正 中国经济持续稳定恢复
99 </span>
100 </div>
101 <div class="left-body">
102 <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平。</span>
103 </div>
104 <div class="left-buttom">
105 <div>
106 <i class="layui-icon layui-icon-face-smile"
107 style="font-size: 30px; color: #1E9FFF;"></i>1234
108 </div>
109 <div>
110 <i class="layui-icon layui-icon-face-smile"
111 style="font-size: 30px; color: #1E9FFF;"></i>23423
112 </div>
113 <div class="left-buttom-date">
114 2020-12-27
115 </div>
116 </div>
117 </div>
118 </div>
119 <div id="page"></div>
120 </div>
121 <div class="right">
122 <div class="right-top">
123 <h2>新闻推荐</h2>
124 </div>
125 <div class="right-body">
126 <div class="tj">
127 <img
128 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
129 <span class="tj-title">
130 爬山虎国土空间信息化解决方案
131 </span>
132 <span class="tj-date">
133 2020-12-12
134 </span>
135 </div>
136 <div class="tj">
137 <img
138 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
139 <span class="tj-title">
140 爬山虎国土空间信息化解决方案终极方案
141 </span>
142 <span class="tj-date">
143 2020-12-12
144 </span>
145 </div>
146 </div>
147 <div class="right-bottom">
148 <div class="right-bottom-top">
149 <span>政策法规推荐</span>
150 </div>
151 <div class="zcfg">
152 <div class="zcfg-top">
153 <span>爬山虎国土空间规划信息化解决</span>
154 </div>
155 <div class="zcfg-body">
156 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
157 </div>
158 <div class="zcfg-bottom">
159 <span>2020-10-28</span>
160 </div>
161 </div>
162 <div class="zcfg">
163 <div class="zcfg-top">
164 <span>爬山虎国土空间规划信息化解决</span>
165 </div>
166 <div class="zcfg-body">
167 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
168 </div>
169 <div class="zcfg-bottom">
170 <span>2020-10-28</span>
171 </div>
172 </div>
173 </div>
174 </div>
175 </div>
176
177
178 </div>
179 <div class="footer">
180 <div class="system_service">
181 <ul class="">
182 <li>
183 <a href="">
184 <span>公示公告</span>
185 </a>
186 </li>
187 <li>
188 <a href="">
189 <span>法律法规</span>
190 </a>
191 </li>
192 <li>
193 <a href="">
194 <span>相应政策</span>
195 </a>
196 </li>
197 <li>
198 <a href="">
199 <span>下载服务</span>
200 </a>
201 </li>
202 <li>
203 <a href="">
204 <span>关于我们</span>
205 </a>
206 </li>
207 </ul>
208 </div>
209 <div class="subject">
210 <div class="footer_logo">
211 <a href="">
212 <img src="./../../images/jiguan.png">
213 </a>
214 </div>
215 <ul>
216 <li>
217 西安市自然资源和规划局
218 </li>
219 <li>
220 电话：028-456465
221 </li>
222 <li>
223 地址：西安市丰城8路
224 </li>
225 <li>
226 网站标识吗：87987987
227 </li>
228 <li>
229 备案：陕IPC456465465
230 </li>
231 <li>
232 陕公网备案：456465465
233 </li>
234 </ul>
235 <ol>
236 <li>
237 <img src="./../../images/code.png">
238 <p>扫描关注公众号</p>
239 </li>
240 <li>
241 <img src="./../../images/code.png">
242 <p>扫描关注公众号</p>
243 </li>
244
245 </ol>
246 </div>
247 </div>
248 </div>
249 </body>
250
251 </html>
252 <!--[if (gte IE 9)|!(IE)]><!-->
253 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
254 <!--<![endif]-->
255 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
256 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
257 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
258 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
259 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
260 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
261 <script type="text/javascript">
262 layui.use('laypage', function () {
263 $(function () {
264 $('.xw').click(function () {
265 window.location.href = "./../xwxq/index.html";
266 })
267 let laypage = layui.laypage;
268 //执行一个laypage实例
269 laypage.render({
270 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
271 , count: 50 //数据总数，从服务端得到
272 , prev: '<'
273 , next: '>'
274 , theme: '#0091FF'
275 });
276 });
277 })
278 </script>
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7 }
8
9 .mainbody {
10 width: 1200px;
11 margin: 0 auto;
12 }
13
14 /*================首页 start=====================*/
15 div a {
16 color: #000000;
17 text-decoration: none;
18 }
19
20 div.subject h2 a:hover {
21 color: #f46143;
22 }
23
24 div.subject {
25 margin: 0 auto;
26 float: none;
27 clear: both;
28 position: relative;
29 min-width: 1200px;
30 }
31
32 /*新闻 */
33 div.top-logo {
34 width: 1200px;
35 height: 70px;
36 padding-top: 20px;
37 }
38
39 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
40 font-size: 13px;
41 }
42
43 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
44 font-size: 13px;
45 }
46
47 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
48 font-size: 13px;
49 }
50
51 .top_logo_content {
52 height: 40px;
53 width: 100%;
54 margin: 0 auto;
55 }
56
57 div.top-logo .top_logo_search {
58 float: left;
59 width: 350px;
60 position: relative;
61 margin-left: 400px;
62 }
63
64 div.top-logo .top_logo_search input {
65 border-radius: 50px;
66 }
67
68 div.top-logo .login {
69 float: right;
70 margin-top: 8px;
71 }
72
73 div.top-logo .top_logo_search i {
74 position: absolute;
75 right: 10px;
76 top: 11px;
77 cursor: pointer;
78 }
79
80 /*end*/
81
82 .top-logo h1 {
83 display: inline-block;
84 float: left;
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: 100px;
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
122 .title {
123 height: 30px;
124 font-size: 30px;
125 padding-top: 45px;
126 padding-bottom: 70px;
127 font-weight: 500;
128 color: #4A4A4A;
129 line-height: 30px;
130
131 }
132
133 .left {
134 border-right: 1px solid #DEDEDE;
135 display: inline-block;
136 }
137
138 .title {
139 text-align: center;
140 }
141
142 .left-left, .left-right {
143 float: left;
144 border-top: 1px solid #DEDEDE;
145 }
146
147 .left-left {
148 border-right: 1px solid #DEDEDE;
149 text-align: center;
150 display: inline-block;
151 margin: 0 auto;
152 width: 80px;
153 }
154
155
156 .readNum {
157 margin-top: 50px;
158 }
159
160 /*.readNum div {
161 width: 36px;
162 margin: 0 auto;
163 }*/
164
165 .readNum div:nth-child(1) {
166 height: 12px;
167 font-size: 12px;
168 font-weight: 400;
169 color: #6D7278;
170 line-height: 12px;
171 }
172
173 .readNum div:nth-child(2) {
174 height: 16px;
175 font-size: 16px;
176 font-weight: 500;
177 color: #4A4A4A;
178 line-height: 16px;
179 }
180
181 .date, .readNum, .share, .comment {
182 margin-top: 30px;
183 }
184
185 .date div:nth-child(1), .date div:nth-child(3) {
186 width: 39px;
187 height: 16px;
188 font-size: 16px;
189 font-weight: 400;
190 color: #4A4A4A;
191 line-height: 16px;
192 margin: 0 auto;
193 }
194
195 .date div:nth-child(2) {
196 height: 24px;
197 font-size: 24px;
198 font-weight: 500;
199 color: #4A4A4A;
200 line-height: 24px;
201 }
202
203 .left-right {
204 width: 765px;
205 float: right;
206 }
207
208 .body {
209 margin: 20px;
210 }
211
212 .Mycomment {
213 border-top: 1px solid #DEDEDE;
214 height: 80px;
215 }
216
217 .commentTitle {
218 width: 40px;
219 height: 20px;
220 font-size: 20px;
221 font-weight: bold;
222 color: #4A4A4A;
223 line-height: 20px;
224 margin-left: 20px;
225 margin-top: 20px;
226 }
227
228 .commentInput {
229 height: 80px;
230 }
231
232 .comment-bottom div {
233 float: left;
234 margin-left: 20px;
235 }
236
237 .comment-bottom div:nth-child(1) {
238 width: 240px;
239 height: 12px;
240 font-size: 12px;
241 margin-top: 20px;
242 font-weight: 400;
243 color: #9B9B9B;
244 line-height: 12px;
245 }
246
247 .comment-bottom div:nth-child(2) {
248 margin-top: 20px;
249 height: 14px;
250 font-size: 14px;
251 font-weight: 400;
252 color: #006CFF;
253 line-height: 14px;
254 }
255
256 .comment-bottom-num {
257 float: right !important;
258 margin-right: 20px;
259 }
260
261 .commentInput {
262 margin-top: 20px;
263 height: auto;
264 }
265
266 .commentInput img {
267 width: 40px;
268 height: 40px;
269 border-radius: 50%;
270 overflow: hidden
271 }
272
273 .commentInputImg {
274 height: 100px;
275 }
276
277 .commentInputImg, commentInputInput {
278 float: left;
279 }
280
281 .commentInput textarea {
282 height: 130px;
283 background: #FFFFFF;
284 border: 1px solid #DEDEDE;
285 margin-left: 20px;
286 }
287
288 .layui-textarea {
289 width: 93% !important;
290 }
291
292 .commentInput button {
293 width: 120px;
294 height: 42px;
295 background: #0091FF;
296 border-radius: 3px;
297 margin-left: 58px;
298 margin-top: 20px;
299 }
300
301 .Commentdetails {
302 margin-bottom: 20px;
303 }
304
305 .CommentdetailsTitle {
306 height: auto;
307 margin-top: 20px;
308 }
309
310 .CommentdetailsTitle span:nth-child(1) {
311 width: 80px;
312 height: 20px;
313 font-size: 20px;
314 font-weight: 500;
315 color: #4A4A4A;
316 line-height: 20px;
317 }
318
319 .CommentdetailsTitle span:nth-child(3) {
320 width: 56px;
321 height: 14px;
322 font-size: 14px;
323 font-weight: 500;
324 color: #006CFF;
325 line-height: 14px;
326 }
327
328 .pl {
329 border-top: 1px solid #DEDEDE;
330 margin-top: 20px;
331 padding-top: 20px;
332 display: inline-block;
333 width: 100%;
334 }
335
336 .pl-left, .pl-right {
337 float: left;
338 }
339
340 .pl-left img {
341 width: 50px;
342 height: 50px;
343 border-radius: 50%;
344 overflow: hidden;
345 }
346
347 .pl-right {
348 width: 80%;
349 }
350
351 .pl-right-top div {
352 float: left;
353 }
354
355 .pl-right-top div:nth-child(1) {
356 margin-left: 15px;
357 width: 42px;
358 height: 14px;
359 font-size: 14px;
360 font-weight: 500;
361 color: #9B9B9B;
362 line-height: 14px;
363 }
364
365 .pl-right-top div:nth-child(2) {
366 margin-left: 15px;
367 width: auto;
368 height: 14px;
369 font-size: 14px;
370 font-weight: 400;
371 color: #9B9B9B;
372 line-height: 14px;
373 }
374
375 .pl-right-body {
376 float: left;
377 margin-left: 15px;
378 width: 800px;
379 height: auto;
380 font-size: 14px;
381 font-weight: 400;
382 color: #4A4A4A;
383 line-height: 14px;
384 }
385
386 .pl-right-bottom div {
387 float: left;
388 }
389
390 .pl-right-bottom {
391 height: 12px;
392 font-size: 12px;
393 font-weight: 400;
394 color: #9B9B9B;
395 line-height: 12px;
396 display: inline-block;
397 margin-top: 10px;
398 }
399
400 .plhf:not(:last-child) {
401 border-bottom: 1px solid #DEDEDE;
402 }
403
404 .plhf-main {
405 background-color: #F7F7F7;
406 margin-top: 20px;
407 width: 690px;
408 margin-left: 15px;
409 }
410
411 .plhf {
412 padding: 20px;
413 display: inline-block;
414 width: 650px;
415 margin-left: 15px;
416 }
417
418 .plhf-top div:first-child, .plhf-top div:last-child {
419 float: left;
420 }
421
422 .plhf-top span:first-child {
423 width: 43px;
424 height: 14px;
425 font-size: 14px;
426 font-weight: bold;
427 color: #4A4A4A;
428 line-height: 14px;
429 }
430
431 .plhf-top span:last-child {
432 height: 14px;
433 width: 700px;
434 font-size: 14px;
435 font-weight: 400;
436 color: #4A4A4A;
437 line-height: 14px;
438 }
439
440 .plhf-bottom div {
441 float: left;
442 height: 14px;
443 font-size: 14px;
444 font-weight: 400;
445 color: #9B9B9B;
446 line-height: 14px;
447 }
448
449 .plhf-bottom div:nth-child(2) {
450 margin-left: 45px;
451 }
452
453 .pl-right-bottom div {
454 float: left;
455 margin-left: 15px;
456 }
457
458 .pl-right-bottom div:nth-child(2) {
459 margin-left: 50px;
460 }
461
462 .left, .right {
463 float: left;
464 }
465
466 .left2 {
467 width: 80px;
468 float: left;
469 }
470
471 .right {
472 width: 200px;
473 margin-left: 15px;
474 margin-top: 20px;
475 }
476
477 .right-top {
478 width: 100px;
479 height: 18px;
480 font-size: 18px;
481 font-weight: 500;
482 color: #4A4A4A;
483 line-height: 18px;
484 }
485
486 .right-body {
487 display: inline-block;
488 margin-bottom: 20px;
489 }
490
491 .tj {
492 /*margin-bottom: 10px;*/
493 }
494
495 .tj img {
496 width: 200px;
497 height: 125px;
498 margin-top: 20px;
499 }
500
501 .tj img, .tj span {
502 float: left;
503 }
504
505 .tj-title {
506 width: 203px;
507 font-size: 14px;
508 font-weight: bold;
509 color: #4A4A4A;
510 line-height: 21px;
511 }
512
513 .tj-date {
514 width: 90px;
515 height: 12px;
516 font-size: 12px;
517 font-weight: 400;
518 color: #9B9B9B;
519 line-height: 12px;
520 }
521
522 .right-bottom {
523 border-top-style: inset;
524 border-top: 1px solid #DEDEDE;
525 }
526
527 .right-bottom-top {
528 width: 108px;
529 height: 18px;
530 font-size: 18px;
531 margin-top: 20px;
532 font-weight: bold;
533 color: #4A4A4A;
534 line-height: 18px;
535 }
536
537 .zcfg {
538 margin-top: 20px;
539 display: inline-block;
540 }
541
542 .zcfg div {
543 float: left;
544 }
545
546 .zcfg-top {
547 width: 200px;
548 height: 14px;
549 font-size: 14px;
550 font-weight: bold;
551 color: #4A4A4A;
552 line-height: 14px;
553 }
554
555 .zcfg-body {
556 width: 200px;
557 font-size: 14px;
558 display: inline-block;
559 font-weight: 400;
560 color: #6D7278;
561 line-height: 21px;
562 }
563
564 .zcfg-bottom {
565 width: 90px;
566 height: 12px;
567 font-size: 12px;
568 font-weight: 400;
569 color: #9B9B9B;
570 line-height: 12px;
571 }
572
573 /* -----------------底部start----------------------------- */
574 div.footer {
575 background-color: #233042;
576 width: 100%;
577 }
578
579 div.footer .system_service {
580 width: 100%;
581 border-bottom: 1px solid #4A4A4A;
582 }
583
584 div.footer .system_service ul {
585 padding: 40px 0;
586 width: 1400px;
587 margin: 0 auto;
588 font-size: 0;
589 }
590
591 div.footer .system_service ul li {
592 width: 20%;
593 display: inline-block;
594 text-align: center;
595 height: 18px;
596 box-sizing: border-box;
597 }
598
599 div.footer .system_service ul li:not(:last-child) {
600 border-right: 1px solid #6D7278;
601 }
602
603 div.footer .system_service ul li a {
604 font-size: 16px;
605 font-weight: 400;
606 color: #DEDEDE;
607 }
608
609 div.footer .system_service ul li a:hover {
610 color: #f46143;
611 }
612
613 .footer .subject {
614 width: 1200px;
615 margin: 0 auto;
616 padding: 40px 0;
617 overflow: hidden;
618 }
619
620 .footer .subject .footer_logo {
621 float: left;
622 }
623
624 .footer .subject .footer_logo a {
625 display: block;
626 width: 64px;
627 height: 74px;
628 padding: 10px;
629 }
630
631 .footer .subject .footer_logo a img {
632 width: 100%;
633 height: 100%;
634 }
635
636 .footer .subject ul, ol {
637 float: left;
638 color: #CBCBCB;
639 text-align: left;
640 }
641
642 .footer .subject ul {
643 width: 73%;
644 box-sizing: border-box;
645 padding-left: 40px;
646 margin-top: 10px;
647 }
648
649 .footer .subject ul li {
650 width: 30%;
651 display: inline-block;
652 text-align: left;
653 margin-bottom: 30px;
654 }
655
656 .footer .subject ol li {
657 display: inline-block;
658 text-align: center;
659 }
660
661 .footer .subject ol li:last-child {
662 margin-left: 60px;
663 }
664
665 .footer .subject ol li img {
666 width: 80px;
667 height: 80px;
668 }
669
670 .footer .subject ol li p {
671 font-size: 12px;
672 color: #CBCBCB;
673 margin-top: 5px;
674 }
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7 padding-left: 20px;
8 padding-right: 20px;
9 }
10
11 .mainbody {
12 width: 1200px;
13 margin: 0 auto;
14 }
15
16 /*================首页 start=====================*/
17 div a {
18 color: #000000;
19 text-decoration: none;
20 }
21
22 div.subject h2 a:hover {
23 color: #f46143;
24 }
25
26 div.subject {
27 margin: 0 auto;
28 float: none;
29 clear: both;
30 position: relative;
31 min-width: 1200px;
32 }
33
34 /*新闻 */
35 div.top-logo {
36 width: 1200px;
37 height: 70px;
38 padding-top: 20px;
39 }
40
41 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
42 font-size: 13px;
43 }
44
45 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
46 font-size: 13px;
47 }
48
49 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
50 font-size: 13px;
51 }
52
53 .top_logo_content {
54 height: 40px;
55 width: 100%;
56 margin: 0 auto;
57 }
58
59 div.top-logo .top_logo_search {
60 float: left;
61 width: 350px;
62 position: relative;
63 margin-left: 400px;
64 }
65
66 div.top-logo .top_logo_search input {
67 border-radius: 50px;
68 }
69
70 div.top-logo .login {
71 float: right;
72 margin-top: 8px;
73 }
74
75 div.top-logo .top_logo_search i {
76 position: absolute;
77 right: 10px;
78 top: 11px;
79 cursor: pointer;
80 }
81
82 /*end*/
83
84 .top-logo h1 {
85 display: inline-block;
86 float: left;
87 }
88
89 /*------------------首页 end------------*/
90
91 .top-logo ul li {
92 display: inline-block;
93 padding: 0 8px;
94 }
95
96 .top-logo ul li:first-child {
97 border-right: 1px solid grey;
98 }
99
100 div.navigation {
101 text-align: center;
102 }
103
104 .navigation .layui-nav-item {
105 width: 100px;
106 position: relative;
107 margin: 0 22px;
108 }
109
110 .layui-bg-blue {
111 background-color: #006CFF !important;
112 }
113
114 .layui-nav-item:not(:first-child)::before {
115 content: '';
116 position: absolute;
117 height: 22px;
118 border-left: 1px solid #ccc;
119 top: 21px;
120 left: -20px;
121 }
122
123
124 .top li {
125 font-size: 20px;
126 font-weight: 500;
127 color: #4A4A4A;
128 line-height: 60px;
129 }
130
131 .xsbl-sort {
132 display: flex;
133 justify-content: left;
134 padding-top: 20px;
135 padding-bottom: 20px;
136 }
137
138 .xsbl-sort > li {
139 display: inline-block;
140 font-size: 16px;
141 font-weight: 400;
142 color: #6D7278;
143 line-height: 16px;
144 margin-right: 10px;
145 }
146
147 .td {
148 height: auto;
149 }
150
151 .td-title {
152 height: auto;
153 font-size: 16px;
154 font-weight: 500;
155 color: #4A4A4A;
156 line-height: 40px;
157 background-color: #DEDEDE;
158 border: 1px solid #DEDEDE;
159 padding-left: 15px;
160 }
161
162 .layui-tab-title {
163 height: auto;
164 border-bottom-style: none;
165 }
166
167 .td-body {
168 display: flex;
169 flex-flow: row;
170 flex-wrap: wrap;
171 justify-content: space-between;
172
173 }
174
175 .td-item {
176 width: 48%;
177 height: auto;
178 background: #FFFFFF;
179 border-radius: 2px;
180 display: flex;
181 flex-flow: row nowrap;
182 justify-content: space-between;
183 border-bottom: 1px dashed #DEDEDE;
184 margin-right: 15px;
185 padding-top: 10px;
186 padding-bottom: 10px;
187 padding-left: 10px;
188 }
189
190 .td-item div {
191
192 }
193
194 .td-item button {
195 width: 90px;
196 height: 30px;
197 background: #2FA5FF;
198 border-radius: 4px;
199 border: none;
200 color: white;
201 line-height: 30px;
202 }
203
204 .fw {
205 height: auto;
206 }
207
208 .fw-title {
209 height: 40px;
210 font-size: 16px;
211 font-weight: 500;
212 color: #4A4A4A;
213 line-height: 40px;
214 background-color: #DEDEDE;
215 border: 1px solid #DEDEDE;
216 padding-left: 15px;
217 }
218
219 .fw-body {
220 display: flex;
221 flex-flow: row;
222 flex-wrap: wrap;
223 justify-content: space-between;
224
225 }
226
227 .fw-item {
228 width: 48%;
229 background: #FFFFFF;
230 border-radius: 2px;
231 display: flex;
232 flex-flow: row nowrap;
233 justify-content: space-between;
234 border-bottom: 1px dashed #DEDEDE;
235 margin-right: 15px;
236 padding-top: 10px;
237 padding-bottom: 10px;
238 padding-left: 10px;
239 }
240
241 .fw-item div {
242
243 }
244
245 .fw-item button {
246 width: 90px;
247 height: 30px;
248 background: #2FA5FF;
249 border-radius: 4px;
250 border: none;
251 color: white;
252 line-height: 30px;
253 }
254
255 .gzw {
256 height: auto;
257 }
258
259 .gzw-title {
260 height: 40px;
261 font-size: 16px;
262 font-weight: 500;
263 color: #4A4A4A;
264 line-height: 40px;
265 background-color: #DEDEDE;
266 border: 1px solid #DEDEDE;
267 padding-left: 15px;
268 }
269
270 .gzw-body {
271 display: flex;
272 flex-flow: row;
273 flex-wrap: wrap;
274 justify-content: space-between;
275
276 }
277
278 .gzw-item {
279 width: 48%;
280 height: auto;
281 background: #FFFFFF;
282 border-radius: 2px;
283 display: flex;
284 flex-flow: row nowrap;
285 justify-content: space-between;
286 border-bottom: 1px dashed #DEDEDE;
287 margin-right: 15px;
288 padding-top: 10px;
289 padding-bottom: 10px;
290 padding-left: 10px;
291 }
292
293 .gzw-item div {
294
295 }
296
297 .gzw-item button {
298 width: 90px;
299 height: 30px;
300 background: #2FA5FF;
301 border-radius: 4px;
302 border: none;
303 color: white;
304 line-height: 30px;
305 }
306
307 .sl {
308 height: auto;
309 }
310
311 .sl-title {
312 height: 40px;
313 font-size: 16px;
314 font-weight: 500;
315 color: #4A4A4A;
316 line-height: 40px;
317 background-color: #DEDEDE;
318 border: 1px solid #DEDEDE;
319 padding-left: 15px;
320 }
321
322 .sl-body {
323 display: flex;
324 flex-flow: row;
325 flex-wrap: wrap;
326 justify-content: space-between;
327
328 }
329
330 .sl-item {
331 width: 48%;
332 height: auto;
333 background: #FFFFFF;
334 border-radius: 2px;
335 display: flex;
336 flex-flow: row nowrap;
337 justify-content: space-between;
338 border-bottom: 1px dashed #DEDEDE;
339 margin-right: 15px;
340 padding-top: 10px;
341 padding-bottom: 10px;
342 padding-left: 10px;
343 }
344
345 .sl-item div {
346
347 }
348
349 .sl-item button {
350 width: 90px;
351 height: 30px;
352 background: #2FA5FF;
353 border-radius: 4px;
354 border: none;
355 color: white;
356 line-height: 30px;
357 }
358
359 /* -----------------底部start----------------------------- */
360 div.footer {
361 background-color: #233042;
362 }
363
364 div.footer .system_service {
365 width: 100%;
366 border-bottom: 1px solid #4A4A4A;
367 }
368
369 div.footer .system_service ul {
370 padding: 40px 0;
371 width: 1400px;
372 margin: 0 auto;
373 font-size: 0;
374 }
375
376 div.footer .system_service ul li {
377 width: 20%;
378 display: inline-block;
379 text-align: center;
380 height: 18px;
381 box-sizing: border-box;
382 }
383
384 div.footer .system_service ul li:not(:last-child) {
385 border-right: 1px solid #6D7278;
386 }
387
388 div.footer .system_service ul li a {
389 font-size: 16px;
390 font-weight: 400;
391 color: #DEDEDE;
392 }
393
394 div.footer .system_service ul li a:hover {
395 color: #f46143;
396 }
397
398 .footer .subject {
399 width: 1200px;
400 margin: 0 auto;
401 padding: 40px 0;
402 overflow: hidden;
403 }
404
405 .footer .subject .footer_logo {
406 float: left;
407 }
408
409 .footer .subject .footer_logo a {
410 display: block;
411 width: 64px;
412 height: 74px;
413 padding: 10px;
414 }
415
416 .footer .subject .footer_logo a img {
417 width: 100%;
418 height: 100%;
419 }
420
421 .footer .subject ul, ol {
422 float: left;
423 color: #CBCBCB;
424 text-align: left;
425 }
426
427 .footer .subject ul {
428 width: 73%;
429 box-sizing: border-box;
430 padding-left: 40px;
431 margin-top: 10px;
432 }
433
434 .footer .subject ul li {
435 width: 30%;
436 display: inline-block;
437 text-align: left;
438 margin-bottom: 30px;
439 }
440
441 .footer .subject ol li {
442 display: inline-block;
443 text-align: center;
444 }
445
446 .footer .subject ol li:last-child {
447 margin-left: 60px;
448 }
449
450 .footer .subject ol li img {
451 width: 80px;
452 height: 80px;
453 }
454
455 .footer .subject ol li p {
456 font-size: 12px;
457 color: #CBCBCB;
458 margin-top: 5px;
459 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>业务指南</title>
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7 <meta name="format-detection" content="telephone=no">
8 <meta name="renderer" content="webkit">
9 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
10 <meta http-equiv="Cache-Control" content="no-siteapp"/>
11 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
12 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
13 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
14 <meta name="description" content=""/>
15 <meta name="keywords" content=""/>
16 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
17 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head>
19 <body>
20 <div class="main">
21
22 <div class="subject top-logo">
23 <div class="top_logo_content">
24 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
25
26 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
28 class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div>
31
32 <ul class="login">
33 <li>登录</li>
34 <li>注册</li>
35 </ul>
36 </div>
37 </div>
38 <div class="navigation">
39 <ul class="layui-nav layui-bg-blue" lay-filter="">
40 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
41 <li class="layui-nav-item"><a href="">新闻动态</a></li>
42 <li class="layui-nav-item"><a href="">业务办理</a></li>
43 <li class="layui-nav-item"><a href="">办事指南</a></li>
44 <li class="layui-nav-item">
45 <a href="javascript:;">查验中心</a>
46 <dl class="layui-nav-child">
47 <!-- 二级菜单 -->
48 <dd><a href="">移动模块</a></dd>
49 <dd><a href="">后台模版</a></dd>
50 <dd><a href="">电商平台</a></dd>
51 </dl>
52 </li>
53 <li class="layui-nav-item"><a href="">在线缴费</a></li>
54 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
55 </ul>
56 </div>
57 <div class="mainbody">
58 <div class="layui-tab layui-tab-card">
59 <ul class="layui-tab-title top">
60 <li class="layui-this">线上办理</li>
61 <li>线下办理</li>
62 </ul>
63 <div class="layui-tab-content">
64 <div class="layui-tab-item layui-show ">
65 <div class="xsbl-sort">
66 <li>全部</li>
67 <li>土地</li>
68 <li>房屋建筑物</li>
69 <li>构筑物</li>
70 <li>森林、林木</li>
71 <li>其他</li>
72 </div>
73 <div class="td">
74 <div class="td-title">
75 土地
76 </div>
77 <div class="td-body">
78 <div class="td-item">
79 <div>
80 <span>
81 土地-企业-转移登记（买卖）
82 </span>
83 </div>
84 <div>
85 <button>在线办理</button>
86 </div>
87 </div>
88 <div class="td-item">
89 <div>
90 <span>
91 土地-企业-转移登记（买卖）
92 </span>
93 </div>
94 <div>
95 <button>在线办理</button>
96 </div>
97 </div>
98 <div class="td-item">
99 <div>
100 <span>
101 土地-企业-转移登记（买卖）
102 </span>
103 </div>
104 <div>
105 <button>在线办理</button>
106 </div>
107 </div>
108 </div>
109 </div>
110 <div class="fw">
111 <div class="fw-title">
112 土地
113 </div>
114 <div class="fw-body">
115 <div class="fw-item">
116 <div>
117 <span>
118 土地-企业-转移登记（买卖）
119 </span>
120 </div>
121 <div>
122 <button>在线办理</button>
123 </div>
124 </div>
125 <div class="fw-item">
126 <div>
127 <span>
128 土地-企业-转移登记（买卖）
129 </span>
130 </div>
131 <div>
132 <button>在线办理</button>
133 </div>
134 </div>
135 <div class="fw-item">
136 <div>
137 <span>
138 土地-企业-转移登记（买卖）
139 </span>
140 </div>
141 <div>
142 <button>在线办理</button>
143 </div>
144 </div>
145 </div>
146 </div>
147 <div class="gzw">
148 <div class="gzw-title">
149 土地
150 </div>
151 <div class="gzw-body">
152 <div class="gzw-item">
153 <div>
154 <span>
155 土地-企业-转移登记（买卖）
156 </span>
157 </div>
158 <div>
159 <button>在线办理</button>
160 </div>
161 </div>
162 <div class="gzw-item">
163 <div>
164 <span>
165 土地-企业-转移登记（买卖）
166 </span>
167 </div>
168 <div>
169 <button>在线办理</button>
170 </div>
171 </div>
172 <div class="gzw-item">
173 <div>
174 <span>
175 土地-企业-转移登记（买卖）
176 </span>
177 </div>
178 <div>
179 <button>在线办理</button>
180 </div>
181 </div>
182 </div>
183 </div>
184 <div class="sl">
185 <div class="sl-title">
186 土地
187 </div>
188 <div class="sl-body">
189 <div class="sl-item">
190 <div>
191 <span>
192 土地-企业-转移登记（买卖）
193 </span>
194 </div>
195 <div>
196 <button>在线办理</button>
197 </div>
198 </div>
199 <div class="sl-item">
200 <div>
201 <span>
202 土地-企业-转移登记（买卖）
203 </span>
204 </div>
205 <div>
206 <button>在线办理</button>
207 </div>
208 </div>
209 <div class="sl-item">
210 <div>
211 <span>
212 土地-企业-转移登记（买卖）
213 </span>
214 </div>
215 <div>
216 <button>在线办理</button>
217 </div>
218 </div>
219 </div>
220 </div>
221 </div>
222 <div class="layui-tab-item">内容2</div>
223 </div>
224 </div>
225 </div>
226
227 <div class="footer">
228 <div class="system_service">
229 <ul class="">
230 <li>
231 <a href="">
232 <span>公示公告</span>
233 </a>
234 </li>
235 <li>
236 <a href="">
237 <span>法律法规</span>
238 </a>
239 </li>
240 <li>
241 <a href="">
242 <span>相应政策</span>
243 </a>
244 </li>
245 <li>
246 <a href="">
247 <span>下载服务</span>
248 </a>
249 </li>
250 <li>
251 <a href="">
252 <span>关于我们</span>
253 </a>
254 </li>
255 </ul>
256 </div>
257 <div class="subject">
258 <div class="footer_logo">
259 <a href="">
260 <img src="./../../images/jiguan.png">
261 </a>
262 </div>
263 <ul>
264 <li>
265 西安市自然资源和规划局
266 </li>
267 <li>
268 电话：028-456465
269 </li>
270 <li>
271 地址：西安市丰城8路
272 </li>
273 <li>
274 网站标识吗：87987987
275 </li>
276 <li>
277 备案：陕IPC456465465
278 </li>
279 <li>
280 陕公网备案：456465465
281 </li>
282 </ul>
283 <ol>
284 <li>
285 <img src="./../../images/code.png">
286 <p>扫描关注公众号</p>
287 </li>
288 <li>
289 <img src="./../../images/code.png">
290 <p>扫描关注公众号</p>
291 </li>
292
293 </ol>
294 </div>
295 </div>
296 </div>
297 </body>
298 </html>
299 <!--[if (gte IE 9)|!(IE)]><!-->
300 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
301 <!--<![endif]-->
302 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
303 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
304 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
305 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
306 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
307 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
308 <script>
309 layui.use('element', function () {
310 let $ = layui.jquery
311 , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
312 });
313 </script>
...\ No newline at end of file ...\ No newline at end of file