Authored by 王水玲

帮助中心样式修改

... ... @@ -11,7 +11,7 @@
{{#each notice}}
<li>
{{#each row}}
<a class="notice-cont" href="{{jumpLink}}" target="_blank"><i class="dot-icon"></i> {{caption}}</a>
<a class="notice-cont" href="{{jumpLink}}" target="_blank"><i class="dot-icon"></i>{{caption}}</a>
{{/each}}
</li>
{{/each}}
... ... @@ -24,8 +24,10 @@
<ul class="menu-common new-guide">
{{#each categoryItems}}
<li>
<a href="{{jumpLink}}"><img src="{{categoryIco}}" width="70" height="70"></a>
<p>{{categoryName}}</p>
<a href="{{jumpLink}}">
<img src="{{categoryIco}}" width="70" height="70">
<p>{{categoryName}}</p>
</a>
</li>
{{/each}}
</ul>
... ... @@ -36,8 +38,10 @@
<ul class="menu-common self-service">
{{#each list}}
<li>
<a href="{{jumpUrl}}"><img src="{{categoryIco}}" width="70" height="70"></a>
<p>{{categoryName}}</p>
<a href="{{jumpUrl}}">
<img src="{{categoryIco}}" width="70" height="70">
<p>{{categoryName}}</p>
</a>
</li>
{{/each}}
</ul>
... ...
... ... @@ -239,11 +239,13 @@
}
.help-problem {
width: 500px;
margin-top: 17px;
margin-bottom: 35px;
a {
width: 350px;
margin-right: 20px;
&.active {
color: #1ea1da;
}
... ...
... ... @@ -89,7 +89,7 @@
overflow: hidden;
height: 30px;
font-size: 14px;
margin: 0 5px;
margin: 0 2px;
padding-left: 3px;
}
... ... @@ -139,6 +139,8 @@
li {
float: left;
margin-top: 20px;
height: 120px;
overflow: hidden;
&:first-child {
margin-left: 0;
... ... @@ -147,9 +149,7 @@
a {
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
display: block;
}
... ... @@ -157,7 +157,8 @@
width: 70px;
font-size: 14px;
color: #1b1b1b;
line-height: 30px;
line-height: 17px;
margin-top: 10px;
text-align: center;
}
}
... ... @@ -187,13 +188,16 @@
.problem {
width: 992px;
margin: 60px auto 0;
a {
width: 230px;
}
}
.problem,
.help-problem {
a {
line-height: 30px;
width: 230px;
margin-left: 10px;
display: inline-block;
height: 30px;
... ... @@ -306,12 +310,13 @@
.a-area,
.q-area {
width: 416px;
width: 450px;
margin: 15px auto 0;
position: relative;
font-size: 14px;
color: #1b1b1b;
min-height: 20px;
padding-left: 34px;
&:before {
content: "";
... ... @@ -319,10 +324,15 @@
height: 18px;
display: block;
position: absolute;
left: -36px;
left: 0;
}
}
.q-area {
max-height: 300px;
overflow: auto;
}
.a-area {
margin-top: 10px;
}
... ...