/**
 *  @author yewang
 *  @date  2013/06/20
 *  @desc  迈点移动营销系统手机端web样式
 *
 */

/* start reset */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, dl {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
    -webkit-text-size-adjust:none;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { /*10月26 display: inline-block;*/ }
html,body {
    width: 100%;
    /*overflow: hidden;*/
}
#order_page{ width: 100%;}
body {
	font: 14px/1.8 "微软雅黑";
	color: #010101;
/*    background: url(../images/about_bj.png) 0 0 repeat-y;*/
    background-size: 100% 100%;
    overflow-x: hidden;
    width: 100%;
}
li {
	list-style: none;
}
img {
    border:none;
}
i, em {
    font-style: normal;
}
input, img {
    vertical-align:middle;
}
input, button, textarea {
    outline: none;
    resize: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    text-decoration: none;
    color: #075ba9;
}
@media screen and (max-device-width: 480px){
    　　img{max-width:100%;height:auto;}
}
/* end reset */

/* start common */
.fl {
    float: left;
}
.fr {
    float: right;
}
.hide {display: none;}
.ofh {overflow: hidden; position: absolute; left:110%;}
.red{color:#ff393c;}
.green{color:#4f9609;}
.blue{color:#075ba9;}
.orange{color:#ff8400; }
.dashed{ border-bottom:1px dashed #b5b0a9;}
/* end common */

/* start index */
header {
    height: 47px;
    -webkit-box-shadow: 0 0 10px #333;
/* 09-18
	 position: fixed;
*/  
	 width: 100%;
     z-index:999;
     top:0px;left: 0px;
}
#index header {
    width: 100%;
	z-index:20;
    position: fixed;
    top:0px;left: 0px;
}
#index .tel_btn {
    float:right;margin-right:20px; margin-top: 8px;
}
#index .index_nav {
    width: 90px;
    overflow: hidden;
    position: absolute;
    z-index: 11;
    padding: 100px 0;
    top:47px;
    right: 0;
}
#index .index_nav a {
    width: 108px;
    height: 68px;
    color: #fff;
    text-decoration: none;
    float: left;
    background: url(../images/listbg.png) repeat-x;
    border:1px solid #abb5c8;
    padding: 0 2%;
    border-radius: 5px;
    margin-bottom: 8px;
}
#index .index_nav span {
    display: block;
    width: 90%;
    text-align: right;
    font: 14px/24px;
    height: 39px;
    line-height: 41px;
    padding-right: 10px;
}
#index .index_nav span.nav_icon {
    border-bottom: 1px solid #656565;
}

#index .index_nav span.nav_icon img{
    margin-right:20px; width: 25px;
}

#index .index_nav span.nav_text {
    border-top: 1px solid #adadad; height: 27px;
    font-family: "Microsoft Yahei";
    line-height: 27px;
    width: auto; padding-right: 30px;
}
.banner { width:100%; z-index:-1;  position: relative; padding-top: 47px; left:0px;  }
.banner li { width:100%;  left:0; top:0; z-index:0;}
.banner li img { width:100%;}
/* end index */

/* start order */
.bj{width:100%;height:100%; position:absolute;bottom: 0; z-index:-2;opacity: .3;}

.top {
    width: 100%;
    height: 41px;
    padding-top: 5px;
    position:fixed;   
    _position:absolute;   
   z-index:1000;  
   background-image:url(../pic/o1.jpg);  
}
.top1 {
	width: 100%;
	height:60px;
	left: 3px;
	top: 43px;
	padding-top:6px;


}
.top2 {
	width: 100%;
	height: 270px;
	left: 3px;
	top: 43px;
	visibility: visible;
}



