﻿@charset "utf-8";

/* CSS Document */
/*--------公共变量-------*/
abbr,
address,
article,
aside,
audio,
canvas,
command,
datalist,
details,
dialog,
figure,
figcaption,
footer,
header,
hgroup,
keygen,
mark,
meter,
menu,
menuitem,
nav,
progress,
ruby,
section,
summary,
time,
video,
fieldset,
dir,
dfn {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

a:link,
a:visited,
a:active {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none;
}

body {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

p {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 180%;
}

form {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
}

ul,
ol,
dl,
dd,
dt {
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
}

li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.clearfix:before,
.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

dl:before,
dl:after {
    clear: both;
    content: "";
    display: block;
}

input,
select,
textarea {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

select {
    padding: 2px;
    border: 1px #ccc solid;
}

textarea {
    padding: 5px;
    height: 100px;
}

input.input {
    border: 1px #d1d1d1 solid;
    background-color: #ffffff;
    height: 20px;
    padding: 5px;
}

input.input.error {
    border: 1px #ff6600 solid;
}

input.input.city {
    background: #ffffff url(http://en.ceair.com/resource4/images/public/map-bg.png) right -20px no-repeat;
}

input.input.date {
    background: #ffffff url(http://en.ceair.com/resource4/images/public/map-bg.png) right -60px no-repeat;
}

input.input.hotel {
    background: #ffffff url(http://en.ceair.com/resource4/images/public/map-bg.png) right -220px no-repeat;
}

input.input.disabled {
    background-color: #e5e5e5;
    cursor: not-allowed;
}

input.input:hover {
    border: 1px #D8B166 solid;
    box-shadow: 0 0 1px #F1CA7E;
}

input[type=checkbox],
input[type=radio] {
    border: 0;
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 0;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

/*---美化radio checkbox---*/
label.mu-radio {
    padding-left: 20px;
    background: url(http://en.ceair.com/resource4/images/public/map-bg.png) left -510px no-repeat;
    cursor: pointer;
}

label.mu-radio:hover {
    background-position: left -530px;
}

label.mu-radio.checked {
    background-position: left -550px;
    /*transition:all 200ms ease-in-out 0s;*/
}

label.mu-radio input[type='radio'] {
    display: none;
}

label.mu-checkbox {
    padding-left: 20px;
    background: url(http://en.ceair.com/resource4/images/public/map-bg.png) left -570px no-repeat;
    cursor: pointer;
}

label.mu-checkbox:hover {
    background-position: left -590px;
}

label.mu-checkbox.checked {
    background-position: left -610px;
}

label.mu-checkbox input[type='checkbox'] {
    display: none;
}

input.button {
    height: 32px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    overflow: visible;
    border: 0;
    padding: 0 10px;
    color: #ffffff;
    background-color: #5aa5f0;
    cursor: pointer;
}

input.button:hover {
    background-color: #96d2ff;
}

input.button.back {
    background: url(http://en.ceair.com/resource4/images/public/map-button.jpg) left -80px repeat-x;
}

input.button.normal,
input.button.blue {
    background: none;
    background-color: #5aa5f0;
}

input.button.gray {
    background: url(http://en.ceair.com/resource4/images/public/map-button.jpg) left -80px repeat-x;
}

input.button.prev {
    padding: 0 40px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    background: url(http://en.ceair.com/resource4/images/public/map-button.jpg) left top repeat-x;
    background-position: left -80px;
}

input.button.red,
input.button.next {
    padding: 0 40px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
}

.none {
    display: none;
}

#mainFunction .none {
    display: none !important;
}

#mainFunction .block {
    display: block !important;
}

.b_content,
s_b_content {
    display: none;
}

.b_content.active,
.b_content.block,
.s_b_content.active,
.s_b_content.block {
    display: block;
}

.contentTips {
    color: #999999;
}

.float-l {
    float: right !important;
}

span.more {
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}

hgroup {
    margin: 0 auto;
    width: 990px;
}

/*--------1.字体颜色样式(颜色,大小)--------*/
.red,
.red a:link,
.red a:visited,
.red a:active {
    color: #ff6600;
}

.red a:hover {
    text-decoration: underline;
}

.green,
.green a:link,
.green a:visited,
.green a:active {
    color: green;
}

.green a:hover {
    text-decoration: underline;
}

.to_red a:hover {
    color: #ff6600;
}

.blue,
.blue a:link,
.blue a:visited,
.blue a:active {
    color: #5aa5f0;
}

.blue a:hover {
    text-decoration: underline;
}

.darkblue,
.darkblue a:link,
.darkblue a:visited,
.darkblue a:active {
    color: #3667a9;
}

.darkblue a:hover {
    text-decoration: underline;
}

.gray,
.gray a:link,
.gray a:visited,
.gray a:active {
    color: #999999;
}

.gray1,
.gray1 a:link,
.gray1 a:visited,
.gray1 a:active {
    color: #666;
}

.white,
.white a:link,
.white a:visited,
.white a:active {
    color: #ffffff;
}

.white a:hover {
    text-decoration: underline;
}

a.link-blue:link,
a.link-blue:visited,
a.link-blue:active {
    display: inline-block;
    color: #ffffff;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: url(http://en.ceair.com/resource4/images/public/map-button.jpg) repeat-x left -45px;
}

a.link-blue:hover {
    text-decoration: underline;
}

a.link-red:link,
a.link-red:visited,
a.link-red:active {
    display: inline-block;
    color: #ffffff;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: url(http://en.ceair.com/resource4/images/public/map-button.jpg) repeat-x left top;
}

a.link-red:hover {
    text-decoration: underline;
}

div.error,
span.error {
    color: #ff6600;
}

article.adv,
article.adv170,
article.adv990,
article.adv788 {
    margin-top: 10px;
}

article.adv img {
    width: 810px;
    height: auto;
}

article.adv990 img {
    width: 990px;
    height: auto;
}

article.adv990 img {
    width: 990px;
    height: auto;
}

article.adv788 img {
    width: 788px;
    height: auto;
}

article.adv170 img {
    width: 170px;
    height: auto;
}

mark.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background: url(http://en.ceair.com/resource4/images/public/map-mark.png) no-repeat left 1000px;
}

mark.icon.ticket {
    width: 30px;
    height: 30px;
    background-position: left top;
}

mark.icon.hotel {
    width: 30px;
    height: 30px;
    background-position: -30px top;
}

mark.icon.fh {
    width: 30px;
    height: 30px;
    background-position: -60px top;
}

mark.icon.rent {
    width: 30px;
    height: 30px;
    background-position: -90px top;
}

mark.icon.taopiao {
    width: 30px;
    height: 30px;
    background-position: -120px top;
}

mark.icon.holiday {
    width: 30px;
    height: 30px;
    background-position: -150px top;
}

mark.icon.pnr {
    width: 30px;
    height: 30px;
    background-position: -180px top;
}

mark.icon.ticket.active {
    width: 30px;
    height: 30px;
    background-position: left -160px;
}

mark.icon.hotel.active {
    width: 30px;
    height: 30px;
    background-position: -30px -160px;
}

mark.icon.fh.active {
    width: 30px;
    height: 30px;
    background-position: -60px -160px;
}

mark.icon.rent.active {
    width: 30px;
    height: 30px;
    background-position: -90px -160px;
}

mark.icon.taopiao.active {
    width: 30px;
    height: 30px;
    background-position: -120px -160px;
}

mark.icon.holiday.active {
    width: 30px;
    height: 30px;
    background-position: -150px -160px;
}

mark.icon.pnr.active {
    width: 30px;
    height: 30px;
    background-position: -180px -160px;
}

mark.icon.user {
    background-position: left -30px;
}

mark.icon.time {
    background-position: -100px -30px;
}

mark.icon.tip {
    background-position: -120px -30px;
}

mark.icon.exchange {
    margin: 0 auto;
    display: block;
    background-position: -20px -30px;
    cursor: pointer;
}

mark.icon.notice {
    background-position: -40px -30px;
}

mark.icon.heart {
    background-position: -60px -30px;
}

mark.icon.china {
    background-position: -80px -30px;
}

mark.icon.no1 {
    width: 22px;
    height: 40px;
    background-position: left -50px;
}

mark.icon.no2 {
    width: 22px;
    height: 40px;
    background-position: -22px -50px;
}

mark.icon.no3 {
    width: 22px;
    height: 40px;
    background-position: -44px -50px;
}

mark.icon.no4 {
    width: 22px;
    height: 40px;
    background-position: -66px -50px;
}

mark.icon.no5 {
    width: 22px;
    height: 40px;
    background-position: -88px -50px;
}

mark.icon.disney {
    width: 40px;
    height: 30px;
    background-position: left -90px;
}

mark.icon.talent {
    width: 30px;
    height: 30px;
    background-position: -40px -90px;
}

mark.icon.aoc-flight {
    width: 40px;
    height: 30px;
    background-position: -70px -90px;
}

mark.icon.aoc-notice {
    width: 40px;
    height: 30px;
    background-position: -110px -90px;
}

mark.icon.wifi {
    width: 40px;
    height: 40px;
    background-position: -40px -120px;
}

mark.icon.question {
    width: 22px;
    height: 30px;
    background-position: left -190px;
}

mark.icon.go {
    width: 22px;
    height: 30px;
    background-position: -22px -190px;
}

mark.icon.tel {
    width: 30px;
    height: 30px;
    background-position: -50px -190px;
}

mark.icon.wifi {
    width: 30px;
    height: 30px;
    background-position: -80px -190px;
}

mark.icon.arrow {
    width: 10px;
    height: 10px;
    background: url(http://en.ceair.com/resource4/images/public/map-bg.png) -15px -110px no-repeat;
}

mark.icon.arrow.up {
    background: url(http://en.ceair.com/resource4/images/public/map-bg.png) -15px -150px no-repeat;
}

mark.icon.error {
    width: 30px;
    height: 30px;
    background-position: -110px -190px;
}

/*-------航班选择图标地图-------*/
mark.icon-booking {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background: url(http://en.ceair.com/resource4/images/booking/map-booking.png) left 1000px no-repeat;
}

mark.icon-booking.meal {
    background-position: left top;
}

mark.icon-booking.asr {
    background-position: -20px top;
    display: none;
}

mark.icon-booking.wifi {
    background-position: -40px top;
}

mark.icon-booking.sp {
    background-position: -60px top;
}

mark.icon-booking.hollow {
    width: 17px;
    height: 17px;
    background-color: #fff;
    background-position: left -20px;
}

mark.icon-booking.square {
    width: 11px;
    height: 11px;
    background-color: #fff;
    background-position: -20px -20px;
}

mark.icon-booking.solid {
    width: 15px;
    height: 15px;
    background-color: #fff;
    background-position: -40px -20px;
}

mark.icon-booking.time {
    background-position: -60px -20px;
}

mark.icon-booking.zd {
    background-position: -80px -20px;
}

mark.icon-booking.zz {
    background-position: -100px -20px;
}

mark.icon-booking.zdflight {
    width: 40px;
    background-position: left -40px;
}

mark.icon-booking.zzflight {
    width: 40px;
    background-position: -40px -40px;
}

mark.icon-booking.like {
    background-position: left -60px;
    display: none;
}

mark.icon-booking.like:hover {
    background-position: -20px -60px;
}

mark.icon-booking.like.active {
    background-position: -40px -60px;
}

mark.icon-booking.favorite {
    width: 60px;
    height: 60px;
    background-position: left -80px;
}

figure.dropdown {
    float: left;
    position: relative;
}

figure.dropdown figcaption {
    border: 1px transparent solid;
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding: 0 15px 0 10px;
    background: url(http://en.ceair.com/resource4/images/public/map-bg.png) right -180px no-repeat;
    z-index: 2;
    position: relative;
}

figure.dropdown:hover figcaption {
    border: 1px #ccc solid;
    border-bottom: 1px #ffffff solid;
    background-color: #ffffff;
    background-position: right -200px;
}

figure.dropdown .body {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    min-width: 150px;
    border: 1px #ccc solid;
    background-color: #ffffff;
    z-index: 1;
    padding: 5px 10px;
    box-shadow: 0 0 5px #ccc;
}

figure.dropdown .body ul.list li {
    line-height: 25px;
    text-align: right;
}

figure.dropdown .body a:link,
figure.dropdown .body a:visited,
figure.dropdown .body a:active {
    color: #333;
}

figure.dropdown .body a:hover {
    text-decoration: underline;
}

figure.dropdown#language:hover figcaption {
    cursor: pointer;
    border: 1px transparent solid;
    background: url(http://en.ceair.com/resource4/images/public/map-bg.png) right -180px no-repeat;
}

figure.dropdown#language.active figcaption {
    border: 1px #ccc solid;
    border-bottom: 1px #ffffff solid;
    background-color: #ffffff;
    background-position: right -200px;
}

figure.dropdown:hover .body {
    display: block;
}

figure.dropdown#language:hover .body {
    display: none;
}

figure.dropdown#language.active .body {
    display: block;
}

figure.dropdown-select {
    float: left;
    padding-right: 15px;
    border: 1px #cecece solid;
    text-align: right;
    background: #ffffff url(http://en.ceair.com/resource4/images/public/map-bg.png) right -100px no-repeat;
    position: relative;
}

figure.dropdown-select.active {
    background-position: right -140px;
}

figure.dropdown-select.disabled {
    background-color: #e5e5e5;
}

figure.dropdown-select.disabled figcaption {
    cursor: not-allowed;
}

figure.dropdown-select figcaption {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
}

figure.dropdown-select ul {
    display: none;
    position: absolute;
    left: -1px;
    top: 31px;
    width: 70px;
    z-index: 5;
    border-left: 1px #cecece solid;
    border-right: 1px #cecece solid;
    background-color: #ffffff;
}

figure.dropdown-select ul li {
    text-align: left;
    border-bottom: 1px #cecece solid;
    padding: 5px 10px;
    cursor: pointer;
}

figure.dropdown-select ul li:hover {
    background-color: #eee;
}

ul.tab-select {
    display: inline-block;
    border: 1px #cecece solid;
    border-right: 0;
}

ul.tab-select li {
    float: left;
    width: auto;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-right: 1px #cecece solid;
    padding: 0 30px;
    color: #999999;
    background: url(http://en.ceair.com/resource4/images/public/map-linear.jpg) left top repeat-x;
    cursor: pointer;
}

ul.tab-select li.active {
    background-position: left -27px;
    color: #333;
    font-weight: bold;
}

ul.tab-select li a {
    color: #999999;
}

figure.currencySelect {
    display: inline-block;
    border: 1px #cecece solid;
    border-right: 0;
}

figure.currencySelect figcaption {
    position: relative;
    float: left;
    width: 65px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px 0 0;
    background-color: #fafafa;
    text-align: right;
    border-right: 1px #cecece solid;
    color: #999999;
    cursor: pointer;
}

figure.currencySelect figcaption.active {
    background-color: #fff;
    color: #333;
    font-weight: bold;
    position: relative;
}

figure.currencySelect figcaption mark {
    position: absolute;
    right: 5px;
    top: 10px;
}

figure.currencySelect figcaption span {
    width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

figure.currencySelect figcaption ul {
    display: none;
    position: absolute;
    top: 30px;
    left: -1px;
    width: 95px;
    line-height: 22px;
    border: 1px #ddd solid;
    background-color: #ffffff;
    padding: 0;
    z-index: 10;
}

figure.currencySelect figcaption ul li {
    cursor: pointer;
    padding: 2px 10px;
}

figure.currencySelect figcaption ul li:hover {
    background-color: #eee;
}

#passengerTypeList figure.mu-select {
    float: left;
    margin: 0;
    min-width: 80px;
}

#passengerTypeList figure.mu-select:nth-child(1) figcaption {
    border-right: none;
}

#passengerTypeList figure.mu-select.none {
    display: none;
}

/*----------公共样式-------------*/
.digital {
    height: 22px;
    line-height: 22px;
}

.digital b {
    float: left;
    font-weight: normal;
    margin-right: 5px;
}

.digital i {
    float: left;
    width: 16px;
    height: 20px;
    line-height: 20px;
    font-style: normal;
    text-align: center;
    border: 1px #ccc solid;
    background-color: #ccc;
    color: #666;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.digital i:hover {
    border: 1px #D8B166 solid;
    box-shadow: 0 0 1px #F1CA7E;
    color: #1d3b7e;
}

.digital label {
    float: left;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding: 0;
    height: 20px;
    overflow: hidden;
}

.digital label .input-num {
    float: left;
    width: 15px;
    height: 16px;
    padding: 2px;
    color: #666;
    border: 0;
    text-align: center;
    vertical-align: top;
}

.switch-tab {
    height: 30px;
}

.switch-tab b {
    display: block;
    font-weight: normal;
    font-size: 14px;
}

.switch-tab li {
    float: left;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    border: 1px #ccc solid;
    cursor: pointer;
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType='0');
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.switch-tab li.active {
    background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(1, #ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType='0');
}

.switch-tab-blue {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px #ccc solid;
    margin-top: 10px;
    padding: 0 0 1px;
}

.switch-tab-blue b {
    float: left;
    padding-right: 6px;
    font-weight: normal;
}

.switch-tab-blue li {
    float: left;
    padding: 0 10px;
    margin-left: 1px;
    height: 30px;
    cursor: pointer;
    background-color: #d9dbeb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.switch-tab-blue li.active {
    background-color: #515db4;
    color: #ffffff;
}

figure.mu-select {
    display: inline-block;
    position: relative;
    z-index: 9;
    background-color: #fff;
}

figure.mu-select.auto {
    width: auto;
}

figure.mu-select.active {
    z-index: 12;
    background-color: #e8e8e8;
}

figure.mu-select figcaption {
    padding: 0 25px 0 10px;
    height: 30px;
    line-height: 30px;
    border: 1px #ddd solid;
    background: #ffffff url(http://en.ceair.com/resource4/images/public/map-bg.png) right -100px no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

figure.mu-select.active figcaption {
    background-position: right -140px;
}

figure.mu-select dir {
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    min-width: 78px;
    line-height: 22px;
    border: 1px #ddd solid;
    background-color: #ffffff;
    padding: 0;
}

figure.mu-select dir .digital {
    margin: 10px;
    min-width: 90px;
}

figure.mu-select dir li {
    cursor: pointer;
    padding: 2px 10px;
}

figure.mu-select dir li:hover {
    background-color: #eee;
}

span.price {
    color: #333;
    font-size: 28px;
    font-weight: bold;
    line-height: 150%;
}

span.price.normal {
    font-size: 18px;
    font-weight: normal;
}

span.price.red {
    color: #ff6600;
}

span.price dfn {
    display: inline;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    margin-right: 2px;
    vertical-align: middle;
}

span.price.normal dfn {
    color: #999999;
    vertical-align: middle;
}

span.price i {
    color: #999999;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
}

span.tip {
    border-bottom: 1px dashed #666;
    cursor: help;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    z-index: 9;
}

span.tip .div-tip {
    box-shadow: 2px 2px 0 #ddd;
    cursor: default;
    display: none;
    font-size: 12px !important;
    left: 0;
    min-width: 280px;
    position: absolute;
    text-align: left;
    top: 18px;
}

span.tip .div-tip b {
    background-color: #8d9ab5;
    color: #ffffff;
    display: block;
    font-size: 12px !important;
    height: 25px;
    line-height: 25px;
    margin: 0 !important;
    padding: 0 10px;
}

span.tip .div-tip i {
    background: url(http://en.ceair.com/resource4/images/public/map-bg.png) no-repeat 10px -420px;
    display: block;
    height: 6px;
}

span.tip .div-tip p {
    background-color: #ffffff;
    border: 1px solid #ccc;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 5px 10px;
}

.suhangad {
    text-align: center;
}

.suhangad.wide img {
    width: 990px !important;
}

.float_tips {
    position: absolute;
    z-index: 999;
    padding: 2px 10px;
    line-height: 180%;
    -moz-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    border: 1px #c1c1c1 solid;
    background-color: #ffffff;
    color: #999999;
}

.ifr_float_tips {
    position: absolute;
    padding: 2px 10px;
    border: none;
}

/*半透明遮罩层*/
#layerDiv {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
    background-color: #FFF;
    text-align: center;
}

#layerDiv #layerContent {
    display: none;
}

#tips {
    position: absolute;
    border: 1px #FFAE52 solid;
    background-color: #FCEBD9;
    padding: 10px;
    box-shadow: 2px 2px 2px #999;
    color: #DC4F00;
}

#tips i {
    position: absolute;
    bottom: -7px;
    left: 20px;
    width: 13px;
    height: 7px;
    background: url('http://en.ceair.com/resource4/images/icon_arrow.gif') left top no-repeat;
}

/*--下拉积分开关--*/
li.JF.MJF {
    display: none;
}

/*---------机+酒日期选择框-------*/
.input.date.fhdeptDt {
    background: url(/resource3/images/globle/fh_input_bg.png) right top no-repeat !important;
}

.input.date.fhdeptDtRt {
    background: url(/resource3/images/globle/fh_input_bg.png) right -28px no-repeat !important;
}

.input.date.fhHoteldeptDt {
    background: url(/resource3/images/globle/fh_input_bg.png) right -56px no-repeat !important;
}

.input.date.fhHoteldeptDtRt {
    background: url(/resource3/images/globle/fh_input_bg.png) right -84px no-repeat !important;
}

/*----活动页面航班选择----*/
#_Selector dl.flight-type {
    height: 22px;
    padding-bottom: 10px;
    text-align: center;
}

#_Selector dl.flight-type dt {
    cursor: pointer;
    padding-right: 0;
    width: 50px;
}

#_Selector dt.active {
    background-color: #272785;
    color: #ffffff;
}

#_Selector .form-field {
    height: 30px;
    margin: 0 auto 20px;
}

#_Selector .form-field .input {
    margin-left: 5px;
    padding: 5px;
}

#_Selector .form-field .input.date {
    margin-left: 19px;
    width: 149px;
}

