body{ margin:0; padding:0; font-size:16px;!important; line-height:18px}
html, div, p, span, em, ul, li, article{ margin:0; padding:0; list-style:none; font-style:normal }
a{ text-decoration:none }
img{ border:none }
article:active{ background-color:#f7f7f7 }
.cf{ zoom:1 }
.cf:after{ content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden }


#wrapper{ width:100%;background:url(../images/bg.gif) no-repeat  center 0px #d0312e!important;  padding-bottom:120px}
#selectors{ display:none }
.ad_image{ color:#fff}
.ad_image p{ width:100% }
.ad_image p.p1{ display:block }
.ad_image p.p1 span{ display:block; margin:0 auto; width:1002px; height:150px; background:url(../images/1002.jpg) no-repeat}
.ad_image p.p2{ display:none }
.ad_image p.p1 span a{ float: right; margin-right: 20px; width: 115px; height: 64px; font-size: 0}
.ad_image p.p1 span a.note2{ background:#3F6; width:100px; height:20px; position:relative; float:left; left:40px; top:120px; font-size:1em}
#searchBox{ margin:0 auto; padding:12px 20px; width:962px; background:#ffe4bd; border-bottom:1px solid #edc087}
#searchBox .search_ttl{ display:inline-block; float:left; margin-right:1.996%; padding-right:0.399%; line-height:21px; width:100px; height:24px; font-size:1em; font-family:'Microsoft YaHei'; border-right:1px solid #e1a660; vertical-align:bottom }
#searchBox .search_btn{ width:72px; height:26px; border:0; margin:0; background:url(http://pages.ctrip.com/temp/test/flight/flight_img/search_btn.gif) #ff9a14; font-size:16px; color:#fff; text-align:center; cursor: pointer}


#main{ margin:0 auto; width:1002px; overflow:hidden; background:#fff;}

#hotsold_box{ width:100%; background:url(http://pages.ctrip.com/temp/test/flight/flight_img/black_point.gif) #fff center repeat-y}
#airline_box{ width:100%; overflow:hidden}
#hotsold_box article{ float:left; width:45.9999999%; padding:18px 0 2% 4%; background: url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow.gif) no-repeat 92% 42px; border-bottom:1px solid #efefef; font-family:Arial, Helvetica, sans-serif}
#hotsold_box article div{ float:left}
#hotsold_box article.over{ background: url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow.gif) no-repeat 92% 42px #f7f7f7; cursor:pointer}

article .hprice_space{ -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; width:36%; overflow:hidden; margin:0 2.5% 0 0}
article .hprice_space .h_discount{ padding-left:6px; height:24px; line-height:normal; font-size:1.375em; color:#FFF; background:#ff6000; vertical-align:bottom}
article .hprice_space .h_discount span{ font-size:0.72em; font-family:'Microsoft YaHei'}
article .hprice_space .h_price{ padding:2.4% 0 0 5.12%; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; border-bottom:1px solid #c5c1c1; border-left:1px solid #c5c1c1; border-right:1px solid #c5c1c1; background:url(http://pages.ctrip.com/temp/test/flight/flight_img/grad_line.jpg) repeat-x left bottom; background:-webkit-linear-gradient(top, #ffffff, #f2f2f2); color:#ff6000; font-size:3.125em}
article .hprice_space .h_price span{ float:left; padding-bottom:3px; line-height:100%}
article .hprice_space .h_price em{ float:left; font-size:0.4em; line-height:150%}
article .hprice_space .h_price em.e02{ font-size:12px; margin-top:16%}

article .hcity_space{ width:60%; overflow:hidden}
article .hcity_space .h_city{ float:left; font-family:'Microsoft YaHei'; margin-bottom:4%; font-size:2.625em ; width:100%}
article .hcity_space .h_city span{ float:left; line-height:46px; padding-right:3.5%}
article .hcity_space .h_city em{ float:left;  font-size:0.476em; color:#a5a5a5; line-height:normal;padding-top:21px}
article .hcity_space .h_fx{ float:left; margin-right:60%; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #fb942d; background-color:#fb942d; margin-bottom:4%; width:58px; height:18px; font-size:12px;text-align:right; color:#fff; overflow:hidden}
article .hcity_space .h_fx span{ display:inline-block; width:44px; height:18px; line-height:18px; background-color:#FFF; color:#fb942d; text-align:center}
article .hcity_space .h_time{ float:left; white-space:nowrap; color:#a9a8a8; font-size:12px;}

article .airline .h_fx{ display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #fb942d; background-color:#fb942d; width:48px; margin:5px 0 0 5px; ; line-height: normal; font-size:12px; color:#fff; overflow:hidden}
article .airline .h_fx em{ float:none; display:inline-block; width:36px; color:#fb942d; text-align:center; background:none #fff; height:auto}


nav{ width:100%; background:url(http://pages.ctrip.com/temp/test/flight/flight_img/grad_line2.jpg) #fff repeat-x left bottom; border-bottom:1px solid #fff; font-family:'Microsoft YaHei'; font-size:1.0625em; padding-left:3.8%; display:block}
nav span{ float:left; padding-top:14px; margin-right:1.5% }
nav ul{ padding-top:8px; float:left; width:86.5% }
nav ul li{ float:left; color:#717171; white-space:nowrap; height:27px; margin-left:8px; padding:5px 1.5% 0}
nav ul li.over{ background:#efefef; color:#000; border-bottom:1px solid #d1d1d1; height:26px}
nav ul li.on{ height:26px; z-index:10; background:#fff; color:#000; background:-webkit-gradient(linear, 0% 1%, 0% 85%, from(#FFFFFF), to(#FFFFFF), color-stop(0.1, #E4E4E4)); border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-top:1px solid #d1d1d1}


.flight_list{ background:url(http://pages.ctrip.com/temp/test/flight/flight_img/black_point.gif) #fff center repeat-y; display:none}
.flight_list article{ float:left; width:46.19%; background: url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow4.gif) no-repeat 92% 17px; border-bottom:1px solid #eeeeee; padding:8px 0 6px 3.8%}
.flight_list article.over{ background: url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow4.gif) #f7f7f7 no-repeat 92% 17px; cursor:pointer}
.flight_list article div{ float:left}
article .airline{ width:51%}
article div.sp2{ width:45%}
article .airline p{ font-size:1.375em; font-family:'Microsoft YaHei'}
article .airline p span{ float:left; line-height:26px; white-space:nowrap}
article .airline p em{ float:left; width:24px; height:24px; background:url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow3.gif) no-repeat center}
em.arrow_wf{ background:url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow3_wf.gif) no-repeat center!important}
article .airline p.cmpy{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#a5a5a5}
article .airline_discount{ margin-right:1.596%; margin-top:4px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:0.5% 1% 0.5%; background:#fbac5f; font-size:1.125em; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif}
article .airline_discount span{ font-size:0.777em}
article .airline_price{ font-size:2em; font-family:Arial, Helvetica, sans-serif; color:#ff6000; line-height:100%}
article .airline_price span{ float:left}
article .airline_price em{ float:left; font-size:0.4375em; line-height:150% }
article .airline_price em.e02{ font-size:12px; line-height:340% }
.pagesHeadMobile{ display:none}
.pagesFoot{ background:#fff;}
.fltLiner{ font-size:12px}
.floatboxes{ display:none; position:absolute; width:90%; z-index:202}
.jps1{ background:#FFF; padding:20px; height:260px}
.jps1 p{ text-align:center; font-size:14px; padding-bottom:10px; font-weight:bold }
.text{ font-size:12px; line-height:18px; height:240px; overflow-y: scroll; padding-right:10px}
.popupContactClose{ float:right; background:url(http://pages.ctrip.com/temp/test/flight/images/close.gif) right 0 no-repeat; color:#FFF; padding-right:20px; font-size:12px; height:20px; font-weight:bold}
#backgroundPopup{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; z-index:200}
.x1{ margin:0; padding:0px 0px 0px 0px; width:100%; color:#fff; font-size:1em; background:url(../images/arrow6.gif) 96.25% 16px no-repeat #65d6f8; overflow:hidden}
.x2{ background:url(../images/arrow6.gif) 96.25% 16px no-repeat #65d6f8}
.x3{ background:url(../images/arrow7.gif) 96.25% 16px no-repeat #65d6f8}
.pcor1{ background-color:#fd7927}
.x1 em{ font-style:normal; height:58px; font-family:"Microsoft Yahei"; float:left; cursor:pointer}
.x1 em.e0{ float:right; width:16.2%}
.x1 em.e1{ padding-left:3.74%; width:20.9%; font-size:1.875em; line-height:56px; overflow:hidden}
.x1 em.e2{ margin-top:8px; padding-right:2%; width:45%; font-size:14px; line-height:20px; height:40px; font-family:Arial}
.x1 em.e3{ margin-top:8px; width:59%; font-size:14px; line-height:20px; height:40px; font-family:Arial}
.x1 span{ float:left; display:none; width:92.499%; padding:12px 3.8% 12px; font-size:12px; color:#000; line-height:20px; background-color:#f4f4f4 }
.x1 em.ema{ width:12% }
.x1 em.ema a{ float:left; margin:14px 0 0 0; width:93%; padding-left:7%; height:30px; font-family:"Microsoft Yahei"; font-size:1.25em; line-height:30px; *line-height:31px; color:#fff; background:url(../images/arrow5.gif) #000 93% center no-repeat; color:#fff; opacity:0.35; filter:alpha(opacity=35)}
#advbtns{ width:960px}
#seoblks table{ width:1002px; margin:0 auto; font-size:12px}
#seoblks a{ color:#437072; margin-right:8px; line-height:18px}

@media screen and (max-width:1002px){
#main{ width:100%}
#searchBox{ width:98%; padding:12px 1% 12px}
#searchBox input{ margin-right:8px; width:70px}
#searchBox select{ margin-right:8px}
#searchBox .search_ttl{ display:inline-block; margin-right:2px; padding-right:2px}
article .hcity_space .h_city{ width:98%}
article .hcity_space .h_city em{ display:block; margin:1px 0 2px; padding-top:16px}
article .hcity_space .h_fx{ display:inline-block}
article .hcity_space .h_time{ margin-bottom:4%; display:inline}
#hotsold_box article{ width:46.9%; padding-left:3%}
article .hprice_space .h_price{ font-size:2.8em}
article .hcity_space .h_city{ font-size:2.2em; margin-bottom:2%}
article .hcity_space .h_city span{ line-height:38px}
.flight_list article{ width:46.9%; padding-left:3%}
article .airline{ width:49%}
article .airline p{ font-size:1.125em}
.x1{ font-size:0.875em}
.x1 em.e1{ width:21.3%}
.x1 em.ema{ width:15.5%}
.x1 em.e3{ width:62.5%}
.x1 em.e0{ width:12.3%}
}
@media screen and (max-width:860px){
article .hprice_space .h_price{ font-size:2.2em}
article .hcity_space .h_city{ font-size:1.8em}
article .airline_price{ font-size:1.5em; line-height:1.6}
article .airline p span.h_fx{ margin:0 50% 0 0}
nav ul{ padding-top:8px; float:left; width:100% }
nav ul li{ float:left; color:#717171; white-space:nowrap; height:27px; margin-left:8px; padding:5px 1.5% 0}

.content{ width:80%}
.iconpic{ display:none;}
#advbtns{ width:760px}
#ifrad{ width:760px}
}



@media screen and (max-width:640px){
#wrapper{
	background-image:none;}	
#advbtns,#seoblks,.pagesHead,.fltLiner{ display:none}
#main{ width:95%; margin:0 auto;}

.ad_image p.p1{ display:none}
.ad_image p.p2{ display:block}
.ad_image p.p2 img{ width:100%}
#hotsold_box{ *padding-bottom:10px; background:none}
#hotsold_box article{ width:100%; background:url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow2.gif) #fff no-repeat 94% center; padding-bottom:2.8%; margin-bottom:10px}
#hotsold_box article.over{ background:url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow2.gif) no-repeat 94% center #f7f7f7}
article .hprice_space{ width:27%}
article .hprice_space .h_price{ font-size:2.5em}
article .hprice_space .h_price span.sp{ font-size:0.875em}
article .hprice_space .h_price em.e02{ font-size:0.388em; margin-top:9%}
article .hcity_space{ width:60%}
article .hcity_space .h_city{ font-size:2.615em; margin-bottom:1.45%}
article .hcity_space .h_city span{ line-height:44px; white-space:nowrap}
article .hcity_space .h_city em{ float:left; margin:6px 0 0; padding-top:6px; width:34%; font-size:0.65em; color:#a5a5a5}
article .hcity_space .h_time{ font-size:1em}
article .hcity_space .h_fx{ margin-right:6px;}
nav{ display:none}

.flight_list{ background:none; overflow:hidden}
.flight_list article{ width:100%; background: url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow4.gif) #fff no-repeat 92% center; padding:8px 2.8% 8px}
.flight_list article.over{ background: url(http://pages.ctrip.com/temp/test/flight/flight_img/arrow4.gif) #f7f7f7 no-repeat 92% center}
article .airline{ width:52%}
article .airline p{ float:left; font-size:1.4em; width:100%}
article .airline p span.h_fx{ margin:4px 0 0 5px}
article .airline p span{ line-height:24px}

article .airline p.cmpy{ width:160px; margin-top:6px}
article .airline_discount{ font-size:1.125em}
article .airline_discount span{ font-size:12px;}
article .airline_price{ font-size:2em}




.pagesHeadMobile{ display:block; width:100%; height:69px; background:#2a68ad; border-bottom:2px solid #000; position:relative}

.pagesHeadMobile{ display:block; width:100%; height:68px; background:#2a68ad; border-bottom:2px solid #333; position:relative; z-index:100}
.pagesHeadMobile a{ display:block; width:60px; height:54px; position:absolute}
.pagesHeadMobile a.a1{ border:2px solid #3176c3; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; left:1%; top:9%; z-index:200; overflow:hidden}
.pagesHeadMobile a.a1 img{ width:100%; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px}
.pagesHeadMobile a.a2{ width:124px; left:40%; top:18%}
.pagesHeadMobile a.a2 img{ width:100%}
.pagesHeadMobile a.a3{ border:2px solid #3176c3; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; right:1%; top:9%; z-index:201; overflow:hidden}
.pagesHeadMobile a.a3 img{ width:100%; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px}

#selectors{ display:block; margin:0; padding:6px 0; height:40px; position:fixed; _position:absolute; bottom:0; left:0; width:100%; font-size:0.825em; background:#2a68ad; border-top:2px solid #5e748c; z-index:100}
#selectors span{ float:left; margin-top:6px; color:#fff; line-height:28px; display:none}
#f3CitiesSelect{ float:right; margin-right:3%; width:180px; font-family:'Microsoft YaHei'; font-size:1.725em}
#selectors .note{ color:#fff; font-family:'Microsoft YaHei'; font-size:1.75em; height:40px; line-height:40px; padding:0 4px 0 12px}
.pagesFoot{ display:none}
#searchBox{ display:none}
.x1{ background-position:96.25% 6px}
.x1 em{ height:36px}
.x1 em.e1{ width:36%; font-size:22px; line-height:32px}
.x1 em.ewidth1{ width:56%}
.x1 em.ema{ width:20%}
.x1 em.ema a{ font-size:16px; margin-top:7px; height:20px; line-height:18px}
.x1 em.e2{ display:none}
.x1 em.e3{ display:none}
.x1 em.e0{ width:40.06%}
.x1 span{ font-size:16px; line-height:30px}
}


@media screen and (max-width:480px){

article .hcity_space{ width:55%}
article .hprice_space{ width:39%; margin-right:2.5%}

.sp article{ background-position:91.3% 39px}
.sp article.over{ background-position:91.3% 39px}
article .hprice_space .h_price em.e02{ font-size:12px; margin-top:12%}
article .hprice_space .h_price{ font-size:2.5em}
article .hcity_space .h_city{ font-size:2.2em; width:92%}
article .hcity_space .h_city em{ font-size:0.56em; width:70%; margin:0; white-space:nowrap}
article .hcity_space .h_city span{ line-height:38px}
article .hcity_space .h_fx{ width:50px; font-size:12px; margin-right:2px}
article .hcity_space .h_fx span{ width:38px}
article .hcity_space .h_time{ font-size:12px;}
nav{ display:none}
article .airline{ width:100%}
article .airline{ width:52%}
article .airline p{ width:100%; font-size:1.125em}
article .airline p em{ height:24px}
article .airline p.cmpy{ font-size:12px; width:140px; margin-top:0}
article .airline p span.h_fx{ margin:2px 90px 0 0}
article .airline_discount{ font-size:12px}
article .airline_price{ font-size:1.5em; line-height:1.3}
article .airline_price em.e02{ line-height:280%}

/*
article .sp2 .h_fx{ margin: 4px 0 0 0}
article .sp2{ width:50%}
article .sp2 p{ width:100%}
*/

.jps1{ height:120px}
.text{ height:100px}
.x1{ font-size:0.75em}
.x1 em.e1{ width:56%}
.x1 em.ewidth1{ width:86%}
.x1 em.ema{ width:30%}
.x1 em.e0{ width:9.86%}


.pagesHeadMobile{ height:51px; border-bottom:1px solid #333}
.pagesHeadMobile a{ width:45px; height:41px}
.pagesHeadMobile a.a1{ border:1px solid #3176c3; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; left:2%}
.pagesHeadMobile a.a1 img{ border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px}
.pagesHeadMobile a.a2{ width:93px}
.pagesHeadMobile a.a3{ border:1px solid #3176c3; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; right:2%}
.pagesHeadMobile a.a3 img{ border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px}


#selectors{ height:27px}
#f3CitiesSelect{ width:140px; height:27px; font-size:1.4em}
#selectors .note{ font-size:1.35em; height:24px; line-height:24px; padding:0 4px 0 12px}
}

@media screen and (max-width:360px){
.jps1{ height:260px}
.text{ height:240px}

article .airline{ width:48%}
article .airline p{ width:100%; font-size:1.03em}

article .hprice_space .h_price span.sp{ font-size:0.8em}

article .hcity_space .h_city em{ padding-top:2px}

article .airline_discount{ margin-top:14px}
article .airline_price{ margin-top:10px}

/*article .hcity_space .h_fx{ margin-right:30%}*/

.pagesHeadMobile{ height:34px}
.pagesHeadMobile a{ width:30px; height:27px}
.pagesHeadMobile a.a1{ border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; left:2%}
.pagesHeadMobile a.a1 img{ width:100%; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px}
.pagesHeadMobile a.a2{ width:62px}
.pagesHeadMobile a.a3{ border:1px solid #3176c3; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; right:2%}
.pagesHeadMobile a.a3 img{ width:100%; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px}


#selectors{ height:24px}
#f3CitiesSelect{ width:110px; height:24px; font-size:1em}
}