Skip to content

任超 / js.portalStaticPage

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

feat:办事指南

1 parent 3043c638
Inline Side-by-side
Showing 2 changed files with 400 additions and 1 deletions
...@@ -4,6 +4,9 @@ ...@@ -4,6 +4,9 @@
4 margin: 0 auto; 4 margin: 0 auto;
5 overflow: hidden; 5 overflow: hidden;
6 } 6 }
7 .business_guide {
8 overflow-x: hidden;
9 }
7 /* -------------------------end------------------------------- */ 10 /* -------------------------end------------------------------- */
8 /* -------------------------头部start----------------------------------- */ 11 /* -------------------------头部start----------------------------------- */
9 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 { 12 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 {
...@@ -159,4 +162,113 @@ div.navigation { ...@@ -159,4 +162,113 @@ div.navigation {
159 padding-left: 15px; 162 padding-left: 15px;
160 box-sizing: border-box; 163 box-sizing: border-box;
161 } 164 }
165 .online_list {
166 padding-bottom: 20px;
167 overflow: hidden;
168 }
169 .online_list li{
170 width: 45%!important;
171 float: left;
172 height: 60px;
173 line-height: 60px;
174 border-bottom: 1px dotted #DEDEDE;
175 }
176 .online_list li:nth-child(even) {
177 margin-left: 10%;
178 }
179 .online_list li a{
180 display: block;
181 width: 100%;
182 }
183 .online_list li a:hover span{
184 color: #f46143;
185 }
186 .online_list li a button {
187 float: right;
188 margin-top: 15px;
189 }
162 /* ---------------------------------------------------- */ 190 /* ---------------------------------------------------- */
191 /* -----------------底部start----------------------------- */
192 div.footer {
193 background-color: #233042;
194 }
195 div.footer .system_service {
196 width: 100%;
197 border-bottom: 1px solid #4A4A4A;
198 }
199 div.footer .system_service ul {
200 padding: 40px 0;
201 width: 1400px;
202 margin: 0 auto;
203 font-size: 0;
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 div.footer .system_service ul li:not(:last-child) {
213 border-right: 1px solid #6D7278;
214 }
215 div.footer .system_service ul li a{
216 font-size: 16px;
217 font-weight: 400;
218 color: #DEDEDE;
219 }
220 div.footer .system_service ul li a:hover {
221 color: #f46143;
222 }
223 .footer .subject {
224 width: 1200px;
225 margin: 0 auto;
226 padding: 40px 0;
227 overflow: hidden;
228 }
229 .footer .subject .footer_logo {
230 float: left;
231 }
232 .footer .subject .footer_logo a{
233 display: block;
234 width: 64px;
235 height: 74px;
236 padding: 10px;
237 }
238 .footer .subject .footer_logo a img {
239 width: 100%;
240 height: 100%;
241 }
242 .footer .subject ul, ol {
243 float: left;
244 color: #CBCBCB;
245 text-align: left;
246 }
247 .footer .subject ul {
248 width: 73%;
249 box-sizing: border-box;
250 padding-left: 40px;
251 margin-top: 10px;
252 }
253 .footer .subject ul li {
254 width: 30%;
255 display: inline-block;
256 text-align: left;
257 margin-bottom: 30px;
258 }
259 .footer .subject ol li {
260 display: inline-block;
261 text-align: center;
262 }
263 .footer .subject ol li:last-child {
264 margin-left: 60px;
265 }
266 .footer .subject ol li img {
267 width: 80px;
268 height: 80px;
269 }
270 .footer .subject ol li p {
271 font-size: 12px;
272 color: #CBCBCB;
273 margin-top: 5px;
274 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -73,7 +73,6 @@ ...@@ -73,7 +73,6 @@
73 </ul> 73 </ul>
74 <div class="layui-tab-content"> 74 <div class="layui-tab-content">
75 <div class="layui-tab-item layui-show"> 75 <div class="layui-tab-item layui-show">
76
77 <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> 76 <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
78 <ul class="layui-tab-title"> 77 <ul class="layui-tab-title">
79 <li class="layui-this">全部</li> 78 <li class="layui-this">全部</li>
...@@ -87,6 +86,224 @@ ...@@ -87,6 +86,224 @@
87 <div class="online_business"> 86 <div class="online_business">
88 <h2>土地</h2> 87 <h2>土地</h2>
89 </div> 88 </div>
89 <ul class="online_list">
90 <li>
91 <a href="">
92 <span>土地转移登记</span>
93 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
94 </a>
95 </li>
96 <li>
97 <a href="">
98 <span>土地转移登记</span>
99 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
100 </a>
101 </li>
102 <li>
103 <a href="">
104 <span>土地转移登记</span>
105 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
106 </a>
107 </li>
108 <li>
109 <a href="">
110 <span>土地转移登记</span>
111 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
112 </a>
113 </li>
114 <li>
115 <a href="">
116 <span>土地转移登记</span>
117 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
118 </a>
119 </li>
120 <li>
121 <a href="">
122 <span>土地转移登记</span>
123 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
124 </a>
125 </li>
126 <li>
127 <a href="">
128 <span>土地转移登记</span>
129 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
130 </a>
131 </li>
132 <li>
133 <a href="">
134 <span>土地转移登记</span>
135 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
136 </a>
137 </li>
138 </ul>
139 </div>
140
141 <div class="layui-tab-content" style="padding:0">
142 <div class="online_business">
143 <h2>房屋等建筑</h2>
144 </div>
145 <ul class="online_list">
146 <li>
147 <a href="">
148 <span>土地转移登记</span>
149 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
150 </a>
151 </li>
152 <li>
153 <a href="">
154 <span>土地转移登记</span>
155 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
156 </a>
157 </li>
158 <li>
159 <a href="">
160 <span>土地转移登记</span>
161 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
162 </a>
163 </li>
164 <li>
165 <a href="">
166 <span>土地转移登记</span>
167 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
168 </a>
169 </li>
170 <li>
171 <a href="">
172 <span>土地转移登记</span>
173 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
174 </a>
175 </li>
176 <li>
177 <a href="">
178 <span>土地转移登记</span>
179 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
180 </a>
181 </li>
182 <li>
183 <a href="">
184 <span>土地转移登记</span>
185 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
186 </a>
187 </li>
188 <li>
189 <a href="">
190 <span>土地转移登记</span>
191 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
192 </a>
193 </li>
194 </ul>
195 </div>
196
197 <div class="layui-tab-content" style="padding:0">
198 <div class="online_business">
199 <h2>构筑物</h2>
200 </div>
201 <ul class="online_list">
202 <li>
203 <a href="">
204 <span>土地转移登记</span>
205 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
206 </a>
207 </li>
208 <li>
209 <a href="">
210 <span>土地转移登记</span>
211 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
212 </a>
213 </li>
214 <li>
215 <a href="">
216 <span>土地转移登记</span>
217 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
218 </a>
219 </li>
220 <li>
221 <a href="">
222 <span>土地转移登记</span>
223 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
224 </a>
225 </li>
226 <li>
227 <a href="">
228 <span>土地转移登记</span>
229 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
230 </a>
231 </li>
232 <li>
233 <a href="">
234 <span>土地转移登记</span>
235 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
236 </a>
237 </li>
238 <li>
239 <a href="">
240 <span>土地转移登记</span>
241 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
242 </a>
243 </li>
244 <li>
245 <a href="">
246 <span>土地转移登记</span>
247 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
248 </a>
249 </li>
250 </ul>
251 </div>
252
253 <div class="layui-tab-content" style="padding:0">
254 <div class="online_business">
255 <h2>森马林木</h2>
256 </div>
257 <ul class="online_list">
258 <li>
259 <a href="">
260 <span>土地转移登记</span>
261 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
262 </a>
263 </li>
264 <li>
265 <a href="">
266 <span>土地转移登记</span>
267 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
268 </a>
269 </li>
270 <li>
271 <a href="">
272 <span>土地转移登记</span>
273 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
274 </a>
275 </li>
276 <li>
277 <a href="">
278 <span>土地转移登记</span>
279 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
280 </a>
281 </li>
282 <li>
283 <a href="">
284 <span>土地转移登记</span>
285 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
286 </a>
287 </li>
288 <li>
289 <a href="">
290 <span>土地转移登记</span>
291 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
292 </a>
293 </li>
294 <li>
295 <a href="">
296 <span>土地转移登记</span>
297 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
298 </a>
299 </li>
300 <li>
301 <a href="">
302 <span>土地转移登记</span>
303 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
304 </a>
305 </li>
306 </ul>
90 </div> 307 </div>
91 </div> 308 </div>
92 309
...@@ -95,6 +312,76 @@ ...@@ -95,6 +312,76 @@
95 </div> 312 </div>
96 </div> 313 </div>
97 </div> 314 </div>
315
316 <div class="footer">
317 <div class="system_service">
318 <ul class="">
319 <li>
320 <a href="">
321 <span>公示公告</span>
322 </a>
323 </li>
324 <li>
325 <a href="">
326 <span>法律法规</span>
327 </a>
328 </li>
329 <li>
330 <a href="">
331 <span>相应政策</span>
332 </a>
333 </li>
334 <li>
335 <a href="">
336 <span>下载服务</span>
337 </a>
338 </li>
339 <li>
340 <a href="">
341 <span>关于我们</span>
342 </a>
343 </li>
344 </ul>
345 </div>
346 <div class="subject">
347 <div class="footer_logo">
348 <a href="">
349 <img src="../../images/jiguan.png">
350 </a>
351 </div>
352 <ul>
353 <li>
354 西安市自然资源和规划局
355 </li>
356 <li>
357 电话：028-456465
358 </li>
359 <li>
360 地址：西安市丰城8路
361 </li>
362 <li>
363 网站标识吗：87987987
364 </li>
365 <li>
366 备案：陕IPC456465465
367 </li>
368 <li>
369 陕公网备案：456465465
370 </li>
371 </ul>
372 <ol>
373 <li>
374 <img src="../../images/code.png">
375 <p>扫描关注公众号</p>
376 </li>
377 <li>
378 <img src="../../images/code.png">
379 <p>扫描关注公众号</p>
380 </li>
381
382 </ol>
383 </div>
384 </div>
98 </div> 385 </div>
99 </body> 386 </body>
100 387
......