#_Selector dt {
    float: left;
    padding-right: 20px;
}

#_Selector dd {
    float: left;
}

#_Selector input.radio {
    margin-right: 20px;
    margin-top: 3px;
}

#_Selector div.error_msg {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    text-align: center;
}

#_Selector p {
    text-align: center;
}

#_Selector input.blue {
    background-color: #004689;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 24px;
    height: 45px;
    margin: 0 auto;
    padding: 0 20px;
}

#float-box {
    position: fixed;
    bottom: 200px;
    right: 20px;
}

#float-box div.erweima {
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

#float-box div.erweima em {
    display: none;
    position: absolute;
    right: 60px;
    bottom: -10px;
}

/*--------1.头部--------*/
#header {
    height: 103px;
    background: url(http://en.ceair.com/resource4/images/public/bg.png) center top repeat-x;
}

#header hgroup {
    z-index: 9;
    position: relative;
}

#header .top {
    height: 66px;
    z-index: 15;
}

#header h1 {
    float: left;
    padding-top: 10px;
}

#header article {
    float: right;
    padding-top: 5px;
    position: relative;
    z-index: 2;
}

#header article figure.dropdown {
    margin-left: 10px;
}

#header article .body.lang {
    width: 150px;
}

#header article .body.lang b {
    display: block;
    margin: 5px 0;
}

