/*PC端*/
/*M端*/
.main {
  padding-top: calc(0.8rem + 1.45rem);
  height: calc(0.8rem + 8.18rem);
  background-color: #f7f7f7;
  background: #f7f7f7 url(../image/contact-us/bg.jpg?v=1564ad08ed) no-repeat;
  background-size: 100% 8.18rem;
  background-position: 0 0.8rem;
}
.contact-item {
  display: flex;
  padding-left: 2.28rem;
  align-items: center;
}
.contact-item > div {
  width: 4.15rem;
  flex: 0 0 auto;
  font-family: "rocgrotesk-medium";
}
.contact-item p {
  font-family: "Nexa";
}
.contact-item.us {
  align-items: flex-start;
}
.contact-item.us div {
  font-size: 0.45rem;
}
.contact-item.us p {
  margin-top: 0.08rem;
  font-size: 0.28rem;
}
.contact-item.service {
  margin: 1.2rem 0 1rem;
}
.contact-item.service div {
  font-size: 0.35rem;
  color: #e0382b;
  line-height: 0.42rem;
}
.contact-item.service p a {
  font-size: 0.24rem;
  color: #000;
}
.contact-item.time div {
  font-size: 0.35rem;
  color: #e0382b;
  line-height: 0.42rem;
}
.contact-item.time p {
  font-size: 0.24rem;
}
@media (max-width: 750px) {
  .main {
    padding-top: calc(1rem + 2.15rem);
    height: calc(1rem + 11.74rem);
    background-color: #f7f7f7;
    background: #f7f7f7 url(../image/contact-us/bg-m.jpg?v=53e8eae5a1) no-repeat;
    background-size: 100% 11.74rem;
    background-position: 0 1rem;
  }
  .contact-item {
    padding-left: 0.36rem;
    display: block;
  }
  .contact-item.us p {
    font-size: 0.26rem;
  }
  .contact-item.service {
    margin: 1.5rem 0 1.5rem;
  }
}