updated 文案调整

index.html

@@ -30,7 +30,6 @@
 					<div class="mod-head">
 						<div class="bd">
 							<a class="btn btn-blue" href="/relationship/vue/" target="_blank">手机版</a>
-							<a class="btn" href="/relationship/table.html" target="_blank">亲戚大全</a>
 							<a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank">Github</a>
 							<a class="btn" href="/">返回首页</a>
 						</div>
@@ -43,7 +42,7 @@
 						<div class="hd">
 							<h1>中国亲戚关系计算器</h1>
 							<p>逢年过节遇到三姑六婆，拒绝叫不出口的尴尬！轻松搞定亲戚关系～</p>
-							<p>当前亲戚称呼大全已收录约<b id="count">-</b>条亲戚关系</p>
+							<p>当前<a href="/relationship/table.html" target="_blank">亲戚称呼大全</a>已收录约<b id="count">-</b>条亲戚关系</p>
 						</div>
 						<div class="bd">
 							<div class="box">
@@ -217,44 +216,18 @@
 							</div>
 						</div>
 						<div class="ft">
-							<div class="banner">
-								<table>
-									<tbody>
-										<tr>
-											<td width="80" align="center"><img src="https://p1.ssl.qhimg.com//t01c4ee94dd7651736c.png" alt="360安全卫士" width="40" height="40" title="360安全卫士"></td>
-											<td><p class="name">360安全卫士</p></td>
-											<td><p>大安全时代，提供全面安全服务</p></td>
-											<td><p><a class="download" href="https://dl.360safe.com/netunion/20140425/360safe+322990+yq.exe">下载电脑版</a></p></td>
-										</tr>
-										<tr>
-											<td width="80" align="center"><img src="https://p2.ssl.qhimg.com//t012c87c89566386cb6.png" alt="360杀毒" width="40" height="40" title="360杀毒"></td>
-											<td><p class="name">360杀毒</p></td>
-											<td><p>一键扫描,全面诊断,彻底杀毒,拦截广告</p></td>
-											<td><p><a class="download" href="https://dl.360safe.com/netunion/20140425/360sd_322990.exe">下载电脑版</a></p></td>
-										</tr>
-										<tr>
-											<td width="80" align="center"><img src="https://p5.ssl.qhimg.com//t01462cd0aa6775c6cf.png" alt="360安全浏览器" width="40" height="40" title="360安全浏览器"></td>
-											<td><p class="name">360安全浏览器</p></td>
-											<td><p>全面守护上网安全,防病毒网站,防隐私泄露</p></td>
-											<td><p><a class="download" href="https://dl.360safe.com/netunion/20140425/360se+322990+yq.exe">下载电脑版</a></p></td>
-										</tr>
-										<tr>
-											<td width="80" align="center"><img src="https://p2.qhimg.com/dmt/100_72_/t01f853b192de5e2223.png" alt="360压缩" width="40" height="40" title="360压缩"></td>
-											<td><p class="name">360压缩</p></td>
-											<td><p>永久免费、安全、高效</p></td>
-											<td><p><a class="download" href="https://dl.360safe.com/netunion/20140425/360zip_yqlm_322990.exe">下载电脑版</a></p></td>
-										</tr>
-									</tbody>
-								</table>
-							</div>
 							<div class="article">
 								<p>亲属称谓指是以本人为中心确定亲族成员和本人关系的名称，是基于血亲姻亲基础上的亲属之间相互称呼的名称、叫法。汉族的家族亲属关系条理分明尊卑有序：比自己长一辈的称呼有姨姑舅叔伯，同辈的有兄弟姊妹、堂表亲等等，下一辈有甥侄等等。中国人由于姻亲而产生的亲戚关系相当庞杂，“祖宗十八代”“五服”“九族”让人难以区分，其派生出的各种称谓也是中华文化的一大特征。</p>
 								<p>如今由于工作生活节奏差异，很多关系稍疏远的亲戚之间来往并不多，年龄差异长幼辈分模糊。春节拜年走亲戚遇到七大姑八大姨，往往会搞不清楚哪位亲戚应该喊什么称呼，很是尴尬。不仅小孩搞不清亲戚关系和亲戚称谓，就连年轻一代的大人也都常常模糊混乱。</p>
 								<p>“中国亲戚关系计算器”为你避免了叫错、不会叫亲戚的尴尬，收录了中国亲戚关系称呼大全，只需简单的输入即可完成称呼计算。称呼计算器同时兼容了不同地域的方言叫法，你可以称呼父亲为：“老爸”、“爹地”、“老爷子”等等。让您准确的叫出亲戚称谓，理清亲属之间的亲戚关系，轻松掌握中国式的亲戚关系换算。</p>
 							</div>
 							<div class="copy">
-								<p><a class="github-button" href="https://github.com/mumuy" data-style="mega" data-count-href="/mumuy/followers" data-count-api="/users/mumuy#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @mumuy on GitHub" rel="nofollow">Follow @mumuy</a>
+								<p><span>本程序算法已开源，请尊重版权保留出处信息</span></p>
-								<a class="github-button" href="https://github.com/mumuy/relationship" data-style="mega" data-count-href="/mumuy/relationship/stargazers" data-count-api="/repos/mumuy/relationship#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star mumuy/relationship on GitHub" rel="nofollow">Star</a></p>
+								<p><span>若在使用中发现逻辑问题，可在此</span><a class="text-red" href="https://github.com/mumuy/relationship/issues" rel="nofollow" target="_blank">反馈问题</a></p>
+								<p class="buttons">
+									<a class="github-button" href="https://github.com/mumuy" data-style="mega" data-count-href="/mumuy/followers" data-count-api="/users/mumuy#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @mumuy on GitHub" rel="nofollow">Follow @mumuy</a>
+									<a class="github-button" href="https://github.com/mumuy/relationship" data-style="mega" data-count-href="/mumuy/relationship/stargazers" data-count-api="/repos/mumuy/relationship#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star mumuy/relationship on GitHub" rel="nofollow">Star</a>
+								</p>
 								<p>&copy; <a href="http://passer-by.com">passer-by.com</a></p>
 							</div>
 						</div>

style/index.css

@@ -179,6 +179,7 @@ a:hover{
     color: #333333;
     cursor: pointer;
     outline: none;
+    border-radius: 4px;
 }
 .mod-panel .bd .btn:hover{
 	background: #e4e4e4;
@@ -243,12 +244,22 @@ a:hover{
 	text-indent: 2em;
 }
 .mod-panel .copy{
-    padding: 0 20px;
+    padding: 10px 20px;
-    margin-bottom: 20px;
+    margin-bottom: 15px;
     text-align: center;
 }
 .mod-panel .copy p{
-    line-height: 24px;
+    line-height: 22px;
+}
+.mod-panel .copy p a,.mod-panel .copy p span{
+    vertical-align: middle;
+}
+.mod-panel .copy p.buttons{
+    margin: 10px 0 5px;
+}
+.mod-panel .copy .text-red{
+    font-weight: bold;
+    color: #fd7474;
 }
 .mod-panel .intro,.mod-panel .article{
     padding:  10px 20px;
@@ -374,9 +385,6 @@ a:hover{
         margin-bottom: 5px;
         line-height: 24px;
     }
-    .mod-panel .banner{
-        display: none;
-    }
 
     .mod-qrcode{
         position: static;