﻿
/* 酒店浏览 */
#hotel_info{margin-top:30px;}
#hotel_info .hotel-search{padding:10px 18px;margin-bottom:30px;}
#hotel_info .hotel-search span{color:#eb6120;}
#hotel_info .hotel-search .select{border:1px solid #D5E0CE;background:#fff;height:32px;position:relative;display:inline-block;margin-right:10px;z-index:1999;box-shadow:1px 2px 2px rgba(200,200,200,0.3) inset;font-size:12px;}
#hotel_info .hotel-search .select a{color:#8C8C8C;}
#hotel_info .hotel-search .select .option a{display:block;line-height:32px;background:url(../image/select_down.gif) no-repeat right center;padding:0 30px 0 10px;}
#hotel_info .hotel-search .select ul{position:absolute;left:-1px;top:32px;border:1px solid #D9D8D8;background:#fff;padding:5px 0;display:none;max-height:200px;overflow-y:auto;}
#hotel_info .hotel-search .select ul li a{line-height:24px;padding:0 10px;display:block;}
#hotel_info .hotel-search .select ul li a:hover{background:#f4f4f4;color:#666;}
#hotel_info .hotel-search .date{border:1px solid #D5E0CE;background:url(../image/date_ico.gif) no-repeat 79px center #fff;height:32px;margin-right:10px;box-shadow:1px 2px 2px rgba(200,200,200,0.3) inset;width:90px;font-size:11px;color:#858585;padding-left:10px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
#hotel_info .hotel-search .txt{border:1px solid #D5E0CE;height:32px;box-shadow:1px 2px 2px rgba(200,200,200,0.3) inset; vertical-align:middle;color:#969595;padding-left:10px; outline:none;}
#hotel_info .hotel-search .btn{margin:0 10px;font-size:14px;color:#fff;background:#ED6D1F;height:32px;border:0;padding:0 15px; vertical-align:middle; border-radius:3px;cursor:pointer;}
#hotel_info .hotel-search .btn:hover{background-color:#F0894A;}

#hotel_info .basic-info{width:1100px;margin:0 auto 35px auto;}

#hotel_info .basic-info .basic-info-right{ float:right; width:325px; }
#hotel_info .basic-info .basic-info-right .tips{ width:325px; margin-top:10px;}
#hotel_info .basic-info .basic-info-right .tips span{color:#888;}
#hotel_info .basic-info .basic-info-right .tips .textarea{background:#fff;padding:10px 15px;border:1px solid #DEDEDE;font-size:12px;margin-top:10px;position:relative;}
#hotel_info .basic-info .basic-info-right .tips .textarea i{display:block;position:absolute;left:24px;top:-6px;width:13px;height:6px;background:url(../image/textarea_ico.gif) no-repeat;}
#hotel_info .basic-info .basic-info-right .map{ width:auto; margin:0 auto;}

#hotel_info .basic-info .basic-info-left{ float:left; width:750px; margin-right:10px;}

