.date_btn,.date_grid{box-sizing:border-box}
.date_grid,.date_info_box{border-bottom:1px solid #d4d4d4}
.date_btn,.date_class,.date_class_box,.date_info_box,.tooth{text-align:center}
.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:9900;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 2px rgba(0,0,0,.4);border-radius:5px;color:#363837;height:auto;width:90%;max-width:600px;position:absolute;left:0;right:0;top:12%;z-index:9902;overflow:hidden;margin:0 auto;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0)}
.date_roll,.date_roll>div{background-color:transparent;overflow:hidden}
.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;font-weight:700;-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:2em;height:6em;float:left;position:relative;width:33.33%}
.date_roll_more>div{width:25%}
.date_roll_mask{padding:0 1em;-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:2em;width:100%;height:2em;margin:0;z-index:0;background-color:#E8E8E8;border-top:1px solid #d4d4d4}
.date_grid>div{color:#000;position:absolute;right:0;top:0;font-size:.8em;line-height:2.5em}
.date_info_box{color:#363837;font-size:1.8em;padding:.6em 0;font-weight:700}
.date_class_box{padding:1em 2em}
.date_class{display:inline-block;font-size:1.4em;width:40%;padding:.4em 0;color:#c91723;border:1px solid #c91723;cursor:pointer;line-height:1.6em}
.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:#c91723;color:#fff}
.date_btn_box{overflow:hidden;position:relative;border-top:1px solid #d4d4d4}
.date_btn{color:#000;font-size:1.6em;line-height:1em;padding:.8em 1em;cursor:pointer;float:left;width:50%}
.date_btn:first-child{/*border-right:1px solid #d4d4d4;*/
 background-color:#d00b0b;color:#fff}
.gear{float:left;position:absolute;z-index:9902;width:5.5em;margin-top:-6em;cursor:pointer}
.date_roll>div .gear{width:100%}
.tooth{height:2em;line-height:2em}
.date_confirm_wrap{padding:1em 2em;text-align:center;display:none;}
.confirm_tit{display:inline-block;font-size:1.4em;color:#666;cursor:pointer;line-height:1.6em;margin-bottom:1em}
.confirm_p{font-size:1.6em;line-height:2em}
.confirm_p b{color:#c91723;font-weight:400}
.gearDate .date_ctrl{position:fixed;left: 0;right: 0;bottom:0;top: 65%;width:100%;max-width:750px;background:#fff;border-radius:0;}
.gearDate .date_grid{background:none;}
.gearDate .date_btn_box{padding: 20px;border-bottom:1px solid #d4d4d4;}
.gearDate .date_btn_box.on{text-align:center;border-top:none;margin-top: 30px;padding-top:0;padding-bottom: 30px;}
.gearDate .date_btn_box.on .date_btn{float:none;width: 150px;line-height: 40px;height: 42px;background-color:#ff443b;font-size: 19px;display:inline-block;border-radius: 10px;margin: 0 30px;}
.gearDate .date_btn_box.on .lcalendar_cancel{background:#cccccc !important;}
.gearDate .date_btn{font-family:'微软雅黑';width: 50px;height: 30px;line-height: 30px;background:#d00b0b;color:#fff;font-size:9pt;padding:0;}
.gearDate .lcalendar_finish{float:right;}
.gearDate .lcalendar_cancel{background:#e35550 !important;}
.gearDate .date_roll_mask{padding:0;}
.gearDate .date_class_box{overflow:hidden;padding: 14px;border-top:1px solid #d4d4d4;}
.gearDate .date_class_box .active{background:none;}
.gearDate .date_class_box .active span{background-image:url('radio-active.png');}
.gearDate .date_class{float:left;line-height:28px;font-size:16px;color:#333 !important;font-family:'微软雅黑';background:none;border:none !important;width:auto;padding:0;}
.gearDate .date_class span{float:left;width:20px;height:20px;background:url('radio.png') no-repeat;background-size:100% auto;margin:4px 10px 0 0;}
.gearDate .lcalendar_nongli{float:right;}
.gearDate .date_ctrlon{border-radius: 4.8px 4.8px 0 0;box-shadow: 0 1.4px 9.12px 0 rgba(0,0,0,0.15);}
.gearDate .date_ctrlon .date_class_box{display:none;}
.gearDate .date_confirm_wrap{padding:0;}
.gearDate .confirm_tit{font-size: 20px;color:#484848;line-height: 50px;border-bottom:1px solid #e4e4e4;display:block;text-align:center;margin:0;font-family:'微软雅黑';}
.gearDate .confirm_p{font-size: 18px;color:#969696;font-family:'微软雅黑';line-height: 50px;}
.gearDate .confirm_p b{color:#c80000;}
.gearDate .confirm_timr{text-align:center;font-size: 20px;color:#484848;margin: 20px 0px 20px 0px;font-family:'微软雅黑';}
.gearDate .date_info_box{display:none;}
.gearDate .popshade{position:absolute;top:0;bottom:0;left:0;right:0;}
.gearDate .date_ctrl_simple .date_class_box{display:none;}
.gearDate .date_ctrl_simple .date_roll_mask{padding-bottom:2em;}
.gearDate .date_ctrl_simple .date_roll>div{width:100%;}
.gearDate .date_ctrl_simple .date_roll>div+div{display:none;}
.gearDate .date_two_column .date_roll>div{width:50%;}
.gearDate .date_two_column .date_roll>div+div{display:block;}
.gearDate .date_two_column .date_roll>div+div+div{display:none;}
.gear-date-simple .date_class_box{display:none;}
.gear-date-simple .date_roll_mask{padding-bottom:3.2px;}