Showing
3 changed files
with
29 additions
and
13 deletions
| @@ -11,7 +11,7 @@ | @@ -11,7 +11,7 @@ | ||
| 11 | {{#each notice}} | 11 | {{#each notice}} |
| 12 | <li> | 12 | <li> |
| 13 | {{#each row}} | 13 | {{#each row}} |
| 14 | - <a class="notice-cont" href="{{jumpLink}}" target="_blank"><i class="dot-icon"></i> {{caption}}</a> | 14 | + <a class="notice-cont" href="{{jumpLink}}" target="_blank"><i class="dot-icon"></i>{{caption}}</a> |
| 15 | {{/each}} | 15 | {{/each}} |
| 16 | </li> | 16 | </li> |
| 17 | {{/each}} | 17 | {{/each}} |
| @@ -24,8 +24,10 @@ | @@ -24,8 +24,10 @@ | ||
| 24 | <ul class="menu-common new-guide"> | 24 | <ul class="menu-common new-guide"> |
| 25 | {{#each categoryItems}} | 25 | {{#each categoryItems}} |
| 26 | <li> | 26 | <li> |
| 27 | - <a href="{{jumpLink}}"><img src="{{categoryIco}}" width="70" height="70"></a> | ||
| 28 | - <p>{{categoryName}}</p> | 27 | + <a href="{{jumpLink}}"> |
| 28 | + <img src="{{categoryIco}}" width="70" height="70"> | ||
| 29 | + <p>{{categoryName}}</p> | ||
| 30 | + </a> | ||
| 29 | </li> | 31 | </li> |
| 30 | {{/each}} | 32 | {{/each}} |
| 31 | </ul> | 33 | </ul> |
| @@ -36,8 +38,10 @@ | @@ -36,8 +38,10 @@ | ||
| 36 | <ul class="menu-common self-service"> | 38 | <ul class="menu-common self-service"> |
| 37 | {{#each list}} | 39 | {{#each list}} |
| 38 | <li> | 40 | <li> |
| 39 | - <a href="{{jumpUrl}}"><img src="{{categoryIco}}" width="70" height="70"></a> | ||
| 40 | - <p>{{categoryName}}</p> | 41 | + <a href="{{jumpUrl}}"> |
| 42 | + <img src="{{categoryIco}}" width="70" height="70"> | ||
| 43 | + <p>{{categoryName}}</p> | ||
| 44 | + </a> | ||
| 41 | </li> | 45 | </li> |
| 42 | {{/each}} | 46 | {{/each}} |
| 43 | </ul> | 47 | </ul> |
| @@ -239,11 +239,13 @@ | @@ -239,11 +239,13 @@ | ||
| 239 | } | 239 | } |
| 240 | 240 | ||
| 241 | .help-problem { | 241 | .help-problem { |
| 242 | - width: 500px; | ||
| 243 | margin-top: 17px; | 242 | margin-top: 17px; |
| 244 | margin-bottom: 35px; | 243 | margin-bottom: 35px; |
| 245 | 244 | ||
| 246 | a { | 245 | a { |
| 246 | + width: 350px; | ||
| 247 | + margin-right: 20px; | ||
| 248 | + | ||
| 247 | &.active { | 249 | &.active { |
| 248 | color: #1ea1da; | 250 | color: #1ea1da; |
| 249 | } | 251 | } |
| @@ -89,7 +89,7 @@ | @@ -89,7 +89,7 @@ | ||
| 89 | overflow: hidden; | 89 | overflow: hidden; |
| 90 | height: 30px; | 90 | height: 30px; |
| 91 | font-size: 14px; | 91 | font-size: 14px; |
| 92 | - margin: 0 5px; | 92 | + margin: 0 2px; |
| 93 | padding-left: 3px; | 93 | padding-left: 3px; |
| 94 | } | 94 | } |
| 95 | 95 | ||
| @@ -139,6 +139,8 @@ | @@ -139,6 +139,8 @@ | ||
| 139 | li { | 139 | li { |
| 140 | float: left; | 140 | float: left; |
| 141 | margin-top: 20px; | 141 | margin-top: 20px; |
| 142 | + height: 120px; | ||
| 143 | + overflow: hidden; | ||
| 142 | 144 | ||
| 143 | &:first-child { | 145 | &:first-child { |
| 144 | margin-left: 0; | 146 | margin-left: 0; |
| @@ -147,9 +149,7 @@ | @@ -147,9 +149,7 @@ | ||
| 147 | 149 | ||
| 148 | a { | 150 | a { |
| 149 | width: 70px; | 151 | width: 70px; |
| 150 | - height: 70px; | ||
| 151 | text-align: center; | 152 | text-align: center; |
| 152 | - line-height: 70px; | ||
| 153 | display: block; | 153 | display: block; |
| 154 | } | 154 | } |
| 155 | 155 | ||
| @@ -157,7 +157,8 @@ | @@ -157,7 +157,8 @@ | ||
| 157 | width: 70px; | 157 | width: 70px; |
| 158 | font-size: 14px; | 158 | font-size: 14px; |
| 159 | color: #1b1b1b; | 159 | color: #1b1b1b; |
| 160 | - line-height: 30px; | 160 | + line-height: 17px; |
| 161 | + margin-top: 10px; | ||
| 161 | text-align: center; | 162 | text-align: center; |
| 162 | } | 163 | } |
| 163 | } | 164 | } |
| @@ -187,13 +188,16 @@ | @@ -187,13 +188,16 @@ | ||
| 187 | .problem { | 188 | .problem { |
| 188 | width: 992px; | 189 | width: 992px; |
| 189 | margin: 60px auto 0; | 190 | margin: 60px auto 0; |
| 191 | + | ||
| 192 | + a { | ||
| 193 | + width: 230px; | ||
| 194 | + } | ||
| 190 | } | 195 | } |
| 191 | 196 | ||
| 192 | .problem, | 197 | .problem, |
| 193 | .help-problem { | 198 | .help-problem { |
| 194 | a { | 199 | a { |
| 195 | line-height: 30px; | 200 | line-height: 30px; |
| 196 | - width: 230px; | ||
| 197 | margin-left: 10px; | 201 | margin-left: 10px; |
| 198 | display: inline-block; | 202 | display: inline-block; |
| 199 | height: 30px; | 203 | height: 30px; |
| @@ -306,12 +310,13 @@ | @@ -306,12 +310,13 @@ | ||
| 306 | 310 | ||
| 307 | .a-area, | 311 | .a-area, |
| 308 | .q-area { | 312 | .q-area { |
| 309 | - width: 416px; | 313 | + width: 450px; |
| 310 | margin: 15px auto 0; | 314 | margin: 15px auto 0; |
| 311 | position: relative; | 315 | position: relative; |
| 312 | font-size: 14px; | 316 | font-size: 14px; |
| 313 | color: #1b1b1b; | 317 | color: #1b1b1b; |
| 314 | min-height: 20px; | 318 | min-height: 20px; |
| 319 | + padding-left: 34px; | ||
| 315 | 320 | ||
| 316 | &:before { | 321 | &:before { |
| 317 | content: ""; | 322 | content: ""; |
| @@ -319,10 +324,15 @@ | @@ -319,10 +324,15 @@ | ||
| 319 | height: 18px; | 324 | height: 18px; |
| 320 | display: block; | 325 | display: block; |
| 321 | position: absolute; | 326 | position: absolute; |
| 322 | - left: -36px; | 327 | + left: 0; |
| 323 | } | 328 | } |
| 324 | } | 329 | } |
| 325 | 330 | ||
| 331 | + .q-area { | ||
| 332 | + max-height: 300px; | ||
| 333 | + overflow: auto; | ||
| 334 | + } | ||
| 335 | + | ||
| 326 | .a-area { | 336 | .a-area { |
| 327 | margin-top: 10px; | 337 | margin-top: 10px; |
| 328 | } | 338 | } |
-
Please register or login to post a comment