/**
 *  @author liruiyun
 *  @date  2014/01/10
 *  @desc  mj手机端web样式
 *
 */
/* start reset */
body, h1, h2, h3, h4, h5, h6, p, ul, dl , dd  ,span ,div ,a ,img,input,button, textarea{
    margin: 0;
    padding: 0;
    font-size: 100%;
}
h1, h2, h3, h4, h5, h6,th{
	font-weight: normal;
}
body {
    font: normal 100% Helvetica, Arial, sans-serif, "微软雅黑"; 
    color: #0f0f0f;
    background: #f3f3f3;
    line-height: 1.7em;      
}
#wrap{
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 52px; 
    padding-bottom: 20px;     
}
p{
	text-align: justify;
    word-break: break-all;
}
li {
    list-style: none;
}
img {
    border:none;
    vertical-align: middle;
}
i, em {
    font-style: normal;
}
input, img {
    vertical-align:middle;
}
input{
    -webkit-appearance:none;
}
input, button, textarea {
    outline: none;
    resize: none;
    vertical-align: middle;
    border: none;
    font-size: 1em;
}
a{
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-touch-callout: none;
}
a, a:visited,a:hover {
    text-decoration: none;
    color: #0f0f0f;
    outline: none;
}
/* banner S */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;  
  border-bottom:1px solid #e4e4e4; 
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > img {
  float:left;
  width:100%;
  height:auto;
  position: relative;
}
.position{
    width: 100%;
    height:30px;
    position: absolute;    
    bottom:0;
    z-index: 5;

}
.position ul{
    position: absolute;
    left: 50%;
    bottom:10px;
    margin-left:-25px;
}
.position li{
    float:left;
    width:6px;
    height:6px;
    border-radius: 3px;
    background: #25a4bb;
    margin:0 10px 0 0;
}
.position li.on{
    background: #ffffff;
}
.swipe a{margin:0!important;}

