/*
 * * * * * * * * * * * *
 创建：fuyuze
 添加时间：2015-09-29
 作用模块：酒店首页
 * * * * * * * * * * * *
 */
.hotel_font_orange{ color:#fcae03}
.hotel_font_size_24{ font-size:22px; font-family:Arial, Helvetica, "微软雅黑"}
/*图片轮播*/
.banner,.banner_site img,.banner_site{height:384px; position:relative; z-index:1}
.banner .hos_num{height:11px;bottom:4px;border-radius:11px;padding-top:2px}
.banner .hos_num span{width:11px;height:11px}
/*--------banner $$ search-----------*/
.hotel_search_box{ width:1168px; height:50px; position:absolute; left:50%; bottom:22px;background:url(../../images/hotel/search_box.png) repeat; padding:15px 16px; z-index:10; margin-left:-600px;}
.hotel_search_box label{ display:inline-block; background-color:#fff; position:relative; height:50px; width:157px; vertical-align:middle; color:#666; border-right:1px solid #999; padding-left:14px; float:left }
.hotel_search_box label:first-child,.hotel_search_box .hotel_key{ padding-top:15px; padding-bottom:15px; height:20px;}
.hotel_search_box label:first-child i{ display:block; background:url(../../images/hotel/hotel_icon.png) repeat -188px -29px; width:16px; height:20px; position:absolute; top:15px; left:15px;}
.hotel_search_box label.hotel_day_time{ width:185px; padding-left:55px;}
.hotel_search_box label.hotel_grade{ width:126px;}
.hotel_search_box .hotel_key{ width:239px; border-right:none}
.hotel_search_box .search_btn{ height:50px; width:120px; background-color:#ff9900; color:#fff; font-size:18px; line-height:50px; border:none; vertical-align:middle; float:left;cursor:pointer}
.hotel_search_box label span{position:absolute;left:14px;top:15px; z-index:5;*top:14px;}
.hotel_search_box label input{height:20px;border:0;color:#666;z-index:2; padding:15px 0;*height:48px;*line-height:48px;*padding:0px;}
.hotel_search_box .date_pop_input{width:150px !important;}
.hotel_search_box #txtCity{cursor:pointer;}
.hotel_search_box label:first-child input,.hotel_search_box .hotel_key input{ *height:20px;*line-height:20px;*padding:0px; padding:0}
.hotel_search_box label:first-child input{ margin-left:25px; width:130px}
.hotel_search_box .calendar-input-wrap .calendar-icon{background:url(../../images/hotel/hotel_icon.png) no-repeat; display:block; width:67px; right:0; text-align:right}
.hotel_search_box .calendar-input-wrap .calendar-start-icon{ background-position:-340px -95px; padding-right:20px;}
.hotel_search_box .calendar-input-wrap .calendar-end-icon{ background-position:-340px -78px;padding-right:20px;}
/*等级*/
.selectbox{width:120px;height:50px}
#cate{float:left;height:50px;line-height:50px;text-align:left;width:120px;position:relative;color:#666}
#cate .cate_wrp{overflow:hidden;width:100%;height:100%}
#cate .cate_inp{height:50px;width:100px;background:#fff;float:left}
#cate a.cate_tri:link,#cate a.cate_tri:visited{width:20px;height:50px;float:left;text-align:right;}
#cate .cate_drop{background:#fff;width:210px;border:1px solid #ddd;z-index:10;height:auto;position:absolute; left:-14px}
#cate .cate_drop li{width:190px;height:30px;line-height:30px;background:0 0;padding-left:10px}
#cate .cate_drop li:hover{background:#65a2f3;color:#fff;cursor:pointer}
#cate #jiantou_bottom{ border-top-color:#9ec02e; *margin-top:25px;}
/*--------banner $$ search end-----------*/
/*特卖*/
.hotel_sales{ background:url(../../images/hotel/sales_bg.jpg) repeat; width:840px; height:446px; margin-top:42px; padding:17px 0 17px 360px}
.hotel_sales_pannel{ background:#fff; width:823px; height:446px;}
.hotel_sales_pannel ul{ width:850px; overflow:hidden; height:446px;}
.hotel_sales_pannel ul li{ width:182px;  height:201px; margin-top:14px; margin-left:19px; float:left; position:relative;z-index: 0;}
.hotel_sales_pannel ul li a,.hotel_evaluate ul li a,.hotel_talent ul li a,.hotel_content li a{ display:block;}
.hotel_sales_pannel ul li a h5{ color:#333; height:43px; overflow:hidden; line-height:1.6em; margin-top:5px;margin-bottom:5px;*margin-top:0px; *margin-bottom:6px;}
.hotel_sales_pannel ul li img{ width:182px; height:122px; display:block; position:relative; z-index:2}
.hotel_discount{ position:absolute; display:inline-block; color:#fff; font-size:12px; line-height:1em; background:url(../../images/hotel/hotel_icon.png) -108px -87px no-repeat; z-index:8; top:0; width:39px; height:25px; text-align:center; line-height:20px; left:15px;}
.hotel_sales_pannel ul li .hotel_sales_main .hotel_font_orange{ vertical-align:middle; line-height:1em;font-family:Arial,"微软雅黑"}
.hotel_sales_pannel ul li .hotel_sales_main>span>span{ margin:0 2px;}
.hotel_sales_pannel ul li a:hover,.hotel_content li a:hover,.hotel_evaluate ul li a:hover{box-shadow:0px 4px 8px #ddd;*border-bottom:4px solid #ddd;*border-right:4px solid #ddd; *cursor:pointer;border-bottom:4px solid #ddd\0;border-right:4px solid #ddd\0 }
/*特卖 END*/
/*酒店搜索*/
.hotel_location li{ float:left; width:120px; text-align:center; cursor:pointer; height:108px;}
.hotel_location li i{ display:inline-block; text-align:center; color:#fff; width:51px; height:63px; font-size:18px; background:url(../../images/hotel/hotel_location.png) no-repeat; margin-top:29px; font-weight:600; line-height:49px;}
.hotel_location li i.rc{ background-position:-52px 0}
.hotel_location li i.fs{ background-position:-103px 0}
.hotel_location li i.jz{ background-position:-154px 0}
.hotel_location li i.qt{ background-position:-205px 0}
.none{ display:none;}
.hotel_on{ background:#f5f5f5;}
.hotel_location_nav a{ display:block; font-size:0; line-height:0}
.hotel_close{ position:absolute; bottom:0; right:0; width:56px; height:28px; line-height:28px; color:#999; background-color:#e5e5e5; text-align:center; font-size:12px; cursor:pointer}
.hotel_close:hover{ color:#0066ae}
.hotel_location_main{ background:#f5f5f5; height:auto; padding:20px 25px 0 25px;position:relative}
.hotel_location_main li{ width:150px; margin-bottom:10px; float:left; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; height:30px;}
.hotel_location_main li a{ color:#333;padding:2px 5px;display:inline-block;}
.hotel_location_main li a:hover{ background:#8c96a2; color:#fff;}
/*地区 END*/
.hotel_content{ width:1231px; overflow:hidden}
.hotel_content li{ width:216px; margin-right:30px; float:left; margin-bottom:26px; height:258px;}
.hotel_content li img{ width:216px; height:146px;display:block}
.hotel_content .hotel_detail{ background-color:#f8f8f8; padding:5px 10px; width:196px; height:98px; line-height:18px; position:relative}
.hotel_content .hotel_detail h5{ height:39px; overflow:hidden;}
.hotel_content .hotel_detail .hotel_detail_address{ color:#999; height:25px; line-height:25px; overflow:hidden;text-overflow:ellipsis; font-size:12px; margin-top:8px;white-space: nowrap; text-align:right}
.hotel_content .hotel_detail .hotel_index_price{ position:absolute; left:10px; bottom:10px}
.hotel_content .hotel_detail .hotel_index_price span{ line-height:26px;}
.hotel_detail_price{ position:relative; height:23px;}
/*酒店搜索 END*/
.hotel_evaluate h2,.hotel_address h2,.hotel_talent h2{ border-bottom:2px solid #65a10b; color:#65a10b; line-height:2em; padding-bottom:5px;}
.hotel_evaluate h2 a,.hotel_address h2 a{ display:block; line-height:50px; height:40px; overflow:hidden}
/*评价最高*/
.hotel_evaluate h2{ color:#46a9be; border-bottom-color:#46a9be; *margin-top:30px;}
.hotel_evaluate ul{ width:1230px; overflow:hidden}
.hotel_evaluate ul li{ float:left; width:284px; height:330px; margin-bottom:17px; margin-right:21px;}
.hotel_evaluate ul li a img,.hotel_evaluate ul li .hotel_detail_img{width:284px; height:190px; overflow:hidden}
.hotel_evaluate ul li .hotel_detail_img{ position:relative}
.hotel_evaluate ul li .hotel_detail{ background:#f8f8f8; padding:10px; width:264px; height:116px;}
.hotel_evaluate .hotel_detail .hotel_detail_grade{ border-bottom:1px solid #dfdfdf; line-height:1em; padding-bottom:12px; margin-bottom:10px; padding-top:2px}
.hotel_evaluate .hotel_detail .hotel_detail_grade>p{ color:#46a9bc;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; width:264px;}
.hotel_evaluate .hotel_detail .hotel_detail_remark .font_grey{ height:40px; overflow:hidden; margin-top:10px;}
.hotel_evaluate ul li .hotel_detail_name{ background:url(../../images/hotel/search_box.png) repeat; position:absolute; bottom:0; padding:0 5px; width:274px; height:30px; overflow:hidden;line-height:30px; left:0}
.hotel_evaluate ul li .hotel_detail_name p{ color:#fff; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.hotel_evaluate ul li .hotel_detail_name .font_size_12{ color:#fff;}
/*评价最高 END*/
/*达人推荐*/
.hotel_talent{ width:895px; overflow:hidden}
.hotel_talent h2{ color:#fbb000; border-bottom-color:#fbb000; line-height:42px; padding-bottom:4px; *line-height:44px;}
.hotel_talent ul{ width:895px; overflow:hidden}
.hotel_talent ul li{ float:left; position:relative; margin-top:20px; margin-left:20px; overflow:hidden; width:287px; height:277px}
.hotel_talent ul li:first-child{ width:281px; height:570px; margin-left:0}
.hotel_talent ul li div{ background:url(../../images/hotel/search_box.png) repeat; height:70px; color:#aaa; padding:10px; position:absolute; bottom:-25px; left:0; width:97%;}
.hotel_talent ul li a p{ line-height:1.8em; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.hotel_talent ul li a p i{ display:inline-block; background:url(../../images/hotel/hotel_icon.png) no-repeat -268px -29px; width:13px; height:16px; vertical-align:middle; margin-right:3px;}
.hotel_talent ul li.hote_talent_last{ width:594px; height:273px;}
.hotel_talent ul li a:hover div{ color:#fff; transition:bottom 250ms ease 0s; bottom:0;}
.hotel_talent ul li a:hover div p.font_grey{ color:#aaa;}
/*达人推荐 END*/
/*右侧*/
.hotel_right{ width:286px;}
.hotel_help h2{ line-height:42px; padding-bottom:4px;}
.hotel_help_detail{ width:284px; border:1px solid #ddd;}
.hotel_help_detail li{ float:left; width:71px; text-align:center; border-left:1px dotted #ddd;border-bottom:1px dotted #ddd; margin-left:-1px; height:81px;}
.hotel_help_detail li a,.hotel_service ul li a{ color:#333; display:block}
.hotel_help_detail li a:hover{ background:#f5fcec; height:100%;}
.hotel_help_detail li p,.hotel_service ul li p{ padding:5px 0}
.hotel_help_detail li i{ display:inline-block; width:38px; height:38px; background:url(../../images/hotel/hotel_help.png) no-repeat; margin-top:10px;}
.hotel_help_detail li i.qj{ background-position:-47px 0}
.hotel_help_detail li i.jc{ background-position:-96px 0}
.hotel_help_detail li i.db{ background-position:-144px 0}
.hotel_help_detail li i.czc{background-position:0 -46px}
.hotel_help_detail li i.ts{ background-position:-47px -46px}
.hotel_help_detail li i.hb{ background-position:-96px -46px}
.hotel_help_detail li i.dt{ background-position:-144px -46px}
.hotel_help_detail li i.gy{ background-position:0 -92px}
.hotel_help_detail li i.rl{ background-position:-47px -92px}
.hotel_help_detail li i.wd{ background-position:-96px -92px}
.hotel_help_detail li i.zx{ background-position:-144px -92px}
.hotel_translation{ height:83px; background:url(../../images/hotel/hotel_translation.jpg) no-repeat; position:relative}
.hotel_translation div{ position:absolute; width:188px; height:22px; background:#52b500; padding:2px 4px 4px; right:17px; bottom:4px;}
.hotel_translation div input{ display:inline-block; border:0;height:18px; line-height:18px;}
.hotel_translation div .translation_text{ background:#fff; width:146px; overflow:hidden; font-size:12px; color:#666;}
.hotel_translation div .translation_btn{ background:none; color:#fff; font-size:13px; width:37px; cursor:pointer }
/*预订流程*/
.hotel_question_box{width:284px;height:246px;border:1px solid #ddd;margin-top:15px}
.hotel_question_box ul{width:200px;height:auto;margin-left:18px}
.hotel_question_box ul li{width:100%;height:36px;margin-top:20px}
.hotel_question_box ul li span{float:left;width:36px;height:36px;background-color:#a9c906;border-radius:50px;text-align:center;line-height:36px;color:#fff;font-size:18px;font-weight:700;margin-right:10px}
.hotel_question_box ul li a:hover{ text-decoration:underline}
/*预订流程 END*/
/*网站服务*/
.hotel_service{ border:1px solid #ddd; width:1198px; margin-bottom:30px; margin-top:15px; padding:18px 0}
.hotel_service ul{ margin:0 auto; width:1120px;}
.hotel_service ul li{ float:left; text-align:center; width:12.5%; position:relative}
.hotel_service ul li:first-child{ border-left:none;}
.hotel_service ul li i{ display:inline-block; width:40px; height:40px; background:url(../../images/hotel/hotel_service.png) no-repeat; margin-top:10px;}
.hotel_service ul li i.yc{ background-position:-45px -0px}
.hotel_service ul li i.mp{ background-position:-90px -0px}
.hotel_service ul li i.dd{ background-position:-135px -0px}
.hotel_service ul li i.wifi{ background-position:-0px -45px}
.hotel_service ul li i.hc{ background-position:-45px -45px}
.hotel_service ul li i.yh{ background-position:-90px -45px}
.hotel_service ul li i.ditu{ background-position:-90px -134px}
.hotel_service ul li a:hover i.jd{ background-position:-0px -89px}
.hotel_service ul li a:hover i.yc{ background-position:-45px -89px}
.hotel_service ul li a:hover i.mp{ background-position:-90px -89px}
.hotel_service ul li a:hover i.dd{ background-position:-135px -89px}
.hotel_service ul li a:hover i.wifi{ background-position:-0px -134px}
.hotel_service ul li a:hover i.hc{ background-position:-45px -134px}
.hotel_service ul li a:hover i.yh{ background-position:-135px -45px}
.hotel_service ul li a:hover i.ditu{ background-position:-135px -134px}
.hotel_service ul li a:hover{ color:#a9c906;}
.hotel_service ul li b{ display:block; height:40px; position:absolute; top:25px; right:0; width:1px; background:#ddd;}
/*评分*/
.hotel_detail .hotel_mask{height:14px;height:14px;background-color:#C8C8C8;position: relative;z-index:1; width:79px; margin-top:2px; margin-left:5px;}
.hotel_detail .hotel_mask p{width:100%;height:14px;background:url(../../images/hotel/hotel_icon.png) no-repeat -148px -62px;position:absolute;z-index:2}
.hotel_detail .hotel_mask span{position:absolute;z-index:1;height:14px;left:0;top:0;background-color:#fcae03}
.hotel_content .hotel_detail .hotel_mask{ margin-top:4px;}

@media screen and (max-width: 1200px) {
.hotel_hyw{ width:100%; margin:0 auto; min-width:990px;}
.link_w{ width:968px;}
.link_w .rtxt{ width:752px;}
/*search*/
.hotel_search_box{ width:982px; margin-left:-495px; padding:4px}
.hotel_search_box .search_btn{ width:84px;-webkit-appearance : none ;}
.hotel_search_box .hotel_key{ width:215px;}
.selectbox{ width:102px;}
.hotel_search_box label.hotel_day_time{ width:153px;}
.hotel_search_box label{ width:122px;}
.hotel_search_box label:first-child input{ width:91px;}
.hotel_search_box .calendar-input-wrap input{ min-width:152px;}
.hotel_search_box .calendar-input-wrap .calendar-start-icon,.hotel_search_box .calendar-input-wrap .calendar-end-icon{ padding-right:26px;}
.hotel_search_box label span{ left:8px;}
.hotel_search_box label.hotel_grade{ padding-left:8px; width:105px;}
#cate .cate_inp{ width:80px;}
#cate .cate_drop{ left:-8px}
/*search END*/
/*特卖*/
.hotel_sales{ width:677px; padding:17px 0 17px 313px; background:url(../../images/hotel/sales_bg_990.jpg) repeat}
.hotel_sales_pannel ul li,.hotel_sales_pannel ul li img{ width:195px;}
.hotel_sales_pannel{ width:661px;}
.hotel_sales_pannel ul{ width:670px; height:440px; }
/*地区*/
.hotel_location li{ width:100px;}
.hotel_location_nav a.p_l_10{ padding-left:0}
.hotel_content{ width:1030px;}
.hotel_content li,.hotel_content li img{ width:225px;}
.hotel_content .hotel_detail{ width:205px}
/*酒店评价*/
.hotel_evaluate ul{ width:1030px; overflow:hidden}
.hotel_evaluate ul li,.hotel_evaluate ul li a img, .hotel_evaluate ul li .hotel_detail_img{ width:316px;}
.hotel_evaluate ul li .hotel_detail_name{ width:306px;}
.hotel_evaluate ul li .hotel_detail{ width:296px;}
/*达人推荐*/
.hotel_talent{ width:685px;}
.hotel_talent ul li{ margin-left:15px;}
.hotel_talent ul li:first-child,.hotel_talent ul li:first-child img{ width:215px;}
.hotel_talent ul li,.hotel_talent ul li img{ width:220px;}
.hotel_talent ul li.hote_talent_last,.hotel_talent ul li.hote_talent_last img{ width:455px;}
/*网站服务*/
.hotel_service{ width:988px;}
.hotel_service ul{ width:912px;}
}