.contact {
  position: relative;
  overflow: hidden;
  padding: 148rem 0 132rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f9f4f2;
}

.contact-bg {
  position: absolute;
  z-index: 1;
  width: 2133rem;
  height: 741rem;
  top: 0;
  left: -107rem;
}

.contact-title {
  position: relative;
  z-index: 2;
  font-family: Alibaba PuHuiTi 3;
  font-size: 54rem;
  line-height: 76rem;
  font-weight: 500;
  letter-spacing: 0.04rem;
  color: #23272a;
}

.contact-widget-01 {
  position: absolute;
  left: -330rem;
  top: -12rem;
  width: 40rem;
  height: 51rem;
}

.contact-widget-02 {
  position: absolute;
  left: -42rem;
  top: -34rem;
  width: 37rem;
  height: 39rem;
  transform: rotate(-101.94deg);
}

.contact-widget-03 {
  position: absolute;
  right: -85rem;
  top: -56rem;
  width: 88.5rem;
  height: 64.21rem;
  transform: rotate(-9.38deg);
}

.contact-title-shadow {
  position: absolute;
  left: 50%;
  bottom: -30rem;
  width: max-content;
  transform: translateX(-50%);
  font-family: Inter;
  font-size: 48rem;
  font-weight: bold;
  text-transform: capitalize;
  letter-spacing: 0.1em;
  color: rgba(35, 39, 42, 0.08);
}

.contact-items {
  margin-top: 55rem;
  display: flex;
}

.contact-item {
  position: relative;
  z-index: 2;
  margin-right: 125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.contact-item:last-child {
  margin-right: 0rem;
}

.contact-item-icon {
  width: 48rem;
  height: 48rem;
}

.contact-item-text {
  margin-top: 4rem;
  font-family: Inter;
  font-size: 18rem;
  font-weight: 500;
  line-height: 21.06rem;
  letter-spacing: 0rem;
  color: #8c9299;
}

.contact-item-qcode {
  position: absolute;
  bottom: 65rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  width: 215rem;
  height: 215rem;
  border-radius: 8rem;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out 0.1s;
}

.contact-item:hover .contact-item-qcode {
  bottom: 85rem;
  opacity: 1;
}