@charset "utf-8"; /* * last-edit-date: 2020-06-04 */ /* reset */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, em, button { margin: 0; padding: 0; } body { font: 12px/1.5 "Microsoft yahei", arial, Simsun, sans-serif; color: #333; background-color: #fff; } img, fieldset { border: none; vertical-align: middle; } input, textarea { font-size: 12px; } input[disabled] { color: #ccc !important; } table { border-collapse: collapse; } a { color: #3983e5; text-decoration: none; } h1, h2, h3, h4, h5 { font-family: "Times New Roman", Simsun; } ul, ol { list-style: none; } input[type="button"], input[type="submit"] { -webkit-appearance: none; } input[type="text"] { border-radius: 0; } .hide { display: none; } .iefix-bg { position: absolute; height: 33px; bottom: 0; width: 100%; background: #000 \9; filter: alpha(opacity=40) \9; opacity: 0.4 \9; z-index: 1 \9; } /*IE6/7/8 alpha bugfix */ :root .iefix-bg { display: none \9; } /*IE9 alpha bugfix */ .mr20 { margin-right: 20px; } .mb10 { margin-bottom: 10px; } .ml5 { margin-left: 5px; } /* baseStyle */ .inputSel { color: #999 !important; } .link_hhtravel { display: inline-block; margin-bottom: -7px; vertical-align: middle; text-align: center; width: 69px; height: 24px; line-height: 24px; color: #333; background: #fff; border: 1px solid #f0f0f0; border-radius: 4px; } /* price */ .price { position: relative; float: right; font: 22px/1.5 tahoma; color: #f60; } .no-price { font: 14px/33px "Microsoft yahei"; } .price dfn { vertical-align: 7px; font: 12px/1.5 arial; color: #666; } .price .price_info { margin-left: 3px; vertical-align: 2px; font: 12px/1.5 "Microsoft yahei"; color: #666; } .price del { margin-right: 5px; font: 12px/1.5 arial; color: #adadad; text-decoration: line-through; } /* button */ .button { display: inline-block; width: 98px; height: 25px; line-height: 25px; border: 1px solid #000; text-align: center; border-radius: 3px; font-size: 14px; font-weight: bold; text-decoration: none; } .button:hover { text-decoration: none; } .button-positive { background-color: #29f; border-color: #07d; color: #fff; } .button-yellow { background-color: #ffb000; color: #fff; border: none; } .button-yellow:hover { background-color: #f7ab01; } /* tag */ .tag_dark, .tag_orange, .tag_red_empty, .tag_orange_empty, .tag_yellow_empty, .tag_blue_empty { display: inline-block; vertical-align: middle; padding: 1px 3px; font: 12px/14px simsun; text-align: center; *zoom: 1; } .tag_dark { color: #fff; background: #000; background: rgba(0, 0, 0, .6); filter: alpha(opacity=60) \9; } .tag_orange { color: #ffecb2; background: #f60; } .tag_orange .tag_inner_num { display: inline-block; margin-right: 1px; vertical-align: bottom; font-family: tahoma; } .tag_red_empty { border: 1px solid red; color: red; background: #fff; } .tag_orange_empty { border: 1px solid #f60; color: #f60; background: #fff; } .tag_yellow_empty { border: 1px solid #d18f00; color: #d18f00; background: #fff; } .tag_blue_empty { border: 1px solid #0b9fdf; color: #0b9fdf; background: #fff; } .tag_tmh { display: inline-block; width: 41px; height: 41px; background: url(//pic.c-ctrip.com/platform/online/home/un_sprite_tag.png) 0 0 no-repeat; color: #fff; text-align: center; line-height: 1.8; } .tag-sale-hotel { display: inline-block; width: 32px; height: 35px; background: url(//pic.c-ctrip.com/platform/online/home/tag-sale.png) 0 0 no-repeat; } .tag-wrap{ position: absolute; left: 0; top: 0; background:rgba(0,0,0,.4); border-radius: 3px 0 10px 0.5px; } .tag_saleNum, .tag_proNum, .tag_catory, .tag_start{ display: inline-block; *display:inline; height: 20px; line-height: 20px; padding:0 11px 0 6px; color:#fff; } .tag_saleNum, .tag_catory{ background: #FF6913; border-radius: 0 0 10px 0; } .tag_catory.idiytour{ background: #4BA3FF } .tag_catory.grouptravel{ background: #FF7069; } /* un_index */ .diamond01, .diamond02, .diamond03, .diamond04, .diamond05, .diamond06, .diamond01_half, .diamond01_half, .diamond02_half, .diamond03_half, .diamond04_half, .diamond05_half, .diamond06_half, .star01, .star02, .star03, .star04, .star05, .hotel_goldmedal, .hotel_silvermedal, .hotel_bluemedal, .hotel_strategymedal, .i_index_filter, .icon_hot, .i_index_prev, .i_index_next, .i_index_up, .i_index_down, .icon-check-white, .icon-plus, .icon-ash, .s_add_voyage i, .s_item_del, .icon-single, .icon-round, .icon-edit, .icon-point, .icon-go, .watermark-gg, .icon-exchange, .icon-exchangein, .icon-close,.icon-direct,.icon-scenic,.icon-food,.icon-error{ display: inline-block; overflow: hidden; vertical-align: middle; background: url(//pic.c-ctrip.com/platform/online/home/un_index_20180209.png) no-repeat; *zoom: 1; } .watermark-gg { width: 40px; height: 15px; background-position: 0 -149px; } .icon-go { width: 33px; height: 15px; background-position: 0 -129px; } .icon-go:hover { background-position: -38px -129px; } .i_index_filter { width: 10px; height: 10px; background-position: -48px -32px; margin-left: 5px; } .icon_hot { width: 11px; height: 11px; background-position: -16px -32px; } .i_index_prev, .i_index_next { width: 6px; height: 11px; vertical-align: -1px; } .i_index_prev { background-position: 0 -32px; } .i_index_next { background-position: -6px -32px; } .i_index_up, .i_index_down { width: 40px; height: 20px; display: inline-block; background-position: -40px -48px; } .i_index_down.i_index_up { background-position: -1px -48px; } .icon-check-white { width: 9px; height: 9px; background-position: 0 -97px; margin-left: 5px; } .icon-plus { width: 9px; height: 9px; background-position: -14px -97px; margin-left: 5px; } .icon-ash { width: 10px; height: 11px; background-position: -77px -96px; } .icon-single { width: 12px; height: 3px; background-position: -1px -116px; } .icon-round { width: 12px; height: 7px; background-position: -1px -116px; } .icon-edit { width: 12px; height: 12px; background-position: -24px -111px; } .icon-exchange { width: 20px; height: 13px; background-position: 0 -147px; cursor: pointer; } .icon-exchangein { width: 20px; height: 13px; background-position: -40px -147px; cursor: pointer; } .icon-close { width: 15px; height: 15px; background-position: -77px -130px; cursor: pointer; } .icon-direct{ width: 19px; height: 8px; background-position: 0 -168px; } .diamond01, .diamond02, .diamond03, .diamond04, .diamond05, .diamond06, .diamond01_half, .diamond02_half, .diamond03_half, .diamond04_half, .diamond05_half, .diamond06_half { height: 8px; } .diamond01, .diamond02, .diamond03, .diamond04, .diamond05, .diamond06 { background-position: 0 0; } .star01, .star02, .star03, .star04, .star05 { height: 9px; background-position: 0 -16px; } .diamond01, .star01 { width: 11px; } .diamond02, .star02 { width: 23px; } .diamond03, .star03 { width: 35px; } .diamond04, .star04 { width: 47px; } .diamond05, .star05 { width: 59px; } .diamond06 { width: 71px; } .diamond01_half { width: 11px; background-position: -72px 0; } .diamond02_half { width: 23px; background-position: -60px 0; } .diamond03_half { width: 35px; background-position: -48px 0; } .diamond04_half { width: 47px; background-position: -36px 0; } .diamond05_half { width: 59px; background-position: -24px 0; } .diamond06_half { width: 71px; background-position: -12px 0; } .icon-scenic, .icon-food, .icon-error{ width: 12px; height: 12px; } .icon-scenic{ background-position: 0 -208px; } .icon-food{ background-position: -26px -208px; } .icon-error{ background-position: -52px -182px; } /* medals */ .hotel_goldmedal, .hotel_silvermedal, .hotel_bluemedal, .hotel_strategymedal { width: 20px; height: 20px; *vertical-align: baseline; } .hotel_goldmedal { background-position: 0 -68px; } .hotel_silvermedal { background-position: -23px -68px; } .hotel_bluemedal { background-position: -48px -68px; } .hotel_strategymedal { background-position: -73px -68px; } /* css sprite for search */ .s_vca_dest, .s_voyage_tip, .icon_onec_pass, .icon_twoc_pass, .icon_multc_pass { background-image: url(//pic.c-ctrip.com/index/un_index141218.png); background-repeat: no-repeat; } .s_subtab_a, .s_vca_dest, .s_high_level i, .s_history_btn i { background-image: url(//pic.c-ctrip.com/index/un_bg_line_141218.png); background-repeat: no-repeat; } /* icon emot */ .icon-emot { display: inline-block; vertical-align: middle; width: 74px; height: 74px; background: url(//pic.c-ctrip.com/platform/online/home/un_index_emot.png) 0 0 no-repeat; } .icon-emot-waring { background-position: 0 -84px; } .icon-emot-success { background-position: 0 0; } /* icon loading */ .icon-loading-48 { display: inline-block; width: 48px; height: 48px; background: url(//pic.c-ctrip.com/common/loading_48.gif) 0 0 no-repeat; } .tuna_jmpinfo .base_jmp b, .jmp_arrow, .icon-arrow-t { display: inline-block; background: url(//pic.c-ctrip.com/common/un_jmp_tri.png) no-repeat; } .icon-arrow-t { width: 11px; height: 7px; background-position: -16px 0; } /* module */ /* mod */ .mod { width: 1180px; margin: 28px auto 0; } .mod-hd { position: relative; z-index: 12; height: 36px; border-bottom: 2px solid #3983e5; text-align: left; } .mod-bd { background: #fff; border: 1px solid #e0e0e0; border-top: none; overflow: hidden; } .mod-bd:before, .mod-bd:after, .mod:before, .mod:after { display: table; content: ""; line-height: 0; } .mod-bd:after, .mod:after { clear: both; } .tmh .mod-bd,.travel .mod-bd, .hotel .mod-bd { height: 390px; overflow: hidden; } .flightC .mod-bd { height: 398px; overflow: hidden; } .flight .mod-bd { height: 360px; overflow: hidden; } .car .mod-bd, .buy .mod-bd, .play .mod-bd, .guide .mod-bd { height: 220px; overflow: hidden; } /* product item overflow hidden */ .tmh .mod-bd .inner-tab-panel, .travel .mod-bd .inner-tab-panel { height: 340px; overflow: hidden; } .hotel .mod-bd .inner-tab-panel { height: 345px; } /* mod title */ .mod .title { font: 16px/26px "Microsoft YaHei", "SimHei", SimSun, Tahoma, Verdana, Arial, sans-serif; } .mod .title span { position: relative; bottom: -3px; float: left; height: 36px; line-height: 30px; color: #333; margin-right: 30px; cursor: pointer; } .mod .title span a { color: #333; text-decoration: none; } .mod .title span:hover, .mod .title span a:hover { color: #06c; } .mod .title i { position: absolute; left: 50%; margin-left: -6px; bottom: 3px; display: none; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0; vertical-align: middle; border-bottom: 6px solid #3983e5; border-top: 0 none; border-left: 6px solid transparent; border-right: 6px solid transparent; _color: #ff3fff; _filter: chroma(color=#ff3fff); } .mod .title .current, .title:hover { color: #06c; cursor: default; } .mod .title .current i { display: inline-block; } .mod .title .label-en { top: -10px; right: -7px; font-weight: normal; } .mod .entrance { position: relative; float: left; display: inline; width: 187px; height: 360px; padding: 0 20px 15px; overflow: hidden; } .mod .entrance a { color: #666; } .mod .entrance a:hover { text-decoration: none; color: #3983e6; } .mod .entrance .watermark-gg { margin-left: 10px; } .mod .entrance-theme { padding-top: 10px; } .mod .entrance-theme .entrance-item { line-height: 1; height: auto; padding: 0 8px; margin: 7px 0 5px; } .mod .entrance-theme dd { margin-left: -8px; } .mod .entrance-theme dt { line-height: 1.5; } .mod .product { position: relative; *zoom: 1; height: 375px; margin-left: 229px; padding: 15px 19px 0; border-left: 1px dotted #a3a3a3; } /* entrance */ .entrance dl { margin: 0px 0 7px 0; overflow: hidden; position: relative; } .entrance dt { padding: 4px 0 0 0; font: 700 14px/34px "Microsoft yahei"; } .entrance dd { margin-left: -10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; zoom: 1; } .entrance dd:before, .entrance dd:after { display: table; content: ""; line-height: 0; } .entrance dd:after { clear: both; } .entrance .entrance-item { position: relative; float: left; display: block; border-left: 1px solid #ececec; padding: 0 10px; line-height: 18px; height: 18px; margin: 7px 0; *margin: 8px 0; } .entrance .entrance-item .icon_hot { position: absolute; top: -6px; right: 3px; } .keyword-long a { display: block; width: 187px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .keyword-short a { display: inline-block; max-width: 72px; } /* item-list */ .list-wrap:before, .list-wrap:after { display: table; content: ""; line-height: 0; } .list-wrap:after { clear: both; } .inner-tab-panel { position: relative; padding-right: 220px; margin-left: -10px; } .inner-tab-panel_noextra { padding-right: 0; } .product-item { position: relative; width: 220px; height: 160px; float: left; margin: 0 0 10px 10px; overflow: hidden; -webkit-transition: all .2s linear; transition: all .2s linear; _display: inline; _zoom: 1; } .product-item>a { display: block; } .product-item:hover, .product-item>a:hover { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .25); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .25); box-shadow: 0 1px 4px rgba(0, 0, 0, .25); } .mod-bd-panel_history .product-item>a:hover, .mod-bd-panel_flightC .product-item>a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .product-item a { text-decoration: none; color: #666; } .product-item a:hover { text-decoration: none; } .item-thumbnail { position: relative; width: 220px; height: 110px; margin-bottom: 3px; overflow: hidden; } .item-thumbnail img { transition: transform 0.3s ease 0s; width: 220px; } a:hover .item-thumbnail img { -webkit-transform: scale(1.05); transform: scale(1.05); } .item-thumbnail .tag { position: absolute; top: 0; left: 10px; } .item-overlay { position: absolute; z-index: 2; width: 100%; height: 25px; line-height: 25px; padding: 0 5px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-overlay .tag_orange { margin: 0 6px 0 4px; } .item-overlay .iefix-bg { z-index: -1; height: 200px; top: 0; left: 0; } .item-name { position: relative; height: 20px; line-height: 20px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; } .item-name-space { padding-right: 20px; } .item-type { display: block; color: #999; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; } a.item-type { color: #999; } a.item-type:hover { text-decoration: underline; } .item-info { position: relative; height: 35px; text-align: right; padding: 0 5px; } .item-info .diamond { position: absolute; left: 5px; top: 50%; margin-top: -4px; } .item-label { float: right; overflow: hidden; margin: 7px 0 0; } .item-label span + span { margin-left: 5px; } /* item-list-simple */ .product-item_simple { position: relative; width: 228px; height: 74px; overflow: hidden; margin: 0 0 0 10px; background: #fff; } .product-item_simple .item-thumbnail { float: left; width: 74px; height: 74px; margin-bottom: 0; } .product-item_simple .item-thumbnail img { width: 74px; height: 74px; } .product-item_simple .item-thumbnail .tag { top: 0; left: 0; } .product-item_simple .item-name, .product-item_simple .item-info { margin-left: 84px; } .product-item_simple-info .item-info { position: absolute; bottom: 10px; left: 0; right: 0; width: 140px; text-align: left; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .product-item_simple .item-name { padding: 8px 10px 0 0; } .product-item .item-line2 { height: 34px; line-height: 17px; white-space: normal; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .product-item_simple .item-info { height: 20px; padding: 0; } .product-item_simple .item-info-price { position: absolute; width: 128px; bottom: 8px; right: 10px; text-align: right; } /* item-list-search */ .product-item_search .item-thumbnail { width: 62px; text-align: center; padding-top: 12px; } .product-item_search .item-info { text-align: left; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .product-item_search .item-name { margin-bottom: 5px; } .product-item_search .item-name, .product-item_search .item-info { margin-left: 62px; } /* item-list-complex */ .product-item_complex { position: relative; height: 160px; margin: 0 0 10px 10px; } .product-item_complex .item-thumbnail { height: 160px; } .product-item_complex .item-msg { position: absolute; z-index: 2; top: 50%; left: 50%; margin: -56px 0 0 -56px; padding: 20px 10px; width: 92px; height: 72px; overflow: hidden; border-radius: 50%; background: rgba(0, 0, 0, 0.5); text-align: center; transition: all .3s; } .product-item_complex .iefix-bg { top: 50%; left: 50%; width: 92px; height: 72px; padding: 20px 10px; margin: -56px 0 0 -56px; } .product-item:hover .item-msg, .product-item_complex .item-msg:hover { background: rgba(0, 0, 0, 0.7); } .product-item_complex .item-name { height: auto; text-align: center; font: 700 18px/1.2 "Microsoft yahei"; color: #fff; margin-bottom: 3px; } .product-item_complex .item-name:hover { text-decoration: none; } .product-item_complex .item-name, .product-item_complex .item-num, .product-item_complex .price_info, .product-item_complex dfn { color: #fff; } .product-item_complex .item-num { font-family: "Microsoft yahei"; } .product-item_complex .item-info { border-top: 1px solid rgba(255, 255, 255, 0.5); margin-top:3px; text-align: center; } .product-item_complex .item-num { white-space: nowrap; overflow: hidden; } .product-item_complex .price { float: none; } /* product tabs */ .inner-tabs { padding-right: 220px; } .inner-tabs-nav { height: 20px; margin-bottom: 10px; } .inner-tabs-nav:before, .inner-tabs-nav:after { display: table; content: ""; line-height: 0; } .inner-tabs-nav:after { clear: both; } .inner-tabs-nav li { float: left; display: inline-block; line-height: 20px; margin-right: 15px; padding: 0 8px; } .inner-tabs-nav li.active, .inner-tabs-nav>li:hover, .inner-tabs-nav>li:hover>a { background: #3983e5; color: #fff; border-radius: 3px; } .inner-tabs-nav li.active a { color: #fff; cursor: default; } .inner-tabs-nav li a:hover, .inner-tabs-nav li.active a:hover { text-decoration: none; } .inner-tabs-nav li a { color: #3983e5; z-index: 81; } .inner-tabs-nav li .dropdown { width: 40px; } .inner-tabs-nav li .dropdown-cont { z-index: 80; } .inner-tabs-nav .dropdown-li .dropdown-toggle { border: none; } /* extra-item */ .extra-item { position: absolute; z-index: 9; width: 220px; height: 330px; right: 0; top: 0; clear: both; overflow: hidden; } .extra-item .extra-thumbnail { width: 220px; height: 330px; } .extra-item .extra-thumbnail img { width: 220px; height: auto; } .extra-item:hover .extra-text { text-decoration: none; } .extra-item .watermark-gg { position: absolute; right: 0; top: 0; } .extra-text { position: absolute; z-index: 2; width: 100%; height: 30px; line-height: 30px; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .extra-text.iefix-bg { background: #000; filter: alpha(opacity=40); opacity: 0.4; z-index: 1; } /* pageStyle */ /*index layout*/ .container { position: relative; zoom: 1; background: #f6f6f6; padding: 1px 0 40px 0; } .linked-more { position: absolute; right: 20px; top: 15px; } .linked-more:hover { right: 9px; top: 12px; border: 1px solid #3983e5; border-radius: 3px; padding: 2px 10px; } /* ajax loading background */ .onloading { background: #fff url(//pic.c-ctrip.com/common/loading_100.gif) 50% 50% no-repeat; } /* css sprite for content */ .ico_attention, .caibei, .ico_index_area { background-image: url(//pic.c-ctrip.com/index/phone_list140409.png); background-repeat: no-repeat; background-position: 0 0; } .s_subtab_a, .s_subtab_a .current { background-image: url(//pic.c-ctrip.com/index/un_bg_line_141218.png); background-repeat: no-repeat; } .caret { display: inline-block; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0; vertical-align: middle; border-top: 5px solid #3983e4; border-bottom: 0 none; border-left: 5px solid transparent; border-right: 5px solid transparent; _color: #ff3fff; _filter: chroma(color=#ff3fff); } /* banner layout */ .mod-banner { height: 340px; overflow: hidden; } /* searchbox layout */ .mod-search { margin-top: -340px; height: 340px; } .mod-search:before, .mod-search:after { display: table; content: ""; line-height: 0; } .mod-search:after { clear: both; } /* sub way internal */ .cui_subway_internal { height: 22px; margin: 0 auto 10px; line-height: 22px; overflow: hidden; } .cui_subway_internal .line-title { position: relative; float: left; margin-right: 20px; padding: 0 5px; background: #74a8ed; color: #fff; font-size: 12px; font-weight: bold; border-radius: 2px; } .cui_subway_internal .icon-arrow { position: absolute; right: -8px; _right: -9px; top: 6px; width: 0; height: 0; border: 4px solid #74a8ed; border-color: #fff #fff #fff #74a8ed; overflow: hidden; } .cui_subway_internal .line-list { _padding-top: 3px; } .cui_subway_internal .line-list li { float: left; margin: 0 13px 0 0; line-height: 22px; } .cui_subway_internal .line-list li a { color: #666; } .cui_subway_internal .line-list li a:hover { color: #3983e5; text-decoration: none; } /*tips*/ .tuna_jmpinfo { margin: 20px; color: #333; font: 12px/2 Arial, Tahoma, simsun; -webkit-text-size-adjust: none; } .tuna_jmpinfo ul, li { list-style: none; } .tuna_jmpinfo a { color: #00c; cursor: pointer; text-decoration: none; } .tuna_jmpinfo a:hover { color: #f00; text-decoration: underline; } .tuna_jmpinfo .font16 { font-size: 16px; } .tuna_jmpinfo .jmp_hd { height: 30px; padding-left: 10px; background: url(//pic.c-ctrip.com/common/un_base_btn.png) repeat-x 0 -390px; font-size: 12px; line-height: 30px; color: #333; } .tuna_jmpinfo .jmp_hd h3 { font-size: 12px; } .tuna_jmpinfo .jmp_bd { padding: 2px 3px; } .tuna_jmpinfo .jmp_alert { border: 1px solid #ffb533; background: #fff5d1; } .tuna_jmpinfo .base_jmp b { position: absolute; width: 16px; height: 16px; background-repeat: no-repeat; overflow: hidden; } .tuna_jmpinfo .base_jmp_t { margin-top: 8px; } .tuna_jmpinfo .base_jmp_r { margin-right: 8px; } .tuna_jmpinfo .base_jmp_b { margin-bottom: 7px; } .tuna_jmpinfo .base_jmp_l { margin-left: 8px; } .tuna_jmpinfo .base_jmp_t b { margin-top: -7px; } .tuna_jmpinfo .base_jmp_r b { margin-top: 10px; right: 0; } .tuna_jmpinfo .base_jmp_b b { bottom: -8px; } .tuna_jmpinfo .base_jmp_l b { margin-top: 10px; left: 9px; } .tuna_jmpinfo .jmp_title .tri_b { background-position: -32px -32px; } .tuna_jmpinfo .jmp_alert .tri_t { background-position: -16px 0; } .tuna_jmpinfo .jmp_alert .tri_r { background-position: -16px -16px; } .tuna_jmpinfo .jmp_alert .tri_b { background-position: -16px -32px; } .tuna_jmpinfo .jmp_alert .tri_l { background-position: -16px -48px; } .tuna_jmpinfo .jmp_table .tri_t { background-position: -32px 0; } .f_error { background-color: #FFF7D9 !important; border-color: #D80000 #E50000 #E50000 #D80000 !important; border-style: solid; border-width: 1px; } .jmp-info-wrap { position: absolute; left: 327px; top: 0; } .jmp_info { position: relative; display: inline-block; padding: 2px 3px; border: 1px solid #ffb533; background: #fff5d1; border-radius: 5px; white-space: nowrap; } .jmp_arrow { position: absolute; left: -7px; top: 50%; margin-top: -7px; width: 16px; height: 16px; background-position: -16px -48px; background-repeat: no-repeat; overflow: hidden; } .cui-icon-flight, .cui-icon-hotel, .cui-icon-train, .cui-icon-bus, .cui-icon-boat, .cui-icon-car, .cui-icon-vacations, .cui-icon-ticket, .cui-icon-huodong, .cui-icon-insurance, .cui-icon-HHtravel, .cui-icon-wifi,.cui-icon-pickup, .cui-icon-visa, .cui-icon-outboundtravel, .cui-icon-taocan, .cui-icon-card, .cui-icon-g, .cui-icon-tuan, .cui-icon-standby { display: inline-block; background-image: url(//pic.c-ctrip.com/platform/online/home/un_icon_index_type.png); background-repeat: no-repeat; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; } .cui-icon-flight { background-position: 0 0; } .cui-icon-hotel { background-position: -26px 0; } .cui-icon-train { background-position: -52px 0; } .cui-icon-bus { background-position: -78px 0; } .cui-icon-boat { background-position: -104px 0; } .cui-icon-car { width: 17px; background-position: -130px 0; } .cui-icon-vacations { background-position: 0 -26px; } .cui-icon-ticket { background-position: -26px -26px; } .cui-icon-huodong { background-position: -52px -26px; } .cui-icon-insurance { background-position: -78px -26px; } .cui-icon-HHtravel { background-position: -104px -26px; } /*HHtravel*/ .cui-icon-wifi { background-position: -130px -26px; } /*wifi*/ .cui-icon-visa { background-position: 0 -52px; } .cui-icon-outboundtravel { background-position: -26px -52px; } .cui-icon-taocan { background-position: -52px -52px; } .cui-icon-card { background-position: -78px -52px; } .cui-icon-g { background-position: -104px -52px; } .cui-icon-tuan { background-position: -130px -52px; } .cui-icon-standby { background-position: 0 -78px; } .cui-icon-pickup { background-position: -26px -78px; } .icon-pd-hotel, .icon-pd-flight, .icon-pd-train, .icon-pd-bus, .icon-pd-grouptravel, .icon-pd-ticket, .icon-pd-nomal, .icon-pd-huodong, .icon-pd-visa, .icon-history { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(//pic.c-ctrip.com/platform/online/home/un_icon_history_20160419.png); } .icon-pd-hotel { background-position: 0 0; } .icon-pd-flight { background-position: 0 -37px; } .icon-pd-train { background-position: 0 -74px; } .icon-pd-bus { background-position: 0 -111px; } .icon-pd-grouptravel { background-position: 0 -148px; } .icon-pd-ticket { background-position: 0 -185px; } .icon-pd-huodong { background-position: 0 -288px; } .icon-pd-visa { background-position: 0 -325px; } .icon-pd-normal { background-position: 0 -222px; } .icon-history { display: inline-block; width: 21px; height: 19px; margin-right: 8px; background-position: 0 -259px; } /* pull right */ .pull-right { position: absolute; z-index: 90; right: 0; bottom: 0; height: 22px; line-height: 22px; } .dropdown { position: relative; z-index: 10; } .dropdown-toggle { height: 22px; color: #3983e4; padding: 1px 5px 0; display: inline-block; overflow: hidden; } .dropdown-toggle .caret { margin-left: 5px; } .dropdown-toggle:hover { color: #3983e5; text-decoration: none; } .dropdown-cont { display: none; position: absolute; z-index: 90; top: 22px; right: 0; background: #fff; } .open .dropdown-toggle_border { padding: 0 4px; } .open .dropdown-cont { display: block; } .open .caret, .open .dropdown-toggle_border:hover .caret { border-bottom: 5px solid #3983e4; border-top: 0 none; } .dropdown-li { margin-top: -1px; } .dropdown-li .dropdown-toggle { border: 1px solid #fff; } .dropdown-li .dropdown-cont { left: -10px; right: auto; } /* dropdown */ .dropdown-toggle_border { position: absolute; z-index: 91; right: 0; width: 40px; } .open .dropdown-toggle_border, .open .dropdown-toggle_border:hover { color: #3983e5; border: 1px solid #999 !important; border-bottom: none !important; background: #fff; } .open .dropdown-toggle_border { } .open .i_index_filter { width: 12px; height: 5px; background-position: 0 -32px; margin-left: 0; } .dropdown-menu-list { width: 80px; padding: 4px; height: auto; border: 1px solid #999; max-height: 176px; overflow: hidden; } .dropdown-menu-list a { display: block; padding: 0 10px; height: 22px; line-height: 22px; color: #333 !important; white-space: nowrap; overflow: hidden; } .dropdown-menu-list a:hover { background: #74a8ed; color: #fff !important; text-decoration: none; } .flight .dropdown-menu-list, .flightC .dropdown-menu-list { max-height: 218px; } /* toggle bar */ .toogle-bar { position: relative; height: 20px; background: #f6f6f6; } .toogle-bar .toogle-btn { width: 40px; height: 20px; position: absolute; top: 0; left: 50%; z-index: 2; margin-left: -20px; } /* view histroy */ .mod-history_wrap { background: #f6f6f6; overflow: hidden; } .mod-history_wrap .mod { margin-top: 0; } .bow-history .mod-hd { margin-bottom: 10px; border-bottom: none; } .bow-history .title .current i { display: none; } .bow-history .mod-bd { border: none; min-height: 74px; _height: 74px; background: none; } .bow-history .list-wrap { position: relative; width: 1180px; height: 74px; } .bow-history .list-area { position: absolute; left: 0; width: 3360px; margin-left: -10px; } .bow-history .scrolling-wrap { width: 1180px; position: relative; zoom: 1; *overflow: hidden; } .bow-history .mod-bd-panel { position: relative; } .bow-history .btn-prev, .bow-history .btn-next { position: absolute; top: 50%; margin-top: -24px; display: inline-block; width: 22px; height: 48px; background: #fff; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; cursor: pointer; border: 1px solid #e5e5e5; } .bow-history .btn:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .bow-history .btn-prev { left: 0; border-width: 1px 1px 1px 0; } .bow-history .btn-next { right: 0; border-width: 1px 0 1px 1px; } .bow-history .i_index_prev, .bow-history .i_index_next { position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -3px; } .bow-history .price { line-height: 1; } /* * close bowser history * added at 2015/6/23 */ .close-pi { position: absolute; top: 0; right: 0; display: none; font: 16px SimSun; padding: 3px; background: #fff; } .close-pi:hover { color: #3983e5; } .product-item_simple:hover .close-pi { display: block; } /* history */ .mod-bd-panel_history { height: 76px; } /* guess you like */ .mod-bd-panel_guess { height: 165px; margin-bottom: -10px; } .mod-bd-panel_guess .product-item { margin-right: 10px; } .mod-bd-panel_guess .item-info .tag { vertical-align: -7px; margin-right: 10px; } .mod-bd-panel_guess .btn { margin-top: -53px; } /* without guess-you-like */ .tips-waring { width: 320px; margin: 0 auto; padding-top: 55px; } .tips-image { float: left; overflow: hidden; width: 102px; margin-top: -10px; } .tips-item { color: #333; font: 18px/1.2 "Microsoft YaHei", "SimHei", SimSun, Tahoma, Verdana, Arial, sans-serif; margin-bottom: 8px; } /* Clear browsing history */ .tips-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .tips-mask { filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF'); } :root .tips-mask { filter: none; background-color: rgba(255, 255, 255, 0.9); } .tips-normal { text-align: center; vertical-align: middle; line-height: 74px; } .tips-normal .icon-loading-48 { vertical-align: middle; } /* griddle */ .dropdown-filter.open .i_index_filter { width: 12px; height: 5px; background-position: 0 -32px; } .griddle { width: 232px; background: #fff; border: 1px solid #999; padding: 8px 14px 4px; overflow: hidden; color: #333; line-height: 24px; } .griddle-list { width: 260px; margin-left: -10px; } .griddle-list:before, .griddle-list:after { content: '\0020'; display: block; clear: both; height: 0; overflow: hidden; } .griddle-list li { float: left; display: inline-block; width: 69px; height: 20px; margin: 0 0 10px 10px; line-height: 20px; border: 1px dotted #ccc; border-radius: 2px; background: #fff; color: #666; cursor: pointer; text-align: center; } .griddle-list li.selected { border-color: #74a2de; background-color: #74a2de; color: #fff; } .griddle .btn-wrap { margin: 10px 0; text-align: center; } .text-waring { color: #ffb027; } /* Clear browsing history confirm box */ .dropdown-clear .dropdown-toggle_border { width: 65px; } .dropdown-clear.open .icon-ash { width: 12px; height: 5px; background-position: 0 -32px; } .confirm { width: 130px; background: #fff; border: 1px solid #999; padding: 8px 14px 15px; overflow: hidden; color: #333; line-height: 24px; text-align: center; } .btn-normal { display: inline-block; height: 20px; line-height: 20px; padding: 0 12px; border: 1px solid #d1d1d1; color: #333; } .btn-normal:hover { text-decoration: none; } .btn-sure { background: #27c; border: 1px solid #05a; color: #fff; } /* mod-bd-panel_tmh temaihui*/ .mod-bd-panel_tmh .product { margin-left: 0; border-left: none; } .mod-bd-panel_tmh .item-type { color: #FF4646; } .mod-bd-panel_tmh .item-type dfn{ font-style: normal; } .mod.tmh .inner-tab-panel, .mod.hotel .inner-tab-panel { margin-left: 0; } .mod.tmh .product-item, .mod.hotel .product-item { margin: 0 10px 10px 0; } .mod.tmh .inner-tab-panel_noextra { margin-left: -10px; } .mod.tmh .inner-tab-panel_noextra .product-item { margin: 0 0 10px 10px; } /* mod-bd-panel_hot remen*/ .mod.tmh .mod-bd-panel_hot .product { margin-left: 0; border-left: none; } .mod.tmh .mod-bd-panel_hot .inner-tab-panel { margin-left: 0; height:330px; overflow: hidden; } .mod.tmh .mod-bd-panel_hot .product-item { margin: 0 0 10px 10px; } .mod.tmh .mod-bd-panel_hot .product-item:hover .title{ cursor: pointer; } .mod.tmh .mod-bd-panel_hot .inner-tab-panel_noextra { margin-left: -10px; } .mod.tmh .mod-bd-panel_hot .inner-tab-panel_noextra .product-item { margin: 0 0 10px 10px; } .mod.tmh .mod-bd-panel_hot .product-item_complex, .mod.tmh .mod-bd-panel_hot .product-item_complex .item-thumbnail, .mod.tmh .mod-bd-panel_hot .product-item_complex .item-thumbnail img{ height: 160px; } .mod.tmh .mod-bd-panel_hot .product-item_complex .item-thumbnail img{ transition:none; } .mod.tmh .mod-bd-panel_hot a:hover .item-thumbnail img { -webkit-transform: none; transform: none; } .mod.tmh .mod-bd-panel_hot .product-item:hover .item-msg, .mod.tmh .mod-bd-panel_hot .product-item_complex .item-msg:hover{ background: rgba(0, 0, 0, 0.5); } .mod.tmh .mod-bd-panel_hot .product-item_mask a:hover .extra-thumbnail img { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .mod.tmh .mod-bd-panel_hot .product-item_complex .item-msg{ padding:30px 5px; width:102px; height:52px; } .mod.tmh .mod-bd-panel_hot .product-item_complex .item-info{ margin-top: 4px; padding: 0; } .inner-tab-scroll-wrap{ position: relative; width:910px; height:330px; overflow: hidden; } .inner-tab-scroll-list{ position: absolute; margin-left: -10px; } .mod-bd-panel_hot .btn-prev, .mod-bd-panel_hot .btn-next { position: absolute; top: 50%; margin-top: -24px; display: inline-block; width: 30px; height: 60px; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor: pointer; } .mod-bd-panel_hot .btn:hover { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; } .mod-bd-panel_hot .btn-prev { left: 0; border-width: 1px 1px 1px 0; } .mod-bd-panel_hot .btn-next { right: 0; border-width: 1px 0 1px 1px; } .mod-bd-panel_hot .i_index_prev, .mod-bd-panel_hot .i_index_next { position: absolute; width: 13px; height: 22px; top: 50%; left: 50%; margin: -11px 0 0 -7px; } .mod-bd-panel_hot .i_index_prev{ background-position: -18px -184px; } .mod-bd-panel_hot .i_index_next{ background-position: 0 -184px; } .glass{ -webkit-filter: blur(8px); filter: blur(8px); } .product-detail{ display: none; position: absolute; padding:26px 10px 10px; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.40); font-family: PingFangSC-Regular; color: #FFF; line-height: 16px; } .product-detail .title{ text-align: center; font-size: 22px; color: #FFF; line-height: 18px; font-weight: bold; margin-bottom:16px; } .product-detail .info{ position: relative; padding-left: 28px; margin-bottom: 8px; line-height: 16px; height:16px; overflow:hidden; white-space: nowrap; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; } .product-detail .info .icon-scenic, .product-detail .info .icon-food{ position: absolute; left:6px; top:2px; } .product-detail .link{ margin-top: 18px; text-align: center; } .product-detail .link a{ color: #FFF; } .product-detail .link a:hover{ text-decoration: underline } /* product hotel-china */ .hotel-china .product-item { margin-bottom: 10px; } .hotel-china .product-item .item-thumbnail { height: 102px; } .hotel-china .medal { position: absolute; right: 5px; top: 0; } .hotel-china .diamond { margin-top: -17px; } .hotel-china .price { position: absolute; bottom: 0; right: 5px; line-height: 1; } .hotel-china .item-type { position: absolute; bottom: 0; left: 5px; line-height: 1.5; display: block; width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hotel-china .item-type:hover { color: #3882e5; text-decoration: none; } /* product flight */ .flight .mod-bd { padding: 15px 19px; } .calender { float: left; display: inline; width: 680px; height: 360px; overflow: hidden; } .calender-tabs-month { height: 50px; margin-bottom: 10px; margin-right: -10px; overflow: hidden; } .calender-tabs-date-wrap { width: 680px; height: 300px; position: relative; overflow: hidden; } .calender-tabs-date { position: absolute; left: 0; width: 2040px; height: 300px; } .calender-date-panel { float: left; position: relative; display: inline-block; width: 680px; height: 300px; } /* month */ .month { margin-right: -10px; } .month li { position: relative; float: left; display: inline; width: 128px; height: 50px; margin-right: 10px; border-radius: 3px; cursor: pointer; } .theme-s { position: absolute; width: 128px; height: 50px; top: 0; left: 0; border-radius: 3px; } .theme-s, .theme-s img { z-index: 1; width: 128px; height: 50px; overflow: hidden; border-radius: 3px; } /* date */ .date-festival { color: #000; } .btn-prev, .btn-next, .theme-img, .days, .dates { position: absolute; } .theme-img { width: 680px; height: 300px; z-index: 1; top: 0; left: 0; overflow: hidden; } .theme-img img { width: 680px; height: 300px; } /* .btn-prev, .btn-next { display: inline-block; background: url(//pic.c-ctrip.com/index/v3.0/un_index_calender.png) 0 0 no-repeat; cursor: pointer; } */ .btn-prev, .btn-next { z-index: 2; left: 0; top: 50%; margin-top: -43px; width: 36px; height: 86px; } .btn-prev:hover { background-position: -37px 0; } .btn-next { right: 0; left: auto; background-position: 0 -91px; } .btn-next:hover { background-position: -37px -91px; } .days, .dates { z-index: 3; } .days li, .dates li { display: inline-block; float: left; width: 75px; text-align: center; } .days { left: 72px; top: 15px; } .days li { width: 75px; height: 30px; line-height: 30px; font-family: "Microsoft yahei"; color: #666; } .dates { top: 40px; left: 72px; right: 69px; } .dates li { position: relative; width: 75px; height: 38px; line-height: 38px; font-family: "Tahoma"; } .sale-overlay { position: absolute; z-index: 10; left: 0; top: -22px; width: 75px; height: 75px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000'); } :root .sale-overlay { filter: none; background-color: rgba(0, 0, 0, 0.5); } .sale-overlay:hover { filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); } :root .sale-overlay:hover { filter: none; background-color: rgba(0, 0, 0, 0.6); } .sale-overlay a { text-decoration: none; } .sale-date, .sale-place, .sale-price { color: #fff; font-family: "Tahoma"; line-height: 1.5; } .sale-date { width: 100%; height: 17px; line-height: 17px; text-align: center; color: rgba(255, 255, 255, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4CFFFFFF', endColorstr='#4CFFFFFF'); } :root .sale-date { filter: none; background-color: rgba(169, 169, 169, 0.15); } .sale-place { padding-top: 7px; font-family: "Microsoft yahei"; text-align: center; white-space: nowrap; } .sale-price { color: #ff7800; font-size: 18px; float: none; text-align: center; padding-right: 0 !important; } .sale-price dfn { font: 12px/1.5 arial; padding-right: 3px; } /* product */ .flight .product { margin-left: 690px; border-left: none; position: relative; padding: 0; overflow: hidden; } .flight .extra-item { height: 360px; top: 0; right: 0; } .flight .product-item { margin: 0 10px 10px 0; *margin-left: -3px; height: 175px; } .flight .item-thumbnail { height: 175px; margin-bottom: 0; } .flight .item-msg { position: absolute; z-index: 3; height: 33px; line-height: 33px; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); } .flight .item-name { color: #fff; height: 33px; line-height: 33px; padding-left: 5px; } .flight .price { padding-right: 5px; } .flight .price dfn, .flight .price_info { color: #f60; } /* product car play buy guide*/ .car .product, .play .product, .buy .product, .guide .product, .car .entrance, .play .entrance, .buy .entrance, .guide .entrance { height: 205px; overflow: hidden; } .car .product-bd, .play .product-bd, .buy .product-bd, .guide .product-bd { margin-left: -10px; } .car .inner-tab-panel, .play .inner-tab-panel, .buy .inner-tab-panel, .guide .inner-tab-panel { margin-left: 0; padding-right: 0; } .guide .mod-bd-panel_noentry .product { margin-left: 0; border-left: none; } /* product car */ .car .mod-bd { height: 260px; } .car .entrance { height: 245px; } .car .product { height: 245px; } .car .product-item { height: 200px; } .car .item-thumbnail { height: 150px; } .car .item-thumbnail img{ margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* product guide */ .guide .product-item { height: 155px; } .guide .item-thumbnail { height: 155px; } .guide .item-overlay { height: auto; text-align: center; padding: 5px 0; overflow: visible; } .guide .item-name, .guide .item-info { line-height: 20px; height: 20px; text-align: center; } .guide .item-name:hover { color: #fff; } .guide .item-info { display: none; color: rgba(255, 255, 255, 0.6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .guide .item-info-detail { padding: 0 5px; } .guide .avator { display: none; } .avator { margin: -40px auto 5px; width: 50px; height: 50px; border-radius: 50%; text-align: center; } .avator img { width: 48px; height: 48px; border-radius: 50%; margin: 1px 0 0 1px; } /* product supply */ .mod-bd-travel { margin: 10px 0 0 0px; overflow: hidden; width: 1180px; } .mod-bd-travel:before, .mod-bd-travel:after { display: table; content: ""; line-height: 0; } .mod-bd-travel:after { clear: both; } .supply-box { width: 384px; *zoom: 1; float: left; display: inline; margin-left: 10px; border: 1px solid #e0e0e0; background: #fff; } .supply-hd { height: 102px; overflow: hidden; } .supply-hd a { height: 102px; display: block; } .supply-hd a .supply-title { color: #333; } .supply-hd:hover { background: #e2eeff; } .supply-bd { height: 40px; overflow: hidden; border-top: 1px solid #e0e0e0; } .supply-cont { margin-left: 130px; padding-top: 15px; line-height: 1.5; } .supply-img { width: 110px; float: left; text-align: right; } .supply-title { font: 16px/1.5 "Microsoft yahei"; margin-bottom: 5px; } .supply-intro { padding-right: 5px; color: #666; } .mod-bd-crop .supply-hd, .mod-bd-crop .supply-hd a { height: 117px; } .mod-bd-crop .supply-cont { padding-top: 19px; } .img-wifi, .img-visa, .img-insurance, .img-dianzi, .img-shopping, .img-charts { position: relative; display: inline-block; width: 70px; height: 70px; text-align: center; border-radius: 50%; margin-top: 15px; } .img-dianzi, .img-shopping, .img-charts { margin-top: 19px; } .img-dianzi, .img-shopping, .img-charts { width: 80px; height: 80px; } .img-wifi { background: #abcbf5; } .img-visa { background: #cbe2b3; } .img-insurance { background: #f6dbb9; } .img-dianzi { background: #FBE09F; } .img-shopping { background: #F8c2b3; } .img-charts { background: #C3CBFF; } /* product supply icon*/ .img-wifi i, .img-visa i, .img-insurance i, .img-dianzi i, .img-shopping i, .img-charts i { position: absolute; top: 50%; left: 50%; width: 46px; display: inline-block; background: url(//pic.c-ctrip.com/platform/online/home/un_index_supply.png) 0 0 no-repeat; } .img-wifi i { height: 34px; margin: -17px 0 0 -23px; background-position: 0 0; } .img-visa i { height: 46px; margin: -23px 0 0 -23px; background-position: 0 -39px; } .img-insurance i { height: 48px; margin: -24px 0 0 -23px; background-position: 0 -89px; } .img-dianzi i { width: 55px; height: 37px; margin: -19px 0 0 -28px; background-position: 0 -190px; } .img-shopping i { width: 50px; height: 45px; margin: -23px 0 0 -25px; background-position: 0 -140px; } .img-charts i { height: 48px; margin: -24px 0 0 -23px; background-position: 0 -232px; } .supply-item .icon { overflow: hidden; margin-right: 5px; } .supply-item .icon img { width: 24px; height: 24px; vertical-align: middle; border-radius: 50%; } /* supply list */ .supply-list { margin-left: -1px; overflow: hidden; } .supply-list li { float: left; display: inline-block; vertical-align: middle; padding: 8px 0; } .supply-list li:hover { background: #e2edff; cursor: pointer; } .supply-item { display: inline-block; height: 24px; line-height: 24px; border-left: 1px dashed #a3a3a3; text-align: center; margin-left: -1px; color: #333; } .supply-item:hover { text-decoration: none; } .col-4 .supply-item { width: 96px; } .col-4 li:last-of-type { width: 97px; } .col-3 .supply-item { width: 128px; } .col-3 li:last-of-type { width: 129px; } /* indices */ .indices .mod-hd { height: 98px; border: 1px solid #e0e0e0; padding: 0; background: #fff; overflow: hidden; } .indices .mod-hd:before, .indices .mod-hd:after { display: table; content: ""; line-height: 0; } .indices .mod-hd:after { clear: both; } .indices .mod-bd { padding: 10px 15px; line-height: 2; } .indices a { color: #b6b6b6; } .indices a:hover { text-decoration: none; color: #3983e5; } .indices dt { font-size: 12px; font-weight: bold; color: #666; } .indices-hot, .indices-nav { margin-right: -5px; padding-left: 80px; display: block; height: 24px; overflow: hidden; *zoom: 1; } .indices-nav { height: auto; } .indices-hot dt, .indices-nav dt { float: left; display: inline; width: 80px; margin-left: -80px; } .indices-hot dd, .indices-nav dd { float: left; width: 84px; margin-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .indices-line { height: 0; overflow: hidden; border-bottom: 1px dotted #ccc; margin: 5px 0; } .indices-booking dd { width: auto; margin-right: 50px; } .sta-unfold { height: auto; } .indices-more { margin-left: 10px; } .part { display: inline-block; padding: 10px 19px 0 20px; } .part-hd { position: relative; font: 16px/26px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; margin-bottom: 5px; } .part-hd-right { position: absolute; right: 0; font: 12px/26px 'SimSun'; } .part-bd, .part-bd a { font-size: 12px; font-family: 'simsun'; color: #666; line-height: 1.8; } .partInfo { width: 189px; } .partInfo li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .partner { height: 88px; overflow: hidden; } .partner .part-bd { overflow: hidden; } .partner .part-bd ul { margin-left: -1px; float: left; } .partner .part-bd li { float: left; display: inline-block; *display: inline; *zoom: 1; width: 189px; border-left: 1px dashed #e0e0e0; text-align: center; } .partner a { display: inline-block; width: 76px; height: 0; padding-top: 28px; overflow: hidden; background-image: url(//pic.c-ctrip.com/platform/online/home/pic_partner.png); background-repeat: no-repeat; } .partner_hh { background-position: 0 0; } .partner_lp { background-position: 0 -33px; } .partner_sg { background-position: 0 -66px; } .partner_tj { background-position: 0 -99px; } .partner_ya { background-position: 0 -132px; } .partner_yy { background-position: 0 -165px; } .language_list dd { width: 172px; margin: 3px 5px 5px 0; } .seo-lanList .ico-global, .seo-lanList b.arrow, .language_list dd a { background-image: url(//pic.c-ctrip.com/platform/online/home/un_footer201807.png); background-repeat: no-repeat; font: 12px/20px Arial, tahoma, verdana, "Microsoft YaHei", Simsun, sans-serif; white-space: nowrap; display: block; padding-left: 25px; height: 20px; padding-top: 0; line-height: 20px; overflow: hidden; } .language_list li a:hover { text-decoration: none; } .indices-hot dd.seo-lanList { width: auto; } .seo-lanList .ico-global { display: inline-block; width: 20px; height: 16px; padding-left: 0; margin-top: -2px; background-position: -64px 0; vertical-align: middle; } .seo-lanList a:hover .ico-global { background-position: -43px 0; } .seo-lanList b.arrow { display: inline-block; width: 9px; height: 5px; vertical-align: middle; margin-left: 5px; overflow: hidden; background-position: 0 0; } .language_en { background-position: 0 -188px; } .language_gb { background-position: 0 -394px; } .language_hk { background-position: 0 -36px; line-height: 22px; } .language_jap { background-position: 0 -150px; } .language_jap:hover { background-position: 0 -314px; } .language_korea { background-position: 0 -169px; } .language_korea:hover { background-position: 0 -333px; } .language_sg { background-position: 0px -112px; } .language_id { background-position: 0px -93px; } .language_my { background-position: 0px -74px; } .language_th { background-position: 0px -55px; } .language_th:hover { background-position: 0px -277px; } .language_fr { background-position: 0 -223px; } .language_fr:hover { background-position: 0 -371px; } .language_de { background-position: 0 -205px; } .language_es { background-position: 0 -240px; } .language_es:hover { background-position: 0 -353px; } .language_ru { background-position: 0 -17px; } .language_ru:hover { background-position: 0 -258px; } .language_list a.language_jap, .language_list a.language_korea, .language_list a.language_th, .language_list a.language_ru, .language_list a.language_fr, .language_list a.language_es { height: 0; padding-top: 20px; } /* bottom ads */ .mod-ads { margin: 20px auto; } /** * flight-international * relayout at 20150813 */ .item-info .date { float: left; } .mod-bd-panel_flightB .inner-tab-panel { overflow: hidden; } .mod-bd-panel_flightB .product { margin-left: 0; border-left: none; height: 368px; } .mod-bd-panel_flightB .product-bd { height: 338px; } .mod-bd-panel_flightB .product-item { width: 194px; height: 45px; padding: 15px 12px; background: #f8f8f8; border: 1px solid #f8f8f8; cursor: pointer; } .mod-bd-panel_flightB .product-item:hover { background: #e2eeff; border: 1px solid #9cc1f2; } .mod-bd-panel_flightB .product-item a { display: block; } .mod-bd-panel_flightB .product-item a:hover, .mod-bd-panel_flightB .product-item a:hover .item-name { text-decoration: none; } .mod-bd-panel_flightB .item-name { margin-bottom: 3px; color: #333; } .mod-bd-panel_flightB .item-name .icon-single, .mod-bd-panel_flightB .item-name .icon-round { margin: 0 5px; } .mod-bd-panel_flightB .item-info .date { padding-top: 10px; color: #999; } .mod-bd-panel_flightB .product { margin-left: 0; border-left: none; } .mod.flightB .inner-tab-panel { margin-left: 0; height: 338px; } .mod.flightB .product-item { margin: 0 10px 10px 0; } .mod-bd-panel_flightC .inner-tab-panel { overflow: hidden; } .mod-bd-panel_flightC .product { margin-left: 0; border-left: none; height: 383px; } .mod-bd-panel_flightC .product-bd { height: 353px; } .mod-bd-panel_flightC .product-item { width: 194px; height: 74px; padding: 15px 12px; background: #f8f8f8; border: 1px solid #f8f8f8; cursor: pointer; } .mod-bd-panel_flightC .product-item:hover { /*background: #e2eeff; border: 1px solid #9cc1f2;*/ } .mod-bd-panel_flightC .product-item a { display: block; } .mod-bd-panel_flightC .product-item a:hover, .mod-bd-panel_flightC .product-item a:hover .item-name { text-decoration: none; } .mod-bd-panel_flightC .item-name { margin-bottom: 3px; color: #333; } .mod-bd-panel_flightC .item-name .icon-single, .mod-bd-panel_flightC .item-name .icon-round { margin: 0 5px; } .mod-bd-panel_flightC .item-info { height: 27px; } .mod-bd-panel_flightC .item-info .date { padding: 0; color: #999; } .mod-bd-panel_flightC .item-info .price { float: left; } .mod-bd-panel_flightC .item-info .button-yellow { width: auto; height: 27px; padding: 0 15px; font: 14px/27px "Microsoft yahei"; margin: 3px 0 0 0; } .mod-bd-panel_flightC .extra-item { height: 338px; } .mod.flightC .inner-tab-panel { margin-left: 0; padding-right: 0; margin-right:-10px; height: 353px; } .mod.flightC .product-item { margin: 0 10px 10px 0; } /*º£ÍâÃñËÞ+¶Ì×â */ .hotel-homestay .product { margin-left: 0; } .hotel-homestay .inner-tab-panel { padding-right: 440px; *padding-right: 0; *margin-right: 440px; zoom: 1; } .hotel-homestay .product-item a { display: block; overflow: hidden; text-decoration: none; color: #666; background: url(//pic.c-ctrip.com/common/loading_48.gif) 9999em 9999em no-repeat; } .hotel-homestay .extra-item { right: 230px; *right: -210px; } .product-item_mask .item-thumbnail { height: 160px; } .homestay-product { position: absolute; right: 0; *right: -440px; top: 0; width: 220px; height: 330px; } .product-item_mask .item-name, .product-item_mask .item-info, .product-item_mask .item-num, .product-item_mask .price, .hotel-homestay .item-name, .hotel-homestay .item-info { position: absolute; z-index: 99; left: 10px; top: 10px; color: #fff; -webkit-text-shadow: 1px 1px 4px rgba(0, 0, 0, .75); text-shadow: 1px 1px 4px rgba(0, 0, 0, .75); text-align: left; } .hotel-homestay .item-name, .product-item_mask .item-name { right: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; font-size: 16px; } .hotel-homestay .item-info, .product-item_mask .item-info { top: 30px; font-size: 14px; } .product-item_mask .item-num { top: auto; bottom: 10px; border-radius: 10px; background: #000; background: rgba(0, 0, 0, .6); filter: alpha(opacity=60) \9; padding: 0 10px; } .product-item_mask .price { top: auto; bottom: 10px; left: 0; background: #000; background: rgba(0, 0, 0, .6); filter: alpha(opacity=60) \9; padding: 0 10px; -webkit-text-shadow: none; text-shadow: none; font-size: 18px; } .product-item_mask .price .price_info, .product-item_mask .price dfn { color: #fff; vertical-align: 1px; } .product-item_mask .price dfn { font-size: 14px; padding-right: 3px; } .product-item_mask .item-overlay { height: 30px; overflow: visible; } .product-item_mask .item-overlay .avator { position: absolute; left: 8px; bottom: 6px; } .product-item_mask .item-overlay .item-name { position: static; font-size: 14px; line-height: 30px; height: 30px; padding-left: 55px; } .product-item_mask .item-overlay .iefix-bg { height: 30px; top: auto; } .product-item_mask .extra-thumbnail img { -webkit-transition: transform .3s ease 0s; -o-transition: transform .3s ease 0s; transition: transform .3s ease 0s; } .product-item_mask a:hover .extra-thumbnail img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } /** * lift */ .lift { position: fixed; width: 36px; height: 360px; margin: 0 auto; z-index: 99; left: 50%; margin-left: -633px; top: 200px; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; overflow: hidden; } .lift-item { position: relative; display: block; width: 36px; height: 40px; line-height: 40px; cursor: pointer; margin-top: -1px; overflow: hidden; margin-bottom: 1px; } .lift-name { display: inline-block; height: 39px; border-top: 1px solid #e0e0e0; font-style: normal; padding-top: 45px; overflow: hidden; text-align: center; } .lift-item { background-image: url(//pic.c-ctrip.com/platform/online/home/un_icon_leftnav.png); background-repeat: no-repeat; } .lift-vacations { background-position: center 0; } .lift-hotels { background-position: center -40px; } .lift-flights { background-position: center -80px; } .lift-car { background-position: center -120px; } .lift-huodong { background-position: center -160px; } .lift-mall { background-position: center -200px; } .lift-you { background-position: center -240px; } .lift-server { background-position: center -280px; } .lift-crop { background-position: center -320px; } /*lift hover*/ .lift-item:hover { color: #fff; background: #3882e5; } .lift-item:hover .lift-name { text-decoration: none; color: #fff; padding-top: 0; border-top: none; } .lift-item.mix_active { background: none; color: #fff; } .lift-item.mix_active .lift-name { cursor: default; display: inline-block; color: #3882e5; padding-top: 0; } .lift-item.mix_active:hover { background: none; } .lift-item.mix_active:hover .lift-name { border-top: 1px solid #e0e0e0; } .lift-show { opacity: 1; } @media screen and (min-width:1200px) and (max-width:1300px) { .lift { opacity: 0; } } @media screen and (max-width:1200px) { .cui_hd, .cui_nav { width: 980px; } .base_hd, #cui_bd, .col1, .etcinfo { width: 980px; } .base_nav, #cui_nav { min-width: 980px; } .pic_wflowh294 { width: 640px; } /*mod*/ .mod { width: 980px; } /*mod browser*/ .bow-history .scrolling-wrap, .bow-history .list-wrap { width: 980px; } /*product*/ .extra-item { display: none; } .hotel-homestay .extra-item { display: block; right: 20px; } .hotel-homestay .homestay-product { display: none; } .entrance { width: 197px } /*980 entrance*/ .tmh .product, .hotel .product, .car .product, .play .product, .buy .product, .guide .product { margin-left: 239px; } .hotel-homestay .product { margin-left: 0; } .tmh .mod-bd-panel_tmh .product { margin-left: 0; } .product-item { margin: 0 0 10px 20px; } .mod.flightC .inner-tab-panel{ margin-right: -20px; } .mod.flightC .product-item { margin-right: 20px; } .mod.tmh .product-item, .mod.hotel .product-item { margin-right: 20px; } .mod.hotel .product-item_complex { margin-bottom: 20px; height: 155px; } .mod.tmh .inner-tab-panel_noextra { margin-left: -20px; } .mod.tmh .inner-tab-panel_noextra .product-item { margin: 0 0 10px 20px; } .inner-tab-panel { margin: 0 -20px; padding-right: 0; } .hotel-internal .inner-tab-panel { margin: 0 -20px 0 0; } .play .inner-tab-panel, .buy .inner-tab-panel, .guide .inner-tab-panel { height: 162px; overflow: hidden; } .car .inner-tab-panel { height: 204px; overflow: hidden; } .car .item-thumbnail { margin-bottom: 1px; margin-top: 2px; } /*product flight*/ .flight .product { margin-left: 720px; border-left: none; padding: 0; } .calender { float: left; width: 700px; height: 360px; overflow: hidden; } .calender-tabs-date-wrap, .calender-date-panel, .theme-img, .theme-img img { width: 700px; } .month { margin-right: -15px; } .month li { margin-right: 15px; } .mod-bd-panel_flightB .product-item, .mod-bd-panel_flightC .product-item { margin-bottom: 15px; } /*guide*/ .supply-box { width: 318px; overflow: hidden; } .col-4 .supply-item { width: 106px; } .col-3 .supply-item { width: 159px; } .supply-img { width: 85px; } .supply-cont { margin-left: 95px; } .mod-bd-crop .supply-img { width: 95px; } .mod-bd-crop .supply-cont { margin-left: 105px; } /*guide*/ .car .product-bd, .play .product-bd, .buy .product-bd, .guide .product-bd { margin-left: -20px; } /*partner*/ .part { padding: 10px 18px 0 19px; } .partner .part-bd li { width: 156px; } /*bottom ads*/ .mod-ads { overflow: hidden; } .ads_uma { margin-left: -100px; overflow: hidden; } .lift { margin-left: -540px; } .hotel-homestay .inner-tab-panel { padding-right: 220px; } } @media screen and (max-width:1100px) { .lift { opacity: 0; } } /*======================================================================*/ /*--top alert--*/ .pop_attention { position: relative; z-index: 9999; overflow: hidden; min-width: 960px; overflow: hidden; padding-right: 40px; border-top: 1px solid #fbce96; border-bottom: 1px solid #fbce96; line-height: 18px; background-image: linear-gradient(top, #fff9f5 0%, #ffe7c6 100%); background-color: #ffe7c6; } .ico_attention { padding: 4px 0 0 30px; background-position: -95px -20px; } .close_btn { float: right; width: 27px; height: 24px; margin-right: -40px; overflow: hidden; color: #ff7a17; font: bold 12px/24px simsun; text-align: center; } .close_btn:hover { color: #06c; text-decoration: none; } /*QQ caibei*/ .caibei { padding-top: 2px; background-position: -94px 5px; } .caibei p { display: inline-block; white-space: nowrap; height: 20px; padding-left: 30px; *display: inline; *zoom: 1; line-height: 20px; } .caibei-info strong { font-weight: bold; color: #f00; } /*pic top banner*/ .pic_banner { margin: 0 auto; height: 340px; } /*searchbox*/ .searchbox { position: absolute; z-index: 13; margin: 20px 0; background-color: #fff; width: 580px; height: 300px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); } .searchbox_animate { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .searchbox_flt_in, .searchbox_flt_in .s_tab { height: 401px; } .searchbox_flt_in .s_content { height: 376px; } .searchbox_flt_in_connect, .searchbox_flt_in_connect .s_tab { height: 396px; } .searchbox_flt_in_connect .s_content { height: 371px; } .searchbox_flt_out, .searchbox_flt_out .s_tab { height: 408px; } .searchbox_flt_out .s_content { height: 383px; } .searchbox_flt_out_default { width: 870px; height: 326px; } .searchbox_flt_out_default .s_tab { height: 326px; } .searchbox_flt_out_default .s_content { width: 755px; height: 301px; } .searchbox_flt_out_default .s_options { margin-right: 36px; } .searchbox_flt_out_connect { width: 870px; /*height: 350px;*/ } .searchbox_flt_out_connect .s_content { width: 755px; /*height: 325px;*/ } .searchbox_flt_out_connect .s_tab { /*height: 350px;*/ } .searchbox_flt_out_connect .s_options { padding-left: 28px; margin-right: 36px; _margin-top: 20px; } .searchbox_flt_out_connect .s_button_area, .searchbox_flt_out_default .s_button_area { width: 719px; right: 41px; } .searchbox_flt_out_inlandflight, .searchbox_flt_out_inlandflight .s_tab { /*height: 330px;*/ } .searchbox_pkg, .searchbox_pkg .s_tab { height: 325px; } .searchbox_pkg .s_content { height: 300px; } .searchbox_usercar, .searchbox_usercar .s_tab { height: 375px; } .searchbox_usercar .s_content { height: 350px; } .s_flt_child_tip { padding-left: 66px; font-family: "Microsoft YaHei", simsun, sans-serif; color: #999; font-size: 14px; } .searchbox_flt_out_connect .s_flt_child_tip { padding-left: 306px; } .s_tab { position: absolute; top: 0; left: 0; background-color: #2577e3; width: 90px; height: 300px; } .s_tab li { position: relative; float: left; display: inline-block; width: 60px; height: 42px; padding: 0 17px 0 13px; margin: 0; border-left: 4px solid #2577e3; font: 16px/42px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; text-align: left; color: #fff; } .s_tab li b { position: relative; display: block; height: 42px; border-bottom: 1px dashed #aac3f1; font-weight: normal; } .s_tab li b .tag-sale-hotel { position: absolute; top: 0; right: -8px; } .s_tab .s_tab_current b, .s_tab li:hover b { border-bottom: none; } .s_tab li:last-of-type b { border-bottom: none; } .s_tab .s_tab_current { position: relative; border-left: 4px solid #ff9915; color: #2577e3; background: #fff; cursor: default; } :root .s_tab .s_tab_current { border-left: 4px solid #ff9915; background: #fff; color: #2577e3; border-bottom: none; } .s_tab_nocurrent { cursor: pointer; } .s_tab_nocurrent:hover { border-left: 4px solid #ff9915; color: #2577e3; background: #fff; } .s_tab li .cui_ico_new { top: auto; left: auto; margin: -4px 0 0 -4px; *margin: -12px 0 0 -4px; width: 23px; height: 16px; background-position: 0 -152px; } .s_content { background-color: #fff; margin-left: 90px; width: 451px; height: 275px; padding: 20px 20px 5px; _overflow: hidden; text-align: left; } .searchbox .label-en { right: -10px; top: -15px; padding: 0; padding: 0 4px\9; padding: 0 2px\0; font-weight: normal; } .searchbox .label-cn { right: -10px; top: -15px; font-weight: normal; } .s_tab li b .label-cn { right: 2px; } .error_free{ color: #ff0000; padding-left: 69px; margin-top: -7px; padding-bottom: 5px; } .reminder-text { position: relative; padding: 5px 10px; margin-bottom: 5px; background: #f6f6f6; line-height: 1; font-size: 12px; color: #666; } .reminder-text .price { float: none; font-size: 12px; } .reminder-text .price dfn { vertical-align: middle; color: #f60; } .s_tips_details { position: absolute; z-index: 999; max-width: 260px; background: #fff; border: 1px solid #67a1e2; color: #666; line-height: 1.5; padding: 8px 10px; } .items-list{ margin-left: -10px; margin-right: -10px; } .items-list .item{ position: relative; float: left; width: 74px; margin:6px 4px; height:32px; line-height: 32px; } .item-link{ display: block; padding:0 5px; background: #F7F7F7; border-radius: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 14px; color: #222; } .item-link:hover{ background: #E8F3FD; color: #0066CC; } .item .label-cn, .item .label-en{ right:10px; top:-8px; } .items-content { margin-left: -5px; } .items-content:before, .items-content:after { display: table; content: ""; line-height: 0; } .items-content:after { clear: both; } .items-content .items-list{ margin-left: 50px; } .items-content .item-title{ float: left; width: 47px; margin-top: 11px; /* line-height: 32px;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; font-size: 14px; color: #666; margin-left: -2px; } .items-content .item-title.two-lines { margin-top: 0px; } .items-content-cruise .items-list .item{ width: 94px; margin:5px 4px; height:32px; line-height: 32px; } /* lvyou */ .vacation .s_item, .vacation .s_item2{ width:173px; } .vacation .s_item{ margin-right: 20px; } .vacation .s_vca_dest{ width:123px; margin-left:3px; background-position: 114px -147px; } .vacation .s_vca_no_dest{ width:123px; margin-left:3px; } .vacation .s_button_area{ top:3px; right:0; width:70px; } .vacation .s_btn{ width:70px; } .vacation-img-group { margin-top: 4px; } .vacation-img-group:before, .vacation-img-group:after { display: table; content: ""; line-height: 0; } .vacation-img-group:after { clear: both; } .vacation-img-group .vacation-img1 { cursor: pointer; width: 216px; float: left; margin-left: 10px; height: 58px; overflow: hidden; /* background: url(//pic.c-ctrip.com/platform/online/home/vacation-img-banner1.png) no-repeat 0 0; */ } .vacation-img-group .vacation-img1 img { width: 100%; height: 100%; } .vacation-img-group .vacation-img2 { cursor: pointer; width: 216px; float: left; margin-left: 8px; height: 58px; overflow: hidden; /* background: url(//pic.c-ctrip.com/platform/online/home/vacation-img-banner2.png) no-repeat 0 0; */ } .vacation-img-group .vacation-img2 img { width: 100%; height: 100%; } .view-more { margin: 12px 0 0 10px; } .view-more a { font-size: 14px; color: #0066CC; font-weight: bold; cursor: pointer; } .s_item_cont.vacation .s_item_ticket { width: 361px; } .s_item_cont.vacation .s_item_ticket input{ width: 303px; } /**/ .s_content .fl { float: left; } .s_content .w100 { width: 100%; } .s_content .w01 { width: 380px; } .s_content .w02 { width: 68px; } .s_content .w03 { width: 396px; } .s_content .w04 { width: 140px; } /* for hotel history,add by txji 2013-08-05,update by txji 2013-08-26 */ .s_content .w05 { width: 357px; } .s_content .w06 { width: 286px; } .s_content .w07 { width: 100px; } .s_content .w08 { width: 125px; } .s_content .w09 { width: 225px; } .s_content .w10 { width: 90px; } .s_content .w11 { width: 195px; } .s_content .w12 { width: 341px; } .s_content .w13 { width: 155px; } .s_content .w14 { width: 295px; } .s_content .w15 { width: 339px; } .s_content .w16 { width: 87px; } .s_content .w17 { width: 149px; } .s_content .w18 { width: 153px; } .s_content .w19 { width: 175px; } .s_content .w20 { width: 250px; } .s_content .w21 { width: 129px; } .s_content .w22 { width: 200px; } .s_content .w23 { width: 84px; } .s_content .w24 { width: 183px; } .s_content .w71 { width: 71px; } .s_content .w83 { width: 83px; } .s_content .w134 { width: 134px; } .s_content .w123 { width: 123px; } .s_content .w170 { width: 160px; } .s_content .w164 { width: 164px; } .s_content .w375 { width: 375px; } .s_content .w304 { width: 304px; } .s_content .w144 { width: 144px; } .usecar_margin { margin-top: 5px; } .s_content .m015 { margin: 0 15px; } .s_item_hotel, .s_item_car-overseas{ float: left; width: 89px; margin-left: 4px; padding-top: 4px; *padding-top: 5px; position: relative; z-index: 1; } .s_item_car-overseas{ width: 70px; } .history_list { display: none; position: absolute; z-index: 1; top: 34px; *top: 35px; right: 0; _right: -1px; border: 1px solid #c5c5c5; background-color: #fff; } .history_list a { display: block; padding-left: 8px; padding-right: 8px; cursor: pointer; color: #333; white-space: nowrap; text-align: right; } .history_list a:hover, .history_list a.item_hover { display: block; background-color: #2577e3; color: #fff; text-decoration: none; } .history_list .item_past .date { color: #999; } .history_list a:hover .date, .history_list a.item_hover .date { background-color: #2577e3; color: #fff; } .history_list span { display: inline-block; line-height: 24px; } .history_list .city { padding-right: 8px; text-align: right; } .s_history_btn { position: relative; z-index: 2; float: left; width: 79px; padding-left: 8px; padding-top: 2px; padding-bottom: 4px; height: 24px; font: 14px/24px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; border: 1px solid #fff; border-bottom: none; text-align: left; color: #333; background-color: #fff; } .s_history_btn:hover { color: #06c; text-decoration: none; } .s_history_btn_hover { border-color: #c5c5c5; } .s_history_btn i { float: right; margin: 10px 10px 0 0; display: inline-block; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0; vertical-align: middle; border-top: 5px solid #666; border-bottom: 0 none; border-left: 5px solid transparent; border-right: 5px solid transparent; _color: #ff3fff; _filter: chroma(color=#ff3fff); background-image: none; } .s_history_btn:hover i { border-top: 5px solid #3983e4; border-bottom: 0 none; } .s_history_btn_hover i { border-bottom: 5px solid #3983e4; border-top: 0 none; } .s_history_btn_hover:hover i { border-bottom: 5px solid #3983e4; border-top: 0 none; } .s_content .ml01 { margin-left: 9px; } .s_has_exchange { position: relative; z-index: 10; } .s_exchange { position: absolute; z-index: 1; top: 20px; left: 216px; width: 10px; height: 42px; border: 1px solid #ddd; border-left: none; text-indent: 0; font: 12px/1.5 simsun, sans-serif; } .s_exchange a { position: absolute; z-index: 1; width: 18px; left: 3px; top: 12px; background-color: #c9cacb; color: #fff; text-align: center; } .s_exchange a:hover { background-color: #06c; text-decoration: none; } .s_step{ position: absolute; z-index: 1; top: 25px; left: 213px; width: 19px; height:8px; } .s_item_cont, .s_item_cont3 { position: relative; clear: both; width: 100%; height: 42px; line-height: 28px; } .s_item_cont .icon-exchange, .s_item_cont .icon-exchangein { margin-left: 6px; } .s_item_cont_ex { position: relative; z-index: 13; } .s_item_cont:after { clear: both; content: '.'; visibility: hidden; height: 0; display: block; overflow: hidden; } .s_content .s_item, .s_content .s_item2 { float: left; display: inline; font-size: 14px; font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; line-height: 26px; text-align: left; height: 35px; padding-top: 5px; text-align: right; text-indent: -100px; } .s_disable, .s_disable input { color: #ccc !important; } .s_item { width: 211px; } .s_item2 { width: 240px; } .s_item3 { margin-bottom: 12px; font: 14px "Microsoft YaHei", Tahoma, Simsun, sans-serif; } .s_item3 a { margin-right: 8px; } .s_item3 .more { position: absolute; top: 0; right: 0; } .s_item3_links { position: relative; height: 19px; padding-right: 55px; overflow: hidden; } .demand-meeting { position: absolute; z-index: 20; bottom: 22px; left: 125px; line-height: 16px; } .demand-meeting .demand-text { position: relative; display: inline-block; margin-right: 5px; padding: 2px 6px; border: 1px solid #d9d9d9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #999; } .demand-meeting .demand-text .icon-point { display: inline-block; position: absolute; right: -4px; top: 4px; width: 4px; height: 5px; background-position: -92px -114px; } .demand-meeting .btn-demand { display: inline-block; height: 31px; padding: 0 10px; color: #ff7800; border: 1px solid #ff9001; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 14px/31px "Microsoft yahei", simsun; box-shadow: 0 1px 1px #d5d5d5; -webkit-box-shadow: 0 1px 1px #d5d5d5; } .demand-meeting .btn-demand:hover { background: #fff4ea; text-decoration: none; } .demand-meeting .btn-demand .icon-edit { margin-right: 4px; vertical-align: middle; margin-top: -1px; } .s_item_flight_way_o { margin-top: 5px; } .s_item_flight_way_o .s_item { width: 478px; } .s_item_flight_way_o .s_flt_tip_warinng, .s_item_flight_way_o .s_flt_tip_info { margin-left: 92px; } .s_grey { color: #ccc; } .s_subtab_a { position: relative; font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; height: 27px; line-height: 20px; background-position: 0 -96px; background-repeat: repeat-x; margin-bottom: 8px; } .s_subtab_a a { position: relative; color: #666; font-size: 14px; font-weight: bold; line-height: 20px; text-decoration: none; height: 25px; float: left; margin-right: 20px; outline: none medium; cursor: pointer; display: block; } .s_subtab_a a:hover { text-decoration: none; color: #06c; } .s_subtab_a .current { color: #06c; background-position: 50% -10px; cursor: default; text-decoration: none; padding-bottom: 2px; } .s_subtab_rtitle { position: absolute; right: 20px; top: 18px; line-height: 25px; margin-right: 0; font-size: 14px; font-weight: bold; color: #666; } .s_subtab_rtitle:hover { color: #666; } .s_subtab_rtitle .icon-go { margin-left: 5px; vertical-align: -3px; *vertical-align: middle; } .s_type { height: 25px; padding-left: 100px; font-size: 14px; font-family: "Microsoft YaHei", SimSun; text-indent: -100px; } .s_type.s_type_babyin { position: absolute; right: 0; top: 3px; height: 22px; line-height: 22px; text-indent: 0; padding-left: 0; } .s_type.s_type_babyin input { vertical-align: -2px; margin-right: 2px; } .s_type.s_type_media { height: auto; padding-left: 66px; text-indent: -38px; margin-bottom: 10px; } .s_type_media .s_type_list { font-size: 13px; margin-bottom: 5px; text-indent: 0; } .s_type_media .s_type_list.first { margin-top: -18px; } .s_type_media .s_type_list .notes { color: #999; padding-left: 7px; } .s_type .index_label { margin-left: 10px; text-indent: 0; } .s_type_babyshow { position: relative; padding-left: 156px; *padding-left: 52px; vertical-align: middle; } .index_label input { vertical-align: middle; margin-right: 3px; } .s_type_babyshow .s_tips_details { left: 202px; max-width: 400px; width: 400px; text-indent: 0; } .s_type_babyshow .s_tips_details_title { font-weight: bold; text-align: center; margin-bottom: 10px; } .s_type_babyshow .s_tips_details_list { margin-bottom: 10px; } .s_type_babyshow .s_tips_details_list dt { font-weight: bold; } .s_type_babyshow .s_tips_details_list dd { font-size: 12px; line-height: 1.8; } .s_state { margin-left: 10px; color: #333; } .s_state:hover { color: #3983e5; } #airHotelSearchForm .s_type { padding-left: 0; text-indent: 0; } #airHotelSearchForm .index_label { margin-left: 0; } .s_item input, .s_item2 input, .s_item3 input, .c_item input { width: 140px; padding-left: 3px; margin-left: 10px; border-color: #bbb #ddd #ddd #bbb; border-style: solid; border-width: 1px; height: 28px; font: 14px/28px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; *vertical-align: middle; outline: none; color: #333; box-shadow: 1px 1px 1px #ddd inset; } .s_item input.error, .s_item2 input.error, .s_item3 input.error, .c_item input.error{ border-color:#ff0000; } .s_item3 .w03 { width: 446px; margin-left: 0; } .s_item input[type="text"]:focus, .s_item2 input[type="text"]:focus, .s_item3 input[type="text"]:focus, .mail_subscribe_txt:focus { border-color: #5d9de5; box-shadow: none; } .f_error { background-color: #fff7d9 !important; border-color: #d80000 #e50000 #e50000 #d80000 !important; border-style: solid; border-width: 1px; box-shadow: 1px 1px 3px #e6dfc4 inset !important; } .s_content div input[type="text"] { border-radius: none; } .s_content select { width: 145px; height: 28px; margin: 0 0 0 10px; border-radius: none; font-family: 'microsoft yahei', simsun; font-size: 12px; *margin: 3px 0 0 10px; } .s_vca_info { position: absolute; z-index: 1; height: 16px; width: 16px; overflow: hidden; margin: 9px 0 0 -20px; cursor: help; background-position: 0 -183px; } .s_vca_tag { line-height: 2; } .s_vca_tag a { margin-right: 6px; white-space: nowrap; } .s_vca_dest { background-position: 127px -147px; } .s_vca_usecar { background-position: 325px -147px; } .s_content .txtgray { padding: 10px 0 5px 20px; height: 27px; line-height: 27px; } .s_btn, .s_btn_disabled { position: relative; width: 145px; height: 33px; color: #fff; font-size: 16px; font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; font-weight: bold; cursor: pointer; text-align: center; letter-spacing: 0.4em; text-indent: 0.4em; box-shadow: 0 1px 0 rgba(95, 50, 0, 0.7); border-radius: 3px; *-webkit-filter: chroma(color=#000000); *filter: chroma(color=#000000); overflow: visible; } .s_btn { text-shadow: 1px 1px 0 #cf7000; background-color: #ffb000; border: solid 1px #e77c00; } .s_btn_disabled { color: #999; background-color: #efefef; border: solid 1px #ccc; cursor: default; } .s_btn2, .s_btn_ing2 { padding: 0; width: 195px; letter-spacing: 0; } .s_btn3, .s_btn_ing3 { padding: 0; width: 145px; letter-spacing: 0; } .s_btn:hover, .s_btn_ing, .s_btn_ing2, .s_btn_ing3 { background-color: #f79700; border-color: #de7800; } .s_btn_ing, .s_btn_ing2, .s_btn_ing3 { cursor: wait; letter-spacing: 0; } .s_links { padding-bottom: 15px; padding-top: 5px; border-bottom: 1px dotted #ddd; margin-bottom: 20px; font: 14px/20px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; } .s_links p { margin-bottom: 10px; width: 100%; height: 20px; overflow: hidden; } .s_links span { float: left; color: #666; } .s_links strong { font-weight: normal; font-size: 16px; color: #666; } .s_links .txt_gray { height: auto; margin-bottom: 5px; overflow: visible; color: #999; } .s_links a { margin-right: 4px; } .s_links p.row { padding-left: 70px; width: auto; height: auto; } .s_links p.row span { margin-left: -70px; } .s_links p.row a { display: inline-block; white-space: nowrap; *display: inline; *zoom: 1; } .s_links2 { padding-bottom: 10px; margin-bottom: 5px; } .s_links3 { padding-bottom: 0; margin: 0; border: 0 none; } .s_links4 { padding-bottom: 6px; margin-bottom: 12px; *padding-bottom: 15px; margin-top: -10px; } .s_links5 { padding: 0; margin-bottom: 10px; } .mg01 { margin-bottom: 5px; } .pd01 { padding-top: 8px; } .s_item_car input { height: 28px; line-height: 28px; vertical-align: middle; } .s_item_usercar .date_explain { float: left; display: inline-block; width: 68px; margin-left: -10px; line-height: 15px; } .s_item_usercar .date_explain i { font-size: 12px; font-style: normal; } .s_item_car select { vertical-align: middle; } .s_item_car .s_vca_dest { background-position: 127px -150px; } .s_item .input_s_date { width: 49px; } .s_item_date { width: 329px; } .s_item_car .index_label { margin: 0; text-align: left; vertical-align: middle; text-indent: 0; float: left; } .s_item_car .index_label input { width: auto; height: auto; } .s_item_car .s_disable .index_label { float: left; color: #333; } .s_item_l { width: 329px; } .s_item_car .s_item_l .s_vca_dest { width: 258px; background-position: 247px -150px; } .s_item_car .s_item_l .input_l { width: 263px; } /*search for usrcar add by dulh 20141119*/ .s_item_jsj { position: relative; width: 300px; } .s_item_jsj .flt_no { width: 229px; } .my_fltno { position: absolute; right: 5px; top: 11px; display: inline-block; height: 18px; line-height: 18px; width: 50px; color: #06c; border-left: 1px dotted #ccc; padding-left: 20px; font-size: 12px; background: url(//pic.c-ctrip.com/index/ico_search_box_2.png) -15px -104px no-repeat; } .s_item_qfdate { width: 151px; } .s_content .s_item_error, .s_content .s_item_note, .s_content .s_item_loading { float: right; margin-right: 42px; margin-top: -4px; padding-top: 0; text-align: left; text-indent: 0; font-size: 13px; } .s_content .s_item_error { width: 338px; background: #fff5d1; padding-left: 5px; height: 30px; line-height: 30px; } .s_content .s_item_error .refresh { padding-left: 5px; } .s_content .s_item_error i.ico_waring, .icon-waring { display: inline-block; width: 12px; height: 12px; background: url(//pic.c-ctrip.com/common/un_header_footer20141105.png) -38px -99px no-repeat; margin: 0 5px 0 0; vertical-align: middle; } .s_content .s_item_note { width: 343px; color: #f90; height: auto; line-height: 16px; } /*租车提示*/ .s_content .s_item_car .s_item_note { margin-top: 0; color: #333; font-size: 13px; } .s_content .s_item_car .s_item_note .number { color: #ffb000; padding: 0 3px; } .s_content .s_item_loading { width: 343px; text-align: left; height: auto; line-height: 18px; } .s_content .s_item_loading img { float: left; line-height: 18px; vertical-align: middle; margin-right: 5px; } /*search for freewalk*/ .s_item_free { margin-top: -5px; height: 35px; line-height: 35px; *margin-top: -2px; /*overflow:hidden;*/ } .s_item_free .s_item, .s_item_free .s_item2 { padding-top: 2px; } .hint { position: absolute; z-index: 99; padding: 0 6px; color: #333; height: 24px; line-height: 24px; background: #fff5d1; border: 1px solid #ffb533; } .hint .icon-arrow-t { position: absolute; top: -7px; left: 7px; } .s_button_area { bottom: 17px; } .sale_scenichotel { bottom: 13px; } /* search for train */ .s_exchange_train { left: 170px; } .s_item_traincon { margin-top: 15px; } .s_item4 { width: 166px; } .s_item5 { width: 285px; } .s_item4 input { width: 100px; margin-left: 5px; } .s_item5 input { width: 88px; margin-left: 5px; } .select_time { position: relative; z-index: 12; display: inline-block; margin-left: 2px; vertical-align: top; *display: inline; *zoom: 1; *vertical-align: middle; } .chosen { padding: 0 16px 0 5px; width: 70px; height: 28px; line-height: 30px; border: 1px solid #ccc; font-size: 12px; text-indent: 0; text-align: left; cursor: pointer; overflow: hidden; white-space: nowrap; word-break: break-all; } .chosen i { position: absolute; top: 14px; right: 5px; width: 0; height: 0; line-height: 0; border: 5px solid #fff; border-top-color: #06c; font-size: 0; } .s_disable .chosen i { border-top-color: #ccc; } .option_list { position: absolute; z-index: 22; left: 0; width: 91px; padding: 3px 0; border: 1px solid #ccc; border-top: 0 none; background-color: #fff; font-size: 12px; } .option_list li { height: 20px; padding: 0 5px; line-height: 20px; text-align: left; text-indent: 0; } .option_list li:hover { background-color: #39f; color: #fff; cursor: pointer; } .train_notes { padding-top: 5px; color: #999; font-family: Simsun; clear: both; } .train_notes a { color: #999; text-decoration: underline; } /*=Pass type 20141203 add by lhdu*/ .ticket_mold { position: absolute; z-index: 11; left: 110px; bottom: 28px; } .ticket_mold a { display: inline-block; height: 21px; line-height: 21px; margin-right: 24px; vertical-align: middle; color: #06c; } .ticket_mold a:hover { text-decoration: none; } .icon_onec_pass, .icon_twoc_pass, .icon_multc_pass { display: inline-block; vertical-align: middle; width: 21px; height: 21px; margin-right: 5px; } .icon_onec_pass { background-position: 0 -410px; } .icon_twoc_pass { background-position: -26px -410px; } .icon_multc_pass { background-position: -52px -410px; } .c_item { padding-top: 5px; padding-left: 61px; height: 35px; line-height: 26px; font-size: 14px; font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; text-align: left; } .c_item label { margin-left: -61px; } .europe_people { position: relative; z-index: 11; float: left; margin-left: 6px; width: 93px; height: 30px; *display: inline; font-size: 12px; } .s_content .europe_people_first { width: 95px; } .europe_people .europe_time { position: relative; z-index: 1; left: 0; margin: 0; width: 88px; font-size: 12px; } .europe_people b { position: absolute; z-index: 2; right: 0; bottom: 1px; color: #bababa; width: 30px; font-weight: normal; text-indent: 0; text-align: left; } .europe_people p { position: absolute; z-index: 20; left: 0; top: 29px; width: 91px; border: 1px solid #ccc; background-color: #fff; } .europe_people p a { display: block; padding-left: 8px; height: 26px; line-height: 26px; color: #333; text-indent: 0; text-align: left; font-family: Tahoma; } .europe_people p a:hover { background-color: #ccc; text-decoration: none; } .pep_numnone { color: #ccc; } /* search options */ .s_options { display: none; clear: both; margin-top: 12px; border-top: 1px dashed #d6d6d6; padding-top: 10px; } /* search button area */ .s_button_area { position: absolute; z-index: 10; right: 20px; bottom: 22px; width: 200px; text-align: right; } .s_high_level { float: left; width: 5em; padding-right: 5px; height: 32px; font: bold 14px/32px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; text-align: left; } .s_high_level:hover { text-decoration: none; } .s_high_level i { float: right; margin-top: 15px; display: inline-block; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0; vertical-align: middle; border-top: 5px solid #3983e4; border-bottom: 0 none; border-left: 5px solid transparent; border-right: 5px solid transparent; _color: #ff3fff; _filter: chroma(color=#ff3fff); } .s_high_level_hover i { border-bottom: 5px solid #3983e4; border-top: 0 none; background-image: none; } .cui_btn_pkg { display: inline-block; width: 145px; border: 1px solid #d1d1d1; height: 33px; margin-right: 10px; vertical-align: center; border-radius: 3px; background-color: #fcfcfc; color: #333; text-align: center; box-shadow: 0 1px 1px rgb(209, 209, 209); font-size: 16px; font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; cursor: pointer; *-webkit-filter: chroma(color=#000); *filter: chroma(color=#000); } .cui_btn_pkg:hover { text-decoration: none; background-color: #06c; color: #fff; border-color: #06c; } .cui_btn_s_links { display: inline-block; width: 98px; height: 26px; margin-right: 10px; line-height: 26px; text-align: center; vertical-align: middle; border: 1px solid #d1d1d1; border-radius: 3px; background-color: #fcfcfc; color: #333; box-shadow: 0 1px 1px rgb(209, 209, 209); font-size: 12px; font-family: SimSun, Tahoma, Verdana, Arial, sans-serif; cursor: pointer; *-webkit-filter: chroma(color=#000); *filter: chroma(color=#000); } .cui_btn_s_links:hover { text-decoration: none; background-color: #06c; color: #fff; border-color: #06c; } .s_button_area .s_btn2 { margin-top: 8px; } .s_item_cont3 .s_high_level { margin-top: -10px; } .s_item_cont3 .s_high_level_hover { margin: 0; } .sale_fighthotel { position: absolute; bottom: 17px; left: 220px; width: 130px; height: 40px; background: url(//pic.c-ctrip.com/index/sale_flighthotel.png) no-repeat 0 0; } .sale_scenichotel, .s_ticket, .s_ticket_disney { position: absolute; bottom: 17px; left: 150px; width: 184px; height: 46px; background: url(//pic.c-ctrip.com/index/sale_scenichotel_20140925.png) no-repeat 0 0; } .tmh_in { position: absolute; z-index: 11; bottom: 20px; left: 235px; width: 154px; height: 40px; background: url(//pic.c-ctrip.com/index/pic_tmh_in.png) no-repeat 0 0; overflow: hidden; } .s_ticket, .s_ticket_disney { z-index: 12; left: 263px; bottom: 20px; width: 139px; height: 37px; background: url(//pic.c-ctrip.com/index/pic_s_ticket.png) no-repeat 0 0; } .s_ticket { background: url(//pic.c-ctrip.com/index/pic_s_ticket.png) no-repeat 0 0; } .s_ticket_disney { left: 112px; padding-top: 37px; height: 0; overflow: hidden; background: url(//pic.c-ctrip.com/platform/online/home/pic_ticket_disney.png) no-repeat 0 0; } /* button map */ .s_item .s_item_direct { float: right; text-indent: 0; width: 100px; text-align: left; _padding-top: 8px; } .s_item_direct .index_label input { width: 12px; height: 12px; padding: 0; margin-right: 3px; vertical-align: -2px; *vertical-align: middle; border: none; } /* voyage num */ .s_item_voyage { float: left; width: 18px; height: 18px; margin-right: 10px; font-family: tahoma, Arial, sans-serif; line-height: 18px; text-align: center; margin-top: 10px; background-color: #9cc1f1; color: #fff; } .s_content_free_shuttle .s_item_voyage { text-indent: 0; margin: 5px 0 0; } /* add voyage */ .s_add_voyage { clear: both; border: 1px dashed #d6d6d6; padding-left: 28px; margin-right: 36px; height: 26px; font: 14px/26px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; color: #888; _line-height: 28px; overflow: hidden; *zoom: 1; } .s_content_free_shuttle .s_add_voyage { margin: 0 !important; } .s_add_voyage:hover, .s_add_voyage_hover { border-color: #06c; } .s_add_voyage i { float: left; width: 12px; height: 12px; margin-top: 7px; margin-left: -20px; overflow: hidden; background-position: -28px -96px; } .s_item_del { float: left; width: 10px; height: 10px; margin-top: 14px; margin-left: 8px; background-position: -44px -97px; cursor: pointer; } .s_item_del:hover { background-position: -59px -97px; } .s_item_del.fr { float: none; position: absolute; right: -13px; margin: 14px 0 0 0; } .s_content_free_shuttle .s_item_del.fr { right: -13px; } .s_voyage_tip { display: inline-block; margin-left: 5px; vertical-align: middle; width: 12px; height: 12px; line-height: 12px; overflow: hidden; background-position: -71px -93px; cursor: pointer; } /* flight waring and tips info */ .searchbox_flt_warn, .searchbox_flt_warn .s_tab { height: 352px; } .s_flt_tip_warinng, .s_flt_tip_info { float: left; width: 355px; margin: -6px 0 10px 64px; padding: 2px 5px; padding-left: 25px; line-height: 20px; } .s_flt_tip_warinng { background-color: #fffcd8; border: 1px solid #ffc471; } .s_flt_tip_info { background-color: #f1f6ff; border: 1px solid #5ba0dd; } .s_flt_tip_warinng .icon-waring, .s_flt_tip_info .s_voyage_tip { float: left; margin-left: -17px; margin-top: 4px; } /* vacation departures */ .departures { position: absolute; z-index: 200; width: 586px; padding: 6px 10px; border: 1px solid #999; background-color: #fff; font-family: Arial, simsun, sans-serif; } .departures h5 { font-size: 12px; line-height: 22px; color: #333; } .departures a { color: #333; margin-right: 8px; line-height: 22px; display: inline-block; padding: 0 2px; } .departures_sequence a { margin-right: 4px; } .departures a:hover { background-color: #2577e3; text-decoration: none; color: #fff; } .departures_sequence { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 6px; *zoom: 1; } .departures_sequence:after { clear: both; display: block; height: 0; visibility: hidden; content: '.'; line-height: 0; } .departures_sequence li { width: 49.5%; float: left; padding-bottom: 6px; } .departures_sequence span { display: inline-block; width: 16px; height: 16px; margin-left: 3px; margin-right: 12px; text-align: center; line-height: 16px; color: #e56700; } /* vacation destination */ .destination { width: 370px; overflow: hidden; padding: 10px; background: #fff; font-family: Simsun; border-color: #999; border-style: solid; border-width: 0 1px 1px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); } .tips { height: 24px; margin: -10px -11px 10px -11px; padding-left: 10px; border-color: #2c7ecf; border-style: solid; border-width: 1px 1px 0 1px; background-color: #67a1e2; line-height: 24px; font-size: 12px; color: #fff; } .bound { width: 100%; } .destination dl { width: 175px; float: left; overflow: hidden; } * html .destination dl { width: 175px; } .destination .brand { margin-left: 16px; } .destination .theme { width: 98%; } .destination dl dt { font-weight: normal; border-bottom: 1px #aeaeae dotted; height: 24px; line-height: 24px; color: #535353; } .destination dl dd { margin: 2px; float: left; } .destination a { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; white-space: nowrap; height: 18px; margin: 0 5px 0 0; padding: 0 2px; border: 1px solid #fff; } .destination a:hover { background-color: #e8f4ff; border: 1px solid #acccef; text-decoration: none; } /* hotel departures */ .departures_list { position: absolute; z-index: 10; margin-left: 29px; width: 87px; border: 1px solid #5b8ed3; background-color: #fff; text-align: center; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); } .departures_list a { display: block; height: 24px; line-height: 23px; } .departures_list a:hover { text-decoration: none; background-color: #e6f0ff; } /* hotel floating layer Begin */ .keyword_search { width: 504px; font-size: 12px; background: #fff; } .keyword_list, .keyword_list2 { border: 1px solid #999; border-top: none; overflow: hidden; zoom: 1; } .address_hot_list2 { position: relative; margin: 5px 5px 0 5px; border-bottom: 2px solid #ccc; *height: 23px; } .address_hot_abb2 { height: 23px; _margin-bottom: -5px; } .address_hot_abb2 li { float: left; height: 28px; margin-right: 10px; padding: 0 7px; line-height: 24px; color: #16b; cursor: pointer; _position: relative; } .address_hot_abb2 li span { padding: 3px 0; } .address_hot_abb2 .hot_selected2 { background-position: 50% -9px; } .keyword_list2 .area_list { clear: both; margin: 0 5px; } .keyword_list2 .show_map { position: absolute; top: 33px; left: 408px; white-space: nowrap; z-index: 2; } .keyword_sub_city { padding: 5px 10px; border-top: 1px solid #ccc; background-color: #f3f3f3; color: #333; } .keyword_sub_city a { margin-right: 10px; color: #4d4d4d; } #div_metro a.current { border-color: #74a2de; background-color: #74a2de; color: #fff; } #div_metro .metro_station { float: left; width: 470px; margin-top: 5px; padding: 5px 10px; border: 1px solid #cce0f0; background-color: #e9f5ff; overflow: hidden; } #div_metro .metro_station a { display: inline-block; float: none; width: auto; border: 0 none; color: #16b; } #div_metro .metro_station a:hover { text-decoration: underline; } .keyword { border: 1px solid #7f9db9; background: #fff; padding: 4px; margin: 0; text-align: left; overflow: hidden; position: absolute; z-index: 120; } .keyword a { padding: 1px 5px 0px 5px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; cursor: pointer; line-height: 20px; color: #05a; display: block; text-decoration: none; min-height: 20px; _height: 20px; } * html keyword a { height: 20px; } .keyword .checked { background: #e7f1fd; border-top: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; text-decoration: none; } .keyword a span { font-weight: bold; color: #000; } /* hotel floating layer End */ /* gong lue floating layer */ .keyword_popup { display: none; z-index: 11; width: 449px; font-family: Simsun; border: 1px solid #999; background-color: #fff; } .keyword_popup a { display: block; color: #333; } .keyword_popup_list { border-bottom: 1px solid #ccc; } .keyword_popup_list a { padding: 5px; } .keyword_popup_list a:hover { text-decoration: none; color: #fff; background-color: #2577e3; } .keyword_popup_list .keyword_en { font-family: Tahoma; color: #666; } .keyword_popup_list .keyword_popup_title { float: right; color: #666; } .keyword_popup_list .keyword_popup_light, .keyword_popup_more .keyword_popup_light { color: #06c; } .keyword_popup_list a:hover .keyword_popup_title, .keyword_popup_list a:hover .keyword_popup_light, .keyword_popup_list a:hover .keyword_en, .keyword_popup_more a:hover .keyword_popup_light, .keyword_popup_list a.current .keyword_popup_title, .keyword_popup_list a.current .keyword_popup_light, .keyword_popup_list a.current .keyword_en, .keyword_popup_more a.current .keyword_popup_light { color: #fff; } .keyword_popup_more a { display: block; padding: 8px 0; text-align: center; background-color: #f3f3f3; } .keyword_popup_more a:hover { text-decoration: none; color: #fff; background-color: #2577e3; } .keyword_popup_more a.current, .keyword_popup_list a.current { text-decoration: none; color: #fff; background-color: #2577e3; } .website_pop { z-index: 1000; width: 422px; padding: 35px 0; background-color: #fff; text-align: center; border-radius: 6px; } .website_pop h3 { margin-bottom: 25px; font: normal 14px/1.2; color: #333; } .website_pop .link_normal { display: block; min-width: 200px; height: 38px; margin-left: 25px; padding: 0 10px; font: 14px/38px 'Tahoma', 'arial'; color: #fff; text-decoration: none; } .website_pop a.website_pop_close { position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; background: url(//pic.c-ctrip.com/platform/online/home/icon_pop.png) 0 0 no-repeat; } .website_pop a.website_pop_close:hover { background-position: 0 -26px; } .website_pop .link_blue, .website_pop .link_normal { margin: 0 auto; border-radius: 3px; font-weight: bold; } .website_pop .link_blue { background-color: #2577e3; border: 1px solid #05a; color: #fff; margin-bottom: 20px; text-align: center; } .website_pop .link_normal { background-color: #fff; border: 1px solid #ccc; color: #333; text-align: center; } .website_pop .link_normal:hover { border-color: #2577e3; } .link-font-cn, .link-font-en, .link-font-hk, .link-font-sg, .link-font-id, .link-font-my { letter-spacing: normal; } .website_pop .link-font-hk_hant, .website_pop .link-font-korea, .website_pop .link-font-thailand, .website_pop .link-font-japan { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 38px; background: url(//pic.c-ctrip.com/platform/online/home/un_website_language.png) 0 0 no-repeat; } .website_pop .link-font-hk_hant { width: 166px; background-position: -41px -150px; } .website_pop .link-font-korea { width: 152px; background-position: 0 0; } .website_pop .link-font-thailand { width: 182px; background-position: 0 -50px; } .website_pop .link-font-japan { width: 145px; background-position: 0 -100px; } .website_pop .font-thai, .website_pop .font-korean, .website_pop .font-hk, .website_pop .font-zh-hant, .website_pop .font-select { display: inline-block; width: 132px; height: 22px; margin: 10px 0 0 0; background: url(//pic.c-ctrip.com/platform/online/home/un_pop_language.png) 0 0 no-repeat; } .website_pop .font-thai { background-position: 0 0; } .website_pop .font-korean { background-position: 0 -20px; } .website_pop .font-hk { width: 75px; height: 20px; background-position: 0 -40px; vertical-align: middle; margin: 0; } .website_pop .font-zh-hant { width: 159px; height: 20px; background-position: 0 -60px; margin-top: 0; } .website_pop .font-select { width: 119px; height: 20px; background-position: 0 -80px; margin-top: 0; } .language_switch { text-align: left; padding: 40px; } .language-text { margin-bottom: 15px; } .language-text .sepa{ padding:0 10px; font-family:simsun; } .language-text dt { color: #333; font:28px/1.5 PingFang SC,Microsoft yahei,simsun; } .language-text dd { font: 16px/1.5 "Tahoma", arial; color: #666; } .language-box { text-align: right; } .language-box a { color: #666; } .language-box a:hover { text-decoration: none; } .language-box .fold b.arrow, .language-box .unfold b.arrow { display: inline-block; vertical-align: middle; margin-left: 5px; width: 26px; height: 20px; background-image: url(//pic.c-ctrip.com/platform/online/home/icon_pop.png); background-repeat: no-repeat; } .language-box .fold b.arrow{ background-position: 0 -52px; } .language-box .fold b.arrow:hover{ background-position: 0 -72px; } .language-box .unfold b.arrow { background-position: 0 -92px; } .language-box .unfold b.arrow:hover { background-position: 0 -112px; } /* 选择语言 标题*/ .link-wrap { padding: 10px 0; margin-left: -25px; overflow: hidden; } .language-list-title a { position: relative; float: left; display: inline-block; *display: inline; *zoom: 1; width: 222px; margin-left: 25px; margin-bottom: 10px; padding-top: 40px; height: 0; overflow: hidden; background-image: url(//pic.c-ctrip.com/platform/online/home/un_pop_flag.png); background-repeat: no-repeat; border:1px solid #ccc; background-color: #fff; border-radius: 3px; } .language-list-title a:hover { border-color: #2577e3; } .language-list-title a.selected{ border-color:#2577e3; } .language-list-title a.selected .icon-checked{ position:absolute; top:0; right:0; display: inline-block; width: 20px; height: 20px; border-radius: 2px; background: #2577e3 url(//pic.c-ctrip.com/platform/online/home/icon-checked.png) center center no-repeat; } .language-list-title .language-flag-en-us { background-position: 0 0; } .language-list-title .language-flag-en-gb { background-position: 0 -40px; } .language-list-title .language-flag-zh-hk { background-position: 0 -80px; } .language-list-title .language-flag-en-hk { background-position: 0 -120px; } .language-list-title .language-flag-ko-kr { background-position: 0 -160px; } .language-list-title .language-flag-ja-jp { background-position: 0 -200px; } .language-list-title .language-flag-en-sg { background-position: 0 -240px; } .language-list-title .language-flag-en-au { background-position: 0 -280px; } .language-list-title .language-flag-de-de{ background-position: 0 -320px; } .language-list-title .language-flag-fr-fr { background-position: 0 -360px; } .language-list-title .language-flag-es-es { background-position: 0 -400px; } .language-list-title .language-flag-it-it { background-position: 0 -440px; } .language-list-title .language-flag-ru-ru { background-position: 0 -480px; } .language-list-title .language-flag-th-th { background-position: 0 -520px; } .language-list-title .language-flag-id-id { background-position: 0 -560px; } .language-list-title .language-flag-ms-my { background-position: 0 -600px; } .language-list-title .language-flag-en-my { background-position: 0 -640px; } .language-list-title .language-flag-zh-cn { background-position: 0 -680px; } .language-list-title .language-flag-vi-vn{ background-position: 0 -720px; } .language-list-title .language-flag-nl-nl{ background-position: 0 -760px; } .language-list-title .language-flag-pl-pl{ background-position: 0 -800px; } .language-list-title .language-flag-el-gr{ background-position: 0 -840px; } .language-list-title .language-flag-tr-tr{ background-position: 0 -880px; } .language-list-title .language-flag-pt-br{ background-position: 0 -920px; } .language-list-title .language-flag-zh-tw { background-position: 0 -962px; } /* 选择语言 */ .language-list{ transition: all ease 1s; } .language-list a { float: left; display: inline-block; width: 185px; height: 0; padding-top: 36px; overflow: hidden; background-image: url(//pic.c-ctrip.com/platform/online/home/un-pop-language-list.png); background-repeat: no-repeat; } .language-list a:hover { background-image: url(//pic.c-ctrip.com/platform/online/home/un-pop-language-list_hover.png); background-color: #2577e3; } .icon-flag-cn, .icon-flag-en, .icon-flag-hk, .icon-flag-sg, .icon-flag-id, .icon-flag-my { display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; width: 30px; height: 20px; vertical-align: middle; background: url(//pic.c-ctrip.com/platform/online/home/un-language-list.png) no-repeat; } .icon-flag-cn { background-position: -350px -152px; } .icon-flag-en { background-position: -10px -10px; } .icon-flag-hk { background-position: -180px 0; height: 38px; } .icon-flag-sg { background-position: -10px -80px; } .icon-flag-id { background-position: -350px -118px; } .icon-flag-my { background-position: -180px -154px; } .language-list .language-flag-en-us { background-position: 0 0; } .language-list .language-flag-en-gb { background-position: 0 -36px; } .language-list .language-flag-zh-hk { background-position: 0 -72px; } .language-list .language-flag-en-hk { background-position: 0 -108px; } .language-list .language-flag-ko-kr { background-position: 0 -144px; } .language-list .language-flag-ja-jp { background-position: 0 -180px; } .language-list .language-flag-en-sg { background-position: 0 -216px; } .language-list .language-flag-en-au { background-position: 0 -252px; } .language-list .language-flag-de-de{ background-position: 0 -288px; } .language-list .language-flag-fr-fr { background-position: 0 -324px; } .language-list .language-flag-es-es { background-position: 0 -360px; } .language-list .language-flag-it-it { background-position: 0 -396px; } .language-list .language-flag-ru-ru { background-position: 0 -432px; } .language-list .language-flag-th-th { background-position: 0 -468px; } .language-list .language-flag-id-id { background-position: 0 -504px; } .language-list .language-flag-ms-my{ background-position: 0 -540px; } .language-list .language-flag-en-my{ background-position: 0 -576px; } .language-list .language-flag-zh-cn{ background-position: 0 -612px; } .language-list .language-flag-vi-vn{ background-position: 0 -648px; } .language-list .language-flag-nl-nl{ background-position: 0 -684px; } .language-list .language-flag-pl-pl{ background-position: 0 -720px; } .language-list .language-flag-el-gr{ background-position: 0 -756px; } .language-list .language-flag-tr-tr{ background-position: 0 -792px; } .language-list .language-flag-pt-br{ background-position: 0 -828px; } .language_switch.wide { width: 832px; } .wide .language-list { margin-left: -40px; } .wide .language-list a { margin-left: 70px; } .language_switch.narrow { width: 560px; } /*city select focus*/ .city_select_lhsl { width: 408px; padding: 10px; border: 1px solid #999; background-color: #fff; } .city_select_lhsl .close { float: right; width: 20px; height: 20px; color: #666; text-align: center; font: bold 16px/20px Simsun; } .city_select_lhsl .close:hover { text-decoration: none; color: #ffa800; } .city_select_lhsl .title { margin-bottom: 10px; color: #999; } .city_select_lhsl .tab_box { width: 100%; height: 22px; margin-bottom: 6px; margin-top: 0; border-bottom: 2px solid #ccc; } .city_select_lhsl .tab_box li { position: relative; float: left; display: inline; margin-right: 2px; line-height: 22px; cursor: pointer; } .city_select_lhsl .tab_box li b { display: none; } .city_select_lhsl .tab_box li span { padding: 0 8px; } .city_select_lhsl .tab_box .hot_selected { border-bottom: 2px solid #06c; margin-bottom: -2px; font-weight: bold; color: #06c; } .city_select_lhsl .tab_box .hot_selected b { position: absolute; top: 23px; left: 50%; display: block; width: 0; height: 0; margin-left: -5px; overflow: hidden; font-size: 0; line-height: 0; border-color: #06c transparent transparent transparent; border-style: solid dashed dashed dashed; border-width: 5px; } .city_select_lhsl .city_item, .city_select_lhsl .search_history_box, .business_place .business_box { display: inline-block; *zoom: 1; overflow: hidden; } .city_select_lhsl .city_item { width: 408px; } .city_select_lhsl .city_item a, .city_select_lhsl .search_history_box a, .business_place .business_box a { float: left; display: inline; width: 55px; height: 24px; margin: 0 0px 2px 0; padding-left: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 24px; color: #333; } .city_select_lhsl .city_item a:hover, .city_select_lhsl .search_history_box a:hover, .business_place .business_box a:hover { background-color: #2577e3; text-decoration: none; color: #fff; } .city_item .city_item_in { width: 378px; padding-left: 30px; *zoom: 1; } .city_item .city_item_in:after, .city_select_lhsl .search_history_box:after { display: block; height: 0; visibility: hidden; overflow: hidden; content: "."; clear: both; } .city_item .city_item_letter { float: left; width: 30px; height: 22px; margin-left: -30px; line-height: 22px; text-align: center; color: #e56700; } .city_select_lhsl .sarch_history_title, .city_select_lhsl .hot_airport_title, .business_place .business_title { margin-bottom: 2px; font-weight: bold; color: #333; } .city_select_lhsl .search_history_box { margin-bottom: 6px; } .international_city_select_lhsl .city_item a { width: 92px; } .airport_suggesstion_pop .airport_item { margin: 0 -10px 0 -10px; } .airport_item { padding-bottom: 5px; padding-top: 5px; position: relative; *zoom: 1; } .airport_item a { display: block; overflow: hidden; padding: 0 7px 0 10px; color: #333; line-height: 24px; cursor: pointer; *zoom: 1; } .airport_item a em { font-style: normal; color: #999; } .airport_item a b { color: #06c; } .airport_item a:hover, .airport_item a:hover em, .airport_item a:hover b, .airport_item a:hover .search_suggest { background-color: #2577e3; color: #fff; text-decoration: none; } .search_suggest { color: #06c; font-weight: bold; } .sug_item a:hover .search_suggest { color: #fff; } /*=overseas city select*/ .city_select_lhsl_overs, .city_select_lhsl_overs .city_item { width: 520px; } .city_select_lhsl_overs .search_history_box a, .city_select_lhsl_overs .city_item a { width: 66px; } .city_select_lhsl_overs .city_item_list .city_item_in { width: 43%; float: left; } /*=overseas airport select*/ .city_select_lhsl_overs_airport { width: 400px; } .city_select_lhsl_overs_airport .city_item a { width: 110px; } .city_select_lhsl_overs_airport .city_item_letter { width: 50px; text-align: left; margin-left: -50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .city_select_lhsl_overs_airport .city_item_in { padding: 3px 0 3px 50px; } /*=train city select*/ .city_select_lhsl_train { width: 378px; } .city_select_lhsl_train .city_item a { width: 90px; } /*business_place*/ .business_place { } .business_place .business_box a { width: 126px; } /*=business_place_usecar added by lhdu 20141203*/ .business_place_usecar { width: 510px; } .business_place_usecar .business_box a { width: auto; padding: 0 10px 0 5px; margin-right: 10px; *float: none; *white-space: normal; } /*keyword_prompting_lhsl*/ .keyword_prompting_lhsl { width: 398px; border: 1px solid #999; background-color: #fff; } .keyword_prompting_lhsl .title { height: 26px; margin: 0 10px 4px; padding: 0 2px; border-bottom: 1px dotted #ccc; line-height: 26px; color: #999; } .keyword_prompting_lhsl .close { float: right; width: 26px; height: 26px; font: bold 14px/26px Simsun; color: #666; text-align: center; } .keyword_prompting_lhsl .close:hover { text-decoration: none; color: #ffa800; } .keyword_prompting_lhsl .sug_item { padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #ccc; position: relative; *zoom: 1; } .keyword_prompting_lhsl .sug_item a { display: block; overflow: hidden; padding: 3px 7px 3px 10px; color: #333; line-height: 18px; cursor: pointer; *zoom: 1; } .keyword_prompting_lhsl .sug_item a:hover, .keyword_prompting_lhsl .sug_item .hover { background-color: #2577e3; color: #fff; text-decoration: none; } .keyword_prompting_lhsl .sug_item .hotel_info { float: left; width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #999; } .keyword_prompting_lhsl .sug_item .hotel_info .hotel_price { color: #e56700; } .keyword_prompting_lhsl .sug_item .hotel_info .hotel_price dfn { font-family: Arial; font-style: normal; color: #999; } .keyword_prompting_lhsl .sug_item .hotel_info .score { color: #6699FF; } .keyword_prompting_lhsl .sug_item .hover span, .keyword_prompting_lhsl .sug_item .hover b, .keyword_prompting_lhsl .sug_item .hover em, .keyword_prompting_lhsl .sug_item a:hover span, .keyword_prompting_lhsl .sug_item a:hover b, .keyword_prompting_lhsl .sug_item a:hover em, .keyword_prompting_lhsl .sug_item a:hover .hotel_info, .keyword_prompting_lhsl .sug_item .hover .hotel_info, .keyword_prompting_lhsl .sug_item a:hover .hotel_info .hotel_price dfn, .keyword_prompting_lhsl .sug_item .hover .hotel_info .hotel_price dfn { color: #fff !important; } .keyword_prompting_lhsl .text_input { float: left; max-width: 160px; _width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .keyword_prompting_lhsl .sug_item a:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; } .keyword_prompting_lhsl .sug_item .city { display: block; float: left; width: 270px; padding-right: 4px; overflow: hidden; } .keyword_prompting_lhsl .sug_item b { font-weight: bold; color: #06c; } .keyword_prompting_lhsl .sug_item em { font-style: normal; color: #999; } .keyword_prompting_lhsl .sug_category { float: right; height: 18px; line-height: 18px; background-image: url(//pic.c-ctrip.com/index/ico_search_box_2.png?140113.png); background-repeat: no-repeat; width: 62px; padding-right: 20px; padding-left: 0; text-align: right; } .keyword_prompting_lhsl .sug_category_hover { color: #fff; background-color: #2577e3; background-position: right 6px; background-color: #2577e3; } .keyword_prompting_lhsl .item_list_city .sug_category { background-position: right -33px; } .keyword_prompting_lhsl .item_list_city a:hover .sug_category { background-position: right 2px; } .keyword_prompting_lhsl .item_list_airport .sug_category { background-position: right -105px; } .keyword_prompting_lhsl .item_list_airport a:hover .sug_category { background-position: right -67px; } .keyword_prompting_lhsl .item_list_hotel .sug_category { background-position: right -165px; } .keyword_prompting_lhsl .item_list_hotel a:hover .sug_category { background-position: right -133px; } .keyword_prompting_lhsl .item_list_landmarks .sug_category { background-position: right -204px; } .keyword_prompting_lhsl .item_list_landmarks a:hover .sug_category { background-position: right -238px; } .keyword_prompting_lhsl .item_list_scenic .sug_category { background-position: right -271px; } .keyword_prompting_lhsl .item_list_scenic a:hover .sug_category { background-position: right -303px; } .keyword_prompting_lhsl .item_list_traffic .sug_category { background-position: right -336px; padding-right: 40px; } .keyword_prompting_lhsl .item_list_traffic a:hover .sug_category { background-position: right -372px; } .keyword_prompting_lhsl .item_list_areaadmin .sug_category { background-position: right -410px; } .keyword_prompting_lhsl .item_list_areaadmin a:hover .sug_category { background-position: right -447px; } .keyword_prompting_lhsl .item_list_train .sug_category { background-position: right -482px; } .keyword_prompting_lhsl .item_list_train a:hover .sug_category { background-position: right -518px; } .keyword_prompting_lhsl .item_list_business .sug_category { background-position: right -557px; } .keyword_prompting_lhsl .item_list_business a:hover .sug_category { background-position: right -596px; } .keyword_prompting_lhsl .item_list_attractions .sug_category { background-position: right -635px; } .keyword_prompting_lhsl .item_list_attractions a:hover .sug_category { background-position: right -674px; } .keyword_prompting_lhsl .item_list_topic .sug_category { background-position: right -827px; } .keyword_prompting_lhsl .item_list_topic a:hover .sug_category { background-position: right -857px; } .keyword_prompting_lhsl .item_list_usecar .sug_category { background: none; padding-right: 5px; } .item_list_usecar .usecar_city { float: right; padding-left: 10px; } .item_list_usecar .usecar_hotel { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .c_page_mini { font: 12px/1.5 arial; margin: -1px 0 0; padding: 6px 0; text-align: center; background: #fff; position: relative; } .c_page_mini a { display: inline-block; margin: 0; color: #06c; padding: 0 6px; font: 14px/1.5 Tahoma, Arial, Simsun, sans-serif; text-decoration: underline; } .c_page_mini a.address_current { color: #666; text-decoration: none; } .c_page_mini .c_page_mini_current { color: #666; text-decoration: none; cursor: default; } .keyword_prompting_lhsl .sug_item .airport_nohad { cursor: default; padding: 5px 7px 5px 10px; overflow: hidden; } .keyword_prompting_lhsl .sug_item a.airport_nearby { background: url(//pic.c-ctrip.com/index/ico_search_box_2.png) 0 -707px no-repeat; padding: 5px 7px 5px 20px; margin-left: 10px; } .keyword_prompting_lhsl .sug_item a.airport_nearby:hover { background: #2577e3 url(//pic.c-ctrip.com/index/ico_search_box_2.png) 0 -741px no-repeat; } /*旅游目的地联想*/ .keyword_prompting_vacation { width: 280px; } .keyword_prompting_vacation .sug_item { padding-bottom: 0px; padding-top: 0px; border-bottom: 0 none; } .keyword_prompting_vacation .sug_item a { font-size: 14px; padding-left: 16px; } .keyword_prompting_vacation .sug_item a em { margin-left: 8px; font-size: 12px; } /*=flight nomber pop width added by lhdu 20141203*/ .keyword_prompting_fltno { width: 234px; } .keyword_city { margin: 0 -10px -10px; padding: 0px 10px; line-height: 24px; border: 1px solid #ccc; border-width: 1px 0; background-color: #f3f3f3; color: #000; font-weight: bold; } .keyword_city a { line-height: 24px; height: 24px; color: #4d4d4d; display: block; position: relative; } .keyword_city a:hover { text-decoration: none; } .keyword_city a .arrowUp, .keyword_city a .arrowDown { position: absolute; display: inline-block; width: 9px; height: 5px; float: right; right: 0; top: 9px; background: url(//pic.c-ctrip.com/index/ico_search_box_2.png) no-repeat; } .keyword_city a .arrowUp { background-position: 0 -809px; } .keyword_city a .arrowDown { background-position: 0 -784px; } .keyword_city_list { margin-top: 15px; } .notfound_pop { padding-bottom: 4px; } .notfound_pop .title { line-height: 24px; overflow: hidden; margin: 0 10px 4px; padding: 0 2px; color: #c01111; } .notfound_pop .sug_item { border-bottom: 0; } .city_suggestion_pop .sug_item .city { width: 195px; white-space: nowrap; text-overflow: ellipsis; } .city_suggestion_pop .sug_item .num { float: left; width: 75px; overflow: hidden; color: #999; text-align: right; } /*categories-mix*/ .categories-mix .sug_category { width: 50px; background: none; padding-right: 10px; color: #999; } .categories-mix .sug_item a:hover .sug_category { color: #fff; } .categories-mix .sug_item .city { width: 240px; } /*use car jieji-airport by dulh 20141120*/ .item_list_detail, .delivered_place { padding: 3px 7px 3px 10px; } .item_list_detail .airport_ofstops, .delivered_place .delivered_address { color: #999; } .item_list_detail:hover, .delivered_place:hover { background: #2577e3; color: #fff; cursor: pointer; } .item_list_detail:hover .airport_ofstops, .delivered_place:hover .delivered_address, .delivered_place:hover .current_citys { color: #fff; } .delivered_place .current_citys { color: #06c; } .flt_nomber { font-family: arial; display: inline-block; width: 70px; } .flt_start_date { padding-right: 10px; } .pop_pad { position: relative; height: 44px; min-width: 1000px; line-height: 44px; text-align: center; font-size: 14px; font-family: Arial, tahoma, verdana, "Microsoft YaHei", Simsun, sans-serif; color: #333; border-bottom: 1px solid #ddd; background: linear-gradient(#f3f3f3 0%, #f1f1f1 100%); } .pop_pad a { margin-left: 8px; text-decoration: none; color: #06c; } .pop_pad .close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; overflow: hidden; text-align: center; font: 600 26px/44px SimSun; color: #a9a9a9; } /* ½ÚÈÕÆø·Õ */ .festival-ui .mod-hd, .festival-ui .mod .title i { border-bottom-color: #fa3b5b; } .festival-ui .indices .mod-hd { border-bottom-color: #e0e0e0; } .festival-ui .mod .title .current, .festival-ui .title:hover { color: #fa3b5b; } .festival-ui .container { background: #f6f6f6 url(//pic.c-ctrip.com/platform/online/home/festival-bg.jpg) center 66px no-repeat; } @media screen and (max-width:1200px) { .festival-ui .container { background: #f6f6f6; } } .festival-ui .lift { background: rgba(0, 0, 0, .6); } .festival-ui .lift-name { border-top: 1px solid rgba(224, 224, 224, .5); } .festival-ui .lift-name { color: #fff; } .festival-ui .lift-item:hover { background: #fa3b5b; } .festival-ui .lift-item.mix_active .lift-name { color: #fff; } /*µÍ°æ±¾ä¯ÀÀÆ÷ÌáÐÑÉý¼¶*/ body { _height: 100%; } .ie-update-wrap { position: absolute; width: 622px; height: 442px; z-index: 99999; } .ie-update-wrap iframe { width: 592px; height: 402px; z-index: -1; position: absolute; left: 0px; top: 30px; } .ie-update-box { position: absolute; width: 562px; height: 382px; background: url(//pic.c-ctrip.com/platform/online/home/bg_ie_update.png) no-repeat; z-index: 100000; font: normal 18px/1.5 "Microsoft yahei"; color: #fff; padding: 30px; } .ie-update-box a.ie-update-close { position: absolute; right: 0; top: 0; width: 46px; height: 46px; text-indent: -99em; cursor: pointer; overflow: hidden; } .ie-update-box .ie-update-title { margin: 20px 0; font-size: 24px; *padding-top: 20px; } .ie-update-box .ie-update-text { margin-bottom: 10px; } .ie-update-box .ie-update-link { margin-bottom: 20px; } .ie-update-box .ie-update-link a { display: inline-block; text-decoration: none; color: #fff; font-size: 16px; width: 160px; height: 47px; text-align: center; line-height: 47px; margin-right: 17px; background: url(//pic.c-ctrip.com/platform/online/home/ie-update-button.png) no-repeat 0 0; } .ie-update-box .ie-update-link a:hover { background-position: 0 -47px; } .ie-update-code { position: absolute; left: 29px; bottom: 31px; padding-top: 10px; width: 160px; height: 150px; text-align: center; } /* calendar */ .poi_calendar { position: absolute; z-index: 99; width: 376px; background: #fff; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15); *border: 1px solid #d8d8d8; font-family: -apple-system, Helvetica, Arial, Tahoma, PingFang SC, Hiragino Sans GB, Lantinghei SC, Microsoft YaHei, sans-serif; } .poi_calendar h5 { margin-bottom: 10px; font-weight: 300; } .poi_calendar .calendar_tag { padding: 12px 10px; border-bottom: 1px solid #d9d9d9; } .poi_calendar .tag { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; color: #333; background: #fff; border: 1px solid #dbdbdb; cursor: pointer; vertical-align: middle; font-size: 12px; margin-right: 4px; } .poi_calendar .tag:hover { background: #e9f1fc; } .poi_calendar .calendar_tit { position: relative; height: 31px; line-height: 31px; text-align: center; } .poi_calendar .month_prev, .poi_calendar .month_next, .poi_calendar .ico_arrow { position: absolute; left: 10px; top: 0; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; } .poi_calendar .month_prev, .poi_calendar .month_next { width: 30px; height: 30px; } .poi_calendar .month_next { left: auto; right: 10px; } .poi_calendar .ico_arrow { left: 10px; top: 10px; width: 0; height: 0; border-style: solid; border-width: 5px 7px; border-color: rgba(255, 255, 255, 0); border-color: transparent\0; } .poi_calendar .month_prev .ico_arrow { border-right-color: #666; } .poi_calendar .month_next .ico_arrow { left: auto; right: 10px; border-left-color: #666; } .poi_calendar .month_prev:hover .ico_arrow { border-right-color: #2477E3; } .poi_calendar .month_next:hover .ico_arrow { border-left-color: #2477E3; } .poi_calendar .calendar_box { margin: 0 10px; padding: 5px 0 10px; border: solid #e9e9e9; border-width: 1px 0; } .poi_calendar ul { margin-right: -10px; overflow: hidden; zoom: 1; } .poi_calendar ul.days { position: relative; left: auto; top: auto; } .poi_calendar li { float: left; width: 50px; height: 24px; line-height: 24px; color: #666; text-align: center; border: solid #fff; border-width: 0 1px 1px 0; } .poi_calendar .day { cursor: pointer; } .poi_calendar .day:hover, .poi_calendar .selected { background: #E9F1FC; } .poi_calendar .selected_start, .poi_calendar .selected_start:hover, .poi_calendar .selected_end, .poi_calendar .selected_end:hover, .poi_calendar .selected_center, .poi_calendar .selected_center:hover { color: #fff; background: #2477E3; } .poi_calendar .tag.selected { background: #E9F1FC; border-color: #2477E3; } .poi_calendar .disabled, .poi_calendar .disabled:hover { color: #d9d9d9; background: #fff; cursor: default; } .poi_calendar .checkbox { vertical-align: middle; margin-right: 4px; } .poi_calendar .month_prev.disabled .ico_arrow, .poi_calendar .month_prev.disabled:hover .ico_arrow { cursor: default; border-right-color: #999; } .poi_calendar .month_next.disabled .ico_arrow, .poi_calendar .month_next.disabled:hover .ico_arrow { cursor: default; border-left-color: #666; } .calendar_bottom { position: relative; padding: 20px 10px 15px; height: 28px; } .calendar_bottom label { padding-top: 10px; } .calendar_bottom .btn_box { position: absolute; right: 10px; top: 15px; } .calendar_bottom .btn { margin-left: 10px; } .poi_calendar .calendar_date { padding: 15px 10px; border-bottom: 1px solid #e9e9e9; } /* =S CR38578 每间住客数 */ .n_gst38578 { display: inline-block; width: 170px; margin-left:6px; position: relative; z-index: 99; cursor: default; vertical-align: middle; font-size: 12px; color: #333; *display: inline; *zoom: 1; } .n_gst38578_v { display: inline-block; padding-left: 3px; width: 106px; height: 24px; overflow: hidden; border: 1px solid #ccc; line-height: 24px; cursor: default; vertical-align: top; font-size: 12px; *display: inline; *zoom: 1; } .n_gst38578_tri { position: absolute; z-index: 2; top: 10px; right: 6px; width: 0; height: 0; overflow: hidden; border-width: 5px 5px 0; border-color: #666 transparent transparent; border-style: solid dashed dashed; } .n_gst38578:hover .n_gst38578_v, .n_gst38578_active .n_gst38578_v { border-color: #39f; } .n_gst38578_active .n_gst38578_p { display: block; } .n_gst38578_p { display: none; position: absolute; z-index: 1; left: 5px; top: 26px; *top: 27px; width: 248px; border: 1px solid #ccc; background: #fff; } .n_gst38578_p.error{ background: #F6F6F6; border-color:#ff0000; } .n_gst38578_list { padding: 10px; line-height: 24px; overflow: hidden; text-align:left; text-indent:0; } .n_gst38578_list_opt { position: relative; z-index: 1; margin-bottom: 6px; overflow: hidden; } .n_gst38578_age { margin-left: 14px; color: #999; } .n_gst38578 .n_gst38578_p select { width: 70px; height: 24px; margin: 0; padding: 0; vertical-align: top; } .s_item_free .n_gst38578{ width: 108px; margin-left:10px; } .s_item_free .n_gst38578>input{ width: 105px; margin-left:0; } .s_item_free .n_gst38578_p{ left:-2px; } .s_item_free .n_gst38578 .n_gst38578_p select{ width:104px; } .s_item_free .n_gst38578_childs dd{ width: 124px; } /*.s_item_free .s_voyage_tip{ margin:0 13px; }*/ .n_gst38578_childs { border-top: 1px dashed #ccc; margin: 0 10px; padding: 8px 0; width: 228px; overflow: hidden; position: relative; z-index: 1;/* 儿童年龄选择 */ } .n_gst38578_childs_dl { position: relative; z-index: 1; width: 110%; text-align:left; text-indent:0; } .n_gst38578_childs_dl:after { display: block; clear: both; content: '\20'; height: 0; overflow: hidden; visibility: hidden; } .n_gst38578_childs_dl dt { margin-bottom: 6px; } .n_gst38578_childs dd { float: left; width: 79px; margin-bottom: 5px; vertical-align: top; } .n_gst38578_childs_tips { padding-top: 3px; color: #f00f0f; line-height: 1.3; } .n_gst38578_ft { padding: 10px 0; text-align: center; text-indent:0; } .n_gst38578_ft a{ cursor:pointer; } .n_gst38578_btn { display: inline-block; *display: inline; height: 28px; width: 110px; border: 1px solid #1b6bd3; background: #2577e3; color: #fff; font-size: 14px; font-weight: bold; border-radius: 3px; } .n_gst38578_btncancel { display: inline-block; *display: inline; height: 30px; padding: 0 10px; border: none; background: none; color: #39f; font-size: 12px; } .number_control { position: absolute; z-index: 1; right: 0; top: 0; width: 70px; height: 24px; } .number_plus, .number_reduce { position: absolute; z-index: 2; top: 0; width: 22px; height: 22px; border: 1px solid #bbb; background-color: #fff; transition: background-color .2s ease 0s; } .number_reduce { left: 0; border-radius: 2px 0 0 2px; } .number_plus { right: 0; border-radius: 0 2px 2px 0; } .number_plus:hover, .number_reduce:hover { border-color: #67A1E2; } .number_control .number_input { position: absolute; z-index: 1; left: 23px; top: 0; width: 22px; height: 16px; line-height: 16px; margin: 0; padding: 3px 0; border: 1px solid #bbb; background: #fff; text-align: center; } .number_control .number_input:focus { z-index: 3; } .icon_numplus, .icon_numreduce { display: block; margin: 0 auto; overflow: hidden; } .icon_numplus { width: 10px; height: 10px; margin-top: 6px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABhSURBVEhL7c1RCoBACARQ7+Rpu4jXM4SxyFbcaIM+fDAfAzJSxJuqBXWaiKgFNdcPUE8+WAXnBx+s8v2DKBuspINRP0Btf8bMakFdrx/c+GAVnD83GhsF5+8tH4z6wRXRDmUrDnxueI8rAAAAAElFTkSuQmCC) 0 -14px no-repeat; } .number_plus:hover .icon_numplus { background-position: 0 0; } .icon_numreduce { width: 10px; height: 2px; margin-top: 10px; background-color: #333; } .number_reduce:hover .icon_numreduce { background-color: #39f; } .number_disable, .number_disable:hover { cursor: default; background-color: #dedede; border-color: #bbb; } .number_disable .icon_numreduce, .number_disable:hover .icon_numreduce { background-color: #b6b6b6; } .number_disable .icon_numplus, .number_disable:hover .icon_numplus { background-position: -14px 0; } /* =E CR38578 每间住客数 */