/* pages/waterabnormal/settings/settings.wxss */
.alarm-rules-settings {
  background-color: rgba(250, 252, 255, 1);
  padding: 20rpx 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.form {
  padding: 40rpx 40rpx 60rpx;
  background-color: #FFF;
}

.form .from-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 28rpx;
  margin-bottom: 30rpx;
}

.form .from-item.last {
  margin-bottom: 56rpx;
}

.form .from-item .label {
  display: flex;
  align-items: center;
}

.form .from-item .label::before {
  content: '*';
  font-size: 28rpx;
  color: rgba(255, 113, 113, 1);
}

.picker {
  width: 498rpx;
  background: white;
  font-size: 28rpx;
  position: relative;
  height: 70rpx;
  line-height: 70rpx;
  border-radius: 4rpx;
  border: 2rpx solid rgba(238, 238, 238, 1);
  padding-left: 20rpx;
}

.picker image {
  display: inline-block;
  width: 34rpx;
  height: 34rpx;
  position: absolute;
  right: 20rpx;
  top: 18rpx;
}

.radio-group {
  width: 520rpx;
}

.radio {
  margin-right: 40rpx;
  font-size: 28rpx;
  color: rgba(104, 107, 120, 1);
}

radio .wx-radio-input {
  border-radius: 50%;
  width: 30rpx;
  height: 30rpx;
  border-width: 1.5rpx;
  margin-right: 20rpx;
}

radio .wx-radio-input.wx-radio-input-checked {
  border-color: rgba(0, 145, 255, 1) !important;
  background: none !important;
}

radio .wx-radio-input.wx-radio-input-checked::before {
  content: '';
  border-radius: 50%;
  width: 18rpx;
  height: 18rpx;
  background: rgba(0, 145, 255, 1);
  transform: translate(-50%, -50%) scale(1);
}

.alarm-rules-settings .btn-big {
  margin-bottom: 0 !important;
}

.rules .rule-title {
  font-size: 28rpx;
  color: rgba(55, 59, 73, 1);
  height: 80rpx;
  line-height: 80rpx;
  padding: 0 40rpx;
}

.rules .rule-item {
  font-size: 28rpx;
  color: rgba(104, 107, 120, 1);
  background-color: #FFF;
  padding: 20rpx 40rpx;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20rpx;
}

.rules .rule-item .left {
  width: 82rpx;
}

.rules .rule-item .center {
  font-size: 28rpx;
  color: rgba(104, 107, 120, 1);
  width: calc(100% - 150rpx);
}

.rules .rule-item .center .name {
  line-height: 40rpx;
}

.rules .rule-item .center .info {
  display: flex;
  align-items: center;
}

.rules .rule-item .center .info .line {
  width: 2rpx;
  color: rgba(216, 216, 216, 1);
  margin: 0 50rpx;
}

.rules .rule-item .right {
  display: flex;
  align-items: center;
}

.rules .rule-item .right image {
  display: inline-block;
  width: 40rpx;
  height: 40rpx;
}