.app .ad__left,
.app .ad__right {
  position: fixed;
  top: 50%;
  display: none;
}

.app .ad__left.show,
.app .ad__right.show {
  display: block;
}

.app .ad__title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.18rem;
  height: 0.32rem;
  font-size: 0.21rem;
  color: #fff;
  background: linear-gradient(165deg,#128592 0%, #2ce390 100%);
  border-radius: 15px;
  white-space: nowrap;
}

.app .ad__left {
  left: 0;
  width: 2.05rem;
  height: 2.07rem;
}

.app .ad__left .left__qrcode {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: image-set("../images/qrcode.png" 1x, "../images/qrcode@2x.png" 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.app .ad__left .ad__title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.app .ad__right {
  right: 0;
  width: 2.05rem;
  height: 2.34rem;
}

.app .ad__right .right__link {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: image-set("../images/more.png" 1x, "../images/more@2x.png" 2x);
  background-repeat: no-repeat;
  background-size: cover;
}