.r1 .mod {
  padding: 1rem 0 0.6rem;
}

.r2 .mod {
  padding: 1.2rem 0 1rem;
}

@media only screen and (max-width: 767px) {
  .r1 .mod,
  .r2 .mod {
    padding: 36px 0;
  }
}

.r1 .mod .mod-bd {
  position: relative;
}

.map-link {
  position: absolute;
  right: 0;
  top: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.16rem;
  text-decoration-line: underline;
  transition: all 0.3s;
}

.map-link:hover {
  color: var(--main-color);
}

.contact-list li {
  margin-bottom: 0.36rem;
  display: flex;
}

.contact-list .icon {
  width: 0.48rem;
  margin-right: 0.06rem;
}

.contact-list .icon img {
  width: 100%;
}

.contact-list .title {
  width: 2.46rem;
}

.contact-list .title .cn {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 1);
}

.contact-list .title .en {
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.5);
}

.contact-list .desc {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 1);
}

.contact-list .desc a {
  color: rgba(255, 255, 255, 1);
  transition: color 0.3s;
}

.contact-list .desc a:hover {
  text-decoration: underline;
}

.contact-list .label {
  color: #cecece;
}

.feedback-area .title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.24rem;
  margin-bottom: 0.48rem;
}

@media only screen and (max-width: 767px) {
  .map-link {
    font-size: 14px;
    top: -48px;
  }

  .contact-list li {
    margin-bottom: 28px;
  }

  .contact-list .icon {
    width: 40px;
    margin-right: 4px;
  }

  .contact-list .title {
    width: 180px;
  }

  .contact-list .title .cn {
    font-size: 14px;
  }

  .contact-list .title .en {
    font-size: 14px;
  }

  .contact-list .desc {
    width: 100%;
    font-size: 14px;
  }

  .feedback-area .title {
    font-size: 14px;
  }
}