#header article .body.lang select {
    width: 150px;
    margin-bottom: 5px;
}

#header article .body.lang p {
    margin: 5px 0;
}

#header article .body.friend {
    width: 240px;
}

#header article .body.friend .left {
    float: left;
    padding-right: 20px;
    width: 130px;
}

#header article .body.friend .right {
    border-left: 1px solid #ddd;
    float: left;
    padding-left: 20px;
    width: 69px;
}

#header article .body.friend li {
    border-bottom: 1px solid #ddd;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
}

#header article .body.friend li:last-child {
    border-bottom: none;
}

#header address.hotline {
    position: absolute;
    right: 10px;
    bottom: 8px;
    z-index: 1;
    font-style: normal;
}

#header address.hotline b {
    color: #1d3b7e;
}

#header nav li {
    float: left;
    width: 152px;
    height: 37px;
    line-height: 37px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

#header nav li:hover {
    background-color: #fff;
    border-top: 2px solid #5aa5f0;
    height: 35px;
    line-height: 35px;
}

#header nav li:hover a:link {
    color: #5aa5f0;
}

#header nav li:hover a:visited {
    color: #5aa5f0;
}

#header nav li:hover a:active {
    color: #5aa5f0;
}

#header nav li.current {
    background-color: #fff;
    border-top: 2px solid #5aa5f0;
    height: 35px;
    line-height: 35px;
}

