updated 样式优化

style/index.css

@@ -34,6 +34,7 @@ a:hover{
 }
 
 .mod-head{
+    padding: 0 20px;
     line-height: 36px;
     text-align: right;
 }
@@ -55,7 +56,13 @@ a:hover{
 	margin:0 auto 20px;
 }
 .mod-panel .bd p{
-	line-height: 30px;
+    overflow: hidden;
+}
+.mod-panel .field{
+    line-height: 28px;
+}
+.mod-panel .field span,.mod-panel .field input{
+    vertical-align: middle;
 }
 .mod-panel .input-text{
     width: 60px;
@@ -69,7 +76,7 @@ a:hover{
 .mod-panel .input-button {
     height: 30px;
     width: 80px;
-    margin: 15px  10px 0 0;
+    margin: 10px 10px 10px 0;
     background: #4bae4f;
     border: medium none;
     line-height: 30px;
@@ -79,7 +86,9 @@ a:hover{
     cursor: pointer;
     outline: none;
 }
-.mod-panel label,.mod-panel p span{
+.mod-panel label{
+    display: inline-block;
+    min-width: 90px;
     margin-right:10px;
 }
 .mod-panel .btn{
@@ -146,13 +155,32 @@ a:hover{
 }
 
 @media screen and (max-width: 800px)  {
+    .mod-panel .hd{
+        padding-top: 10px;
+        margin-bottom: 10px;
+    }
+    .mod-panel .hd h1{
+        font-size: 20px;
+    }
+    .mod-panel .hd p{
+        line-height: 24px;
+        overflow: hidden;
+    }
+    .mod-panel textarea{
+        width: 100%;
+        height: 80px;
+        box-sizing: border-box;
+    }
     .mod-panel p span{
+        float: left;
+        width: 50%;
+        text-align: center;
         margin-right: 0;
     }
     .mod-panel .btn{
-        width: 80px;
-        margin-bottom: 7px;
-        line-height: 28px;
+        width: 48%;
+        margin-bottom: 5px;
+        line-height: 24px;
     }
 
     .mod-qrcode,.mod-my{