﻿@charset "utf-8";

/* css */
.cf:before,
.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}

.login-body{background:url(../images/login-bg.jpg) no-repeat center top fixed #675950;}
.index-body{background:url(../images/index-bg.jpg) no-repeat center top fixed #675950;}

#header{background:url(../images/header-bg.png) repeat-x left top;}
#header-index{background:url(../images/header-bg-index.png) repeat-x left top;}
#header .head{width:1200px;margin:0 auto;position:relative;}
#header-index .head{width:1200px;margin:0 auto;position:relative;}
.head .style-l{display:block;position:absolute;left:-187px;top:0;width:206px;height:67px;background:url(../images/head-style-left.png) no-repeat;}
.head .style-r{display:block;position:absolute;right:-174px;top:22px;width:140px;height:45px;background:url(../images/head-style-right.png) no-repeat;}
.logo{float:left;}
.head .top-btn{float:left;padding:28px 0 0 20px;}
.head .top-btn a{display:inline-block;background:url(../images/top-btn.png) no-repeat left top;width:79px;height:22px;line-height:22px;text-align:center;color:#6F9359;font-family:"微软雅黑";margin:0 5px; font-size:12px;}
#navigation{float:left;}
#navigation ul{list-style:none;margin:0;}
#navigation li{float:left;background:url(../images/nav-Vertical.gif) no-repeat right top;padding-right:1px ;}
#navigation li.last{background:none;}
#navigation li a{display:inline-block;font-size:16px;color:#fff;font-family:'微软雅黑','黑体','microsoft yahei';font-weight:300;padding:0px 20px 0 20px; height:67px; line-height:67px;}
#navigation li a:hover,#navigation li a.active{background:url(../images/nav_active_bg.jpg) repeat-x left top;}
#navigation li .on{background:url(../images/nav_active_bg.jpg) repeat-x left top;}

.head .top-right{float:left;padding:12px 0 0 10px; width:190px; height:58px; overflow:hidden;}
.head .top-right span{ position:relative;  line-height:24px;  background-color:#e18357; height:24px; width:80px; color:#fff; padding-left:10px; margin-right:12px;}
.head .top-right span s{ position:absolute; top:10px; right:8px; background:url(../images/top_arrow.png) no-repeat right top; height:4px; width:7px;}
.head .top-right a.wb_top,.head .top-right a.wx_top{background:url(../images/weibo_top.png) no-repeat left top;width:25px;height:22px;margin:2px 1px 0px;display:inline-block;}
.head .top-right a.wx_top{background-position:right top;}
.head .top-right p{ font-size:11px; color:#fff;}

.weibo-user{position:absolute;right:0px;bottom:7px;}
.weibo-user .weibo,.weibo-user .user{font-family:"微软雅黑";color:#fff;text-align:right;float:left;margin-right:20px;}
.weibo-user .weibo span{display:inline-block; vertical-align:top;margin-right:5px; font-size:12px;}
.weibo-user .weibo .wb,.weibo-user .weibo .wx{background:url(../images/weibo.png) no-repeat left top;width:37px;height:37px;margin:0 5px;display:inline-block;}
.weibo-user .weibo .wx{ background-position:right top;}
.weibo-user .user span{color:#ffcfb9;display:inline-block;margin-right:5px; vertical-align:top; font-size:12px;}
.weibo-user .user span a{color:#fff;padding-right:11px;}
.weibo-user .user .login_btn{background:url(../images/login_btn.png) no-repeat left top;width:76px;height:32px;display:inline-block;line-height:32px;text-align:center;color:#fff;font-size:14px;padding-right:7px;position:relative;bottom:-3px;}
.weibo-user .user .login_btn:hover{background:url(../images/login_btn_hover.png) no-repeat left top;}


#wrapper{width:1200px;margin:0 auto; }
#wrapper .main{background:url(../images/main-bg.png) repeat-y left top;z-index:998; padding:30px 45px 0px;}

#reserve_box{ width:220px; height:200px; padding:20px 25px; background:url(../images/reserve_box_bg.png) repeat left top; margin-top:70px;}
#reserve_box h1{ font-size:18px; color:#eb6120; background:url(../images/reserve_title_bg.png) no-repeat left top; padding:0 0 6px 32px; border-bottom:#fd9719 1px solid;}
#reserve_box ul{ margin-top:12px;}
#reserve_box ul li{ margin-bottom:8px;}
#reserve_box ul li.last{ margin-bottom:12px;}
#reserve_box ul li input{ height:28px; width:210px; border:#d9811d 1px solid; background-color:#e6e6e6; border-radius: 4px; padding-left:10px;}
#reserve_box ul li input.date_icon{background:#e6e6e6 url(../images/reserve_dateicon.jpg) no-repeat 198px 7px;}
#reserve_box a.reserve_more{ font-size:12px; color:#446536;}
#reserve_box a.reserve_more:hover{ font-size:12px; color:#446536; text-decoration:underline;}
#reserve_box input.reserve_input_out{height:28px; padding-bottom:4px; width:100px; background-color:#00674b; border:none; color:#fff; font-size:14px; margin-left:68px;cursor:pointer;}
#reserve_box input.reserve_input_move{height:28px; padding-bottom:4px; width:100px; background-color:#847872; border:none; color:#fff; font-size:14px;margin-left:68px;cursor:pointer;}

#footer{background:url(../images/footer-bg.png) repeat-y left top;padding:18px 40px 30px;color:#75807C;position:relative;z-index:999; }
#footer .foot-logo{float:left;margin-right:30px;}
#footer .foot-link{margin-bottom:10px; margin-top:8px;font-size:12px; background:url(../images/foot_link_bg.png) no-repeat 0px top; height:22px; line-height:22px; padding-left:10px; width:840px;}
#footer .foot-link a{color:#b3b3b3;margin-right:10px;}
#footer .foot-link a:hover{color:#fff;margin-right:10px;}
#footer .foot-link span{ padding:0 10px 0 5px; color:#777;}
#footer .copyright{line-height:160%; font-size:12px; color:#777;}
#footer .copyright a{color:#a3a3a3;}
#footer .copyright a:hover{color:#fff;}
.foot-top_btn{display:inline-block;position:absolute;right:68px;top:-10px;width:48px;height:48px;background:url(../images/foot-top_btn.png) no-repeat;}

														  
#footer-index-wrap{background:url(../images/footer-bg.png) repeat-x left top;position:absolute; bottom:0px;z-index:1; width:100%;}
#footer-index{padding:18px 40px 20px;color:#75807C;position:relative;z-index:999; width:1120px; margin:0 auto;}
#footer-index .foot-logo{float:left;margin-right:30px;}
#footer-index .foot-link{margin-bottom:10px; margin-top:8px;font-size:12px; background:url(../images/foot_link_bg.png) no-repeat 0px top; height:22px; line-height:22px; padding-left:10px; width:890px;}
#footer-index .foot-link a{color:#b3b3b3;margin-right:10px;}
#footer-index .foot-link a:hover{color:#fff;margin-right:10px;}
#footer-index .foot-link span{ padding:0 10px 0 5px; color:#777;}
#footer-index .copyright{line-height:160%; font-size:12px; color:#c6c1bb;}
#footer-index .copyright a{color:#a3a3a3;}
#footer-index .copyright a:hover{color:#fff;}
.foot-top_btn{display:inline-block;position:absolute;right:68px;top:-10px;width:48px;height:48px;background:url(../images/foot-top_btn.png) no-repeat;}
/* 面包屑 */
#bread{ border-bottom:#eb6120 1px solid; font-size:14px;} 
#bread .bread_text{ width:600px; background:url(../images/home.png) no-repeat left top; padding-left:24px; padding-bottom:8px;}
#bread .bread_text span{ color:#eb6120; padding-left:5px;}
#bread .bread_text a{ color:#888; padding-right:5px;}
#bread .bread_text a:hover{ color:#7c9f67; text-decoration:none; }


/* 关于我们 */
#about_sub_nav{height:40px; background:url(../images/line.png) repeat left top; width:auto; margin:20px 0 30px 0;}
#about_sub_nav ul li{ float:left;margin-right:3px;}
#about_sub_nav ul li a{ float:left; height:40px; line-height:40px; padding:0 26px; background-color:#c6c6c6; color:#fff; font-size:16px; }
#about_sub_nav ul li a:hover{ background-color:#eb6120; text-decoration:none;}
#about_sub_nav ul li a.about_selected{ background-color:#eb6120; text-decoration:none;}

#about_con p{ line-height:26px; padding:0 20px 40px 0;}
#about_con p span{ font-size:34px; color:#eb6120; padding-left:30px;}
#about_con .about_pic{float:left; margin-right:60px;}
#about_con .bar_code{ float:left; width:300px; margin-top:26px;}
#about_con .bar_code p{line-height:24px; font-size:12px; padding-top:6px; margin-top:15px; background:url(../images/tip_arrow2.jpg) no-repeat 30px 0;}
#about_con .bar_code p span{ display:block; background-color:#87aa72; padding:10px 10px;border-radius: 2px; color:#fff; font-size:14px;}

/* 优惠精选 */

#pre_list{ width:auto; margin-top:40px;}
#pre_list ul li .pre_box{height:150px; margin-bottom:30px;border-bottom:1px dashed #ccc;padding-bottom: 20px;
}
#pre_list ul li .pre_box p.date_tip{margin-top:5px;float:left; width:54px; height:61px;background:url(../images/date_tip.jpg) no-repeat left top; overflow:hidden; text-align:center;}
#pre_list ul li .pre_box p.date_tip span.day{ display:block;color:#fff; font-size:24px; height:28px; line-height:28px; margin-top:6px;}
#pre_list ul li .pre_box p.date_tip span.year{ display:block;color:#fff; font-size:12px;}
#pre_list ul li .pre_box a.pre_img{ float:left; margin-right:30px;}
#pre_list ul li .pre_box .pre_detail{ margin-left:20px; float:left; width:650px; position:relative; height:150px;overflow:hidden;}
#pre_list ul li .pre_box .pre_detail h2 a{font-size:24px; height:26px; line-height:26px;color:#444;}
#pre_list ul li .pre_box .pre_detail h2 a:hover{color:#689154;}
#pre_list ul li .pre_box .pre_detail p{ height:68px; overflow:hidden; line-height:22px; margin-top:12px;}
#pre_list ul li .pre_box .pre_detail a.see_more{ display:block; position:absolute; bottom:0px; background:url(../images/pre_morebg.jpg) no-repeat left top; height:37px; width:112px; color:#fff; line-height:37px; padding-left:20px}
#pre_list ul li .pre_box .pre_detail a.see_more:hover{background:url(../images/pre_morebg_hover.jpg) no-repeat left top; }

/* 优惠精选详细页 */

#pre_list ul li .promotion_box {margin-bottom:50px;}
#pre_list ul li .promotion_box p.date_tip{margin-top:5px;float:left; width:54px; height:61px;background:url(../images/date_tip.jpg) no-repeat left top; overflow:hidden; text-align:center;}
#pre_list ul li .promotion_box p.date_tip span.day{ display:block;color:#fff; font-size:24px; height:28px; line-height:28px; margin-top:6px;}
#pre_list ul li .promotion_box p.date_tip span.year{ display:block;color:#fff; font-size:12px;}
#pre_list ul li .promotion_box .pre_detail{ width:980px; margin-left:20px; float:left; position:relative; overflow:hidden;}
#pre_list ul li .promotion_box .pre_detail h2 a{font-size:24px; height:26px; line-height:26px;color:#444;}
#pre_list ul li .promotion_box .pre_detail h2 a:hover{color:#689154;}
#pre_list ul li .promotion_box .pre_detail p{ overflow:hidden; line-height:22px; margin-top:12px;}
#pre_list ul li .promotion_box .pre_detail a.see_more{ display:block; position:absolute; bottom:0px; background:url(../images/pre_morebg.jpg) no-repeat left top; height:37px; width:112px; color:#fff; line-height:37px; padding-left:20px}
#pre_list ul li .promotion_box .pre_detail a.see_more:hover{background:url(../images/pre_morebg_hover.jpg) no-repeat left top; }

/* 优惠精选 分页 */
.scpage{}
p.scpage-pages {float:left; font-size: 12px; line-height: 30px; margin-bottom: 20px; text-align: left; width: auto;}
p.scpage-pages a, p.scpage-pages span { background-color: #F6F6F6; border:#ffe2c0 1px solid; margin-right: 5px; padding: 8px 14px; text-decoration: none; color:#666;}
p.scpage-pages span.unable{ background-color: #e3e3e3; border:#cecece 1px solid;}
p.scpage-pages a.current {  background-color: #eb6120; border:#eb6120 1px solid; color:#fff;}
p.scpage-pages a:hover {  background-color: #eb6120; border:#eb6120 1px solid; color:#fff;}
p.scpage-pages span {color: #888888; cursor: default;  margin: 0 5px;}

/* 在线预订 订单提交*/

#reserve_con{ width:auto; overflow:hidden;}

#reserve_con h1{ width:auto; background:url(../images/line2.png) repeat-x left bottom; height:36px; line-height:36px; margin-top:36px; margin-bottom:20px;}
#reserve_con h1 span{ display:inline-block; font-size:16px; color:#fff; background-color:#87aa72; height:36px; text-align:center; width:150px;}
#reserve_con .pay_select{ padding:0 60px;}
#reserve_con .pay_select h2{ border-bottom:#CCCCCC 1px solid; height:30px; line-height:30px; margin-bottom:16px;}
#reserve_con .pay_select h2 span{ display:block; border-bottom:#87aa72 1px solid; width:60px; height:30px; line-height:30px;}
#reserve_con .pay_select label{ display:block; margin-bottom:12px;}
#reserve_con .pay_select label span.selected{ font-weight:800;}
#reserve_con .pay_select label p.pay_tip{ border:#ffe090 1px solid; background:#fef9f5; padding:10px 20px; margin-top:6px;}
#reserve_con .reserve_same{height:36px;margin-bottom:15px;overflow:hidden; width:900px;}
#reserve_con .margin_0{ margin-bottom:0px;}
#reserve_con .reserve_same label{margin-right:10px;width:130px;height:32px; line-height:32px; float:left;display:inline;text-align:right;color:#6c6c6c;}
#reserve_con .reserve_same label span{ color:#FF0000; padding-right:5px;}
#reserve_con .reserve_same .content_in{float:left;display:inline;height:34x;line-height: 34px;overflow:hidden;}
#reserve_con .reserve_same input.definition_small{ width:80px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece;float:left; }
#reserve_con .reserve_same input.definition_small_on{ width:80px; height:32px; line-height:32px; padding-left:10px; border:1px solid #7c9e67; float:left;}
#reserve_con .reserve_same input.definition_big{ width:260px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece;float:left;}
#reserve_con .reserve_same input.def{width:260px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; background:#fff  no-repeat 246px 9px;}
#reserve_con .reserve_same select.def{width:50px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; background:#fff  no-repeat 246px 9px;}
#reserve_con .reserve_same input.definition_big_on{ width:260px; height:32px; line-height:32px; padding-left:10px; border:1px solid #7c9e67; float:left;}
#reserve_con .reserve_same input.definition_bigmore{ width:660px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece;float:left;}
#reserve_con .reserve_same input.definition_bigmore_on{ width:660px; height:32px; line-height:32px; padding-left:10px; border:1px solid #7c9e67; float:left;}
#reserve_con .reserve_same .content_in span{ float:left; line-height:36px; color:#999; padding-left:20px;}
#reserve_con .reserve_same .content_in p{ margin:0px; padding:0px;}
#reserve_con .reserve_same .content_in p span.money{font-size:24px; color:#FF3300; padding-left:0px; padding-right:20px;}
#reserve_con .reserve_same .content_in p s{color:#FF0000; text-decoration:none;}
#reserve_con .phone_email{ width:470px; float:left; }
#reserve_con .phone_email_text{float:left; background:url(../images/sign_bg.jpg) no-repeat left top; margin-left:80px; padding-left:18px; height:40px; color:#999; margin-top:26px;}
#reserve_con .reserve_same input.date_icon{width:260px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; background:#fff url(../images/reserve_dateicon.jpg) no-repeat 246px 9px;}
#reserve_con .reserve_btn{ margin:30px 0 10px 60px;}
#reserve_con .reserve_btn input.reserve_input_out {background-color: #EC6D1E;border: medium none;color: #FFFFFF;font-size: 16px;height: 36px;padding-bottom: 4px;width: 140px;}
#reserve_con .reserve_btn input.reserve_input_move {background-color: #EB7C35;border: medium none;color: #FFFFFF;font-size: 16px; height: 36px;padding-bottom: 4px; width: 140px;}
#reserve_con .reserve_btn input.reserve_input_submit {background-color: #CCCCCC;border: medium none;color: #FFFFFF;font-size: 16px;height: 36px;padding-bottom: 4px;width: 140px;}


/* 酒店列表 */
#room_select{width:auto; background-color:#ffe2c0; height:54px; line-height:54px; margin-top:30px; padding-left:20px; overflow:hidden;}
#room_select span{ float:left; margin-right:10px; color:#333;}
#room_select span.city_list{float:left; margin-top:12px;position:relative; background-color:#fff; border:#a5bf97 1px solid; display:block; height:30px; line-height:30px; width:80px; padding-left:10px; margin-right:12px;}
#room_select span.city_list s{ position:absolute; top:12px; right:8px; background:url(../images/city_arrow.jpg) no-repeat right top; height:5px; width:9px;}
#room_select p.select_right{ float:left; _margin-top:10px;}
#room_select input{height:30px; line-height:30px; width:110px; padding-left:10px; margin-right:12px; background-color:#fff; border:#cad5c1 1px solid;}
#room_select input.date_icon{background:#fff url(../images/reserve_dateicon.jpg) no-repeat 100px 8px;}
#room_select input.room_select_key{ width:260px; height:30px; line-height:30px; padding-left:10px; border:1px solid #cad5c1;}
#room_select input.room_select_key_on{ width:260px; height:30px; line-height:30px; padding-left:10px; border:1px solid #7c9e67; }
#room_select input.room_input_out{ cursor:pointer; height:30px; padding:0px 0px 4px 0px; width:100px; background-color:#00674b; border:none; color:#fff; font-size:14px; }
#room_select input.room_input_move{ cursor:pointer; height:30px; padding:0px 0px 4px 0px; width:100px; background-color:#018964; border:none; color:#fff; font-size:14px;}


#room_list{ width:auto; margin-top:40px;}
#room_list .room_li{ padding-bottom:5px; margin-bottom:30px; border-bottom:#eb6120 2px solid;}
#room_list .room_input_out{ cursor:pointer; height:30px; padding:0px 0px 4px 0px; width:100px; background-color:#00674b; border:none; color:#fff; font-size:14px; }
#room_list .room_input_move{ cursor:pointer; height:30px; padding:0px 0px 4px 0px; width:100px; background-color:#018460; border:none; color:#fff; font-size:14px;}

#room_list ul li .room_box{ height:180px; padding-bottom:10px;}
#room_list ul li .room_box .room_left_detail{float:left; margin-right:20px;width:360px; height:180px; overflow:hidden; text-align:left;}
#room_list ul li .room_box .room_left_detail h2{font-size:24px; height:52px; line-height:22px;color:#444; margin-bottom:14px; overflow:hidden;}
#room_list ul li .room_box .room_left_detail p.room_position{ height:auto; margin-bottom:20px;}
#room_list ul li .room_box .room_left_detail p.room_position span.position_name{font-size:14px; height:20px; line-height:20px; display:block; margin-bottom:5px}

#room_list ul li .room_box .room_left_detail p.room_position{ height:auto; margin-bottom:30px;}

#room_list ul li .room_box .room_left_detail p.room_position span.position_img{ display:block; margin:-20px 0px -20px 0px; }
#room_list ul li .room_box .room_left_detail p.room_position span.position_img img{height:100px;width:150px;}
#room_list ul li .room_box .room_left_detail p.btn_group{ height:22px; line-height:22px;}
#room_list ul li .room_box .room_left_detail p.btn_group span{ color:#126b3d; padding:0 5px;}
#room_list ul li .room_box .room_left_detail p.btn_group a{ color:#126b3d; font-size:12px;}
#room_list ul li .room_box .room_left_detail p.btn_group a:hover{ text-decoration:underline;}
#room_list ul li .room_box .room_left_detail p.btn_group a.other_color{ color:#EC6D1E;}

#room_list ul li .room_box a.room_img{ float:left; margin-right:30px;}
#room_list ul li .room_box .room_right_detail{ float:left; width:650px; height:180px;overflow:hidden;}
#room_list ul li .room_box .room_right_detail p.intro{height:68px; overflow:hidden; line-height:22px; padding-bottom:10px; margin-bottom:10px; background: url(../images/line2.png) repeat-x left bottom;}
#room_list ul li .room_box .room_right_detail p.add_tel{line-height:22px;}
#room_list ul li .room_box .room_right_detail p.add_tel span{ font-size:16px; display:inline-block; margin:5px 30px 0 0;}
#room_list ul li .room_box .room_right_detail p.add_tel span b{ padding-left:5px; color:#000;}
#room_list ul li .room_box .room_right_detail p.two_btn{ position:absolute; bottom:0px;}
#room_list ul li .room_box .room_right_detail p.two_btn a{display:inline-block; height:32px; width:100px; color:#fff; line-height:32px; text-align:center; background-color:#7C9E67; border-radius: 2px; margin-right:20px;}
#room_list ul li .room_box .room_right_detail p.two_btn a:hover{ background-color:#8DAE79;}

/* 城市选择  */
#city_select{z-index:9999;width:auto; background-color:#d8e8cf; height:54px; line-height:54px; margin-top:30px; padding-left:20px; }
#city_select span{ float:left; margin-right:10px; color:#333;}
#city_select span.city_list{float:left; margin-top:12px;position:relative; background-color:#fff; border:#a5bf97 1px solid; display:block; height:28px; line-height:28px; width:80px;margin-right:12px;}
#city_select span.city_list s{ position:absolute; top:12px; right:8px; background:url(../images/city_arrow.jpg) no-repeat right top; height:5px; width:9px;}
#city_select span.hot_city a{ color:#959597; padding:0 6px;}
#city_select span.hot_city a:hover{ color:#959597; padding:0 6px; background-color:#eaf1e6;}

#city_select .select{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;}
#city_select .select a{color:#000;}
#city_select .select .option a{display:block;line-height:32px; padding:0 30px 0 10px;}
#city_select .select ul{margin-left:0px; margin-top: 0px;
	position:absolute;left:-1px;top:28px;border:1px solid #D9D8D8;background:#fff;padding:5px 0;display:none;max-height:200px;overflow-y:auto;}
#city_select .select ul li a{line-height:24px;padding:0 10px;display:block;}
#city_select .select ul li a:hover{background:#f4f4f4;color:#666;}







.dimensional{padding:10px 0px; background:#ffe2c0;}
.dimensional .left{ float:left; padding-left:20px;}
.dimensional .right{ float:left; padding-left:20px;}
.dimensional .right dl{ line-height:30px;}

.dimensional_two{padding:30px 0px; border:#cccccc solid 2px;}
.dimensional_two .left{ float:left; padding-left:20px;}
.dimensional_two .right{ float:left; padding-left:20px;}
.dimensional_two .right dl{ line-height:30px;}