页面调整

public/css/common.css

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