body {
  line-height: 1.5;
}
.cont {
  width: 100%;
  overflow: hidden;
  padding-top: 80px;
  background: linear-gradient(to bottom, #fff, #f7f8f9);
}
.cont svg {
  margin: 0!important;
}
.cont .tel {
  background: url(../img/complaint_1.jpg);
  background-size: cover;
  position: relative;
  height: 215px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cont .tel .item {
  display: flex;
  align-items: center;
}
.cont .tel .item .img {
  width: 92px;
}
.cont .tel .item .txt {
  margin-left: 28px;
}
.cont .tel .item .txt p {
  color: #fff;
  display: block;
}
.cont .tel .item .txt span {
  color: #fff;
  display: block;
  font-family: Arial;
  line-height: 1;
}
.cont .btm_from {
  position: relative;
  width: 100%;
}
.cont .btm_from::after {
  content: "";
  display: table;
  clear: both;
}
.cont .form_box {
  margin-top: 80px;
  width: 100%;
}
.cont .form_box form {
  width: 49%;
}
.cont .form_box form p {
  color: #434b5a;
  width: 107px;
  line-height: 58px;
}
.cont .form_box form p i {
  color: #ce2c1e;
}
.cont .form_box form .input-group {
  margin-bottom: 27px;
  position: relative;
}
.cont .form_box form .input-group input {
  width: calc(100% - 107px);
  line-height: 58px;
  height: 58px;
  padding: 0 15px;
  border: 1px solid #d3d3d3;
  background: #f7f8f9;
}
.cont .form_box form .input-group textarea {
  width: calc(100% - 107px);
  padding: 0 15px;
  border: 1px solid #d3d3d3;
  background: #f7f8f9;
  resize: none;
  line-height: 40px;
}
.cont .form_box form .input-group em {
  position: absolute;
  bottom: -22px;
  left: 107px;
  color: red;
  font-size: 14px;
  font-style: initial;
}
.cont .form_box form .submit {
  margin-left: 107px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/index_ic2.png);
  background-size: cover;
  width: 201px;
  height: 59px;
  color: #b19768;
  margin-bottom: 50px;
  cursor: pointer;
}
.cont .form_box form .submit img {
  width: 20px;
  margin-right: 10px;
}
.cont .bg {
  position: absolute;
  bottom: 0%;
  right: 0;
  width: 49%;
  overflow: hidden;
}
.pp {
  animation: p2fd 0.4s linear 0.1s 1 forwards;
  transform: scale(0);
}
.pp {
  animation: hand2 1s linear 0s infinite;
  transform: scale(0);
}
@keyframes t1 {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 125% */
@media screen and (max-width: 1440px) {
  .cont .form_box form p,
  .cont .form_box form .input-group input {
    line-height: 45px;
    height: 45px;
  }
  .cont .form_box form .input-group {
    margin-bottom: 23px;
  }
  .cont .bg img {
    width: 115%;
  }
  .cont .tel {
    height: 190px;
  }
}
@media screen and (max-width: 1366px) {
  .cont .bg img {
    width: 125%;
  }
  .cont .tel .item .img {
    width: 76px;
  }
}
/* 150 */
@media screen and (max-width: 998px) {
  .cont {
    padding-top: 50px;
  }
  .cont .form_box form {
    width: 100%;
  }
  .cont .bg {
    position: static;
    width: 100%;
  }
  .cont .bg img {
    width: 100%;
  }
  .cont .tel .item .img {
    width: 50px;
  }
  .cont .tel {
    height: 120px;
  }
  .cont .form_box {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .cont .tel {
    height: 100px;
  }
  .cont {
    padding-top: 30px;
  }
  .cont .form_box form .input-group input {
    width: 100%;
  }
  .cont .form_box form .input-group textarea {
    width: 100%;
  }
  .cont .form_box form .input-group em {
    left: 0;
  }
  .cont .form_box form p {
    height: auto;
    line-height: 1.5;
  }
  .cont .form_box form .submit {
    margin: 0 auto 30px;
  }
}
/*# sourceMappingURL=./complaint.css.map */