.content {
  /* height: 788px; */
}

.content .title {
  width: 336px;
  height: 84px;
  overflow-wrap: break-word;
  color: rgba(33, 33, 33, 1);
  font-size: 60px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 84px;
  margin: 30px auto;
}

.content .info {
  width: 614px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(33, 33, 33, 1);
  font-size: 24px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 33px;
  margin: 10px auto;
}

.content .form {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 24px;
  min-height: 540px;
  border: 2px solid rgba(223, 223, 223, 1);
  width: 880px;
  margin: 40px auto;
  padding-top: 30px;
}

.content .box {
  width: 724px;
  min-height: 68px;
  margin: 10px 0 0 78px;
  align-items: flex-start;
}

.content .label {
  width: 110px;
  height: 37px;
  overflow-wrap: break-word;
  color: rgba(33, 33, 33, 1);
  font-size: 26px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 37px;
  margin-top: 16px;
}

.content .msg_label {
  width: 110px;
  height: 37px;
  overflow-wrap: break-word;
  color: rgba(33, 33, 33, 1);
  font-size: 26px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 37px;
  margin-top: 16px;
}

.content .input {
  box-shadow: 0px 1px 0px 0px rgba(219, 219, 219, 1);
  background-color: rgba(255, 255, 255, 1);
  outline: none;
  font-size: 26px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  width: 600px;
  height: 68px;
  line-height: 68px;
}

.content .auto-expand-textarea {
  box-shadow: 0px 1px 0px 0px rgba(219, 219, 219, 1);
  background-color: rgba(255, 255, 255, 1);
  outline: none;
  border: none;
  resize: none;
  overflow-y: hidden;
  width: 600px;
  min-height: 68px;
  font-size: 26px;
  font-family: PingFangSC-Regular;
  padding-top: 17px;
  font-weight: NaN;
  line-height: 34px;
}

.form-error{
  color: red;
  margin-top: 7px;
}

/* .content textarea {
  box-shadow: 0px 1px 0px 0px rgba(219, 219, 219, 1);
  background-color: rgba(255, 255, 255, 1);
  outline: none;
  width: 600px;
  padding: 12px 15px;
  border: none;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
  resize: none;
  transition: border-color 0.3s ease;
} */

.content .btn {
  color: rgba(255, 255, 255, 1);
  height: 68px;
  width: 200px;
  text-align: center;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 28px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 68px;
  /* padding: 14px 0 0 67px; */
  margin: 0px auto;
  margin-bottom: 30px;
  margin-top: 30px;
}


.content .btn-disabled {
  background-color: rgba(204, 4, 13, 1);
  opacity: 0.3;
}

.content .btn-active {
  background-color: rgba(204, 4, 13, 1);
  opacity: 1;
}

.text_11 {
  width: 67px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 28px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
  margin: 14px 0 0 67px;
}

.toast-container {
    /* position: fixed; */
    /* bottom: 20px; */
    text-align: center;
    /* width: 280px;
    height: 46px;
    background-color: rgba(0, 0, 0, 1); */
    opacity: 0.7;
    margin: 0px auto;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    z-index: 1000;
}

.toast {
  background-color: rgba(0, 0, 0, 1);
  color: white;
  padding: 12px 24px;
  border-radius: 4px;
  margin-top: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.toast.show {
  opacity: 1;
}