body {
  background-color: #fbfbfb;
  background-image: url(../images/charge/BeautifyForm.jpg);
  background-position: center top;
}
.moduleTop {
  margin-bottom: 0;
  background: #f7f7f7;
}
.moduleTop .container {
  border-bottom: none;
}
.AfterSale {
  padding-top: 40px;
  text-align: center;
}
.AfterSale .box {
  border-radius: 100px;
  background: #f0f0f0;
}
.AfterSale a {
  float: left;
  padding: 14px 35px 10px;
  border-radius: 100px;
  font-size: 16px;
  color: #6f6f6f;
}
.AfterSale a.repairs {
  margin: 0 50px;
}
.AfterSale a i {
  float: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;
}
.AfterSale .charge i {
  background-position: -540px 0;
}
.AfterSale .repairs i {
  background-position: -600px 0;
}
.AfterSale .book i {
  background-position: -660px 0;
}
.AfterSale a.cur {
  background: #c54039;
  color: #fff;
}
.AfterSale .charge.cur i {
  background-position: -540px -60px;
}
.AfterSale .repairs.cur i {
  background-position: -600px -60px;
}
.AfterSale .book.cur i {
  background-position: -660px -60px;
}
.BeautifyForm {
  margin-top: 52px;
  margin-bottom: 120px;
  background: #fff;
  box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.35);
}
.BeautifyForm .stepBd {
  position: relative;
  width: 1060px;
  margin: 0 auto 65px;
}
.BeautifyForm .stepBd .itemOk {
  display: none;
  background: #fff;
  text-align: center;
  font-size: 20px;
  color: #333;
}
.BeautifyForm .stepBd .itemOk i {
  width: 90px;
  height: 90px;
  margin-bottom: 5px;
}
.BeautifyForm .stepBd .itemOk.ok i {
  background-position: -540px -120px;
}
.BeautifyForm .stepBd .itemOk.error i {
  background-position: -630px -120px;
}
.BeautifyForm .ht {
  padding: 30px 0 45px;
  line-height: 56px;
  font-size: 18px;
  color: #3e3a39;
}
.BeautifyForm .ht em {
  float: left;
  border-bottom: 2px solid #c4261d;
}
.BeautifyForm .ht span {
  font-size: 12px;
  color: #a5a4a4;
}
.BeautifyForm .form {
}
.BeautifyForm .table {
  margin-bottom: 35px;
  line-height: 40px;
  font-size: 16px;
  color: #6a6969;
}
.BeautifyForm .table .left {
  position: relative;
  width: 150px;
  height: 40px;
  margin-right: 50px;
  text-align: left;
  text-indent: 15px;
  font-size: 16px;
  color: #6a6969;
}
.BeautifyForm .table .left span {
  position: absolute;
  left: 0;
  padding-right: 5px;
  text-indent: 0;
  color: #c4261d;
}
.BeautifyForm .table .right .input-text {
  width: 252px !important;
  height: 38px;
  background: none;
  line-height: 38px;
  font-size: 16px;
  color: #666;
}
.BeautifyForm .table .right input[type="radio"] {
  cursor: pointer;
}
.BeautifyForm .table .right select {
  width: 252px !important;
}
.BeautifyForm .table .right textarea.input-text {
  width: 678px !important;
  height: 150px !important;
  resize: none;
}
.BeautifyForm .table .right textarea.notxt {
  line-height: 150px;
  text-align: center;
  font-size: 14px;
}
.BeautifyForm .table .right textarea.notxt::-webkit-input-placeholder {
  color: #dedcdc;
}
.BeautifyForm .table .right .clue_on {
  display: none;
}
.BeautifyForm .table.cls_setptips {
  margin-top: -25px;
  font-size: 12px;
  color: #a5a4a4;
}
.BeautifyForm .table.cls_button {
  text-align: center;
}
.BeautifyForm .table.cls_button .right .button {
  display: block;
  width: 220px;
  margin: 20px auto 20px;
}
.BeautifyForm .table.cls_button .tel {
  line-height: 30px;
}
.BeautifyForm .table.cls_button .tel i {
  background-position: -360px -30px;
}
.ColForm .table {
  clear: none;
  float: left;
  width: 50%;
  margin-bottom: 25px;
}
.ColForm .table.cls_content,
.ColForm .table.cls_setptips,
.ColForm .table.cls_button {
  width: 100%;
}
.ColForm .table .right textarea.input-text {
  width: 782px !important;
}