.myPopZx {
  text-align: center;
  font-size: 0.09375rem;
  color: #666;
  cursor: pointer;
}
.myPopWx {
  width: 1.109375rem;
  height: 1.182292rem;
  background-image: url(/_nuxt/img/qr.jpg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.pop {
  position: fixed;
  top: 45%;
  right: -0.026042rem;
  z-index: 333;
  border-radius: 10%;
  cursor: pointer;
  font-size: 0.083333rem;
}
.pop,
.pop .popTop {
  width: 0.447917rem;
  border: 0.005208rem solid transparent;
}
.pop .popTop {
  height: 0.479167rem;
  background-color: #fff;
  box-shadow: 0 0.010417rem 0.0625rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 10% 0 0 0;
  display: none;
}
.pop .popTop img {
  width: 0.1875rem;
  height: 0.1875rem;
  margin-top: 0.104167rem;
  margin-left: 0.114583rem;
}
.pop .popTop p {
  margin-top: 0.026042rem;
  text-align: center;
}
.pop .popCenter {
  width: 0.447917rem;
  height: 0.479167rem;
  background-color: #fff;
  box-shadow: 0 0.010417rem 0.0625rem 0 rgba(0, 0, 0, 0.2);
  border: 0.005208rem solid transparent;
  border-radius: 10% 0 0 0;
}
.pop .popCenter.active{
    border-radius: 10% 0 0 0;
}
.pop .popCenter img {
  width: 0.1875rem;
  height: 0.1875rem;
  margin-top: 0.104167rem;
  margin-left: 0.114583rem;
}
.pop .popCenter p {
  margin-top: 0.026042rem;
  text-align: center;
}
.pop .popTutor {
  width: 0.447917rem;
  height: 0.479167rem;
  background-color: #fff;
  box-shadow: 0 0.010417rem 0.0625rem 0 rgba(0, 0, 0, 0.2);
  border: 0.005208rem solid transparent;
  border-radius: 0 0 0 10%;
}
.pop .popTutor img {
  width: 0.1875rem;
  height: 0.1875rem;
  margin-top: 0.104167rem;
  margin-left: 0.114583rem;
}
.pop .popTutor p {
  margin-top: 0.026042rem;
  text-align: center;
}
.pop .active {
  box-shadow: 0;
  border-radius: 0;
}
.pop .popBot {
  width: 0.447917rem;
  height: 0.479167rem;
  background-color: #fff;
  box-shadow: 0 0.010417rem 0.0625rem 0 rgba(0, 0, 0, 0.2);
  border: 0.005208rem solid transparent;
  border-radius: 0 0 0 10%;
}
.pop .popBot i {
  font-size: 0.3125rem;
  margin-top: 0.078125rem;
  margin-left: 0.078125rem;
  color: rgba(0, 0, 0, 0.4);
}
.pop .code {
  width: 1.098958rem;
  height: 1.666667rem;
  position: fixed;
  top: 44%;
  right: 0.4375rem;
  box-shadow: 0;
  border-radius: 0;
  background: url(/_nuxt/img/pop.5e5478c.png) no-repeat;
  background-size: contain;
}
.pop .code img {
  margin-left: 0.052083rem;
  margin-top: 0.078125rem;
}
.pop .code h3,
.pop .code img {
  width: 0.9375rem;
  height: 0.9375rem;
}
.pop .code h3 {
  font-size: 0.0625rem;
  line-height: 0.114583rem;
  margin: 0.052083rem auto 0;
  color: #fff;
  display: none;
}
.pop .codeTutor {
  width: 1.098958rem;
  height: 1.5625rem;
  position: fixed;
  top: 53%;
  right: 0.4375rem;
  box-shadow: 0;
  border-radius: 0;
  background: url(/_nuxt/img/pop.5e5478c.png) no-repeat;
  background-size: contain;
}
.pop .codeTutor img {
  width: 0.9375rem;
  height: 0.9375rem;
  margin-left: 0.052083rem;
  margin-top: 0.078125rem;
}
.pop .codeTutor h3 {
  width: 0.9375rem;
  height: 0.9375rem;
  font-size: 0.0625rem;
  line-height: 0.114583rem;
  margin: 0.052083rem auto 0;
  color: #fff;
  display: none;
}