|
|
@ -76,15 +76,18 @@ |
|
|
|
} |
|
|
|
.new { |
|
|
|
overflow: hidden; |
|
|
|
position: relative; |
|
|
|
margin-bottom: 30px; |
|
|
|
} |
|
|
|
.new-collapse { |
|
|
|
max-height: 340px; |
|
|
|
max-height: 360px; |
|
|
|
} |
|
|
|
.show-button { |
|
|
|
position: relative; |
|
|
|
.show-mask { |
|
|
|
display: block; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
text-align: center; |
|
|
|
margin-top: -340px; |
|
|
|
padding-top: 340px; |
|
|
|
padding-top: 320px; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.footer { |
|
|
@ -148,18 +151,17 @@ |
|
|
|
<li>建议在电脑上操作以免丢失未保存的内容。如果出错(例如验证问题答错了),请回退,多数浏览器都会恢复之前填写的内容。</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<a href="##" onclick="showNew()" style="display:block"> |
|
|
|
<div class="show-button"> |
|
|
|
<span><svg fill="#000" viewBox="0 12 24 48" width="24"><path d="m0 24 l12 18 l12 -18 z"></path></svg></span> |
|
|
|
</div> |
|
|
|
<a href="##" onclick="showNew()" class="show-mask"> |
|
|
|
<span><svg fill="#fff" viewBox="0 12 24 48" width="24"><path d="m0 24 l12 18 l12 -18 z"></path></svg></span> |
|
|
|
</a> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<script> |
|
|
|
function showNew() { |
|
|
|
$('#new').removeClass('new-collapse'); |
|
|
|
$('.show-button').hide(); |
|
|
|
$('.show-mask').hide(); |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|