#header nav li.current a:link {
    color: #5aa5f0;
}

#header nav li.current a:visited {
    color: #5aa5f0;
}

#header nav li.current a:active {
    color: #5aa5f0;
}

#header nav li a {
    display: block;
}

#header nav li a:link {
    color: #ffffff;
}

#header nav li a:visited {
    color: #ffffff;
}

#header nav li a:active {
    color: #ffffff;
}

#header nav li#home {
    width: 40px;
    height: 37px;
    text-indent: -9999px;
    background: url(http://en.ceair.com/resource4/images/public/map-mark.png) no-repeat left -120px;
}

#header .myceair {
    position: absolute;
    right: -5px;
    top: 0;
    width: 220px;
    padding: 0 10px 23px;
    /*background: url(http://en.ceair.com/resource4/images/public/bg-login.png) center bottom no-repeat;*/
    background: url(http://en.ceair.com/resource4/images/public/bg-login.png) center bottom no-repeat;
}

#header .myceair figcaption {
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

#header .myceair figcaption.left {
    text-align: left;
    position: relative;
    padding-left: 10px;
    padding-right: 45px;
    font-size: 14px;
}

#header .myceair figcaption b {
    font-size: 14px;
}

#header .myceair figcaption span {
    font-weight: normal;
}

#header .myceair figcaption span.name {
    position: absolute;
    right: 40px;
    top: 0;
    font-size: 12px;
    text-align: right;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#header .myceair figcaption span.name a:link,
