.gear-date160{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:10px;
    background-color:rgba(0,0,0,.5);
    display:block;
    position:absolute;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9900;
    overflow:hidden;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0)
}
.gear-date160 .date-ctrl{
    vertical-align:middle;
    background-color:#fff;
    -webkit-box-shadow:0 0 2px rgba(0,0,0,.4);
    -moz-box-shadow:0 0 2px rgba(0,0,0,.4);
    box-shadow:0 0 2px rgba(0,0,0,.4);
    color:#363837;
    margin:0;
    height:auto;
    width:100%;
    max-width:640px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:9902;
    overflow:hidden;
    margin:0 auto;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -ms-user-select:none
}
.gear-date160 .date-ctrl--anim{
    -webkit-animation:bounceInUp 0 0 ease both;
    -moz-animation:bounceInUp 0 0 ease both;
    animation:bounceInUp 0 0 ease both
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-moz-keyframes bounceInUp{
    0%{
        opacity:0;
        -moz-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -moz-transform:translateY(2000px);
        -o-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
.gear-date160 .date-header{
    text-align:center;
    font-size:1.8em;
    color:#2196F3;
    border-bottom:1px solid #f6f6f6;
    padding:.5em 0;
    font-weight:700;
    display:none!important
}
.gear-date160 .date-class{
    text-align:center;
    padding:1.5em 1em 1em
}
.gear-date160 .date-class__box{
    display:inline-block;
    font-size:1.6em;
    width:49%;
    padding:.4em 0;
    text-align:center;
    border:1px solid #d4d4d4;
    cursor:pointer;
    line-height:1.5em;
    background-color:#fbfbfb;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.gear-date160 .date-class__box:first-of-type{
    -webkit-border-top-left-radius:.3em;
    -moz-border-radius-topleft:.3em;
    border-top-left-radius:.3em;
    -webkit-border-bottom-left-radius:.3em;
    -moz-border-radius-bottomleft:.3em;
    border-bottom-left-radius:.3em;
    border-right:0
}
.gear-date160 .date-class__box:last-of-type{
    -webkit-border-top-right-radius:.3em;
    -moz-border-radius-topright:.3em;
    border-top-right-radius:.3em;
    -webkit-border-bottom-right-radius:.3em;
    -moz-border-radius-bottomright:.3em;
    border-bottom-right-radius:.3em;
    border-left:0
}
.gear-date160 .date-class__box.active{
    position:relative;
    background-color:#2196F3;
    color:#fff;
    font-weight:700;
    border-color:#2196F3
}
.gear-date160 .date-class__box.active::after{
    content:"";
    position:absolute;
    bottom:-.4em;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    border-left:.4em solid transparent;
    border-right:.4em solid transparent;
    border-top:.4em solid #2196F3
}
.gear-date160 .date-roll-mask{
    -webkit-mask:-webkit-gradient(linear,0 40%,0 0,from(#debb47),to(rgba(36,142,36,0)));
    -webkit-mask:-webkit-linear-gradient(bottom,#debb47 50%,rgba(36,142,36,0))
}
.gear-date160 .date-roll{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
    background-color:transparent;
    -webkit-mask:-webkit-gradient(linear,0 50%,0 100%,from(#debb47),to(rgba(36,142,36,0)));
    -webkit-mask:-webkit-linear-gradient(top,#debb47 50%,rgba(36,142,36,0))
}
.gear-date160 .date-roll>div{
    font-size:1.8em;
    height:6em;
    font-weight:700;
    float:left;
    background-color:transparent;
    position:relative;
    overflow:hidden;
    width:33.3333%
}
.gear-date160 .date-roll--hh>div{
    width:16%
}
.gear-date160 .date-roll--hh>div:last-child{
    width:52%
}
.gear-date160 .date-roll--hhii>div{
    width:20%
}
.gear-date160 .date-roll .gear{
    float:left;
    position:absolute;
    z-index:9902;
    width:100%;
    margin-top:-6em;
    cursor:pointer
}
.gear-date160 .date-roll .tooth{
    height:2em;
    line-height:2em;
    text-align:center;
    overflow:hidden
}
.gear-date160 .date-grid{
    position:relative;
    top:2em;
    width:100%;
    height:2em;
    margin:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index:0;
    border-top:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4
}
.gear-date160 .date-grid>div{
    color:#000;
    position:absolute;
    right:0;
    top:0;
    font-size:.8em;
    line-height:2.5em
}
.gear-date160 .date-btn{
    overflow:hidden;
    margin-top:1.5em;
    margin-bottom:1em
}
.gear-date160 .date_btn__elem{
    color:#999;
    font-size:1.6em;
    line-height:2.3em;
    text-align:center;
    cursor:pointer;
    width:50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 auto .3em
}
.gear-date160 .date_btn__elem:first-child{
    color:#fff;
    font-weight:700;
    font-size:1.8em;
    border:1px solid #2196F3;
    -webkit-border-radius:.4em;
    -moz-border-radius:.4em;
    border-radius:.4em;
    background:rgba(238,82,64,1);
    background:-webkit-gradient(linear,left top,left bottom,from(#2196F3)),to(#2196F3));
    background:-webkit-linear-gradient(top,rgba(238,82,64,1) 0,rgba(226,69,55,1) 100%);
    background:-moz-linear-gradient(top,rgba(238,82,64,1) 0,rgba(226,69,55,1) 100%);
    background:-o-linear-gradient(top,rgba(238,82,64,1) 0,rgba(226,69,55,1) 100%);
    background: linear-gradient(to bottom,#2196F3 0,#03A9F4 100%);
}
.gear-date160 .date-confirm{
    text-align:center;
    display:none;
    position:relative
}
.gear-date160 .date-confirm__tit{
    padding:.68em 0;
    border-bottom:1px solid #f6f6f6;
    font-size:2em;
    color:#2196F3
}
.gear-date160 .date-confirm__tip{
    display:inline-block;
    font-size:1.4em;
    color:#666;
    line-height:1.6em;
    margin:1em 0 .5em
}
.gear-date160 .date-confirm__info{
    position:relative;
    height:7em
}
.gear-date160 .date-confirm__p{
    position:absolute;
    width:100%;
    font-size:1.8em;
    line-height:2em
}
.gear-date160 .date-confirm__p b{
    color:#2196F3;
    font-weight:400
}
.gear-date160 .date-confirm__info--nongli .date-confirm__p:first-child{
    top:0
}
.gear-date160 .date-confirm__info--nongli .date-confirm__p:last-child{
    bottom:0
}
.gear-date160 .date-confirm__info--gongli .date-confirm__p:first-child{
    bottom:0
}
.gear-date160 .date-confirm__info--gongli .date-confirm__p:last-child{
    top:0
}
.gear-date160 .date-confirm__btn{
    position:relative;
    padding:1.4em 0 2.7em
}
.gear-date160 .date-confirm__btn>div{
    display:inline-block;
    margin:0 1em;
    color:#fff;
    font-size:1.6em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:.6em 1.2em
}
.gear-date160 .date-confirm__cancel{
    background-color:#b1b1b1

}
.gear-date160 .date-confirm__finish{
    background-color:#2196F3
}