SearchFlight_Joker
程序员文章站
2022-04-01 13:48:22
...
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>DragonFlighttitle>
link href="css/SearchFlight.css" rel="stylesheet"type="text/css">
script type="text/javascript" src="js/jquery-1.11.3.js">script>
script type="text/javascript" src="js/SearchFlight.js">script>
style type="text/css">
.*{
margin:0;
padding:0;
}
/* banner begin*/
.banner{
width:100%;
height:80px;
line-height: 65px;
text-align: left;
margin-left:65px;
padding-left: 160px;
font-family: arial bold;
font-size: 40px;
background: url(http://www.websbook.com/upimg/litimg/080214/03203011303.jpg) no-repeat left center;
}/* banner end*/
/* main-navigation begin */
.main-navigation {
width: 100%;
height:50px;
text-align: center;
display: inline-block;
background: #3b3c3b;
}
.main-navigation ul {
display: block;
list-style-type: none;
width:80%;
height:44px;
margin:3px auto;
}
.main-navigation ul li {
float: left;
display: inline-block;
height:44px;
padding: 0px 10px;
}
.main-navigation ul li a {
float: left;
display: inline-block;
height:45%;
line-height: 70%;
padding: 13px 5px;
font: bold 12px/12px Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 15px;
text-decoration: none;
text-transform: uppercase;
}
.main-navigation ul li a:hover {
background-color: #fff;
color: #000;
border-radius:2px;
}/* main-navigation end */
/* base_top begin */
.base_top{
background: url(http://image.so.com/v?ie=utf-8&src=hao_360so&q=travel&fromurl=http%3A%2F%2Fmy.pclady.com.cn%2Fp%2F1238671.html#ie=utf-8&src=hao_360so&q=travel&fromurl=http%3A%2F%2Fmy.pclady.com.cn%2Fp%2F1238671.html&lightboxindex=5&id=8dcafcdf5f48fd304bce18a6751a231d&multiple=0&itemindex=0&dataindex=30) no-repeat center center;
}
#search_box {
width: 50%;
margin: 5px auto;
z-index: 10;
border-radius: 6px;
color: #000;
font-size: 14px;
font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
padding: 5px;
background-color: #3498db;
}
.search-title .flight-tit {
width: 228px;
}
.search-title h3 {
margin-top: 4px;
line-height: 45px;
text-align: center;
color: #fff;
font-size: 25px;
font-family: "Microsoft Yahei",arial,sans-serif;
font-weight: 300;
border: solid #3498db;
border-width: 1px 1px 0;
border-radius: 6px;
}
.form_group {
margin: 0 0 15px;
position: relative;
line-height: 30px;
}
.search_filter,.search_filter form {
display: block;
margin-top: 0em;
}
.search_form {
position: relative;
overflow: hidden;
margin: 0 auto;
padding:10px 28px;
border-radius: 5px;
background-color: #fff;
color: #333;
font-size: 14px;
}
.search_form .form_group .form_fields label input{
width:50px;
display:inline-block;
margin:0;
padding:0;
}
.form_title{
float:left;
padding-right:5px;
}
/* .search_form .ico_info {
display: inline-block;
vertical-align: middle;
vertical-align: middle;
_vertical-align: -4px;
width: 12px;
height: 12px;
background-position: -210px -114px;
} */
.form_fields {
margin-left: 70px;
}
.input_radio{
margin-left: 23px;
padding-right: 10px;
}
.input_txt {
width: 322px;
}
.input_txt {
padding: 4px 0 4px 3px;
outline: medium none;
border-width: 1px;
border-style: solid;
border-color: #BBB #DDD #DDD #BBB;
box-shadow: 1px 1px 1px #DDD inset;
font-size: 14px;
font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
height: 20px;
line-height: 20px;
}
.watermark, .inputSel {
color: #999 !important;
}
.clearfix, .clearfix .form_group {
display: inline-block;
}
.search-traveler-types .form_title {
width: 61px;
top: 5px;
}
.multi_search_content .multiTitle{
width:40px;
}
.search-traveler-types .form_group .form_fields {
margin-left: 3px;
height:35px;
}
.search_form select {
padding: 2px;
_padding: 0;
height:25px;
width: 105px;
border: 1px solid #D7D7D7;
font-family: Arial, 'Hiragino Sans GB', "microsoft yahei",sans-serif;
}
option {
font-weight: normal;
display: block;
padding: 0px 2px 1px;
min-height: 1.2em;
}
.flight_direct{
float:left;
}
.Nonstop{
display: inline-block;
width:150px;
height:18px;
line-height: 18px;
text-align: center;
margin-left:45px;
}
.multi_form_group{
margin: 15px 10px;
position: relative;
line-height: 30px;
width:100%;
overflow: hidden;
}
.multi_label{
display: inline-block;
height:40px;
line-height: 40px;
margin: 0 auto;
text-align: center;
}
.multi_form_group .multi_form_content{
width:130px;
padding: 4px 0 4px 3px;
outline: medium none;
border: 1px solid;
border-color: #BBB #DDD #DDD #BBB;
box-shadow: 1px 1px 1px #DDD inset;
font-size: 14px;
font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
height: 20px;
line-height: 20px;
}
.form_group .add_trip{
display:block;
width:98%;
border:1px dashed #111;
text-decoration: none;
text-align: center;
}
#multform_last a:hover{
border:2px dashed #3498db;
}
.search_flight{
display: line-block;
width:150px;
height:40px;
line-height: 40px;
text-align: center;
background-color:#3498db;
border-radius: 5px;
font-family: arial;
float:right;
}
.search_flight a{
color:#fff;
text-decoration: none;
font-size:20px;
}
/* base_top end */
/* SelectCity board style begin*/
#menu1 a:link{
color:#2c3e50;
text-decoration:none;
font-family: Roboto light,regular,medium bold;
}
#menu1 a:visited {
color: #00F;
text-decoration:none;
}
#menu1 a:hover {
color: #c00;
font-family: Roboto light,regular,medium bold;
}
#select ul{
list-style:none;
}
.main{
clear:both;
padding:8px;
text-align:center;
}
#select{
text-align:left;
width:550px;
background-color: #ecf0f1;
}
.areas{
position:relative;
overflow:hidden;
height:22px;
width:545px;
text-align:left;
}
#menu1{
position:absolute;
top:0;
left:0;
z-index:1;
}
#menu1 li{
float:left;
display:block;
cursor:pointer;
width:72px;
text-align:微信分享
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。