@charset "utf-8";
/* css reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,em,button{margin:0;padding:0;}
body{ font:14px/1.5 "微軟正黑體",arial,Simsun, sans-serif; color:#686a6c; background-color: #f5f7f8; }
img, fieldset{border:0 none;vertical-align:middle;}
input, textarea{font-size:12px;}
table{border-collapse:collapse;}
a{color:#686a6c;text-decoration:none;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
input[type="button"],input[type="submit"]{-webkit-appearance:none;}
input[type="text"]{border-radius:0;}
dfn{ font-style:normal; font-family:"Tahoma"}


.header .facebook,.nav,.nav_arr,.nav_arr_app,.hotel_block li .item .comment,.footer .follow li a,.footer .sseo ul li,
.searchBox .fdj,.searchBox .form_btn span,.searchBox .form_date,.ico_i,.ico_g,.flight_tips2 .close,.range_bg .slider_l,.range_bg .slider_r,
.other_fixed_assist a{ background-image:url("../../images/home/un_icons.png"); background-repeat:no-repeat}
.ico_warn_s{ background-position:-64px -192px}
#ticket_tips,#warning_noIntl{ position:absolute; top:167px; left:55px; background:#fff5d1; border:1px solid #ffb533; padding:3px; width:120px; display:none }
#warning_noIntl{ top:86px; left:245px; width:130px}
.tools_block li a{
    background-image:url("../../images/home/un_icons1.png"); background-repeat:no-repeat

}
.wraper{ width:1180px;margin:0 auto; position:relative;-webkit-transition:width 400ms ease-out;
		-moz-transition:width 400ms ease-out;
		-ms-transition:width 400ms ease-out;
		-o-transition:width 400ms ease-out;
		transition:width 400ms ease-out; }
.wraper:after{content: '\0020';display: block;clear: both; height:0; overflow:hidden; }
.bd_left{ width:860px; float:left;-webkit-transition:width 400ms ease-out;
		-moz-transition:width 400ms ease-out;
		-ms-transition:width 400ms ease-out;
		-o-transition:width 400ms ease-out;
		transition:width 400ms ease-out;}
.bd_right{ width:300px; float:right}
.price{
    font-size:15px;
    font-weight:bold;
    color:#17a1dd;
    font-family:"Tahoma";
    line-height:24px}
.dot{ width:6px; height:6px; float:left; background:#5fc0e9; border-radius:6px; display:block-inline; line-height:6px; overflow:hidden}

/*header*/
.header{ height:92px;}
.header .logo{ width:167px; padding-top:15px; float:left}
.header .logo a{ display:block; width:167px; height:67px; text-indent:-999px; overflow:hidden; background:url("../../images/home/logo.png")}
.header .login{ float:right; text-align:right; padding-right:20px; width:200px; margin-top:55px}
.header .login a{ color:#000; margin:0 9px}
.header .facebook{ background-position:0 0; display:inline-block; vertical-align:text-bottom; width:18px; height:18px;}
.top_banner{ display:block; float:left; width:453px; height:77px; display:inline; margin:8px 0 0 120px}
.top_banner img{ width:453px; height:77px}

/*nav*/
.nav{ background-repeat:repeat-x; background-position:0 -40px; height:52px; position:relative; z-index:99;}
.nav ul{ position:relative; height:52px;}
.nav ul li{ float:left; height:52px; position:relative; display:inline}
.nav ul li.sep{ width:1px; height:34px; background:#71c7ec; margin-top:8px}
.nav .nav_l1{ display:block; position:relative; padding:0 18px;color:#fff; font-size:16px; height:40px; padding-top:12px}
.nav .nav_l1 .nav_arr{ display:inline-block; width:12px; height:8px; overflow:hidden; background-position:-22px -8px;  margin-left:10px;}
.nav .nav_l1 .nav_arr_app{ display:inline-block; width:14px; height:20px; overflow:hidden; background-position:-0 -765px;  margin-left:10px; vertical-align:middle}
.nav .nav_l1:hover .nav_arr_app,.nav .on .nav_arr_app,.nav ul li:hover .nav_arr_app{ background-position:-24px -765px}
.nav .nav_l1:hover,.nav .on,.nav ul li:hover .nav_l1{ background:#2e88bf; border-top:3px solid #6ccc5c; top:-3px; border-radius:3px 3px 0 0; }
.nav .nav_l1:hover .nav_arr,.nav .on .nav_arr,.nav ul li:hover .nav_arr{ top:25px; background-position:-22px 0px;}
.nav_l2{ background:#3187be;background:rgba(49,135,190,0.98);  border-radius:0 0 3px 3px; position:absolute; top:50px; padding:15px 0; display:none}
.nav ul li:hover .nav_l2{ display:block}
.nav .nav_left{left:0;}
.nav .nav_right{right:0;}
.nav .sub_nav{ float:left; padding:0 20px; border-right:1px solid #589ecb; width:120px; display:inline;}
.nav_l2 .sub_nav:last-child{border-right:0}
.nav .list1{ width:70px}
.nav .list2{ width:120px}
.nav .list3{ width:180px}
.nav .list4{ width:240px}
.nav .sub_nav .sub_nav_t{ font-size:16px;  color:#7dd300}
.nav .sub_nav ul li{ float:left; width:60px; height:34px; line-height:34px}
.nav .sub_nav ul li a{  color:#fff}
#nav_tour{ width:322px}
#nav_package{ width:884px}
#nav_hotel{ width:442px}
#nav_cruise{ width:382px}
#nav_community{ width:333px}
#nav_app{ width:150px}
#nav_app a { margin:0px auto 5px auto; display:block; width:120px; height:120px; float:none}
#nav_app a img{ padding:10px; background:#fff; border-radius:3px; width:100px; height:100px}
#nav_app p{ text-align:center;color:#fff; font-size:12px}

/*slide*/
.right_banner{
    position:absolute;
    top: 30px;
    width:550px;
    height:385px;
    margin-left: 631px;
}
.right_banner .bottom_banner{
    width:548px;
    height: 88px;
    border:1px solid #d5dbe0;
}
.right_banner .bottom_banner img{
    width:100%;
    height: 100%;
}
.search_and_slide{
    width:100%;
    height:413px;
    position:relative;
    z-index:30;
    top:-2px;}
.slide{
        width:550px;
        height:284px;
        z-index:1;
        overflow:hidden;
        margin-bottom: 10px;
}
.slice_banner{background-position:center; background-repeat:no-repeat; height:284px;}
.slice_banner a{ display:block; width:100%; height:100%}
.slidePage{ position:absolute; top:263px; right:10px; z-index:20}
.slidePage a{ display:block; float:left; width:8px; height:8px; border:2px solid #fff; border-radius:14px; margin:0 6px; display:inline}
.slidePage a.activeSlide{ background:#fff}

/*search*/
.searchBox{ width:610px;
            position:relative;
            top:30px;
            height:384px;
            /*left:20px;  */
            z-index:30;
            border-radius:3px;
            background:#f6fafd;
            float: left;
            /*box-shadow:-2px 0px 10px #cecece;*/

}
.searchBox .search_nav{
    background: #17a1dd;
    width:104px;
    float:left;
    position:relative;
    height:384px;
    border-radius:3px 0 0 3px;
    box-shadow:-2px 1px 10px #d1d1d1;
}
.searchBox .search_nav ul{ position:relative; width:104px}
.searchBox .search_nav ul li{ height:55px; position:relative; text-align:center; width:104px; border-radius:3px 0 0 3px}

.searchBox .search_nav ul li.on{
    width:120px;
    border-left:5px solid #85d743;
    left:-12px;
    background:#f6fafd
}
.searchBox .search_nav ul li a{ display:block; width:100%; height:100%; position:relative;}
.searchBox .search_nav ul li a:hover{
    background-color: #25b8f8;
}
.searchBox .search_nav ul li.on a:hover{
    background-color:#f6fafd;
}

.searchBox .search_nav ul li a span{
    font-size:18px;
    display:block;
    height:54px;
    border-bottom:1px solid #45b4e4;
    text-align:center;
    width:66px;
    color:#fff;
    line-height:54px;
    position:relative;
    left:22px}
.searchBox .search_nav ul li.on a span{left:29px; border-bottom:0 !important; color:#2e88bf}
.searchBox .search_nav ul li:last-child a span{ border-bottom:0}

.searchBox .search_block{
    background:#f6fafd;
    float:left;
    width:506px;
    height:384px;
    border-radius:0 3px 3px 0 ;
    display:none;
    box-shadow:-2px 1px 21px #d1d1d1;
}
.searchBox .fdj{ z-index:0; width:110px; height:120px; position:absolute; right:0; bottom:0; background-position:-40px -580px;  }
.searchBox .form_ipt1{
    width:188px;
    /*width:210px;*/
    height:31px;
    line-height:31px;
    padding:0 10px;
    background:#fff;
    border:1px solid #d3dadf;
    border-radius:3px;
    color:#686a6c;
    font-size:14px;
}


.searchBox .form_ipt5{
[if IE 8] height: 31px;
[if IE 9] height: 31px;
[if IE 10] height: 31px;
[if IE 11] height: 31px;
    width:188px;
    /*width:210px;*/
    height:31px;
    line-height:31px;
    padding:0 10px;
    background:#fff;
    border:1px solid #d3dadf;
    border-radius:3px;
    color:#686a6c;
    font-size:14px;
}
.searchBox .T_C_Select{
    width:220px;
}
.searchBox .form_btn{
    position:relative;
    z-index:1;
    cursor:pointer;
    width:449px;
    height:48px;
    text-align:center;
    color:#fff;
    margin:5px auto 0 auto;
    border:1px solid #ffa31f;
    background:#ffa31f;
    font-size:24px;
    font-weight:bold;
    border-radius:3px;
    box-shadow: 0 0 1px 0 #fff;
}
.searchBox .btn_special{
    margin-top:28px;
}

.searchBox .btn_special1{
    margin-top:36px;
    width:449px;
}

.searchBox .btn_special2{
    margin-top:3px;
    text-align: center;
}


.searchBox .form_btn:hover,.searchBox .form_btn:active{ background:#fab011; border:1px solid #e99f00}
.searchBox .form_btn span{ background-position:0 -713px; padding-left:30px; line-height:48px}
.searchBox .form_date, .searchBox .form_date_yl{
    background-image: url("../../images/home/un_icons.png");
    background-repeat: no-repeat;
}
.searchBox .form_date_yl{
    background-position:165px -795px;
}
.searchBox .form_date{
    background-position:164px -795px;
}
.searchBox .form_sel{ width:210px; height:31px; line-height:31px; padding:0 0 0 10px; background:#fff; border:1px solid #d3dadf;border-radius:3px; color:#686a6c; font-size:14px}
.searchBox .form_sel2{width:102px; height:31px; line-height:31px; padding:0 0 0 10px; background:#fff; border:1px solid #d3dadf;border-radius:3px; color:#686a6c; font-size:14px; float:left}
.searchBox .form_sel3{
    width:210px;
    height:31px;
    line-height:31px;
    padding:0 0 0 10px;
    background:#fff;
    border:1px solid #d3dadf;
    border-radius:3px;
    color:#686a6c;
    font-size:14px;
    float:left}

.search_block .form_t{
    font-size:12px;
    font-weight:bold;
    margin:8px 0 6px 0;
    margin-right: 5px;
}
.search_block .exchange_city{
    display: none;
    position: absolute;
    width: 63px;
    height:25px;
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    padding:0 0 0 8px;
    margin-left: 230px;
    margin-top: 52px;
}
.flight_more .per_type_child,.per_type_baby,.search_block .exchange_city{
    display: none;
    position: absolute;
    width: 100px;
    height:25px;
    border: 1px solid #d7e8f5;
    background-color: #eff6fc;
    padding:1px 0 0 10px;
    z-index:40;
}
.flight_more .per_type_child,.per_type_baby,.search_block .exchange_city p{
    color: #4d4d4d;
}
.flight_more .per_type_child{
    margin-left: 176px;
    margin-top: 28px;
}
.flight_more .per_type_baby{
    margin-left: 330px;
    margin-top: 28px;
}


.search_block .exchange{
    font-size:14px;
    margin-left:5px;
    color: #bcbcbc;
}
.search_block .exchange:hover{
    cursor: pointer;
    color: #17a1dd;
    /*font-size:19px;*/
    /*margin-left: 6px;*/
}
.search_block .arrowright{
    font-size:16px;
    margin-left: 11px;
    color: #bcbcbc;
}

.search_block .per_type_adult{
    width: 25px;
    height: 20px;
    font-size:12px;
    font-weight:bold;
    margin:6px 0;
    float: left;
    margin-right: 5px;
}
.search_block .per_type{
    width: 25px;
    height: 20px;
    font-size:12px;
    font-weight:bold;
    margin:6px 0;
    float: left;
    margin-right: 5px;
    border-bottom: 1px dashed #9D9D9D;
}
.search_block .per_type:hover{
    cursor: help;
    border-bottom: 1px dashed #17a1dd;
}
.advance_serach_opition .per_type{
    font-size:12px;
    font-weight:bold;
    margin:6px 0;
    float: left;
    margin-right: 5px;
}
.searchBox .search_tab ul li{ float:left; display:inline;}
.searchBox .search_tab ul{ border-bottom:1px solid #d3dadf; height:34px; position:relative;}
.searchBox .search_tab ul li a{ font-size:16px; color:#b7bfc5; margin:0 20px 0 0; padding:0 10px; position:relative; height:32px; display:block; font-weight:bold}
.searchBox .search_tab ul li.on a{ color:#17a1dd; border-bottom:3px solid #17a1dd;}

.package_hotcity,.hotel_base{
    padding:5px 0 0 25px;
    height:142px
}
.package_hotcity ul{ margin:10px 0 0 0}
.package_hotcity li{ width:85px; float:left; margin-bottom:10px; }
.package_hotcity li a{color:#a7a9ac}
.package_hotcity li a:hover{ text-decoration:underline}

.hotel_more,.package_search{
    border-top:1px solid #e0e5ea;
    background:#eff4f8;
    position:relative;
    border-radius:0 0 3px 0;
    padding:8px 25px;
}
.package_search{
    height:220px;
}
.hotel_more{
    height:220px;
}

.hotel_more .price_range{
        margin-top: 17px;
}

.hotel_more .more_left{ width:50%; float: left; margin-bottom: 10px; }
.hotel_more .more_right{ float: left; margin-left: 10px; margin-bottom: 10px; }
.ipt_select { width: 210px; height: 33px; overflow: hidden; border: 1px solid #d3dadf;border-radius: 3px;}
.ipt_select:hover { border-color:#67A1E1}
.ipt_select select{ width: 230px; height:33px; background:url(../../images/home/un_icons.png) 164px -818px no-repeat;  border:none; background-color: #FFFFFF;}

.searchBox .s_cruise{ padding:10px 0 0 25px; width:481px; height:364px}
.cruise_search ul li,.hotel_base ul li,.flight_base .ff li,.flight_more ul li{ width:50%; float:left}
.cruise_search{
    margin-top:2px;
}
.cruise_search ul li{
    float:none
}
.cruise_search .float_li{
    float:left;
}
.cruise_search ul li:last-child{
    margin-top: 74px;
}
.package_hotcity,.hotel_base .terminal{
   float: none;}
.flight_more{
    border-top:1px solid #e0e5ea;
    background:#eff4f8;
    position:relative;
    border-radius:0 0 3px 0;
    padding:8px 0 0 25px;
    height:186px;
}
.flight_more .ALL_per_type{
    margin-top:2px;
    width: 490px;
    height:40px;
    margin-right: 10px;
}
.flight_more .Personnel_type{
    width:154px;
    height:40px;
    float: left;
    margin-right: 5px;
}

.flight_more .message{
    margin-top:-3px;
    width: 448px;
    height:30px;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    display: block;
}
.flight_more .tips{
    margin-top:-3px;
    width: 448px;
    /*height:30px;*/
    background-color: #fffbeb;
    border: 1px solid #d6c197;
    display:none;
}
.notice{
    font-size:14px;
    line-height: 26px;
    margin-left: 29px;
}

.tips_notice{
    font-size:14px;
    line-height: 23px;
    margin-left: 29px;
}

.message .close_message{
    margin-top:-21px;
    float: right;
    color: rgba(188, 188, 188, 0.84);
    margin-right: 10px;
}
.message .close_message:hover{
    cursor: pointer;
    color: #273036;
}
.flight_more .advance_serach{
    margin-top: 12px;
    width: 90px;
    height:30px;
}
.flight_more .advance_serach:hover{
    color: #17a1dd;
    cursor: pointer;
}
.flight_more .advance_serach .triangle{
    font-size: 15px;
    line-height: 23px;
    position: relative;
    left: 5px;
    color: #17a1dd;
    vertical-align: middle;
}
.flight_more .advance_serach p{
    float:left;
    font-size: 14px;
    color: #17a1dd;
}
.flight_more .advance_serach_opition{
    width: auto;
    margin-top: 14px;
    padding:8px 0 0 0 ;
    display:none;
    height:94px;
    margin-bottom:6px;
    border-top: 1px dashed #b7b7b7;
}
.flight_more .advance_serach_opition li{
    width: 50%;
    float: left;
    list-style-type:none
}
.flight_more .only_checkbox{
    margin-top:4px;
    vertical-align: middle;
    margin-bottom:5px;

}
.flight_more .only_straight{
    margin-right:4px;
    vertical-align: middle;
}



.flight_base{
    padding:10px 0 0 25px;
    height:179px;}
/*.flight_more .form_btn{ margin-top:15px}*/

.flight_more label{
    vertical-align:text-bottom;
    line-height:31px;
}

.flight_more label:hover{
    cursor: pointer;

}

.message .ico_i{
    display:block;
    width:19px;
    height:19px;
    float:left;
    background-position:-106px -99px;
    position:relative;
    margin:5px 0 0 8px;

}
.tips .ico_i{
    display:block;
    width:19px;
    height:19px;
    float:left;
    background-position:-128px -99px;
    position:relative;
    margin:2px 0 0 8px;
}
.flight_tips1{ display:none; position:absolute; top:30px; left:-120px; width:270px; height:24px; background:#fff; border-radius:3px; padding:3px 10px}
.flight_tips1 span{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff; line-height:0; overflow:hidden; position:absolute; left:122px; top:-7px}
.ico_g{ display:block; width:19px; height:19px; float:left; background-position:-128px -97px; position:relative; margin:5px 0 0 15px; display:inline; cursor:pointer}
.o_t p{ color:#ffc21f; padding-top:3px; font-weight:bold; padding-left:40px}
.o_t{ margin:35px 0 0 110px; position:relative; cursor:pointer}
.flight_tips2{ display:none; z-index:1;  position:absolute; top:30px; left:-105px; width:280px; background:#fff; border-radius:3px; padding:8px 10px}
.flight_tips2 span{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff; line-height:0; overflow:hidden; position:absolute; left:122px; top:-7px}
.flight_tips2 p{ padding:0; color:#686a6c; font-size:12px; font-weight:normal; clear:both}
.flight_tips2 .close{ float:right; color:#b7bfc5; font-size:12px; background-position:0px -18px; padding:0 0 0 12px}

/*tour*/
.product_block{
    margin-top:32px;}

.bd_left .other_pd_margin{
    margin-top:20px;}


.bd_left .other_pd_margin1{
    margin-top:20px;
}
.product_block .block_title{
    width:800px;
    height:36px;
    position:relative;
    overflow: hidden;
    z-index: 10;
    top:1px;
    /*border-bottom:1px solid #d3dadf;*/
}
.product_block h2{
    font-size:22px;
    display:block;
    width:103px;
    padding-left:6px;
    line-height:34px;
    float:left
}

.product_block .block_title ul { position:absolute; left:110px}
.product_block .block_title ul li{
    float:left;
    height:24px;
    top:1px;
    position:relative;
    padding:5px 2px
}
.product_block .block_title ul li a{
    padding: 0 10px;
    border-right:1px solid #d3dadf;
    color:#686a6c;
    font-size:14px;
}
.product_block .block_title ul li.on{
    border:1px solid #d3dadf; top:0;
    background:#fff;
    border-bottom:2px solid #fff;
    border-radius: 3px 3px 0 0px;
}
.product_block .block_title ul li.on a {
    border:0;
    color:#17a1dd;
    font-size: 14px;
    font-weight: bold;
}

.product_block .block_title ul li a:hover{color:#17a1dd; }
.product_block .block_title ul li:last-child a{
    border:0}

.product_block .more{
    color:#686a6c;
    position: absolute;
    left: 811px;
    top: -30px;
    z-index:2147483647;
}
    
.product_block .more:hover,.product_block .more:hover .arrow {
    color:#17a1dd;
}

/*.product_block .tab_block {
    display: none;

}*/

.product_block .tab_block .arrow{
    position: relative;
    top: 1px;
    left: 7px;
    font-size: 14px;
    color: #b4b7ba;
}

.product_block .tab_block{
        display:block;
        background-color:#FFFFFF;
        border-top: 1px solid #d3dadf;
        position:relative;
        z-index:8;

}
.product_block .img_freetrip {
    position: absolute;
    margin-top: 1px;
    width: 363px;
    height: 214px;
    margin-left: 498px;
    z-index: 22;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e5ecef;
    /*border-top:1px solid #f1f5f8;*/
}
.product_block .img_freetrip img{
    width: 334px;
    height: 174px;
    border-radius: 3px;
    position: relative;
    left: 14px;
    top: 21px;
}
.product_block .Special_Ticket{
    display:block;
    background-color: #FFFFFF;
    height: 443px;
    border-radius: 3px;
    border-bottom: 1px solid #e8e8e8;
}
.product_block .tab_{
    display:block;
    background-color: #FFFFFF;
}
.tab_block:after{content: '\0020';display: block;clear: both; height:0; overflow:hidden; }
    

/*.tour_block li:first-child{*/
    /*border-top:none*/
/*}*/

.tour_block li{
    float:left;
    padding:10px;
    border-bottom:1px solid #e8ecee;
    margin-bottom: 1px;
    /*border-top:1px solid #f1f5f8;*/
    width:410px;
    background:#fff;
    /*box-shadow:0 1px 1px #e3e3e3;*/
}
.tour_block li .item{ display:block; width:390px; height:84px; border-radius:3px; padding:10px; overflow:hidden}
.tour_block li .item .img{width:126px; height:84px; float:left; display:inline; margin-right:10px}
.tour_block li .item .img img{ width:126px; height:84px; border-radius:3px;}
.tour_block li .item dt{ float:left; width:254px; height:52px;}
.tour_block li .item dt a{float:left; height:47px; overflow:hidden;}
.tour_block li .item dt a:hover{ text-decoration:underline}
.tour_block li .item .pc{
    float:left;
    width:140px;
    border-top:1px solid #e5ecef;
    padding:4px 0 0 0;
}
.tour_block li .item .pc .price{ margin-left:10px}
.tour_block li .item:hover{ background:#17a1dd}
.tour_block li .item:hover dt a,.tour_block li .item:hover dd,.tour_block li .item:hover .price{ color:#fff}
.tour_block li .item:hover .pc{ border-color:#95d5f1}
.tour_block li:nth-last-child(2){ border-radius:0 0 0 3px}
.tour_block li:nth-last-child(1){ border-radius:0 0 3px 0}

.tour_block li .item:hover,.package_block .img_list .item:hover,.txt_list li:hover,.hotel_block li .item:hover,
.flight_block li a:hover,.cruise_block .item:hover,.tools_block li a:hover,.flight_block li a:hover .plan span{
        -webkit-transition:background 200ms ease-in;
		-moz-transition:background 200ms ease-in;
		-ms-transition:background 200ms ease-in;
		-o-transition:background 200ms ease-in;
		transition:background 200ms ease-in;

}
/*.flight_block li a:hover{

    boder:1px solid #17a1dd;
}*/
.tour_block li .item,.package_block .img_list .item,.txt_list li,.hotel_block li .item,.flight_block li a,
.cruise_block .item,.tools_block li a,.flight_block li a .plan span{
        -webkit-transition:background 200ms ease-in;
		-moz-transition:background 200ms ease-in;
		-ms-transition:background 200ms ease-in;
		-o-transition:background 200ms ease-in;
		transition:background 200ms ease-in;
    }


/* package */
.package_block .img_list{ float:left; width:498px}
.package_block .img_list li{
    float:left; padding:10px;
    border-bottom:1px solid #e8ecee;
    /*border-top:1px solid #f1f5f8;*/
    width:146px; height:194px;
    background:#fff;
    margin-bottom: 1px;}
.package_block .img_list .item{display:block; width:126px; height:174px; border-radius:3px; padding:10px; overflow:hidden}
.package_block .img_list .item .img{width:126px; height:84px;}
.package_block .img_list .item .img img{width:126px; height:84px; border-radius:3px;}
.package_block .img_list .item dt{
    width:126px;
    height:40px;
    overflow:hidden;
    margin:10px 0}
.package_block .img_list .item dt a{ overflow:hidden; width:126px; }
.package_block .img_list .item .pc{
    border-top:1px solid #e5ecef;
    padding: 5px 0 0 0;}
.package_block .img_list .item .pc .price{ margin-left:10px}
.package_block .img_list .item:hover{ background:#17a1dd}
.package_block .img_list .item:hover dt a,.package_block .img_list .item:hover dd,.package_block .img_list .item:hover .price{ color:#fff}
.package_block .img_list .item:hover .pc{border-color:#95d5f1}
.package_block .img_list li:first-child{border-radius:0 0 0 3px}
.package_block .img_href{
    float:left;
    width:362px;
    height:215px;
    overflow:hidden;
    background-color: #FFFFFF;
    border-bottom:1px solid #e8ecee;
}
.package_block .freetirp_img{
    width:334px;
    height:174px;
    overflow:hidden;
    border:1px solid #e8ecee;
    background-image: url('../../images/home/slide_banner_1.jpg');
    position: relative;
    top:18px;
    left:13px;
}
.txt_list{ float:left;
        top:216px;
        position:relative;
        width:334px;
        background:#fff;
        height:200px;
        border-bottom:1px solid #e8ecee;
        /*border-top:1px solid #f1f5f8;*/
        padding:0 14px;
        padding-top:14px;
        border-radius:0 0 0 3px
}
.txt_list .arrow{
    float:right;
    font-size:14px;
    color: #17a1dd;
    line-height: 32px;
}

.txt_list li{ height:32px;border-radius:3px; margin:0 0 5px 0; /*padding:0 12px 0 0*/}
.txt_list li a{ float:left; display:block; width:100%; height:32px; line-height:32px; overflow:hidden;}
.txt_list li a span{ display:block; width:220px; height:32px; overflow:hidden; float:left;text-overflow:ellipsis; white-space:nowrap}
.txt_list li .pc{ float:left;width: 66px; line-height:32px; text-align:right; }
.txt_list .dot{ margin:14px 12px 0 8px; display:inline; float:left}
.txt_list dfn,.txt_list .price{
    font-size:14px;
    color: #17a1dd ;
    width:auto;
    display:inline;
    float:none}
.txt_list li:hover{  background:#17a1dd}
.txt_list li:hover .dot{ background:#fff}
.txt_list li:hover dfn,.txt_list li:hover .arrow,.txt_list li:hover a,.txt_list li:hover .price{
    color:#FFFFFF}

/*hotel*/
.hotel_block li{  
    float:left; padding:10px;
    border-bottom:1px solid #e8ecee;
    /*border-top:1px solid #f1f5f8;*/
    width:410px; background:#fff;
    margin-bottom: 1px;

}
.hotel_block li .item{ display:block; width:390px; height:84px; border-radius:3px; padding:10px; overflow:hidden; position:relative}
.hotel_block li .item .img{width:85px; height:85px; float:left; display:inline; margin-right:10px}
.hotel_block li .item .img img{ width:85px; height:85px; border-radius:3px;}
.hotel_block li .item dt{ float:left; width:200px; height:24px}
.hotel_block li .item dt a{float:left; height:24px; width:200px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.hotel_block li .item dt a:hover{ text-decoration:underline}
.hotel_block li .item .rate{ float:left; width:200px}
.hotel_block li .item .area{
    float:left;
    width:140px;
    border-top:1px solid #e5ecef;
    color:#a7a9ac;
    padding-top:10px;
    margin-top:10px }
.hotel_block li .item .area a{ color:#a7a9ac;}
.hotel_block li .item .area a:hover{ text-decoration:underline}
.hotel_block li .item .comment{ display:block; width:50px; height:24px; padding-bottom:4px; background-position:0 -97px; text-align:center; color:#a7a9ac; position:absolute; top:10px; right:10px}
.hotel_block li .item .comment em{ font-style:normal; font-family:Tahoma;}
.hotel_block li .item:hover .comment{ background-position:-52px -97px}

.hotel_block li .item .pc{
    position:absolute;
    top:66px;
    right:10px
}
.hotel_block li .item .pc .price{ margin-left:10px}
.hotel_block li .item:hover{ background:#17a1dd}
.hotel_block li .item:hover dt a,.hotel_block li .item:hover dd,.hotel_block li .item:hover .price,.hotel_block li .item:hover dd a,.hotel_block li .item:hover dd em{ color:#fff}
.hotel_block li .item:hover .area{border-color:#95d5f1}
.hotel_block li:nth-last-child(2){ border-radius:0 0 0 3px}
.hotel_block li:nth-last-child(1){ border-radius:0 0 3px 0}

/*star & diamond*/
.star_1,.star_2,.star_3,.star_4,.star_5,
.diamond_1,.diamond_2,.diamond_3,.diamond_4,.diamond_5,.diamond_6,
.diamond_1_half,.diamond_2_half,.diamond_3_half,.diamond_4_half,.diamond_5_half,.diamond_6_half{ display:inline-block; background:url(../../images/home/un_icons.png) no-repeat;overflow:hidden;vertical-align:middle;}
.star_1,.star_2,.star_3,.star_4,.star_5{ height:15px; background-position:-75px 0 ;}
.star_1,.diamond_1,.diamond_1_half{ width:15px}
.star_2,.diamond_2,.diamond_2_half{ width:30px}
.star_3,.diamond_3,.diamond_3_half{ width:45px}
.star_4,.diamond_4,.diamond_4_half{ width:60px}
.star_5,.diamond_5,.diamond_5_half{ width:75px}
.diamond_6,.diamond_6_half{ width:90px}
.diamond_1,.diamond_2,.diamond_3,.diamond_4,.diamond_5,.diamond_6,
.diamond_1_half,.diamond_2_half,.diamond_3_half,.diamond_4_half,.diamond_5_half,.diamond_6_half{ height:15px; background-position: -46px -20px}
.diamond_6_half{ background-position:-61px -20px}
.diamond_5_half{ background-position:-76px -20px}
.diamond_4_half{ background-position:-91px -20px}
.diamond_3_half{ background-position:-106px -20px}
.diamond_2_half{ background-position:-121px -20px}
.diamond_1_half{ background-position:-136px -20px}

/*flight*/
.flight_block li {
        width:202px;
        padding:10px 10px 17px 0;
        float:left;
        margin-bottom:1px;
        background:#fff;
        height:116px;}

.flight_block li a{
        display:block;
        padding:10px;
        position:relative;
        border-radius:3px;
        height:111px;
        width:180px;
        border: 1px solid #e3e3e3;
        margin-left: 11px;
}
.flight_block li a:hover{ 
    background:#17a1dd;
    color:#fff;
    border:none;
    padding:11px;
}
.flight_block li h4{
    font-size: 12px;
}
.flight_block .flight_name{ color:#a7a9ac;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  height: 18px; margin-top: 2px; white-space: nowrap; line-height: 18px;}
.flight_block .depart,.flight_block .arrive{ font-size:16px; position:absolute; top:42px;}
.flight_block .depart{ left:17px}
.flight_block .arrive{ right:17px}
.flight_block .route{ width:70px; margin:0 auto; border-bottom:2px solid #d3dde3; text-align:center; padding-bottom:5px; font-weight:bold; margin-top:5px; position:relative;}
.flight_block .route .transit {
    color:#ffa024;
}
.flight_block .route .direct{ color:#6ccc5c}
.flight_block .route .ico_flight{ width:6px; border:2px solid #d3dde3; background:#fff; position:absolute; top:22px; left:43%; height:6px; display:block; border-radius:9px}
.flight_block .plan{border-bottom:1px solid #e5ecef; position:relative; height:25px }
.flight_block .plan span{ display:block;width:38px; background:#fff; position:absolute; top:15px;right:0; text-align:right; font-size:12px }
.flight_block .date{
    color:#a7a9ac;
    font-family:Tahoma;
    float:left;
    width:80px;
    margin-top:17px}

.flight_block .pc{
    float:right;
    margin-top:14px;
}

.flight_block .pc .price{ margin-left:5px; }
.flight_block li a:hover .transit,.flight_block li a:hover .direct,.flight_block li a:hover .price{
    color:#fff;}
.flight_block li a:hover .plan span{ background:#17a1dd;}
.flight_block li a:hover .flight_name,.flight_block li a:hover .date{ color:#c5e5f6}
.flight_block li a:hover .plan{ border-bottom-color:#95d5f1}
.flight_block li:nth-last-child(2){ border-radius:0 0 0 3px}
.flight_block li:nth-last-child(1){ border-radius:0 0 3px 0}

/*cruise*/

.cruise_block li{ float:left; padding:10px; border-bottom:1px solid #e8ecee; width:146px; height:194px; background:#fff; padding-right:16px}
.cruise_block .item{display:block; width:126px; height:174px; border-radius:3px; padding:10px; overflow:hidden}
.cruise_block .item .img{width:126px; height:84px;}
.cruise_block .item .img img{width:126px; height:84px; border-radius:3px;}
.cruise_block .item dt{
    width:126px;
    height:45px;
    overflow:hidden;
    margin:10px 0;
}

.cruise_block .item dt a{ overflow:hidden; width:126px; }
.cruise_block .item .pc{
    border-top:1px solid #e5ecef; padding-top:5px}
.cruise_block .item .pc .price{ margin-left:10px}
.cruise_block .item:hover{ background:#17a1dd}
.cruise_block .item:hover dt a,.cruise_block .item:hover dd,.cruise_block .item:hover .price{ color:#fff}
.cruise_block .item:hover .pc{ border-color:#95d5f1}
.cruise_block li:first-child{border-radius:0 0 0 3px}

/*weekly hot*/
.side_block{ margin-top:25px}
.side_block:first-child{ margin-top:32px}
.side_block .block_title{ height:36px; border-bottom:1px solid #d3dadf; position:relative; z-index:10}
.side_block h2{ font-size:22px; display:block; width:100%; padding-left:6px; line-height:36px; float:left}
.side_block .txt_list{
    width:280px;
    padding:10px;
    height:auto;
    float:none;
    top:0px;}
.side_block .txt_list li a span{ width:180px}

/*side banner*/
.side_banner{
    margin-top:25px
    }
.side_banner li{
    margin:10px 0
    }
.side_banner .side_top_banner{
    width:300px;
    height:144px;
    /*border: 1px solid #17a1dd;*/
    border-radius:3px
}
.side_banner .side_other_banner{
    width: 300px;
    height: 75px;
    border-radius:3px}

/*facebook*/
.facebook_iframe{ width:300px; height:400px; background:#fff; border-radius:3px; border-bottom:1px solid #e8ecee;}

/*tools*/
.tools_block{ margin-left:-6px}
.tools_block li{ width:147px; height:52px; float:left; display:inline; margin-left:6px; background:#fff; border-radius:3px; margin-bottom:3px; border-bottom:1px solid #e7eaec}
.tools_block li.tools_07{ width:300px;}
.tools_block li a{ line-height:52px; display:block; padding-left:60px;border-radius:3px;}
.tools_block li a:hover{ background-color:#17a1dd; color:#fff
}
.tools_block li.tools_01 a{ background-position:-165px 4px}
.tools_block li.tools_01 a:hover{ background-position:-7px 4px}
.tools_block li.tools_02 a{ background-position:-160px -47px}
.tools_block li.tools_02 a:hover{ background-position:-5px -47px}
.tools_block li.tools_03 a{ background-position:-160px -100px}
.tools_block li.tools_03 a:hover{ background-position:-6px -100px}
.tools_block li.tools_04 a{ background-position:-160px -151px}
.tools_block li.tools_04 a:hover{ background-position:-6px -151px}
.tools_block li.tools_05 a{ background-position:-160px -204px}
.tools_block li.tools_05 a:hover{ background-position:-6px -204px}
.tools_block li.tools_06 a{ background-position:-160px -254px}
.tools_block li.tools_06 a:hover{ background-position:-6px -254px}
.tools_block li.tools_07 a{ background-position:43px -360px; padding-left:100px}
.tools_block li.tools_07 a:hover{ background-position:43px -307px}

/*foot banner*/
.foot_banner{ margin:28px 0 0 -20px}
.foot_banner li{ float:left; margin-left:20px}
.foot_banner li img{ width:380px; height:95px; border-radius:3px}

/*goTop*/
.other_fixed_assist {position:fixed;bottom:150px;width:35px;margin-left:1185px;z-index:99; }
.other_fixed_assist a {display:block;width:35px;height:35px;overflow:hidden;margin-bottom:5px;line-height:999em;font-size:0;content:"";background-color: #17a1dd; background-position:-93px -758px; border-radius:3px}
.other_fixed_assist a:hover {background-color:#ffc21f;}
/*footer*/
.footer{ background:#eff3f5; border-top:1px solid #d3dadf; padding-top:25px; margin-top:20px}
.footer .maps{ float:left; padding:0 30px; border-right:1px solid #e1e5e7}
.footer .maps .mt{ font-size:16px; font-weight:bold; margin-bottom:10px}
.footer .maps ul{ float:left;}
.footer .maps ul a{ color:#0686ce}
.footer .maps ul a:hover{ color:#686a6c  }
#f_products{ margin-left:-30px; width:150px}
#f_products .l1{ padding-right:43px}
#f_about .l1{ padding-right:40px}
#f_service .l1{ padding-right:40px }
#f_app{ border:0}
#f_app a{ background:#f5f9fc; padding:10px; border-radius:3px; border-bottom:1px solid #e8ecee; display:block}
.footer_links{  border-bottom:1px solid #e1e5e7; padding-bottom:30px; margin-bottom:30px}
.footer_links:after{content: '\0020';display: block;clear: both; height:0; overflow:hidden;}
.footer .friends{ float:left}
.footer .friends li{ float:left; width:88px; margin-right:10px;}
.footer .friends li.t{ color:#a7a9ac; font-weight:bold;  width:60px; padding-top:10px}
.footer .friends li a img{ width:88px; height:31px; border-radius:3px; border-bottom:1px solid #e8ecee }
.footer .follow{ float:right; padding-right:20px}
.footer .follow li.t{ color:#a7a9ac; font-weight:bold;  width:60px; padding-top:10px}
.footer .follow li { float:left; margin-right:10px}
.footer .follow li a{ display:block; width:36px; height:31px; box-shadow:0 1px 0 0px #c0c0c0; border-radius:3px}
.footer .follow li a.youtube{ background-position:0 -542px;}
.footer .follow li a.facebook{background-position:-80px -542px;}
.footer .ff:after,.footer .seo:after{content: '\0020';display: block;clear: both; height:0; overflow:hidden;}
.footer .seo{ padding:20px 30px; background:#f5f9fc; border-top:1px solid #d3dadf; border-bottom:1px solid #e8ecee; border-radius:0 0 3px 3px; margin:20px 0 40px 0; border-left:1px solid #ebeef0;border-right:1px solid #ebeef0;   }
.footer .sseo{ float:left}
.footer .sseo .mt{ font-weight:bold; padding-left:10px}
.footer .sseo ul{ float:left; width:122px;}
.footer .sseo ul a{ color:#a7a9ac; font-size:12px}
.footer .sseo ul a:hover{ color:#686a6c}
.footer .sseo ul li{ padding-left:10px; background-position:-120px -531px}
.footer .copyright{ background:#2e88bf; color:#acc9e1; padding:10px 0}
.footer .copyrights{ float:left; width:800px;font-size:12px}
.footer .copyright .links{ font-size:12px; float:right;}
.footer .copyright .links a{color:#acc9e1;}

/*plugins*/
.range_main{
    height:30px;
    position: relative;
    margin:15px auto 13px 0;
    width:95%;
    z-index:1
}

.range_main .start{position:absolute;left:0; top:10px; color:#999;}
.range_main .last{position: absolute; top:10px; right:0; color:#999;}
.range_bg{height:6px; background-color: #e5e5e5; width: 100%;}
.range_bg .range_cur{height:100%; background-color: #8acc54; position: absolute; top:0; bottom:0;}
.range_bg .inner{margin-right: 13px; height:100%; position: relative;}
.range_bg .slider_l{background-position:-98px -735px; width: 25px; height:22px; position: absolute; top:-7px; cursor: pointer; background-color:#fff; border-radius:3px; box-shadow:0 1px 1px 0 #e0e4e7}
.range_bg .slider_r{background-position:-98px -735px; width: 25px; height:22px; position: absolute; top:-7px; cursor: pointer; background-color:#fff; border-radius:3px; box-shadow:0 1px 1px 0 #e0e4e7}
.range_bg .slider_l:hover{background-color:#4eb9e7; }
.range_bg .slider_r:hover{background-color:#4eb9e7;}
.range_bg .slider_l_cur,
.range_bg .slider_l_cur:hover{background-color:#4eb9e7;}
.range_bg .slider_r_cur,
.range_bg .slider_r_cur:hover{background-color:#4eb9e7;}
.range_bg .slider_l b,
.range_bg .slider_r b{position: absolute; bottom:-20px; z-index:2; font-style: normal; cursor: pointer;}
.range_bg .slider_l b{left:0;}
.range_bg .slider_r b{right:0;}


/*app download*/
.app_s1,.app_s1 .wrap{ background:url(../../images/home/app_s1.jpg) top center no-repeat; height:527px; position:relative; top:-2px; margin-bottom:-2px}
.app_s2,.app_s2 .wrap{ background:url(../../images/home/app_s2.jpg) top center no-repeat; height:528px; position:relative; }
.app_s3,.app_s3 .wrap{ background:url(../../images/home/app_s3.jpg) top center no-repeat; height:528px; position:relative; }
.app_s4,.app_s4 .wrap{ background:url(../../images/home/app_s4.jpg) top center no-repeat; height:318px; position:relative; }
.app_s1 .app_s1_slg{ position:relative; width:500px; height:100px; padding:118px 0 0 100px;}
.app_s1 .app_s1_slg span{ background:url(../../images/home/app_btns.png) 0 -88px; display:block; width:88px; height:88px; float:left }
.app_s1 .app_s1_slg h2,.app_s2_slg h2,.app_s3_slg h2,.app_s4_slg h2{ font-size:36px; color:#fff; margin-left:100px}
.app_s1 .app_s1_slg p,.app_s2_slg p,.app_s3_slg p{ font-size:20px; color:#fff; margin-left:100px;}
.app_s1 .app_code,.app_s4 .app_code{ display:inline; margin-left:95px; border-right:1px solid #c3cdd0; padding-right:25px}
.app_s2 .app_s2_slg{ position:relative; width:500px; height:100px; top:150px; left:600px}
.app_s3 .app_s3_slg{ position:relative; width:500px; height:100px; top:150px; left:50px}
.app_s4 .app_s4_slg{width:600px; height:300px; margin: 0 auto; padding-top:20px}
.app_s4 .app_s4_slg h2{ margin:0; text-align:center}
.app_s4 .app_s4_slg .app_code{ margin-left:110px}


@media screen and (max-width:1200px)
{
    .wraper{ width:980px;-webkit-transition:width 400ms ease-out;
		-moz-transition:width 400ms ease-out;
		-ms-transition:width 400ms ease-out;
		-o-transition:width 400ms ease-out;
		transition:width 400ms ease-out;}    
	.top_banner{margin:8px 0 0 60px}
    #nav_package{ left:-110px}

    .product_block .more {
        left: 616px;
        z-index:30;
    }

    .slide{
        width: 350px;
    }
    .right_banner{
        width:350px;
    }
    .right_banner .bottom_banner{
        width:350px;
        overflow: hidden;
    }
    .right_banner .bottom_banner img{
        width: auto;
        height: auto;
    }
    .product_block .Special_Ticket{
        height: 586px;
    }
    .product_block .block_title{
        width: 622px;
    }

    .bd_left{ width:660px;-webkit-transition:width 400ms ease-out;
		-moz-transition:width 400ms ease-out;
		-ms-transition:width 400ms ease-out;
		-o-transition:width 400ms ease-out;
		transition:width 400ms ease-out;}
    .tour_block li{ width:310px}
    .tour_block li .item{ width:290px}
    .tour_block li .item dt{ width:154px}

    .package_block .img_list {
        width:332px;
        height:430px;
        overflow:hidden}
    .package_block .txt_list{
        width:300px;

    }
    .package_block .txt_list li a span{ width:200px}
    .hotel_block li{ width:310px}
    .hotel_block li .item{ width:290px}
    .hotel_block li .item dt{ width:190px}
    .hotel_block li .item dt a{ width:190px}
    .hotel_block li .item .rate{ width:100px}
    .hotel_block li .item .pc .price{ margin-left:2px}
    .hotel_block li .item .comment { top:33px}
    .flight_block li{ padding-right:14px}
    .cruise_block li{ width:132px; padding:10px 0}
    .cruise_block .item{ padding:10px; width:112px}
    .cruise_block .item a{ display:block; width:112px; text-align:center; overflow:hidden; border-radius:3px }
    .cruise_block .item dt a{ width:112px}
    .foot_banner li img{ width:313px; height:78px}
    .footer .maps{ padding:0 13px}
    #f_products{ margin-left:-13px}
    .footer .seo{ padding:20px}
    .footer .sseo ul{ width:104px}
    .other_fixed_assist{ margin-left:0; right:5px}
    
    .app_s2 .app_s2_slg{ left:420px}
    .product_block .img_freetrip{
        width: 330px;
        margin-left: 330px;
         }
    .tour_block li .item .img{width:120px}
    .product_block .img_freetrip img{
        width:299px;
        left: 16px;
    }

}

/*----- Area_Box -----*/
/*.area_box {padding: 0 0 10px 10px;}
.area_box dt {font-weight: 700;}
.area_box .area_list {overflow: hidden;zoom: 1;padding-top: 5px;}
.area_box a {float: left;margin: 0 3px 2px 0;padding-left: 4px;height: 22px;line-height: 22px;overflow: hidden;white-space:nowrap;}
.area_box a:hover {color: #fff;text-decoration: none;background: #17a1dd;border-radius: 3px;}*/

/*===== pop_sel_district_list =====*/
/*.pop_sel_district_list {position:absolute;width:398px;overflow:hidden;padding-top: 5px;border:1px solid #C5C5C5;background-color:#FFFFFF;box-shadow:3px 2px 3px rgba(210,210,210,.5);z-index:99;}
.pop_sel_district_list .close_tips {position:absolute;top:5px;right:15px;}
.pop_sel_district_list .close_tips:hover {background-position:0 -32px;}
.pop_sel_district_list .no_result {padding:5px 50px 5px 10px;color:#BB0000;}
.pop_sel_district_list .area_box a {padding-right: 17px;}
.pop_sel_district_list .bottom_tips {padding: 5px 10px;line-height: 18px;color: #686a6c;background: #f3f3f3;border-top: 1px solid #ccc;}
.pop_sel_district_list .bottom_tips strong {font-weight: 300;}
.pop_sel_district_list .bottom_tips a {padding-right: 10px;color: #686a6c;}*/

.close_tips {position:absolute;top:10px;right:5px;}
.close_tips:hover {background-color:#fff;}

.pop_sel_district_list{box-shadow:0 2px 10px rgba(210,210,210,.5);border-top:2px solid #71da1c;width:338px;min-height:360px; position:absolute; background-color:#fff; z-index:999;font-family:tahoma, arial, sans-serif;padding:10px}
.pop_sel_district_list .ctrip_destina_tit{color:#777;padding: 4px 20px; font-size:13px;}
.pop_sel_district_list .ctrip_error{color:#BB0000; padding-top: 6px;}
.pop_sel_district_list .ctrip_destina_list a{display:block; height:34px;font-size:11px; color:#777; padding-left: 20px; padding-top: 1px; padding-right: 6px;padding-bottom:10px;}
.pop_sel_district_list .ctrip_destina_list li{border-bottom:1px dashed #E4E4E4;}
.pop_sel_district_list .ctrip_destina_list a:hover{background-color:#74A2DE; color:#fff; text-decoration: none;}
.pop_sel_district_list .ctrip_destina_list .hover{background-color:#74A2DE; color:#fff; text-decoration: none;}
.pop_sel_district_list .left{float:left;text-align: left; width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pop_sel_district_list .right{float:right; width:60px; text-align: right;}
.pop_sel_district_list .ctrip_city {font-size:13px; color:#333; display:block;}
.pop_sel_district_list .ctrip_city b{font-weight:bold; color:#0066CC;}
.pop_sel_district_list a:hover .ctrip_city{color:#fff;}
.pop_sel_district_list .hover .ctrip_city {color:#fff;}
.pop_sel_district_list  a:hover b{color:#0066CC; font-weight:bold;}
.pop_sel_district_list  .hover b{color:#0066CC; font-weight:bold;}
.pop_sel_district_list  a b{color:#0066CC; font-weight:bold;}
.pop_sel_district_list .ctrip_paging { height:42px; line-height: 42px; text-align:center; }
.pop_sel_district_list .ctrip_paging a { color: #0066CC; font-size: 14px; margin: 0; padding: 0 4px; text-align: center; text-decoration: underline; width: 15px; }
.pop_sel_district_list a.ctrip_current { color: #000; text-decoration: none; }

/*===== pop sel city list =====*/
.pop_sel_city_list {width:342px;border-radius:3px 0 0 3px;border-top:2px solid #71da1c;position:absolute;background-color:#FFFFFF;box-shadow:0 2px 10px rgba(210,210,210,.5);z-index:999;}
.pop_sel_city_list .area_hd {width:300px;font-size:14px;margin:0 auto;padding:10px 0 10px 0;border-bottom:1px solid #d3dadf;color:#b7bfc5;}
.pop_sel_city_list .area_list{overflow:hidden;width:327px;padding:0 0 6px 16px;margin:0 0 14px 0;border-bottom:2px solid #f0f3f4;}
.pop_sel_city_list .area_box div:last-child{margin:0;border-bottom:none;}
.pop_sel_city_list .area_box a {overflow:hidden;float:left;padding-left:4px;line-height:22px;color:#686a6c;font-size:14px;width:59px;height:22px;margin:0 0 10px 0;display:block;text-decoration:none;}
.pop_sel_city_list .area_box a:hover {background-color:#dcf1fa;border-radius:3px;}
.pop_sel_city_list .area_box h4{font-size:14px;color:#4eb9e7;margin:0 0 14px 20px;display:block;}
.pop_sel_city_list .area_box {margin:0 auto;margin-top:14px;}
.pop_sel_city_list .tips_list li {height:40px;line-height: 18px;padding-top: 5px;overflow: inherit;border-bottom: 1px dashed #E6E6E6;}
.pop_sel_city_list .list_tag {top: 5px;width: 120px;padding-right: 8px;}
.pop_sel_city_list .pop_pager {padding:10px 0;text-align:center;font-size:14px;}
.pop_sel_city_list .pop_pager a {margin:0 3px;text-decoration:underline;color:#0066CC;}
.pop_sel_city_list .pop_pager a:hover {text-decoration:none;}
.pop_sel_city_list .pop_pager span, .pop_sel_city_list .pop_pager .cur {color:#666666; text-decoration: none;}

/*----- Tips_List -----*/
.tips_list { color:#333 overflow:hidden;zoom:1;}
.tips_list .tips_hd,
.tips_list li {position:relative;height:30px;overflow:hidden;line-height:30px;vertical-align:middle;}
.tips_list li strong {color: #06c;}
.tips_list li a { color:#333;text-decoration:none; display:block;overflow:hidden;padding:0 140px 0 10px;white-space:nowrap;text-overflow:ellipsis;}
.tips_list .tips_hd em {color:#666666; padding-left: 10px}
.tips_list .list_tag {position:absolute;top:0;right:5px;width: 130px;overflow: hidden;text-align: right; font-size:14px;color:#4eb9e7;margin:0 0 14px 20px;display:block;}
.tips_list .first_area {border-top: 1px solid #ccc;}
.tips_list .country {display: block;color: #666;}
.tips_list li a:hover, .tips_list li:hover {text-decoration:none;color:#FFFFFF;background-color:#74A2DE;}
.tips_list a:hover .country {color: #fff;}
.tips_list .icon, .pop_sel_district_list .close_tips {display:inline-block;width:20px;height:20px;overflow:hidden;vertical-align:middle;margin-left:5px;line-height:999em;font-size:0;content:"";background:url(/Content/images/searchbox/ico_search_tag.png) no-repeat 0 0;z-index:4; right: 15px}
.tips_list .icon_city {background-position:-128px 0;}
.tips_list .icon_areas {background-position:-160px 0;}
.tips_list .icon_landmarks {background-position:-64px 0;}
.tips_list .icon_airports {background-position:-32px 0;}
.tips_list .icon_stations {background-position:-96px 0;}
.tips_list a:hover .icon_city {background-position:-128px -32px;}
.tips_list a:hover .icon_areas {background-position:-160px -32px;}
.tips_list a:hover .icon_landmarks {background-position:-64px -32px;}
.tips_list a:hover .icon_airports {background-position:-32px -32px;}
.tips_list a:hover .icon_stations {background-position:-96px -32px;}

/*===== pop calendar =====*/
.calendar_wrap{width:488px;height:280px;border-top:2px solid #71da1c;position:relative;font-size:14px;font-family:tahoma,​Arial,​Helvetica,​simsun,​sans-serif;background:#fff;*display:inline;*zoom:1;box-shadow:0 3px 5px #ccc;}
.calendar_content{background-color:none;display:inline}
.calendar_month{font-size:16px;width:245px;height:280px;float:left;overflow:hidden;text-align:center;}
.calendar_title{height:38px;line-height:38px;font-weight:normal;color:#fff;background-color:#328ac0;font-size:16px;}
.calendar_title.other{background-color:#1b6693;}
.month_next,.month_prev{position:absolute;top:5px;width:30px;height:30px;overflow:hidden;text-align:center;line-height:27px;text-decoration:none;font-weight:normal;font-size:20px;font-family:arial;color:#FFFFFF;background-color:#2e88bf}
.month_prev{left:0}
.month_next{right:0}
.month_prev:hover{text-decoration:none}
.month_next:hover{text-decoration:none}
.calendar_day{overflow:hidden;width:245px;}
.calendar_day .weekday{background: #328ac0; width:245px; height:34px}
.calendar_day dt{font-size:14px;float:left;width:32px;height:34px;left: 10px;position: relative;line-height:28px;color:#ffffff;border-bottom:none;background:#328ac0;margin-bottom:8px;}
.calendar_day .weekend{color:#4eb9e7;font-weight:normal;}
.calendar_day .dd_cont{height:250px;margin:0 0 0 10px;display:block;border-right:2px solid #f0f3f4;}
.calendar_day dd a{margin:2px 2px 2px 2px;float:left;overflow:hidden;width:28px;height:28px;line-height:26px;border:1px solid #fff;border-width:1px 0;font-size:14px;font-weight:normal;color:#2e88bf;text-decoration:none;cursor:pointer;}
.calendar_day a:hover,.calendar_day .today,.calendar_day .day_selected,.calendar_day .c_festival_select,.calendar_day .c_festival_select:hover{background-color:#2e88bf url(../../image/common/un_calender_index.png) no-repeat;color:#ffffff}
.calendar_day a:hover{background-color:#4eb9e7;background-position:-26px -53px;text-decoration:none;}
.calendar_day .today{background-color:#fff5d1;background-position:0 -82px;}
.calendar_day .day_over,.calendar_day .day_no{font-weight:normal;color:#dbdbdb;outline:none;cursor:default;}
.calendar_day .day_over:hover,.calendar_day .day_no:hover{background:#fff;color:#dbdbdb;}
.calendar_day .day_selected,.calendar_day .day_selected:hover{background-color:#2e88bf !important;background-position:0 -53px;color:#fff;z-index:200;}.calendar_day .c_festival_select,.calendar_day .c_festival_select:hover{background-color:#2e88bf;background-image:url(../../image/common/un_calender_index.png);background-position:0 -111px;}
.calendar_month.other{width:243px;height:260px;}
.calendar_month.other .calendar_day{border-left:none;}
.calendar_day .c_festival_select,.calendar_day .c_festival_select:hover{background-color:#2e88bf;background-image:url(../../image/common/un_calender_index.png);background-position:0 -111px;}
.c_yuandan span,.c_chuxi span,.c_chunjie span,.c_yuanxiao span,.c_qingming span,.c_wuyi span,.c_duanwu span,.c_zhongqiu span,.c_guoqing span,.c_jintian span,.c_shengdan span{width:24px;height:24px;background-image:url(http://pic.c-ctrip.com/cquery/un_festivals.png?v=1);background-repeat:no-repeat;text-indent:-9999em;overflow:hidden;display:block;}
.c_yuandan span{background-position:0 0;}
.c_chuxi span{background-position:0 -32px;}
.c_chunjie span{background-position:0 -64px;}
.c_yuanxiao span{background-position:0 -96px;}
.c_qingming span{background-position:0 -128px;}
.c_wuyi span{background-position:0 -160px;}
.c_duanwu span{background-position:0 -192px;}
.c_zhongqiu span{background-position:0 -224px;}
.c_guoqing span{background-position:0 -256px;}
.c_jintian span{background-position:0 -288px;}
.c_shengdan span{ background-position: 0 -320px;}
.c_calender_date{display:inline-block;color:#666;text-align:right;position:absolute;z-index:1;}
.calendar_wrap:before,.calendar_wrap:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.calendar_wrap:after{clear:both;}

/*pop suggest*/
.poi-suggest { min-width: 380px; line-height: 16px; background: #fff; border: 1px solid #74a2de; border-top: 2px solid #71da1c; box-shadow: 0 2px 10px rgba(210, 210, 210, 0.5); }
.poi-suggest .tit { padding: 7px 10px; }
.poi-suggest .tit-error { color: #c01111; background: #f3f3f7; }
.poi-suggest em { color: #06c; font-style: normal; }
.poi-suggest i { font-style: normal; }
.poi-suggest .item { position: relative; padding: 9px 50px 8px 33px; cursor: pointer; white-space: nowrap; }
.poi-suggest .tag { position: absolute; left: 5px; top: 8px; overflow: hidden; padding: 0px 1px 2px 2px; height: 14px; line-height: 14px; padding: 1px 1px 1px 2px\9; *padding: 0 1px 0 2px; *height: 16px; *line-height: 16px; color: #fff; border-radius: 2px; border: none; }
.poi-suggest .tag1 { /*position: absolute;
left: 5px;
top: 10px;
overflow: hidden;*/ padding: 0px 1px 2px 2px; height: 14px; line-height: 14px; padding: 1px 1px 1px 2px\9; *padding: 0 1px 0 2px; *height: 16px; *line-height: 16px; color: #fff; border-radius: 2px; border: none; }
.poi-suggest .codes { width: 15px; }
.poi-suggest .tag-city, .poi-suggest .tag-airport, .poi-suggest .tag-element, .poi-suggest .tag-country, .poi-suggest .tag-province, .poi-suggest .tag-scenic { padding: 0; line-height: 99em; background-image: url('../../images/home/poi-address.png'); }
.poi-suggest .tag-nearby { border: 1px solid #b6b6b6; font-size: 12px; margin-right: 9px; }
.poi-suggest .tag-city { background-position: -530px -1406px; height: 16px; width: 14px; left: 10px; }
.poi-suggest .tag-airport { background-position: -461px -1465px; }
.poi-suggest .tag-element { background-position: -624px -1409px; left: 39px; top: 10px; width: 14px; }
.poi-suggest .tag-country { background-position: -507px -1406px; height: 18px; width: 18px; left: 10px; }
.poi-suggest .tag-province { background-position: -486px -1406px; height: 18px; width: 18px; left: 10px; }
.poi-suggest .tag-scenic { background-position: -546px -1463px; }
.poi-suggest .item-element { padding-left: 56px; }
.poi-suggest .airport-nearby { padding-left: 35px; }
.poi-suggest .no-airport { background: #f3f3f7; cursor: default; }
.poi-suggest span { display: inline-block; *display: inline; *zoom: 1; padding-right: 9px; }
.poi-suggest p { display: inline-block; *display: inline; *zoom: 1; padding-right: 16px; }
.poi-suggest .country, .poi-suggest .province, .poi-suggest .codes, .poi-suggest .distance, .poi-suggest .tag-nearby, .poi-suggest .pinyin { color: #b6b6b6; }
.poi-suggest .distance { position: absolute; right: 0; top: 9px; }
.poi-suggest .active { background-color: #74a2de; color: #fff; text-decoration: none; }
.poi-suggest .active .tag { color: #2c7ae0; background-color: #fff; }
.poi-suggest .active em, .poi-suggest .active .country, .poi-suggest .active .province, .poi-suggest .active .codes, .poi-suggest .active .distance, .poi-suggest .active .tag-nearby, .poi-suggest .active .pinyin { color: #fff; }
.poi-suggest .active .tag-nearby { background-color: transparent; border: 1px solid #fff; }
.poi-suggest .active .tag-element { background-color: transparent; background-position: -641px -1409px; }
.poi-suggest .active .tag-airport { background-color: transparent; background-position: -509px -1465px; }
.poi-suggest .active .tag-city { background-color: transparent; background-position: -551px -1406px; }