.bottom-popup-content[data-v-a4a5f55a] {
  color: #000;
  margin-left: 0.42667rem;
  margin-right: 0.42667rem;
  font-size: 0.42667rem;
  line-height: 0.53333rem;
  font-weight: 400;

  color: #200e32;
}
/* 取消订单 */
.bottom-popup-box[data-v-a4a5f55a] {
  width: 100%;
  margin: 0 auto;
  padding: 0.42667rem 0.42667rem 0.64rem 0.42667rem;
  box-sizing: border-box;
}
.bottom-popup-title[data-v-a4a5f55a] {
  color: #000;
  font-size: 0.53333rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.16rem;
}
.bottom-popup-content[data-v-a4a5f55a] {
  color: #000;
  margin: 0.42667rem 0;
  font-size: 0.42667rem;
  line-height: 0.53333rem;
  font-weight: 400;
  color: #200e32;
}
.bottom-popup-btn[data-v-a4a5f55a] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bottom-popup-btn div[data-v-a4a5f55a],
.input-share[data-v-a4a5f55a] {
  width: 9.17333rem;
  height: 1.41333rem;
  line-height: 1.41333rem;
  font-size: 0.53333rem;
  font-weight: bold;
  border-radius: 0.21333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.bottom-popup-btn div[data-v-a4a5f55a]:nth-child(1) {
  background: #ffffff;
  border: 0.02667rem solid #200e32;
  color: #200e32;
  margin-bottom: 0.42667rem;
}
.bottom-popup-btn div[data-v-a4a5f55a]:nth-child(2) {
  background: #200e32;
  color: #fff;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
}
.container[data-v-a4a5f55a] {
  display: flex;
  flex-direction: column; /* 垂直排列子元素 */
  justify-content: center;
  align-items: center;
  padding-top: 0.53333rem;
}
.centered[data-v-a4a5f55a] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto; /* 设置容器高度为视口高度，使内容垂直居中 */
}
.mail-ipt[data-v-a4a5f55a] {
  width: 9.17333rem;
  height: 1.41333rem;
  background: #ffffff;
  border-radius: 0.21333rem;
  border: 0.02667rem solid #eaeaea;
  margin: 0.29333rem auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mail-ipt input[data-v-a4a5f55a] {
  width: 8.37333rem;
  height: 0.56rem;
  font-size: 0.4rem;
  font-weight: 500;
  color: #200e32;
}
.get-info[data-v-a4a5f55a] {
  width: 9.17333rem;
  height: 1.41333rem;
  background: #200e32;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
  border-radius: 0.21333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.53333rem;

  font-weight: bold;
  color: #ffffff;
  margin: 0.66667rem auto;
}
.mail-title[data-v-a4a5f55a] {
  margin: 0.4rem 0 0.34667rem 0.4rem;
  font-size: 0.45333rem;
  font-weight: 600;
  color: #200e32;
}
.item-display[data-v-a4a5f55a] {
  position: relative;
  display: flex; /* 使用 Flex 布局 */
  flex-direction: column; /* 垂直排列 */
}
.item-line[data-v-a4a5f55a] {
  display: flex;
  margin-top: 0.8rem;
}
.item-line[data-v-a4a5f55a]:last-child {
  margin-bottom: 0.53333rem;
}
.item-line > div[data-v-a4a5f55a] {
  flex: 1; /* 让两个 div 平分父元素的宽度 */
  margin-left: 0.53333rem;
}
.sign-border[data-v-a4a5f55a] {
  height: 0.42667rem;
  border: 0.02667rem solid #e2e3e5;
}
.info-box[data-v-a4a5f55a] {
  display: flex;
  align-items: center;
  font-size: 0.32rem;
  font-weight: 500;
  color: #a69fad;
}
.itme-bottom-info[data-v-a4a5f55a] {
  height: 1.49333rem;
  display: flex;
  align-items: center;
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  justify-content: center;
  background: #fff;
}
.item-text[data-v-a4a5f55a] {
  width: auto;
  font-size: 0.37333rem;
  color: #a69fad;
}
.item-text-18[data-v-a4a5f55a] {
  width: auto;
  font-size: 0.37333rem;
  font-weight: 500;
  color: #200e32;
  margin-top: 0.26667rem;
}
.item-text-14[data-v-a4a5f55a] {
  width: auto;
  font-size: 0.37333rem;
  color: #a69fad;
  margin-top: 0.26667rem;
  margin-left: 0.21333rem;
}
.item-text-15[data-v-a4a5f55a] {
  width: auto;
  font-size: 0.37333rem;
  color: #e04242;
  margin-top: 0.26667rem;
  margin-left: 0.21333rem;
}
.qr-code[data-v-a4a5f55a] {
  width: 4.8rem !important;
  height: 4.8rem !important;
  margin: -0.18667rem auto 0 auto;
  padding-top: 0.53333rem;
  display: block !important;
}
.qr-code-counter[data-v-a4a5f55a] {
  width: 3.6rem !important;
  height: 3.6rem !important;
  margin: -0.18667rem auto 0 auto;
  padding-top: 0.53333rem;
  display: block !important;
}
.order-number[data-v-a4a5f55a] {
  height: 0.50667rem;
  text-align: center;
  margin-bottom: 0.32rem;
}
.pay-method[data-v-a4a5f55a] {
  height: 0.50667rem;
  text-align: center;
  margin-bottom: 1.6rem;
}
.order-number span[data-v-a4a5f55a]:nth-child(1),
.pay-method span[data-v-a4a5f55a]:nth-child(1) {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #a69fad;
}
.order-number span[data-v-a4a5f55a]:nth-child(2),
.pay-method span[data-v-a4a5f55a]:nth-child(2) {
  font-weight: bold;
  font-size: 0.37333rem;
  color: #200e32;
}
.printer-box[data-v-a4a5f55a] {
  width: 3.52rem;
  height: 0.90667rem;
  background: #200e32;
  border-radius: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.34667rem;
  color: #ffffff;
  font-style: normal;
  margin: -0.90667rem auto 0 auto;
}
.printer-box img[data-v-a4a5f55a] {
  width: 0.42667rem;
  height: 0.42667rem;
  margin-right: 0.10667rem;
}
.cancel-img[data-v-a4a5f55a] {
  width: 2.18667rem;
  height: 2.18667rem;
  margin: 0 auto 0 auto;

  background-image: url(../img/icon-cancel-img.99c925f8.png);
  display: block !important;
  background-size: cover; /* 调整背景图片的尺寸以覆盖整个容器 */
  background-position: center; /* 将背景图片居中显示 */
}
.custom-element[data-v-a4a5f55a] {
  width: auto;
  height: 0.66667rem;
  padding-left: 0.26667rem;
  padding-right: 0.26667rem;
  background-color: #000000;
  border-radius: 0 0.21333rem 0 0.21333rem; /* 顺序是：左上 右上 右下 左下 */
  color: #ffffff; /* 白色字体 */
  font-size: 0.34667rem; /* 字体大小为 13px */
  text-align: center; /* 文字居中 */
  line-height: 0.66667rem; /* 文字垂直居中 */
}
.custom-elements[data-v-a4a5f55a] {
  width: auto;
  height: 0.66667rem;
  padding-left: 0.26667rem;
  padding-right: 0.26667rem;
  background-color: #e04242;
  border-radius: 0 0.21333rem 0 0.21333rem; /* 顺序是：左上 右上 右下 左下 */
  color: #ffffff; /* 白色字体 */
  font-size: 0.34667rem; /* 字体大小为 13px */
  text-align: center; /* 文字居中 */
  line-height: 0.66667rem; /* 文字垂直居中 */
}
.bg-image[data-v-a4a5f55a] {
  background-image: url(../img/icon-qr-code-bg.0b0cb4c6.png);
  margin-left: 0.42667rem;
  margin-right: 0.42667rem;
  margin-top: 0.53333rem;
  border-radius: 0.32rem;
  background-size: cover;
  filter: drop-shadow(0 0 0.06667rem rgba(0, 0, 0, 0.2)); /*添加阴影 */
  background-repeat: no-repeat;
  z-index: 1; /* 设置一个较高的 z-index 值 */
  /* position: absolute; */
  background-position: center;
  position: relative;
}
.bg-image-cancel[data-v-a4a5f55a] {
  background-image: url(../img/icon-payment-clear-bg.577d522c.png);
  margin-left: 0.42667rem;
  margin-right: 0.42667rem;
  margin-top: 0.53333rem;
  border-radius: 0.32rem;
  background-size: cover;
  filter: drop-shadow(0 0 0.06667rem rgba(0, 0, 0, 0.2)); /*添加阴影 */
  background-repeat: no-repeat;
  z-index: 1; /* 设置一个较高的 z-index 值 */
  /* position: absolute; */
  background-position: center;
  height: 11.73333rem;
}
.qrcode[data-v-a4a5f55a] {
  font-weight: 600;
  font-size: 0.42667rem;
  color: #200e32;
  line-height: 0.66667rem;
  text-align: center;
  font-style: normal;
}
.text-size16[data-v-a4a5f55a] {
  font-size: 0.42667rem;
  text-align: center;
  color: #200e32;
  line-height: 0.50667rem;
}
.email[data-v-a4a5f55a] {
  width: auto;
  height: auto;
  font-weight: 600;
  font-size: 0.48rem;
  color: #200e32;
  font-size: 0.37333rem;
  line-height: 0.56rem;
  text-align: center;
  font-style: normal;
}
.head-box[data-v-a4a5f55a] {
  font-weight: 500;
  font-size: 0.45333rem;
  width: 100%px;
  height: 1.28rem;
  /* border-bottom: 1px solid #f6f7f8;
    background-color: white; */
  display: flex;
  align-items: center;
  background: white;
  justify-content: center;
  position: relative;
}
.back[data-v-a4a5f55a] {
  position: absolute;
  top: 0.37333rem;
  left: 0.42667rem;
  font-size: 0.56rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAASVJREFUaEPt2OENgjAQBeDrALICO+A26j/jVMZ/6jayAyvgADUlkmgwJrT33uWS+lua9/UBORrE+S84zy8VYN1gbaA2ULgD9RbK3MDQNt0uXTuM/V1EYuY6Jq/R0G625xDiMYWOIodh7G9eAF/hvQGW4WO4DM/HycMtBAmfGmS8hWDhGQBoeDQAHh4JoIRHAWjhEQBqeG0APbwmwCS8FsAsvAbANHwxoG26fRC5zpNkVJht1k6lRaOEe0CapT5n+2k8JrdQ1MC7blOEBmB6lqya0AKYITQBJghtAB2BAFARKAANgQRQEGgAHMEAQBEsAAzBBPxGODsbXSC8He7O477r4/W13yx//89+BlTDF39SqqfJWLA2kLFpqpfUBlS3M2Mx9w28AJYYDkBzWRsOAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: contain;
  color: transparent;
}
.printer-list-box[data-v-a4a5f55a] {
  /* width: 349px; */
  /* height: 423px; */
  height: 12.98667rem;
  /* background: white; */
  /* border: 1px solid; */
  box-shadow: 0 -0.05333rem 0.26667rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.32rem;
}
.printer-list[data-v-a4a5f55a] {
  width: 9.04rem;
  height: 11.28rem;
  background: white;
  box-shadow: 0 -0.05333rem 0.26667rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.32rem;
  overflow: hidden;
}
.icon-close[data-v-a4a5f55a] {
  width: 1.25333rem;
  height: 1.25333rem;
  margin: 0.37333rem auto 0 auto;
}
.icon-close img[data-v-a4a5f55a] {
  width: 100%;
  height: 100%;
}
.van-popup[data-v-a4a5f55a] {
  background: none !important;
}
.printer-title[data-v-a4a5f55a] {
  width: 8.45333rem;
  height: 0.66667rem;
  font-weight: 600;
  font-size: 0.48rem;
  color: #200e32;
  margin: 0.42667rem auto 0.32rem auto;
  text-align: center;
}
.list-box[data-v-a4a5f55a] {
  width: 8.24rem;
  height: 7.41333rem;
  overflow: auto;
  margin: 0 auto;
  -webkit-scrollbar-width: none !important; /* 隐藏滚动条 */
  scrollbar-width: none !important;
}
.state-online[data-v-a4a5f55a] {
  width: 8.24rem;
  height: 0.53333rem;
  margin: 0 auto 0.21333rem auto;
  font-weight: 600;
  font-size: 0.37333rem;
  color: #a69fad;
}
.state-online-list[data-v-a4a5f55a] {
  width: 8.13333rem;
  height: 1.76rem;
  background: #ffffff;
  border-radius: 0.21333rem;
  border: 0.02667rem solid rgba(32, 14, 50, 0.2);
  margin: 0 auto 0.32rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.selected-printer[data-v-a4a5f55a] {
  box-sizing: border-box;
  border: 0.05333rem solid #200e32;
}
.printer-detail[data-v-a4a5f55a] {
  width: 7.36rem;
  height: 1.12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.printer-info[data-v-a4a5f55a] {
  width: 5.33333rem;
  height: 1.12rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.printer-name[data-v-a4a5f55a] {
  height: 0.53333rem;
  font-weight: 500;
  font-size: 0.42667rem;
  color: #200e32;
  display: flex;
  align-items: center;
}
.printer-state[data-v-a4a5f55a] {
  width: 0.21333rem;
  height: 0.21333rem;
  border-radius: 50%;
  margin-left: 0.10667rem;
  background: #5abb6e;
}
.printer-location[data-v-a4a5f55a] {
  height: 0.4rem;
  font-weight: 400;
  font-size: 0.34667rem;
  color: #796e84;
}
input[type='radio'][data-v-a4a5f55a] {
  width: 0.64rem;
  height: 0.64rem;
  background-color: #200e32 !important;
}
input[type='radio'][data-v-a4a5f55a]:checked {
  width: 0.64rem;
  height: 0.64rem;
}
.confirm-btn[data-v-a4a5f55a] {
  margin: 0.53333rem auto;
  width: 8.24rem;
  height: 1.49333rem;
  background: #200e32;
  border-radius: 0.74667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.53333rem;
  color: #ffffff;
}
.confirm-btn-forbidden[data-v-a4a5f55a] {
  margin: 0.53333rem auto;
  width: 8.24rem;
  height: 1.49333rem;
  background: #200e32;
  border-radius: 0.74667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.53333rem;
  color: #ffffff;
  opacity: 0.5;
}
.state-offline-list[data-v-a4a5f55a] {
  width: 8.13333rem;
  height: 1.76rem;
  background: #f2f2f2;
  border-radius: 0.21333rem;
  border: 0.02667rem solid rgba(32, 14, 50, 0.2);
  margin: 0 auto 0.32rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  opacity: 0.8;
}
.printer-state-offline[data-v-a4a5f55a] {
  width: 0.21333rem;
  height: 0.21333rem;
  background: #333333;
  opacity: 0.3;
  border-radius: 50%;
  margin-left: 0.10667rem;
}
input[data-v-a4a5f55a] {
  accent-color: #200e32;
}