.contact-wrap {
  padding: 107px 0;
  position: relative;
}
.contact-wrap .triangle-right {
  width: var(--triangle-right);
  right: 0;
  bottom: -1px;
  position: absolute;
}
.contact-wrap .page-content {
  max-width: var(--page-width);
  padding: 0 var(--page-padding);
  margin: auto;
}
.contact-wrap .page-content .contact-tip {
  color: #707070;
  font-size: 24px;
}
.contact-wrap .page-content .contact-form {
  font-size: 24px;
}
.contact-wrap .page-content .contact-form .form-group {
  margin-top: 54px;
  margin-bottom: 0;
}
.contact-wrap .page-content .contact-form .form-group label {
  color: #662d91;
  margin-bottom: 15px;
  font-weight: bold;
}
.contact-wrap .page-content .contact-form .form-group input, .contact-wrap .page-content .contact-form .form-group textarea {
  color: #707070 !important;
}
.contact-wrap .page-content .contact-form .form-group input::placeholder, .contact-wrap .page-content .contact-form .form-group textarea::placeholder {
  color: #707070 !important;
}
.contact-wrap .page-content .contact-form .form-group .form-control {
  border: none;
  background: #f8f8f8;
  border-radius: 18px;
  padding: 38px;
  font-size: 18px;
}
.contact-wrap .page-content .contact-form .form-group .form-control.authCode-input {
  width: 272px;
  display: inline-block;
}
.contact-wrap .page-content .contact-form .form-group .form-control:focus {
  box-shadow: inset 0 0 0 2px #662d91;
}
.contact-wrap .page-content .contact-form .form-group .authCode-img-box {
  margin-left: 24px;
  display: inline-block;
  padding: 6px 22px;
  height: 76px;
  border: 2px solid #dddddd;
  border-radius: 18px;
}
.contact-wrap .page-content .contact-form .form-group .authCode-img-box img {
  cursor: pointer;
  height: 100%;
}
.contact-wrap .page-content .contact-form .form-group .multiLineText-box {
  border-radius: 18px;
}
.contact-wrap .page-content .contact-form .form-group .multiLineText-box .multiLineText {
  width: 100%;
  border-radius: 18px;
  background: #f8f8f8;
  padding: 38px;
  font-size: 18px;
  outline: none;
  border: none;
  overflow: hidden;
}
.contact-wrap .page-content .contact-form .form-group .multiLineText-box .multiLineText:focus {
  box-shadow: inset 0 0 0 2px #662d91;
}
.contact-wrap .page-content .contact-form .form-group .word-count {
  text-align: right;
  color: #707070;
  font-size: 18px;
  margin-top: 18px;
}
.contact-wrap .page-content .contact-form .form-btn {
  margin-top: 66px;
  font-size: 24px;
  color: #fff;
  border: none;
  padding: 12px 48px;
  border-radius: 36px;
  display: flex;
  align-items: center;
  background: -webkit-linear-gradient(90deg, #a079d8, #482289); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(90deg, #a079d8, #482289); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.contact-wrap .page-content .contact-form .form-btn .loading {
  width: 14px;
  height: 14px;
  margin-left: 4px;
  display: none;
}

@media (max-width: 1200px) {
  .contact-wrap {
    padding: 40px 0 68px;
  }
  .contact-wrap .triangle-right {
    width: var(--triangle-right-m);
  }
  .contact-wrap .page-content .contact-tip {
    font-size: 16px;
  }
  .contact-wrap .page-content .contact-tip * {
    font-size: 16px !important;
  }
  .contact-wrap .page-content .contact-form {
    font-size: 16px;
  }
  .contact-wrap .page-content .contact-form .form-group {
    margin-top: 22px;
  }
  .contact-wrap .page-content .contact-form .form-group label {
    margin-bottom: 13px;
  }
  .contact-wrap .page-content .contact-form .form-group .form-control {
    border-radius: 15px;
    font-size: 15px;
    padding: 26px 30px;
  }
  .contact-wrap .page-content .contact-form .form-group .multiLineText-box {
    border-radius: 15px;
  }
  .contact-wrap .page-content .contact-form .form-group .multiLineText-box .multiLineText {
    font-size: 15px;
    padding: 31px 30px;
  }
  .contact-wrap .page-content .contact-form .form-group .word-count {
    font-size: 11px;
    margin-top: 0;
  }
  .contact-wrap .page-content .contact-form .form-group .form-control.authCode-input {
    width: 166px;
    padding: 26px 23px;
  }
  .contact-wrap .page-content .contact-form .form-group .authCode-img-box {
    height: 52px;
    margin-left: 16px;
    border-radius: 15px;
  }
  .contact-wrap .page-content .contact-form .form-btn {
    font-size: 16px;
    padding: 8px 32px;
    margin-top: 26px;
  }
}