add info module

meitu/css/main.css

@@ -43,6 +43,7 @@ html body {
 		font-size: 32px
 	}
 }
+/*----*/
 #map {
 	width: 100%;
 	height: 100%;
@@ -199,7 +200,7 @@ html body {
 .router{
 	position:absolute;
 	left:10px;
-	top:105px;
+	top:110px;
 	width:45px;
 	min-height:220px;
 	background-color:#fff;
@@ -219,21 +220,47 @@ html body {
 	position:absolute;
 	left:0px;
 	right:0px;
-	bottom:0;
+	bottom:5px;
 	height:130px;
 	z-index:10000;
-	background-color:#FFF;
-	/*border-top:1px solid #CCCCCC;*/
 	overflow: hidden;
-	opacity: 0.8;
 }
 
 .SN_info_wrapper{
 	height:130px;
 	-webkit-transform: translate3d(0px, 0px, 0px);
 	transform: translate3d(0px, 0px, 0px);
-	opacity: 0.8;
-	-webkit-opacity:0.8;
+}
+
+.SN_info_item{
+	height:130px;
+	float:left;
+	background-color:#fff;
+	margin-left:10px;
+	margin-right:10px;
+	box-sizing:border-box;
+	border-radius:2px;
+	border:1px solid #ddd;
+}
+
+.SN_info_img{
+	margin-top:20px;
+	width:100px;
+	height:100px;
+	margin-right:2px;
+}
+
+.SN_info_img img{
+	max-height:100px;
+	max-width:100px;
+}
+
+.SN_info_tui{
+	position: relative;
+	margin-top:20px;
+	margin-left:4px;
+	height:100px;
+	overflow: hidden;
 }
 
 
@@ -241,4 +268,3 @@ html body {
 
 
 
-