@charset "UTF-8";

/* 手机版样式 */
.m-contact {
  width: 100%;
}

.m-contactUs {
  padding: 0;
}

.m-contactUs-main {
  width: 580px;
}

.form-wrap {
  height: 50px;
  margin-bottom: 20px;
}
.m-inputCon:first-child {
  margin-right: 10px;
}
.m-inputCon {
  height: 50px;
  width: 285px;
}
.m-inputCon .contactName,
.m-inputCon .emailAddress {
  padding: 0 12px;
  width: 261px;
  display: block;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  border: none;
  background: #eaeaea;
  border-radius: 6px;
  color: #717171;
}
.form-wrap02 {
  height: 140px;
}

.m-form-wrap > .Message {
  width: 556px;
  font-size: 18px;
  background: #eaeaea;
  border: none;
  border-radius: 6px;
  color: #717171;
  line-height: 36px;
  height: 100%;
  padding: 0 12px;
}
.m-contactUs-main .submit {
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  width: 104px;
  display: block;
  border: 2px solid #6e96e1;
  border-radius: 4px;
  color: #6e96e1;
  background: none;
  float: right;
}

.tipPop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.78);
  z-index: 101;
  display: none;
}
.tipPop {
  width: 300px;
  height: 88px;
  position: absolute;
  z-index: 102;
  background: #fff;
  padding: 16px;
  border-radius: 10px;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -166px;
}
.tipPop > span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  height: 48px;
  line-height: 24px;
}
.m-contactUs-main .sureBtn {
  font-size: 16px;
  width: 76px;
  height: 30px;
  line-height: 30px;
  float: right;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #f6f6f6;
  text-align: center;
}
.m-moreInfo,
.m-about-hlGames {
  width: 580px;
}

.m-contactUs-main > .contact-title,
.m-about-hlGames > .contact-title,
.m-moreInfo > .contact-title {
  font-size: 28px;
  line-height: 60px;
}

.m-contact .contact-wrap {
  padding: 110px 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #717171;
  font-size: 18px;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #717171;
  font-size: 18px;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #717171;
  font-size: 18px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #717171;
  font-size: 18px;
}

.m-contactUs-main .nameTip,
.m-contactUs-main .emailTip,
.m-contactUs-main .messageTip {
  font-size: 16px;
}

.m-moreInfo .more-content,
.m-moreInfo > p,
.m-about-hlGames > .about-content {
  font-size: 16px;
  line-height: 32px;
}

.m-about-hlGames {
  margin-top: 36px;
}