.date-select{position:fixed;left:0;right:0;bottom:0;top:0;z-index:1000;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.date-select.slide-down-enter-active .mask{-webkit-animation:fadeIn .3s ease both;animation:fadeIn .3s ease both}.date-select.slide-down-enter-active .wrap{-webkit-animation:fadeInDown .3s ease .1s both;animation:fadeInDown .3s ease .1s both}.date-select.slide-down-leave-active .mask{-webkit-animation:fadeOut .3s ease both;animation:fadeOut .3s ease both}.date-select.slide-down-leave-active .wrap{-webkit-animation:fadeOutUp .3s ease both;animation:fadeOutUp .3s ease both}.date-select .wrap{position:relative;z-index:1100;background:#fff;width:95%;margin:2rem auto 0;border-radius:.06rem}.date-select .wrap .content-inner{position:relative}.date-select .wrap .content-inner .ht{padding:.3rem .3rem .15rem;font-size:.36rem;font-weight:700;text-align:center;color:#555}.date-select .wrap .content-inner .body{margin:.2rem .1rem .5rem;font-size:.26rem;color:grey;text-align:center}.date-select .wrap .content-inner .body select{border:none;border-bottom:1px solid #ccc;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;font-size:.42rem;text-align:center;cursor:pointer;border-radius:0}.date-select .wrap .content-inner .body select::-ms-expand{display:none}.date-select .wrap .content-inner .body span{margin-right:.2rem;padding-left:.05rem}.date-select .wrap .content-inner .body span:last-child{margin-right:0}.date-select .wrap .content-inner .foot{padding:.2rem .3rem;background:#f7f7f7;border-top:1px solid #ededed;border-radius:0 0 .06rem .06rem;text-align:center}.date-select .wrap .content-inner .foot .btn{margin:0 .05rem;padding-left:.3rem;padding-right:.3rem}.date-select .mask{position:fixed;left:0;right:0;bottom:0;top:0;z-index:1000;background:rgba(0,0,0,.5)}