日期:2014-05-16 浏览次数:20504 次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{
margin:0 ;
padding:0;
}
li{
list-style:none;
}
.search{
position:absolute;
top:0;
left:50%;
margin-left:-487px;
}
.search_wei_left{
width:280px;
height:360px;
float:left;
position:relative;
}
.search_wei_left .search_head{
width:280px;
float:left;
}
.search_wei_left .search_head li{
width:140px;
height:40px;
float:left;
background:#6F828A;
color:#FFF;
font-size:18px;
font-weight:bold;
line-height:40px;
text-align:center;
cursor:pointer;
}
.search_wei_left .search_head .active{
background:#FFF;
filter:alpha(opacity:60);
opacity:0.6;
color:#00BCF3;
}
.search_wei_left .search_con{
width:280px;
height:320px;
float:left;
background:#066;
}
.search_xianshi{
position:absolute;
top:40px;
left:0;
width:280px;
height:320px;
}
.search_input1{
width:240px;
height:35px;
float:left;
border:1px solid #BFBFBF;
margin:20px 20px;
background:#FFF;
}
.search_input1_left{
width:218px;
height:35px;
float:left;
position:relative;
}
.search_input1_left .input1{
width:218px;
height:15px;
padding:10px 0;
border:0;
font-size:13px;
line-height:20px;
float:left;
outline:none;
color:#7D7D7D;
}
</style>
</head>
<body>
<div class="search">
<div class="search_wei_left">
<div class="search_head">
<ul>
<li class="active">普通订房</li>
<li>家庭订房</li>
</ul>
</div>
<div class="search_con"></div>
<div class="search_xianshi">
<div class="search_con1" style="display:block;">
<form>
<div class="search_input1">
<div class="search_input1_left">
<input type="text" class="input1" value="输入或者选择小镇名称和目的地"/>
</div>
</div>
</form>
</div>