.all-date{
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  right:0;
  top:80rpx;
  z-index: 5;
  background-color: rgba(0,0,0,.7);
}
.date-header{
  background-color: #fff;
  z-index: 3;
  box-shadow:inset 0px 0px 5px #ccc;
  padding-top: 28rpx;
}
.date-bottom{
    animation-duration: 0.2s;
    background-color: rgba(0,0,0,.7);
    height: 100%;
}
.selectDateType{
  width: 200rpx;
  margin: 0rpx auto;
  border: 1px solid #26a2ff;
  border-radius: 6rpx;
  text-align: center;
}
.selectDateType view{
  padding: 4rpx 0;
}
.selectDateType .dateActive{
  background-color: #26a2ff;
  color: #fff;
}
.date-btn view{
  text-align: center;
  padding: 20rpx 0;
}
.date-btn view:nth-child(1){
  background-color: #f1f1f1;
}
.date-btn view:nth-child(2){
  background-color: #26a2ff;
  color: #fff;
}
.data-main{
  margin: 32rpx 0;
  text-align: center;
}

.data-main .dateVal{
  color: #26a2ff;
  width: 200rpx;
  padding: 16rpx 0;
  border-bottom: 1px solid #26a2ff;
  display: inline-block;
}