/* components/datetimePicker/datetimePicker.wxss */
/* 遮罩 */
.mask {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.fixed {
  z-index: 1003;
  position: fixed;
  left: 0;
  bottom: 0;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

.modal_info {
  width: 100%;
  background: #FFFFFF;
  border-radius: 20rpx 20rpx 0 0;
  padding-top: 16rpx;
  overflow: hidden;
  font-size: 32rpx;
  line-height: 49rpx;
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 22rpx 30rpx;
  box-sizing: border-box;
}

.header .left {
  color: #191b27;
  font-size: 32rpx;
  font-weight: 700;
}

.header .right {
  display: flex;
  width: 130rpx;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  background: #367DF9;
color: #ffffff;
 font-size: 28rpx;
 font-weight: 500;
}

.body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 22rpx 30rpx;
  box-sizing: border-box;
}

.body .left,
.right {
  display: flex;
  width: 320rpx;
  height: 72rpx;
  padding: 16rpx 0rpx;
  justify-content: center;
  align-items: center;
  gap: 20rpx;
  flex-shrink: 0;
  border-radius: 8rpx;
  border: 2rpx solid #367DF9;
  background: #F5F8FE;
  color: #367df9;
  text-align: center;
  font-size: 28rpx;
  font-weight: 500;
  line-height: normal;
  box-sizing: border-box;
}
.body .currentTag {
  display: flex;
  width: 320rpx;
  height: 72rpx;
  padding: 16rpx 0rpx;
  justify-content: center;
  align-items: center;
  gap: 20rpx;
  flex-shrink: 0;
  border-radius: 8rpx;
  /* border: 2rpx solid #367DF9; */
  background: #F5F8FE;
  color: #8fb8ff;
  text-align: center;
  font-size: 28rpx;
  font-weight: 500;
  line-height: normal;
  box-sizing: border-box;
}
.footer {
  width: 100%;
}

.picker {
  width: 100%;
  height: 100%;
}

.picker .item {
  width: 100%;
  height: 60rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8rpx;
  background: #F5F8FE;
  text-align: center;
  font-size: 32rpx;
}

.sensorTypePicker {
  width: 100%;
  height: 120px;
  /* padding: 45px 0; */
}
/* 至 */
.to{
  width:100%;
  display: flex;
  justify-content: center;align-items: center;
  color:rgb(138,138,138);
  border-radius: 8rpx;
  color: #367df9;
  text-align: center;
  font-size: 32rpx;
  font-weight: 700;
  background: #F5F8FE;
  /* font-size:30rpx; */
}
.picker-item {
  line-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  /* overflow: hidden; */
}

.indicator {
  border-radius: 8rpx;
  text-align: center;
  font-size: 32rpx;
  font-weight: 700;
  border: none !important;
}
.picker-item-active{
  line-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #367df9;
  font-weight: 700;
  background: rgba(245, 248, 254, 1);
}
.timeNav{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.timeNav .item{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #808080;
 text-align: center;
 font-size: 28rpx;
 font-weight: 500;
}