.footer-social-list .footer-social-wechat {
  position: relative;
}

.footer-social-list .footer-wechat-mark,
.footer-social-list a:hover .footer-wechat-mark,
.footer-social-list a:focus-visible .footer-wechat-mark {
  font-size: 0;
  background: transparent url("../home-cn-exact-v80/footer/social-wechat.svg") center / contain no-repeat;
  border-radius: 0;
}

.footer-social-list > a:not(.footer-social-item):first-child {
  position: relative;
}

.footer-social-list > a:not(.footer-social-item):first-child::before {
  width: 148px;
  height: 148px;
  content: "";
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  background: #fff url("../home-cn-exact-v80/footer/wechat-qr.jpg") center / 132px 132px no-repeat;
  border: 1px solid #e1e3e7;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(20, 24, 32, 0.16);
  position: absolute;
  z-index: 20;
  left: 50%;
  bottom: calc(100% + 16px);
  transform: translate(-50%, 8px) scale(0.96);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
}

.footer-social-list > a:not(.footer-social-item):first-child:hover::before,
.footer-social-list > a:not(.footer-social-item):first-child:focus-visible::before {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  transition-delay: 0s;
}

.footer-social-list .footer-social-qr {
  width: 164px;
  height: 164px;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border: 1px solid #e1e3e7;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(20, 24, 32, 0.16);
  place-items: center;
  padding: 8px;
  display: grid;
  position: absolute;
  z-index: 20;
  left: 50%;
  bottom: calc(100% + 16px);
  transform: translate(-50%, 8px) scale(0.96);
  transform-origin: 50% 100%;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
}

.footer-social-list .footer-social-qr::after {
  width: 12px;
  height: 12px;
  content: "";
  background: #fff;
  border-right: 1px solid #e1e3e7;
  border-bottom: 1px solid #e1e3e7;
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%) rotate(45deg);
}

.footer-social-list .footer-social-qr img {
  width: 148px;
  height: 148px;
  max-width: none;
  object-fit: contain;
  filter: none;
  opacity: 1;
  display: block;
}

.footer-social-list .footer-social-wechat:hover .footer-social-qr,
.footer-social-list .footer-social-wechat:focus .footer-social-qr,
.footer-social-list .footer-social-wechat:focus-visible .footer-social-qr {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  transition-delay: 0s;
}

@media (max-width: 700px) {
  .footer-social-list .footer-social-qr {
    width: 148px;
    height: 148px;
  }

  .footer-social-list .footer-social-qr img {
    width: 132px;
    height: 132px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer-social-list .footer-social-qr,
  .footer-social-list > a:not(.footer-social-item):first-child::before {
    transition: none;
  }
}