当前位置:Gxlcms > html代码 > SearchFlight_Joker

SearchFlight_Joker

时间:2021-07-01 10:21:17 帮助过:31人阅读

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:

                  

	 	
                    
                    
                    
                    
                    
                

人气教程排行