.footer .lianjie{
  position: relative;
}
.footer .lianjie > a:first-child{
  position: relative;
}
.footer .lianjie > a:first-child .wx-code{
  display: none;
  background-color: #fff;
  position: absolute;
  top: -58px;
  left: 100%;
  width: 300px;
  height: 300px;
  border-radius: 2px;
  box-shadow: 0 0 49px 0 rgba(0, 0, 0, .2);
  transition: all .3s ease-out 0s;
}
.footer .lianjie .wx-code.hide-code{
  display: none;
}
.footer .lianjie .wx-code .code-arrow{
  width: 60px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: 77px;
  transform: translateY(-50%);
  left: -31px;
}

.footer .lianjie .wx-code .wx-code-img{
  width: 100%;
  height: 100%;
}