#header .myceair figcaption span.name a:visited,
#header .myceair figcaption span.name a:active {
    color: #fff;
}

#header .myceair figcaption span.logout {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
}

#header .myceair figcaption span a:link,
#header .myceair figcaption span a:visited,
#header .myceair figcaption span a:active {
    text-decoration: none;
}

#header .myceair figcaption span a:hover {
    text-decoration: underline;
}

#header .myceair .body {
    display: none;
    padding: 10px;
    color: #ffffff;
}

#header .myceair a:link {
    color: #ffffff;
}

#header .myceair a:visited {
    color: #ffffff;
}

#header .myceair a:active {
    color: #ffffff;
}

#header .myceair a:hover {
    text-decoration: none;
}

#header .szn {
    display: none;
}

#header article figure.dropdown figcaption.product {
    min-width: 65px;
    width: 65px;
    background-position: 50px -180px;
    text-align: left;
    padding-left: 15px;
}

#header article figure.dropdown:hover figcaption.product {
    background-position: 50px -200px;
    color: #a81712;
    border-bottom: none;
}

#header article .body.products {
    left: 0;
    right: auto;
    min-width: 97px;
    width: 97px;
    padding: 0;
    box-shadow: none;
    border: none;
}

#header article .body.products ul,
#header article .body.products ol {
    box-shadow: 0 0 5px #ccc;
    border: 1px #ccc solid;
}

#header article .body.products li {
    width: 65px;
    height: 28px;
    line-height: 28px;
    padding: 0 15px 0 15px;
    cursor: pointer;
    position: relative;
}

#header article .body.products li span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 65px;
    display: inline-block;
}

#header article .body.products ul li i {
    background: url(http://en.ceair.com/resource4/images/mp/tri.gif) left -33px no-repeat;
    position: absolute;
    right: 8px;
    top: 12px;
    height: 7px;
    width: 4px;
}

#header article .body.products li:hover {
    background-color: #f8f6f7;
}

#header article .body.products li ol.step2,
#header article .body.products li ol.step3 {
    display: none;
    position: absolute;
    top: -1px;
    left: 95px;
    background-color: #fff;
}

#header article .body.products ul.step1 li:hover ol.step2 {
    display: block;
}

#header article .body.products ol.step2 li:hover ol.step3 {
    display: block;
}

#header article .body.products li.active {
    background-color: #f8f6f7;
}

/*--------2.底部--------*/
#footer {
    background-color: #fbfbfb;
}

#footer article {
    padding-top: 40px;
}

#footer article figure {
    float: left;
    width: 25%;
}

#footer article figure li {
    line-height: 25px;
}

#footer article figure figcaption {
    font-size: 16px;
    color: #666;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#footer article figure a:link,
#footer article figure a:visited,
#footer article figure a:active {
    color: #666;
}

#footer article figure a:hover {
    color: #333;
}

#footer address {
    padding: 100px 0 20px;
    text-align: center;
    font-style: normal;
}

/*calendar*/
.Jcalendar {
    -moz-box-shadow: 3px 3px 3px #666666;
    box-shadow: 3px 3px 3px #666666;
    overflow: hidden;
    height: 205px;
}

.Jcalendar li {
    list-style: none outside none;
    text-align: center;
}

.Jcalendar ul {
    padding: 0;
    margin: 0;
}

.Jcalendar {
    background-color: #f2f2f2;
    color: #222222;
    padding: 0.5em;
    _padding-bottom: 0;
    z-index: 1000;
    float: left;
    position: absolute;
    border: 1px solid #ccc;
}

.Jcalendar.single {
    width: 16em;
}

.Jcalendar.double {
    width: 488px;
}

#ifrcalendar {
    width: 505px;
    height: 217px;
    position: absolute;
    border: none;
    z-index: 999;
}

#removeCal {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
}

.Jcalendar .Jcal_group0 {
    float: left;
    display: inline;
    background-color: #fff;
    overflow: hidden;
}

.Jcalendar .Jcal_group1 {
    float: right;
    display: inline;
    background-color: #fff;
    overflow: hidden;
}

.Jcalendar.single .Jcal_group0 {
    width: 99%;
}

.Jcalendar.single .Jcal_group1 {
    width: 99%;
}

.Jcalendar.double .Jcal_group0 {
    width: 49%;
}

.Jcalendar.double .Jcal_group1 {
    width: 49%;
}

.Jcalendar .Jcal_group0.active .Jcal_body {
    position: absolute;
    top: 32px;
    left: 8px;
    width: 243px;
    background-color: #FFF;
}

