updated 添加链接

index.html

@@ -10,7 +10,7 @@
 		<meta http-equiv="Cache-Control" content="no-transform" />
 		<meta name="format-detection" content="telephone=no"/>
 		<title>中国亲戚关系计算器 亲戚称谓计算器 亲戚称呼大全</title>
-		<meta name="keywords" content="家庭称谓,亲戚称呼,亲戚称谓,亲戚叫法,亲属关系,亲属称谓,关系计算器,亲戚计算器,称呼计算器,称谓计算器,辈分计算器,親戚關係稱呼,亲戚关系大全,亲戚关系称呼大全"/>
+		<meta name="keywords" content="家庭称谓,亲戚称呼,亲戚称谓,亲戚叫法,亲属关系,亲属称谓,关系计算器,亲戚计算器,称呼计算器,称谓计算器,辈分计算器,親戚關係稱呼,親戚稱呼計算機,亲戚关系大全,亲戚称呼大全"/>
 		<meta name="description" content="中国亲戚关系计算器是一款最为全面准确的亲戚称呼计算器及亲戚关系在线查询工具，逢年过节走亲访友必备神器，亦可作为家庭启蒙教育应用。"/>
 		<link rel="stylesheet" href="style/index.css">
 		<script type="text/javascript">
@@ -220,6 +220,13 @@
 							</div>
 						</div>
 						<div class="ft">
+							<div class="banner">
+								<a href="/relationship/vue/" target="_blank">
+									<img src="image/app.png" width="213" alt="亲戚关系APP"/>
+									<span class="title">亲戚称呼计算器移动版</span>
+									<span class="subtitle">无需下载APP，手机即查即用</span>
+								</a>
+							</div>
 							<div class="article">
 								<p>亲属是基于婚姻、血缘和法律拟制而形成的社会关系。亲属关系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孙子女和外孙子女、儿媳和公婆、女婿和岳父母、以及其他三代以内的旁系血亲，如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹等。</p>
 								<p>亲属称谓指是以本人为中心确定亲族成员和本人关系的名称，是基于血亲姻亲基础上的亲属之间相互称呼的名称、叫法。汉族的家族亲属关系条理分明尊卑有序：比自己长一辈的称呼有姨姑舅叔伯，同辈的有兄弟姊妹、堂表亲等等，下一辈有甥侄等等。中国人由于姻亲而产生的亲戚关系相当庞杂，“祖宗十八代”“五服”“九族”让人难以区分，其派生出的各种称谓也是中华文化的一大特征。</p>

script/relationship.js

@@ -215,7 +215,7 @@
         '[xb|xs]':['兄弟姐妹','同胞','手足'],
         '[ob|os]':['哥哥姐姐'],
         '[lb|ls]':['弟弟妹妹'],
-        '[ob|ob,w]':['哥嫂','哥哥嫂嫂'],
+        '[ob|ob,w]':['哥哥嫂嫂'],
         '[xb,s|xb,d]':['侄子女','侄子侄女'],
         '[xs,s|xs,d]':['甥子女','外甥子女'],
         '[s|d]':['子女','儿女','小孩','孩子','孩子们','孩儿','宝宝','宝贝','娃','儿辈','子辈'],
@@ -1298,9 +1298,9 @@
         'm,xb,d,d,d':['舅表甥外孙女'],
         'm,xb,d,d,d,h':['舅表甥外孙婿'],
         'm,ob':['大舅','舅父'],
-        'm,ob,w':['大舅妈','大妗子','大妗'],
+        'm,ob,w':['大舅妈','大妗','大妗'],
         'm,lb':['小舅','舅仔','舅父仔'],
-        'm,lb,w':['小舅妈','小妗子','细妗'],
+        'm,lb,w':['小舅妈','小妗','细妗'],
         // 从母
         'm,os':['大姨','大姨妈','姨妈'],
         'm,os,h':['大姨父','大姨丈'],
@@ -1528,10 +1528,10 @@
         'h,xb,d,s,w':['叔侄外孙妇'],
         'h,xb,d,d':['叔侄外孙女'],
         'h,xb,d,d,h':['叔侄外孙婿'],
-        'h,os':['大姑子','大姑','大娘姑','大姑姐','夫姐'],
+        'h,os':['大姑子','大娘姑','大姑姐','夫姐','婆姐','婆婆姐'],
-        'h,os,h':['大姑夫','姊丈','大姑姐夫'],
+        'h,os,h':['大姑夫','姊丈','大姑姐夫','婆姐夫','婆婆姐夫','大姑姐夫','大亘子'],
-        'h,ls':['小姑子','小姑','小姑妹','姑妹','夫妹'],
+        'h,ls':['小姑子','小姑妹','姑妹','夫妹'],
-        'h,ls,h':['小姑夫','小亘子','小姑妹夫'],
+        'h,ls,h':['小姑夫','小姑妹夫','小亘子'],
         'h,xs,s':['姑甥男','夫甥男','姑男','婆家甥男','婆家甥子'],
         'h,xs,s,w':['姑甥妇','姑妇'],
         'h,xs,s,s':['姑甥孙男'],
@@ -1651,10 +1651,10 @@
         'w,xb,d,d':['内侄外孙女','姨侄外孙女'],
         'w,xb,d,d,h':['内侄外孙婿','姨侄外孙婿'],
         'w,os':['大姨子','大姨姐','妻姐','内姐'],
-        'w,os,h':['大姨夫','大姨姐夫','襟兄',],
+        'w,os,h':['大姨夫','大姨姐夫','襟兄','大尹子'],
         'w,ls':['小姨子','小姨妹','妻妹','内妹','小妹儿'],
