.contact_con {
  padding: 0 64px;
  /* margin: 0 64px;
  padding: 16px; */
  /* padding-bottom: 0; */
  /* background: url('../img/contact.png'); */
  /* background-size: 100% 100%; */
  .contact_tit {
    font-size: 64px;
    font-weight: 600;
  }
  .contact_subTit {
    /* color: #21BE98; */
    font-size: 32px;
    font-weight: 400;
  }
  .contact_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    ul {
      width: 40%;
      padding: 32px 0;
      li {
        height: 32px;
        line-height: 32px;
        padding: 16px 0;
        img {
          width: 32px;
          padding-right: 12px;
          float: left;
        }
      }
    }
    .contact_form {
      width: 38%;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: space-between;
      input,
      textarea {
        width: 100%;
        padding: 8px 12px;
        outline: none;
        font-family: emoji;
      }
      .phone,
      .email {
        width: 40%;
      }
      button {
        padding: 8px 20px;
        color: #fff;
        background-color: #21be98;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        font-size: 16px;
        &:hover {
          opacity: 0.8;
        }
      }
    }
  }
}

.contact_con {
  padding: 0 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .contact_left {
    width: 36%;
    .contact_tit {
      font-size: 64px;
      font-weight: 600;
    }
    .contact_subTit {
      /* color: #21BE98; */
      font-size: 16px;
      font-weight: 400;
    }
    .contact_list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      ul {
        width: 100%;
        padding: 32px 0;
        li {
          height: 32px;
          line-height: 32px;
          padding: 16px 0;
          img {
            width: 32px;
            padding-right: 12px;
            float: left;
          }
        }
      }
    }
  }
  .contact_right {
    width: 40%;
    padding: 32px;
    background-color: #fff;
    border-radius: 8px;
    color: #000000;
    .contact_form {
      padding-top: 32px;
      /* width: 38%; */
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: space-between;
      .label_input_item {
        width: 94%;
      }
      .w50 {
        width: 42%;
      }
      label {
        font-size: 12px;
      }
      input,
      textarea {
        width: 100%;
        padding: 6px 12px;
        outline: none;
        font-family: emoji;
      }
      .phone,
      .email {
        width: 40%;
      }
      button {
        padding: 8px 20px;
        color: #fff;
        background-color: #21be98;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        font-size: 16px;
        &:hover {
          opacity: 0.8;
        }
      }
    }
  }
}