@charset "utf-8";
/* CSS Document */

/*======================================城市选择 start  ======================================*/
.csResults{ background:#fff; position: absolute; z-index: 10000; display: none;}
.city_box{ width:540px; background-color:#fff; color:#453d54; box-shadow:0 2px 3px #b6b1bd; position:absolute;z-indent:10000; border: 1px solid #dfdce3\9;}
@media screen and (min-width: 0px) {
    .city_box {border: 0;}
}
.city_box header { background-color:#00B2D6; color: #FFF; font-size: 120%; font-weight: 700; padding: 10px; position: relative; z-index: 1;}
.city_box header .close{ width:25px; height:25px; line-height:24px; position:absolute; color:#f6f5f7; right:10px; cursor:pointer; text-align:center; top:6px; font-family:"Microsoft YaHei","simsun"; font-size: 20px}
.city_box header .close:hover{ color:#00b2d6; background-color:#cbeef5;  width:25px; height:25px; line-height:24px; border-radius:15px;}

.city_box_nav{  width:110px; z-index:1; padding:10px 0; position:relative; }
.city_box_nav .on{ background:#fff; border-radius:5px 0 0 5px; border-right: none; right:-1px; font-weight:600; display:block; margin-left:10px; padding:5px 0 5px 10px; color:#00b2d6;}
.city_box_nav a{  margin-left:10px; padding:5px 0 5px 10px; font-size:14px; color:#00b2d6; display:block;}
.city_box_nav h3 {  margin: 10px 10px 10px 14px;}
.city_box_nav li :hover {background:#fff; border-radius:5px 0 0 5px; border-right: none; right:-1px; font-weight:600; display:block; margin-left:10px; padding:5px 0 5px 10px; color:#00b2d6;}

.suggest-box-nav-bg { background:#f5f5f5; width:110px; height:100%; padding:10px 0;  position: absolute; }


.city_box .city_box_con{padding:3%; float:left;}
.city_box .domestic{ width:72%;}
.city_box .city_box_con h4{padding-left:1%; padding:0 0 1% 1%;}
.city_box .city_box_con .popular-domestic{ width:66%; float:left;}
.city_box .city_box_con .popular-domestic dt{ margin-bottom:5px;}
.city_box .city_box_con .popular-domestic a{float:left; width:31%; color:#00b2d6; padding:5px 0 5px 2%;}
.city_box .city_box_con .popular-domestic a:hover{ background:#f5f5f5;}
.city_box .city_box_con .popular-domestic  .more, .city_box .city_box_con .popular-international .more { font-weight: 700; margin-top: 5px;margin-bottom:20px;}

.city_box .city_box_con .domestic{ border-top: 1px solid #eaeaea; margin-top: 5px; padding-top: 5px;}
.city_box .city_box_con .domestic dt{ width:10%; float: left; font-size: 110%; float:left; margin-top: 5px; text-indent:5px;}
.city_box .city_box_con .domestic dd{width:90%; float:left;}
.city_box .domestic dd a{width:23%; float:left; color:#00b2d6;  padding:5px 0 5px 2%;}
.city_box .city_box_con .domestic dd a{width:23%; float:left; color:#00b2d6;  padding:5px 0 5px 2%;}
.city_box .city_box_con .domestic dd a:hover{ background:#f5f5f5;}
.city_box .city_box_con .first {border:none;padding-top:0;margin-top:0}

.city_box .international{ width:72%;}
.city_box .international-withoutNav{ width:100%;}
.international a, .international .hit:Hover {width:31%; float:left; color:#00b2d6;  padding:5px 0 5px 2%;}
.international-withoutNav a,.international-withoutNav a:hover {width:23%; float:left; color:#00b2d6;  padding:5px 0 5px 2%;}
.international a:hover,.international-withoutNav a:hover {background:#f5f5f5;}
.city_box .hit{ background:#20c5d4; color:#fff;}
.city_box .city_box_con .domestic dd .hit, .city_box .city_box_con .domestic dd hit, .city_box .city_box_con .popular-domestic .hit, .city_box .city_box_con .popular-international .hit{ background:#20c5d4; color:#fff;}
.city_box .city_box_con .domestic dd .hit:hover, .city_box .city_box_con .domestic dd hit:hover, .city_box .city_box_con .popular-domestic .hit:hover, .city_box .city_box_con .popular-international .hit:hover{color:#00b2d6; background:#f5f5f5;}

.city_box .city_box_con .popular-international{width:27%; padding:0 3%; float:left; border-left:1px solid #eaeaea;}
.city_box .city_box_con .popular-international a{float:left; width:90%; color:#00b2d6;  padding:5px 0 5px 10%;}
.city_box .city_box_con .popular-international a:hover{background:#f5f5f5;}

/*控件酒店图标*/
.ac_hotel{ width:15px; height:12px; background:url(../images/icon.png) no-repeat -0px -50px; display:block;}
.ac_all{ width:16px; height:16px; background:url(../images/icon.png) no-repeat -35px -48px; display:block;}
.ac_map{ width:15px; height:18px; background:url(../images/icon.png) no-repeat -73px -47px; display:block;}

/*======================================城市选择列表======================================*/
.results{width:100%;border:1px solid #Dfdce3; background:#FFF;  box-shadow:0 2px 3px #b6b1bd; -moz-box-shadow:0 2px 3px #b6b1bd; -webkit-box-shadow:0 2px 3px #b6b1bd;}
.results h4{ border-bottom:1px dotted #999; color:#6F667D; font-weight:normal; padding:5px;}
.results li{ border-bottom:1px solid #dfe0e6; padding:8px 10px; clear:both; background:#fff;  font-size:12px; color:#666; overflow:hidden;}
.results li:last-child{ border-bottom: none; }
.results li:hover{ background:#f5f5f5;}
.results li a{ color:#6F667D; display:block; }
.results li b{color:#453d54;}
.results li em{ width:242px; float:left; font-style:normal; display:block; overflow:hidden;white-space: nowrap; text-overflow :ellipsis ; }
.results li em p{font-size: 14px}
.results li i{float:right; color:#6F667D; font-style:normal; font-size:12px; white-space: nowrap;overflow:hidden;width:48px;text-align:right;}
.results li span{float:left;}
.results span{float:left; display:block;}
.mgl42{margin-left:42px;}

.results .label{width:32px; height:20px; line-height:20px; text-align:center; font-size:12px; margin-right:10px; border-radius:3px; color:#fff; display: inline-block;}
.results .labelA{ background:#ff5452;}
.results .labelB{ background:#00b2d6;}
.results .labelC{ background:#00d775;}
.results .labelD{ background:#ffd445; color:#544c63;}
.results .labelE{ background:#66ee33;}

/*======================================酒店选择列表======================================*/
.results_hotel{padding:10px ;  border:1px solid #b2b2b2; background:#FFF;  box-shadow:5px 5px 5px #d4d4d4; -moz-box-shadow:0px 2px 5px #dfdfdf; -webkit-box-shadow:0px 2px 5px #dfdfdf;}
.results_hotel h4{ border-bottom:1px dotted #999; color:#666; font-weight:normal; padding:5px;}
.results_hotel li { cursor: pointer; display: block; font-size: 12px; height: 20px; line-height: 20px; margin: 0; overflow: hidden; padding: 4px 10px; text-align: right;}
.results_hotel li i { display: inline-block; float: left; height: 18px; margin-right: 3px; margin-top: 3px; width: 16px;}
.results_hotel li a { color: #555; float: left; margin: 0; overflow: hidden; padding: 0;　text-align: left; text-overflow: ellipsis; white-space: nowrap;}
.results_hotel li b{color:#ff6600;}


/*========================================= 日历控件 start  =========================================*/
.date_picker{ width:560px; background-color:#fff; border:1px solid #dfdce3;  box-shadow:0 2px 3px #b6b1bd;  -moz-box-shadow:0px 2px 5px #B6B1BD; -webkit-box-shadow:0px 2px 5px #B6B1BD; position:absolute;z-index:999;}
.date_picker header { background-color:#00b2d6; color: #fff; font-size: 120%; font-weight: 700; padding:8px 10px; z-index: 1; overflow:hidden;}
.date_picker header .month, .date_picker .date_con .month{ width:49.9%; float:left;}
.date_picker .date_con{ clear:both; overflow:hidden; padding:10px 10px 0; text-align:center; height: auto;}
.date_picker .date_con thead{ background-color:#f6f5f7; height:20px;}
.date_picker .date_con tbody{margin-top:10px;}
.date_picker td{width:14.28%; height:22px; cursor: pointer;}
.date_picker td:hover, .date_picker .curr{ background-color:#7fd7e8; color:#fff; }
.date_picker td a{width:100%; height:100%; color:#544c63; display: inline-block;padding:4px 0;line-height: 22px;}
.date_picker td a:hover{color:#fff;}
.day_sel_area { background-color:#d3f5fc; color:#898294;}

.date_picker td.out, .date_picker td.out.hover { background-color: transparent; color: #cde2e4; cursor: not-allowed;}


.date_picker footer{ background-color:#f6f5f7; border-top:1px solid #e6e6e6; padding:8px 15%; overflow:hidden;}
.date_picker footer a{ width:90px; height:27px; line-height:27px; text-align:center; background-color:#00b2d6; color:#fff; border-radius:18px; display:block; float:left; margin:0 5%; }
.date_picker footer a:hover, .date_picker footer .on{ background-color:#009dbd;}

/*三角形*/
.trigon_left, .trigon_right, .trigon_left:hover, .trigon_right:hover{ background:url(../images/header_icon.png) no-repeat; cursor:pointer; display: inline-block; height:15px; width:15px; }
.trigon_left{ background-position:-123px -134px; }
.trigon_right{ background-position:-148px -134px; }
.trigon_left:hover{background-position:-177px -134px; }
.trigon_right:hover{background-position:-202px -134px; }

.list_selected{background:#f5f5f5 !important;}

/*=========================================旅游目的地弹出框=========================================*/
.travel_search_box{position:absolute;display:none;z-index:10000;}
.travel_search_box li a span{ float:right; margin-left:10px; height:auto;}
.mdd{ width:100%; min-height:214px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>214?"":"214px"); margin:0 auto; background:#fff; overflow:hidden; }
.mdd_box{border:1px solid #dcdcdc; width:436px; background:#fff;  border:1px solid #b2b2b2;  box-shadow:5px 5px 5px #d4d4d4; -moz-box-shadow:0px 2px 5px #d4d4d4; -webkit-box-shadow:0px 2px 5px #d4d4d4;}
.mdd dt {border-bottom: 1px dashed #e1e1e1; color: #00b2d6; font-weight: bold; margin: 10px 5px 5px; padding-bottom: 5px; text-indent: 14px;}
.mdd dd a {color: #6A6A6A !important; float: left; padding: 8px 8px 5px 12px; text-decoration: none; white-space: nowrap;margin-bottom:3px;}
.mdd dd a:hover{ text-decoration:underline;}
.mdd dd .currentSel{color:#f60!important;}
.mdd_box ul .currentSel{background: #F1F1F1!important;}

/* flight city box */
.city_box_tit{ border-bottom:1px solid #dfe0e6; margin:10px 10px 8px 10px;}
.city_box_tit a{ margin:0 5px; padding:2px 8px; border-radius:3px 3px 0 0; display:inline-block;}
.city_box_tit .on{  background-color:#00b2d6; color:#fff; }

.city_box_flight { padding:0px 10px; line-height:2; overflow:hidden;}
.city_box_flight a, .city_box .mc_bd dl dd a{ width:14.6%; padding-left:2%; float:left; color:#453d54; display: inline-block; overflow:hidden;white-space: nowrap;}
.city_box_flight a:hover, .city_box .mc_bd dl dd a:hover{ background-color:#f6f5f7;}

.city_box .mc_bd_flight{ margin:10px;line-height:22px;font-size:12px;color:#666;}
.city_box .mc_bd_flight dl { border-bottom:1px dotted #d9d9d9; clear:both; overflow:hidden; padding:5px 0;}
.city_box .mc_bd_flight dl dt{ color:#00b2d6; font-size:14px; font-weight:bold; float:left; width:30px;}
.city_box .mc_bd_flight dl dd{ float:left; width:450px;}
.city_box .mc_bd_flight dl dd a{ width:18%; padding-left:2%; float:left; color:#453d54; display:block;}

.city_box_flight .button{ background-color:#FFD445; color:#544c63; padding:3px 20px; border:none; cursor:pointer; font-size:13px; border-radius:20px;display:inline-block;}
.city_box_flight .button:hover{ background-color:#f6c62b; color:#fff; }
.city_box_flight .visafree{ background-color:#00D775; color:#fff; padding:3px 20px; border:none; cursor:pointer; font-size:13px; border-radius:20px;}
.city_box_flight .visafree:hover{ background-color:#00bd68; }
.city_default {color: #999 !important;font-weight: normal !important;}
/* END */