-        'w,ls,h':['小姨夫','小姨妹夫','襟弟'],
+        'w,ls,h':['小姨夫','小姨妹夫','襟弟','小尹子'],
-        'w,xs,h':['连襟','连桥','姨夫','一担挑','老挑'],
+        'w,xs,h':['连襟','连桥','姨夫','一担挑','老挑','担儿挑','连襟儿'],
         'w,xs,s':['内甥','内甥男','妻甥男','姨甥男','岳甥男','丈人甥男','姨男','从男'],
         'w,xs,s,w':['内甥妇','妻甥妇','姨甥妇','岳甥妇','丈人甥妇','姨妇'],
         'w,xs,s,s':['内甥孙男','姨甥孙男'],
@@ -1669,7 +1669,7 @@
         'w,xs,d,d,h':['内甥外孙婿','姨甥外孙婿'],
         // 兄弟
         'ob':['哥哥','哥','兄','老哥','兄长','阿哥','大佬','胞哥','大哥','x哥'],
-        'ob,w':['嫂子','嫂','嫂嫂','兄嫂','兄妇','兄妻','大嫂','阿嫂','x嫂'],
+        'ob,w':['嫂子','嫂','嫂嫂','哥嫂','兄嫂','兄妇','兄妻','大嫂','阿嫂','x嫂'],
         'lb':['弟弟','弟','胞弟','老弟','阿弟','细佬','x弟'],
         'lb,w':['弟妹','弟媳','弟媳妇','弟妇','x弟妹'],
         'xb':['兄弟','亲兄弟'],
@@ -1988,7 +1988,7 @@
         '1,xs,h,xs,s':['姑姻姑男'],
         '0,xs,h,xs,d':['姨姻姑女'],
         '1,xs,h,xs,d':['姑姻姑女'],
-        'xs,s':['外甥','外甥男','甥男','甥儿','甥子','外甥儿','外甥子','外甥儿子'],
+        'xs,s':['外甥','外甥男','甥男','甥儿','甥男儿','甥子','甥儿子','外甥儿','外甥子','外甥儿子'],
         'xs,s,w':['外甥媳妇','甥媳妇','甥妇'],
         'xs,s,w,f&o':['甥眷兄'],
         'xs,s,w,f&l':['甥眷弟'],
@@ -2050,7 +2050,7 @@
         'xs,s,d,d,h':['甥曾外孙女'],
         'xs,s,d,d,s':['甥曾外曾外孙'],
         'xs,s,d,d,d':['甥曾外曾外孙女'],
-        'xs,d':['外甥女','甥女','外甥囡','外甥女儿'],
+        'xs,d':['外甥女','甥女','外甥囡','甥女儿','外甥女儿'],
         'xs,d,h':['外甥女婿','甥女婿','甥婿'],
         'xs,d,h,f&o':['甥姻兄'],
         'xs,d,h,f&l':['甥姻弟'],

style/index.css

@@ -29,7 +29,7 @@ a:hover{
     padding: 0 15px 30px;
 }
 .inner{
-    max-width: 728px;
+    max-width: 720px;
     margin: 0 auto;
 }
 
@@ -48,7 +48,7 @@ a:hover{
     display: block;
     height: 20px;
     padding: 5px 12px;
-    background: #eee;
+    background: #f0f0f0;
     line-height: 20px;
     color: #444;
     border-bottom-left-radius: 6px;
@@ -69,7 +69,7 @@ a:hover{
     padding: 0 12px;
     border: 1px solid #ececec;
     border-radius: 6px;
-    line-height: 32px;
+    line-height: 34px;
     text-decoration: none;
     text-align: center;
     font-size: 14px;
@@ -97,6 +97,10 @@ a:hover{
 .mod-head .btn span,.mod-head .btn svg{
     vertical-align: middle;
 }
+.mod-head .btn svg,.mod-head .btn svg+span{
+    position: relative;
+    top: -1px;
+}
 .mod-head .btn:hover {
     color: #000;
     opacity: 1;
@@ -269,7 +273,7 @@ a:hover{
     margin-right: 10px;
 }
 .mod-panel .ft{
-    padding-top: 5px;
+    padding-top: 10px;
     border-top:1px dotted #e0e0e0;
 }
 .mod-panel .about{
@@ -322,6 +326,42 @@ a:hover{
     line-height: 22px;
     text-indent: 2em;
 }
+.mod-panel .banner{
+    border: 1px solid #eee;
+    border-radius: 5px;
+    overflow: hidden;
+    box-shadow: 1px 2px 8px rgba(0,0,0,0.03);
+}
+.mod-panel .banner a{
+    display: block;
+    height: 160px;
+    padding: 10px;
+    background: #fcfcfc;
+    overflow: hidden;
+}
+.mod-panel .banner a:hover{
+    text-decoration: none;
+    background: #fffbf5;
+}
+.mod-panel .banner img{
+    float: left;
+    margin-top: -5px;
+    margin-left: 30px;
+}
+.mod-panel .banner span{
+    display: block;
+    margin-left: 50%;
+    line-height: 32px;
+}
+.mod-panel .banner span.title{
+    margin-top: 45px;
+    font-weight: bold;
+    font-size: 24px;
+    color: #646464;
+}
+.mod-panel .banner span.subtitle{
+    font-size: 18px;
+}
 .mod-panel .table-inner{
     overflow-x: auto;
 }
@@ -381,6 +421,7 @@ a:hover{
 .mod-qrcode p{
     line-height: 30px;
 }
+
 @media screen and (max-width: 800px)  {
     .mod-panel .hd{
         padding-top: 10px;