
.relative-range {
  width: 500px;
  height: 191px;
  padding: 19px;
  background: #F3F6F9;
}

.checkboxOption-wrap__head__title {
  line-height: 32px;
  height: 32px;
  font-size: 18px;
  color: #303133;
  font-weight: bold;
}

.label-unit {
  font-size: 14px;
  color: #606266;
}

.realtime-span {
  margin-left: 4px;
  padding: 3px 4px;
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
  background: #2F54EB;
  line-height: 32px;
  vertical-align: top;
}

.label-tip {
  display: inline-block;
  vertical-align: middle;
  padding-left: 14px;
  font-size: 13px;
  color: #909399;
}

.el-select-dropdown__item.selected:hover {
    background-color: #f5f7fa;
}

.w-438 {
  width: 438px;
}

.w-526 {
  width: 526px;
}

.h-80 {
  height: 80px;
}

.border-t-e4e7ed {
  border-bottom: 1px solid #e4e7ed;
}

.fixed-date-picker {
  padding: 20px;
}

.bg-f3f6f9 {
  background: #F3F6F9;
}
.bg-f2f3f5 {
  background: #f2f3f5;
}
.el-button--default.el-button--text {
  color: #606266;
  padding: 8px 15px;
}

.checkboxOption-wrap__body .el-checkbox-group {
  max-height: 330px;
  overflow-y: auto;
}

.add-tags-wrap {
  width: 380px;
  height: 110px;
  padding: 0 8px;
  overflow-y: auto;
  white-space: pre-wrap;
  border: 1px solid #DCDFE6;
  border-radius: 4px;

  .el-tag {
    margin-top: 8px;
    margin-right: 8px;
    /*background: none;
    background-color: none;
    border: none;
    font-size: 14px;
    color: #606266;

    .el-tag__close {
      width: 14px;
      height: 14px;
      line-height: 14px;
      font-size: 12px;
      color: #fff;
      background: #DCDFE6;
    }*/
  }
}

.el-checkbox-group .el-checkbox {
  margin-right: 16px;
}

.el-checkbox + .el-checkbox {
  margin-left: 0;
}

.add-search-select {
  .el-select {
    line-height: 32px;

    span {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
    }
  }
}

.all-select-options {
  .el-checkbox {
    margin-right: 16px;
    line-height: 32px;
    &+.el-checkbox {
      margin-left: 0;
    }
  }
}

.slected-opyions {
  .el-tag {
    margin-top: 8px;
    margin-right: 8px;
  }

  &.city-slected-opyions {
    font-size: 0;
    max-height: 380px;
    overflow-y: auto;

    .el-tag {
      margin: 0 10px 10px 0;
    }
  }
}

.city-checkbox {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 8px;

  &.city-checkbox-all {
    background: #F1F3F7;
  }
}
