.mask-datetime{background-color:$mask-bg-color;position:fixed;z-index:999;bottom:0;right:0;left:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.m-datetime{position:fixed;bottom:-9999px;left:-9999px;width:100%;z-index:1501;background-color:$white;-ms-transform:translate(0,100%);transform:translate(0,100%);transition:transform .25s;-ms-touch-action:none;touch-action:none}.m-datetime.datetime-active{bottom:0;left:0;-ms-transform:translate(0,0);transform:translate(0,0)}.datetime-input{width:100%}.datetime-head{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:relative;background-color:$white;border-bottom:1px solid $white-border-color}.datetime-head .datetime-title{height:43px;line-height:43px;color:$gray-dark}.datetime-head>a{height:43px;padding:0 30px;font-size:$f15;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:$gray-darker}.datetime-head>a:last-child{color:$blue}.datetime-content{display:-ms-flexbox;display:flex;width:100%;height:266px;position:relative;overflow:hidden}.datetime-item{-ms-flex:1;flex:1;height:100%;position:relative;font-size:$f16}.datetime-item-content>span{display:block;width:100%;height:38px;line-height:38px;text-align:center}.datetime-item-box{height:100%}.datetime-indicator,.datetime-mask{height:100%;width:100%;position:absolute;left:0;top:0;pointer-events:none}.datetime-mask{z-index:3;transform:translateZ(0);background-image:linear-gradient(to bottom,rgba(255,255,255,.95),rgba(255,255,255,.6)),linear-gradient(to top,rgba(255,255,255,.95),rgba(255,255,255,.6));background-position:top,bottom;background-size:100% 114px;background-repeat:no-repeat}.datetime-indicator{display:-ms-flexbox;display:flex;z-index:4;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.datetime-indicator>span{display:block;width:100%;height:38px;position:relative}