.basic-info .imagelist{ clear:both; height:235px; overflow: hidden; margin-top:15px;}
.basic-info .imagelist .pic_bottom { clear: both; color: #666666; padding-right: 8px; text-align: right; padding-top:5px;}
.basic-info .imagelist .pic_bottom a{ color:#85A971;}
.basic-info .imagelist .pic_bottom a:hover{ color:#85A971; text-decoration:underline;}
.basic-info .imagelist .pic1, .basic-info .imagelist .pic2, .basic-info .imagelist .pic3, .basic-info .imagelist .pic4, .basic-info .imagelist .pic5, .basic-info .imagelist .pic6, .basic-info .imagelist .pic7, .basic-info .imagelist .pic8, .basic-info .imagelist .pic9 {background-color:#fffaf0;  background-repeat: no-repeat;  display: inline;
   float: left; margin-left: 6px;  overflow: hidden;}
.basic-info .imagelist .pic1 {height: 206px; margin-left:0; width: 33.3333%;}
.basic-info .imagelist .pic2, .basic-info .imagelist .pic3, .basic-info .imagelist .pic4, .basic-info .imagelist .pic5 { margin-bottom: 6px;}
.basic-info .imagelist .pic2, .basic-info .imagelist .pic7 {height: 100px; width: 28.2758%;}
.basic-info .imagelist .pic3, .basic-info .imagelist .pic4, .basic-info .imagelist .pic5, .basic-info .imagelist .pic6, .basic-info .imagelist .pic8, .basic-info .imagelist .pic9 {height: 100px;  width: 11.4942%;}
.basic-info .cont{position:relative;}
.basic-info .cont .min-price{ position:absolute; top:78px; right:10px;}
.basic-info .cont .min-price strong{font-size:20px;color:#EC6D1F;font-family:Arial, Helvetica, sans-serif;}
.basic-info .cont .min-price strong font{font-size:16px;font-family:"微软雅黑";}
.basic-info .cont .title{border-bottom:1px dashed #AAAAAA;padding-bottom:10px;margin-bottom:15px;}
.basic-info .title h1{font-size:24px;color:#000;margin-bottom:2px;}
.basic-info .title .title_meta a{color:#85A773;font-size:12px;}
.basic-info .title .title_meta a:hover{ text-decoration:underline;}
.basic-info .title .title_meta .star{display:inline-block;width:96px;height:16px;margin-right:10px;}
.basic-info .title .title_meta .four{ background:url(../images/star_4.png) no-repeat left top;}

.basic-info .old-style2, .basic-info .favorite2{ cursor:pointer; position:absolute;height:25px; line-height:25px; text-align:center; width:70px; background-color:#EC6D1E; border:none; color:#fff; font-size:15px; font-family:"Microsoft YaHei","SimSun",tahoma, Arial, Helvetica, Geneva, sans-serif;}
.basic-info .old-style2{top:5px;right:90px;}
.basic-info .favorite2{top:5px;right:10px;}

.basic-info .attribute li{padding-left:25px;line-height:160%;margin-bottom:6px; float:left; width:350px;height:50px;}
.basic-info .attribute li p{display:inline-block;color:#212121;}
.basic-info .attribute li a{color:#85A971; text-decoration:underline;}
.basic-info .attribute li.addr{ background:url(../images/addr_ico.gif) no-repeat 5px 4px;}


/*客房信息*/
.rooms-list{width:1100px;margin:0 auto 15px auto;}
.rooms-list a {cursor:pointer;}
.rooms-list ul.room_list{border:1px solid #ddd;}
.rooms-list .room_detail{display:none; background-color:#CCCCCC;}
.rooms-list ul.room_list li{borderbottom:1px solid #ddd;}
.rooms-list ul.room_list li.title{ height:36px; line-height:36px; background:#dfdfdf; border-bottom:none;}
.rooms-list ul.room_list li .element7{ height:36px; line-height:36px; clear:both;}
.rooms-list ul.room_list li .element7 span{ height:34px; line-height:34px; display:block; float:left; text-align:center;}
.rooms-list ul.room_list li .element7 span.span1{ width:260px; text-align:left; padding-left:30px;}
.rooms-list ul.room_list li .element7 span.span1 a{ color:#FF6600;}
.rooms-list ul.room_list li .element7 span.span1 a:hover{ text-decoration:underline;}
.rooms-list ul.room_list li .element7 span.span2{ width:130px;}
.rooms-list ul.room_list li .element7 span.span3{ width:140px;}
.rooms-list ul.room_list li .element7 span.span4{ width:140px;}
.rooms-list ul.room_list li .element7 span.span5{ width:140px;}
.rooms-list ul.room_list li .element7 span.span6{ width:160px;}
.rooms-list ul.room_list li .element7 span.span7{ width:200px;}
.rooms-list ul.room_list li .element7 span.span7 .book-now{cursor:pointer; color:#fff;display:inline-block;line-height:26px;width:86px; border-radius:2px; background:#85A773; margin-top:4px;}
.rooms-list ul.room_list li .element7 span.span8{ width:200px;}
.rooms-list ul.room_list li .element7 span.span8 .book-now{cursor:pointer; color:#fff;display:inline-block;line-height:26px;width:86px; border-radius:2px; background:#CCCCCC; margin-top:4px;}

.rooms-list ul.room_list li .room_detail{background-color:#dce5d6; padding:16px 20px; position:relative;}
.rooms-list ul.room_list li .room_detail .pic_s {border-radius: 3px 3px 3px 3px; float: left; height:75px; margin: 0 10px 5px 0 ;overflow: hidden;  width: 240px;}
.rooms-list ul.room_list li .room_detail .pic_s img{ height:75px; width:75px;}
.rooms-list ul.room_list li .room_detail .detail_box {  clear: both;}
.rooms-list ul.room_list li .room_detail .detail_box ul.detail{ overflow:hidden;}
.rooms-list ul.room_list li .room_detail .detail_box ul.detail li { float: left; margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 30%; font-size:14px; height:24px; line-height:24px; }
.rooms-list ul.room_list li .room_detail  a.show_fold { bottom: 6px;  padding: 0; position: absolute; right: 6px; width: 40px; color:#85A971;}
.rooms-list ul.room_list li .room_detail  a.show_fold:hover{ bottom: 6px;  padding: 0; position: absolute; right: 6px; width: 40px; color:#85A971; text-decoration:underline;}
.rooms-list .menu{background:#C7C7C7;height:40px;line-height:40px;margin-bottom:18px;}
.rooms-list .menu a{display:inline-block;padding:0 25px;border-right:1px solid #ddd;color:#2B2B2B;float:left;position:relative;}
.rooms-list .menu a.active,.rooms-list .menu a:hover{background-color:#eb6120;color:#fff;}
.rooms-list .menu a.active:after{
content: '';
position: absolute;
left: 50%;
bottom: -4px;
width: 0;
height: 0;margin-left:-3px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #85A971;}
.rooms-list .menu a.last{border:none;}
.rooms-list .list table{border:1px solid #DFDFDF;border-bottom:none;}
.rooms-list .list thead th{background:#DFDFDF;line-height:34px;}
.rooms-list .list tbody{text-align:center;}
.rooms-list tbody td{padding:5px 10px;border-bottom:1px solid #DFDFDF;color:#333;font-size:12px;height:25px;}
.rooms-list tbody .room-name,.rooms-list .list thead .first{text-align:left;padding-left:25px;}
.rooms-list tbody .room-name a{display:inline-block;padding-left:18px;color:#333;}
.rooms-list tbody .room-name a.img{background:url(../image/img_ico.gif) no-repeat left center;}
.rooms-list tbody .retail-price{display:inline-block;padding-right:10px;position:relative;}
.rooms-list tbody .retail-price del{color:#888;}
.rooms-list tbody .retail-price.have{background:url(../image/list_ico.gif) no-repeat right center;}
.rooms-list tbody .retail-price .price_list{position:absolute;left:35px;top:17px;background:#fff;padding:2px;border:1px solid #E4E4E4;z-index:999;}
.rooms-list tbody .retail-price .price_list table th{border-top:1px solid #F4ECD1;border-bottom:1px solid #EBEBEB;padding:3px;}
.rooms-list tbody .retail-price .price_list table{padding:0;border:none;  white-space: nowrap;}
.rooms-list tbody .retail-price .price_list table td{padding:3px;}
.rooms-list tbody .retail-price .price_list td span{display:block;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.rooms-list tbody .retail-price .price_list td span.p{color:#FE6129;border-bottom:1px solid #D7E2ED;}
.rooms-list tbody .ft,.rooms-list tbody .book-now,.rooms-list tbody .no-room{display:inline-block;line-height:26px;width:86px; border-radius:2px;}
.rooms-list tbody .ft{background:#7F7F7F;}
.rooms-list tbody .book-now{background:#85A773;}
.rooms-list tbody .no-room{background:#AAAAAA;}


/*酒店周边*/
.msg_surrounding{margin:0 auto;}
.msg_surrounding #msg{float:left;width:705px;}
#msg .msg_list{background:#fff;border:1px solid #DFDFDF;padding:10px;margin-bottom:20px;}
#msg .msg_list .no-msg{text-align:center;padding:10px;color:#A5A5A5;}
#msg .msg_list .no-msg a{color:#85A773; text-decoration:underline;}

#msg .msg_list ul.msg_list{ width:auto;}
#msg .msg_list ul.msg_list li{margin-bottom:8px;}
#msg .msg_list ul.msg_list li p.user_name{ height:24px; line-height:24px; background-color:#eb6120; color:#fff; padding-left:12px; margin-bottom:5px;}
#msg .msg_list ul.msg_list li p.msg_con{ line-height:23px; font-size:14px; padding-left:12px;}
#msg .add_msg .user_img{float:left;vertical-align:middle;}
#msg .add_msg textarea{margin-right:10px;width:560px;max-width:560px;padding:8px 0 0 8px;float:left;height:42px;border:1px solid #ccc;color:#A9A9A9;border-radius:3px;box-shadow:0 2px 1px rgba(220,220,220,0.3) inset;}
#msg .add_msg input #ClickComments{float:left;}
#msg .add_msg input.msg_input_out{height:50px; padding-bottom:4px; width:50px; background-color:#7c9e67; border:none; color:#fff; font-size:16px; font-family:"Microsoft YaHei","SimSun",tahoma, Arial, Helvetica, Geneva, sans-serif;}
#msg .add_msg input.msg_input_move{height:50px; padding-bottom:4px; width:50px; background-color:#8dae79; border:none; color:#fff; font-size:16px; font-family:"Microsoft YaHei","SimSun",tahoma, Arial, Helvetica, Geneva, sans-serif;}


.msg_tab_title {width:700px; float:left; }
.msg_tab_title h3{ 
font-size:16px;color:#242624;line-height:28px;margin-bottom:15px;
float:left;width:120px;}
.msg_tab_title a{color:#242624; width:120px; text-align:center; display:inline-block;  }

#float_ask{float:left;width:650px;}
#float_ask{ border:#b2bcad 1px solid; padding:10px 0px 10px 15px;}
#float_ask h3{ font-size:14px; height:26px; line-height:26px; margin:0px; padding:0px; font-family:"微软雅黑"; color:#444;}
#float_ask textarea .ask_text{ line-height:23px; font-size:14px; color:#444; margin-top:5px; padding:5px 10px; margin-bottom:10px;}
#float_ask input.ask_input_out{height:32px; padding-bottom:4px; width:120px; background-color:#eb6120; border:none; color:#fff; font-size:16px; font-family:"Microsoft YaHei","SimSun",tahoma, Arial, Helvetica, Geneva, sans-serif;}
#float_ask input.ask_input_move{height:32px; padding-bottom:4px; width:120px; background-color:#eb6120; border:none; color:#fff; font-size:16px; font-family:"Microsoft YaHei","SimSun",tahoma, Arial, Helvetica, Geneva, sans-serif;}

.msg_surrounding #surrounding{float:right;width:390px; margin:-40px 10px 0 0;}
.msg_surrounding #surrounding h3{margin:10px; background:url(../images/msg_tit_ico.png) no-repeat left center;
font-size:16px;color:#242624;line-height:28px;margin-bottom:15px;padding-left:26px;
float:left;width:390px;}
#surrounding .zb_black{border:1px solid #DFDFDF;padding:10px 8px 10px 7px;background:#F8F8F8;font-size:12px;}
#surrounding .zb_black .tabs{background:#F4F4F4;margin:7px 0 5px 0;border:1px solid #DFDFDF;border-width:1px 0 0 1px;}
#surrounding .zb_black .tabs a{ cursor:pointer; color:#666;display:inline-block;float:left;line-height:37px;width:122px;text-align:center;border:1px solid #DFDFDF;border-width:0px 1px 1px 0;font-size:12px;}
#surrounding .zb_black .tabs .selected,#surrounding .zb_black .tabs a:hover{background-color:#eb6120;color:#fff;}
#surrounding .zb_black .zb_list li{border-bottom:1px dashed #E4E4E4;line-height:28px;font-size:12px;margin-bottom:2px;}
#surrounding .zb_black .zb_list li span,#surrounding .zb_black .zb_list li a{display:inline-block;}

.zb_black .zb_list li .number{width:30px;font-family:Arial, Helvetica, sans-serif;text-align:center;margin-right:5px; float:left;}
.zb_black .zb_list li a{color:#666;width:330px;overflow:hidden;}
.zb_black .zb_list li a:hover{color:#85A971; text-decoration:underline;}
.zb_black .zb_list li a em{ display:block; font-style:normal;}
.zb_black .zb_list li .jl{margin:0px 10px;}
.zb_black .zb_list li .star{width:58px;height:10px;background:url(../image/zb_star.gif) no-repeat;margin-left:15px;}
.zb_black .zb_list li .star.s-5{ background-position:left top;}
.zb_black .zb_list li .star.s-4{ background-position:left -12px;}
.zb_black .zb_list li .star.s-3{ background-position:left -24px;}
.zb_black .zb_list li .star.s-2{ background-position:left -36px;}
.zb_black .zb_list li .star.s-1{ background-position:left -48px;}

.msg_tab_title a.Back{background-color:#db5d19; color:#FFF; cursor: pointer; }