.pop-panel[data-v-5cf54857] {
  text-align: center;
  position: relative;
}
.pop-panel .img-panel-ct[data-v-5cf54857] {
  position: absolute;
  top: 32%;
  width: 100%;
  color: #333;
  margin-bottom: 5.33333vw;
}
.pop-panel .img-panel-ct .qr_ct[data-v-5cf54857] {
  margin-bottom: 4vw;
}
.pop-panel .img-panel-ct .item[data-v-5cf54857] {
  font-size: 3.73333vw;
  margin-bottom: 2.13333vw;
}
.pop-panel .img-panel-ct .save-btn[data-v-5cf54857] {
  width: 53.33333vw;
  height: 11.2vw;
  border-radius: 11.2vw;
  color: #000000;
  font-weight: bold;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.73333vw;
  background-size: 53.33333vw 11.2vw;
  margin: 3.2vw auto 0 auto;
}
.pop-panel .close-btn[data-v-5cf54857] {
  width: 11.2vw;
  border-radius: 11.2vw;
  color: #333;
  font-weight: bold;
  position: absolute;
  bottom: -12vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.73333vw;
}
.themeHW[data-v-5cf54857] {
  background-color: #212121;
  position: relative;
  width: 100%;
  height: 92vw;
  border-radius: 5.33333vw;
}
.themeHW .btn-bg[data-v-5cf54857] {
  background-size: 100% 100%;
  line-height: 11.73333vw;
  color: #242424;
  text-align: center;
  font-size: 4vw;
  border-radius: 5.86667vw;
  width: 51.2vw;
  height: 11.73333vw;
  background: #F6EAE3;
  margin: 3.2vw auto;
}
.themeHW .bg[data-v-5cf54857] {
  width: 100%;
  height: 100%;
  border-radius: 5.33333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.themeHW .bg .modal[data-v-5cf54857] {
  width: 26.13333vw;
  height: 23.46667vw;
  background-image: url(../../dist/img/popupTop.png);
  background-size: 100% 100%;
  position: absolute;
  top: 5.33333vw;
  right: 10.66667vw;
}
.themeHW .bg .content-bg[data-v-5cf54857] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 5.33333vw;
}
.themeHW .bg .content-bg .service[data-v-5cf54857] {
  font-size: 4.26667vw;
  color: #FFF;
  margin-top: 5.33333vw;
}
.themeHW .bg .content-bg .slot-warp[data-v-5cf54857] {
  color: #FFF5EF;
  width: calc(100% - 13.33333vw);
  background: #2F2F2F;
  text-align: center;
}
.themeHW .bg .content-bg .slot-warp .qr_ct[data-v-5cf54857] {
  margin-top: 5.33333vw;
}
.themeHW .bg .content-bg .slot-warp .item span[data-v-5cf54857] {
  color: #FFF5EF;
  line-height: 6.66667vw;
}
.themeHW .bg .title[data-v-5cf54857] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.33333vw;
  height: 100%;
  writing-mode: vertical-lr;
  font-size: 3.73333vw;
  color: #FFF5EF;
  background: #212121;
  letter-spacing: 2.66667vw;
  border-radius: 0 5.33333vw 5.33333vw 0;
}
.themeNMY[data-v-5cf54857] {
  position: relative;
  width: 100%;
  border-radius: 5.33333vw;
}
.themeNMY .btn-bg[data-v-5cf54857] {
  background-size: 100% 100%;
  line-height: 11.73333vw;
  color: #242424;
  text-align: center;
  font-size: 4vw;
  border-radius: 5.86667vw;
  width: 51.2vw;
  height: 11.73333vw;
  background: #F6EAE3;
  margin: 3.2vw auto;
}
.themeNMY .bg[data-v-5cf54857] {
  width: 100%;
  height: 100%;
  border-radius: 5.33333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.themeNMY .bg .bg-warp_1[data-v-5cf54857] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.themeNMY .bg .bg-warp_2[data-v-5cf54857] {
  width: 100%;
  border-radius: 0.8vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 32vw;
}
.themeNMY .bg .content-bg[data-v-5cf54857] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 9;
}
.themeNMY .bg .content-bg .service[data-v-5cf54857] {
  font-size: 4.26667vw;
  color: #000000;
  margin-top: 5.33333vw;
}
.themeNMY .bg .content-bg .slot-warp[data-v-5cf54857] {
  color: #000000;
  width: calc(100% - 13.33333vw);
  background: #ffffff;
  text-align: center;
}
.themeNMY .bg .content-bg .slot-warp .qr_ct[data-v-5cf54857] {
  margin-top: 5.33333vw;
}
.themeNMY .bg .content-bg .slot-warp .item span[data-v-5cf54857] {
  color: #000000;
  line-height: 6.66667vw;
}
.themeNMY .bg .title[data-v-5cf54857] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.33333vw;
  writing-mode: vertical-lr;
  font-size: 3.73333vw;
  color: #ffffff;
  letter-spacing: 2.66667vw;
  border-radius: 0 5.33333vw 5.33333vw 0;
}
.themeZN[data-v-5cf54857] {
  background-color: #F6EAE3;
  position: relative;
  width: 100%;
  height: 92vw;
  border-radius: 5.33333vw;
}
.themeZN .btn-bg[data-v-5cf54857] {
  background-size: 100% 100%;
  line-height: 11.73333vw;
  color: #242424;
  text-align: center;
  font-size: 4vw;
  border-radius: 5.86667vw;
  width: 51.2vw;
  height: 11.73333vw;
  background: #F6EAE3;
  margin: 3.2vw auto;
}
.themeZN .bg[data-v-5cf54857] {
  width: 100%;
  height: 100%;
  border-radius: 5.33333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.themeZN .bg .modal[data-v-5cf54857] {
  width: 40vw;
  height: 17.06667vw;
  background-image: url(../../dist/img/popupTop.png);
  background-size: 100% 100%;
  position: absolute;
  top: -5.33333vw;
  right: -2.66667vw;
}
.themeZN .bg .content-bg[data-v-5cf54857] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 5.33333vw;
}
.themeZN .bg .content-bg .service[data-v-5cf54857] {
  font-size: 4.26667vw;
  color: #FFF;
  margin-top: 5.33333vw;
}
.themeZN .bg .content-bg .slot-warp[data-v-5cf54857] {
  color: #000000;
  width: calc(100% - 13.33333vw);
  background: #FDF9F8;
  text-align: center;
}
.themeZN .bg .content-bg .slot-warp .qr_ct[data-v-5cf54857] {
  margin-top: 5.33333vw;
}
.themeZN .bg .content-bg .slot-warp .item span[data-v-5cf54857] {
  color: #000000;
  line-height: 6.66667vw;
}
.themeZN .bg .title[data-v-5cf54857] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.33333vw;
  height: 100%;
  writing-mode: vertical-lr;
  font-size: 3.73333vw;
  color: #000000;
  background: #E9C9B2;
  letter-spacing: 2.66667vw;
  border-radius: 0 5.33333vw 5.33333vw 0;
}
.bg-warp[data-v-5cf54857] {
  background-color: #7a010f;
  position: relative;
  width: 100%;
  height: 92vw;
}
.bg-warp .btn-bg[data-v-5cf54857] {
  margin-top: 3.2vw;
  width: 66.4vw;
  height: 13.33333vw;
  background-image: url(../../dist/img/popupBtn.png);
  background-size: 100% 100%;
  line-height: 13.33333vw;
  color: #ffffff;
  text-align: center;
  font-size: 4vw;
}
.bg-warp .bg[data-v-5cf54857] {
  width: 100%;
  height: 100%;
  border-radius: 0.8vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.bg-warp .bg .modal[data-v-5cf54857] {
  width: 40vw;
  height: 17.06667vw;
  background-image: url(../../dist/img/popupTop.png);
  background-size: 100% 100%;
  position: absolute;
  top: -5.33333vw;
  left: -2.66667vw;
}
.bg-warp .bg .flower[data-v-5cf54857] {
  width: 32.53333vw;
  height: 21.33333vw;
  background-image: url(../../dist/img/popupRight.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.bg-warp .bg .content-bg[data-v-5cf54857] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 5.33333vw;
}
.bg-warp .bg .content-bg .service[data-v-5cf54857] {
  font-size: 4.26667vw;
  color: #FFF;
  margin-top: 5.33333vw;
}
.bg-warp .bg .content-bg .slot-warp[data-v-5cf54857] {
  color: #ffffff;
  height: 56.53333vw;
  width: calc(100% - 13.33333vw);
  background: #A83737;
  text-align: center;
}
.bg-warp .bg .content-bg .slot-warp .qr_ct[data-v-5cf54857] {
  margin-top: 5.33333vw;
}
.bg-warp .bg .content-bg .slot-warp .item span[data-v-5cf54857] {
  color: #ffffff;
  line-height: 6.66667vw;
}
.bg-warp .bg .title[data-v-5cf54857] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.33333vw;
  height: 100%;
  writing-mode: vertical-lr;
  font-size: 3.73333vw;
  color: #ffffff;
  background: #66000C;
  letter-spacing: 2.66667vw;
}
.closed-warp[data-v-5cf54857] {
  display: flex;
  justify-content: center;
  margin-top: 3.46667vw;
}
.closed-warp .closed-themeXDF[data-v-5cf54857] {
  width: 8vw;
  height: 8vw;
  background-image: url(../../dist/img/closed.png);
  background-size: 100% 100%;
}
.closed-warp .closed-themeZN[data-v-5cf54857] {
  width: 8vw;
  height: 8vw;
  background-image: url(../../dist/img/closed.png);
  background-size: 100% 100%;
}
.closed-warp .closed-themeHW[data-v-5cf54857] {
  width: 8vw;
  height: 8vw;
  background-image: url(../../dist/img/closed.png);
  background-size: 100% 100%;
}
.closed-warp .closed-themeNMY[data-v-5cf54857] {
  width: 8vw;
  height: 8vw;
  background-image: url(../../dist/img/closed.png);
  background-size: 100% 100%;
}