.poster-first.data-v-0de5befa {
  overscroll-behavior: contain;
}
.poster-pop.data-v-0de5befa {
  width: 450rpx;
  height: 800rpx;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 99;
  top: 50%;
  margin-top: -460rpx;
}
.poster-pop .canvas.data-v-0de5befa {
  background-color: #ffffff;
  height: 800rpx;
}
.poster-pop .poster-image.data-v-0de5befa {
  width: 100%;
  height: auto;
}
.poster-pop .canvas .image.data-v-0de5befa {
  width: 450rpx;
  height: 450rpx;
  display: block;
}
.poster-pop .canvas .text.data-v-0de5befa {
  text-align: center;
  color: #000000;
  margin-top: 32rpx;
}
.poster-pop .canvas .text.black.data-v-0de5befa {
  height: 68rpx;
}
.poster-pop .canvas .text.rad.data-v-0de5befa {
  color: #ff0000;
}
.poster-pop .canvas .code.data-v-0de5befa {
  height: 140rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.poster-pop .canvas .code .code-img.data-v-0de5befa {
  width: 33%;
  padding: 6rpx;
}
.poster-pop .canvas .code .code-img image.data-v-0de5befa {
  width: 100%;
}
.poster-pop .canvas .code .code-text.data-v-0de5befa {
  width: 60%;
  font-size: 12rpx;
  line-height: 164rpx;
}
.poster-pop .close.data-v-0de5befa {
  width: 46rpx;
  height: 75rpx;
  position: fixed;
  right: 0;
  top: -73rpx;
  display: block;
}
.poster-pop .save-poster.data-v-0de5befa {
  background-color: #df2d0a;
  font-size: 22rpx;
  color: #fff;
  text-align: center;
  height: 76rpx;
  line-height: 76rpx;
  width: 100%;
  margin-top: -10rpx;
  border-radius: 0 0 10rpx 10rpx;
}
.poster-pop .keep.data-v-0de5befa {
  color: #fff;
  text-align: center;
  font-size: 25rpx;
  margin-top: 10rpx;
}
.mask.data-v-0de5befa {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9;
}