Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3f1bf107 by 任超
Options

style:首页样式的调整

1 parent df525a74
Inline Side-by-side
Showing 6 changed files with 84 additions and 30 deletions
...@@ -154,7 +154,7 @@ div.footer .system_service { ...@@ -154,7 +154,7 @@ div.footer .system_service {
154 border-bottom: 1px solid #4A4A4A; 154 border-bottom: 1px solid #4A4A4A;
155 } 155 }
156 div.footer .system_service ul { 156 div.footer .system_service ul {
157 padding: 40px 0; 157 padding: 50px 0;
158 width: 1400px; 158 width: 1400px;
159 margin: 0 auto; 159 margin: 0 auto;
160 font-size: 0; 160 font-size: 0;
...@@ -180,7 +180,7 @@ div.footer .system_service ul li a:hover { ...@@ -180,7 +180,7 @@ div.footer .system_service ul li a:hover {
180 .footer .subject { 180 .footer .subject {
181 width: 1200px; 181 width: 1200px;
182 margin: 0 auto; 182 margin: 0 auto;
183 padding: 40px 0; 183 padding: 45px 0;
184 overflow: hidden; 184 overflow: hidden;
185 } 185 }
186 .footer .subject .footer_logo { 186 .footer .subject .footer_logo {
...@@ -205,13 +205,13 @@ div.footer .system_service ul li a:hover { ...@@ -205,13 +205,13 @@ div.footer .system_service ul li a:hover {
205 width: 73%; 205 width: 73%;
206 box-sizing: border-box; 206 box-sizing: border-box;
207 padding-left: 40px; 207 padding-left: 40px;
208 margin-top: 10px; 208 margin-top: 14px;
209 } 209 }
210 .footer .subject ul li { 210 .footer .subject ul li {
211 width: 30%; 211 width: 30%;
212 display: inline-block; 212 display: inline-block;
213 text-align: left; 213 text-align: left;
214 margin-bottom: 30px; 214 margin-bottom: 20px;
215 } 215 }
216 .footer .subject ol li { 216 .footer .subject ol li {
217 display: inline-block; 217 display: inline-block;
......
...@@ -190,7 +190,14 @@ div.banner ul li a { ...@@ -190,7 +190,14 @@ div.banner ul li a {
190 width: 40%; 190 width: 40%;
191 height: 50px; 191 height: 50px;
192 line-height: 50px; 192 line-height: 50px;
193 border-bottom: 1px dotted #DEDEDE; 193 border-bottom: 2px dotted #DEDEDE;
194 }
195 .common_question .list_content dd a .icon {
196 width: 20px;
197 height: 20px;
198 position: relative;
199 top: 5px;
200 margin-right: 5px;
194 } 201 }
195 .common_question .list_content dd a:hover { 202 .common_question .list_content dd a:hover {
196 color: #0091FF; 203 color: #0091FF;
...@@ -262,8 +269,8 @@ div.banner ul li a { ...@@ -262,8 +269,8 @@ div.banner ul li a {
262 text-align: center; 269 text-align: center;
263 } 270 }
264 .common_question .list_content_right dd { 271 .common_question .list_content_right dd {
265 border-right: 1px dotted #DEDEDE; 272 border-right: 2px dotted #DEDEDE;
266 border-bottom: 1px dotted #DEDEDE; 273 border-bottom: 2px dotted #DEDEDE;
267 } 274 }
268 .common_question .list_content_right dd:nth-of-type(n+3) { 275 .common_question .list_content_right dd:nth-of-type(n+3) {
269 border-bottom: none; 276 border-bottom: none;
...@@ -286,8 +293,8 @@ div.banner ul li a { ...@@ -286,8 +293,8 @@ div.banner ul li a {
286 .common_question .list_content_right dd a p{ 293 .common_question .list_content_right dd a p{
287 display: inline-block; 294 display: inline-block;
288 position: relative; 295 position: relative;
289 left: 0; 296 left: 6px;
290 top: -25px; 297 top: -28px;
291 cursor: pointer; 298 cursor: pointer;
292 } 299 }
293 .common_question .list_content_right dd a p:hover { 300 .common_question .list_content_right dd a p:hover {
...@@ -550,6 +557,9 @@ div.c_five h2 { ...@@ -550,6 +557,9 @@ div.c_five h2 {
550 font-weight: 600; 557 font-weight: 600;
551 margin-bottom: 30px; 558 margin-bottom: 30px;
552 } 559 }
560 div.c_five h2 a {
561 font-size: 24px;
562 }
553 div.c_five div:first-child { 563 div.c_five div:first-child {
554 width: 1200px; 564 width: 1200px;
555 padding: 40px 0 20px 0; 565 padding: 40px 0 20px 0;
......
...@@ -335,24 +335,74 @@ ...@@ -335,24 +335,74 @@
335 </dt> 335 </dt>
336 <div class="list_content"> 336 <div class="list_content">
337 <dd> 337 <dd>
338 <a href="" title="基础问题">基础问题</a> 338 <a href="" title="基础问题">
339 <a href="" title="继承登记">继承登记</a> 339 <svg class="icon svg-icon" aria-hidden="true">
340 <use xlink:href="#iconwenhao"></use>
341 </svg>
342 基础问题
343 </a>
344 <a href="" title="继承登记">
345 <svg class="icon svg-icon" aria-hidden="true">
346 <use xlink:href="#iconwenhao"></use>
347 </svg>
348 继承登记
349 </a>
340 </dd> 350 </dd>
341 <dd> 351 <dd>
342 <a href="" title="一手商品房办证">一手商品房办证</a> 352 <a href="" title="一手商品房办证">
343 <a href="" title="抵押登记">抵押登记</a> 353 <svg class="icon svg-icon" aria-hidden="true">
354 <use xlink:href="#iconwenhao"></use>
355 </svg>
356 一手商品房办证
357 </a>
358 <a href="" title="抵押登记">
359 <svg class="icon svg-icon" aria-hidden="true">
360 <use xlink:href="#iconwenhao"></use>
361 </svg>
362 抵押登记
363 </a>
344 </dd> 364 </dd>
345 <dd> 365 <dd>
346 <a href="" title="二手房办证">二手房办证</a> 366 <a href="" title="二手房办证">
347 <a href="" title="预售及网签">预售及网签</a> 367 <svg class="icon svg-icon" aria-hidden="true">
368 <use xlink:href="#iconwenhao"></use>
369 </svg>
370 二手房办证
371 </a>
372 <a href="" title="预售及网签">
373 <svg class="icon svg-icon" aria-hidden="true">
374 <use xlink:href="#iconwenhao"></use>
375 </svg>
376 预售及网签
377 </a>
348 </dd> 378 </dd>
349 <dd> 379 <dd>
350 <a href="" title="经济适用房登记">经济适用房登记</a> 380 <a href="" title="经济适用房登记">
351 <a href="" title="夫妻加减名变更">夫妻加减名变更</a> 381 <svg class="icon svg-icon" aria-hidden="true">
382 <use xlink:href="#iconwenhao"></use>
383 </svg>
384 经济适用房登记
385 </a>
386 <a href="" title="夫妻加减名变更">
387 <svg class="icon svg-icon" aria-hidden="true">
388 <use xlink:href="#iconwenhao"></use>
389 </svg>
390 夫妻加减名变更
391 </a>
352 </dd> 392 </dd>
353 <dd> 393 <dd>
354 <a href="" title="变更登记">变更登记</a> 394 <a href="" title="变更登记">
355 <a href="" title="夫妻离婚变更">夫妻离婚变更</a> 395 <svg class="icon svg-icon" aria-hidden="true">
396 <use xlink:href="#iconwenhao"></use>
397 </svg>
398 变更登记
399 </a>
400 <a href="" title="夫妻离婚变更">
401 <svg class="icon svg-icon" aria-hidden="true">
402 <use xlink:href="#iconwenhao"></use>
403 </svg>
404 夫妻离婚变更
405 </a>
356 </dd> 406 </dd>
357 </div> 407 </div>
358 </dl> 408 </dl>
...@@ -373,26 +423,20 @@ ...@@ -373,26 +423,20 @@
373 <div class="list_content_right"> 423 <div class="list_content_right">
374 <dd> 424 <dd>
375 <a title="在线评价"> 425 <a title="在线评价">
376 <img src="./staticImages/two_s_1.jpg" alt="在线评价" /> 426 <img src="./staticImages/zxpj.png" alt="在线评价" />
377 <p>在线评价</p> 427 <p>在线评价</p>
378 </a> 428 </a>
379 </dd> 429 </dd>
380 <dd> 430 <dd>
381 <a title="在线留言"> 431 <a title="在线留言">
382 <img src="./staticImages/two_s_1.jpg" alt="在线留言" /> 432 <img src="./staticImages/zxly.png" alt="在线留言" />
383 <p>在线留言</p> 433 <p>在线留言</p>
384 </a> 434 </a>
385 </dd> 435 </dd>
386 <dd> 436 <dd>
387 <a title="征集调查"> 437 <a title="在线互动">
388 <img src="./staticImages/two_s_1.jpg" alt="征集调查" /> 438 <img src="./staticImages/zxhd.png" alt="在线互动" />
389 <p>征集调查</p> 439 <p>在线互动</p>
390 </a>
391 </dd>
392 <dd>
393 <a title="即时聊天">
394 <img src="./staticImages/two_s_1.jpg" alt="即时聊天" />
395 <p>即时聊天</p>
396 </a> 440 </a>
397 </dd> 441 </dd>
398 </div> 442 </div>
......