.Jcalendar .Jcal_group1.active .Jcal_body {
    position: absolute;
    top: 32px;
    left: 254px;
    width: 243px;
    background-color: #FFF;
}

.Jcalendar .Jcal_body .selectMonth {
    margin-top: 10px;
}

.Jcalendar .Jcal_body .selectMonth li {
    float: left;
    width: 65px;
    padding: 5px;
    line-height: 25px;
    text-align: center;
}

.Jcalendar .Jcal_body .selectMonth li.disable {
    color: #999;
}

.Jcalendar .Jcal_body .selectMonth li.able {
    cursor: pointer;
}

.Jcalendar .Jcal_body .selectMonth li.able.today {
    color: #fff;
    background-color: #CC3333;
}

.Jcalendar .Jcal_body .selectMonth li.able.selected {
    color: #fff;
    background-color: #ADCCEB;
}

.Jcalendar .Jcal_body .selectMonth li.able:hover {
    color: #164D9F;
    background-color: #ADCCEB;
}

.Jcalendar .Jcal_body .selectYear {
    margin-top: 10px;
}

.Jcalendar .Jcal_body .selectYear li {
    float: left;
    width: 65px;
    padding: 5px;
    line-height: 25px;
    text-align: center;
}

.Jcalendar .Jcal_body .selectYear li.disable {
    color: #999;
}

.Jcalendar .Jcal_body .selectYear li.able {
    cursor: pointer;
}

.Jcalendar .Jcal_body .selectYear li.able.today {
    color: #fff;
    background-color: #CC3333;
}

.Jcalendar .Jcal_body .selectYear li.able.selected {
    color: #fff;
    background-color: #ADCCEB;
}

.Jcalendar .Jcal_body .selectYear li.able:hover {
    color: #164D9F;
    background-color: #ADCCEB;
}

.Jcalendar .Jcal_body .selectTenYear {
    margin-top: 5px;
}

.Jcalendar .Jcal_body .selectTenYear li {
    float: left;
    width: 38px;
    padding: 3px;
    line-height: 18px;
    text-align: left;
    cursor: pointer;
}

.Jcalendar .Jcal_body .selectTenYear li:hover {
    color: #164D9F;
    background-color: #ADCCEB;
}

.Jcalendar .foot {
    background-color: #f2f2f2;
    color: gray;
    border-top: 1px solid #f2f2f2;
    float: left;
    width: 48%;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 188px;
    _position: relative;
    _top: 0;
}

.Jcalendar .foot .rightfooter {
    float: right;
    cursor: pointer;
    padding: 3px;
}

.Jcalendar .foot .leftfooter {
    float: left;
    cursor: pointer;
    padding: 3px;
}

.Jcalendar .Jcal_group0 .foot {
    left: 6px;
    _left: 2px;
}

.Jcalendar .Jcal_group1 .foot {
    right: 6px;
    _right: 2px;
}

.Jcalendar.double .Jcal_group0 .foot .rightfooter {
    display: none;
}

.Jcalendar.double .Jcal_group1 .foot .leftfooter {
    display: none;
}

.Jcalendar .Jcal_head {
    background-color: #5aa5f0;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    height: 24px;
    line-height: 20px;
    z-index: 1;
}

.Jcalendar .icon_arrow {
    height: 11px;
    position: absolute;
    top: 7px;
    width: 10px;
    overflow: hidden;
    background-image: url(http://en.ceair.com/resource4/images/globle/icon_map_trans.gif);
}

.Jcalendar .Jcal_head .Prev {
    background-position: -12px -1440px;
    left: 10px;
    cursor: pointer;
}

.Jcalendar .Jcal_head .Next {
    background-position: left -1451px;
    right: 10px;
    cursor: pointer;
}

.Jcalendar .Jcal_head .Prev:hover {
    background-position: left -1440px;
}

.Jcalendar .Jcal_head .Next:hover {
    background-position: -12px -1451px;
}

.Jcalendar.double .Jcal_group0 .Jcal_head .Next {
    display: none;
}

.Jcalendar.double .Jcal_group1 .Jcal_head .Prev {
    display: none;
}

.Jcalendar .Year_Months {
    float: left;
    height: 18px;
    padding-left: 42px;
    padding-top: 2px;
}

.Jcalendar .Year_Months.month .Year {
    padding-left: 60px;
}

.Jcalendar .Year_Months.month .Month {
    display: none;
}

.Jcalendar .Year_Months.year .tenYear {
    padding-left: 35px;
    cursor: pointer;
}

.Jcalendar .Year_Months.tenYear {
    display: none;
}

.Jcalendar .Month {
    float: left;
    padding-left: 25px;
}

.Jcalendar .Month .thisMonth {
    width: auto;
    display: block;
    cursor: pointer;
}

.Jcalendar .Months {
    display: none;
    width: 50px;
    height: 18px;
}

.Jcalendar .Year {
    float: left;
    padding-left: 10px;
}

.Jcalendar .Year .thisYear {
    width: 70px;
    display: block;
    cursor: pointer;
}

.Jcalendar .Years {
    display: none;
    width: 50px;
    height: 18px;
}

.Jcalendar .Jcal_body {
    float: left;
    width: 100%;
    height: 158px;
    overflow: hidden;
}

.Jcalendar .Jcal_body .weekline {
    height: 19px;
    padding: 0 5px;
    color: #164D9F;
}

.Jcalendar .Jcal_body .weekline li {
    float: left;
    font-size: 12px;
    width: 32px;
    padding-top: 5px;
}

.Jcalendar .weekend {
    color: #164D9F;
}

.Jcalendar .Days {
    position: relative;
    float: left;
    padding: 5px;
}

.Jcalendar .Days .cell {
    height: 15px;
    width: 32px;
    float: left;
    text-align: center;
    font-size: 12px;
    padding: 3px 0;
}

.Jcalendar .Days .cell.able {
    cursor: pointer;
}

.Jcalendar .Days .cell.able.selected {
    color: #164D9F;
    background-color: #ADCCEB;
    font-weight: bold;
}

.Jcalendar .Days .cell.able:hover {
    color: #164D9F;
    background-color: #ADCCEB;
}

.Jcalendar .Days .cell.disable {
    color: #999;
}

.Jcalendar .Days .cell.today {
    color: #fff;
    background-color: #5aa5f0;
    font-weight: bold;
}

.Jcalendar .changeYear {
    position: absolute;
    left: 112px;
    top: 120px;
    display: none;
    background-color: #FFF;
}

.Jcalendar .changeMonth {
    position: absolute;
    left: 8px;
    top: 32px;
    display: none;
    background-color: #FFF;
}

.Jcalendar.double .changeYear .cybody {
    overflow: hidden;
}

.Jcalendar.double .changeYear .cy {
    overflow: hidden;
    display: none;
    position: absolute;
    width: 0;
    height: 0;
}

.Jcalendar.double .changeYear ul {
    margin: 17px;
}

.Jcalendar.double .changeYear li {
    float: left;
    width: 40px;
    padding: 3px;
}

.Jcalendar .Year_Months .oySelect {
    padding-left: 10px;
    float: left;
    color: #999;
    cursor: pointer;
}

.Jcalendar .Year_Months .tySelect {
    padding-left: 35px;
    float: left;
    color: #999;
    cursor: pointer;
}

.Jcalendar .Year_Months .oySelect.active {
    color: #FFF;
}

.Jcalendar .Year_Months .tySelect.active {
    color: #FFF;
}

/*城市选择*/
.city_box {
    /*z-index:100;*/
    display: inline-block;
    padding-right: 0px !important;
}

.city_box i {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 20px;
    height: 17px;
    background: url(http://en.ceair.com/resource4/images/icon_city.gif) top left no-repeat;
    cursor: pointer;
}

.city_box #city_fields {
    position: absolute;
    top: 22px;
    left: 0;
    width: 342px;
    background-color: #fff;
    z-index: 99;
}

#iframe_ie6 {
    position: absolute;
    top: 22px;
    left: 0;
    width: 342px;
    background-color: #fff;
    z-index: 98;
}

