.title-h2 {
  font-size: 16px;
  padding: 10px;
}
.float-right {
  float: right;
}
.jv-container.jv-light {
  text-align: left;
  overflow-y: auto;
  height: 600px;
  /* &.dialog-viewer {
    height: 600px;
  }

  &.drawer-viewer {
    height: 100%;
  } */
}
.jv-container.jv-light .jv-key,
.jv-container.jv-light .jv-item {
  font-size: 18px;
  color: #606266;
}
.jsoneditor-vue {
  padding: 0 10px;
  height: 600px;
}
.jsoneditor-vue .jsoneditor-text {
  font-size: 16px;
  color: #606266;
}
.iframe-json {
  height: 600px;
}
.key-value {
  height: 44px;
  line-height: 44px;
  text-align: left;
}
.key-value .el-select {
  width: 100px;
}
.key-value .span-code {
  font-size: 16px;
  color: #3883fa;
  margin: 0 20px;
  max-width: 460px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.key-value .el-icon-document-copy {
  cursor: pointer;
  font-size: 14px;
  color: #3883fa;
  margin-right: 20px;
}
.footer-box {
  margin-top: 15px;
}
.footer-box .el-button {
  margin: 0 15px 0 0;
}
.help-text {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 10px;
}
.rule-ul {
  max-height: 500px;
  overflow: auto;
}
.rule-ul .rule-li {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 10px 0;
}
.rule-ul .rule-li .el-input {
  width: 250px;
}
.rule-ul .rule-li i {
  font-size: 22px;
}
.rule-ul .rule-li i.el-icon-plus, .rule-ul .rule-li i.el-icon-minus {
  cursor: pointer;
}
.rule-ul .rule-li1 {
  /* display: flex; */
  align-items: center;
  justify-content: space-around;
  padding: 10px 0;
}
.rule-ul .rule-li1 .rule_two .el-input {
  margin-left: 30px;
  width: 250px;
  margin-bottom: 10px;
}
.rule-ul .rule-li1 .rule_two i {
  margin-left: 20px;
  font-size: 22px;
}
.rule-ul .rule-li1 .rule_two i.el-icon-plus, .rule-ul .rule-li1 .rule_two i.el-icon-minus {
  cursor: pointer;
}
.rule-ul .rule-li1 .rule_one .el-input {
  width: 200px;
  margin-bottom: 10px;
}
.rule-ul .rule-li1 .rule_one i {
  margin-left: 20px;
  font-size: 22px;
}
.rule-ul .rule-li1 .rule_one i.el-icon-plus, .rule-ul .rule-li1 .rule_one i.el-icon-minus {
  cursor: pointer;
}
.rule_zero {
  width: 92%;
  text-align: right;
  margin-bottom: 20px;
}
.rule_zero i {
  font-size: 24px;
}
.rule_zero i.el-icon-plus, .rule_zero i.el-icon-minus {
  cursor: pointer;
}
.head_one {
  /* display: flex;
  border: 1px solid red;
  justify-content: center; */
  height: 5vh;
  width: 100%;
  margin: auto;
  text-align: center;
}
.head_one h2 {
  display: inline-block;
}
