body {
  height: 100%;
}
.message-content {
  position: relative;
  overflow: hidden;
  background: url('../images/message-bg.png');
  background-size: 100% 100%;
  /* min-height: 1180px; */
}
.message-form {
  position: absolute;
  /* top: 157px; */
  margin: 67px 0px 0px 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 556px;
  /* height: 784px; */
  background: #FFFFFF;
  border-radius: 8px;
}
.message-form .form-head {
  width: 556px;
  height: 110px;
  background: #F3F6F9;
  border-radius: 8px 8px 0px 0px;
}
.message-form .form-head span {
  display: inline-block;
}
.message-form .form-head .one {
  font-size: 28px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #0356C7;
  line-height: 26px;
  margin: 23px 219px 0px;
}
.message-form .form-head .two {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #666666;
  line-height: 26px;
  margin: 16px 97px 23px 87px;
}
.form-container .input {
  margin-top: 28px;
  margin-left: 60px;
}
.form-container .input:first-child {
  margin-top: 24px;
}
.form-container .input input,
.form-container .input select,
.form-container .input textarea{
  margin-left: 17px;
  width: 330px;
  height: 40px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  font-size: 14px;
  /* font-family: Microsoft YaHei; */
  font-weight: 300;
  color:#BBBBBB;;
  padding-left: 15px;
}
.form-container .input select{
  padding-left: 11px;
  /* font-family: Microsoft YaHei; */
  /* color:#696969 */
}
.form-container .input textarea {
  line-height: 26px;
  height: 80px;
}
.label-textarea {
  vertical-align: top;
}
.label {
  display: inline-block;
  width: 69px;
  text-align: right;
  font-size: 14px;
  font-family: Microsoft YaHei;
  /* font-weight: 300; */
  color: #1A3E5E;
  line-height: 26px;
}
.label .required {
  padding: 4px 4px 4px 0;
  font-size: 14px;
  color: #FF5A5A;
  /* vertical-align: middle;
  position: relative;
  top: 2px; */
}
#authCode {
  width: 200px;
  margin-right: 6px;
}
.authCode-img {
  width: 120px;
  height: 40px;
}
.cursor {
  cursor: pointer;
  margin-left: 150px;
  margin-top: 17px;
  margin-right: 77px;
}
.cursor .agree-message {
  display: block;
  font-size: 12px;
  /* font-family: Microsoft YaHei; */
  font-weight: 300;
  color: #BBBBBB;
  line-height: 16px;
  width: 305px;
  float: right;
}
.checkbox-btn {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #999999;
  position: relative;
  box-sizing: content-box;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 2px;
}
.checkbox-btn.current {
  background-image: url('../images/icon.png');
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
.submit-btn-unable {
  background: #cccccc;
}
.submit-btn-able {
  background: #0356C7;
  box-shadow: 0px 0px 12px 3px rgba(3,86,199,0.25);
}
.submit-btn {
  text-align: center;
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 52px;
  width: 330px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  /* line-height: 16px; */
}
.formtips {
  display: inline-block;
  color: red;
  margin-left: 92px;
  font-size: 13px;
  margin-top: 2px;
}
.submit-success,
.submit-defeat {
  position: relative;
  /* min-height: 1180px; */
}
.submit-success .success-img,
.submit-defeat .defeat-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 189px;
}
.submit-success .success-msg,
.submit-defeat .defeat-msg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 420px;
}
.success-msg span ,
.defeat-msg span {
  display: inline-block;
  text-align: center;
  font-size: 32px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #333333;
  line-height: 42px;
}
.submit-defeat .defeat-reason {
  display: block;
  margin-top: 28px;
  font-size: 20px;
  color: #666666;
  line-height: 26px;
}