#city_fields {
    border: 1px #ccc solid;
    background-color: #f2f2f2;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    overflow: hidden;
    width: 320px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    -moz-box-shadow: 3px 3px 3px #666666;
    box-shadow: 3px 3px 3px #666666;
}

#city_fields ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

#city_fields_iframe {
    position: absolute;
    overflow: hidden;
}

#city_fields iframe {
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

#city_fields .list {
    overflow-y: auto;
    overflow-x: hidden;
}

#city_fields ul {
    width: 100%;
}

#city_fields li {
    cursor: pointer;
    font: menu;
    overflow: hidden;
    text-align: left;
}

#city_fields .select_over {
    background-color: #00B7EC;
    color: #fff;
}

#city_fields .select {
    background: #EDF5FF;
    color: #666;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    margin-bottom: 5px;
    padding: 0 5px;
}

#city_fields .tips {
    background: #272785;
    color: #fff;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    margin-bottom: 5px;
    padding: 0 5px;
    position: relative;
    display: none;
}

#city_fields .tips span {
    position: absolute;
    right: 4px;
    top: 4px;
    background: url(http://en.ceair.com/resource4/images/icon_city_close.gif) left top no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

#city_fields .type ul {
    margin: 0;
    padding: 0;
}

#city_fields .type li {
    float: left;
    width: 50%;
    text-align: center;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 !important;
    color: #fff;
    background: url(http://en.ceair.com/resource4/images/globle/bg-map.jpg) center top repeat-x;
}

#city_fields .type li.active {
    color: #fff;
    background: none;
    background-color: #f2f2f2;
    color: #333;
}

#city_fields .hotCity {
    padding: 10px;
}

#city_fields .hotCity .city {
    margin-top: 5px;
    padding-bottom: 5px;
    display: none;
    max-height: 300px;
    overflow-y: auto;
}

#city_fields #domestic_city .hotCity .city li {
    display: inline;
    width: 18%;
    float: left;
    text-align: left;
    padding: 1px;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    border: 1px solid #f2f2f2;
    color: #333;
}

#city_fields #domestic_city .hotCity .city li span {
    color: #333;
}

#city_fields #inter_city .hotCity .city li {
    display: inline;
    width: 23%;
    float: left;
    text-align: left;
    padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
    border: 1px solid #f2f2f2;
}

#city_fields .hotCity .city li.hover {
    background-color: #EDF5FF;
    border: 1px solid #47ADF3 !important;
}

#city_fields #inter_city .hotCity .city.long li {
    height: auto;
}

#city_fields .hotCity .city_body {
    background-color: #f2f2f2;
    position: relative;
    z-index: 1;
    margin-top: -1px;
}

#city_fields .hotCity .title .col {
    float: left;
    height: 16px;
    border: 1px #f2f2f2 solid;
    line-height: 16px;
    width: auto;
    padding: 0 6px;
    display: inline;
    cursor: pointer;
    color: #272785;
}

#city_fields .hotCity .title .col.active {
    border: 1px #272785 solid;
    background-color: #272785;
    color: #fff;
}

#inter_city .hotCity .title .col {
    padding: 0 16px;
}

#searchDiv {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 200px;
}

#searchDiv li {
    color: #0055AA !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 10px;
}

#searchDiv li.hover {
    background-color: #EDF5FF;
}

/*alert弹出层*/
#AlertShield {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100% !important;
    z-Index: 10000;
    opacity: 0.4;
    background: #000000;
    display: none;
}

#AlertFram {
    position: fixed;
    background-color: #F6F6F6;
    border: 1px solid #ccc;
    width: 500px;
    font-size: 14px;
    z-index: 10002;
    display: none;
    border-radius: 5px;
    box-shadow: 0 0 10px #333;
}

#AlertFram h1 {
    background: url(http://en.ceair.com/resource4/images/public/map-linear.jpg) center -54px repeat-x;
    border-bottom: 1px #ccc solid;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
}

#AlertFram h2 {
    background: url(http://en.ceair.com/resource4/images/icon_fail.gif) 20px 20px no-repeat;
    font-size: 14px;
    font-weight: normal;
    padding: 25px 20px 20px 60px;
    line-height: 150%;
    color: #e53428;
}

#AlertFram h2 span {
    text-align: center;
    display: block;
    padding-right: 40px;
    margin-top: 20px;
}

