.dialog-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-form {
  display: flex;
  background-color: #fff;
}
.my-form .form-left {
  width: 20%;
  height: 60vh;
  overflow-y: auto;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}
.my-form .form-left .tag {
  width: 7.29167vw;
  padding: 0.52083vw 0.72917vw;
  background-color: rgb(246, 247, 255);
  margin: 0.26042vw 0.52083vw;
  border-radius: 0.26042vw;
  font-size: 0.72917vw;
  cursor: pointer;
}
.my-form .form-center {
  width: 60%;
  height: 60vh;
  overflow-y: auto;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 0 1.04167vw;
}
.my-form .form-center .component-item {
  position: relative;
}
.my-form .form-center .component-item .del {
  display: none;
  position: absolute;
  top: 0.26042vw;
  right: 0.26042vw;
  cursor: pointer;
}
.my-form .form-center .component-item:hover {
  cursor: move;
}
.my-form .form-center .component-item:hover .del {
  display: block;
}
.my-form .form-right {
  width: 20%;
  height: 60vh;
  overflow-y: auto;
  font-size: 0.625vw;
  padding: 1.04167vw;
}
.my-form .form-right .form-label {
  display: flex;
  align-items: center;
  margin: 0.52083vw 0;
}
.my-form .form-right .form-label .form-label-title {
  flex-shrink: 0;
}
.my-form .form-right .form-label .option-del {
  margin-left: 0.52083vw;
  cursor: pointer;
}
.my-form .activeFormItem {
  background-color: #fbffde;
  border: 1px solid #ffcf49;
  margin: 0.52083vw 0;
  padding: 0.52083vw 1.04167vw 0 0;
}