@charset "UTF-8";
/**
* 网上咨询 
* date:2025-9-23
* author: qcn;
 */
.left-hd {
  background-image: url("../images/consult/left_hd_bg.jpg") !important;
}

.right {
  background: transparent !important;
}
.right > div {
  background: #fff;
}
.right-main {
  padding: 24px 100px 34px 80px;
}

.tips {
  padding: 16px;
  margin-bottom: 6px;
}
.tips-title {
  text-align: center;
}
.tips-title > span {
  position: relative;
  line-height: 36px;
  font-weight: bold;
  font-size: 24px;
  color: #333;
}
.tips-title > span::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 389px;
  height: 19px;
  background: url("../images/web_consult/title_b.png") no-repeat center;
  background-size: cover;
  left: -413px;
}
.tips-title > span::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 389px;
  height: 19px;
  background: url("../images/web_consult/title_a.png") no-repeat center;
  background-size: cover;
  right: -413px;
}
.tips-box p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.form-table {
  table-layout: fixed;
  width: 100%;
}
.form-table td {
  padding-bottom: 16px;
  position: relative;
}
.form-table td:nth-child(1) {
  text-align: right;
}
.form-table .td-name {
  font-size: 14px;
  color: #333;
  position: relative;
}
.form-table .td-name.required::before {
  content: "*";
  position: absolute;
  left: -9px;
  top: 0;
  font-size: 14px;
  color: #FF0B0B;
}
.form-table .td-input,
.form-table .td-textarea {
  width: 100%;
  height: 32px;
  padding: 0 12px;
  line-height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.form-table .td-input::-webkit-input-placeholder, .form-table .td-textarea::-webkit-input-placeholder {
  color: #999;
}
.form-table .td-input::-moz-placeholder, .form-table .td-textarea::-moz-placeholder {
  color: #999;
}
.form-table .td-input:-ms-input-placeholder, .form-table .td-textarea:-ms-input-placeholder {
  color: #999;
}
.form-table .td-input::-ms-input-placeholder, .form-table .td-textarea::-ms-input-placeholder {
  color: #999;
}
.form-table .td-input::placeholder,
.form-table .td-textarea::placeholder {
  color: #999;
}
.form-table .td-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-table .td-box .td-input {
  width: 147px;
  margin-right: 6px;
}
.form-table .td-box img {
  width: 95px;
  height: 34px;
}
.form-table .td-textarea {
  height: 178px;
  resize: none;
}
.form-table .td-code input {
  width: calc(100% - 81px) !important;
}
.form-table .td-code .btn {
  width: 77px;
  color: #fff;
  background: #2556D8;
}
.form-table .td-code .btn.disabled {
  background: #ccc;
  border-color: #ccc;
  cursor: not-allowed;
}
.form-table label.error {
  position: absolute;
  color: #FF0B0B;
  font-size: 12px;
  left: 12px;
  bottom: 1px;
}

.btn {
  width: 84px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  color: #2556D8;
  font-size: 13px;
  border-radius: 2px;
  border: 1px solid #2556D8;
}
.btn + .btn {
  margin-left: 10px;
}
.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 46px;
}
.btn.commit {
  color: #fff;
  background: #2556D8;
}