updated

style/index.css

@@ -35,7 +35,7 @@ a:hover{
 
 .mod-head .bd{
     padding: 10px 15px;
-    line-height: 36px;
+    line-height: 30px;
     text-align: right;
 }
 .mod-head .btn{
@@ -73,7 +73,7 @@ a:hover{
     width: 100%;
 }
 .mod-panel .hd{
-	padding: 15px 0;
+	padding: 10px 0;
 	line-height: 24px;
 	text-align: center;
 }
@@ -130,7 +130,7 @@ a:hover{
 	display: none;
 }
 .mod-panel .operation{
-	margin: 15px 0;
+	margin: 10px 0;
 }
 .mod-panel .row{
     margin-bottom: 5px;
@@ -208,7 +208,7 @@ a:hover{
 .mod-panel .bd textarea{
     display: block;
 	width: 100%;
-	height: 150px;
+	height: 120px;
 	padding:5px 10px;
 	background: #f8f8f8;
 	border: 1px solid #e8e8e8;
@@ -243,7 +243,7 @@ a:hover{
 .mod-panel .copy p{
     line-height: 24px;
 }
-.mod-panel .intro{
+.mod-panel .intro,.mod-panel .article{
     padding:  15px 20px;
     margin: 15px 0;
     background: #f5f5f6;
@@ -264,6 +264,10 @@ a:hover{
 .mod-panel .intro p.a{
     color: #666;
 }
+.mod-panel .article p{
+    line-height: 22px;
+    text-indent: 2em;
+}
 .mod-panel table {
     width: 100%;
     border: 1px solid #cee1ee;
@@ -365,4 +369,4 @@ a:hover{
     .mod-qrcode .box{
         margin: 0 auto;
     }
-}
+}