@charset "UTF-8";
/**!
 * 留言板
 * date: 2022-06-27
 * author: lyaohui;
 */
.main-top {
  background-image: url("../images/message.png");
}

.message-content {
  position: relative;
  padding: 50px 335px 0;
  height: 480px;
}

.message-content > div {
  position: relative;
}

.message-content .message-tip {
  position: absolute;
}

.message-name {
  width: 72px;
  height: 34px;
  line-height: 34px;
  text-align: right;
  font-size: 14px;
  color: #333;
}

.message-name.require {
  position: relative;
}

.message-name.require:after {
  content: '*';
  position: absolute;
  top: 0;
  right: -5px;
  width: 7px;
  line-height: 40px;
  text-align: center;
  color: #f00;
}

.message-input::-webkit-input-placeholder, .message-textarea::-webkit-input-placeholder, .message-input2::-webkit-input-placeholder {
  color: #999;
}

.message-input::-moz-placeholder, .message-textarea::-moz-placeholder, .message-input2::-moz-placeholder {
  color: #999;
}

.message-input:-moz-placeholder, .message-textarea:-moz-placeholder, .message-input2:-moz-placeholder {
  color: #999;
}

.message-input:-ms-input-placeholder, .message-textarea:-ms-input-placeholder, .message-input2:-ms-input-placeholder {
  color: #999;
}

.message-input {
  border: 1px solid #e6e6e6;
  padding: 0 59px 0 11px;
  width: 528px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #333;
}

.message-input-num {
  position: absolute;
  top: 1px;
  right: 11px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #999;
}

.message-textarea {
  border: 1px solid #e6e6e6;
  padding: 2.5px 11px;
  width: 576px;
  height: 130px;
  line-height: 26px;
  font-size: 14px;
  color: #333;
  resize: none;
  overflow: hidden;
}

.message-textarea-num {
  position: absolute;
  bottom: 0.5px;
  right: 11px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #999;
}

.message-input2 {
  margin-left: 16px;
  border: 1px solid #e6e6e6;
  padding: 0 11px;
  width: 256px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #333;
}

.message-submit {
  margin: 20px 0 0 88px;
  border-radius: 2px;
  width: 90px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  letter-spacing: 4px;
  text-indent: 4px;
  background: #0eb0c9;
  cursor: pointer;
}

.message-submit:hover {
  background: #08a0b8;
}

.message-tip {
  display: none;
  bottom: 21px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 21px;
  width: 280px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #33a260;
}

.mt15 {
  margin-top: 15px;
}