﻿@media screen and (min-width:441px){:root{font-size:46px;}}@media screen and (min-width:415px) and (max-width:440px){:root{font-size:46px;}}@media screen and (min-width:361px) and (max-width:414px){:root{font-size:46px;}}@media screen and (max-width:360px){:root{font-size:46px;}}.date_btn,.date_grid{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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:flex;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;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform:translateZ(0);justify-content:center;align-items:center;}.date_ctrl{vertical-align:middle;background-color:#F0F0F0;border-radius:6px;color:#363837;height:auto;width:92%;max-width:600px;position:absolute;z-index:9902;overflow:hidden;-webkit-transform:translateY(0);-o-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{-o-animation:slideInUp .3s ease-in;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)}}@-o-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)}}.date_roll_title{display:block;width:100%;margin:auto;padding-bottom:0.6em;border-bottom:1px solid #dddddd;}.date_roll_title:after{clear:both;content:".";display:block;height:0;visibility:hidden;}.date_roll_title span{display:block;float:left;width:20%;color:#999;text-align:center;font-size:1.6em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.2em 0;}.date_roll_title>span:nth-child(1){width:24%}.date_roll_title>span:nth-child(2),.date_roll_title>span:nth-child(2){width:22%}.date_roll_title>span:nth-child(4),.date_roll_title>span:nth-child(5){width:17%}.date_roll{position:relative;width:100%;height:auto;margin: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:2.1em;height:6em;float:left;position:relative;width:33.33%}.date_roll_more>div{width:20%}.date_roll_more>div:nth-child(1){width:24%}.date_roll_more>div:nth-child(2),.date_roll_more>div:nth-child(2){width:22%}.date_roll_more>div:nth-child(4),.date_roll_more>div:nth-child(5){width:17%}.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.9em;padding:0.8em 0 .6em 0;font-weight:700;}.date_class_box{padding:1.4em 0 1em;}.date_class{display:inline-block;font-size:1.8em;width:20%;padding:.2em 0;color:#E24E4C;border:1px solid #E24E4C;cursor:pointer;line-height:1.8em;}.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:#E24E4C;color:#fff}.date_btn_box{overflow:hidden;position:relative;}.date_btn{color:#000;font-size:1.8em;line-height:1em;padding:.9em 1em;cursor:pointer;float:right;width:50%;border-top:1px solid #d4d4d4;}.date_btn:first-child{border-top:1px solid #E24E4C;background-color:#E24E4C;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;font-size:1.2em;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}.date_roll_mask{padding:0 0 1.8em !important;}