@charset "utf-8";
/******************全局******************/
body { margin: 0px; font-family: 'Microsoft YaHei', 'SimSun'; font-size: 14px; color: #333333; }
ul, li, i { margin: 0px; padding: 0px; list-style-type: none; }
em { font-style: normal; }
a { color: #333333; text-decoration: none; }
a:hover { color: #00B4A4; text-decoration: underline; }
img { border: none; }
.clear { clear: both; font-size: 0px; height: 0px; }
.fl_l { float: left; }
.fl_r { float: right; }
.orange { color: #FB7E22; }
.gray { color: #9999A1; }
.grey { color: #999; }
.fn { font-weight: normal; }
.w960 { margin: auto; width: 960px; }
.w700 { margin: auto; width: 700px; }
.pl20 { padding-left: 20px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; margin: 0; padding: 0; }
.pt5 { padding-top: 5px; }
.mt5 { margin-top: 5px; }
.mt12 { margin-top: 12px; }
.mt15 { margin-top: 15px; }
.border0 { border: 0px; }
.f12 { font-size: 12px; }
.f24 { font-size: 24px; }
.h35 { height: 35px; line-height: 30px; }
.pt18 { padding-top: 18px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.bg { background-color: #FFF; }
.red { color: #d62222; }
/******************全局顶部******************/
.x_top { height: 30px; line-height: 30px; }
.x_top .top_fixed { width: 100%; position: fixed; left: 0; top: 0; z-index: 300; background-color: #0ABBAB; }
.x_top .top_nav { width: 960px; margin: 0px auto; color: #FFF; }
.x_top .top_nav ul { float: left; }
.x_top .top_nav li { float: left; padding: 0px 10px; }
.x_top .nav_mmz { margin-top: 2px; background-color: #FFF; height: 28px; line-height: 28px; display: block; padding: 0px 15px; }
a.nav_mmz { color: #333333; }
a.nav_mmz:link, a.nav_mmz:visited { color: #333333; }
a.nav_mmz:hover { color: #333333; }
a.nav_mmm { color: #fff; }
a.nav_mmm:link, a.nav_mmm:visited { color: #fff; }
a.nav_mmm:hover { color: #fff; }
/******************首页布局******************/
/*头部布局*/
#index_header { margin: auto; width: 960px; height: 75px; }
#index_header #header_logo { margin-top: 10px; width: 260px; }
#index_header .logo_img { width: 160px; }
/*标语布局*/
#index_hero { margin: auto; width: 960px; height: 80px; text-align: center; }
#index_hero .hero_tag { font-size: 32px; font-weight: 300; letter-spacing: 1px; line-height: 40px; }
#index_hero .hero_short { font-size: 16px; font-weight: 300; letter-spacing: 1px; color: #09B9AC; line-height: 40px; }
/*机票搜索框布局*/
#index_flight_search { padding: 7px; margin: auto; width: 850px; margin-top: 10px; height: 290px; color: #666; background-color: #0ABBAB; box-shadow: 2px 2px 3px #cccccc; border-radius: 8px; }
.search_form { height: 270px; background-color: #FFF; padding: 10px; border-radius: 8px; }
.search_box { float: left; padding-left: 60px; width: 780px; }
.search_group { padding-top: 15px; width: 720px; float: left; font-size: 16px; }
.search_group span { margin-right: 10px; }
.search_controls { margin-left: 10px; width: 252px; }
.search_controls .inputbox { border: 1px solid #abadb3; width: 250px; background-color: #fff; color: #555; float: left; height: 35px; margin-bottom: 15px; }
.search_controls .inputbox .textbox { margin-left: 10px; background-color: #fff; outline: none; border: 0; font-weight: bold; font-size: 16px; }
.search_controls .inputbox b { display: block; width: 25px; height: 35px; background: url(../images/ico02.png) 2px 5px no-repeat; }
.search_lab div { margin-bottom: 30px; }
.search_group a.lnk_change { text-indent: -9999px; background: url(../images/ico03.png) no-repeat scroll 0 0; display: block; height: 56px; width: 27px; overflow: hidden; cursor: pointer; }
.search_group a.lnk_change:hover { background-position: 0 -70px; }
.search_controls .inputbox i { display: block; width: 25px; height: 35px; background: url(../images/ico04.png) 2px 7px no-repeat; }
.btn_search { display: block; border: 0; cursor: pointer; overflow: visible; background: none; padding: 0; margin: 0; color: #FFF; height: 40px; text-align: center; width: 180px; background: #FFA028; font: 18px/28px microsoft yahei; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/*旅游产品服务商*/
.partner { text-align: center; color: #333; font-size: 16px; }
.partner_list { text-align: left; width: 950px; margin: 10px auto; }
.partner_list a { margin-right: 10px; }
/*优惠航班信息推荐*/
.best_flight { margin: auto; width: 950px; height: 35px; line-height: 35px; text-align: left; border-left: 3px solid #0086D6; font-size: 24px; padding-left: 10px; margin-top: 50px; }
.best_flight a { float: right; color: #0079BD; font-size: 14px; line-height: 35px; }
.best_flight b { color: #00B4A4; }
.best_flight_line { margin: auto; width: 960px; margin-top: 8px; font-size: 0px; line-height: 0px; border-top: 1px solid #E7E7E7; }
.best_flight_info { margin: auto; width: 960px; margin-top: 20px; }
.best_flight_info .info_p1 { float: left; width: 460px; }
.best_flight_info .info_p1 .img { float: left; }
.best_flight_info .info_p1 .txt { float: left; margin-left: 10px; width: 360px; }
.best_flight_info .info_p1 .txt span { color: #F7494A; }
.best_flight_info .info_p1 .list { float: left; margin-left: 10px; width: 250px; margin-top: 24px; }
.best_flight_info .info_p1 .list ul li { font-size: 12px; color: #9C9A9C; line-height: 26px; }
.best_flight_info .info_p1 .list ul li a { float: left; line-height: 24px; text-align: center; display: block; width: 60px; height: 24px; border: 1px solid #CECFCE; border-radius: 2px; margin-right: 10px; color: #9C9A9C; font-size: 12px; }
.best_flight_info .info_p1 .list ul li a span { color: #F7494A; margin-right: 3px; }
.best_flight_info .info_p1 .list ul li a:hover { background-color: #f04848; color: #fff; text-decoration: none; border: 1px solid #f04848; }
.best_flight_info .info_p1 .list ul li a:hover span { color: #fff }
.best_flight_info .info_p1 .list ul li a b { margin-right: 3px; font-weight: normal; }
.best_flight_info .info_p1 .list ul li a:hover b { color: #fff }
.best_flight_info .info_p1 .list .time { margin-left: 10px; }
.best_flight_info .info_p1 .link { float: right; margin-top: 26px; }
.best_flight_info .info_p1 .link a { font-size: 12px; border-radius: 2px; padding: 5px 10px; background-color: #f04848; color: #fff; text-decoration: none }
/*底部布局*/
.footer { text-align: center; color: #999999; line-height: 30px; }
.footer a { color: #999999; }
/******************优惠信息******************/
/*优惠首页*/
.tab_bar { margin: auto; width: 960px; border-bottom: 1px solid #e6e6e6; font-size: 18px; padding-top: 10px; }
.tab_bar > a { display: inline-block; line-height: 18px; padding-bottom: 12px; border-bottom: 2px solid transparent; margin-bottom: -1px; color: #333; vertical-align: top; text-decoration: none; }
.tab_bar > a.active, .tab_bar > a:hover { border-color: #f43c37; text-decoration: none; }
.tab_bar .split { display: inline-block; width: 0; height: 18px; margin: 0 17px; border-right: 1px solid #e6e6e6; }
.youhui_list { margin: auto; width: 960px; margin-top: 10px; }
.youhui_list .guide{ line-height:28px;}
.youhui_list .guide .tit{ font-size:16px; font-weight:bold;}
.youhui_list .guide li{display: inline-block; margin-right:20px;}
.youhui_list .guide .current{ border-radius: 2px;background-color: #2bb8aa; color: #fff;padding:2px;}
.youhui_list .guide a{padding:2px;}
.youhui_list .guide a:hover{ border-radius: 2px;background-color: #2bb8aa; color: #fff;padding:2px;}
.youhui_list .guide span{ color:#999; font-size:12px;}
.youhui_list .leftWrap { width: 690px; float: left; }
.youhui_list .rightWrap { width: 260px; float: right; }
.rightPanel .weixin{width:100%; text-align:center;}
.rightPanel .panelTitle { font-size: 18px; clear: both; overflow: hidden; height: 40px; line-height: 40px; font-weight:bold; border-bottom: 1px solid #dcdcdc; }
.rightPanel .panelTitle a { display: block; float: right; font-size: 12px; color: #5188a6; font-weight: normal; }
.youhui_list .leftWrap .list { padding-bottom: 29px; border-bottom: 1px solid #dcdcdc; margin-top: 20px; }
.youhui_list .listTitle { width: 100%; margin-bottom: 16px; }
.youhui_list .listTitle .itemName { font-size: 20px; line-height: 30px; font-weight: normal; padding-left: 0px; }
.youhui_list .listTitle .itemName a { color: #333; text-decoration: none; cursor: pointer; }
.youhui_list .listTitle .itemName a span.red { padding-left: 10px; color: #d62222; }
.youhui_list .picLeft { width: 190px; height: 190px; float: left; margin-right: 20px; text-align: center; display: block; overflow: hidden; }
.youhui_list .listRight { width: 460px; height: 190px; float: left; }
.youhui_list .lrTop { color: #999; font-size: 12px; margin-bottom: 16px; margin-top: 9px; height: 15px; }
.youhui_list .lrTop .lrTime { display: block; float: right; padding-right: 10px; }
.youhui_list .lrInfo { height: 96px; overflow: hidden; margin-bottom: 24px; line-height:24px; }
.youhui_list .lrBot { height: 30px; font-size: 12px; width: 100%; }
.youhui_list .lrBot a { float: left; color: #999; margin-right: 10px }
.lrBot a.good, .lrBot a.bad { padding: 0 6px; border: 1px solid #ccc; line-height: 28px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; position: relative; min-width: 44px; text-align: center }
.lrBot a.good { height: 28px }
.lrBot a b { vertical-align: 1px; color: #f04848 }
.lrBot a.bad b { color: #999; font-weight: normal }
.lrBot a.bad { margin-right: 16px; height: 28px }
.lrBot a.good:hover, .lrBot a.bad:hover { background-color: #f04848; color: #fff; text-decoration: none; border: 1px solid #f04848 }
.lrBot a:hover b { color: #fff }
.lrBot em { font-style: normal; }
.botPart, .botPart .buy, .botPart .mall { float: right; }
.lrBot a.mall { margin-right: 10px; max-width: 100px; height: 30px; line-height: 30px; overflow: hidden; }
.buy a { display: block; width: 110px; height: 40px; line-height: 40px; padding-left: 40px; background-color: #f04848; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-size: 14px }
.buy a { margin-right: 0; width: 79px; height: 30px; line-height: 30px; padding-left: 21px; font-size: 12px; background-color: #f04848; color: #fff; }
.buy a:hover { filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; text-decoration: none }
.jipiao_form{ }
.jipiao_form .change{float:left;padding-top:70px;cursor: pointer;}
.rightHotShow .showList { margin-top: 16px; height: 80px; overflow: hidden; }
.rightHotShow .smallPic { display: block; text-align: center; float: left; width: 80px; height: 80px; }
.rightHotShow .listInfo { width: 170px; float: right; font-size: 12px; line-height: 20px; }
.rightHotShow .listInfo .itemName a { display: block; width: 100%; height: 60px; color: #666; overflow: hidden }
.rightHotShow .listInfo .itemName a:hover { color: #5188a6 }
.rightHotShow .libox{ line-height:45px; height:45px;}
.rightHotShow .libox .inputbox{border-color: #bbb #ddd #ddd #bbb; border-style: solid; border-width: 1px;height:25px;padding-left:3px;width:140px;outline: none;}
.rightHotShow .libox .searchbox{text-shadow: 1px 1px 0 #cf7000;background-color:#ffb000;border: solid 1px #e77c00;color: #fff;font-size: 16px;font-weight: bold; cursor: pointer; text-align: center;box-shadow: 0 1px 0 rgba(95, 50, 0, 0.7); border-radius: 3px; height:33px; width:145px;}



/*优惠详细页*/
.youhui_list .crumbs { color: #999; font-size: 12px; height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc; }
.youhui_list .crumbsCate { display: inline; }
.crumbs a { color: #333 }
.crumbs a:hover { color: #5188a6 }
.crumbs .arrow, span.arrow { padding: 0 4px; }
article, article p, article blockquote { color: #333; line-height: 26px; word-break: break-all; word-wrap: break-word }
.article-details { padding-top: 17px; }
.article-details .pic-Box { width: 250px; height: 250px; float: left; margin-right: 20px; border: 1px solid #f2f2f2; }
.article-details .article-right { width: 410px; float: left; }
.article-details .article_title { max-height: 78px; overflow: hidden; line-height: 26px; font-size: 20px; font-weight: normal; }
.article-details .article-meta-box { border-bottom: 1px dashed #e4e4e4; border-top: 1px dashed #e4e4e4; padding-bottom: 12px; padding-top: 7px; margin-top: 14px; margin-bottom: 30px; }
.article-details .article_meta { margin: 0; height: 22px; overflow: hidden; }
.article_meta { color: #999; font-size: 12px; margin-bottom: 16px; margin-top: 9px; height: 15px; }
.article_meta a { color: #5188a6; }
.article-details .article_meta a:hover { text-decoration: underline; }
.article_meta span a { padding-right: 10px; }
.item-box { border-top: 1px solid #f2f2f2; position: relative; padding-top: 30px; margin-top: 30px; }
.item-box .title-box { border-left: 4px solid #f04848; font-size: 18px; height: 18px; line-height: 20px; position: absolute; left: 0; top: -9px; background-color: #fff; padding-left: 6px; padding-right: 10px; }
.banner_scroll { margin:30px 0px 0px 0px; }
.imgContent { width: 100%; _height: 504px; position: relative; text-align: center; padding-bottom: 16px; }
.imgLoading { min-height: 200px; padding-top: 100px; display: block; text-align: center; position: absolute; left: 0; top: 30%; width: 100% }
.bigImgContent { width: 600px; height: 450px; text-align: center; vertical-align: middle; overflow: hidden; margin: 0 auto; min-height: 60px; }
.bigImgContent img { max-width: 600px; max-height: 450px; vertical-align: middle; display: inline-block; margin-bottom: 0; }
a.aimgcon { cursor: auto; display: block; width: 600px; height: 450px; line-height: 450px; background-color: #fff; }
.imgpn { display: block; width: 48%; height: 100%; text-indent: -9999px; position: absolute; top: 0; z-index: 100; overflow: hidden; background: url(../images/blank.png) repeat; -webkit-user-select: none; -moz-user-select: none; }
.img-prev { left: 0; cursor: url(http://manmanzou.net/images/pic_prev.cur), pointer }
.img-next { right: 0; cursor: url(http://manmanzou.net/images/pic_next.cur), pointer }
.smallImgScroll { height: 110px; position: relative; overflow: hidden; margin: 0 4px; }
.smallImgList { position: absolute; height: 110px; left: 0; top: 0; z-index: 2; }
article ul { margin: 0 0 26px; padding-left: 35px; }
.buy_link { text-align: center;margin-top:30px;}
.buy_link a { display: block; color: white; background-color: #f04848; padding: 4px; }
.smallImgList li { width: 110px; height: 110px; float: left; padding-right: 8px; position: relative; list-style: none; }
.smallImgList li.thisimg span { display: block; }
.smallImgList li span { height: 106px; width: 106px; position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer; border: 2px solid #0084cf; display: none; }
.smallImgList li img { max-width: 100px; max-height: 100px; margin-top: 5px; }
.article-details img { display: block; margin: 0 auto 0px; max-width: 600px; clear: both; }
.score_rateBox { width: 260px; height: 52px; margin: 0 auto 40px; margin-top:40px; font-size: 12px; text-align: center; color: #999; line-height: normal; position: relative; }
.details_zhi, .details_buzhi { width: 54px; height: 54px; float: left; }
.score_rateBox a { height: 53px; width: 53px; display: block; position: relative; }
.score_rateBox i { color: #999; height: 53px; overflow: hidden; display: block }
@-webkit-keyframes rock { 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
20%, 60% {
-webkit-transform:translate3d(-6px, 0, 0);
transform:translate3d(-6px, 0, 0)
}
40%, 80% {
-webkit-transform:translate3d(6px, 0, 0);
transform:translate3d(6px, 0, 0)
}
}
@keyframes rock { 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
20%, 60% {
-webkit-transform:translate3d(-6px, 0, 0);
-ms-transform:translate3d(-6px, 0, 0);
transform:translate3d(-6px, 0, 0)
}
40%, 80% {
-webkit-transform:translate3d(6px, 0, 0);
-ms-transform:translate3d(6px, 0, 0);
transform:translate3d(6px, 0, 0)
}
}
@-webkit-keyframes border_large { 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
20%, 60% {
-webkit-transform:translate3d(0, -6px, 0);
transform:translate3d(0, -6px, 0)
}
40%, 80% {
-webkit-transform:translate3d(0, 6px, 0);
transform:translate3d(0, 6px, 0)
}
}
@keyframes border_large { 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
20%, 60% {
-webkit-transform:translate3d(0, -6px, 0);
-ms-transform:translate3d(0, -6px, 0);
transform:translate3d(0, -6px, 0)
}
40%, 80% {
-webkit-transform:translate3d(0, 6px, 0);
-ms-transform:translate3d(0, 6px, 0);
transform:translate3d(0, 6px, 0)
}
}
.score_rateBox .details_zhi a:hover { animation: border_large .6s; -webkit-animation: border_large .6s; -moz-animation: border_large .6s; -o-animation: border_large .6s }
.score_rateBox span.scoredInfo { width: 52px; height: 52px; background-color: #f04848; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; color: #fff; font-size: 12px; line-height: 52px; display: none; cursor: default }
.score_rateBox span.addNumber { font-size: 20px; font-weight: bold; position: absolute; left: 50%; top: 50%; margin-top: -11px; margin-left: -11px; display: none }
.score_rateBox span.addNumber.add { color: #f04848 }
.score_rateBox span.addNumber.reduce { color: #999 }
.score_rateBox .details_buzhi span.scoredInfo { background-color: #999 }
.score_rateBox a.worthCurrent:hover { animation: border_large 0s; -webkit-animation: border_large 0s; -moz-animation: border_large 0s; -o-animation: border_large 0s }
.score_rateBox a.unworthCurrent:hover i.icon-Unworthy { animation: rock 0s; -webkit-animation: rock 0s; -moz-animation: rock 0s; -o-animation: rock 0s }
.worthCurrent:hover .scoreTotal, .unworthCurrent:hover .scoreTotal { display: none }
.worthCurrent:hover .scoredInfo, .unworthCurrent:hover .scoredInfo { display: block }
.score_rate { line-height: 20px; width: 120px; position: absolute; left: 70px; }
.score_rateBox .progressBox { width: 120px; margin: 0 auto; }
.progressing { height: 6px; background-color: #f04848; position: absolute; left: 0; top: 0; }
.progressBox { width: 210px; height: 6px; background-color: #ccc; position: relative; }
.details_buzhi { float: right; }
.score_rateBox a:hover i.icon-Unworthy { animation: rock .6s; -webkit-animation: rock .6s; -moz-animation: rock .6s; -o-animation: rock .6s }
/******************公司简介******************/
/*公司名称*/
#us_title { margin: auto; width: 960px; height: 60px; text-align: center; font-size: 28px; font-weight: 300; letter-spacing: 1px; line-height: 40px; }
.us_hr { margin: auto; width: 960px; border: 1px solid #E6E1E2; }
.us_info { margin: auto; width: 960px; padding: 10px; font-size: 16px; line-height: 40px; height: 400px; }
/******************机票搜索页布局******************/
/*头部布局*/
.header_title { font-size: 24px; margin-top: 20px; width: 450px; line-height: 30px; }
.header_title strong { font-size: 16px; color: #0abaab; font-weight: normal; }
/*机票搜索框布局*/
.flight_search_box { margin: 10px auto; width: 944px; box-shadow: 2px 2px 3px #cccccc; padding: 8px; height: 60px; border-radius: 5px; background-color: #0abaab; }
.flight_search_form { width: 928px; background-color: #FFF; height: 30px; border-radius: 3px; padding: 15px 8px; }
.flight_search_box div, .flight_search_box ul { float: left; }
.flight_search_box .sel { width: 60px; cursor: pointer; border: 1px solid #bababa; height: 30px; line-height: 30px; box-shadow: 0 0 5px #e2e2e2 inset; outline: none; padding-left: 6px; background: url(../images/ico05.png) 40px 0px no-repeat; position: relative; }
.flight_search_box .sel .s { overflow-y: auto; overflow-x: hidden; position: absolute; top: 30px; left: -1px; width: 66px; border: 1px solid #bababa; background-color: #fff; display: none; }
.flight_search_box .sel .a_sel { text-decoration: none; color: #333333; }
.flight_search_box .sel .s dl { padding: 0px; margin: 0px; }
.flight_search_box .sel .s dl dd { margin: 0px; overflow: hidden; }
.flight_search_box .sel .s dd a { color: #333; display: block; line-height: 30px; height: 30px; padding: 0 5px 0 5px; outline: 0; text-overflow: ellipsis; overflow: hidden; }
.flight_search_box .sel .s dd a:hover { color: #fff; background-color: #00afbd; }
.city .inputbox { padding: 5px; font-size: 14px; border: 1px solid #abadb3; width: 178px; background-color: #fff; color: #999; float: left; height: 20px; -moz-box-shadow: 0 0 5px #e2e2e2 inset; -webkit-box-shadow: 0 0 5px #e2e2e2 inset; box-shadow: 0 0 5px #e2e2e2 inset; transition: all .20s ease-in-out; -webkit-transition: all .20s ease-in-out; -moz-transition: all .20s ease-in-out; outline: none; }
.city .inputbox ul { width: 100%; }
.city .inputbox .textbox { font-size: 14px; height: 16px; line-height: 14px; margin-left: 10px; width: 100px; background-color: #fff; outline: none; border: 0; color: #999; }
.city .inputbox b { display: block; width: 25px; height: 20px; background: url(../images/ico06.png) 2px 3px no-repeat; }
.city .inputbox i { display: block; width: 25px; height: 20px; background: url(../images/ico08.png) 2px 3px no-repeat; }
.city .huan { padding: 7px; cursor: pointer; }
.flight_search_box .action .btn_txt { border: 0; cursor: pointer; overflow: visible; background: none; padding: 0; margin: 0; color: #FFF; display: inline-block; font: 16px/28px microsoft yahei; height: 30px; text-align: center; width: 72px; background: #ff8200; background: linear-gradient(top, #ff9100 0, #ff8a00 30%, #ff7b00 60%, #ff7100 100%); background: -moz-linear-gradient(top, #ff9100 0, #ff8a00 30%, #ff7b00 60%, #ff7100 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9100), color-stop(30%, #ff8a00), color-stop(60%, #ff7b00), color-stop(100%, #ff7100)); background: -webkit-linear-gradient(top, #ff9100 0, #ff8a00 30%, #ff7b00 60%, #ff7100 100%); background: -o-linear-gradient(top, #ff9100 0, #ff8a00 30%, #ff7b00 60%, #ff7100 100%); background: -ms-linear-gradient(top, #ff9100 0, #ff8a00 30%, #ff7b00 60%, #ff7100 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/*线路标题栏*/
.route_title { margin: auto; width: 960px; padding: 10px 0px 20px 0px; }
.route_title em { color: #cccccc; font-size: 24px; margin: 0px 6px; font-style: normal; font-weight: normal; }
/*线路价格日历*/
.route_date_bar { margin: auto; width: 958px; height: 70px; border: 1px solid #bde6e5; border-bottom: 2px solid #20abae; position: relative; z-index: 2; }
.route_date_bar .prev_btn { float: left; border-right: 1px solid #caf3f0; background-color: #FFFFFF; color: #0069ca; text-align: center; cursor: pointer; width: 32px; vertical-align: middle; }
.route_date_bar span.btn_inner { width: 32px; display: block; text-align: center; padding: 12px 0; height: 46px; }
.route_date_bar .prev_btn span.btn_inner i { overflow: hidden; display: inline-block; width: 11px; height: 20px; margin-top: 12px; background: url(../images/ico09.png) 0px 0px no-repeat; }
.route_date_bar .next_btn { float: left; border-right: 1px solid #caf3f0; background-color: #FFFFFF; color: #0069ca; text-align: center; cursor: pointer; width: 32px; vertical-align: middle; }
.route_date_bar .next_btn span.btn_inner i { overflow: hidden; display: inline-block; width: 11px; height: 20px; margin-top: 12px; background: url(../images/ico10.png) 0px 0px no-repeat; }
.route_date_bar .tabs { float: left; height: 72px; overflow: hidden; width: 805px; position: relative; }
.route_date_bar .tabs .myscroll { width: 10000px; overflow: hidden; position: absolute; }
.route_date_bar .tabs ul { float: left; }
.route_date_bar .tabs li { float: left; width: 115px; }
.route_date_bar .tabs ul li a { display: block; overflow: hidden; background-color: #f7fdfb; color: #0069ca; text-align: center; cursor: pointer; border-right: 1px solid #caf3f0; height: 70px; line-height: 30px; text-decoration: none; }
.route_date_bar .tabs ul li.on a { border: 2px solid #20abae; background-color: #fff; border-bottom: none; }
.route_date_bar .tabs ul li a:hover { background-color: #ffffff; }
.route_date_bar .tabs p { padding: 0px; margin: 0px; }
.route_date_bar .tabs p.date { color: #333333; font-size: 12px; }
.route_date_bar .tabs p.price { font-size: 24px; color: #ff6600; }
.route_date_bar .tabs em { font-size: 14px; margin-right: 4px; font-style: normal; font-weight: normal; }
.route_date_bar .jgcalendar { float: left; text-align: center; background-color: #f7fdfb; width: 87px; height: 70px; }
.route_date_bar .jgcalendar i { cursor: pointer; display: block; background: url(../images/ico11.png) 0px 0px no-repeat; height: 32px; width: 32px; margin: 12px auto 3px auto; }
.route_date_bar .jgcalendar span { cursor: pointer; }
/*日历控件*/
.calendar { border: 2px solid #20abae; width: 460px; background-color: #fff; font-size: 12px; font-family: "microsoft yahei"; }
.calendar .calendar_num { position: relative; height: 28px; background: #20abae; margin: 0px 0px 1px 0px; padding: 0px; }
.calendar .calendar_num li.bold { font-weight: bold; }
.calendar .calendar_num li { float: left; width: 55px; height: 28px; line-height: 26px; text-align: center; color: #fff; }
.calendar .calendar_num li.picker_today { position: absolute; top: 0; right: 0; cursor: pointer; width: 65px; }
.calendar ul, menu, dir { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; }
.calendar ul li, ol li { list-style: none; }
.calendar .calendar_left { position: relative; float: left; width: 65px; height: 270px; overflow: hidden; text-align: center; color: #1a477e; font-weight: bold; }
.calendar .pkg_double_month .date_text { padding: 0; height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; }
.calendar .calendar_left .border { border-bottom: 1px solid #eaeaea; }
.calendar p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
.calendar .pkg_circle_top, .pkg_circle_bottom { background: url(../images/bg_calendar.png) no-repeat; }
.calendar .pkg_circle_top { top: 20px; background-position: 0 -60px; }
.calendar .pkg_circle_top, .pkg_circle_bottom { display: block; position: absolute; width: 36px; padding-top: 19px; height: 0; overflow: hidden; left: 50%; margin-left: -18px; text-decoration: none; }
.calendar .pkg_circle_top:hover { background-position: -40px -60px; }
.calendar .pkg_circle_bottom:hover { background-position: -40px -93px; }
.calendar .pkg_circle_bottom_disable, .pkg_circle_bottom_disable:hover { background-position: -80px -93px; cursor: default; }
.calendar .pkg_circle_bottom { bottom: 20px; background-position: 0 -93px; }
.calendar .pkg_circle_bottom_disable, .pkg_circle_bottom_disable:hover { background-position: -80px -93px; cursor: default; }
.calendar .calendar_right { float: left; width: 385px; height: 270px; }
.calendar table { display: table; border-collapse: collapse; border-spacing: 2px; border-color: gray; }
.calendar tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }
.calendar tr { display: table-row; vertical-align: inherit; border-color: inherit; }
.calendar .calendar_right td { height: 44px; border: 1px solid #eaeaea; border-width: 0 1px 1px 0px; vertical-align: top; color: #aaa; max-width: 45px; }
.calendar .calendar_right .on { cursor: pointer; }
.calendar a { color: #0065bb; text-decoration: none; outline: none; }
.calendar .calendar_right a { display: block; width: 42px; height: 38px; color: #aaa; padding: 4px 4px 0; }
.calendar .calendar_right .on .date { color: #333; }
.calendar .calendar_right .on a:hover { border: 1px solid #febe32; background-color: #fffbee; }
.calendar .calendar_right .date { display: block; }
.calendar .calendar_right .today { margin: -1px 0 0 -1px; background-color: #fffbee; }
.calendar .calendar_right .on .team { color: #339900; }
.calendar .calendar_right .team { display: block; text-align: right; height: 16px; line-height: 16px; }
.calendar .calendar_right .on .calendar_price01 { color: #ff6000; text-align: right; }
.calendar dfn { font-style: normal; font-size: 12px; font-family: Arial !important; }
.calendar .calendar_loding { float: right; width: 591px; text-align: center; padding: 147px 0; }
.calendar .calendar_loding img { vertical-align: middle; margin-right: 10px; }
.calendar img, fieldset { margin: 0; padding: 0; border: 0; }
.calendar .calendar_right .lowprice { margin: -1px 0 0 -1px; }
.calendar .calendar_right .lowprice .calendar_price01 { color: blue; text-align: right; }
/*线路筛选和排序*/
.search_filter { margin: 15px auto; width: 928px; background-color: #f5f5f5; padding: 6px 16px; height: 24px; }
.search_filter ul li a.flight_type { color: #666; outline: 0; text-decoration: none; display: inline-block; height: 22px; line-height: 22px; overflow: hidden; }
.search_filter ul { display: inline-block; vertical-align: middle; float: left; }
.search_filter ul li { float: left; margin-right: 15px; }
.search_filter ul li a.filter_item { outline: 0; width: 75px; text-decoration: none; display: inline-block; height: 22px; line-height: 22px; overflow: hidden; border: 1px solid #dddddd; background-color: #FFFFFF; padding: 0px 4px 0px 10px; color: #666; }
.search_filter a.filter_sort_at { text-decoration: none; outline: 0; width: 80px; float: left; height: 22px; line-height: 22px; padding-left: 10px; background: url(../images/ico13.png) right -32px no-repeat #ffa63c; color: #fff; border: 1px solid #ffa63c; }
.search_filter a.filter_sort { width: 80px; float: left; height: 22px; line-height: 22px; color: #666; padding-left: 10px; border: 1px solid #ddd; text-decoration: none; outline: 0; background: url(../images/ico13.png) right 3px no-repeat #fff; }
.search_filter a.filter_sort:hover { background: url(../images/ico13.png) right -67px no-repeat #6bb7f3; color: #fff; border: 1px solid #6bb7f3; }
.search_filter a.filter_sort_at:hover { background: url(../images/ico13.png) right -67px no-repeat #6bb7f3; color: #fff; border: 1px solid #6bb7f3; }
/*线路航班列表*/
.flight_list { margin: auto; width: 960px; border-top: 1px solid #dddddd; margin-bottom: 50px;}
.flight_list ul { position: relative; }
.flight_list ul li { border-bottom: 1px solid #dddddd; padding-top: 15px; height: 70px; }
.flight_list ul li:hover { background-color: #f5f5f5; box-shadow: 2px 2px 3px #e2e2e2; }
.flight_list .item { padding: 0px 18px 0px 18px; }
.flight_list .item .time { float: left; width: 240px; }
.flight_list .item .time .t { font-size: 24px; }
.flight_list .item .time .t em { color: #cccccc; vertical-align: 2px; margin: 0px 10px; font-style: normal; font-weight: normal; }
.flight_list .item .time p { font-size: 14px; margin-top: 4px; padding: 0px; margin: 0px; }
.flight_list .item .company { float: left; width: 240px; font-size: 14px; margin-top: 5px; }
.flight_list .item .company .n { }
.flight_list .item .company .n img { vertical-align: middle; width: 22px; height: 22px; }
.flight_list .item .company .n strong { font-weight: bold; }
.flight_list .item .company .m { padding-left: 22px; }
.flight_list .item .model { float: left; width: 185px; font-size: 14px; margin-top: 5px; }
.flight_list .item .model p { padding: 0px; margin: 0px; }
.flight_list .item .ico { float: left; width: 30px; margin-top: 15px; }
.flight_list .item .price { float: left; width: 120px; font-size: 24px; font-weight: bold; color: #ff6600; padding-top: 10px; }
.flight_list .item .price em { font-size: 14px; font-weight: normal; margin-right: 4px; font-style: normal; }
.flight_list .item .parity { float: left; width: 100px;}
.flight_list .item .parity .btn { text-align: center; margin-top: 10px; width: 100px; background-color: #2da0e5; border-radius: 3px; cursor: pointer; }
.flight_list .item .parity .btn a { width: 90px; background: url(../images/ico14.png) 65px 10px no-repeat; text-decoration: none; display: block; line-height: 26px; color: #FFFFFF; }
.flight_list .item .on .btn a { background: url(../images/ico15.png) 65px 10px no-repeat; }
.flight_list .item .parity .sitelist { width: 460px; background-color: #ffffff; border: 1px solid #dddddd; border-top: none; box-shadow: 2px 2px 3px #e2e2e2; position: absolute; right: 0px; display: none; z-index: 10; margin-top: 34px; }
.flight_list .item .parity .sitelist dl { padding: 0px 15px; margin: 0px; }
.flight_list .item .parity .sitelist dl dd { padding: 0px; margin: 0px; border-bottom: 1px dotted #dddddd; height: 22px; overflow: hidden; padding: 10px 0px; }
.flight_list .item .parity .sitelist .sitename { float: left; font-size: 14px; width: 210px; }
.flight_list .item .parity .sitelist .sitename b{ font-size:20px;color: #E71484; }
.flight_list .item .parity .sitelist .sitename img { vertical-align: middle; margin-right: 4px; }
.flight_list .item .parity .sitelist .price_info { color: #9999A1; float: left; width: 180px; font-size: 12px; }
.flight_list .item .parity .sitelist .price_close { float: right; cursor: pointer; padding: 8px; font-size: 16px; font-weight: bold; color: #999; }
.flight_list .item .parity .sitelist .siteprice { float: left; width: 140px; font-size: 20px; font-weight: bold; color: #ff6600; }
.flight_list .item .parity .sitelist .low { color: #0069ca; }
.flight_list .item .parity .sitelist .siteprice em { font-style: normal; font-size: 14px; font-weight: normal; margin-right: 4px; }
.flight_list .item .parity .sitelist .siteprice span { font-size: 12px; font-weight: normal; color: #333333; vertical-align: middle; }
.flight_list .item .parity .sitelist .destine { float: left; width: 70px; }
.flight_list .item .parity .sitelist .destine a { text-align: center; font-size: 12px; color: #FFFFFF; background-color: #ff9e36; display: block; height: 22px; line-height: 22px; width: 66px; border-radius: 3px; }
/*遮罩层*/
.mask { width: 100%; height: 100%; position: fixed; top: 0px; filter: alpha(opacity=60); background-color: black; left: 0px; opacity: 0.8; -moz-opacity: 0.5; z-index: 5; display: none; }
#sitelist_mask { filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.1; }
#refresh_mask { filter: alpha(opacity=60); opacity: 0.8; -moz-opacity: 0.5; background-color: white; }
/*刷新提示*/
.refreshbox { position: fixed; top: 50px; left: 50%; width: 450px; height: 250px; margin-left: -225px; border: 1px solid #E5E5E5; line-height: 30px; font-size: 16px; text-align: center; background-color: #F8F8F8; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 8; display: none; }
/******************城市搜索组件******************/
.list_city { position: absolute; z-index: 120; overflow: hidden; -moz-box-shadow: 2px 2px 5px rgb(37, 180, 210); width: 222px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #0ABBAB; margin: 0; min-height: 305px; padding: 0 0 4px; text-align: left; width: 220px; -moz-box-shadow: 2px 2px 5px rgb(37, 180, 210); -webkit-box-shadow: 2px 2px 5px rgb(37, 180, 210); }
.list_city .list_city_head { background-color: #0ABBAB; border: medium none; color: #FFFFFF; display: block; font-family: Simyou; line-height: 20px; padding: 2px 0 2px 9px; width: auto; word-wrap: break-word; }
.list_city .list_city_head .msg { color: red; }
.list_city .list_city_container { margin: 0; min-height: 257px; padding: 0; height: 257px; }
.list_city .list_city_container a { cursor: pointer; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; color: #0055AA; cursor: pointer; display: block; height: 22px; line-height: 22px; min-height: 22px; overflow: hidden; padding: 1px 9px 0; text-align: left; text-decoration: none; }
.list_city .list_city_container a b { font-weight: normal; }
.list_city .list_city_container a:hover { background: none repeat scroll 0 0 #E8FFF6; border-bottom: 1px solid #0ABBAB; border-top: 1px solid #0ABBAB; }
.list_city .list_city_container span { float: right; font: 10px/22px verdana; margin: 0; overflow: hidden; padding: 0; text-align: right; white-space: nowrap; width: 110px; }
.list_city .selected { background: none repeat scroll 0 0 #E8FFF6; color: #FFFFFF; height: 22px }
.list_city .page_break { line-height: 25px; margin: 0; padding: 0; text-align: center; }
.list_city .page_break a { cursor: pointer; color: #0055AA; font-family: Arial, Simsun, sans-serif; font-size: 14px; margin: 0; padding: 0 4px; text-decoration: underline; }
.list_city .page_break .current { color: #000000; text-decoration: none; }
.pop_city { position: absolute; z-index: 9; width: 420px; font-size: 14px; text-align: center; padding-bottom: 10px; border: 1px solid #0ABBAB; background-color: #FFFFFF; -moz-box-shadow: 2px 2px 5px rgb(37, 180, 210); -webkit-box-shadow: 2px 2px 5px rgb(37, 180, 210); }
.pop_city .pop_head { margin-top: 0px; background-color: #0ABBAB; border-color: #0ABBAB; border-style: solid; border-width: 1px 1px 0; color: #CEE3FC; height: 24px; line-height: 24px; color: #FFFFFF; }
.pop_city .list_label { list-style: none; border-bottom: 1px #5DA9E2 solid; padding-bottom: 24px; padding-left: 10px; margin-top: 15px; margin-bottom: 10px; }
.pop_city .list_label li { float: left; height: 24px; line-height: 24px; }
.pop_city .list_label li a { cursor: pointer; color: #005DAA; ursor: pointer; text-decoration: none; padding-left: 6px; padding-right: 6px; }
.pop_city .list_label li a:hover { cursor: pointer; color: #005D00; }
.pop_city .list_label li a.current { cursor: pointer; color: #666666; display: block; background: #FFF; border: 1px #5DA9E2 solid; border-bottom: 1px solid #fff; padding: 0px 4px; font-weight: bold; }
.pop_city .pop_city_container { margin: 0px; padding: 4px; margin-bottom: 2px; }
.pop_city .pop_city_container ul { padding-left: 3px; }
.pop_city .pop_city_container ul li { padding-left: 2px; width: 19%; float: left; }
.pop_city .pop_city_container ul li a { cursor: pointer; padding: 4px 0px; color: #000000; display: block; height: 25px; line-height: 22px; text-decoration: none; border: 1px solid #fff; }
.pop_city .pop_city_container ul li a:hover { cursor: pointer; background-color: #E8F4FF; border: 1px solid #ACCCEF; }
.pop_city .pop_city_container ul li span { padding: 4px 0px; color: #000000; display: block; height: 25px; line-height: 22px; text-decoration: none; border: 1px solid #fff; }
.current_l { text-align: center; }


/*分页*/
.pages{float:left;line-height:25px;height:25px;font-family:Verdana; margin-top:10px;}
.pages a,.pages b{display:block;float:left;margin-right:8px;}
.pages a{border:1px solid #bdcfdd;background-color:#f9f9f9;padding:0 10px;color:#666;}
.pages b,.pages a:hover,.pages .current{background-color:#76c3fb;color:#ffffff;border:1px solid #76c3fb;text-decoration:none;padding:0 10px; display:block;}
.pages .fl{color:#666;padding:0 6px 0 3px; float:left; font-size:14px;}
.pages input{padding:0;float:left;border:1px solid #bdcfdd;background:#ffffff;float:left;margin:0 2px 0 0;height:25px;width:40px; text-align:center; font-size:14px;}
.pages button{height:27px;line-height:27px;background-color:#f4f8fb;padding:0 20px;color:#666;border:1px solid #bdcfdd;cursor:pointer;float:left;margin:0;overflow:visible;_overflow:auto;}
.fr .pages{_float:right;}/*ie6*/
.pages a.pages_pre{padding-left:16px;}
.pages a.pages_pre:hover{padding-left:16px;}
.pages a.pages_next{padding-right:16px;}
.pages a.pages_next:hover{padding-right:16px;}
.pages .pagesone{ float:left;}