updated 适配

index.html

@@ -76,6 +76,17 @@
 						</div>
 					</div>
 				</div>
+				<div class="mod-article">
+					<div class="inner">
+						<div class="bd">
+							<p>行政区划就是国家为了进行分级管理而实行的国土和政治、行政权力的划分。一般说来，行政区划是以在不同区域内，为全面实现地方国家机构能顺利实现各种职能而建立的不同级别政权机构作为标志。行政区划的层级与一个国家的中央地方关系模式、国土面积的大小、政府与公众的关系状况等因素有关。</p>
+							<p>行政区划代码，也称行政代码，它是国家行政机关的识别符号，一般执行两项国家标准：《中华人民共和国行政区划代码》（GB/T2260-2007)和《县以下行政区划代码编制规则》（GB/T10114-2003)。由9位阿拉伯数字组成，相当于机关单位的身份号码。按照国务院《行政区划管理条例》规定，行政区划代码由民政部门确定、发布。该标准对我国县以上行政区划的代码做了规定，用六位阿拉伯数字分层次代表我国的省（自治区、直辖市）、地区（市、州、盟）、县（区、市、旗）的名称。代码从左至右的含义是：</p>
+							<p>第一、二位表示省（自治区、直辖市、特别行政区）。</p>
+							<p>第三、四位表示市（地区、自治州、盟及国家直辖市所属市辖区和县的汇总码）。其中，01-20，51-70表示省直辖市；21-50表示地区（自治州、盟）。</p>
+							<p>第五、六位表示县（市辖区、县级市、旗）。01-20表示市辖区或地区（自治州、盟）辖县级市；21-70表示县（旗）；81-99表示省直辖县级市；71-80表示工业园区或者经济开发区。</p>
+						</div>
+					</div>
+				</div>
 				<div class="mod-copy">
 					<div class="inner">
 						<div class="hd"><span>数据开源</span></div>

static/style/index.css

@@ -455,86 +455,17 @@ a:hover{
         padding-top: 0;
         width: auto;
         margin-bottom: 15px;
-        text-align: center;
     }
     .mod-panel .hd h1{
         margin-bottom: 5px;
         line-height: 26px;
         font-size: 20px;
     }
-    .mod-panel .hd h1 span.name{
-        display: inline;
-    }
     .mod-panel .hd p{
         line-height: 22px;
         font-size: 13px;
         overflow: hidden;
     }
-    .mod-panel .hd .picture{
-        width: auto;
-        padding-top: 0;
-    }
-    .mod-panel .hd .picture img{
-        width: 256px;
-        height: 160px;
-        margin-left: 0;
-    }
-    .mod-panel .hd .picture .btn{
-        display: block;
-        margin: 0 auto;
-    }
-    .mod-panel .bd{
-        margin-left: 0;
-    }
-    .mod-panel .bd .c-hd{
-        text-align: center;
-    }
-	.mod-panel .bd .c-hd ul{
-		overflow-x: auto;
-		white-space: nowrap;
-	}
-	.mod-panel .bd .c-hd li{
-		float: none;
-		display: inline-block;
-		width: auto;
-        min-width: 30%
-	}
-	.mod-panel .bd .c-hd li a{
-		padding: 0 4px;
-	}
-    .mod-panel .bd .c-bd{
-        height: auto;
-    }
-    .mod-panel textarea{
-        width: 100%;
-        height: 80px;
-        box-sizing: border-box;
-    }
-    .mod-panel .bd p span{
-        float: left;
-        width: 50%;
-        text-align: center;
-        margin-right: 0;
-    }
-    .mod-panel .btn{
-        width: 48%;
-        margin-bottom: 5px;
-        line-height: 24px;
-    }
-    .mod-panel .btn-3{
-        width: 32%;
-    }
-
-    .mod-intro{
-        margin-bottom: 25px;
-    }
-    .mod-intro .bd li{
-        float: none;
-        width: auto;
-    }
-    .mod-intro .bd .item{
-        margin: 0 5px 5px;
-    }
 
     .mod-article{
         margin-bottom: 25px;
@@ -554,17 +485,6 @@ a:hover{
         font-size: 14px;
     }
 
-    .mod-app{
-        margin-bottom: 25px;
-    }
-    .mod-app .bd ul{
-        padding: 10px 0;
-    }
-    .mod-app .bd li{
-        display: inline-block;
-        width: 48%;
-    }
-
     .mod-copy{
         padding: 15px 0 25px;
         margin-bottom: 25px;
@@ -577,16 +497,15 @@ a:hover{
 
 @media screen and (max-width: 640px) {
     .mod-panel .inner{
-        padding: 10px 0;
+        padding: 10px;
     }
     .mod-panel .bd .c-bd{
         padding: 15px 10px;
     }
-
-    .mod-intro .hd{
-        margin: 0 0 5px;
+    .mod-panel .bd input[type="text"]{
+        width: 200px;
     }
-    .mod-intro .bd .item{
-        margin: 0 0 5px;
+    .mod-panel .bd .btn{
+        min-width: 64px;
     }
 }