.content {
  padding-bottom: 0.12rem;
}

@media only screen and (min-width: 768px) {
  .contact-list {
    --gap: 0.2rem;
    --item-margin-bottom: 0;
  }
}

.contact-list-item {
  height: 100%;
}

.contact-list-item .meta {
  box-sizing: border-box;
  height: 100%;
  border-radius: 0.08rem;
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 1);
  padding: var(--padding24);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contact-list-item .title {
  color: rgba(50, 50, 50, 1);
  font-size: var(--font26);
  font-weight: 700;
  margin-bottom: 0.04rem;
}

.contact-list-item .desc {
  color: rgba(68, 68, 68, 1);
  font-size: var(--font20);
  text-align: center;
}

.contact-list-item .icon {
  transition: all 0.6s;
  margin-bottom: 0.04rem;
  height: var(--icon60);
}

.contact-list-item .icon img {
  max-height: 100%;
}

.contact-list-item:hover .icon {
  transform: rotateY(360deg);
}

@media screen and (max-width: 767px) {
  .contact-list-item .meta {
    padding: 28px 24px;
  }

  .contact-list-item .title {
    margin-bottom: 4px;
  }

  .contact-list-item .icon {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 768px) {
  .access-list {
    --gap: 0.2rem;
    --item-margin-bottom: 0;
  }
}

.access-list-item {
  position: relative;
  height: 100%;
}

.access-list-item .meta {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: var(--padding68) var(--padding48) var(--padding44) var(--padding68);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.access-list-item .title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font30);
  margin-bottom: 0.16rem;
}

.access-list-item .desc {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
}

.access-list-item .more {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  display: flex;
  align-items: center;
  gap: 0.06rem;
}

.access-list-item .more svg {
  width: var(--icon24);
}

.access-list-item .pic,
.access-list-item .pic img {
  border-radius: 0.08rem;
}

.access-list-item:hover .upimg {
  transform: scale(1.1);
}

@media screen and (max-width: 767px) {
  .access-list-item .meta {
    padding: 28px 24px;
  }

  .access-list-item .title {
    margin-bottom: 4px;
  }
}

.map img {
  width: 100%;
}