页面调整

public/css/common.css

@@ -2,110 +2,112 @@
 @charset "utf-8";
 /* reset section */
 *{
-  padding:0;
+	padding:0; 
-  margin:0;
+	margin:0;
-  -webkit-font-smoothing: antialiased;
+	-webkit-font-smoothing: antialiased;
-  font-family: "微软雅黑" !important;
+	font-family: 'Microsoft Yahei', sans-serif, 'SimSun', 'SimHei';
-  color: #333333;
+	color: #333333;
-  box-sizing: border-box;
+	box-sizing: border-box;
-  -webkit-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
+	-moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
+	-ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     word-break: break-word;
-  word-break: break-all;/*英文不溢出*/
+	word-break: break-all;/*英文不溢出*/
 }
 html,body{
-  margin: 0;
+	margin: 0;
-  padding: 0;
+	padding: 0;
 }
 a{ 
-  text-decoration:none;
+	text-decoration:none; 
-  cursor:pointer;
+	cursor:pointer; 
-  outline:none;
+	outline:none;
 }
 h1,h2,h3,h4,h5,h6{
-  font-weight: normal;
+	font-weight: normal;
 }
 input:focus {
-  outline:none;
+	outline:none;
 }
 button{
-  cursor:pointer;
+	cursor:pointer; 
-  border:none;
+	border:none; 
-  outline:none;
+	outline:none; 
-  background:none;
+	background:none;
 }
 img{ 
-  border: none;
+	border: none;
-  width: 100%;
+	width: 100%;
-  max-width: 100%;
+	max-width: 100%;
-  display: block;
+	display: block;
 }
 object { 
-  max-width: 100%;
+	max-width: 100%;
 }
 ul,li {
-  list-style: none;
+	list-style: none;
-  list-style-type:none;
+	list-style-type:none; 
-  text-transform:capitalize;/*首字母大写*/
+	text-transform:capitalize;/*首字母大写*/
-  margin: 0;
+	margin: 0;
-  padding: 0;
+	padding: 0;
 }
 table{ 
-  border-collapse:collapse;
+	border-collapse:collapse; 
-  border-spacing:0;
+	border-spacing:0;
 }
 table td{ 
+	
 }
 input{ 
-  border:none;
+	border:none; 
-  background:none;
+	background:none; 
-  outline:none;
+	outline:none;
-  margin: 0;
+	margin: 0;
-  padding: 0;
+	padding: 0;
 }
 button{
-  margin: 0;
+	margin: 0;
-  padding: 0;
+	padding: 0;
 }
 /*所有元素去高光*/
 a,img,button,input,textarea,div{
-  -webkit-tap-highlight-color:rgba(255,255,255,0);
+	-webkit-tap-highlight-color:rgba(255,255,255,0);
 }
 input,textarea{
+	
 }
 select::-ms-expand { 
-  display: none;
+	display: none; 
 }
 input,img,button{
-  vertical-align:middle;
+	vertical-align:middle;
-  font-family: "微软雅黑";
+	font-family: "微软雅黑";
 }
 
 .left{
-  display: block;
+	display: block;
-  float: left;
+	float: left;
 }
 .right{
-  display: block;
+	display: block;
-  float: right;
+	float: right;
 }
 .hide{ 
-  display: none;
+	display: none;
 }
 .clear{ 
-  clear: both;
+	clear: both;
 }
 .clearfloat:after{
-  display: block;
+	display: block;
-  clear: both;
+	clear: both;
-  content: "";
+	content: ""; 
-  visibility: hidden;
+	visibility: hidden;
-  height: 0;
+	height: 0;
 }
 .clearfloat{
-  zoom:1
+	zoom:1
 }
 
 
@@ -114,29 +116,29 @@ input,img,button{
 
 /*一行超出变..*/
 .elli{
-  display: block;
+	display: block;
-  text-overflow: ellipsis;
+	text-overflow: ellipsis;
-  white-space: nowrap;
+	white-space: nowrap;
-  overflow: hidden;
+	overflow: hidden;
-  word-break:break-all;
+	word-break:break-all;
 }
 /*超2行变...*/
 .over-line2{
-  display: -webkit-box;
+	display: -webkit-box;
-  -webkit-box-orient: vertical;
+	-webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
+	-webkit-line-clamp: 2;
-  overflow: hidden;
+	overflow: hidden;
-  word-break:break-all;
+	word-break:break-all;
-  word-wrap:break-word;
+	word-wrap:break-word;
 }
 /*超3行变...*/
 .over-line3{
-  display: -webkit-box;
+	display: -webkit-box;
-  -webkit-box-orient: vertical;
+	-webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
+	-webkit-line-clamp: 3;
-  overflow: hidden;
+	overflow: hidden;
-  word-break:break-all;
+	word-break:break-all;
-  word-wrap:break-word;
+	word-wrap:break-word;
 }
 /*盒子模型*/
 .flex-box{