@charset "UTF-8";body,html {
    height: 100%
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

body,button,input,select,textarea {
    font: 12px/1.5 'microsoft yahei',Arial,sans-serif
}

article,aside,details,figcaption,figure,footer,header,hgroup,iframe,menu,nav,section {
    display: block
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500
}

address,cite,dfn,em,i,var {
    font-style: normal;
    font-weight: 400
}

dfn {
    font-family: Arial
}

ol,ul {
    list-style: none
}

button,fieldset,img,input {
    border: 0
}

button,input,select,textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    border-radius: 0;
    background: #fff
}

input[type=text]::-ms-clear {
    display: none
}

input[type=password]::-ms-reveal {
    display: none
}

.layout_content {
    margin: 0 auto;
    width: 1180px
}

.layout_content:after {
    clear: both;
    content: "";
    display: table
}

html {
    background-color: transparent!important
}

body {
    background-color: #f6f8fa;
    -webkit-font-smoothing: antialiased
}

.fl {
    float: left
}

.fr {
    float: right
}

.basefix:after,.layoutfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden;
    width: 0
}

.no_padding {
    padding: 0!important
}

.no_padding_top {
    padding-top: 0!important
}

.no_padding_right {
    padding-right: 0!important
}

.no_padding_bottom {
    padding-bottom: 0!important
}

.no_padding_left {
    padding-left: 0!important
}

.no_border {
    border: none!important
}

.no_border_top {
    border-top: 0!important
}

.no_border_right {
    border-right: 0!important
}

.no_border_bottom {
    border-bottom: 0!important
}

.no_border_left {
    border-left: 0!important
}

.no_margin {
    margin: 0!important
}

.no_margin_top {
    margin-top: 0!important
}

.no_margin_right {
    margin-right: 0!important
}

.no_margin_bottom {
    margin-bottom: 0!important
}

.no_margin_left {
    margin-left: 0!important
}

@font-face {
    font-family: detail_common_icon;
    src: url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-detail_common_icon-0.0.2/detail_common_icon.woff2) format('woff2'),url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-detail_common_icon-0.0.2/detail_common_icon.ttf) format('truetype')
}

.icon_phone::before {
    content: "\E9ED";
    font-family: detail_common_icon
}

.icon_email::before {
    content: "\F230";
    font-family: detail_common_icon
}

.icon_detail_stars::before {
    content: "\E278";
    font-family: detail_common_icon
}

@font-face {
    font-family: crn_font_icon;
    src: url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-detail_crn_font_icon-0.0.4/detail_crn_font_icon.woff2) format('woff2'),url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-detail_crn_font_icon-0.0.4/detail_crn_font_icon.ttf) format('truetype')
}

.icon_htl_bed::before {
    content: "\F30A";
    font-family: crn_font_icon
}

.icon_htl_discount::before {
    content: "\F312";
    font-family: crn_font_icon
}

.icon_htl_gift::before {
    content: "\F313";
    font-family: crn_font_icon
}

.icon_htl_creditcard::before {
    content: "\F31E";
    font-family: crn_font_icon
}

.icon_flight::before {
    content: "\F188";
    font-family: crn_font_icon
}

.icon_crn_heart::before {
    content: "\F167";
    font-family: crn_font_icon
}

.icon_cal_alreadylines::before {
    content: "\F18A";
    font-family: crn_font_icon
}

.icon_crn_earth::before {
    content: "\F169";
    font-family: crn_font_icon
}

.icon_successful_line::before {
    content: "\F5C8";
    font-family: crn_font_icon
}

.icon_crn_supplier::before {
    content: "\F16C";
    font-family: crn_font_icon
}

.icon_crn_camera::before {
    content: "\F267";
    font-family: crn_font_icon
}

.icon_crn_topay::before {
    content: "\F17B";
    font-family: crn_font_icon
}

.icon_crn_toorder::before {
    content: "\F17D";
    font-family: crn_font_icon
}

.icon_crn_touser::before {
    content: "\F21B";
    font-family: crn_font_icon
}

.icon_crn_car::before {
    content: "\F17C";
    font-family: crn_font_icon
}

.icon_crn_time::before {
    content: "\F1C1";
    font-family: crn_font_icon
}

.icon_crn_service::before {
    content: "\F238";
    font-family: crn_font_icon
}

.icon_crn_ship::before {
    content: "\E043";
    font-family: crn_font_icon
}

.icon_crn_play::before {
    content: "\E046";
    font-family: crn_font_icon
}

.icon_crn_other::before {
    content: "\F126";
    font-family: crn_font_icon
}

.icon_re_bus::before {
    content: "\F2CA";
    font-family: crn_font_icon
}

.icon_pool::before {
    content: "\F272";
    font-family: crn_font_icon
}

.icon_area::before {
    content: "\F30B";
    font-family: crn_font_icon
}

.icon_border_user::before {
    content: "\F16E";
    font-family: crn_font_icon
}

.icon_hotel_floor::before {
    content: "\F36B";
    font-family: crn_font_icon
}

.icon_hotel_double_bed::before {
    content: "\F41B";
    font-family: crn_font_icon
}

.icon_hotel_multiple_bed::before {
    content: "\F41C";
    font-family: crn_font_icon
}

.icon_hotel_window::before {
    content: "\F416";
    font-family: crn_font_icon
}

.icon_consign::before {
    content: "\F455";
    font-family: crn_font_icon
}

.icon_transit::before {
    content: "\F456";
    font-family: crn_font_icon
}

.icon_filter::before {
    content: "\F2A7";
    font-family: crn_font_icon
}

.icon_tour_service::before {
    content: "\F210";
    font-family: crn_font_icon
}

.icon_tour_F::before {
    content: "\F472";
    font-family: crn_font_icon
}

.icon_tour_T::before {
    content: "\F473";
    font-family: crn_font_icon
}

.icon_fa_spa::before {
    content: "\F274";
    font-family: crn_font_icon
}

.icon_tour_hotel::before {
    content: "\F308";
    font-family: crn_font_icon
}

.icon_product_id::before {
    content: "\F5C7";
    font-family: crn_font_icon
}

.icon_train::before {
    content: "\F300";
    font-family: crn_font_icon
}

.icon_tour_jia::before {
    content: "\F754";
    font-family: crn_font_icon
}

.icon_tour_jian::before {
    content: "\F755";
    font-family: crn_font_icon
}

.icon_service::before {
    content: "\F238";
    font-family: crn_font_icon
}

.icon_tour_cha::before {
    content: "\F215";
    font-family: crn_font_icon
}

.icon_tour_dui::before {
    content: "\F268";
    font-family: crn_font_icon
}

.icon_traffic::before {
    content: "\F273";
    font-family: crn_font_icon
}

.icon_room::before {
    content: "\F30A";
    font-family: crn_font_icon
}

.icon_import::before {
    content: "\F217";
    font-family: crn_font_icon
}

.icon_coupon::before {
    content: "\F31F";
    font-family: crn_font_icon
}

.icon_tour_service::before {
    content: "\F210";
    font-family: crn_font_icon
}

.icon_tour_friend::before {
    content: "\F374";
    font-family: crn_font_icon
}

.icon_tour_direct::before {
    content: "\F373";
    font-family: crn_font_icon
}

.icon_tour_book::before {
    content: "\F372";
    font-family: crn_font_icon
}

.icon_tour_floor::before {
    content: "\F36B";
    font-family: crn_font_icon
}

.icon_tour_jia::before {
    content: "\F754";
    font-family: crn_font_icon
}

.icon_tour_jian::before {
    content: "\F755";
    font-family: crn_font_icon
}

.icon_fee_information::before {
    content: "\EF89";
    font-family: crn_font_icon
}

.icon_time::before {
    content: "\F1C1";
    font-family: crn_font_icon
}

.icon_car::before {
    content: "\F17C";
    font-family: crn_font_icon
}

.icon_print_itinerary::before {
    content: "\F22E";
    font-family: crn_font_icon
}

.icon_ticket::before {
    content: "\F23A";
    font-family: crn_font_icon
}

.icon_child_surcharge::before {
    content: "\F23C";
    font-family: crn_font_icon
}

.icon_supplement::before {
    content: "\F15D";
    font-family: crn_font_icon
}

.icon_visa::before {
    content: "\F23B";
    font-family: crn_font_icon
}

.icon_departure_tax::before {
    content: "\F22F";
    font-family: crn_font_icon
}

.icon_clause_check::before {
    content: "\E8A6";
    font-family: crn_font_icon
}

.icon_basic_shop::before {
    content: "\eaf0";
    font-family: crn_font_icon
}

@font-face {
    font-family: crn_font_ctrip_icon;
    src: url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-detail_crn_font_ctrip_icon-0.0.3/detail_crn_font_ctrip_icon.woff2) format('woff2'),url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-detail_crn_font_ctrip_icon-0.0.3/detail_crn_font_ctrip_icon.ttf) format('truetype')
}

.icon_err_info::before {
    content: "\E92F";
    font-family: crn_font_ctrip_icon
}

.icon_info::before {
    content: "\EF8D";
    font-family: crn_font_ctrip_icon
}

.icon_arr_down::before {
    content: "\E945";
    font-family: crn_font_ctrip_icon
}

.icon_arr_up::before {
    content: "\E946";
    font-family: crn_font_ctrip_icon
}

.icon_arr_left::before {
    content: "\E943";
    font-family: crn_font_ctrip_icon
}

.icon_arr_right::before {
    content: "\E944";
    font-family: crn_font_ctrip_icon
}

.icon_gendar_radio::before {
    content: "\EE35";
    font-family: crn_font_ctrip_icon
}

.icon_gendar_selected::before {
    content: "\F13B";
    font-family: crn_font_ctrip_icon
}

.icon_date::before {
    content: "\E94C";
    font-family: crn_font_ctrip_icon
}

.icon_time::before {
    content: "\E930";
    font-family: crn_font_ctrip_icon
}

.icon_tel::before {
    content: "\E952";
    font-family: crn_font_ctrip_icon
}

.icon_fail::before {
    content: "\ED1F";
    font-family: crn_font_ctrip_icon
}

.icon_suc::before {
    content: "\ED1E";
    font-family: crn_font_ctrip_icon
}

.icon_warn_toast::before {
    content: "\EF39";
    font-family: crn_font_ctrip_icon
}

.icon_hint::before {
    content: "\EF89";
    font-family: crn_font_ctrip_icon
}

.icon_dui::before {
    content: "\F1C8";
    font-family: crn_font_ctrip_icon
}

.icon_check_square::before {
    content: "\E178";
    font-family: crn_font_ctrip_icon
}

.icon_checked_square::before {
    content: "\E179";
    font-family: crn_font_ctrip_icon
}

.icon_order::before {
    content: "\E94B";
    font-family: crn_font_ctrip_icon
}

.icon_pop_close::before {
    content: "\E940";
    font-family: crn_font_ctrip_icon
}

.icon_location::before {
    content: "\ED05";
    font-family: crn_font_ctrip_icon
}

.icon_location_empty::before {
    content: "\E933";
    font-family: crn_font_ctrip_icon
}

.icon_htl_meal::before {
    content: "\E060";
    font-family: crn_font_ctrip_icon
}

.icon_htl_wifi::before {
    content: "\F0007";
    font-family: crn_font_ctrip_icon
}

