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 {
border-bottom: 1px solid #4A4A4A;
}
div.footer .system_service ul {
padding: 40px 0;
padding: 50px 0;
width: 1400px;
margin: 0 auto;
font-size: 0;
......@@ -180,7 +180,7 @@ div.footer .system_service ul li a:hover {
.footer .subject {
width: 1200px;
margin: 0 auto;
padding: 40px 0;
padding: 45px 0;
overflow: hidden;
}
.footer .subject .footer_logo {
......@@ -205,13 +205,13 @@ div.footer .system_service ul li a:hover {
width: 73%;
box-sizing: border-box;
padding-left: 40px;
margin-top: 10px;
margin-top: 14px;
}
.footer .subject ul li {
width: 30%;
display: inline-block;
text-align: left;
margin-bottom: 30px;
margin-bottom: 20px;
}
.footer .subject ol li {
display: inline-block;
......
......@@ -190,7 +190,14 @@ div.banner ul li a {
width: 40%;
height: 50px;
line-height: 50px;
border-bottom: 1px dotted #DEDEDE;
border-bottom: 2px dotted #DEDEDE;
}
.common_question .list_content dd a .icon {
width: 20px;
height: 20px;
position: relative;
top: 5px;
margin-right: 5px;
}
.common_question .list_content dd a:hover {
color: #0091FF;
......@@ -262,8 +269,8 @@ div.banner ul li a {
text-align: center;
}
.common_question .list_content_right dd {
border-right: 1px dotted #DEDEDE;
border-bottom: 1px dotted #DEDEDE;
border-right: 2px dotted #DEDEDE;
border-bottom: 2px dotted #DEDEDE;
}
.common_question .list_content_right dd:nth-of-type(n+3) {
border-bottom: none;
......@@ -286,8 +293,8 @@ div.banner ul li a {
.common_question .list_content_right dd a p{
display: inline-block;
position: relative;
left: 0;
top: -25px;
left: 6px;
top: -28px;
cursor: pointer;
}
.common_question .list_content_right dd a p:hover {
......@@ -550,6 +557,9 @@ div.c_five h2 {
font-weight: 600;
margin-bottom: 30px;
}
div.c_five h2 a {
font-size: 24px;
}
div.c_five div:first-child {
width: 1200px;
padding: 40px 0 20px 0;
......
......@@ -335,24 +335,74 @@
</dt>
<div class="list_content">
<dd>
<a href="" title="基础问题">基础问题</a>
<a href="" title="继承登记">继承登记</a>
<a href="" title="基础问题">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
基础问题
</a>
<a href="" title="继承登记">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
继承登记
</a>
</dd>
<dd>
<a href="" title="一手商品房办证">一手商品房办证</a>
<a href="" title="抵押登记">抵押登记</a>
<a href="" title="一手商品房办证">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
一手商品房办证
</a>
<a href="" title="抵押登记">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
抵押登记
</a>
</dd>
<dd>
<a href="" title="二手房办证">二手房办证</a>
<a href="" title="预售及网签">预售及网签</a>
<a href="" title="二手房办证">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
二手房办证
</a>
<a href="" title="预售及网签">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
预售及网签
</a>
</dd>
<dd>
<a href="" title="经济适用房登记">经济适用房登记</a>
<a href="" title="夫妻加减名变更">夫妻加减名变更</a>
<a href="" title="经济适用房登记">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
经济适用房登记
</a>
<a href="" title="夫妻加减名变更">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
夫妻加减名变更
</a>
</dd>
<dd>
<a href="" title="变更登记">变更登记</a>
<a href="" title="夫妻离婚变更">夫妻离婚变更</a>
<a href="" title="变更登记">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
变更登记
</a>
<a href="" title="夫妻离婚变更">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
夫妻离婚变更
</a>
</dd>
</div>
</dl>
......@@ -373,26 +423,20 @@
<div class="list_content_right">
<dd>
<a title="在线评价">
<img src="./staticImages/two_s_1.jpg" alt="在线评价" />
<img src="./staticImages/zxpj.png" alt="在线评价" />
<p>在线评价</p>
</a>
</dd>
<dd>
<a title="在线留言">
<img src="./staticImages/two_s_1.jpg" alt="在线留言" />
<img src="./staticImages/zxly.png" alt="在线留言" />
<p>在线留言</p>
</a>
</dd>
<dd>
<a title="征集调查">
<img src="./staticImages/two_s_1.jpg" alt="征集调查" />
<p>征集调查</p>
</a>
</dd>
<dd>
<a title="即时聊天">
<img src="./staticImages/two_s_1.jpg" alt="即时聊天" />
<p>即时聊天</p>
<a title="在线互动">
<img src="./staticImages/zxhd.png" alt="在线互动" />
<p>在线互动</p>
</a>
</dd>
</div>
......