/**
 *  @author liruiyun
 *  @date  2013/10/20
 *  @desc  mss1.3模板样式
 *
 */
/* ico */
span[data-icon=arrow-r],.map-btn,.phone-ico,a[data-icon=arrow-l],a[data-icon=phone],div[data-role=time] .date,.tel-span,.minus_btn,.plus_btn,.minus_btn2,.plus_btn2,.ico-bj,.catering .listview li a,.kangle .listview li a,.member .listview li a,.my-order .box dd{
    background: url(../images/ico.png) no-repeat  0 6px;
    background-size: 40px auto;
}
/**/
h1[date-role=title]{
    font-size: 1.5em;
    text-align: center;
    color: #333;
    padding: 15px 0;
}
/* data-icon=arrow-l */
a[data-icon=arrow-l]{
    display: block;
    width: 30px;
    height: 30px;
    background-size: 35px auto;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 11px;
}
/* data-icon=arrow-r */
span[data-icon=arrow-r]{
    display: block;
    width: 24px;
    height: 24px;
    background-position: -5px -910px;
    background-size: 30px auto;
    position: absolute;
    right: 5%;
    top: 50%;
    margin-top: -12px;
}
/* data-icon=button-reg*/
a[data-icon=button-reg]{
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:40px;
	border-radius:4px;
	text-align:center;
	color:#fff;
}
/* data-icon=phone */ 
a[data-icon=phone]{
    display: block;
    width: 30px;
    height: 30px;
    background-size: 35px auto;
    background-position: -2px -110px;
    position: absolute;
    right: 0;
    top: 11px;
}
 .order_btn{
 background: -moz-linear-gradient(center top , #60bce3, #4bb1e1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#60bce3), to(#4bb1e1));
    background: -o-linear-gradient(center top , #60bce3, #4bb1e1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 -2px 1px #3e7da6 inset;   display: block;
    width: 100%;
    padding: 1.5em 0;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    margin-top: 10px;
}
a[date-name=left]{
    display: block;
    width: 47%;
    padding: .5em 0;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    margin-top: 10px;
    float:left;
}
a[date-name=right]{
    display: block;
    width: 47%;
    padding: .5em 0;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    margin-top: 10px;
    float:right;
}
a[date-role=button][data-theme=o]{
    background:#fca44d; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, rgba(252, 164, 77, 99), rgba(250, 134, 57, 98));  
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#fca44d), to(#fa8639));
    background:-o-linear-gradient(top, rgba(252, 164, 77, 99), rgba(250, 134, 57, 98));  
    box-shadow: 0 -2px 1px #b76143 inset;
}
a[date-role=button][data-theme=b]{
    background:-moz-linear-gradient(center top , #60bce3, #4bb1e1) repeat scroll 0 0 rgba(0, 0, 0, 0);  
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#60bce3), to(#4bb1e1));
    background:-o-linear-gradient(center top , #60bce3, #4bb1e1) repeat scroll 0 0 rgba(0, 0, 0, 0);  
    box-shadow: 0 -2px 1px #3e7da6 inset;
}
a[date-role=button][data-theme=g]{    
    background:-moz-linear-gradient(top, rgba(125, 195, 60, 99), rgba(88, 169, 41, 98));  
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#7dc33c), to(#58a929));
    background:-o-linear-gradient(top, rgba(125, 195, 60, 99), rgba(88, 169, 41, 98));
    box-shadow: 0 -2px 1px #3f8127 inset;
}

a[date-role=button][data-theme=o2]{    
    background:-moz-linear-gradient(top, rgba(220, 88, 72, 99), rgba(209, 76, 59, 99));  
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5848), to(#d14c3b));
    background:-o-linear-gradient(top, rgba(220, 88, 72, 99), rgba(209, 76, 59, 99));
    box-shadow: 0 -2px 1px #9a2b1c inset;
}



a[date-role=button][data-state=disable]{
    background: #b0b0b0;
    box-shadow: 1px 1px 1px #8d8d8d inset;
    cursor: default;
    color: #f6f6f6;
}
a[date-role=button][data-state=disable]:visited{color: #f6f6f6;}
a[date-role=button].book{text-align: center; width: 60px;
    padding: .18em 0;
    position: absolute;
    bottom:6px;
   
    right: 10px;
    color:#f6f6f6;
}

/* box-border */
div[border-radius=true]{
    border-radius: 4px;
}
.box-border{
    border: 1px solid #D1D1D1;    
}

/* data-role="listview" */
ul[data-role="listview"] li{
    border-bottom: 1px solid #D1D1D1;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
ul[date-link="true"] li{
    padding: 0;
}
ul[date-link="true"] li a{
    display: block;
    padding: 8px 0;
    width: 94%;
    margin: 0 auto;
    position: relative;
}

ul[inset-img="true"] li a img{
    border: 1px solid #D1D1D1;
    padding: 2px;
    background: #fff;
    width: 80px;
    height: 60px;
}
ul[inset-img="true"] li a span.fl{
    font-size: 1.3em;
    line-height: 60px;
    padding-left: 8px;
}
ul[data-role="listview"] li:first-child{
    border-top: none;
    margin-top: 5px;
}
ul[data-role="listview"] li:last-child{
    border-bottom: none;
}

.listview ul[data-role=listview]{
    border-bottom: 1px solid #D1D1D1;
}
.listview ul[data-role=listview] li a{
    display: block;
    position: relative;  
    overflow: hidden;  
}
.listview ul[data-role=listview] li  h3{
        padding-left: 30px;                 
    }
.listview ul[data-role=listview] li:nth-child(1) h3{
    background-position: -5px -190px;
}
/* data-role=time */
div[data-role=time]{
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #d1ccc6;
    background: url(../images/time_bj.jpg);
    border-radius: 3px;
    box-shadow: 0 2px 1px #d1ccc6 inset;
    padding: 3%;
    width: 94%;
    position: relative;
}
div[data-role=time] .clear2{
    height: 54px;
}
.slider_page{display:none;}
@media screen and (min-width:321px){
    div[data-role=time] .date{
        font-size: 3em;
        line-height: 100%;
        padding-left: 40px;
        margin-right: 5px;
		background: url(../images/ico.png) no-repeat 0 -914px;
		background-size:40px auto;
    }
}
@media screen and (max-width:321px){
    div[data-role=time] .date{
        font-size:1.5em;
        line-height: 34px;
        padding-left: 20px;
        margin-right: 5px;
		background: url(../images/ico.png) no-repeat 0 -914px;
		background-size:40px auto;
    }
}
div[data-role=time] .week{
    color: #666;
}
div[data-role=time] .week .month{
    white-space:nowrap;
}
.room-date{
    background: url(../images/date_bj.jpg);
}
.room-date > table,.room-date > div{
    padding: 5px 0 15px 0;
    background: url(../images/date_bottom.png) repeat-x bottom;
    background-size: 6px auto;
}
.room-date .gary{
    line-height: 2em;
}
@media screen and (max-device-width: 780px){
    　　div[data-role=time] > div{
            padding:5px 2px;
        }
        div[data-role=time] .clear2{
            height: 34px;
        }
        div[data-role=time] .date{
            font-size: 2em;
            padding-left: 25px;
            background-position: -3px -688px;
            background-size: 30px auto;
        }
        div[data-role=time] .week{
            line-height: 1.2em;
            font-size: 0.8em;
        }
        .room-date span[data-icon=arrow-r]{
            width: 18px;
            height: 18px;
            background-size: 22px auto;
            background-position: 2px -670px;
            margin-top: -6px;
        }
        div[data-role=time] .date2 {
            background-position: -3px -725px!important;
        }
}
/*@media screen and (max-device-width: 320px){
    div[data-role=time] .date{
        font-size: 1.5em;
    }
}*/

/* data-role="list-room" */
dl[data-role=list-room] > dd{
    margin-top: 12px;
	overflow: hidden;
}
dl[data-role=list-room] .room-box{
    position: relative;
}
dl[data-role=list-room] .room-pic{
    width: 80px;
    height: 60px;
    padding: 3px;
    border: 1px solid #D1D1D1;
    background: #fff;
    position: absolute;
    left: 10px;
    top:50%;
    margin-top:-33px;
}
dl[data-role=list-room] dl{
    font-size: 1.3em;
}
dl[data-role=list-room] dd dt{
    padding: 10px 10px 0 105px;
	margin-top:8px;
}
dl[data-role=list-room] dd dd{
    color: #f37c3b;
    background: #f6f5f2;
    padding: 5px 10px 5px 110px;
	margin-bottom: 12px;
    margin-top: 15px;
}
}
/* order S */
.order{
    position: relative;
    margin-top: 20px;
}
.order .top-bj{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-radius: 3em;
    background: #9c9088;
    z-index: 1;
}
.order .order-big-box{
    width: 96%;
    position: absolute;
    top: 2px;
    left: 2%;
    z-index: 1;
    padding-bottom: 100px;
}
.order .order-box{    
    background:rgba(240,240,240,0.6);
    border-left: 1px solid #d8d5d0;
    border-right: 1px solid #d8d5d0;
    border-top: 2px solid #78634b;
}
.order .order-box dd .dd-span,.order .order-box dt{
    overflow: hidden;
}
.p-inner{
    padding: 10px 0;
    text-indent: 2em;
}
.order .order-box .inner{
    width: 65%;
    color: #999;
    padding-left: 10px;
}
.order .order-box dl.dl-top{
    box-shadow: 0 1px 1px 1px #d2d2d2;
    background: url(../images/time_bj.jpg);
}
.order .order-box dl.dl-top dd:last-child span{
    border-bottom: none;
}
.order .order-box dl dt{
    padding: 14px 10px 10px;
    border-bottom: 1px solid #dad7d5;
}
.order .order-box dl dd span.dd-span{
    display: block;
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px dashed #dad7d5;
    position: relative;
}

.order .order-box .hem{
    width: 100%;
    border: none;
    border-top: 1px solid #fff;
}
.order .order-box .hem p{
    padding: 10px 0;
}

.hem{
    width: 95%;
    margin: 0 auto;  
    color: #999;
    /*text-align: center; */
    background: url(../images/date_bj.jpg);    
    border-left: 1px solid #d7d4d0;
    border-right: 1px solid #d7d4d0;     
}
.hem p{          
    background: url(../images/date_bottom.png) repeat-x bottom;
    background-size: 6px auto; 
    font-size: 20px;
    font-family: '宋体';
    padding-left: 3% !important;
}
.hem p span{font-size:26px;}
.integral_z{height:40px; line-height: 40px; color:#999;}
.integral_z span{color:#56b328;padding:0 3px;}
.order-big-box .vip_preferential{padding:0px;}
/* order E */
/* sign S */
.sign-box{
    overflow: hidden;
    padding: 20px 0 10px 0;
}
.sign{
    border-top: 1px solid #d6d3cf;
    border-left: 1px solid #d6d3cf;
    border-right: 1px solid #d6d3cf;
    background: url(../images/date_bottom.png) repeat-x bottom;
    background-size: auto 5px;     
    padding-bottom: 5px;
}
.sign .box{
    background:rgba(240,240,240,0.6);
    position: relative;
}
.sign .box h3{
    /*height: 20px;*/
    line-height: 20px;
    padding: 10px;
    background: url(../images/h_bj2.jpg) repeat-x top;
    background-size: auto 100%;
    border-bottom: 1px dashed #c6c3c2;
    font-size: 1.3em;
    text-align: center;}
.sign .box .inner{
    color: #666;
    border-top: 1px dashed #d8d8d8;
    border-bottom: 1px dashed #c6c3c2;
    background: url(../images/time_bj.jpg);
    text-indent: 2em;
    padding: 10px;
}
.sign .box .btn{
    padding: 5px 10px 10px 10px;
}
.sign .box .ico-left,.sign .box .ico-right{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30px;    
    border-radius: 10px;
    border-right: 1px solid #d9d6d2;
    border-top: 1px solid #d9d6d2;    
    background: #efede9;    
}
.sign .box .ico-left{
    left: -10px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);       /* IE 9 */
    -webkit-transform: rotate(45deg);   /* Safari and Chrome */
    -o-transform: rotate(45deg);        /* Opera */
    -moz-transform: rotate(45deg); 
    box-shadow: 0 1px 1px #d9d6d2 inset; 
}
.sign .box .ico-right{
    right: -10px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);       /* IE 9 */
    -webkit-transform: rotate(-135deg);   /* Safari and Chrome */
    -o-transform: rotate(-135deg);        /* Opera */
    -moz-transform: rotate(-135deg); 
    box-shadow: -1px 0 1px #d9d6d2 inset; 
}
.ico-bj{
    display: block;
    width: 25px;
    height: 25px;
    background-position: -8px -1369px;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -12px;
}
.tag{
    display: block;
    width: 70px;
    height: 35px;
    position: absolute;
    top: 30px;
    right: 8px;
    background: url(../images/pic.png) no-repeat 0 0;
    background-size: 70px auto;
}
.sign .box .tag.end{
    background-position: 0 -38px;
}
.tag.jjks{
    width: 90px;
    background: url(../images/pic_jjks_y.png) no-repeat 0 0;
    background-size: 90px auto;
}

/* edit by huhuaihang 20140303*/
.sales-box .tag.end{
    background-position: 0 -38px;
}
/* sign E */



/*
***前台页面--会员卡样式
*/
/*领取会员卡*/
.orange_color,.orange_color:visited{color:#f67c3d;}
.green58b5e1,.green58b5e1:visited{color:#58b5e1;} 
.gray9,.gray9:visited{color:#999;}
.mt30{margin-top:30px;}
.fw700{font-weight: 700}
.vip_layout{padding:0 2%; width:96%; height:auto;}
.vip_card{margin:26px 3% 0;width:94%; height:auto; position:relative;}
.vip_card img{width:100%; height:auto;}
.mt10{margin:10px;}
.b_s_b_c0bdb6{border-bottom:1px solid #c0bdb6;}
.vip_card span{position:absolute; bottom:15px; right:15px; color:#581c1c; font-size:1em; line-height: 22px; font-weight:600}
.vip_layout .vip_bur{width:59%; text-align:center; display:block; margin:30px auto 0; font-weight: 700; height:35px; line-height: 35px; font-size:20px; color:#fff;}
.vip_preferential p{font-size:16px;line-height: 40px; color:#000; letter-spacing:1px; font-size: '宋体'; font-weight:600}
.vip_preferential{margin-top:30px;padding-top:10px; padding-left:15px; border-top:1px solid #cbc8c3; position:relative;}
.vip_preferential .ico-bj{position:absolute; top:-14px;}
.vip_preferential p.gray999{color:#999;}
.vip_preferential p label{color:#f67c3d;}
.view_vip{width:280px; background:url(../images/iphone_c.png) no-repeat 30px 15px; height:30px; line-height: 30px; color:#999;margin:0px auto; padding-top:15px; text-align:center}
@media screen and (min-width: 601px) { /*当屏幕尺寸大于600px时，应用下面的CSS样式*/
  .vip_card label{position:absolute; top:5px; left:15px; color:#581c1c; font-size: 3em; line-height:1.5em;font-weight: 700}
}
@media screen and (min-width: 401px) and (max-width:600px){ /*当屏幕的宽度大于400小于800时，应用styleB.css*/
  .vip_card label{position:absolute; top:5px; left:10px; color:#581c1c; font-size: 1.8em; line-height:1.5em;font-weight: 700}
}
@media screen and (max-width: 400px) { /*当屏幕尺寸小于400px时，应用下面的CSS样式*/
    .vip_card label{position:absolute; top:5px; left:5px; color:#581c1c; font-size: 1.2em; line-height:1.2em;font-weight: 700}
    .room-date .h10{height:10px; width:100%; padding:0px; background:none;}
    .vip_name{font-size:1em; font-weight:700;}
    .room-date .font_size_r{font-size:0.7;}
    .vip_name span{font-size:18px; line-height:30px}
    .vip_integral{font-size:18px; font-weight:700; color:#999; line-height:30px}
    .vip_integral span{font-size:1em; }
    /*兑换记录*/
    .not_change{font-size:14px;padding-left:10px;}
}
@media screen and (min-width: 401px) {
    /*积分兑换*/
    .room-date .h10{height:10px; width:100%; padding:0px; background:none;}
    .vip_name{font-size:1.7em; font-weight:700;}
    .room-date .font_size_r{font-size:1.2em;}
    .vip_name span{font-size:18px; line-height:30px}
    .vip_integral{font-size:18px; font-weight:700; color:#999; line-height:30px}
    .vip_integral span{font-size:1.9em; }
    /*兑换记录*/
    .not_change{font-size:16px;padding-left:25px;}
}
/*积分兑换*/
.credits_list dl[data-role=list-room] dl{ font-size:1.2em;}
.credits_list dl[data-role=list-room] dd dd{color: #f37c3b;background:none;padding: 0px 10px 0px 105px;}
.credits_list dl[data-role=list-room] dd dt{padding: 0px 10px 0 105px;}
.credits_list dl[data-role=list-room] .room-pic{bottom:0px; top:50%; margin-top:-39px;}
.credits_list dl[data-role=list-room] .room-box{min-height: 80px;_height:80px; padding-bottom: 12px;}
.credits_list dd{width:94%; width:94%!important; padding:0 3%;}
.credits_Change{width:80px; height:30px; display:block; background-color: #f34219; color:#fff; text-align:center;  line-height: 30px; font-size: 14px;}
.wrap .credits_list_bill dl[data-role=list-room] .room-box{min-height:60px;_height:60px; padding-bottom: 12px;}
.integral_r{position: absolute;top: 50%; margin-top: -16px; right: 10px; display:block; height: 27px; line-height: 27px; font-size:18px;}
.room-box .red{color:#f34219;}
.room-box .green{color:#6bb733; background:none;}
/*兑换记录*/
.not_change{color:#000; width:280px; text-align: center; margin:30px auto 0;height:35px; line-height: 35px; background:url(../images/notice_horn.png) no-repeat left center; background-size:25px auto; }
/* start template_1 */
.template-1{
    background: url(../images/bj.jpg);
}
/*支付成功*/
.successful_img{font-size:26px; width:120px; line-height:40px; margin:10px auto 0; padding:5px 0 5px 40px;line-height:30px;font-size:'宋体';background:url(../images/successful_img.png) no-repeat 0 center; background-size:22% auto}
nav{  
  overflow: hidden;
}
nav .new_vip dl{
  height:auto;
  overflow: hidden;
  
}

nav .new_vip dl dd{ 
  float:left;
  width:33.33%;
  
  background-size: 100% 100%;
}

nav .new_vip dl dd div{
  text-align: center;
  width: 80%;
  height:auto;
  padding:10% 10%; 
  position: relative;
  color:#79756c;
  
}

nav .new_vip dl dd div a{
    display: block;
    width: 40%;
    height: auto;
    margin: 0 auto;
    border-radius: 2em;
    margin-bottom:9%;

}
nav .new_vip dl dd div a img{
    width:100%;
    height:auto;
}
.shadow{
  clear:both;  
  width: 110%;
  height: auto;
}
.shadow img{
  width: 100%;
  height: auto;
}

.sales_ico{
  width: 23%;
  height:auto;
  right:3%;
  bottom:23%;
  position: absolute;
}

#resend{
	background:#5CAC2C; border-radius:4px; width:100px; position:absolute; right:10px; color:#fff;
}
.modifyphone{
	width:20% !important;
	display:inline-block;
	float:right;
}
.blue-color{color:#60bce3;}
.font14{font-size:14px;}
/* end template_1 */










/*  2015-5-21  Grabb.Zhu  */
#ydbtn {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E34060), to(#E1504B));
    box-shadow: 0 -2px 1px #A6403E inset;
}