Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
25cf1444 by 任超
Options

Merge branch 'master' of yun.pashanhoo.com:renchao/portalStaticPage

2 parents 3ec7b1ad 4fcff2ae
Inline Side-by-side
Showing 8 changed files with 1115 additions and 8 deletions
...@@ -43,3 +43,87 @@ ...@@ -43,3 +43,87 @@
43 color: #4A4A4A; 43 color: #4A4A4A;
44 line-height: 24px; 44 line-height: 24px;
45 } 45 }
46 /* -----------------底部start----------------------------- */
47 div.footer {
48 background-color: #233042;
49 }
50 div.footer .system_service {
51 width: 100%;
52 border-bottom: 1px solid #4A4A4A;
53 }
54 div.footer .system_service ul {
55 padding: 40px 0;
56 width: 1400px;
57 margin: 0 auto;
58 font-size: 0;
59 }
60 div.footer .system_service ul li {
61 width: 20%;
62 display: inline-block;
63 text-align: center;
64 height: 18px;
65 box-sizing: border-box;
66 }
67 div.footer .system_service ul li:not(:last-child) {
68 border-right: 1px solid #6D7278;
69 }
70 div.footer .system_service ul li a{
71 font-size: 16px;
72 font-weight: 400;
73 color: #DEDEDE;
74 }
75 div.footer .system_service ul li a:hover {
76 color: #f46143;
77 }
78 .footer .subject {
79 width: 1200px;
80 margin: 0 auto;
81 padding: 40px 0;
82 overflow: hidden;
83 }
84 .footer .subject .footer_logo {
85 float: left;
86 }
87 .footer .subject .footer_logo a{
88 display: block;
89 width: 64px;
90 height: 74px;
91 padding: 10px;
92 }
93 .footer .subject .footer_logo a img {
94 width: 100%;
95 height: 100%;
96 }
97 .footer .subject ul, ol {
98 float: left;
99 color: #CBCBCB;
100 text-align: left;
101 }
102 .footer .subject ul {
103 width: 73%;
104 box-sizing: border-box;
105 padding-left: 40px;
106 margin-top: 10px;
107 }
108 .footer .subject ul li {
109 width: 30%;
110 display: inline-block;
111 text-align: left;
112 margin-bottom: 30px;
113 }
114 .footer .subject ol li {
115 display: inline-block;
116 text-align: center;
117 }
118 .footer .subject ol li:last-child {
119 margin-left: 60px;
120 }
121 .footer .subject ol li img {
122 width: 80px;
123 height: 80px;
124 }
125 .footer .subject ol li p {
126 font-size: 12px;
127 color: #CBCBCB;
128 margin-top: 5px;
129 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -30,6 +30,75 @@ ...@@ -30,6 +30,75 @@
30 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。 二、明晰自然资源统计数据获取方式 自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。 三、健全自然资源统计数据的质控体系 加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。 四、加强自然资源统计信息化建设 加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。 五、更新制度和办法保证统计工作推进 在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。 《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。 会议强调，要按照“办赛精彩、参赛出彩、发展添彩”要求，抓紧抓实抓细各项筹办工作，确保十四运会和残特奥会办出质量、办出水平。要做好已完工场馆工程验收和体育工艺、竞赛标准专项检查，加快推进全运村场馆收尾工作，同步抓好场馆周边设施配套与城市环境综合整治，改善城市面貌，提升城市形象。要做好开闭幕式相关工作，统筹抓好医疗卫生、交通电力、餐饮住宿等准备工作，为赛事顺利举办提供有力服务保障。 会议强调，要加强全民健身设施建设，广泛开展群众性体育活动，建设一批体育公园、健身步道、社区多功能健身场地，让群众更多享受体育发展成果。要围绕筹办工作重大时间节点、重要标志性事件，精心组织策划有创意、有内容、有感染力的宣传推介活动，营造我市全民全运的浓厚氛围。要狠抓责任落实、狠抓进度落实、狠抓工作落实，确保把各项筹办工作谋深、抓实、干好。 市领导玉苏甫江·麦麦提、杨晓东、张琳、肖西亮、和文全，市执委会各成员单位主要负责同志参加。 30 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。 二、明晰自然资源统计数据获取方式 自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。 三、健全自然资源统计数据的质控体系 加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。 四、加强自然资源统计信息化建设 加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。 五、更新制度和办法保证统计工作推进 在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。 《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。 会议强调，要按照“办赛精彩、参赛出彩、发展添彩”要求，抓紧抓实抓细各项筹办工作，确保十四运会和残特奥会办出质量、办出水平。要做好已完工场馆工程验收和体育工艺、竞赛标准专项检查，加快推进全运村场馆收尾工作，同步抓好场馆周边设施配套与城市环境综合整治，改善城市面貌，提升城市形象。要做好开闭幕式相关工作，统筹抓好医疗卫生、交通电力、餐饮住宿等准备工作，为赛事顺利举办提供有力服务保障。 会议强调，要加强全民健身设施建设，广泛开展群众性体育活动，建设一批体育公园、健身步道、社区多功能健身场地，让群众更多享受体育发展成果。要围绕筹办工作重大时间节点、重要标志性事件，精心组织策划有创意、有内容、有感染力的宣传推介活动，营造我市全民全运的浓厚氛围。要狠抓责任落实、狠抓进度落实、狠抓工作落实，确保把各项筹办工作谋深、抓实、干好。 市领导玉苏甫江·麦麦提、杨晓东、张琳、肖西亮、和文全，市执委会各成员单位主要负责同志参加。
31 </span> 31 </span>
32 </div> 32 </div>
33 <div class="footer">
34 <div class="system_service">
35 <ul class="">
36 <li>
37 <a href="">
38 <span>公示公告</span>
39 </a>
40 </li>
41 <li>
42 <a href="">
43 <span>法律法规</span>
44 </a>
45 </li>
46 <li>
47 <a href="">
48 <span>相应政策</span>
49 </a>
50 </li>
51 <li>
52 <a href="">
53 <span>下载服务</span>
54 </a>
55 </li>
56 <li>
57 <a href="">
58 <span>关于我们</span>
59 </a>
60 </li>
61 </ul>
62 </div>
63 <div class="subject">
64 <div class="footer_logo">
65 <a href="">
66 <img src="./../../images/jiguan.png">
67 </a>
68 </div>
69 <ul>
70 <li>
71 西安市自然资源和规划局
72 </li>
73 <li>
74 电话：028-456465
75 </li>
76 <li>
77 地址：西安市丰城8路
78 </li>
79 <li>
80 网站标识吗：87987987
81 </li>
82 <li>
83 备案：陕IPC456465465
84 </li>
85 <li>
86 陕公网备案：456465465
87 </li>
88 </ul>
89 <ol>
90 <li>
91 <img src="./../../images/code.png">
92 <p>扫描关注公众号</p>
93 </li>
94 <li>
95 <img src="./../../images/code.png">
96 <p>扫描关注公众号</p>
97 </li>
98
99 </ol>
100 </div>
101 </div>
33 </div> 102 </div>
34 </body> 103 </body>
35 </html> 104 </html>
......
...@@ -6,6 +6,9 @@ ...@@ -6,6 +6,9 @@
6 .main { 6 .main {
7 padding: 20px; 7 padding: 20px;
8 margin-left: 200px; 8 margin-left: 200px;
9 width: 1200px;
10 overflow: hidden;
11 margin: 0 auto;
9 } 12 }
10 13
11 .left { 14 .left {
...@@ -180,3 +183,106 @@ ...@@ -180,3 +183,106 @@
180 color: #9B9B9B; 183 color: #9B9B9B;
181 line-height: 12px; 184 line-height: 12px;
182 } 185 }
186
187 /* -----------------底部start----------------------------- */
188 div.footer {
189 background-color: #233042;
190 width: 100%;
191 }
192
193 div.footer .system_service {
194 width: 100%;
195 border-bottom: 1px solid #4A4A4A;
196 }
197
198 div.footer .system_service ul {
199 padding: 40px 0;
200 width: 1400px;
201 margin: 0 auto;
202 font-size: 0;
203 }
204
205 div.footer .system_service ul li {
206 width: 20%;
207 display: inline-block;
208 text-align: center;
209 height: 18px;
210 box-sizing: border-box;
211 }
212
213 div.footer .system_service ul li:not(:last-child) {
214 border-right: 1px solid #6D7278;
215 }
216
217 div.footer .system_service ul li a {
218 font-size: 16px;
219 font-weight: 400;
220 color: #DEDEDE;
221 }
222
223 div.footer .system_service ul li a:hover {
224 color: #f46143;
225 }
226
227 .footer .subject {
228 width: 1200px;
229 margin: 0 auto;
230 padding: 40px 0;
231 overflow: hidden;
232 }
233
234 .footer .subject .footer_logo {
235 float: left;
236 }
237
238 .footer .subject .footer_logo a {
239 display: block;
240 width: 64px;
241 height: 74px;
242 padding: 10px;
243 }
244
245 .footer .subject .footer_logo a img {
246 width: 100%;
247 height: 100%;
248 }
249
250 .footer .subject ul, ol {
251 float: left;
252 color: #CBCBCB;
253 text-align: left;
254 }
255
256 .footer .subject ul {
257 width: 73%;
258 box-sizing: border-box;
259 padding-left: 40px;
260 margin-top: 10px;
261 }
262
263 .footer .subject ul li {
264 width: 30%;
265 display: inline-block;
266 text-align: left;
267 margin-bottom: 30px;
268 }
269
270 .footer .subject ol li {
271 display: inline-block;
272 text-align: center;
273 }
274
275 .footer .subject ol li:last-child {
276 margin-left: 60px;
277 }
278
279 .footer .subject ol li img {
280 width: 80px;
281 height: 80px;
282 }
283
284 .footer .subject ol li p {
285 font-size: 12px;
286 color: #CBCBCB;
287 margin-top: 5px;
288 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -19,7 +19,8 @@ ...@@ -19,7 +19,8 @@
19 </head> 19 </head>
20 20
21 <body> 21 <body>
22 <div class="main"> 22 <div>
23 <div class="main">
23 <div class="left"> 24 <div class="left">
24 <div class="xw"> 25 <div class="xw">
25 <div class="xw-left"> 26 <div class="xw-left">
...@@ -129,6 +130,78 @@ ...@@ -129,6 +130,78 @@
129 </div> 130 </div>
130 </div> 131 </div>
131 </div> 132 </div>
133
134
135 </div>
136 <div class="footer">
137 <div class="system_service">
138 <ul class="">
139 <li>
140 <a href="">
141 <span>公示公告</span>
142 </a>
143 </li>
144 <li>
145 <a href="">
146 <span>法律法规</span>
147 </a>
148 </li>
149 <li>
150 <a href="">
151 <span>相应政策</span>
152 </a>
153 </li>
154 <li>
155 <a href="">
156 <span>下载服务</span>
157 </a>
158 </li>
159 <li>
160 <a href="">
161 <span>关于我们</span>
162 </a>
163 </li>
164 </ul>
165 </div>
166 <div class="subject">
167 <div class="footer_logo">
168 <a href="">
169 <img src="./../../images/jiguan.png">
170 </a>
171 </div>
172 <ul>
173 <li>
174 西安市自然资源和规划局
175 </li>
176 <li>
177 电话：028-456465
178 </li>
179 <li>
180 地址：西安市丰城8路
181 </li>
182 <li>
183 网站标识吗：87987987
184 </li>
185 <li>
186 备案：陕IPC456465465
187 </li>
188 <li>
189 陕公网备案：456465465
190 </li>
191 </ul>
192 <ol>
193 <li>
194 <img src="./../../images/code.png">
195 <p>扫描关注公众号</p>
196 </li>
197 <li>
198 <img src="./../../images/code.png">
199 <p>扫描关注公众号</p>
200 </li>
201
202 </ol>
203 </div>
204 </div>
132 </div> 205 </div>
133 </body> 206 </body>
134 207
...@@ -151,7 +224,7 @@ ...@@ -151,7 +224,7 @@
151 , count: 50 //数据总数，从服务端得到 224 , count: 50 //数据总数，从服务端得到
152 , prev: '<' 225 , prev: '<'
153 , next: '>' 226 , next: '>'
154 ,theme: '#0091FF' 227 , theme: '#0091FF'
155 }); 228 });
156 }); 229 });
157 </script> 230 </script>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,7 +4,11 @@ ...@@ -4,7 +4,11 @@
4 } 4 }
5 5
6 .main { 6 .main {
7 margin-left: 250px; 7 padding: 20px;
8 margin-left: 200px;
9 width: 1200px;
10 overflow: hidden;
11 margin: 0 auto;
8 } 12 }
9 13
10 .title { 14 .title {
...@@ -90,7 +94,7 @@ ...@@ -90,7 +94,7 @@
90 } 94 }
91 95
92 .left-right { 96 .left-right {
93 width: 880px; 97 width: 830px;
94 } 98 }
95 99
96 .body { 100 .body {
...@@ -452,3 +456,106 @@ ...@@ -452,3 +456,106 @@
452 color: #9B9B9B; 456 color: #9B9B9B;
453 line-height: 12px; 457 line-height: 12px;
454 } 458 }
459
460 /* -----------------底部start----------------------------- */
461 div.footer {
462 background-color: #233042;
463 width: 100%;
464 }
465
466 div.footer .system_service {
467 width: 100%;
468 border-bottom: 1px solid #4A4A4A;
469 }
470
471 div.footer .system_service ul {
472 padding: 40px 0;
473 width: 1400px;
474 margin: 0 auto;
475 font-size: 0;
476 }
477
478 div.footer .system_service ul li {
479 width: 20%;
480 display: inline-block;
481 text-align: center;
482 height: 18px;
483 box-sizing: border-box;
484 }
485
486 div.footer .system_service ul li:not(:last-child) {
487 border-right: 1px solid #6D7278;
488 }
489
490 div.footer .system_service ul li a {
491 font-size: 16px;
492 font-weight: 400;
493 color: #DEDEDE;
494 }
495
496 div.footer .system_service ul li a:hover {
497 color: #f46143;
498 }
499
500 .footer .subject {
501 width: 1200px;
502 margin: 0 auto;
503 padding: 40px 0;
504 overflow: hidden;
505 }
506
507 .footer .subject .footer_logo {
508 float: left;
509 }
510
511 .footer .subject .footer_logo a {
512 display: block;
513 width: 64px;
514 height: 74px;
515 padding: 10px;
516 }
517
518 .footer .subject .footer_logo a img {
519 width: 100%;
520 height: 100%;
521 }
522
523 .footer .subject ul, ol {
524 float: left;
525 color: #CBCBCB;
526 text-align: left;
527 }
528
529 .footer .subject ul {
530 width: 73%;
531 box-sizing: border-box;
532 padding-left: 40px;
533 margin-top: 10px;
534 }
535
536 .footer .subject ul li {
537 width: 30%;
538 display: inline-block;
539 text-align: left;
540 margin-bottom: 30px;
541 }
542
543 .footer .subject ol li {
544 display: inline-block;
545 text-align: center;
546 }
547
548 .footer .subject ol li:last-child {
549 margin-left: 60px;
550 }
551
552 .footer .subject ol li img {
553 width: 80px;
554 height: 80px;
555 }
556
557 .footer .subject ol li p {
558 font-size: 12px;
559 color: #CBCBCB;
560 margin-top: 5px;
561 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <title>新闻详情</title> 5 <title>新闻详情</title>
6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
8 <meta name="format-detection" content="telephone=no"> 7 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit"> 8 <meta name="renderer" content="webkit">
...@@ -18,7 +17,10 @@ ...@@ -18,7 +17,10 @@
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 <body> 19 <body>
21 <div class="main"> 20 <div>
21
22
23 <div class="main">
22 <div class="left"> 24 <div class="left">
23 <div class="title"> 25 <div class="title">
24 <div> 26 <div>
...@@ -73,8 +75,9 @@ ...@@ -73,8 +75,9 @@
73 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 75 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
74 </div> 76 </div>
75 <div class="commentInputInput"> 77 <div class="commentInputInput">
76 <!-- <input type="text">--> 78 <!-- <input type="text">-->
77 <textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea> 79 <textarea name="" required lay-verify="required" placeholder="请输入"
80 class="layui-textarea"></textarea>
78 </div> 81 </div>
79 <div> 82 <div>
80 <button class="layui-btn layui-btn-lg layui-btn-norma">发表</button> 83 <button class="layui-btn layui-btn-lg layui-btn-norma">发表</button>
...@@ -235,6 +238,76 @@ ...@@ -235,6 +238,76 @@
235 </div> 238 </div>
236 </div> 239 </div>
237 </div> 240 </div>
241 </div>
242 <div class="footer">
243 <div class="system_service">
244 <ul class="">
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 <li>
256 <a href="">
257 <span>相应政策</span>
258 </a>
259 </li>
260 <li>
261 <a href="">
262 <span>下载服务</span>
263 </a>
264 </li>
265 <li>
266 <a href="">
267 <span>关于我们</span>
268 </a>
269 </li>
270 </ul>
271 </div>
272 <div class="subject">
273 <div class="footer_logo">
274 <a href="">
275 <img src="./../../images/jiguan.png">
276 </a>
277 </div>
278 <ul>
279 <li>
280 西安市自然资源和规划局
281 </li>
282 <li>
283 电话：028-456465
284 </li>
285 <li>
286 地址：西安市丰城8路
287 </li>
288 <li>
289 网站标识吗：87987987
290 </li>
291 <li>
292 备案：陕IPC456465465
293 </li>
294 <li>
295 陕公网备案：456465465
296 </li>
297 </ul>
298 <ol>
299 <li>
300 <img src="./../../images/code.png">
301 <p>扫描关注公众号</p>
302 </li>
303 <li>
304 <img src="./../../images/code.png">
305 <p>扫描关注公众号</p>
306 </li>
307
308 </ol>
309 </div>
310 </div>
238 </div> 311 </div>
239 </body> 312 </body>
240 </html> 313 </html>
......
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7 padding-left: 20px;
8 padding-right: 20px;
9 }
10
11 .top li {
12 font-size: 20px;
13 font-weight: 500;
14 color: #4A4A4A;
15 line-height: 60px;
16 }
17
18 .xsbl-sort {
19 display: flex;
20 justify-content: left;
21 padding-top: 20px;
22 padding-bottom: 20px;
23 }
24
25 .xsbl-sort > li {
26 display: inline-block;
27 font-size: 16px;
28 font-weight: 400;
29 color: #6D7278;
30 line-height: 16px;
31 margin-right: 10px;
32 }
33
34 .td {
35 height: auto;
36 }
37
38 .td-title {
39 height: auto;
40 font-size: 16px;
41 font-weight: 500;
42 color: #4A4A4A;
43 line-height: 40px;
44 background-color: #DEDEDE;
45 border: 1px solid #DEDEDE;
46 padding-left: 15px;
47 }
48
49 .layui-tab-title {
50 height: auto;
51 border-bottom-style:none;
52 }
53
54 .td-body {
55 display: flex;
56 flex-flow: row;
57 flex-wrap: wrap;
58 justify-content: space-between;
59
60 }
61
62 .td-item {
63 width: 48%;
64 height: auto;
65 background: #FFFFFF;
66 border-radius: 2px;
67 display: flex;
68 flex-flow: row nowrap;
69 justify-content: space-between;
70 border-bottom: 1px dashed #DEDEDE;
71 margin-right: 15px;
72 padding-top: 10px;
73 padding-bottom: 10px;
74 padding-left: 10px;
75 }
76
77 .td-item div {
78
79 }
80
81 .td-item button {
82 width: 90px;
83 height: 30px;
84 background: #2FA5FF;
85 border-radius: 4px;
86 border: none;
87 color: white;
88 line-height: 30px;
89 }
90
91 .fw {
92 height: auto;
93 }
94
95 .fw-title {
96 height: 40px;
97 font-size: 16px;
98 font-weight: 500;
99 color: #4A4A4A;
100 line-height: 40px;
101 background-color: #DEDEDE;
102 border: 1px solid #DEDEDE;
103 padding-left: 15px;
104 }
105
106 .fw-body {
107 display: flex;
108 flex-flow: row;
109 flex-wrap: wrap;
110 justify-content: space-between;
111
112 }
113
114 .fw-item {
115 width: 48%;
116 background: #FFFFFF;
117 border-radius: 2px;
118 display: flex;
119 flex-flow: row nowrap;
120 justify-content: space-between;
121 border-bottom: 1px dashed #DEDEDE;
122 margin-right: 15px;
123 padding-top: 10px;
124 padding-bottom: 10px;
125 padding-left: 10px;
126 }
127
128 .fw-item div {
129
130 }
131
132 .fw-item button {
133 width: 90px;
134 height: 30px;
135 background: #2FA5FF;
136 border-radius: 4px;
137 border: none;
138 color: white;
139 line-height: 30px;
140 }
141
142 .gzw {
143 height: auto;
144 }
145
146 .gzw-title {
147 height: 40px;
148 font-size: 16px;
149 font-weight: 500;
150 color: #4A4A4A;
151 line-height: 40px;
152 background-color: #DEDEDE;
153 border: 1px solid #DEDEDE;
154 padding-left: 15px;
155 }
156
157 .gzw-body {
158 display: flex;
159 flex-flow: row;
160 flex-wrap: wrap;
161 justify-content: space-between;
162
163 }
164
165 .gzw-item {
166 width: 48%;
167 height: auto;
168 background: #FFFFFF;
169 border-radius: 2px;
170 display: flex;
171 flex-flow: row nowrap;
172 justify-content: space-between;
173 border-bottom: 1px dashed #DEDEDE;
174 margin-right: 15px;
175 padding-top: 10px;
176 padding-bottom: 10px;
177 padding-left: 10px;
178 }
179
180 .gzw-item div {
181
182 }
183
184 .gzw-item button {
185 width: 90px;
186 height: 30px;
187 background: #2FA5FF;
188 border-radius: 4px;
189 border: none;
190 color: white;
191 line-height: 30px;
192 }
193
194 .sl {
195 height: auto;
196 }
197
198 .sl-title {
199 height: 40px;
200 font-size: 16px;
201 font-weight: 500;
202 color: #4A4A4A;
203 line-height: 40px;
204 background-color: #DEDEDE;
205 border: 1px solid #DEDEDE;
206 padding-left: 15px;
207 }
208
209 .sl-body {
210 display: flex;
211 flex-flow: row;
212 flex-wrap: wrap;
213 justify-content: space-between;
214
215 }
216
217 .sl-item {
218 width: 48%;
219 height: auto;
220 background: #FFFFFF;
221 border-radius: 2px;
222 display: flex;
223 flex-flow: row nowrap;
224 justify-content: space-between;
225 border-bottom: 1px dashed #DEDEDE;
226 margin-right: 15px;
227 padding-top: 10px;
228 padding-bottom: 10px;
229 padding-left: 10px;
230 }
231
232 .sl-item div {
233
234 }
235
236 .sl-item button {
237 width: 90px;
238 height: 30px;
239 background: #2FA5FF;
240 border-radius: 4px;
241 border: none;
242 color: white;
243 line-height: 30px;
244 }
245 /* -----------------底部start----------------------------- */
246 div.footer {
247 background-color: #233042;
248 }
249 div.footer .system_service {
250 width: 100%;
251 border-bottom: 1px solid #4A4A4A;
252 }
253 div.footer .system_service ul {
254 padding: 40px 0;
255 width: 1400px;
256 margin: 0 auto;
257 font-size: 0;
258 }
259 div.footer .system_service ul li {
260 width: 20%;
261 display: inline-block;
262 text-align: center;
263 height: 18px;
264 box-sizing: border-box;
265 }
266 div.footer .system_service ul li:not(:last-child) {
267 border-right: 1px solid #6D7278;
268 }
269 div.footer .system_service ul li a{
270 font-size: 16px;
271 font-weight: 400;
272 color: #DEDEDE;
273 }
274 div.footer .system_service ul li a:hover {
275 color: #f46143;
276 }
277 .footer .subject {
278 width: 1200px;
279 margin: 0 auto;
280 padding: 40px 0;
281 overflow: hidden;
282 }
283 .footer .subject .footer_logo {
284 float: left;
285 }
286 .footer .subject .footer_logo a{
287 display: block;
288 width: 64px;
289 height: 74px;
290 padding: 10px;
291 }
292 .footer .subject .footer_logo a img {
293 width: 100%;
294 height: 100%;
295 }
296 .footer .subject ul, ol {
297 float: left;
298 color: #CBCBCB;
299 text-align: left;
300 }
301 .footer .subject ul {
302 width: 73%;
303 box-sizing: border-box;
304 padding-left: 40px;
305 margin-top: 10px;
306 }
307 .footer .subject ul li {
308 width: 30%;
309 display: inline-block;
310 text-align: left;
311 margin-bottom: 30px;
312 }
313 .footer .subject ol li {
314 display: inline-block;
315 text-align: center;
316 }
317 .footer .subject ol li:last-child {
318 margin-left: 60px;
319 }
320 .footer .subject ol li img {
321 width: 80px;
322 height: 80px;
323 }
324 .footer .subject ol li p {
325 font-size: 12px;
326 color: #CBCBCB;
327 margin-top: 5px;
328 }
...\ 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 <div class="layui-tab layui-tab-card">
22 <ul class="layui-tab-title top">
23 <li class="layui-this">线上办理</li>
24 <li>线下办理</li>
25 </ul>
26 <div class="layui-tab-content">
27 <div class="layui-tab-item layui-show ">
28 <div class="xsbl-sort">
29 <li>全部</li>
30 <li>土地</li>
31 <li>房屋建筑物</li>
32 <li>构筑物</li>
33 <li>森林、林木</li>
34 <li>其他</li>
35 </div>
36 <div class="td">
37 <div class="td-title">
38 土地
39 </div>
40 <div class="td-body">
41 <div class="td-item">
42 <div>
43 <span>
44 土地-企业-转移登记（买卖）
45 </span>
46 </div>
47 <div>
48 <button>在线办理</button>
49 </div>
50 </div>
51 <div class="td-item">
52 <div>
53 <span>
54 土地-企业-转移登记（买卖）
55 </span>
56 </div>
57 <div>
58 <button>在线办理</button>
59 </div>
60 </div> <div class="td-item">
61 <div>
62 <span>
63 土地-企业-转移登记（买卖）
64 </span>
65 </div>
66 <div>
67 <button>在线办理</button>
68 </div>
69 </div>
70 </div>
71 </div> <div class="fw">
72 <div class="fw-title">
73 土地
74 </div>
75 <div class="fw-body">
76 <div class="fw-item">
77 <div>
78 <span>
79 土地-企业-转移登记（买卖）
80 </span>
81 </div>
82 <div>
83 <button>在线办理</button>
84 </div>
85 </div>
86 <div class="fw-item">
87 <div>
88 <span>
89 土地-企业-转移登记（买卖）
90 </span>
91 </div>
92 <div>
93 <button>在线办理</button>
94 </div>
95 </div> <div class="fw-item">
96 <div>
97 <span>
98 土地-企业-转移登记（买卖）
99 </span>
100 </div>
101 <div>
102 <button>在线办理</button>
103 </div>
104 </div>
105 </div>
106 </div> <div class="gzw">
107 <div class="gzw-title">
108 土地
109 </div>
110 <div class="gzw-body">
111 <div class="gzw-item">
112 <div>
113 <span>
114 土地-企业-转移登记（买卖）
115 </span>
116 </div>
117 <div>
118 <button>在线办理</button>
119 </div>
120 </div>
121 <div class="gzw-item">
122 <div>
123 <span>
124 土地-企业-转移登记（买卖）
125 </span>
126 </div>
127 <div>
128 <button>在线办理</button>
129 </div>
130 </div> <div class="gzw-item">
131 <div>
132 <span>
133 土地-企业-转移登记（买卖）
134 </span>
135 </div>
136 <div>
137 <button>在线办理</button>
138 </div>
139 </div>
140 </div>
141 </div> <div class="sl">
142 <div class="sl-title">
143 土地
144 </div>
145 <div class="sl-body">
146 <div class="sl-item">
147 <div>
148 <span>
149 土地-企业-转移登记（买卖）
150 </span>
151 </div>
152 <div>
153 <button>在线办理</button>
154 </div>
155 </div>
156 <div class="sl-item">
157 <div>
158 <span>
159 土地-企业-转移登记（买卖）
160 </span>
161 </div>
162 <div>
163 <button>在线办理</button>
164 </div>
165 </div> <div class="sl-item">
166 <div>
167 <span>
168 土地-企业-转移登记（买卖）
169 </span>
170 </div>
171 <div>
172 <button>在线办理</button>
173 </div>
174 </div>
175 </div>
176 </div>
177 </div>
178 <div class="layui-tab-item">内容2</div>
179 </div>
180 </div>
181 <div class="footer">
182 <div class="system_service">
183 <ul class="">
184 <li>
185 <a href="">
186 <span>公示公告</span>
187 </a>
188 </li>
189 <li>
190 <a href="">
191 <span>法律法规</span>
192 </a>
193 </li>
194 <li>
195 <a href="">
196 <span>相应政策</span>
197 </a>
198 </li>
199 <li>
200 <a href="">
201 <span>下载服务</span>
202 </a>
203 </li>
204 <li>
205 <a href="">
206 <span>关于我们</span>
207 </a>
208 </li>
209 </ul>
210 </div>
211 <div class="subject">
212 <div class="footer_logo">
213 <a href="">
214 <img src="./../../images/jiguan.png">
215 </a>
216 </div>
217 <ul>
218 <li>
219 西安市自然资源和规划局
220 </li>
221 <li>
222 电话：028-456465
223 </li>
224 <li>
225 地址：西安市丰城8路
226 </li>
227 <li>
228 网站标识吗：87987987
229 </li>
230 <li>
231 备案：陕IPC456465465
232 </li>
233 <li>
234 陕公网备案：456465465
235 </li>
236 </ul>
237 <ol>
238 <li>
239 <img src="./../../images/code.png">
240 <p>扫描关注公众号</p>
241 </li>
242 <li>
243 <img src="./../../images/code.png">
244 <p>扫描关注公众号</p>
245 </li>
246
247 </ol>
248 </div>
249 </div>
250 </div>
251 </body>
252 </html>
253 <!--[if (gte IE 9)|!(IE)]><!-->
254 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
255 <!--<![endif]-->
256 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
257 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
258 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
259 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
260 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
261 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
262 <script>
263 layui.use('element', function () {
264 var $ = layui.jquery
265 , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
266 });
267 </script>
...\ No newline at end of file ...\ No newline at end of file