@import '../../assets/styles/variable.less';

.form-wrapper {
  padding-bottom: 1px;
  text-align: left;
}
.form-title {
  display: block;
  width: 100%;
  padding: 2rem 1rem;
  // height: 80px;
  // line-height: 80px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #d7d7d7;
}
.form-content-wrapper {
  height: 600px;
  overflow: auto;
}
.form-item {
  // position: relative;
  display: flex;
  align-items: center;
  padding: 1em 0.4em;
  &.form-edit {
    // （点击）激活状态下
    &.active {
      background-color: @primary-color;
      /deep/ .ant-upload-list-item-info a {
        color: #f0f0f0;
      }
      /deep/ .ant-upload-list-item-info a:hover {
        color: #333;
      }
      .grid-btn {
        background-color: #fff;
        color: @primary-color;
      }
    }
    .item {
      display: inline-block;
      width: 80%;
      // border-bottom: 1px solid #ebedf0;
      border-bottom: 0;
    }
    /deep/ .van-cell {
      border-bottom: 1px solid #ebedf0;
    }
    &:last-of-type .item {
      border: none;
    }
    &:hover {
      background-color: @primary-color;
      .grid-btn {
        background-color: #fff;
        color: @primary-color;
      }
    }
  }
  .item {
    width: 100%;
    border-bottom: 1px solid #ebedf0;
    /deep/ .van-checkbox, /deep/ .van-radio {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    // padding-right: 20%;
    /deep/ .van-cell {
      display: block;
    }
    /deep/ .van-field__label {
      width: 100%;
    }
    /deep/ .van-field__value {
      width: 100%;
    }
  }
  &:last-of-type .item {
    border: none;
  }
  .item-del {
    // position: absolute;
    display: inline-block;
    width: 12%;
    height: 100%;
    text-align: right;
    // background-color: #ff0000;
    .grid-btn {
      width: 50px;
      height: 50px;
      padding: 0 12px;
      font-size: 18px;
      border-radius: 50%;
    }
  }
}
.submit-btn {
  display: block;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 0 24px;
  text-align: center;
  .ant-btn {
    height: 38px;
    padding: 0 24px;
  }
}