.fs12 {
  font-size: 12px;
}
.flex {
  display: flex;
}
.flex-justify {
  display: flex;
  justify-content: space-between;
}

/* form 表单样式 */
.left-form-2 .ant-form-item-label-left {
  width: 55px;
}
.left-form-2 .ant-form-item-label {
  width: 55px;
}
.left-form-2 .ant-form-item-control-wrapper {
  width: calc(100% - 55px);
}

.left-form-3 .ant-form-item-label-left {
  width: 70px;
}
.left-form-3 .ant-form-item-label {
  width: 70px;
}
.left-form-3 .ant-form-item-control-wrapper {
  width: calc(100% - 70px);
}

.tree-form .ant-form-item-label-left {
  width: 70px;
}
.tree-form .ant-form-item-label {
  width: 70px;
}
.tree-form .ant-form-item-control-wrapper {
  width: calc(100% - 70px);
}

.left-form-4 .ant-form-item-label-left {
  width: 85px;
}
.left-form-4 .ant-form-item-label {
  width: 85px;
}
.left-form-4 .ant-form-item-control-wrapper {
  width: calc(100% - 85px);
}

.left-form-5 .ant-form-item-label-left {
  width: 100px;
}
.left-form-5 .ant-form-item-label {
  width: 100px;
}
.left-form-5 .ant-form-item-control-wrapper {
  width: calc(100% - 100px);
}

.left-form-6 .ant-form-item-label-left {
  width: 115px;
}
.left-form-6 .ant-form-item-label {
  width: 115px;
}
.left-form-6 .ant-form-item-control-wrapper {
  width: calc(100% - 115px);
}

/* form-info 表单详情 */
.form-info {
  padding: 10px 15px;
  background-color: #f6f6f6;
}
.info {
  display: flex;
}
.info p {
  margin-bottom: 0;
}
.info-2 p:first-child {
  width: calc(2em + 15px);
}
.info-2 p:last-child {
  width: calc(100% - 2em - 15px);
}
.info-3 p:first-child {
  width: calc(3em + 15px);
}
.info-3 p:last-child {
  width: calc(100% - 3em - 15px);
}
.info-4 p:first-child {
  width: calc(4em + 15px);
}
.info-4 p:last-child {
  width: calc(100% - 4em - 15px);
}
.info-5 p:first-child {
  width: calc(5em + 15px);
}
.info-5 p:last-child {
  width: calc(100% - 5em - 15px);
}
.info-6 p:first-child {
  width: calc(6em + 15px);
}
.info-6 p:last-child {
  width: calc(100% - 6em - 15px);
}

.form-info-wrap {
  padding: 10px 15px 0 15px;
  background-color: #f6f6f6;
}
.info-wrap {
  display: flex;
}
.info-wrap-wrap-2 p:first-child {
  text-align: right;
  margin-right: 5px;
  width: calc(2em + 15px);
}
.info-wrap-wrap-2 p:last-child {
  text-align: left;
  width: calc(100% - 2em - 20px);
  p {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }
  img {
    width: 160px;
    height: 90px;
  }
}
.info-wrap-3 p:first-child {
  text-align: right;
  margin-right: 5px;
  width: calc(3em + 15px);
}
.info-wrap-3 p:last-child {
  text-align: left;
  width: calc(100% - 3em - 20px);
  p {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }
  img {
    width: 160px;
    height: 90px;
  }
}
.info-wrap-4 p:first-child {
  text-align: right;
  margin-right: 5px;
  width: calc(4em + 15px);
}
.info-wrap-4 p:last-child {
  text-align: left;
  width: calc(100% - 4em - 20px);
  p {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }
  img {
    width: 160px;
    height: 90px;
  }
}
.info-wrap-5 p:first-child {
  text-align: right;
  margin-right: 5px;
  width: calc(5em + 15px);
}
.info-wrap-5 p:last-child {
  text-align: left;
  width: calc(100% - 5em - 20px);
  p {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }
  img {
    width: 160px;
    height: 90px;
  }
}
.info-wrap-6 p:first-child {
  text-align: right;
  margin-right: 5px;
  width: calc(6em + 15px);
}
.info-wrap-6 p:last-child {
  text-align: left;
  width: calc(100% - 6em - 20px);
  p {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }
  img {
    width: 160px;
    height: 90px;
  }
}

.info-form-wrap {
  padding: 10px 15px 0 15px;
}
.info-form-2 p:first-child {
  width: calc(2em + 30px);
}
.info-form-2 p:last-child {
  text-align: left;
  width: calc(100% - 2em - 30px);
}
.info-form-3 p:first-child {
  width: calc(3em + 30px);
}
.info-form-3 p:last-child {
  text-align: left;
  width: calc(100% - 3em - 30px);
}
.info-form-4 p:first-child {
  width: calc(4em + 30px);
}
.info-form-4 p:last-child {
  text-align: left;
  width: calc(100% - 4em - 30px);
}
.info-form-5 p:first-child {
  width: calc(5em + 30px);
}
.info-form-5 p:last-child {
  text-align: left;
  width: calc(100% - 5em - 30px);
}
.info-form-6 p:first-child {
  width: calc(6em + 30px);
}
.info-form-6 p:last-child {
  text-align: left;
  width: calc(100% - 6em - 30px);
}
