/**
 *  @author liruiyun
 *  @date  2014/01/10
 *  @desc  mj日历样式
 *
 */
.slider_page {   
    position:absolute; 
    width: 100%; 
    min-height:100%; 
    right:0; 
    top:0; 
    overflow:hidden; 
    background: #f3f3f3; 
    z-index: 1111; 

    transform: translateX(100%);
    -ms-transform: translateX(100%);     /* IE 9 */
    -moz-transform: translateX(100%);    /* Firefox */
    -webkit-transform: translateX(100%); /* Safari 和 Chrome */
    -o-transform: translateX(100%); 

    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;     /* IE 9 */
    -moz-transition: all 0.3s ease-in-out;    /* Firefox */
    -webkit-transition: all 0.3s ease-in-out; /* Safari 和 Chrome */
    -o-transition: all 0.3s ease-in-out; 
}

.roll-in{    
    transform: translateX(0px);
    -ms-transform: translateX(0px);     /* IE 9 */
    -moz-transform: translateX(0px);    /* Firefox */
    -webkit-transform: translateX(0px); /* Safari 和 Chrome */
    -o-transform: translateX(0px); 

    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;     /* IE 9 */
    -moz-transition: all 0.3s ease-in-out;    /* Firefox */
    -webkit-transition: all 0.3s ease-in-out; /* Safari 和 Chrome */
    -o-transition: all 0.3s ease-in-out; 
}
.slider_page.active { z-index:111;}
.start_date {
    overflow:hidden;
    padding-top: 52px;    
}
.dateWrap { 
    width:94%; 
    margin:16px 3% 33px; 
    border-radius:2px;
    border:1px solid #b8b4ad; 
    overflow:hidden; 
    background: #fdfdfd;
}
.dateWrap h2 { 
    text-align:center; 
    font-size: 1.3em; 
    line-height:36px; 
    color:#410b00;
    background: #fff;
    border: 1px solid #fff;
    border-bottom: 1px solid #f7f6f4;
}
.dateWrap table { 
    width:100%; 
    margin: 0 auto;
    border-top:0; 
    border-radius:0 0 7px 7px ;
}
.dateWrap table td { 
    width:14%; 
    border-bottom:1px solid #dddbd8;
}
.dateWrap table tr:first-of-type {
    background: #e2e2e2;
}
.dateWrap table tr:first-of-type td { 
    border:0; 
    border-top: 1px solid #cdcdcd;
    color: #696c6e;
}
.dateWrap table tr:last-of-type td { border-bottom:1px solid #dcdad9;}
.td_xq { text-align:center; font-size:16px; }  
.td_hao { 
    line-height:42px; 
    cursor:pointer; 
    text-align:center; 
}  
.gray,.disabled {
    color:#bfbebe; 
    cursor:default;
}
.year{
    font-size: .8em;
    color: #98938d;
}
.today,.red,.orange,.yellow{
    color: #fff;
}
.today span,.red,.orange,.yellow{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    margin: 6px auto 0 auto;
}
.today span{    
    background: #25a4bb;
}
.query .room-date .flex1{
    width: 94%;
    margin: 0 auto;
}
div[data-role=time]{
    width: auto;
    padding: 5px;
}
div[data-role=time] ul{
    overflow: hidden;
}
div[data-role=time] ul li{
    width: 50%;
    float: left;
}
div[data-role=time] ul li i{
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin: 5px;
}
@media screen and (max-device-width: 560px){
    div[data-role=time]{
        padding: 2px;
    }
    div[data-role=time] ul li{
        font-size: .9em;
    }
    div[data-role=time] ul li i{
        margin: 5px 3px;
        width: 14px;
        height: 14px;
        border-radius: 7px;
    }
}
.red{ background: #f24219;}
.orange{ background: #f18d3c;}
.yellow{ background: #f3c50e;}
.blue,.blue .year{color: #25a4bb;}
td[week-data="星期六"],td[week-data="星期日"],.sat,.sun{
    color: #ff8989!important;
}