.top h1 { display:block; height:42px; margin:0 auto; text-align:center;}
.previous_btn,.previous_btn:visited {
	float: left;
	width: 43px;
	height: 29px;
	padding-left: 5px;
	text-align:center;
	color:#fff;
	line-height:28px;
	text-shadow:1px 1px 2px #000;
	overflow:hidden;
	position: absolute;
	top: 10px;
	left: 6px;
}
.top h2 {
    color:#fff;
    font-size:160%;
    font-weight: normal;
    line-height:200%;
    text-align:center;
}
.order{
    padding: 20px 10px;
    position: relative;
     /*jami 09-26
	top:47px;
	*/
}
.order_time{width:90%;border:1px solid #bfbfbf; border-radius:8px;background-color:rgba(232,226,221,0.6);box-shadow: inset 0px 2px 2px #a79e97; margin:0 auto;}
.order_time li{width:96%;margin:0 auto;height:45px;line-height:45px;padding-left:3%;}
.order_time li a{display:block;width:96%;height:100%; background:url(../images/ico_right.png) no-repeat right;color:#000;}
.order_li {
    width: 100%;
    overflow: hidden;;
    position: relative;
    padding: 15px 0;
}
.b_top{border-top:1px solid #f3f1f1;}
.b_bottom{border-bottom:1px solid #c4c0be;}
.roomDetail, .roomImg, .roomInfo, .roomPrice {
    float: left;
}

.roomInfo {
    margin-left: 15px;
}
.roomInfo strong {
    display: block;
    color: #070707;
}
.roomPrice {
    font-size: 12px;
    color: #ff8400;
}
.roomPrice b {
    font-size: 16px;
    line-height: 120%;
    font-weight: bold;
}
.roomPrice em {
    margin-left: 5px;
    color:#4f9609;
}
.roomPrice em.full {
    color: #ff393c;
}
.order_tel{
	position:absolute;
	white-space:nowrap;
	left:72px;
	top:50px;
	font-size:12px;
	width: 115px;
}
.order .order_btn{
    width:60px;
    height:24px;
    border:1px solid #ff6100;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffa500), to(#ff8e00));
    -webkit-box-shadow: 1px 1px 2px #9e9d9c;
    color:#fff;
    text-align:center;
    line-height:24px;
    margin-top:20px;
    border-radius:3px;
}
.order .order_btn1{
	/*add by zhongalong 07-01*/
    width:60px;
    height:24px;
    border:1px solid #afafae;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#cacaca));
    -webkit-box-shadow: 1px 1px 2px #b3aba3;
    color:#636363;
    text-align:center;
    line-height:24px;
    margin-top:20px;
    border-radius:3px;
}
.order .order_btn a{color:#fff;}

/* end order */

/* start join */
.join {
    padding: 15px 30px 0;
    overflow: hidden;
    position: relative;
    top:47px;
}
.box_top{margin:0 -2px;height:1px;background:#513425;}
.join_box{
    border:1px solid #beb8b4;
    border-bottom:0;
    padding:10px 15px 15px;
    background:#fff;
}
.join .tooth {
    margin-bottom:14px;
    height:8px;
    background:url(../images/tooth.png) repeat-x;
}
.join_btn,.join_btn:visited, .join_btn1{
    height:41px;
    display: block;
    border:1px solid #afafae;
    border-radius:3px;
    margin:0 45px 30px;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#cacaca));
    line-height:40px;
    text-align:center;
    -webkit-box-shadow: 1px 1px 2px #b3aba3;
    color:#636363;
}
.join_btn1,.join_btn1:visited{border-color:#ff6600; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffa500), to(#ff8100)); color:#fff;}
.join_box h3{text-align:center; font-weight:normal;}
.join_box .text_r{ text-align:right;}
/* end join */

/* start intro */
.main_inner p{width:90%;margin: 0 auto;padding-top:9px;}
.h_banner {	width:100%;	height:auto;-webkit-box-shadow: 0 0 10px #333; 	margin:0 auto;	overflow:hidden;position:relative;z-index:2;}
.h_banner img { width:100%; vertical-align:middle;}
.scroller .img_box {float:left;	text-align:center;}
.h_banner .banner_filter{width:100%;height:12%;	position:absolute;bottom:0;	background:#fff;-moz-opacity:.4;opacity:.4;border-top:2px solid rgba(f,f,f,0.8);z-index:111;}
.imgScroller {clear:both;overflow:hidden;*zoom:1;position:relative;width:100%;height:auto;margin:0 auto;z-index:1;}
#scroller {width:100%;height:100%;float:left;padding:0;}
#scroller_nav {position:absolute;display:block;	bottom:0;right:0;height:30px;z-index:999;}
#scroller .img_box {position:relative;text-align:center;}
.img_indicator { left:50%; margin-left:-20px;}
.img_indicator .img_dot {text-indent:-9999em;width:8px;	height:8px;	-webkit-border-radius:7px;	-moz-border-radius:7px;	-o-border-radius:7px;border-radius:7px;	background:#000;overflow:hidden;float:left;	-moz-opacity:.4;opacity:.4;}
.img_indicator .active {background:#fff;-moz-opacity:.8;opacity:.8;}
.main_inner .tel{width:90%;margin: 10px auto 0 auto; border:1px solid #a99a97; border-radius:5px;background-color:rgba(221,221,220,0.7);box-shadow:inset 0 1px 4px #9c9a97;}
.main_inner .tel li{padding:10px 9px; display:block; overflow:hidden;}
.home .tel li a{ display:block;width:100%;height:100%;color:#404040;}
.main_inner .tel li .num{margin-right:8px;}
.main_inner .tel li .map_btn{border-top:1px solid #fff;border-bottom:1px solid #9e9e9e;border-left:1px solid #dedede;border-right:1px solid #dedede; border-radius:3px;padding:5px 15px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#d8d8d8)); float:right; cursor:pointer;box-shadow:2px 2px 2px #cecbc6; text-shadow:1px 1px 1px #fff}
.home_nav .tel li{height:32px;line-height:32px;padding-left:55px;}
.home_nav .tel li img{display:inline; margin-top:9px;}
.home_nav .tel .nav1{ background:url(../images/home-ico1.png) no-repeat 9px 10px;}
.home_nav .tel .nav2{ background:url(../images/home-ico2.png) no-repeat 9px 10px;}
.home_nav .tel .nav3{ background:url(../images/home-ico3.png) no-repeat 9px 10px;}
.main_inner p{width:90%;margin: 0 auto;padding-top:9px;}
/*focus*/
.focus{width:100%;margin:9px auto 0;}
.focus h2, .detailTitle{ line-height:50px;text-align:center;font-size:17.7px;}
.focus p{ line-height:50px;padding:0 5%;}
.focus_ico{margin:0 10px; vertical-align:-4px;}
.focus_ico2{margin-left:30px; vertical-align:-4px;}
.focus_ico3{display:block; margin:0 auto;}
/* end intro */

/*room_order*/

.nav_bar { height:auto; margin:5px 0; text-overflow: ellipsis; text-align:left; font-size:20px; font-weight:700; line-height:30px;}
.nav_bar h2 { /* 06-29 display:inline-block;*/ margin:2% 5% 0 5%;}
.nav_bar h2 span { margin-left:20px; font-weight:400; font-size:18px;}
.nav_bar h2 .pro_name {display:block; margin:0; font-size:20px;overflow:hidden;}
.pro_order { width:94%; margin:2% 3%;}
.list li div .arrow_r { margin:15px 0 0;width:10px;height:16px; background:url(../images/ico_right.png) no-repeat right;}
ul.list { width:100%; margin-bottom:18px; border-radius:7px; border:1px solid #b7b7b7;background-color:rgba(220,220,220,0.6); overflow:hidden;box-shadow: inset 0px 2px 2px #a79e97;}
.list li { padding:0 10px; font-size:16px; line-height:46px; vertical-align:middle; overflow:hidden;}
.list li:first-of-type { border-radius:7px 7px 0 0;} 
.list li:last-of-type { border-radius:0 0 7px 7px;} 
.list li span { float: left; width:80px; white-space:nowrap;}
.list li div { padding:0 5px; text-align:left;  overflow:hidden;}
.list li .list_input { width:95%; padding:2px 5px; height:24px; line-height:24px; border:1px solid #cecac7; outline:none;}
.list li .list_textarea {width:95%; margin:14px 0 16px; padding:0 5px; border:1px solid #cfcac7; vertical-align:middle;}
.minus_btn,.minus_btn2,.plus_btn,.plus_btn2 { display:inline-block; width:28px; height:28px; color:#000; line-height:30px; text-align:center; vertical-align:middle; font-size:22px; font-weight:400; -webkit-touch-calloutt:none;}
.minus_btn:active,.minus_btn2:active,.plus_btn:active,.plus_btn2:active { color:#fff; background:#FFA83E;}
.list li div .arrow_r { margin:15px 0 0;}
.arrive_time { width:94%; margin:0 3%;}
.arrive_time_list { width:100%;}
.arrive_time_list li { border-bottom:1px solid #d1d1d1; font-size:20px; line-height:48px; text-indent:10px;-webkit-touch-calloutt:none;}
.arrive_time_list li a { color:#000; display:block;}
.arrive_time_list li:last-of-type { border:0;}
.slider_page { display:none; position:absolute; width:100%; min-height:100%; left:0; top:0; overflow:hidden; background:#fff;}
.slider_page.active { z-index:111;}
/*0524*/
.start_date {overflow:hidden;}
.dateWrap { width:94%; margin:16px 3% 33px; border-radius:7px;border:1px solid #afa79e; overflow:hidden; }
.dateWrap h2 { border-radius:7px 7px 0 0; text-align:center; font-size:20px; line-height:36px; color:#410b00; background-color:rgba(232,226,221,0.8);-webkit-box-shadow:inset 0 0 3px #a59d97;}
.dateWrap table { width:100%; border-top:0; border-radius:0 0 7px 7px ;}
.dateWrap table td { width:14%; border-right:1px solid #dcdad9;  border-bottom:1px solid #dcdad9;}
.dateWrap table tr:first-of-type {background-color:rgba(228,228,228,0.8);}
.dateWrap table tr:first-of-type td { border:0; border-bottom:1px solid #dcdad9; text-shadow:0 1px 2px #fff;}
.dateWrap table tr:last-of-type td { border-bottom:1px solid #dcdad9;}
/*.dateWrap table tr td:first-of-type { border-left:1px solid #afa79e;}*/
/*.dateWrap table tr td:last-of-type { border-right:1px solid #afa79e;}*/
.td_xq { text-align:center; font-size:16px; }  
.td_hao { font-size:18px; line-height:42px; cursor:pointer; text-align:center;font-family:Arial; }  
.gray,.disabled {background-color:rgba(205,205,205,0.8); color:#a5a5a5; cursor:default;}
.w35 { width:35px !important;}
.apply_box { text-align:center; vertical-align:middle;}
.apply_box .order_btn,.submit_order_btn{ zoom:1; display:inline-block; width:73%; height:42px; border:1px solid #ff4c00; border-radius:3px; background: -webkit-gradient(linear,0 0,0 100%,from(#ffa600),to(#ff8800));-webkit-box-shadow:inset 0 0 3px #fff; font-size:18.66px; line-height:40px; color:#fff; text-shadow:1px 1px 2px #896d39; font-weight:normal;}
.apply_box .order_btn1{zoom:1; display:inline-block; width:73%; height:42px; border:1px solid #afafae; border-radius:3px; background: -webkit-gradient(linear,0 0,0 100%,from(#d9d9d9),to(#cacaca));-webkit-box-shadow:inset 0 0 3px #636363; font-size:18.66px; line-height:40px; color:#636363; text-shadow:1px 1px 2px #896d39; font-weight:normal;}
.promotion_date{ background:url(../images/ico_right.png) no-repeat right;padding-right:12px;color:#6f6f6e;}
.color_6f{color:#6f6f6e;}
.detailTitle {margin:0 10px; text-align:left;}
.detailTitle span{font-weight: normal; margin-left: 10px;}





/* Reacher.lu  8.28 */
p#textarea_p{ line-height: 30px; height: 30px; font-size: 14px; color: #555;}
#apply_request{ margin-bottom:0px; }
#content{top:47px;}
.all{width:320px;height:auto;margin:0;border:0px red solid;overflow:hidden;}





/***********************图片手触轮换css********************************/
ol {
	display: block;
	list-style-type: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}


.box_swipe{
	
	overflow:hidden;
	position:relative;
	visibility: visible; 
}
.box_swipe>ul li{position:relative;}
.box_swipe>ol label{
	z-index:100;
	position:absolute;
	left:10px;
	top:0;
	color:#fff;
	display:none;
}
.box_swipe>ol li.on label{
	display:inherit;
}
.box_swipe>ol{
	height:20px;
	position: absolute;
	z-index:10;
	bottom:0;
	width:100%;
	text-align:right;
	padding-right:20px;
	-webkit-box-sizing:border-box;
	background-color:rgba(0,0,0,0.5);
}

.box_swipe>ol>li{
	display:inline-block;
	margin:5px;
	width:10px;
	height:10px;
	background-color:#757575;
	border-radius: 10px;
}
.box_swipe>ol>li.on{
	background-color:#ffffff;
}
/********************************************************************************/
.lv-list{width:100%;
padding-left:20px;
padding-right:20px;
background-image:url(../pic/xt-1.png);
background-repeat:no-repeat;}