add new fun

ctrip/lvtu/css/main.css

@@ -13,6 +13,7 @@ body{
 }
 .header{
 	position: absolute;
+	top:45px;
 	width:100%;
 	height:40px;
 	background-color:#FAFBFB;
@@ -39,7 +40,7 @@ body{
 
 .header_logo{
 	width:100px;
-	border-right: 1px dashed #ddd;
+	/*border-right: 1px dashed #ddd;*/
 }
 
 .header_logo img{
@@ -76,9 +77,10 @@ body{
 
 .search{
 	width:100%;
+	padding-top:5px;
 	height:45px;
 	position: absolute;
-	top:42px;
+	top:0px;
 	background-color: #FAFBFB;
 	border-bottom: 1px solid #ccc;
 }
@@ -92,6 +94,10 @@ body{
 	width: 100%;
 	font-size:16px;
 	-webkit-tap-highlight-color: #FFFFFF;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+  	appearance: none;
+  	color: #A9A9A9;
 }
 
 .search_btn{
@@ -107,7 +113,7 @@ body{
 
 .input_div{
 	position: absolute;
-	left: 4px;
+	left: 100px;
 	right:60px;
 }
 
@@ -116,7 +122,7 @@ body{
 	right:10px;
 	width:60px;
 	height:140px;
-	top: 100px;
+	top: 70px;
 	cursor: pointer;
 }
 
@@ -132,6 +138,124 @@ body{
 	margin-left:5px;
 }
 
+@-webkit-keyframes flash {
+	0%    { opacity:0; }
+	50%   { opacity:1; }
+	100%  { opacity:0; }
+}
+.firebug_flash{
+	-webkit-animation-name: flash;
+	-webkit-animation-iteration-count:infinite;
+	-webkit-animation-duration:1s;
+	background-color:#F7001D;
+}
+
+.charts_pannel{
+	position:absolute;
+	background-color:#fff;
+	left:10px;
+	top:70px;
+	opacity: 0.9;
+	height:290px;
+	width:190px;
+	border:1px solid #ddd;
+}
+.charts_div{
+	width:190px;
+	height:190px;
+}
+
+.charts_info{
+	color:#000;
+	margin-top:-22px;
+	margin-left:5px;
+	font-size:13px;
+	line-height:17px;
+}
+
+.charts_info span{
+	color: #0091FF;
+}
+
+.timeline_pannel{
+	position:absolute;
+	top:70px;
+	left:230px;
+	right:80px;
+	height:50px;
+	background-color:#FFF;
+	padding: 3px;
+	border:1px solid #ddd;
+	opacity: 0.8;
+	visibility: hidden;
+}
+
+.timeline{
+	width:100%;
+	height:3px;
+	margin-top:22px;
+	background-color:#E82D00;
+}
+
+.timeline_item{
+	font-size:13px;
+	float:left;
+	margin-top:-15px;
+	margin-left:15px;
+	width:50px;
+	height:30px;
+	text-align:center;
+	line-height:30px;
+	color:#fff;
+	background-color:#0091FF;
+}
+
+.tempe{
+	margin-top:5px;
+	width:30%;
+	height:30px;
+	line-height:30px;
+	text-align:center;
+	font-size:18px;
+}
+
+.search_list{
+	position:absolute;
+	top:41px;
+	left:100px;
+	right:52px;
+	height:130px;
+	border:1px solid #ddd;
+	background-color: #FFF;
+	z-index:10050;
+	display: none;
+}
+
+.search_list>a:nth-child(1){
+	margin-top:5px;
+}
+.search_list>a{
+	display: block;
+	color:#9E9E9E;
+	font-size:16px;
+	height:24px;
+	line-height:24px;
+	padding-left:5px;
+	cursor:pointer;
+}
+
+.search_list>a:hover{
+	background-color: #ddd;
+}
+
+
+.add_mask{
+	position:absolute;
+	left:0;right:0;top:0;bottom:0;
+	background-color:#4E4D4C;
+	opacity: 0.5;
+	display: none;
+}