.icon_htl_nosmoking::before {
    content: "\F8E2";
    font-family: crn_font_ctrip_icon
}

.icon_htl_swimmingpool::before {
    content: "\F000E";
    font-family: crn_font_ctrip_icon
}

.icon_htl_parking::before {
    content: "\F0009";
    font-family: crn_font_ctrip_icon
}

.icon_htl_gym::before {
    content: "\E066";
    font-family: crn_font_ctrip_icon
}

.icon_htl_laundary::before {
    content: "\F000A";
    font-family: crn_font_ctrip_icon
}

.icon_htl_24h_service::before {
    content: "\E05D";
    font-family: crn_font_ctrip_icon
}

.icon_htl_wake_up::before {
    content: "\E068";
    font-family: crn_font_ctrip_icon
}

.icon_htl_baggage::before {
    content: "\F000C";
    font-family: crn_font_ctrip_icon
}

.icon_htl_pickup::before {
    content: "\E09D";
    font-family: crn_font_ctrip_icon
}

.icon_htl_hair_drayer::before {
    content: "\E0A4";
    font-family: crn_font_ctrip_icon
}

.icon_htl_hot_water::before {
    content: "\E0A3";
    font-family: crn_font_ctrip_icon
}

.icon_htl_free_water::before {
    content: "\E06D";
    font-family: crn_font_ctrip_icon
}

.icon_htl_free_map::before {
    content: "\E06C";
    font-family: crn_font_ctrip_icon
}

.icon_htl_bathroom::before {
    content: "\E09E";
    font-family: crn_font_ctrip_icon
}

.icon_htl_tiletries::before {
    content: "\E023";
    font-family: crn_font_ctrip_icon
}

.icon_common_safe::before {
    content: "\F6BC";
    font-family: crn_font_ctrip_icon
}

.icon_common_singlearrow::before {
    content: "\E9E2";
    font-family: crn_font_ctrip_icon
}

.icon_product_diamond::before {
    content: "\F8D2";
    font-family: crn_font_ctrip_icon
}

.icon_follow::before {
    content: "\EF89";
    font-family: crn_font_ctrip_icon
}

.icon_detail_dian::before {
    content: "\E947";
    font-family: crn_font_ctrip_icon
}

.icon_search_b::before {
    content: "\E92A";
    font-family: crn_font_ctrip_icon
}

.icon_crn_tips::before {
    content: "\E92F";
    font-family: crn_font_ctrip_icon
}

.icon_hotel_scenery::before {
    content: "\EED0";
    font-family: crn_font_ctrip_icon
}

.icon_hotel_shuttle_bus::before {
    content: "\E061";
    font-family: crn_font_ctrip_icon
}

.icon_Tv::before {
    content: "\E709";
    font-family: crn_font_ctrip_icon
}

.icon_tour_edit::before {
    content: "\E93C";
    font-family: crn_font_ctrip_icon
}

.icon_tour_delete::before {
    content: "\E92D";
    font-family: crn_font_ctrip_icon
}

.icon_close::before {
    content: "\ED1F";
    font-family: crn_font_ctrip_icon
}

.icon_edit::before {
    content: "\E93C";
    font-family: crn_font_ctrip_icon
}

.icon_train_seat::before {
    content: "\F0687";
    font-family: crn_font_ctrip_icon
}

.icon_ctrip_sui_left::before {
    content: "\F06EA";
    font-family: crn_font_ctrip_icon
}

.icon_ctrip_sui_right::before {
    content: "\F06EB";
    font-family: crn_font_ctrip_icon
}

.icon_ctrip_question::before {
    content: "\E931";
    font-family: crn_font_ctrip_icon
}

.icon_ctrip_vip_logo::before {
    content: "\F05A2";
    font-family: crn_font_ctrip_icon
}

.icon_arr::before {
    content: "\E944";
    font-family: crn_font_ctrip_icon
}

.icon_clear::before {
    content: "\ED1F";
    font-family: crn_font_ctrip_icon
}

.icon_hook::before {
    content: "\F1C8";
    font-family: crn_font_ctrip_icon
}

.icon_question_mark::before {
    content: "\E931";
    font-family: crn_font_ctrip_icon
}

.icon_warning::before {
    content: "\EF39";
    font-family: crn_font_ctrip_icon
}

.icon_arr_oneway::before {
    content: "\E9E2";
    font-family: crn_font_ctrip_icon
}

.icon_warn::before {
    content: "\EF89";
    font-family: crn_font_ctrip_icon
}

.icon_mount::before {
    content: "\EED0";
    font-family: crn_font_ctrip_icon
}

.icon_green_dui::before {
    content: "\E93D";
    font-family: crn_font_ctrip_icon
}

.icon_like::before {
    content: "\E956";
    font-family: crn_font_ctrip_icon
}

.icon_fee_selected::before {
    content: "\F1C8";
    font-family: crn_font_ctrip_icon
}

.icon_fee_close::before {
    content: "\E940";
    font-family: crn_font_ctrip_icon
}

.icon_fee_exclamation::before {
    content: "\E92F";
    font-family: crn_font_ctrip_icon
}

.icon_meal::before {
    content: "\F13F";
    font-family: crn_font_ctrip_icon
}

.icon_hotel::before {
    content: "\E959";
    font-family: crn_font_ctrip_icon
}

.icon_flight::before {
    content: "\E95B";
    font-family: crn_font_ctrip_icon
}

.icon_scenery::before {
    content: "\E96F";
    font-family: crn_font_ctrip_icon
}

.icon_shoping::before {
    content: "\E981";
    font-family: crn_font_ctrip_icon
}

.icon_activity::before {
    content: "\F015F";
    font-family: crn_font_ctrip_icon
}

.icon_activity_theme::before {
    content: "\F03A2";
    font-family: crn_font_ctrip_icon
}

.icon_book::before {
    content: "\F03A6";
    font-family: crn_font_ctrip_icon
}

.icon_traffic::before {
    content: "\E95D";
    font-family: crn_font_ctrip_icon
}

.icon_other::before {
    content: "\F126";
    font-family: crn_font_ctrip_icon
}

.icon_cash::before {
    content: "\E1AB";
    font-family: crn_font_ctrip_icon
}

.icon_service_lang::before {
    content: "\F0160";
    font-family: crn_font_ctrip_icon
}

.icon_team_count::before {
    content: "\F0161";
    font-family: crn_font_ctrip_icon
}

@font-face {
    font-family: cabin;
    src: url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-cabin-0.0.7/cabin.woff2) format('woff2'),url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-cabin-0.0.7/cabin.ttf) format('truetype')
}

.icon_area::before {
    content: "\F0AD1";
    font-family: cabin
}

.icon_people::before {
    content: "\F0AD0";
    font-family: cabin
}

.icon_balcony::before {
    content: "\F0ACF";
    font-family: cabin
}

.icon_floor::before {
    content: "\F0ACE";
    font-family: cabin
}

.icon_selected::before {
    content: "\E001";
    font-family: cabin
}

.icon_help::before {
    content: "\E013";
    font-family: cabin
}

.icon_left_anchor::before {
    content: "\E015";
    font-family: cabin
}

.icon_right_anchor::before {
    content: "\E008";
    font-family: cabin
}

.icon_pop_close::before {
    content: "\E004";
    font-family: cabin
}

.icon_cruisescenery::before {
    content: "\F071F";
    font-family: cabin
}

.icon_cruisetour::before {
    content: "\F0546";
    font-family: cabin
}

.icon_cruiseticket::before {
    content: "\E3EA";
    font-family: cabin
}

@font-face {
    font-family: sidebar_fix;
    src: url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-sidebar_fix_new-0.0.1/sidebar_fix_new.woff2) format('woff2'),url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-sidebar_fix_new-0.0.1/sidebar_fix_new.ttf) format('truetype')
}

.icon_reback::before {
    content: "\F20B";
    font-family: sidebar_fix
}

.icon_submitorder::before {
    content: "\F265";
    font-family: sidebar_fix
}

.icon_route::before {
    content: "\F04EE";
    font-family: sidebar_fix
}

.icon_routeconfirm::before {
    content: "\F04EE";
    font-family: sidebar_fix
}

.icon_routepre::before {
    content: "\F3BF";
    font-family: sidebar_fix
}

.icon_switch::before {
    content: "\F35D";
    font-family: sidebar_fix
}

.icon_compare::before {
    content: "\E93E";
    font-family: sidebar_fix
}

.icon_vscompare::before {
    content: "\F04ED";
    font-family: sidebar_fix
}

.icon_rrs::before {
    content: "\E957";
    font-family: sidebar_fix
}

.icon_rrsed::before {
    content: "\E958";
    font-family: sidebar_fix
}

.icon_coupons::before {
    content: "\E94D";
    font-family: sidebar_fix
}

.icon_share::before {
    content: "\E939";
    font-family: sidebar_fix
}

.icon_scan::before {
    content: "\F367";
    font-family: sidebar_fix
}

.icon_server::before {
    content: "\F00D6";
    font-family: sidebar_fix
}

.icon_gotop::before {
    content: "\E942";
    font-family: sidebar_fix
}

.icon_popclose::before {
    content: "\E940";
    font-family: sidebar_fix
}

.icon_errinfo::before {
    content: "\E92F";
    font-family: sidebar_fix
}

.icon_radioes::before {
    content: "\E178";
    font-family: sidebar_fix
}

.icon_radioes_cur::before {
    content: "\E179";
    font-family: sidebar_fix
}

.icon_backed::before {
    content: "\E943";
    font-family: sidebar_fix
}

.icon_gendar_select::before {
    content: "\EE35";
    font-family: sidebar_fix
}

.icon_gendar_selected::before {
    content: "\F13B";
    font-family: sidebar_fix
}

.icon_telphone::before {
    content: "\E952";
    font-family: sidebar_fix
}

.icon_arrdown::before {
    content: "\E945";
    font-family: sidebar_fix
}

.icon_correct::before {
    content: "\E93D";
    font-family: sidebar_fix
}

.icon_corrected::before {
    content: "\ED1E";
    font-family: sidebar_fix
}

.icon_failured::before {
    content: "\EF39";
    font-family: sidebar_fix
}

@font-face {
    font-family: vacation_assist;
    src: url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-vacation_assist-0.0.5/vacation_assist.woff2) format('woff2'),url(https://webresource.c-ctrip.com/NFES/nfes-iconfont/project-vacation_assist-0.0.5/vacation_assist.ttf) format('truetype')
}

.icon_assist::before {
    content: "\F094B";
    font-family: vacation_assist
}

.icon_assist_blank::before {
    content: "\F0975";
    font-family: vacation_assist
}