/* banner E */
/* end reset */
a[data-icon=arrow-l],a[data-icon=arrow-r],span[data-icon=arrow-r],section[event-click="true"] dl dd.selected .ico,.city_search .search_btn,.time_box thead th > span,.more_box .more,.contact .tel td .ico,.room_book .sort .w,dl[date-affect="order_list"] .box .time{
    background: url(../images/ddico.png) no-repeat;
    background-size: 30px auto;
}
.w{
    width: 94%;
    margin: 0 auto;
}
.fl{ float: left;}
.fr{ float: right;}
.pink{ color: #ff8989!important;}
.blue{ color: #25a4bb!important;}
.gray1{ color: #6a6a6a;}
.gray2{ color: #a9a9a9;}
.gray3{ color: #c1beba;}
.clear2{ overflow: hidden;}
.hide{ display: none;}
header[date-role=header]{
    width: 100%;
    height: 50px;    
    padding: 0 0 2px 0;
    background: #a19b64;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
}
.slider_page header[date-role=header]{ 
    position: absolute; 
}
header[date-role=header] .w{
    height: 46px;
    padding: 2px 0;
    line-height: 46px;
    position: relative;
}
header[date-role=header] h1{
    height: 46px;
    font-size: 1.1em;
    color: #fff;
    text-align: center;
}
.logo{
    height: 90%;
    width: auto;
}
a[data-icon=arrow-l]{
    display: block;
    width: 30px;
    height: 30px;
    background-position: 0 0;    
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}
a[data-icon=arrow-r],span[data-icon=arrow-r],a[data-icon=query],section[event-click="true"] dl dd .ico{
    position: absolute;
    height: 30px;
    line-height: 30px;
    right: 0;
    top: 50%;
    margin-top: -15px;
    right: 0;
    color: #fff;
    font-size: 1.2em;
}
.query:hover{
    color: #ffffff;
}
a[data-icon=arrow-r],span[data-icon=arrow-r]{
    display: block;
    width: 30px;
    background-position: 0 -30px;
}
a[data-theme=p]{
    background: rgb(252, 164, 77);    
}
a[data-theme=b]{
    background: #25a4bb;    
}
a[date-role=button]{
    display: block;
    width: 100%;
    padding: .5em 0;
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    margin-top: 10px;
    border-radius: 1px;
}
a[date-role=button]:hover{
    background: rgb(243, 138, 33);    
}
/* data-role="listview" */
section[data-role="listview"]{
    margin-top: 15px;
}
section[data-role="listview"] dl{
    width: 100%;
}
section[data-role="listview"] dl dd{     
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
}
section[data-role="listview"] dl dd .w{
    position: relative;
    width: 100%;
}
section[data-role="listview"] dl dd .w span[data-icon=arrow-r]{
    right: 5%;
}

section[data-role="listview"] dl dd .w > a,section[data-role="listview"] dl dd .w table.clear2{
    display: block;
    padding: .5em 5%;
    margin: 0 auto;
}
section[data-role="listview"] dl dd .w > span{
    right: 5%;
}
section[data-role="listview"] dl dt .w h2{
    padding: .5em 0;
}
.room_book section[data-role="listview"] dl dt .w h2{
    padding: .5em 5%;
}

section[data-role="listview"] dl dd:last-child{
    border-bottom: none;
}
.listview{
    border: 1px solid #cacaca;
}
.listview[data-role="listview"] dl dd{
    border-bottom: 1px dashed #e1e1e1;
}
section[event-click="true"] dl dd.selected{    
    background-color: #e2e2e2;
    position: relative;
}
section[event-click="true"] dl dd.selected .ico{
    width: 30px;
    background-position: 0 -60px;
}
/* data-role="list" */
section[data-role="list"] dl.w{
    width: 95%;
    margin: 5px 0 0 5%;
}
section[data-role="list"] dl dd{
    background: #fff;    
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-top: 5px;
}

section[data-role="list"] dl dd img{
    width: 146px;
    height: 132px;
}
section[data-role="list"] dl dd .flex1{
    padding: 10px;
}
section[data-role="list"] dl dd .flex1 h3{
    font-size: 1.2em;
}
section[data-role="list"] dl dd .flex1 p{
    color: #6a6a6a;
}
section[data-role="list"] dl dd .flex1 p span{
    color: #a9a9a9;
}
section[data-role="list"] dl dd .flex1 p.fr{
    position: relative;
    padding-right: 30px;
}
section[data-role="list"] dl dd .flex1 p.fr i{
    font-size: 1.5em;
}
@media screen and (max-device-width: 650px){
    section[data-role="list"] dl dd img{
        width: 130px;
        height: 118px;
    }
    section[data-role="list"] dl dd .flex1{
        padding: 5px;
    }
    section[data-role="list"] dl dd .flex1 h3{
        font-size: 1em;
    }
    section[data-role="list"] dl dd .flex1 p.fr i{
        font-size: 1.2em;
    }
}
.city{
    padding-top: 52px;
}
.city_search{
    background-color: #25a4bb;
    height: 40px;
    padding: 2px;
    margin-top: 15px;
    border-radius: 1px;    
}
.city_search .search_input{
    width: 85%;
    height: 40px;
    background: #fff;  
    padding-left: 1%;  
}
.city_search .search_btn{
    width: 14%;
    height: 40px;
    background-position: center -120px;
    background-size: 40px auto;
}
header[date-role=header] .search_top h1{
    line-height: 20px;
    font-size: 1em;
}
header[date-role=header] .search_top h1 span.place{
    display: block;
    margin-bottom: 5px;
    font-size: 1.2em;
}
.search_list{
    margin-top: 10px;
}
.sort{
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #c4c4c4;
}
.sort .w{
    height: 42px;
}
.sort .w p{
    width: 33%;    
    height: 42px; 
    line-height: 42px;  
}
.sort .w p a{
    color: #6a6a6a; 
    display: inline-block;
    height: 100%;
}
.sort .w p:nth-child(2){
    text-align: center;
}

.sort .w p.cur a{    
    position: relative;    
}
.sort .w p.cur a{
    color: #25a4bb;
}
.sort .w p.cur .arrow_t{
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #c4c4c4;
    position: absolute;
    bottom: -7px;
    left: 20px;
    background: #f3f3f3;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);     /* IE 9 */
    -moz-transform: rotate(45deg);    /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); 
}

.time_box thead th > span{
    display: block;
    width: 97%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 1.2em;
    color: #25a4bb;
    text-indent: 1.5em;
    background-position: 0 -120px;
}
.time_box .box{
    height: 66px;
    padding: 2px;
    width: 96%;
    background-color: #ff8989;
    position: relative;    
}
.time_box .box span[data-icon="arrow-r"]{
    background-position: 0 -205px;
    background-size: 40px auto;
    right: 3%;
}
.time_box .box .left{
    height: 66px;
    width: 70px;
    background: #fff;
    font-size: 3em;
    line-height: 66px;
    text-align: center;
    color: #ff8989;
}
.time_box .box .right{
    text-align: left;
    color: #fff;
    line-height: 33px;
    padding: 3px 0 3px 10px;
}
.time_box .box .right .month{
    font-size: .8em;
    display: block;
    
    
}
@media screen and (max-device-width: 650px){
    .time_box .box{
        height: 46px;   
    }
    .time_box .box span[data-icon="arrow-r"]{
        background-position: 8px -147px;
        background-size: 30px auto;
    }
    .time_box .box .left{
        height: 46px;
        width: 50px;
        font-size: 2em;
        line-height: 46px;
    }
    .time_box .box .right{
        padding-left: 5px;
        line-height: 23px;
    }
}
dl[date-affect="book"] dd{
    background: #f3f3f3;
    padding: 12px 0;
    margin-top: 8px;     
}
dl[date-affect="book"] dd .w{
    width: 95%;
    position: relative;
    overflow: hidden;
}
dl[date-affect="book"] dd .left{
    padding: 4px;
    background: #fea4a3;
}
dl[date-affect="book"] dd .left img{
    width: 108px;
    height: 81px;
}
dl[date-affect="book"] dd .right{
    width: 60%;
    padding-left: 10px;    
}
dl[date-affect="book"] dd .right h3{
    color: #585858;
}
dl[date-affect="book"] dd .right .pink{
    font-size: 1.8em;
    line-height: 2em;
}
a[date-role="btn"]{
    display: block;
    padding: .1em .5em;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 1px;
}
.tab_box{
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    background: #fff;
    margin-top: 10px;
}
.tab{

    padding-bottom: 5px;
    color: #a9a9a9;
}
.tab td{
    padding: 6px 0;
    cursor: pointer;
    border-bottom: 1px solid #d2d2d2;
}

.tab .room_book1{
    width: 25%;
    text-align: center;
}
.tab .flex1{
    border-left: 1px solid #d2d2d2;    
    padding-left: 20px;
}
.tab td.cur{
    color: #26a4bb;
    border-bottom: none;
}
.tab_box .book{
    padding: 1px;
}
@media screen and (max-device-width: 650px){
    dl[date-affect="book"] dd{
        padding: 8px 0;
        margin-top: 5px;
    }
    dl[date-affect="book"] dd .left{
        padding: 3px;
    }
    dl[date-affect="book"] dd .left img{
        width: 80px;
        height: 60px;
    }
    dl[date-affect="book"] dd .right{
        padding-left: 6px;    
    }
    dl[date-affect="book"] dd .right .pink{
        line-height: 1.5em;
    }
}
.discuss .sort .w{
    position: relative;
}
.discuss .sort .w .btn{
    bottom: 5px;
}
.discuss .sort .w p.cur .arrow_t{
    background: #fff;
}
.more_box{    
    padding: 10px;
    border-bottom: 1px dashed #e1e1e1;
}
.more_box .inner_box{
    position: relative;
}
.more_box .inner{
    margin-bottom: 10px;
}
.more_box .more{
    display: block;
    width: 30px;
    height: 30px;
    background-position: 0 -180px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.discuss .more_box:last-child{
    border-bottom: none;
}
.contact{
    padding: 10px 0;
}
.contact h2{
    line-height: 2em;
    position: relative;
}
.contact h2 .arrow{
    display: block;
    width: 10px;
    height: 10px;
    background: #25a4bb;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);     /* IE 9 */
    -moz-transform: rotate(45deg);    /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); 
    position: absolute;
    left: 15px;
    bottom: -7px;
}
.contact .tel{
    width: 100%;
}
.contact .tel td{
    background-color: #25a4bb;
    color: #fff;
    padding: 5px;  
    line-height: 40px;  
}
.contact .tel td .ico{
    background-size: 40px;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
}
.contact .tel tr:nth-child(1) td:nth-child(1) .ico{
    background-position: -3px -279px;    
}
.contact .tel tr:nth-child(1) td:nth-child(2) .ico{
    background-position: -3px -320px;     
}
.contact .tel tr:nth-child(2) td:nth-child(1) .ico{
    
    background-position: -3px -358px;     
}
a.map-btn{
    color: #a8dbe4;
}
.room_book header[date-role=header]{
    position: absolute;
}
.room_book .sort .w{
    background-position: center -362px;
    background-size: 34px auto;
}
.room_book .sort .w p{
    width: 50%;
}
.room_book section[data-role="listview"] dt{
    border-bottom: 1px solid #cacaca;
    background: #fff;
}
.room_book section[data-role="listview"] dt .w{
    width: 100%;
}
.contacts,.phone{
    width: 60%;
    height: 24px;
}
.num{
    border: 1px solid #cbcbcb;
    height: 28px;
}
.num .num_input{
    width: 40px;
    height: 28px;
    text-align: center;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    color: #ff8989;
    font-size: 1.5em;
}
.num .minus_btn,.num .plus_btn{
    display: block;
    width: 28px;
    text-align: center;
    height: 25px;
    line-height: 28px;
    font-size: 1.3em;
    cursor: pointer;
}
.room_book .money{
    text-align: center;
    font-size: 0.9em;
    padding-top: 10px;
}
.room_book .money .pink,.room_book .money .blue{
    font-size: 1.7em;
}
.appraise_box{
    margin-top: 10px;
}
.appraise_box textarea{
    width: 100%;
    background: #fff;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 5px;
}
.code_input{
    width: 60px;
    height: 24px;
    line-height: 24px;
    padding: 2px;
    margin-right: 5px;
}
.get_code{
    background: #f2f2f2;
    color: #a3a3a3;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.sent{
    color: #fff;
    background: #ff8989;
}
@media screen and (max-device-width: 650px){
    .get_code{
        width: 90px;
    }
}
dl[date-affect="order_list"] > dd{
    width: 100%;
    background: #fff;
}
dl[date-affect="order_list"] > dd > a{
    display: block;
    padding: 15px 0;
    overflow: hidden;
    position: relative;
}
dl[date-affect="order_list"] > dd{
    margin-top: 13px;
}
dl[date-affect="order_list"] .point {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    border-radius: 6px;
}
dl[date-affect="order_list"] .point[date-date="confirm"] {
    background: #25a4bb;
}
dl[date-affect="order_list"] .point[date-date="handle"] {
    background: #ff8989;
}
dl[date-affect="order_list"] .point[date-date="cancel"] {
    background: #aaa;
}
dl[date-affect="order_list"] .box {
    padding-left: 25px;
    color: #595959;
}
dl[date-affect="order_list"] .box dt{
    line-height: 2em;
    font-size: 1.2em;
}
dl[date-affect="order_list"] .box .time{
    color: #a9a9a9;
    padding-left: 25px;
    background-position: -5px -362px;
}
dl[date-affect="order_list"] .box .price{
    display: block;
    padding: 1px 5px;
    color: #fff;
    font-size: 1.2em;
    background: #ff8989;
    float: left;
    margin-left: 20px;
}
.slide_state:hover{
    background: #e5e5e5;
    color: #ca6d6d;
}
.slide_state:hover .gray1{
    color: #ca6d6d;
}
.slide_state:hover span[data-icon=arrow-r]{
    background-position: 0 -390px;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #111; font-size:16px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #111; font-size:16px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #111; font-size:16px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #111; font-size:16px;
}
.footer{ background-color:#a19b64; min-height:60px;}
.footer ul{ overflow:hidden;}
.footer ul li{ width:25%; float:left; text-align:center; padding:20px 0;}
.footer ul li img{ width:30%; height:auto;}
.footer ul li a p{ font-size:14px; color:#fff; text-align:center; padding-top:4px;}