/* pages/waterabnormal/waterabnormal.wxss */

.water-abnormal {
  background-color: rgba(250, 252, 255, 1);
  padding: 20rpx 0;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.date-panel {
  padding: 20rpx 0;
  background-color: #FFF;
}

.date-panel .header {
  height: 40rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20rpx;
  padding: 0 40rpx;
}

.date-panel .picker {
  display: flex;
  align-items: center;

}

.date-panel .picker text {
  font-size: 28rpx;
  font-weight: 400;
  color: rgba(55, 59, 73, 1);
}

.date-panel .picker image {
  display: inline-block;
  width: 28rpx;
  height: 16rpx;
  margin-left: 8rpx;
  flex-shrink: 1;
}

.date-panel .settings {
  font-size: 28rpx;
  font-weight: 400;
  color: rgba(0, 145, 255, 1);
}

.date-panel .item {
  width: calc(100% / 7);
  font-size: 28rpx;
  line-height: 60rpx;
  margin-bottom: 10rpx;
  color: rgba(104, 107, 120, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.date-panel .week {
  color: rgba(188, 191, 202, 1);
}

.date-panel .item .txt {
  width: 60rpx;
  height: 60rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.date-panel .item .abnormal {
  background: rgba(255, 159, 159, 1);
  color: #FFF;
}

.date-panel .item .handled {
  background: rgba(153, 211, 255, 1);
  color: #FFF;
}

.date-panel .item .active {
  background: rgba(0, 145, 255, 1);
  color: #FFF;
}

.date-panel .item .abnormal.active {
  background: rgba(255, 113, 113, 1);
}

.list .item {
  background-color: rgba(255, 255, 255, 1);
  padding: 40rpx;
  display: inline-block;
  margin-top: 20rpx;
  display: flex;
  align-items: center;
}

.list .item.item-touch-active {
  transform: translateX(-100rpx) !important;
}

/* .list .item.disabled {
  filter: gray;
  filter: grayscale(100%);
} */

.list .item .left {
  float: left;
  width: 180rpx;
}

.list .item image {
  display: inline-block;
  width: 160rpx;
  height: 160rpx;
}

.list .item .right {
  float: left;
  width: calc(100% - 180rpx);
}

.list .item .right .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 28rpx;
  color: rgba(188, 191, 202, 1);
}

.list .item .right .title .name {
  font-size: 34rpx;
  font-weight: bold;
  color: #373B49;
  line-height: 48rpx;
}


.list .item .right .desc {
  font-size: 28rpx;
  line-height: 40rpx;
  color: #79C3FC;
  margin: 10rpx 0 14rpx;
}

.list .item .right .desc .tip {
  font-size: 28rpx;
  color: #686B78;
}

.list .item .right .desc .handle {
  color: #FF7171;
}

.list .item .right .tip {
  font-size: 24rpx;
  color: rgba(188, 191, 202, 1);
  line-height: 34rpx;
}

.list .item .opt {
  width: 100rpx;
  height: 100%;
  position: absolute;
  top: 0;
  right: -100rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background: #99D3FF;
  font-size: 24rpx;
  font-weight: 500;
}

.list .no-abnormal-tip {
  text-align: center;
}

.list .no-abnormal-tip image {
  display: block;
  width: 302rpx;
  height: 220rpx;
  margin: 112rpx auto 20rpx;
}

.list .no-abnormal-tip text {
  font-size: 28rpx;
  color: rgba(188, 191, 202, 1);
}