*html #AlertFram {
    position: absolute;
}

.citySelect {
    display: inline-block;
}

.citySelect.disabled input {
    background-color: #e5e5e5;
    cursor: not-allowed;
}

.cityPanel {
    position: absolute;
    overflow-y: auto;
    background-color: #f8f8f8;
    z-index: 999;
    border: 1px #d1d1d1 solid;
}

.cityPanel ul {
    padding: 0 10px;
}

.cityPanel ul li {
    height: 20px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cityPanel ul li:hover {
    background-color: #fafafa;
}

.cityPanel ul li.select {
    background-color: #FBEC88;
}

.cityPanel .tips {
    background: #1d3b7e;
    color: #fff;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    margin-bottom: 5px;
    padding: 0 5px;
    position: relative;
}

.cityPanel .type {
    background-color: #1d3b7e;
}

.cityPanel .type ul {
    margin: 0;
    padding: 0;
    height: 30px;
}

.cityPanel .type ul li {
    float: left;
    width: 175px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #1d3b7e;
    color: #fff;
}

.cityPanel .type ul li.active {
    background-color: #f8f8f8;
    color: #000000;
}

.cityPanel .regional {
    width: 350px;
    display: none;
}

.cityPanel .regional .title {
    height: 20px;
    margin: 5px 0;
}

.cityPanel .regional .title li {
    float: left;
    padding: 2px 9px;
    text-align: center;
    height: 16px;
    line-height: 16px;
}

.cityPanel .regional .title li.active {
    background-color: #1d3b7e;
    color: #fff;
}

.cityPanel .regional .body .city_body {
    display: none;
    float: left;
    padding-bottom: 10px;
    max-height: 300px;
    overflow-y: auto;
}

.cityPanel .regional .body .city_body li {
    float: left;
    width: 90px;
    display: block;
    height: 20px;
    line-height: 20px;
    border: 1px #f8f8f8 solid;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px;
}

.cityPanel .regional .body .city_body li:hover {
    background-color: #EEF2FB;
    border: 1px solid #B0BBD2 !important;
}

input.contentTips {
    color: #A3A8BC;
}

/*-------------主体内容部分-----------*/
#main-area {
    margin: 0 auto;
    width: 990px;
    padding-bottom: 20px;
}

#main-area .position {
    height: 40px;
    line-height: 40px;
    color: #666;
}

#main-area .position h1,
#main-area .position h2 {
    display: inline;
    font-size: 12px;
    font-weight: normal;
}

#main-area .position a:link,
#main-area .position a:visited,
#main-area .position a:active {
    color: #666;
}

#main-area .position a:hover {
    text-decoration: underline;
}

#main-area #content hgroup {
    margin: 0;
    width: auto;
}

#main-area #content.border {
    border: 1px #ccc solid;
    background-color: #fff;
    padding: 19px;
    margin-top: 20px;
}

#backtop {
    position: fixed;
    bottom: 120px;
    width: 40px;
    height: 40px;
    background: url(http://en.ceair.com/resource4/images/globle/icon-map.png) left -400px no-repeat;
    cursor: pointer;
}

#gobottom {
    position: fixed;
    bottom: 70px;
    width: 40px;
    height: 43px;
    background: url(http://en.ceair.com/resource4/images/globle/icon-map.png) -27px -440px no-repeat;
    cursor: pointer;
}

#main-area #flight-content {
    border: 1px #ddd solid;
    background-color: #fff;
    padding: 0 20px;
    margin-top: 20px;
}

/*-----进度条--------*/
#main-area .flight_step {
    height: 30px;
    margin-bottom: 10px;
}

#main-area .flight_step ul {
    float: right;
}

#main-area .flight_step li {
    float: left;
    padding: 0 15px;
    height: 30px;
    text-align: center;
    color: #666;
}

#main-area .flight_step li.current {
    font-weight: bold;
    color: #e53428;
    background: url(http://en.ceair.com/resource4/images/public/bg-title.png) center -220px no-repeat;
}

/*等待页面css*/
@keyframes ll {
    0% {
        left: 0px;
    }

    100% {
        left: 327px;
    }
}

@keyframes rr {
    0% {
        left: -327px;
    }

    100% {
        left: 0px;
    }
}

@-moz-keyframes ll {
    0% {
        left: 0px;
    }

    100% {
        left: 327px;
    }
}

@-moz-keyframes rr {
    0% {
        left: -327px;
    }

    100% {
        left: 0px;
    }
}

@-webkit-keyframes ll {
    0% {
        left: 0px;
    }

    100% {
        left: 327px;
    }
}

@-webkit-keyframes rr {
    0% {
        left: -327px;
    }

    100% {
        left: 0px;
    }
}

section#waiting {
    background: url(http://en.ceair.com/resource4/images/public/bg-waiting.png) top center no-repeat;
    width: 327px;
    height: 242px;
    margin: 0 auto;
    padding: 163px 139px 163px 250px;
    position: relative;
}

section#waiting .flight {
    padding-top: 22px;
    font-size: 14px;
    height: 52px;
    color: #999;
}

section#waiting .flight b {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

section#waiting .flight span {
    padding-right: 20px;
    color: #999;
}

section#waiting .loading-div {
    margin-top: 72px;
}

section#waiting .loading-div .loading {
    width: 327px;
    height: 5px;
    position: relative;
    overflow: hidden;
}

section#waiting .loading-div .loading .blue-line {
    width: 327px;
    height: 5px;
    position: absolute;
    top: -5px;
    margin: 0;
    padding: 0;
    line-height: 100%;
}

section#waiting .loading-div .loading .blue-line img {
    margin: 0;
    padding: 0;
}

section#waiting .loading-div .loading .ll {
    animation: ll 2s linear 0s infinite normal;
    -moz-animation: ll 2s linear 0s infinite normal;
    -webkit-animation: ll 2s linear 0s infinite normal;
}

section#waiting .loading-div .loading .rr {
    animation: rr 2s linear 0s infinite normal;
    -moz-animation: rr 2s linear infinite normal;
    -webkit-animation: rr 2s linear infinite normal;
}

section#waiting .loading-icon {
    margin-top: 10px;
    text-align: center;
    color: #999;
}

/*end*/