@-webkit-keyframes forward_loading {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes forward_loading {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.detail_loading {
    position: absolute;
    width: 24px;
    height: 24px;
    border: none;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    -webkit-animation: forward_loading 1.2s linear infinite;
    animation: forward_loading 1.2s linear infinite
}

.loading_animation {
    -webkit-animation: forward_loading 1.2s linear infinite;
    animation: forward_loading 1.2s linear infinite
}

#hp_container .imvc-view-item {
    margin: 0 auto
}

.blueBorBtn,.blueBtn {
    text-align: center;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 2px
}

.blueBorBtn {
    background-color: #fff;
    color: #0086f6;
    border: 1px solid #0086f6
}

.blueBorBtn:hover {
    background-color: rgba(0,134,246,.1);
    text-decoration: none
}

.blueBtn {
    background-color: #0086f6;
    color: #fff
}

.blueBtn:hover {
    background-color: #2470e1;
    text-decoration: none
}

.ellipsis_line1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pop_hover_wrapper {
    position: relative;
    font-weight: 400
}

.pop_hover_wrapper .pop_arr {
    width: 16px;
    height: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 8px;
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: 0 0
}

.pop_hover_wrapper .pop_arr.arr_in_center {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.pop_hover_wrapper .pop_arr.arr_in_left {
    left: 10%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.pop_hover_wrapper .pop_arr.pop_arr_up {
    border-top-color: #fff;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff;
    top: -7px;
    -webkit-box-shadow: -2px -2px 5px rgba(0,0,0,.06);
    box-shadow: -2px -2px 5px rgba(0,0,0,.06)
}

.pop_hover_wrapper .pop_arr.pop_arr_down {
    bottom: -7px;
    border-top-color: transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
    border-left-color: transparent;
    -webkit-box-shadow: 6px 6px 7px rgba(0,0,0,.06);
    box-shadow: 6px 6px 7px rgba(0,0,0,.06)
}

.pop_hover_content {
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(69,88,115,.2);
    box-shadow: 0 4px 16px rgba(69,88,115,.2);
    border-radius: 2px
}

.pop_hover_content .pop_hover_btn {
    text-align: right;
    font-size: 14px;
    line-height: 18px
}

.pop_hover_content .pop_hover_btn a {
    color: #0086f6;
    font-weight: 700
}

.icon_base {
    font-style: normal;
    font-weight: 400;
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}

.icon_base::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

.icon_sidebar {
    font-style: normal;
    font-weight: 400;
    position: relative;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
    vertical-align: middle
}

.icon_sidebar::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.vip_label_svip {
    background: -webkit-gradient(linear,left top,right top,from(#fbd9c3),to(#f1c09f));
    background: linear-gradient(90deg,#fbd9c3 0,#f1c09f 100%);
    color: #7b3e29;
    line-height: 18px;
    height: 18px
}

input[type=number].PhaseTwo_Additional_input,input[type=number].detail_journey_input,input[type=text].PhaseTwo_Additional_input,input[type=text].detail_journey_input {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=number].PhaseTwo_Additional_input:focus,input[type=number].detail_journey_input:focus,input[type=text].PhaseTwo_Additional_input:focus,input[type=text].detail_journey_input:focus {
    background: 0 0;
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=number].user_paging_input,input[type=text].user_paging_input {
    padding: 0;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=number].user_paging_input:focus,input[type=text].user_paging_input:focus {
    background: 0 0;
    padding: 0;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}

#ibu-online-lr-login-container .login-form .login-keep-fwd-line .login-ticked span {
    vertical-align: baseline!important
}

#ibu-online-lr-login-container .login-form .login-keep-fwd-line .login-ticked input {
    -webkit-appearance: checkbox
}

blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

html {
    background-color: #fff
}

body {
    background-color: #fff;
    font-size: 12px;
    line-height: 1.5;
    font-family: Tahoma,Simsun,sans-serif;
    color: #333
}

fieldset,img {
    margin: 0;
    padding: 0;
    border: 0
}

input,textarea {
    font-size: 12px
}

table {
    border-collapse: collapse
}

a {
    color: #0086f6;
    text-decoration: none;
    outline: 0
}

a:hover {
    text-decoration: underline
}

h1,h2,h3,h4,h5 {
    font-family: Arial,Simsun,sans-serif
}

ol li,ul li {
    list-style: none
}

dfn {
    font-style: normal;
    font-size: 12px;
    font-family: Arial!important
}

select {
    padding: 1px;
    font-family: Arial,Simsun,sans-serif;
    border: 1px solid #ccc;
    background-color: #fff
}

input[type=number],input[type=text] {
    padding: 3px;
    border: solid 1px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ddd inset;
    box-shadow: 1px 1px 3px #ddd inset
}

input[type=number]:focus,input[type=text]:focus {
    background-color: #f1f9ff;
    border-color: #5d9de5 #67a1e2 #67a1e2 #5d9de5;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 1px 1px 3px #d0dee6 inset;
    box-shadow: 1px 1px 3px #d0dee6 inset
}

.basefix:after,.layoutfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.invisible {
    visibility: hidden!important
}

.hidden {
    display: none!important
}

.crumbs {
    color: #999;
    font-family: verdana,simsun
}

.seo_box p a:hover {
    color: #0082c6
}

.seo_box {
    margin: 10px auto;
    width: 980px;
    border: 1px solid #eaeaea;
    padding: 15px 0 10px
}

.seo_box p {
    color: #999;
    padding: 0 20px 5px
}

.main_price_box .price_box .total_price em {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    top: 2px
}

.main_price_box dl {
    padding-left: 62px!important
}

.main_price_box dl dt {
    margin-left: -62px!important
}

.main_price_box .integral_box {
    padding-left: 62px
}

.main_price_box .integral_box .integral_title {
    margin-left: -62px
}

.main_price_box.platina {
    background-color: #f1fbff
}

.main_price_box.diamond {
    background-color: #f1f6ff
}

.main_price_box.gold_diamond {
    background-color: #f6f8ff
}

.main_price_box.black {
    background-color: #fffcf6
}

.main_price_box.black .high_star_price .total_price,.main_price_box.black .high_star_price .total_price dfn,.main_price_box.black .high_star_price .total_price em {
    color: #ffe7c0!important
}

.main_price_box.flight_member {
    background-color: #f2f8fe
}

.po_box {
    margin-bottom: 8px
}

.main_price_box .po_box .high_star_price {
    display: inline-block;
    height: 24px;
    width: auto;
    border-radius: 13.5px;
    color: #fff;
    line-height: 24px;
    padding: 0 8px;
    margin-right: 15px
}

.main_price_box .po_box .high_star_price span {
    vertical-align: top
}

.main_price_box .po_box .high_star_price span.total_price {
    line-height: 24px
}

.main_price_box .po_box .high_star_price span.total_price em {
    vertical-align: middle;
    top: -1px
}

.main_price_box .po_box .high_star_price .total_price,.main_price_box .po_box .high_star_price .total_price dfn,.main_price_box .po_box .high_star_price .total_price em {
    color: #fff;
    padding-right: 0
}

.main_price_box .po_box .high_star_price span+span {
    margin-left: 4px
}

.main_price_box .po_box .high_star_price.platina {
    background-color: #78b5c9
}

.main_price_box .po_box .high_star_price.diamond {
    background-color: #4747b3
}

.main_price_box .po_box .high_star_price.gold_diamond {
    background-color: #384b8e
}

.main_price_box .po_box .high_star_price.black {
    color: #ffe7c0;
    background-color: #5e5e5e
}

.main_price_box .po_box .high_star_price.black .total_price {
    color: #ffe7c0
}

.main_price_box .po_box .high_star_price.flight_member {
    background-color: #0086f6
}

.vip_label {
    font-size: 12px;
    border-radius: 2px;
    margin-right: 6px;
    line-height: 16px;
    height: 16px;
    padding: 0 4px;
    font-weight: 400;
    display: inline-block;
    color: #f70;
    background: #fff;
    border: 1px solid #ffdcbf
}

.vip_label_common {
    color: #0086f6;
    background: #e5f4ff;
    border: 1px solid rgba(0,134,246,.7)
}

.vip_label_silver {
    color: #4274bc;
    background: #e6f0ff;
    border: 1px solid #6090d4
}

.vip_label_gold {
    color: #b3802d;
    background: #fffaf2;
    border: 1px solid rgba(179,128,45,.7)
}

.vip_label_platina {
    color: #157b9d;
    background: #e3f7fe;
    border: 1px solid rgba(23,124,158,.7)
}

.vip_label_diamond {
    color: #393f8a;
    background: #e7efff;
    border: 1px solid rgba(57,63,138,.7)
}

.vip_label_gold_diamond {
    color: #463896;
    background-color: #eeeaf7;
    border: 1px solid #463896
}

.vip_label_diamond_black {
    background: -webkit-gradient(linear,left top,right top,from(#666),to(#333));
    background: linear-gradient(90deg,#666 0,#333 100%);
    color: #ffe9c4;
    line-height: 18px;
    height: 18px
}

.vip_label_diamond_black span {
    background: -webkit-gradient(linear,left top,right top,from(#f5d7a6),color-stop(54.79%,#ffefd6),to(#f5d7a6));
    background: linear-gradient(90deg,#f5d7a6 0,#ffefd6 54.79%,#f5d7a6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.vip_label_normal {
    color: #6d4e1b;
    border: 1px solid #6d4e1b
}

.high_star_vip_alert_box {
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    padding-left: 38px;
    position: relative
}

.high_star_vip_alert_box.smaller {
    height: 34px;
    line-height: 34px
}

.high_star_vip_alert_box.normal {
    color: #f70;
    background-color: #fff8f2
}

.high_star_vip_alert_box.normal .icon_base {
    position: absolute;
    width: 17px;
    height: 17px;
    left: 14px;
    top: 8px;
    font-size: 17px
}

.high_star_vip_alert_box.platina {
    color: #007280;
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/platina_calendar_banner.png)
}

.high_star_vip_alert_box.platina::before {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/platina_icon.png)
}

.high_star_vip_alert_box.diamond {
    color: #573dcc;
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/diamond_calendar_banner.png)
}

.high_star_vip_alert_box.diamond::before {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/diamond_icon.png)
}

.high_star_vip_alert_box.gold_diamond {
    color: #193887;
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/gold_diamond_calendar_banner.png)
}

.high_star_vip_alert_box.gold_diamond::before {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/gold_diamond_icon.png)
}

.high_star_vip_alert_box.black {
    color: #333;
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/black_diamond_calendar_banner.png)
}

.high_star_vip_alert_box.black::before {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/black_icon.png)
}

.high_star_vip_alert_box.flight_member {
    color: #0068c4;
    background-image: -webkit-gradient(linear,left top,right top,from(#d8edff),color-stop(46.89%,#edf7ff),to(#cae5ff));
    background-image: linear-gradient(90deg,#d8edff 0,#edf7ff 46.89%,#cae5ff 100%)
}

.high_star_vip_alert_box.flight_member::before {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/detail/flight.png)
}

.high_star_vip_alert_box::before {
    content: ' ';
    background-size: 100%;
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 14px
}

.high_star_vip_alert_box+.resource_change_tips {
    margin-top: 10px
}

.high_star_vip_logo {
    height: 16px;
    width: auto;
    line-height: 16px;
    border: 1px solid;
    border-radius: 2px 2px 2px 2px;
    padding: 0 4px;
    font-size: 12px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: top
}

.high_star_vip_logo.platina {
    color: #157b9d;
    border-color: #5ca3bb
}

.high_star_vip_logo.diamond {
    color: #393f8a;
    border-color: #393f8a
}

.high_star_vip_logo.gold_diamond {
    color: #5533b0;
    border-color: #463896
}

.high_star_vip_logo.black {
    height: 18px;
    line-height: 18px;
    border: none;
    color: #f7ddb2;
    background-image: -webkit-gradient(linear,left top,right top,from(#666),to(#333));
    background-image: linear-gradient(90deg,#666 0,#333 100%)
}

.pop_box_wrapper.pop_high_star {
    width: 670px
}

.pop_box_wrapper.pop_high_star .pop_box_title .vip_title {
    display: inline-block;
    height: 24px;
    width: 198px;
    background-size: 100%;
    position: relative;
    top: 3px
}

.pop_box_wrapper.pop_high_star .pop_box_title .vip_title.platina {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/platina_text.png)
}

.pop_box_wrapper.pop_high_star .pop_box_title .vip_title.diamond {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/diamond_text.png)
}

.pop_box_wrapper.pop_high_star .pop_box_title .vip_title.gold_diamond {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/gold_diamond_text.png)
}

.pop_box_wrapper.pop_high_star .pop_box_title .vip_title.black {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/common/vip_level_icon_new/black_diamond_text.png)
}

.pop_box_wrapper.pop_high_star .pop_box_title .vip_title.flight_member {
    width: 196px;
    height: 23px;
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/detail/title_flight_member.png)
}

.pop_box_wrapper.pop_high_star .pop_box_content {
    color: #333;
    font-size: 16px
}

.pop_box_wrapper.pop_high_star .pop_box_content span.orange {
    color: #ff7701
}

.pop_box_wrapper.pop_high_star .pop_box_content .boldtext {
    font-weight: 700
}

.pop_box_wrapper.pop_high_star .pop_btn_box.pop_bottom_btn {
    padding: 0 24px
}

.detail_summary .pro_det_inf .tag_blue,.detail_summary .pro_det_inf .tag_self {
    display: inline-block;
    color: #fff;
    margin-right: 6px;
    text-align: center;
    border-radius: 2px;
    width: 56px;
    height: 18px;
    background: -webkit-gradient(linear,left top,right top,from(#0086f6),to(#2698f7));
    background: linear-gradient(90deg,#0086f6 0,#2698f7 100%)
}

.detail_summary .pro_det_inf .hot_tag,.detail_summary .pro_det_inf .tag_blue,.detail_summary .pro_det_inf .tag_com,.detail_summary .pro_det_inf .tag_self {
    margin-bottom: 6px
}

.detail_summary .pro_det_inf .tag_blue {
    border: 1px solid #0086f6;
    color: #0086f6;
    background: 0 0;
    height: 16px;
    line-height: 16px
}

.detail_summary .pro_det_inf .service_guarantee .free_refund {
    color: #00b87a
}

.detail_summary .pro_det_inf .service_guarantee .free_refund img {
    color: #00b87a;
    height: 13px;
    position: relative;
    top: 2px;
    font-weight: 500;
    font-size: 13px;
    font-style: italic
}

.detail_summary .pro_det_inf .service_guarantee .free_refund img.error {
    top: 0
}

.detail_summary .pro_det_inf i {
    top: 1px
}

.detail_summary .pro_det_tags {
    margin-bottom: -6px
}

.coupon_box {
    position: relative;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #ffc898;
    color: #f70;
    height: 19px;
    margin: 0 0 5px;
    cursor: pointer
}

.coupon_box .coupon_item {
    float: left;
    font-size: 12px;
    font-weight: 400;
    height: 19px;
    line-height: 19px;
    padding: 0 5px;
    text-align: center
}

.coupon_box .coupon_item:last-of-type {
    border-left: solid 1px #ffc898;
    background-color: rgba(255,200,152,.1);
    font-weight: 700
}

.coupon_box .coupon_item:not(:last-of-type) {
    border-left: dashed 1px #ffc898
}

.coupon_box .coupon_item:first-of-type {
    border-left: none
}

.coupon_box.vip_label_platina {
    color: #157b9d;
    border-color: #157b9d
}

.coupon_box.vip_label_platina .coupon_item {
    border-color: #157b9d
}

.coupon_box.vip_label_platina .coupon_item:last-of-type {
    background-color: rgba(21,123,157,.1)
}

.coupon_box.vip_label_diamond {
    color: #393f8a;
    border-color: #393f8a
}

.coupon_box.vip_label_diamond .coupon_item {
    border-color: #393f8a
}

.coupon_box.vip_label_diamond .coupon_item:last-of-type {
    background-color: rgba(57,63,138,.1)
}

.coupon_box.vip_label_gold_diamond {
    color: #463896;
    background-color: #eeeaf7;
    border-color: #463896
}

.coupon_box.vip_label_gold_diamond .coupon_item {
    border-color: #463896
}

.coupon_box.vip_label_gold_diamond .coupon_item:last-of-type {
    background-color: rgba(70,56,150,.1);
    color: #463896
}

.coupon_box.vip_label_diamond_black {
    color: #343434;
    background: #ffefd5;
    border-color: #343434
}

.coupon_box.vip_label_diamond_black .coupon_item {
    border-color: #343434
}

.coupon_box.vip_label_diamond_black .coupon_item:last-of-type {
    background: -webkit-gradient(linear,left top,right top,from(#666),to(#333));
    background: linear-gradient(90deg,#666 0,#333 100%);
    color: #ffe9c4
}

.coupon_box.flight_member {
    color: #0086f6;
    background: #fff;
    border-color: #0086f6
}

.coupon_box.flight_member .coupon_item {
    border-color: #0086f6
}

.coupon_box.flight_member .coupon_item:last-of-type {
    background: #0086f6;
    color: #fff
}

.warning_info_box {
    background: #fff8f2;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    padding: 16px 36px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
}

.warning_info_box .icon_base {
    display: none;
    position: absolute;
    top: 18px;
    right: 16px
}

.warning_info_box .icon_arr_down,.warning_info_box .icon_arr_up {
    cursor: pointer
}

.warning_info_box .text_main {
    margin-top: 16px;
    position: relative
}

.warning_info_box .text_main .text_content {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.warning_info_box .text_main .text_content .text_content_title {
    font-weight: 700;
    color: #333;
    display: inline-block;
    margin-right: 2px
}

.warning_info_box .text_main .text_content .text_content_title_a {
    color: #f70
}

.warning_info_box .text_main .text_content .text_content_title_s {
    color: #f5190a
}

.warning_info_box .text_main .warning_info_box_icon {
    background-repeat: round;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 10px;
    position: absolute;
    top: 2px;
    left: -18px
}

.warning_info_box .text_main:first-of-type {
    margin-top: 0
}

.warning_info_box .text_main:nth-child(n+4) {
    display: none
}

.warning_info_box .title_main_a .warning_info_box_icon {
    color: #f70
}

.warning_info_box .title_main_s .warning_info_box_icon {
    color: #f5190a
}

.warning_info_s {
    background: #fef3f2
}

.warning_info_overtext .icon_arr_down {
    display: block!important
}

.warning_info_overtext .icon_arr_up {
    display: none!important
}

.warning_info_overtext_open .icon_arr_down {
    display: none!important
}

.warning_info_overtext_open .icon_arr_up {
    display: block!important
}

.warning_info_overtext_open .text_main {
    display: block!important
}

.warning_info_overtext_open .text_main .text_content {
    white-space: normal!important
}

.pop_toast {
    padding: 27px 38px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px 0 rgba(69,88,115,.2);
    box-shadow: 0 4px 16px 0 rgba(69,88,115,.2);
    display: inline-block;
    border-radius: 2px
}

.pop_toast_content {
    font-size: 0
}

.pop_toast_content span {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    font-weight: 700;
    vertical-align: middle
}

.pop_toast_content .icon_fail {
    width: 40px;
    height: 40px;
    font-size: 35px;
    vertical-align: middle;
    margin-right: 8px;
    color: #f5190a
}

.pop_toast_content .icon_suc {
    width: 40px;
    height: 40px;
    font-size: 35px;
    vertical-align: middle;
    margin-right: 8px;
    color: #00b87a
}

.pop_toast_content .icon_info {
    width: 40px;
    height: 40px;
    font-size: 35px;
    vertical-align: middle;
    margin-right: 8px;
    color: #0086f6
}

.pop_toast_content .icon_warn_toast {
    width: 40px;
    height: 40px;
    font-size: 35px;
    vertical-align: middle;
    margin-right: 8px;
    color: #f70
}

.SendPop,.switch_city {
    width: 400px
}

.SendPop .blueBorBtn:hover,.switch_city .blueBorBtn:hover {
    background: rgba(40,125,250,.1)
}

.switch_city_text {
    font-weight: 700
}

.overflow_x_hidden {
    overflow-x: hidden
}

.overflow_y_hidden {
    overflow-y: hidden
}

.overflow_hidden {
    overflow: hidden
}

#hp_container #root .popup-content {
    background: 0 0!important;
    padding: 0!important
}

#hp_container #root .popup-overlay {
    background: unset
}

#hp_container .header_wrap {
    padding-top: 10px
}

#hp_top_layer input,#hp_top_layer input:focus {
    background-color: unset;
    border-color: unset;
    border-style: unset;
    border-width: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.sidebar_fix {
    position: fixed;
    left: 50%;
    margin-left: 670px;
    bottom: 40px;
    z-index: 900
}

@media screen and (max-width: 1460px) {
    .sidebar_fix {
        left:auto;
        margin-left: auto;
        right: 0
    }
}

.detail_journey_box {
    background: #fff;
    padding: 0 24px;
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee
}

.detail_journey_title {
    font-size: 20px;
    color: #333;
    line-height: 26px;
    padding: 24px 0 16px;
    font-weight: 700
}

.detail_journey_table_box {
    width: 100%;
    table-layout: fixed
}

.detail_journey_table_th {
    background: #f6f8fa;
    font-size: 14px;
    color: #999;
    line-height: 18px
}

.detail_journey_table_box tr:nth-child(2) td {
    padding-top: 16px
}

.detail_journey_table_box th {
    padding: 18px 16px;
    text-align: left
}

.detail_journey_table_box td {
    padding: 8px 16px;
    text-align: left
}

.detail_journey_table_text {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    word-wrap: break-word
}

.journey_arr_down {
    margin-left: 4px
}

.journey_icon_dui {
    color: #4fb443
}

.detail_journey_table_btn {
    border: 1px solid #0086f6;
    border-radius: 2px;
    font-size: 14px;
    color: #0086f6;
    line-height: 18px;
    width: 136px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    cursor: pointer
}

.detail_journey_table_btn:hover {
    background-color: rgba(40,125,250,.1)
}

.detail_journey_table_span {
    padding-left: 60px;
    border-left: 1px solid #eee
}

.detail_journey_table_td {
    padding-left: 60px
}

.detail_journey_table_green {
    background: rgba(6,174,189,.1);
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    color: #00b87a;
    padding: 0 4px;
    margin-left: 4px
}

.detail_journey_table_drop {
    position: relative;
    background: #f6f8fa;
    padding: 24px;
    margin-top: -8px;
    margin-left: -16px
}

.detail_journey_table_field {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    margin-bottom: 16px
}

.detail_journey_table_more {
    text-align: right;
    color: #0086f6
}

.blue_arr_up {
    color: #0086f6
}

.detail_journey_table_more span {
    cursor: pointer
}

.detail_journey_input {
    outline: 0;
    width: 70%;
    line-height: 38px;
    height: 38px;
    color: #333;
    top: 1px;
    position: relative
}

.detail_journey_input_text {
    width: 70%;
    line-height: 40px;
    height: 40px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.detail_journey_input_box {
    border: 1px solid #ddd;
    width: 120px;
    height: 40px;
    position: relative;
    padding-left: 8px
}

.journey_input_down {
    position: absolute;
    right: 13px;
    top: 12px
}

.icon_hint_red {
    color: #f5190a
}

.journey_hint_red {
    color: #f5190a;
    font-size: 14px;
    line-height: 18px;
    margin-left: -16px
}

.journey_hint_red .icon_hint_red {
    margin-right: 8px;
    margin-top: -2px;
    font-size: 18px;
    width: 18px;
    height: 18px
}

.detail_journey_height {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new_journey_tab_bg {
    height: 54px!important
}

.new_journey_tab_bg .detail_journey_tab_right {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 18px;
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.detail_journey_tab_five .new_journey_tab_bg .detail_journey_tab_right {
    width: 160px
}

.detail_journey_tab_more {
    position: absolute;
    right: 18px;
    top: 40px;
    cursor: pointer
}

.detail_journey_tab_more .icon_base {
    font-size: 18px
}

.route_schedule_box {
    background: #fff
}

.route_schedule_box .icon_book_nodate {
    margin: 0
}

.route_schedule_box .detail_journey_title {
    padding-left: 24px
}

.detail_journey_tab_box {
    padding: 8px 16px 0;
    position: relative
}

.detail_journey_tab_width {
    width: 25%;
    float: left;
    margin-bottom: 16px
}

.detail_journey_tab_gray .detail_journey_tab {
    cursor: inherit
}

.detail_journey_tab_gray .detail_journey_tab .detail_journey_tab_left {
    color: #ccc
}

.detail_journey_tab_gray .detail_journey_tab .detail_journey_tab_right {
    color: #ccc
}

.detail_journey_tab_gray .detail_journey_tab:hover .detail_journey_tab_left {
    color: #ccc;
    border-right: 1px solid #eee
}

.detail_journey_tab_gray .detail_journey_tab:hover .detail_journey_tab_right {
    color: #ccc
}

.detail_journey_tab {
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 8px;
    height: 100%;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 52px
}

.detail_journey_tab:hover .detail_journey_tab_left {
    color: #0086f6;
    border-right: 1px solid rgba(40,125,250,.3)
}

.detail_journey_tab:hover .detail_journey_tab_right {
    color: #0086f6
}

.detail_journey_tab_left {
    float: left;
    width: 33px;
    text-align: center;
    font-size: 18px;
    color: #333;
    border-right: 1px solid #eee;
    font-weight: 700
}

.detail_journey_tab_right {
    float: left;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding: 0 8px 0 16px;
    overflow: hidden;
    margin: 8px 0
}

.detail_journey_tab_five .detail_journey_tab_width {
    width: 20%
}

.detail_journey_tab_width.cur .detail_journey_tab {
    background: #e6f3fe;
    border: 1px solid rgba(40,125,250,0)
}

.detail_journey_tab_width.cur .detail_journey_tab .detail_journey_tab_left {
    color: #0086f6;
    border-right: 1px solid rgba(40,125,250,.3)
}

.detail_journey_tab_width.cur .detail_journey_tab .detail_journey_tab_right {
    color: #0086f6
}

.detail_journey_tab_top {
    position: fixed;
    top: 0;
    z-index: 10;
    background: #fff;
    width: 1180px;
    -webkit-box-shadow: 0 7px 8px 0 rgba(69,88,115,.12);
    box-shadow: 0 7px 8px 0 rgba(69,88,115,.12);
    padding-top: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 24px
}

.detail_journey_tab_top.detail_journey_tab_box.detail_journey_tab_box_hasarrow {
    padding-right: 44px
}

.detail_journey_tab_notop {
    position: fixed;
    top: 0;
    z-index: 10;
    background: #fff;
    width: 1180px;
    padding-top: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.detail_journey_tab_notop.detail_journey_tab_box.detail_journey_tab_box_hasarrow {
    padding-right: 44px
}

.detail_journey_more {
    text-align: right;
    padding: 6px 8px 0 0;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px
}

.route_schedule_box {
    padding-bottom: 8px
}

.route_schedule_box .icon_book_nodate_font {
    font-weight: 700;
    margin-top: 10px;
    font-size: 16px
}

.route_schedule_box .icon_book_nodate_text {
    margin-top: 4px;
    font-size: 15px
}

.icon_book_nodate_pic {
    width: 180px;
    height: 180px
}

.route_schedule_table_box {
    padding: 8px 24px 0
}

.route_schedule_table {
    width: 100%;
    font-size: 14px
}

.route_schedule_table th {
    padding: 16px;
    background: #f6f8fa;
    border: 1px solid #eee;
    text-align: left;
    color: #999;
    border-right: 0
}

.route_schedule_table td {
    padding: 16px;
    border: 1px solid #eee;
    border-left: 0
}

.route_schedule_down_box {
    text-align: right;
    font-size: 14px;
    color: #0086f6;
    line-height: 22px;
    margin-top: 4px;
    cursor: pointer
}

.route_schedule_down_box span:hover {
    text-decoration: underline
}

.route_schedule_down {
    color: #0086f6;
    margin-left: 4px
}

.PhaseTwo_room_box {
    background: #fff;
    border-radius: 2px;
    padding: 24px;
    margin: 16px auto
}

.PhaseTwo_room_box .PhaseTwo_room_title {
    font-size: 18px;
    color: #333;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative
}

.PhaseTwo_room_box .PhaseTwo_room_title .common_title_extend {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px dotted #999;
    line-height: 20px
}

.cruise_desc {
    padding-bottom: 9px
}

.cruise_desc .cruise_name {
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px
}

.cruise_desc .get_more {
    cursor: pointer
}

.cruise_desc .desc_tag {
    margin-right: 10px
}

.cruise_desc .desc_tag:last-child {
    margin-right: 0
}

.cruise_introduction {
    padding-bottom: 24px
}

.cruise_introduction .cruise_intro_title {
    height: 55px;
    line-height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 91%;
    margin: 0 auto
}

.cruise_introduction .cruise_intro_title .cruise_name {
    font-size: 20px;
    font-weight: 600;
    -webkit-box-flex: 7;
    -moz-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}

.cruise_introduction .cruise_intro_title .cruise_ques {
    color: #29e;
    font-size: 13px;
    font-weight: 600;
    line-height: 55px;
    padding: 0 10px;
    cursor: pointer
}

.cruise_introduction .cruise_intro_title .cruise_ques :first-of-type {
    height: 14px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cruise_introduction .cruise_intro_title .cruise_ques :last-of-type {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.cruise_introduction .cruise_intro_title .cruise_ques i.icon_cruiseticket,.cruise_introduction .cruise_intro_title .cruise_ques i.icon_help {
    font-size: 16px;
    margin-right: 3px;
    height: 16px;
    width: 16px;
    top: -1px;
    color: #29e
}

.cruise_introduction .cruise_intro_title i.i_split {
    color: #29e;
    margin: 0 4px;
    line-height: 55px
}

.cruise_introduction .cruise_info_desc {
    width: 91%;
    margin: 6px auto 25px;
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999
}

.cruise_introduction .cruise_info_desc .get_more {
    cursor: pointer;
    color: #29e
}

.cruise_introduction .cru_info_tab {
    margin: 20px auto 16px;
    width: 95%
}

.cruise_introduction .cru_info_tab a {
    display: inline-block;
    padding: 10px 25px 0;
    height: 35px;
    font-size: 16px;
    color: #333;
    text-align: center
}

.cruise_introduction .cru_info_tab a:hover {
    color: #29e;
    text-decoration: none
}

.cruise_introduction .cru_info_tab a.current {
    position: relative;
    color: #29e;
    text-decoration: none
}

.cruise_introduction .cru_info_tab a.current i.i_caret {
    width: 0;
    height: 0;
    border-top: 5px solid #29e;
    border-bottom: 0 none;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    position: absolute;
    bottom: 0;
    left: 44%
}

.cruise_introduction .cru_info_slide {
    position: relative;
    height: 240px;
    padding: 0 25px 0 35px
}

.cruise_introduction .cru_info_slide .nav_next,.cruise_introduction .cru_info_slide .nav_prev {
    position: absolute;
    top: 56px;
    width: 15px;
    height: 50px;
    background-color: #eee
}

.cruise_introduction .cru_info_slide .nav_next i.i_caret,.cruise_introduction .cru_info_slide .nav_prev i.i_caret {
    width: 0;
    height: 0;
    border-top: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    position: absolute;
    top: 22px;
    left: 5px
}

.cruise_introduction .cru_info_slide .nav_prev {
    left: 20px
}

.cruise_introduction .cru_info_slide .nav_prev i.i_caret {
    border-right: 5px solid #999;
    border-left: 0 none
}

.cruise_introduction .cru_info_slide .nav_prev.disabled {
    cursor: default
}

.cruise_introduction .cru_info_slide .nav_prev.disabled i.i_caret {
    border-right: 5px solid #ddd;
    border-left: 0 none
}

.cruise_introduction .cru_info_slide .nav_next {
    right: 10px
}

.cruise_introduction .cru_info_slide .nav_next i.i_caret {
    border-left: 5px solid #999;
    border-right: 0 none
}

.cruise_introduction .cru_info_slide .nav_next.disabled {
    cursor: default
}

.cruise_introduction .cru_info_slide .nav_next.disabled i.i_caret {
    border-left: 5px solid #ddd;
    border-right: 0 none
}

.cruise_introduction .cru_info_slide .slide_list_box {
    position: relative;
    z-index: 1;
    height: 230px;
    overflow: hidden
}

.cruise_introduction .cru_info_slide .slide_list_box .slide_list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.cruise_introduction .cru_info_slide .slide_list_box .slide_list li.slide_list_item {
    float: left;
    margin: 0 1.5%;
    width: 22%
}

.cruise_introduction .cru_info_slide .slide_list_box .slide_list li.slide_list_item .slide_img {
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden
}

.cruise_introduction .cru_info_slide .slide_list_box .slide_list li.slide_list_item .slide_img img {
    width: 100%;
    height: 160px
}

.cruise_introduction .cru_info_slide .slide_list_box .slide_list li.slide_list_item .slide_title {
    font-size: 14px;
    padding: 5px 0;
    line-height: 24px;
    height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cruise_introduction .cru_info_slide .slide_list_box .slide_list li.slide_list_item .slide_text {
    height: 36px;
    line-height: 18px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.cruise_order_box {
    height: 74px;
    background: #fffcf6;
    margin-right: 4px;
    border: #ffd2b8 1px solid
}

.cruise_order_box .res_order_btn {
    display: block;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: none;
    margin-top: 0
}

.cruise_order_box .res_order_btn .detail_book_limit {
    float: left;
    margin-top: 24px;
    margin-left: 10px
}

.cruise_order_box .res_order_btn .res_btn {
    margin-top: 11px;
    margin-right: 10px
}

.cruise_order_box .res_order_btn .detail_book_price_btn {
    height: 48px;
    width: 120px;
    padding: 0;
    margin-top: 11px;
    margin-right: 10px;
    border-radius: 4px
}

.cruise_order_box .res_order_btn .detail_book_price_btn .detail_loading {
    margin-left: -12px;
    margin-top: -12px;
    padding: 0
}

.cruise_order_box .res_order_btn .res_price {
    margin-top: 22px
}

.cruise_order_box .res_order_btn .res_price .detail_price_content_box {
    top: 10px
}


.detail_description_tab {
    background: #fff;
    overflow: hidden;
    position: relative
}

.detail_description_tab span {
    margin: 0 24px;
    font-size: 14px;
    color: #333;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    line-height: 46px;
    border-bottom: 2px solid #fff
}

.detail_description_tab span.cur {
    color: #0086f6;
    border-bottom: 2px solid #0086f6
}

.detail_description_tab_width span:hover {
    color: #0086f6
}

.detail_description_tab_left {
    position: absolute;
    left: 0;
    background: #fff;
    border-radius: 0 2px 0 0;
    width: 32px;
    text-align: center;
    border-right: 1px solid #f6f8fa;
    line-height: 46px;
    cursor: pointer;
    padding-bottom: 2px
}

.detail_description_tab_right {
    position: absolute;
    right: 0;
    background: #fff;
    border-radius: 0 2px 0 0;
    width: 32px;
    text-align: center;
    border-left: 1px solid #f6f8fa;
    line-height: 46px;
    cursor: pointer;
    padding-bottom: 2px
}

.detail_description_tab_left .icon_arr_left,.detail_description_tab_right .icon_arr_right {
    color: #0086f6;
    font-size: 16px
}

.detail_description_tab_top {
    position: fixed;
    top: 0;
    width: 1180px;
    z-index: 9;
    -webkit-box-shadow: 0 4px 8px 0 rgba(69,88,115,.12);
    box-shadow: 0 4px 8px 0 rgba(69,88,115,.12)
}

.preload_detail {
    background-color: transparent
}

.calendar_warn_tips {
    background-color: #fffaf3;
    padding: 8px 16px
}

.calendar_warn_tips .calendar_warn_text {
    color: #f60;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0
}

.calendar_wrapper_width {
    width: 476px
}

.calendar_wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    padding-bottom: 16px;
    position: relative
}

.calendar_wrapper.calendar_loading .calendar_months {
    background: #f6f8fa
}

.calendar_wrapper.calendar_loading .date_box .date_list .date_num {
    color: #ccc
}

.calendar_wrapper.calendar_loading .date_box .date_list .date_item.weekend_text .date_num {
    color: #ccc
}

.calendar_wrapper.calendar_loading .date_box .date_list .date_item.hover,.calendar_wrapper.calendar_loading .date_box .date_list .date_item:hover {
    background: #fff
}

.calendar_wrapper.calendar_loading .date_box .date_list .date_item.hover .date_num,.calendar_wrapper.calendar_loading .date_box .date_list .date_item:hover .date_num {
    color: #ccc
}

.calendar_wrapper .calendar_mask {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.calendar_months {
    display: block;
    font-size: 0;
    height: 59px;
    text-align: center;
    position: relative
}

.calendar_months .contorl_month_btn {
    position: absolute;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #333
}

.calendar_months .contorl_month_btn:hover {
    color: #0086f6
}

.calendar_months .contorl_month_btn.disabled {
    color: #ccc;
    cursor: default
}

.calendar_months .contorl_month_pre {
    left: 8px
}

.calendar_months .contorl_month_next {
    right: 8px
}

.calendar_months .calendar_month {
    display: inline-block;
    width: 85px;
    padding-top: 12px;
    height: 47px;
    position: relative;
    text-align: center;
    cursor: pointer;
    vertical-align: middle
}

.calendar_months .calendar_month .month_num {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #333
}

.calendar_months .calendar_month .price {
    font-size: 14px;
    line-height: 18px;
    color: #999
}

.calendar_months .calendar_month.selected .month_num {
    color: #0086f6
}

.calendar_months .calendar_month.selected::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #0086f6
}

.calendar_months .calendar_month:hover .month_num {
    color: #0086f6
}

.week_box {
    padding: 0 2px
}

.week_box .week_list {
    font-size: 0;
    display: block;
    padding-top: 15px;
    padding-bottom: 8px
}

.week_box .week_list .week_item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
    width: 60px;
    text-align: center;
    margin-right: 8px;
    color: #666
}

.week_box .week_list .week_item:last-of-type {
    margin-right: 0
}

.week_box .week_list .week_item.weekend_text {
    color: #5678a8
}

.date_box {
    padding: 0 2px
}

.date_list {
    font-size: 0;
    margin-bottom: 4px
}

.date_list .popup-content {
    background: 0 0;
    padding: 0
}

.date_list .date_item {
    padding: 4px 0;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 79px;
    text-align: center;
    margin-right: 8px;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.date_list .date_item .icon_cal_alreadylines {
    font-size: 14px;
    color: #4fb443
}

.date_list .date_item .icon_common_info {
    font-size: 12px;
    color: #666
}

.date_list .date_item .icon_info {
    font-size: 12px;
    color: #666
}

.date_list .date_item .date_num {
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    position: relative;
    color: #333;
    padding-top: 16px;
    margin-bottom: 4px
}

.date_list .date_item .date_num .red_dot {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #f60;
    border-radius: 50%;
    top: 2px;
    right: 4px
}

.date_list .date_item .price_num {
    font-size: 12px;
    color: #333;
    line-height: 12px
}

.date_list .date_item .tips_box {
    font-size: 12px;
    line-height: 12px;
    color: #f5190a;
    margin-top: 8px
}

.date_list .date_item .tips_box_blue {
    font-size: 12px;
    line-height: 12px;
    color: #0086f6;
    margin-top: 8px
}

.date_list .date_item .tips_box_green {
    font-size: 12px;
    line-height: 12px;
    color: #4fb443;
    margin-top: 8px
}

.date_list .date_item.not_allowed {
    cursor: not-allowed
}

.date_list .date_item.weekend_text .date_num {
    color: #366ab3
}

.date_list .date_item:last-of-type {
    margin-right: 0
}

.date_list .date_item.hover,.date_list .date_item:hover {
    background: rgba(0,134,246,.2)
}

.date_list .date_item.hover .date_num,.date_list .date_item:hover .date_num {
    color: #fff
}

.date_list .date_item.hover .price_num,.date_list .date_item:hover .price_num {
    color: #fff
}

.date_list .date_item.hover .tips_box,.date_list .date_item:hover .tips_box {
    color: #fff
}

.date_list .date_item.hover .icon_cal_alreadylines,.date_list .date_item:hover .icon_cal_alreadylines {
    color: #fff
}

.date_list .date_item.hover .icon_common_info,.date_list .date_item:hover .icon_common_info {
    color: #fff
}

.date_list .date_item.hover .icon_info,.date_list .date_item.hover .tips_box_blue,.date_list .date_item.hover .tips_box_green,.date_list .date_item:hover .icon_info,.date_list .date_item:hover .tips_box_blue,.date_list .date_item:hover .tips_box_green {
    color: #fff
}

.date_list .date_item.disabled {
    background: #fff
}

.date_list .date_item.disabled .date_festival,.date_list .date_item.disabled .date_num,.date_list .date_item.disabled .price_num {
    color: #ccc
}

.date_list .date_item.disabled .tips_box {
    color: #f5190a
}

.date_list .date_item.disabled:hover .icon_cal_alreadylines {
    color: #4fb443
}

.date_list .date_item.disabled:hover .icon_info {
    color: #666
}

.date_list .date_item.disabled:hover .tips_box_blue {
    color: #0086f6
}

.date_list .date_item.disabled:hover .tips_box_green {
    color: #4fb443
}

.date_list .date_item.disabled:hover .date_festival {
    color: #ccc
}

.date_list .date_item.disabled:hover .icon_common_info {
    color: #666
}

.date_list .date_item.disabled.norest:hover .date_festival {
    color: #ccc
}

.date_list .date_item.disabled.norest .date_festival {
    color: #ccc
}

.date_list .date_item.disabled.selected:hover {
    background-color: #0086f6
}

.date_list .date_item.disabled.selected:hover .tips_box_blue {
    color: #fff
}

.date_list .date_item.selected {
    background: #0086f6
}

.date_list .date_item.selected .date_num {
    color: #fff
}

.date_list .date_item.selected .price_num {
    color: #fff
}

.date_list .date_item.selected .tips_box {
    color: #fff
}

.date_list .date_item.selected .date_festival,.date_list .date_item.selected .date_num,.date_list .date_item.selected .price_num,.date_list .date_item.selected .tips_box,.date_list .date_item.selected .tips_box_blue,.date_list .date_item.selected .tips_box_green {
    color: #fff
}

.date_list .date_item.norest .date_festival {
    color: #333
}

.date_list .date_item.norest.selected .date_festival {
    color: #fff
}

.date_list .date_item.norest:hover .date_festival {
    color: #fff
}

.date_list .date_item.lowest_price .price_num {
    color: #f5190a
}

.calendar_hover_pop {
    position: absolute;
    z-index: 8;
    width: 428px;
    right: 0;
    top: 80px
}

.calendar_hover_pop .route_item {
    margin-bottom: 16px;
    text-align: left
}

.calendar_hover_pop .route_item:last-of-type {
    margin-bottom: 0
}

.calendar_hover_pop .route_item .route_title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px
}

.calendar_hover_pop .route_item .route_info {
    font-size: 14px;
    line-height: 18px;
    color: #666
}

.calendar_hover_pop .PhaseTwo_route_Title {
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px
}

.calendar_hover_pop .PhaseTwo_route_Title .PhaseTwo_route_tip {
    font-size: 12px;
    color: #f60;
    line-height: 18px;
    background: rgba(255,111,0,.1);
    border-radius: 1px;
    padding: 0 4px;
    display: inline-block
}

.calendar_hover_pop .PhaseTwo_route_Text {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: left;
    margin-bottom: 6px
}

.calendar_legend_list {
    padding-top: 12px;
    padding-left: 16px
}

.calendar_legend_list .calendar_legend_item {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    margin-bottom: 8px;
    padding-left: 13px;
    position: relative
}

.calendar_legend_list .calendar_legend_item:last-of-type {
    margin-bottom: 0
}

.calendar_legend_list .calendar_legend_item .red_dot {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #f60;
    border-radius: 50%;
    left: 0;
    top: 6px
}

.calendar_legend_list .calendar_legend_item .less_remittance {
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 12px;
    color: #f5190a
}

.calendar_legend_list .calendar_legend_item .icon_cal_alreadylines {
    position: absolute;
    left: -5px;
    top: 0;
    color: #4fb443;
    font-size: 12px
}

.calendar_legend_list .calendar_legend_item .icon_common_info {
    position: absolute;
    color: #666;
    font-size: 12px;
    left: -5px;
    top: 2px
}

.calendar_months_box {
    width: 425px;
    margin: auto;
    overflow: hidden
}

.calendar_months_content {
    white-space: nowrap;
    -webkit-transition: all .33s;
    transition: all .33s
}

@-webkit-keyframes forward_loading {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes forward_loading {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.detail_loading {
    position: absolute;
    width: 24px;
    height: 24px;
    border: none;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    -webkit-animation: forward_loading 1.2s linear infinite;
    animation: forward_loading 1.2s linear infinite
}

.loading_animation {
    -webkit-animation: forward_loading 1.2s linear infinite;
    animation: forward_loading 1.2s linear infinite
}

.sidebar_items .sidebar_btn>li,.sidebar_items>h4 {
    background: #fff;
    border-radius: 2px;
    height: 50px;
    width: 58px;
    border: #f6f8fa 1px solid;
    margin: 6px 0;
    padding-top: 4px;
    position: relative
}

.sidebar_items .sidebar_btn>li .qipao_num,.sidebar_items>h4 .qipao_num {
    background: #f5190a;
    border-radius: 14px;
    border: 1px solid #fff;
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    position: absolute;
    top: 4px;
    right: 4px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    font-family: "PingFang SC"
}

.sidebar_items .sidebar_btn>li>em,.sidebar_items .sidebar_btn>li>span,.sidebar_items>h4>em,.sidebar_items>h4>span {
    text-align: center;
    display: block;
    white-space: nowrap;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
}

.sidebar_items .sidebar_btn>li>.icon_sidebar,.sidebar_items>h4>.icon_sidebar {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    display: block;
    margin: 0 auto;
    color: #666;
    font-size: 32px
}

.sidebar_items .sidebar_btn>li.cur:hover>.icon_sidebar,.sidebar_items .sidebar_btn>li.cur:hover>em,.sidebar_items .sidebar_btn>li.cur:hover>span,.sidebar_items .sidebar_btn>li.cur>.icon_sidebar,.sidebar_items .sidebar_btn>li.cur>em,.sidebar_items .sidebar_btn>li.cur>span,.sidebar_items .sidebar_btn>li:hover>.icon_sidebar,.sidebar_items .sidebar_btn>li:hover>em,.sidebar_items .sidebar_btn>li:hover>span,.sidebar_items>h4.cur:hover>.icon_sidebar,.sidebar_items>h4.cur:hover>em,.sidebar_items>h4.cur:hover>span,.sidebar_items>h4.cur>.icon_sidebar,.sidebar_items>h4.cur>em,.sidebar_items>h4.cur>span,.sidebar_items>h4:hover>.icon_sidebar,.sidebar_items>h4:hover>em,.sidebar_items>h4:hover>span {
    color: #0086f6
}

.sidebar_items .sidebar_btn>li.switches span,.sidebar_items>h4.switches span {
    display: none
}

.sidebar_items .sidebar_btn>li.switches.cur>em,.sidebar_items .sidebar_btn>li.switches:hover>em,.sidebar_items>h4.switches.cur>em,.sidebar_items>h4.switches:hover>em {
    display: none
}

.sidebar_items .sidebar_btn>li.switches.cur>span,.sidebar_items .sidebar_btn>li.switches:hover>span,.sidebar_items>h4.switches.cur>span,.sidebar_items>h4.switches:hover>span {
    display: block
}

body {
    color: #222;
    font-family: 'microsoft yahei',Arial,sans-serif
}

#base_bd {
    margin-top: 0
}

.bg_miancolor {
    padding-top: 0;
    background-color: #f6f8fa;
    font-family: 'microsoft yahei',Arial,sans-serif;
    font-size: 14px
}

.bg_miancolor:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.crumbs {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-size: 12px
}

.crumbs span:hover {
    cursor: pointer
}

a {
    color: #0086f6
}

.header_wrap {
    background: #fff;
    font-size: 12px
}

.header_inner {
    width: 1180px;
    padding-bottom: 20px;
    margin: 0 auto
}

.detail_wrap {
    width: 1180px;
    margin: 0 auto;
    padding-top: 10px;
    position: relative
}

.detail_header {
    position: relative;
    height: 560px;
}

.detail_header:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.detail_summary {
    display: inline;
    position: relative
}

.detail_summary {
    width: 100%;
    padding-right: 10px;
    margin-right: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    scrollbar-face-color:#ddd;scrollbar-highlight-color:#ddd;scrollbar-shadow-color:#fff;scrollbar-3dlight-color: #fff;
    scrollbar-arrow-color:#fff;scrollbar-track-color:#f8f8f8;scrollbar-darkshadow-color: #f8f8f8
}

.detail_summary::-webkit-scrollbar {
    width: 5px
}

.detail_summary::-webkit-scrollbar-thumb {
    background: #ddd
}

.detail_summary::-webkit-scrollbar-track-piece {
    background-color: #f8f8f8
}

.color_blue1 {
    color: #0086f6
}

.detail_calendar {
    float: right;
    width: 480px;
    position: relative
}

.coupon_list .r_arr i,.price_box .price_sale .coup_after,.price_box .price_sale .coup_before,.service_guarantee i {
    background-image: url(//static.tripcdn.com/modules/vacation/vacationpic/online/tourpic/group_travel/detail/pro_inf.png?v=20200630);
    background-repeat: no-repeat
}

.video_box .img_tit {
    background: url(//pic.c-ctrip.com/VacationOnlinePic/vacation_v2/detail/img_tit_bg.png);
    background-repeat: repeat-x
}

.hot_tag,.tag_com {
    background: rgba(255,255,255,.3);
    border-radius: 2px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    padding: 0 4px;
    line-height: 16px
}

.hot_tag {
    border: 1px solid #ffc5c5;
    color: #ff4646
}

.tag_com {
    border: 1px solid #cfcfcf;
    color: #666
}

.detail_summary h1 {
    color: #000;
    font: 20px/28px 'microsoft yahei',Arial,sans-serif;
    overflow: hidden;
    margin-bottom: 4px
}

.detail_title_subhead {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px
}

.main_price_box {
    background: #fef9ee;
    padding: 8px 15px 4px 15px
}

.main_price_box dl {
    min-height: 18px;
    padding: 0 0 5px 70px;
    overflow: hidden
}

.main_price_box dt {
    color: #999;
    font-weight: 400;
    float: left;
    margin-left: -70px
}

.integral_box {
    min-height: 18px;
    padding: 0 0 5px 70px;
    overflow: hidden
}

.integral_title {
    color: #999;
    font-weight: 400;
    float: left;
    margin-left: -70px
}

.integral_content {
    position: relative;
    line-height: 18px
}

.integral_more {
    font-size: 12px;
    color: #222;
    margin-left: 10px;
    border-bottom: 1px dashed #666
}

.integral_more:hover {
    text-decoration: none
}

.integral_text {
    display: inline-block
}

.coupon_list {
    padding-right: 200px;
    position: relative
}

.coupon_list .coupon_wrp {
    padding-left: 62px;
    padding-bottom: 2px
}

.coupon_list .coupon_wrp em {
    margin-left: -62px;
    float: left
}

.no_login_b {
    color: #999
}

.no_login_b a {
    cursor: pointer;
    color: #0086f6
}

.coupon_list .r_arr {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    cursor: pointer
}

.coupon_list .r_arr i {
    width: 12px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.coupon_list .r_arr i.arr_down_ctrip {
    background-position: 0 0
}

.coupon_list .r_arr i.arr_up_ctrip {
    background-position: 0 -17px
}

.pro_score {
    color: #222;
    display: inline
}

.pro_score span {
    margin-right: 8px
}

.pro_score .l_tit {
    color: #999;
    padding-left: 15px
}

.pro_score .score_inf .score_s {
    color: #0086f6;
    border-bottom: 1px solid #0086f6
}

.pro_score .score_inf .score_s:hover {
    cursor: pointer;
    border-bottom: 1px dotted #0086f6
}

.pro_score .score_inf .score_dp:hover {
    border-bottom: 1px dotted #333
}

.price_box .total_price {
    line-height: 20px
}

.pro_score .score_inf span em {
    font-size: 20px
}

.pro_score .score_inf,.pro_score .vbk_info {
    display: inline-block;
    line-height: 30px
}

.pro_score .vbk_info .base_tip {
    padding-right: 0;
    border-bottom: 1px dotted #333;
    cursor: pointer
}

.price_box .price_sale {
    float: right;
    position: relative;
    margin-top: 5px
}

.price_box .price_sale span {
    float: left;
    height: 18px;
    border: 1px solid #ff9913;
    padding: 0 5px
}

.price_box .price_sale .sale_tag1 {
    background: #ff9913;
    border-radius: 2px 0 0 2px;
    color: #fff
}

.price_box .price_sale .sale_tag2 {
    background: #fff;
    border-radius: 0 2px 2px 0;
    border-color: #ffe2bd;
    color: #ff9913
}

.jian {
    background: url(//pic.c-ctrip.com/VacationOnlinePic/vacation_v2/searchresult/right.png) no-repeat;
    display: inline-block;
    background-position: 0 0;
    width: 4px;
    height: 8px;
    margin-left: 2px
}

.price_box .price_sale .sale_tag1:hover,.price_box .price_sale .sale_tag2:hover {
    cursor: pointer
}

.price_box .price_sale .coup_after,.price_box .price_sale .coup_before {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -3px
}

.price_box .price_sale .coup_before {
    width: 6px;
    height: 6px;
    background-position: -2px -93px;
    left: 0
}

.price_box .price_sale .coup_after {
    width: 6px;
    height: 6px;
    background-position: 1px -104px;
    right: -1px
}

.price_sale {
    z-index: 1
}

.price_box .total_price {
    color: #666;
    padding-right: 15px
}

.price_box .total_price em {
    font-size: 28px
}

.price_box .total_price dfn,.price_box .total_price em {
    color: #f70
}

.price_box .price_explain {
    border-bottom: dashed 1px #999;
    line-height: 12px;
    display: inline-block;
    margin-right: 30px
}

.price_box .price_explain:hover {
    cursor: pointer
}

.pro_img_box .img_main img {
    display: block
}

.pro_img_box {
    padding-right: 140px;
    margin: 10px 0px;
    overflow: hidden;
    zoom:1;
    display: flex; 
    gap:10px;
}

.pro_img_box .img_main {
    position: relative;
    display: flex;
    gap:10px;
}

.pro_img_box .img_main .video_box {
    width: 400px;
    height: 200px
}

.pro_img_box .img_main a {
    position: relative;
    display: block
}

.pro_img_box .img_main .video_btn {
    background-image: url(//pic.c-ctrip.com/VacationOnlinePic/vacation_v2/searchresult/play.png);
    background-repeat: no-repeat;
    width: 54px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -25px;
    display: inline-block;
    background-position: 0 0
}

.pro_img_box .img_main .c_img img,.pro_img_box .img_main .video_box img {
    width: 100%;
    height: 200px
}

.pro_img_box .img_main .video_box img {
    width: 400px
}

.pro_img_box .img_main .c_img img {
    width: 200px
}

.video_box .img_tit .tourist_loc {
    float: right;
    padding: 0 10px;
    margin-top: 42px
}

.video_box .img_tit {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 0;
    background-position: 0 0;
    height: 54px;
    width: 100%
}

.video_box .img_tit .tit_txt {
    padding: 0 35px 0 10px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin-top: 25px
}

.pro_img_box .img_main .c_img {
    width: 200px;
    text-align: center
}

.pro_img_box .img_col {
    float: right;
    width: 140px;
}

.pro_img_box .img_col img {
    width: 140px;
    height: 95px;
    display: block
}

.pro_img_box .img_col li {
    position: relative
}

.pro_img_box .img_col a {
    position: relative;
    display: block;
    height: 95px
}

.pro_img_box .img_col li span {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    width: 100%;
    margin-top: -18px
}

.pro_img_box .img_col .img_bg {
    background: #000;
    opacity: .3;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.pro_img_box .img_col a:hover .img_bg {
    opacity: .5
}

.pro_det_inf {
    margin-top: -6px
}

.pro_det_inf dl {
    overflow: hidden;
    zoom:1;padding: 0 0 5px 90px
}

.pro_det_inf dt {
    margin-left: -90px;
    width: 58px;
    color: #999;
    float: left
}

.service_guarantee span {
    margin-right: 15px
}

.service_guarantee i {
    width: 15px;
    height: 15px;
    background-position: 0 -58px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    position: relative;
    top: -1px
}

.service_guarantee i.gray_icon {
    background-position: -13px 0;
    background-size: 25px
}

.del_phone_box {
    font-size: 12px;
    color: #999;
    margin-top: 2px
}

.del_phone {
    vertical-align: middle;
    background-image: url(//pic.c-ctrip.com/VacationOnlinePic/vacation_v2/searchresult/del_phone.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    background-position: 0 0;
    display: inline-block;
    margin-top: -2px;
    margin-right: 2px
}

.del_time {
    background-image: url(//pic.c-ctrip.com/VacationOnlinePic/vacation_v2/searchresult/del_time.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    background-position: 0 0;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px
}

.between_text {
    font-size: 18px;
    color: #a8c1d0;
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    line-height: 18px;
    width: 100%;
    margin-top: -9px
}

.po_box {
    position: relative
}

.ctrip_icon_gray {
    font-size: 12px;
    color: #999;
    margin-left: 2px
}

.credentials_content {
    padding: 15px
}

.credentials_content_title {
    margin-bottom: 8px
}

.credentials_content_blue {
    font-size: 12px;
    color: #0086f6!important;
    margin-left: 8px
}

.credentials_content_blue i {
    background-image: url(//pic.c-ctrip.com/VacationH5Pic/group_travel/index/papers.png);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 0 0;
    height: 14px;
    width: 18px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: -2px
}

.product_ad {
    margin-top: 20px
}

.product_ad img {
    display: block;
    width: 100%
}

.res_order {
    background: #fffcf6;
    border: #ffd2b8 1px solid;
    padding: 15px 20px;
    font-size: 12px;
    position: relative
}

.res_order.no_bottom_border {
    border-bottom: none
}

.res_order_btn {
    float: right;
    display: inline;
    margin-top: 13px
}

.res_order_btn .detail_book_limit {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    margin-bottom: 5px;
    margin-top: -15px;
    height: 21px
}

.res_order_btn .detail_book_limit .detail_book_limit_cont {
    float: right;
    cursor: pointer
}

.res_order_btn .detail_book_limit .detail_book_limit_text {
    border-radius: 0 0;
    border-bottom: 1px dotted #999
}

.res_order_btn .detail_book_limit .detail_book_hint_icon {
    margin-right: 4px
}

.res_chose:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.res_chose li {
    float: left;
    display: inline;
    margin-right: 16px;
    line-height: 20px;
    position: relative;
    max-width: 154px
}

.res_chose .input_box input {
    height: 40px;
    line-height: 40px
}

.input_per .b1 {
    top: 24px
}

.input_per .b2 {
    top: 17px
}

.input_per .sub_list {
    top: 48px
}

.res_chose .input_box {
    vertical-align: middle;
    float: left;
    display: inline;
    margin-left: 0
}

.res_chose .input_rou input {
    width: 127px
}

.res_chose .input_star input {
    line-height: 20px
}

.res_chose .input_rou.err input {
    background-color: #fff7d9!important;
    border-color: #f5190a!important
}

.input_box.input_rou .b {
    top: 22px
}

.input_box.input_rou .b1 {
    top: 22px
}

.input_box.input_rou .b2 {
    top: 20px
}

.input_rou .sub_list {
    top: 48px
}

.res_order_fixed .input_per .sub_list,.res_order_fixed .input_rou .sub_list {
    top: auto;
    bottom: 48px
}

.res_order_fixed .input_box .b {
    border-top: 0 none;
    border-bottom: 5px solid #999;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.res_order_fixed .input_box.animation .b {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.input_star {
    padding: 3px 18px 3px 10px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    width: 124px;
    background: #fff;
    border: solid 1px #ececec
}

.input_star.cur {
    background-color: #f1f9ff;
    border-color: #5d9de5 #67a1e2 #67a1e2 #5d9de5;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #d0dee6 inset;
    box-shadow: 1px 1px 3px #d0dee6 inset
}

.input_star.err {
    background-color: #fff7d9!important;
    border-color: #f5190a!important
}

.input_star .b {
    top: 22px
}

.res_chose .lab {
    font-size: 14px;
    float: left;
    display: block;
    height: 20px;
    margin-bottom: 6px;
    color: #333
}

.end_cal,.sta_cal {
    color: #999;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sta_cal {
    color: #222;
    font-size: 14px
}

.kid_tip_wrapper {
    float: left;
    display: inline;
    width: 100%;
    padding-top: 13px;
    margin-right: -27px
}

.kid_tip_wrapper .kid_tip {
    margin: 0
}

.kid_tip {
    width: 100px;
    line-height: 16px;
    color: #999;
    margin: 0 0 0 5px
}

.kid_tip .base_tip {
    border-bottom-color: #999
}

.res_btn {
    background: #f70;
    border-radius: 4px;
    line-height: 48px;
    height: 48px;
    width: 120px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    float: right;
    margin-left: 10px;
    cursor: pointer
}

.res_btn:hover {
    background: #d96500;
    text-decoration: none
}

.btn_gray,.btn_gray:hover {
    background: #ccc
}

.res_price {
    float: right;
    line-height: 24px;
    cursor: pointer
}

.res_price .i_fee {
    margin: 0 0 0 3px
}

.res_price p {
    text-align: right;
    margin-top: 1px
}

.detail_price_item_tip p {
    text-align: left
}

.res_price dfn {
    font-size: 12px;
    margin: 0 2px
}

.res_price b {
    display: inline-block;
    font-weight: 400;
    color: #f70;
    border: #ffdcbf 1px solid;
    border-radius: 2px;
    line-height: 16px;
    padding: 0 2px;
    vertical-align: top
}

.res_price s {
    color: #666
}

.res_fee {
    font-size: 24px;
    color: #f60
}

.res_order_fixed {
    position: fixed;
    bottom: 0;
    width: 1138px;
    z-index: 899;
    -webkit-box-shadow: 0 -2px 8px 0 rgba(34,34,34,.1);
    box-shadow: 0 -2px 8px 0 rgba(34,34,34,.1)
}

.qipao_tip {
    position: absolute;
    top: -55px;
    left: 0;
    background: #fff;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0 3px 6px 0 #e5e5e5;
    box-shadow: 0 3px 6px 0 #e5e5e5;
    width: 344px;
    z-index: 1
}

.qipao_tip .b,.qipao_tip .b1,.qipao_tip .b2 {
    height: 0;
    width: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute
}

.qipao_tip .b {
    border-top: 5px solid #fff;
    border-bottom: 0 none;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    left: 30px;
    bottom: -5px
}

.qipao_tip .b1 {
    border-bottom: 5px solid #fff;
    border-top: 0 none;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    right: 32px;
    top: -5px;
    z-index: 2
}

.qipao_tip .b2 {
    border-bottom: 7px solid #ececec;
    border-top: 0 none;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    right: 30px;
    top: -7px
}

.qipao_bd {
    padding: 8px 20px 8px 25px;
    color: #ff4646;
    position: relative
}

.qipao_bd .i_ired {
    float: left;
    margin: 4px 0 0 -15px;
    margin-right: 0;
    height: 12px;
    width: 12px
}

.qipao_bd .close {
    background-image: url(//pic.c-ctrip.com/VacationOnlinePic/vacation_v2/detail/revision_ico_logo.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    top: 10px;
    height: 18px;
    width: 18px;
    overflow: hidden;
    background-position: 0 -35px
}

.qipao_bd .gray_tips {
    font-size: 12px;
    color: #aaa;
    text-align: left;
    line-height: 16px
}

.base_tip_box {
    margin-bottom: 10px;
    line-height: 16px;
    margin-top: 4px;
    color: #666
}

.base_tip {
    border-bottom: dashed 1px #222
}

.base_tip:hover {
    cursor: pointer
}

.base_tip.noline {
    border-bottom: none
}

.detail_tab_list:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.detail_tab_list li {
    float: left;
    display: inline
}

.detail_tab_list a {
    display: block;
    font-size: 18px;
    color: #222;
    padding: 18px 18px;
    line-height: 18px;
    border-bottom: transparent 4px solid;
    text-decoration: none
}

.detail_tab_list .cur {
    color: #0086f6;
    border-bottom-color: #0086f6
}

.detail_tab_list li:hover a {
    color: #0086f6
}

.detail_loading {
    margin: 0 auto;
    text-align: center;
    font: 18px 'microsoft yahei',Arial,sans-serif;
    vertical-align: middle;
    padding: 20px 0
}

.detail_loading strong {
    font-weight: 400
}

.detail_loading img {
    vertical-align: middle;
    margin-right: 10px
}

.detail_topprd_info {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    padding: 0 0 10px;
    text-align: right;
    position: absolute;
    right: 0;
    top: -34px
}

.detail_topprd_info .prd_num {
    float: right;
    padding-right: 30px
}

.detail_topprd_info .from_city {
    position: relative;
    float: right;
    color: #0086f6;
    cursor: pointer
}

.detail_topprd_info .from_city b {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    border-top: 4px solid #0086f6;
    border-bottom: 0 none;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    margin-left: 4px;
    margin-top: -3px
}

.detail_topprd_info .from_city b.clicked {
    border-top: 0 none;
    border-bottom: 4px solid #0086f6
}

.detail_topprd_info .line_spread b {
    border-bottom: 4px solid #0086f6;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-top: 0 none
}

.detail_topprd_info .from_city_list {
    position: absolute;
    width: 290px;
    right: 0;
    top: 20px;
    background: #fff;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0 4px 10px 0 #eee;
    box-shadow: 0 4px 10px 0 #eee;
    z-index: 9
}

.detail_topprd_info .from_city_list a {
    float: left;
    width: 50%;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-align: left
}

.detail_topprd_info .from_city_list a:hover {
    background: #edf8fe;
    text-decoration: none
}

.detail_topprd_info .from_city_list .city_price {
    padding-left: 80px;
    padding-right: 5px;
    color: #f70
}

.detail_topprd_info .from_city_list .city_price em {
    float: left;
    display: block;
    width: 60px;
    margin-left: -70px;
    color: #222;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail_topprd_info .from_city_list .city_price dfn {
    padding-right: 3px
}

@media(max-width: 1628px) {
    .\[\@media\(max-width\:1628px\)\]\:right-0 {
        right:0
    }
}

@media(min-width: 1628px) {
    .\[\@media\(min-width\:1628px\)\]\:left-1\/2 {
        left:50%
    }

    .\[\@media\(min-width\:1628px\)\]\:ml-\[670px\] {
        margin-left: 670px
    }
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.fixed {
    position: fixed
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.h-\[84px\] {
    height: 84px
}

.w-\[84px\] {
    width: 84px
}

.bottom-20 {
    bottom: 5rem
}

.h-\[92px\] {
    height: 92px
}

.w-\[92px\] {
    width: 92px
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.items-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gap-4 {
    gap: 1rem
}