@charset "utf-8";
@import url(base.css);
.hotel-header { margin-top:5px; }
/* 搜索页 */
.search-main { margin-top:10px; background:#fff; }
.search-main .main-banner { padding:5px; }
.search-main .main-banner img { border-radius:3px; overflow:hidden; }
/* 侧栏 */
.search-main .col-side { float:left; width:295px; padding:10px; }
.col-side h2.title { height:20px; padding:10px 0; background:url(../images/bg-hotel.png) no-repeat -262px -33px; border-bottom:2px solid #288fc7; font:18px/18px "微软雅黑","黑体"; text-indent:30px; cursor:default; }
.side-form div.form-slogan { height:55px; background:url(../images/slogan.png) no-repeat center 10px; }

.side-form dl.form-main { padding:10px 0; }
dl.form-main dt { float:left; width:80px; height:30px; margin:5px 0; font:14px/30px "微软雅黑","黑体"; color:#333; text-align:right; }
dl.form-main dt span { margin:0 5px 0 10px; }
dl.form-main dd { float:left; width:200px; height:20px; margin:5px 0; padding:4px; border:1px solid #ccc; border-radius:3px; font:12px/20px "宋体"; color:#999; overflow:hidden; box-shadow:0 0 2px #ccc inset; }
dl.form-main dd span { float:left; width:40px; text-align:right; }
dl.form-main input { float:left; height:20px; border:0; font:14px/20px "微软雅黑","黑体"; }
dl.form-main input.search-city { width:200px; }
dl.form-main input.search-date { width:160px; }

.side-form dl.form-attach { padding:5px 0; }
dl.form-attach dt { float:left; width:60px; height:24px; margin:5px 0; padding-right:20px; font:12px/24px "宋体"; color:#666; text-align:right; }
dl.form-attach dd { float:left; position:relative; width:200px; height:14px; margin:5px 0; padding:4px; border:1px solid #ccc; border-radius:3px; font:12px/14px "宋体"; overflow:hidden; box-shadow:0 0 2px #ccc inset; }
dl.form-attach div.sign-more { position:absolute; right:0; top:3px; width:7px; height:4px; padding:6px 8px; border-left:1px dashed #ccc; cursor:pointer; }
dl.form-attach div.sign-more b { display:block; width:7px; height:4px; background:url(../images/bg-base.png) no-repeat -380px -70px; overflow:hidden; }
dl.form-attach input { float:left; height:14px; border:0; font:12px/14px "宋体"; overflow:hidden; }
dl.form-attach input.search-word { width:200px; }

.side-form dd.search-drop { cursor:pointer; }
.side-form ul.search-drop-box { position:absolute; z-index:13; display:none; width:208px; height:110px; margin-top:25px; background:#fff; border:1px solid #ccc; overflow-x:hidden; overflow-y:scroll; }
.side-form ul.search-drop-box li { height:14px; padding:4px; line-height:14px; font:12px/14px "宋体"; cursor:pointer; overflow:hidden; }
.side-form ul.search-drop-box li:hover { background:#288fc7; color:#fff; }

.side-form button.search-btn { display:block; width:130px; height:36px; margin:10px auto; background:url(../images/bg-hotel.png) no-repeat -100px top; border:0; font:bold 16px/36px "宋体"; color:#fff; text-indent:20px; cursor:pointer; }
.side-form button.search-btn:hover { background-position:-100px -36px; }

.side-form div.form-maplink { width:285px; height:31px; margin:0 auto; padding-top:11px; background:url(../images/bg-hotel.png) no-repeat left bottom; margin:0 auto; }
.side-form div.form-maplink a { display:block; width:270px; height:31px; padding-right:15px; font:12px/31px "宋体"; text-align:right; }
.side-form div.form-maplink a:hover { text-decoration:underline; }
/* 主栏 */
.search-main .col-main { float:right; width:640px; }
/* 图表框 */
.chart-box:after { clear:both; content:"\20"; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
.chart-box { display:block; zoom:1; padding:0 2px 3px; }
.chart-box li { float:left; width:156px; height:117px; margin:3px 3px 0 0; list-style:none; overflow:hidden; }
.chart-box li figure.pic-item { margin:0; padding:0; }
.chart-box li img.chart-pic { display:block; width:156px; height:117px; }
.chart-box li figcaption.pic-info { display:none; }
.chart-box li div.info-bg { position:absolute; left:0; top:0; z-index:11; width:362px; height:139px; background:#666; overflow:hidden; opacity:0.5; filter:alpha(opacity=50); -ms-filter:"alpha(opacity=50)"; }
.chart-box li dl.info-box { position:absolute; left:4px; top:4px; z-index:12; width:340px; height:117px; padding:7px; background:#fff; overflow:hidden; }
.chart-box li dl.info-box dt { width:156px; height:117px; }
.chart-box li dl.info-box dd { width:169px; height:107px; padding:5px 0; overflow:hidden; }
.chart-box li dl.info-box h2 { font:26px/40px "微软雅黑","黑体"; color:#288fc7; }
.chart-box li dl.info-box p { font:12px/20px "宋体"; color:#999; }
.chart-box li dl.left dt { float:left; }
.chart-box li dl.left dd { float:left; margin-left:15px; text-align:left; }
.chart-box li dl.right dt { float:right; }
.chart-box li dl.right dd { float:right; margin-right:15px; text-align:right; }
.chart-box li.pic-big { position:relative; width:315px; height:237px; }
.chart-box li.pic-big .pic-item { position:absolute; }
.chart-box li.pic-big .chart-pic { width:315px; height:237px; }
.chart-box li.pic-big .pic-info { display:block; width:315px; height:237px; }
/* 酒店列表搜索 */
.hotel-search { margin-top:5px; }
.search-box{position:relative; z-index:9;  }
.hotel-search .search-title { height:26px; padding:7px 0 7px 30px; background:url(../images/bg-hotel.png) no-repeat -262px 8px; cursor:default; }
.hotel-search .search-title span { font:24px/24px "微软雅黑","黑体"; }
.hotel-search .search-title a { margin-left:5px; font:12px "微软雅黑","黑体"; }
.hotel-search .search-main { border:1px solid #d4d4d4; }
.hotel-search .search-form { height:40px; padding-left:10px; background:#f1f1f1; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #d4d4d4; overflow:hidden; }
.hotel-search .search-form dt { float:left; height:40px; margin-left:10px; line-height:38px; color:#666; text-align:center; }
.hotel-search .search-form dd { float:left; height:40px; overflow:hidden; }
.hotel-search .search-word { width:120px; height:20px; margin:8px 0; padding:0; border:1px solid #bbb; font:12px/20px "微软雅黑",Tahoma,"宋体"; text-indent:2px; }
.hotel-search .search-date { width:120px; height:20px; margin:8px 0; padding:0; border:1px solid #bbb; font:12px/20px "微软雅黑",Tahoma,"宋体"; text-indent:2px; }
.hotel-search .search-btn { width:60px; height:25px; margin:7px 0 0 5px; background:url(../images/bg-base.png) no-repeat -200px -70px; border:none; font:bold 12px/20px "宋体"; color:#fbfbf9; cursor:pointer; }
.hotel-search .search-selected { padding-left:10px; background:#f1f1f1; border:1px solid #fff; border-right:none; }
.hotel-search .selected-1 { float:left; width:65px; line-height:26px; text-align:right; color:#999; }
.hotel-search .selected-2 { float:right; width:150px; padding-right:10px; line-height:26px; color:#999; text-align:right; }
.hotel-search .selected-3 { float:right; width:715px; line-height:26px; color:#999; }
.hotel-search .selected-3 a { position:relative; display:inline-block; height:18px; margin:3px 2px; padding-left:4px; padding-right:15px; background:#ecf6ff; border:1px solid #acccef; font-size:12px; line-height:18px; overflow:hidden; }
.hotel-search .selected-3 a:hover { border:1px solid #67a1e2; color:#288fc7; }
.hotel-search .selected-3 i { position:absolute; right:4px; top:5px; width:8px; height:8px; background:url(../images/bg-hotel.png) no-repeat -40px top; overflow:hidden; cursor:pointer; }
.hotel-search .search-condition { padding:6px 10px; background:#fff; }
.hotel-search .search-condition dl { margin-bottom:6px; position:relative; z-index:9  }
.hotel-search .search-condition dt { float:left; width:65px; color:#666; text-align:right; }
.hotel-search .search-condition dd { float:right; width:865px; overflow:hidden; }
.hotel-search .search-condition a { display:inline-block; height:20px; margin-bottom:5px; padding:0 4px; font-size:12px; line-height:20px; overflow:hidden; }
.hotel-search .search-condition a:hover { background:#8ea6d4; color:#fff; }
.hotel-search .search-condition a.selected { background:#8ea6d4; color:#fff; }
.hotel-search .condition-1 { float:left; overflow:hidden; }


.hotel-search .condition-2 { float:right; width:825px; overflow:hidden;  height:25px; }
.hotel-search .condition-2 a {margin-left:10px; margin-right:10px;  min-width:75px; padding-left:5px; padding-right:5px; overflow:hidden; height:20px; text-align:center }

.hotel-search .more{position:absolute; top:0px; right:10px; color:#288FC7; font-weight:bold; cursor:pointer}
.condition-more{ float:right; width:825px; overflow:hidden;  }
.condition-more a{margin-left:10px; margin-right:10px;  min-width:77px; padding-left:5px; padding-right:5px; overflow:hidden; height:20px; text-align:center   }

/* 酒店基本信息 */
.hotel-info { margin-top:10px; background:#fff; border-top:2px solid #4283cb; }
.info-base { position:relative; height:185px; border-bottom:1px solid #d4d4d4; }
.info-base h2.title { width:720px; height:20px; margin-left:10px; padding:10px; border-bottom:1px solid #d4d4d4; font:18px/18px "微软雅黑","黑体"; cursor:default; }
.base-price { position:absolute; right:0; top:0; width:200px; height:150px; background:url(../images/hotel-price.png) no-repeat; font:24px/68px Verdana; color:#fff; text-align:center; }
.base-address { width:710px; margin-left:20px; overflow:hidden; }
.base-address dt { float:left; width:60px; margin-top:10px; color:#666; text-align:right; overflow:hidden; }
.base-address dd { float:right; width:640px; margin-top:10px; color:#666; text-align:left; overflow:hidden; }
.base-image { width:920px; margin:10px 20px; overflow:hidden; }
.base-image dt { float:left; width:60px; color:#666; text-align:right; overflow:hidden; }
.base-image dd { float:left; width:650px; overflow:hidden; }
.base-image li { float:left; height:16px; margin-right:2px; padding:2px 3px; border-radius:5px; line-height:16px; color:#fff; padding-left:5px; padding-right:5px; *line-height:20px; margin-right:5px; margin-bottom:5px; }
.info-other h3.title { padding:10px 15px 0; border-top:1px solid #f8f8f8; font:bold 12px/12px "微软雅黑",Verdana; cursor:default; }
.info-other h3.title span { font-weight:normal; }
.other-album { float:left; position:relative; width:665px; border-top:1px solid #ededed; }
.album-big { position:absolute; left:15px; top:38px; width:320px; }
.album-big img { width:320px; height:240px; }
.album-small { position:absolute; right:0; top:38px; width:315px; height:240px; overflow:hidden; }
.album-small li { float:left; width:100px; height:75px; margin-right:5px; margin-top:5px; }
.album-small img { width:100px; height:75px; }
.other-map { float:right; width:295px; border-top:1px solid #ededed; }
.map-area { width:275px; height:240px; margin:14px 9px; border:1px solid #d4d4d4; }
/* 酒店详细信息 */
.hotel-main { margin-top:10px; background:#f9f9f9; }
.hotel-main h2.title { height:20px; padding:10px 0; font:18px/18px "微软雅黑","黑体"; cursor:default; }
.hotel-main h3.title { height:20px; padding:10px 0; border-bottom:1px solid #dbdbdb; font:18px/18px "微软雅黑","黑体"; cursor:default; }
.hotel-main h4.title { height:20px; padding:7px 0; border-bottom:1px solid #dbdbdb; font:16px/16px "微软雅黑","黑体"; cursor:default; }
.hotel-main h5.title { height:20px; padding:7px 0; font:16px/16px "微软雅黑","黑体"; cursor:default; }
.hotel-main .col-main { float:left; width:709px; background:#fff; border-right:1px dashed #e2e2e2; overflow:hidden; }
.main-topbar { padding:10px 15px 5px; border-bottom:3px solid #288fc7; }
.main-topbar .filter-order { float:left; }
.main-topbar .filter-order li { float:left; width:50px; height:18px; margin-right:3px; overflow:hidden; list-style:none; }
.main-topbar .filter-order a { position:relative; display:block; height:16px; border:1px solid #ccc; font:12px/16px "宋体"; text-align:center; }
.main-topbar .filter-order a:hover { border:1px solid #288fc7; color:#fe8e00; }
.main-topbar .filter-order a.current { background:#288fc7; border:1px solid #288fc7; color:#fff; }
.main-topbar .filter-order a.current:hover { color:#fff; }
.main-topbar .filter-order i { position:absolute; right:4px; top:4px; width:9px; height:9px; background:url(../images/bg-hotel.png) no-repeat; overflow:hidden; cursor:pointer; }
.main-topbar .order-asc a { padding-right:10px; }
.main-topbar .order-asc i { background-position:-18px top; }
.main-topbar .order-asc a.current i { background-position:-27px top; }
.main-topbar .order-desc a { padding-right:10px; }
.main-topbar .order-desc i { background-position:left top; }
.main-topbar .order-desc a.current i { background-position:-9px top; }
.main-topbar .page-box { float:right; }
.main-hotel .hotel-item { padding:15px; border-top:1px solid #ccc; border-bottom:2px solid #288fc7; list-style:none; }
.item-info .info-cover { float:left; width:110px; height:77px; overflow:hidden; }
.item-info .info-cover img { width:100px; height:75px; border:1px solid #d4d4d4; }
.item-info .info-detail { float:left; width:450px; height:77px; overflow:hidden; }
.item-info .detail-title { height:20px; overflow:hidden; }
.item-info .detail-title a { font:16px/16px "微软雅黑","黑体"; }
.item-info .detail-title span.listtitle { margin-right:5px; padding:1px 3px; font:14px/14px "微软雅黑","黑体"; }
.item-info .detail-title span.level { margin-left:5px; }
.item-info .detail-address { height:23px; line-height:23px; overflow:hidden; }
.item-info .detail-intro { height:34px; font:12px/18px "宋体"; color:#666; overflow:hidden; }
.item-info .info-evaluate { float:right; position:relative; width:90px; height:62px; padding:10px 10px 5px; background:#f7f7f7; overflow:hidden; }

.item-info .info-hight-40 {  height:30px; bottom:0px; right:10px;}

.item-info .evaluate-title-money { position:absolute; color:#666; overflow:hidden; font-size:12px; top:6px; left:5px; }
.item-info .evaluate-satis-money { position:absolute; right:3px; top:5px; font:18px/18px Verdana; overflow:hidden; }

.item-info .evaluate-title { position:absolute; color:#666; overflow:hidden; font-size:12px; top:32px; left:5px; }
.item-info .evaluate-satis { position:absolute; right:3px; top:30px; font:18px/18px Verdana; overflow:hidden; }
.item-info .evaluate-comment { position:absolute; right:6px; bottom:5px; font:12px/1.5 Verdana; overflow:hidden; }
.item-room { margin-top:10px; }
.item-room .room-list { table-layout:fixed; }
.item-room .room-list th { height:20px; background:#f1f1f1; border-bottom:1px solid #dedede; font:normal 12px/20px Verdana; color:#666; text-align:left; }
.item-room .room-list th.list-name { padding-left:23px; }
.item-room .room-list th.list-price { width:85px; }
.item-room .room-list th.list-bed { width:80px; }
.item-room .room-list th.list-breakfast { width:50px; }
.item-room .room-list th.list-internet { width:100px;  }
.item-room .room-list th.list-lastroom { width:70px; }
.item-room .room-list th.list-btn { width:60px; }
.item-room .room-item td { height:30px; border-bottom:1px solid #e6e6e6; }
.item-room .room-item td.list-name { padding-left:10px; }
.item-room .room-name { float:left; font:12px/14px "宋体"; }
.item-room .room-coupon { float:left; width:27px; height:13px; margin-left:5px; padding:1px 3px 1px 18px; background:url(../images/bg-hotel.png) no-repeat left -10px; font:12px "宋体"; line-height:12px; _line-height:14px; text-align:center; overflow:hidden; cursor:help; }
.item-room .room-price { float:left; font:bold 14px/14px Arial; }
.item-room .room-price-multi { float:left; font:bold 14px/14px Arial; border-bottom:1px dashed #ff8a00; cursor:pointer; }
.item-room .room-item a.button { display:block; width:44px; height:23px; margin:0; padding:0; background:url(../images/bg-hotel.png) no-repeat left -25px; border:none; font:12px/23px "宋体"; text-align:center; color:#fff; cursor:pointer; }
.item-room .room-item a.disabled { display:block; width:44px; height:23px; margin:0; padding:0; background:url(../images/bg-hotel.png) no-repeat left -48px; border:none; font:12px/23px "宋体"; text-align:center; color:#fff; cursor:default; }
.item-room .room-detail { display:none; }
.item-room .room-detail td { padding:15px; background:#f7f7f7; border-bottom:1px solid #e6e6e6; }
.item-room .detail-bed { margin-right:15px; }
.item-room .detail-size { margin:0 15px; }
.item-room .detail-canaddbed { margin:0 15px; }
.item-room .detail-breakfast { margin:0 15px; }
.item-room .detail-internet { margin-left:15px; }
.item-room .detail-remark { margin-top:10px; line-height:20px; }
.item-bar { margin-top:5px; text-align:right; }
.main-bottombar { padding:10px 15px 20px 0; }
.main-bottombar .page-box { float:right; }
/* 客房信息 */
.main-room { padding:10px; }
.main-detail { padding:10px; }
.detail-content { height:50px; margin:10px 10px 5px; line-height:25px; color:#4d4d4d; overflow:hidden; }
.detail-bar { margin:0 10px 10px; text-align:right; }
.detail-other { margin:10px; padding-top:10px; border-top:1px dashed #d4d4d4; }
.detail-other dt.title { float:left; width:60px; font-weight:bold; color:#4d4d4d; }
.detail-other dd.content { float:right; width:600px; color:#4d4d4d; }
.main-photo { padding:10px; }
.photo-tip { margin:10px; color:#999; }
.photo-list li { float:left; width:130px; margin:3px; line-height:20px; text-align:center; overflow:hidden; }
.main-comment { padding:10px; }
.comment-loading { display:none; height:100px; margin:10px 0; background:url(../images/loading.gif) no-repeat 290px center; line-height:100px; text-align:center; text-indent:20px; color:#ccc; }
.comment-list li { margin:10px 0; background:#f9f9f9; overflow:hidden; }
.comment-list dt { float:left; width:60px; padding:10px; }
.comment-list dt a { display:block; width:50px; padding:4px; background:#fff; border:1px solid #d7d7d7; border-radius:5px; }
.comment-list dt a:hover { background:#4e8ed1; border-color:#4e8ed1; }
.comment-list dt img { width:50px; height:50px; }
.comment-list dd { float:left; width:579px; padding:10px 15px; background:#f6f6f6 url(../images/hotel-comment-list.png) repeat-y; }
.comment-topbar { position:relative; width:100%; }
.comment-topbar a { margin-right:15px; }
.comment-topbar span { margin-right:7px; }
.comment-score { position:absolute; right:0; top:0; height:18px; font:12px/14px "宋体"; text-align:center; cursor:default; overflow:hidden; }
.comment-score .score { float:left; padding:1px 3px; background:#ffa900; border:1px solid #ee9117; border-radius:3px 0 0 3px; color:#fff; }
.comment-score .takemoney { float:left; padding:1px 5px; background:#fff; border:1px solid #ee9117; border-left:none; border-radius:0 3px 3px 0; color:#ff8a00; }
.comment-content { margin-top:10px; padding:15px; background:#fff; border:1px solid #ececec; border-top:none; border-bottom-width:2px; border-radius:5px; line-height:16px; color:#333; }
.main-comment .page-box { float:right; }
/* 侧栏 */
.hotel-main .col-side { float:right; width:250px; }
.side-main { padding:10px 15px; }
.side-main .main-history { padding:5px 0; }
.main-history .history-list li { margin:5px 0; padding-left:15px; background:url(../images/bg-base.png) no-repeat -523px -70px; line-height:20px; list-style:none; }
/* 浮动提示 */
.float-note { position:absolute; left:0; top:0; z-index:999; padding-top:6px; background:url(../images/bg-hotel.png) no-repeat 20px -71px; overflow:visible; }
.float-note .float-main { padding:3px; background:#e6e6e6; border:1px solid #848484; }
.float-note .float-main .coupon { width:295px; padding:12px; background:#fff; overflow:auto; }
.float-note .float-main .price { background:#fff; overflow:auto; }
.float-note .float-main .price dl { text-align:center; zoom:1; }
.float-note .float-main .price dt { float:left; width:50px; height:28px; background:#ffebd7; font-weight:700; line-height:28px; color:#444; }
.float-note .float-main .price dd { float:left; width:50px; padding:4px 0; border-top:1px solid #ccc; }
.float-note .float-main .price em { display:block; color:#f60; font-style:normal; }


.base-frame{width:198px; height:70px; position:absolute; top:88px; right:0px; color:#000000; font-size:14px;}
.base-frame-info{color:#666666; font-size:14px; margin-top:-20px;}
.base-frame-margiTop30{ margin-top:-30px}
.base-frame-info-font{color:#288FC7; font-size:24px; font-family:'黑体';  }
.base-frame-info-letter{letter-spacing:1px;}

.rand_bgcolor_1{ background:#006600; }
.rand_bgcolor_2{ background:#006699; }
.rand_bgcolor_3{ background:#F7ABAB; }
.rand_bgcolor_4{ background:#FF9933; }
.rand_bgcolor_5{ background:#CC99FF; }
.rand_bgcolor_6{ background:#660033; }


.change_city{  width:305px; height:250px; position:absolute; top:35px; left:27px; z-index:9999999;  background:#FFFFFF; border:1px solid #AAAAAA; display:none}
.change_city ul{ overflow:hidden;  margin-top:5px; margin-bottom:-5px; padding-left:5px;}
.change_city li{ color:#1F72CF; float:left; margin-left:5px; background:#FFFFFF ; padding:5px; padding-right:5px; font-size:14px; border-bottom:none; font-family:"宋体"; cursor:pointer}

.change_city_close{color:#FF0000; float:right; margin-right:10px; margin-top:3px;}
.change_city_close:hover{font-weight:bold; cursor:pointer}
.city_ul_info{border-top:1px solid #CCCCCC}
.change_city_top{width:100%; height:25px; background:#E8F0F6}
.change_city .on{color:#000000; font-weight:bold;border:1px solid #CCCCCC; border-bottom:0px; }