#time_selection_wrapper{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    -webkit-backface-visibility: hidden;
    z-index:999;
    overflow:hidden;
}
.time_selection_transition{
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
#time_selection{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    background-color:#FFFFFF;
}
#time_selection>.show_detail{
    background-color:#F2F4F6;
    border-bottom:1px solid #DDDDDD;
}
#time_selection>.show_detail{
    line-height:0.84rem;
    height:0.84rem;
    font-size:0.28rem;
    color:#1c1c1c;
    text-indent:0.4rem;
}
#time_selection>.week{
    overflow:hidden;
    background-color:#f2f4f6;
}
#time_selection>.week::after{
    content:"";
    display:block;
    border-top:2px solid #DDDDDD;
    height:0;
    width:100%;
    overflow:hidden;
    -webkit-transform: scale(1,0.8);
    -moz-transform: scale(1,0.8);
    -ms-transform: scale(1,0.8);
    -o-transform: scale(1,0.8);
    transform: scale(1,0.8);
}
#time_selection>.week>span{
    display:block;
    float:left;
    height:0.68rem;
    width:0.957rem;
    line-height:0.68rem;
    text-align:center;
    font-size:0.28rem;
    color:#92969c;
}
#time_selection>.week>span:first-child{
    margin-left:0.4rem;
}
#time_selection>.week>span:last-child{
    margin-right:0.4rem;
}
#time_selection>.time_list{
    height:7rem;
    padding-bottom:0.3rem;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}
#time_selection>.time_list>.title{
    padding-right:0.68rem;
    font-size:0.4rem;
    color:#cda366;
    text-align:right;
    margin:0.27rem 0;
}
#time_selection .content{
    margin:0 0.4rem;
    overflow:hidden;
}
#time_selection .content>span{
    display:block;
    width:0.957rem;
    height:0.92rem;
    text-align:center;
    float:left;
    border-bottom:1px solid #DDDDDD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*不可选择产品样式*/
#time_selection .content>.obsolete{
    line-height:0.92rem;
    font-size:0.34rem;
    color:#cacfd7;
}
/*可选产品高亮样式*/
#time_selection .content>.high{
    color:#cda366;
}
#time_selection .content>.high>span:first-child{
    display:block;
    margin-top:0.1rem;
    font-size:0.35rem;
    line-height:0.35rem;
}
#time_selection .content>.high>span:last-child{
    display:block;
    font-size:0.24rem;
    margin-top:0.1rem;
    padding-left:54%;
    background:url(../opro_images/time_icon_has.png) no-repeat 0.27rem center;
    background-size:0.24rem 0.24rem!important;
    text-align:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*选中产品样式*/
#time_selection .content>.checked{
    position:relative;
    background-color:#CDA366;
    color:white;
    -webkit-border-radius:0.15rem;
    -moz-border-radius:0.15rem;
    border-radius:0.15rem;
    border-bottom:none!important;
}
#time_selection .content>.checked>span:last-child{
    background:url(../opro_images/time_icon_selected.png) no-repeat 0.23rem center;
}
/*产品已售完样式*/
#time_selection .content>.sell_out{
    color:#cacfd7;
}
#time_selection .content>.sell_out>span:last-child{
    background-image:url(../opro_images/time_icon_over.png);
}
/*无限产品样式*/
#time_selection .content .infinite{
    padding:0!important;
    background-image:none!important;
    text-align:center!important;
}
#time_selection .see_more{
    height:0.8rem;
    line-height:0.8rem;
    font-size:0.24rem;
    margin:0.1rem 0 -0.2rem 0;
    color:#cacfd7;
    text-align:center;
}
#time_selection>.btn{
    height:1.2rem;
    background-color:#F4F4F4;
    overflow:hidden;
}
#time_selection>.btn::before{
    content:"";
    display:block;
    border-top:2px solid #DDDDDD;
    height:0;
    width:100%;
    overflow:hidden;
    -webkit-transform: scale(1,0.8);
    -moz-transform: scale(1,0.8);
    -ms-transform: scale(1,0.8);
    -o-transform: scale(1,0.8);
    transform: scale(1,0.8);
}
#time_selection>.btn>span{
    display:block;
    width:6.7rem;
    height:0.8rem;
    line-height:0.82rem;
    font-size:0.32rem;
    color:white;
    background-color:#CDA366;
    text-align:center;
    margin:0.18rem auto 0;
    border-bottom:1px solid #B58E54;
    -webkit-border-radius:0.15rem;
    -moz-border-radius:0.15rem;
    border-radius:0.15rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.time_selection_show{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity:1;
}
.time_selection_hide {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
}