.title-span[data-v-1a87bbcf] {
  margin-top: 10px;
}
.title-span .title-text[data-v-1a87bbcf] {
  font-size: 16px;
  font-weight: 800;
}
form[data-v-1a87bbcf] {
  margin: 18px 0;
}
form[data-v-1a87bbcf] .ant-form-item {
  margin-bottom: 0;
}
form .cls-input[data-v-1a87bbcf] {
  max-width: 400px;
}
form .architecture-basis-min[data-v-1a87bbcf] {
  margin-right: 10px;
  width: 195px;
}
form .architecture-basis-max[data-v-1a87bbcf] {
  width: 195px;
}
form .city-type-table[data-v-1a87bbcf] {
  max-width: 610px;
  margin-bottom: 10px;
}
.architecture[data-v-1a87bbcf] {
  margin-bottom: 16px;
}
.architecture .architecture-content[data-v-1a87bbcf] {
  vertical-align: top;
  padding-left: 100px;
}
.architecture .architecture-content .configuration-item[data-v-1a87bbcf] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.architecture .architecture-content .configuration-item .architecture-name[data-v-1a87bbcf] {
  margin-right: 20px;
}
.architecture .architecture-content .configuration-item .name[data-v-1a87bbcf],
.architecture .architecture-content .configuration-item .scope-text[data-v-1a87bbcf] {
  margin-right: 20px;
}
.architecture .architecture-content .configuration-item .architecture-input[data-v-1a87bbcf] {
  width: 200px;
  vertical-align: top;
}
.architecture .architecture-content .configuration-item .architecture-input + .architecture-input[data-v-1a87bbcf] {
  margin-left: 10px;
}
.architecture .architecture-content .configuration-item .connect[data-v-1a87bbcf] {
  margin: 0 20px;
}
.architecture .architecture-content .configuration-item .application-scope .scope-two[data-v-1a87bbcf] {
  margin-right: 20px;
}
.architecture .architecture-content .configuration-item .application-scope .architecture-min[data-v-1a87bbcf],
.architecture .architecture-content .configuration-item .application-scope .architecture-max[data-v-1a87bbcf] {
  margin-left: 10px;
  width: 95px;
}
.architecture .architecture-content .configuration-item[data-v-1a87bbcf] .configuration-error {
  color: red !important;
}
.architecture .vt[data-v-1a87bbcf] {
  line-height: 32px;
  vertical-align: top;
}
.architecture .vt .vt-icon-add[data-v-1a87bbcf] {
  color: #0096FB;
}
.architecture .vt .vt-icon-delete[data-v-1a87bbcf] {
  color: red;
  margin-left: 4px;
}
.btn-area i + i[data-v-1a87bbcf] {
  margin-left: 10px;
}
[data-v-1a87bbcf] .ant-select-selection.ant-select-selection--multiple .ant-select-selection__rendered {
  max-height: 32px;
}
[data-v-1a87bbcf] .ant-select-selection.ant-select-selection--multiple .ant-select-selection__rendered ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0;
}
@media (max-width: 1500px) {
.architecture .architecture-content[data-v-1a87bbcf],
  form[data-v-1a87bbcf] {
    padding-left: 0;
}
.architecture .architecture-content .configuration-item .name[data-v-1a87bbcf],
  .architecture .architecture-content .configuration-item .scope-text[data-v-1a87bbcf] {
    margin-right: 10px;
}
.architecture .architecture-content .configuration-item .connect[data-v-1a87bbcf] {
    margin: 0 10px !important;
}
}
@media (max-width: 1350px) {
.application-scope .application-scope-setting .scope-one[data-v-1a87bbcf],
  .application-scope .application-scope-setting .scope-two[data-v-1a87bbcf] {
    display: block;
}
.configuration-item .connect[data-v-1a87bbcf] {
    margin: 0 !important;
}
}
@media (max-width: 900px) {
.application-scope[data-v-1a87bbcf] {
    display: block;
}
}