.gearDate{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;background-color:rgba(0,0,0,.2);display:block;position:absolute;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2018917;overflow:hidden;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform:translateZ(0)}
.date_ctrl{vertical-align:middle;background-color:#f0f0f0;box-shadow:0 0 .05333rem rgb(0 0 0 / 40%);color:#b2b9bd;margin:0;height:auto;width:100%;max-width:540px;position:absolute;left:0;right:0;bottom:0;z-index:9902;overflow:hidden;margin:0 auto;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0)}
.slideInUp{animation:slideInUp .3s ease-in;-webkit-animation:slideInUp .3s ease-in;-ms-animation:slideInUp .3s ease-in;-moz-animation:slideInUp .3s ease-in}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}
}
@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}
}
@-moz-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}
}
@-ms-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}
}
.date_roll{position:relative;width:100%;height:auto;overflow:hidden;font-weight:700;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))}
.date_roll>div{font-size:1.6em;height:10em;float:left;background-color:transparent;position:relative;overflow:hidden;width:33.33%}
.date_roll_more>div{width:25%}
.date_roll_minut>div{width:20%}
.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))}
.date_grid{position:relative;top:4em;width:100%;height:2em;margin:0;box-sizing:border-box;z-index:0;background-color:#fff;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}
.date_grid>div{color:#000;position:absolute;right:0;top:0;font-size:.8em;line-height:2.5em}
.date_info_box{margin-top: -15px;}
.date_class_box{text-align:center;padding:1em 2em}
.date_class{display:inline-block;font-size:1.4em;width:25%;padding:.5em 0;text-align:center;color:#38386c;border:1px solid #38386c;cursor:pointer}
.date_class_box .date_class:first-child{border-top-left-radius:.2em;border-bottom-left-radius:.2em}
.date_class_box .date_class:last-child{border-top-right-radius:.2em;border-bottom-right-radius:.2em}
.date_class_box .active{background-color:#38386c!important;color:#fff!important}
.lcalendar_cancel{float:left!important}
.lcalendar_finish{float:right!important;background-color:#38386c;color:#fff!important}
.date_btn.lcalendar_cancel{border-right:1px solid #38386c}
.gear{float:left;position:absolute;z-index:9902;width:5.5em;margin-top:-6em;cursor:pointer;padding:2em 0}
.date_roll>div .gear{width:100%;color:#000}
.tooth{height:2em;line-height:2em;text-align:center;overflow:hidden}
.date_roll_more>div{width:20%}
.date_roll_more>div:nth-of-type(1),.date_roll_more>div:nth-of-type(4){width:30%}
.date_btn_box{overflow:hidden;position:relative;border-top:1px solid #d4d4d4}
.date_class_box{display:flex;align-items:center;justify-content:space-evenly;border-bottom:1px solid #ccc}
.date_class_box .date_btn{border-radius:5px;border:1px solid #38386c;font-size:1.7em;line-height:2.5em;text-align:center;float:left;padding:0;height:100%;width:45%;color:#38386c;box-sizing:border-box}
.date_btn:list-child{border-left:1px solid #38386c;background-color:#38386c;color:#fff}
.gn_noop{margin:0 auto;width:80%;text-align:center;margin-bottom:20px;margin-top:25px}
.lcalendar_gongli{border-top-left-radius:5px;border-bottom-left-radius:5px}
.lcalendar_nongli{border-top-right-radius:5px;border-bottom-right-radius:5px}
.gn_noop .active{background-color:#38386c;color:#fff}