.zchCountryEmpty[data-v-5602bc59] {
  text-align: center;
}
.zchCountryEmpty > div[data-v-5602bc59] {
  width: 50%;
  margin: 0 auto 1em;
}
.zchCountryEmpty p[data-v-5602bc59] {
  color: #808080;
  font-size: 14px;
  margin-bottom: 0.8em;
}
.countryList-item[data-v-56e353e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.countrySelectorPopup[data-v-56e353e8] {
  background-color: #f6f8f9;
}
.countrySelectorPopup > h3[data-v-56e353e8] {
  font-size: 15px;
  color: #060606;
  font-weight: bold;
  text-align: center;
  padding: 1.2em 0;
}
.countrySelectorPopup .searchCountryInput[data-v-56e353e8] {
  width: 92%;
  margin: 0 auto;
  border: 0.5px solid #666666;
  padding: 8px 12px;
  margin-bottom: 8px;
  background-color: #f6f8f9;
}
.searchCountryEmpty[data-v-56e353e8] {
  height: 60vh;
}
.countryList[data-v-56e353e8] {
  text-align: center;
  color: #808080;
  font-size: 14px;
  padding: 0 4%;
  height: 60vh;
  overflow-y: scroll;
}
.countryList-item[data-v-56e353e8] {
  padding: 6px 0;
  /*padding-left: 24%;*/
  /*padding-left: 20%;*/
  border-bottom: 0.5px solid #f2f2f3;
  height: 5vh;
  line-height: 5vh;
  font-size: 16px;
  /*margin-top: 10px;*/
}
.countryList-item-img[data-v-56e353e8] {
  width: 30px;
}
.countryList-item.active[data-v-56e353e8] {
  background-color: #ebf7ff;
  color: #108ee8;
}
.countryList-item svg[data-v-56e353e8] {
  font-size: 30px;
}
.countryList-item em[data-v-56e353e8] {
  /*width: 3.6em;*/
  /*margin-left: 2.4em;*/
  /*margin-left: 1em;*/
  /*text-align: left;*/
}
.carrierWrapper > h4[data-v-16c5706c] {
  font-size: 18px;
  color: #191919;
  padding: 18px 4%;
  font-weight: bold;
}
.carrierWrapper-carrierList[data-v-16c5706c] {
  font-size: 15px;
  color: #787878;
  padding-bottom: 25px;
}
.carrierWrapper-carrierList-item[data-v-16c5706c] {
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.carrierWrapper-carrierList-item[data-v-16c5706c]:active {
  background-color: #f2f3f5;
}
.carrierWrapper-carrierList-item svg[data-v-16c5706c] {
  font-size: 22px;
  fill: #b5b5b5;
}
.carrierWrapper-carrierList-item .fill[data-v-16c5706c] {
  fill: #fc6e50;
}
.carrierWrapper-carrierList-item-left[data-v-16c5706c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carrierWrapper-carrierList-item-img[data-v-16c5706c] {
  width: 50px;
  margin-right: 20px;
}
@charset "UTF-8";
.productItem[data-v-5bd1bd6f] {
  position: relative; /* 添加这个定位，不会影响 layout，但允许子元素绝对定位 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; /* 让 item 充满父容器高度 */
  color: #0c7ad6;
  border: 1px solid #0c7ad6;
  margin: 0 1% 14px;
  border-radius: 5px;
  width: 31.3%;
  max-width: 31.3%;
  /* min-width: 114px; */
}
.productItem.active[data-v-5bd1bd6f] {
  background-color: #0c7ad6;
  border: 1px solid #0c7ad6;
  color: #fff;
}
.productItem.disabled[data-v-5bd1bd6f] {
  border: 1px solid #ddd;
  color: #ddd;
  pointer-events: none;
}
.productItem em[data-v-5bd1bd6f] {
  font-weight: bold;
}
.productItem .name[data-v-5bd1bd6f] {
  width: 100%; /* 或明确限制 max-width */
  margin-top: 10px;
  word-wrap: break-word;
}
.productItem b[data-v-5bd1bd6f] {
  font-size: 9px;
}
.productItem p[data-v-5bd1bd6f] {
  margin-top: 8px;
  font-size: 12px;
}
.productItem.hot[data-v-5bd1bd6f]::after {
  content: attr(data-hotTips);
  position: absolute;
  padding: 0.4em 0.7em;
  border-radius: 1.8em;
  border-bottom-left-radius: 0;
  white-space: nowrap;
  color: #fff;
  font-size: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 120, 46)), to(rgb(255, 78, 71)));
  background-image: linear-gradient(90deg, rgb(255, 120, 46), rgb(255, 78, 71));
  right: -0.44em;
  top: -1em;
}
.productItem.firstDiscount[data-v-5bd1bd6f]::after {
  content: attr(data-hotTips);
  position: absolute;
  padding: 0.4em 0.7em;
  border-radius: 1.8em;
  border-bottom-left-radius: 0;
  white-space: nowrap;
  color: #fff;
  font-size: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#f54a00), to(#fcbf0b));
  background: linear-gradient(to right, #f54a00, #fcbf0b);
  right: -0.44em;
  top: -1.3em;
}
.productItem.paddingAdd[data-v-5bd1bd6f] {
  padding-bottom: 5px;
}
.productItem .pinMi[data-v-5bd1bd6f] {
  content: attr(data-hotTips);
  position: absolute;
  padding: 0.4em 0.7em;
  border-radius: 1.8em;
  border-bottom-left-radius: 0;
  white-space: nowrap;
  color: #212121;
  font-size: 10px;
  background-color: rgb(244, 201, 2);
  right: -0.44em;
  top: -1em;
}
.productItem .pinMi-batch[data-v-5bd1bd6f] {
  position: absolute;
  top: -8px;
  right: -8px;
  background-color: rgb(244, 201, 2);
  color: #212121;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 12px;
  white-space: nowrap;
  z-index: 1;
}
.productItem .grayLineThrough[data-v-5bd1bd6f] {
  color: gray;
  font-size: 9px;
  text-decoration: line-through;
}
.productItem .grayLine[data-v-5bd1bd6f] {
  color: gray;
}
.productItem .redFont[data-v-5bd1bd6f] {
  color: red;
  font-size: 13px;
}
.productItem .preferentialPrice[data-v-5bd1bd6f] {
  margin-top: 2px;
  color: red;
  font-size: 13px;
  /* position: relative;
  top: -5px; */
}
.batchTitle[data-v-5bd1bd6f] {
  font-size: 14px;
  margin-top: 10px;
}
@charset "UTF-8";
.productItem[data-v-0a828ae2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.productItem[data-v-0a828ae2] {
  width: 31.3%;
  max-width: 31.3%;
  min-height: 57px;
  /* min-width: 114px; */
  border: 1px solid #0c7ad6;
  border-radius: 5px;
  padding: 0 8px;
  color: #0c7ad6;
  margin: 0 1% 14px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.productItem.active[data-v-0a828ae2] {
  background-color: #0c7ad6;
  border: 1px solid #0c7ad6;
  color: #fff;
}
.productItem.disabled[data-v-0a828ae2] {
  border: 1px solid #ddd;
  color: #ddd;
  pointer-events: none;
}
.productItem em[data-v-0a828ae2] {
  font-weight: bold;
}
.productItem b[data-v-0a828ae2] {
  font-size: 9px;
}
.productItem p[data-v-0a828ae2] {
  margin-top: 8px;
  font-size: 12px;
}
.productItem.hot[data-v-0a828ae2]::after {
  content: attr(data-hotTips);
  position: absolute;
  padding: 0.4em 0.7em;
  border-radius: 1.8em;
  border-bottom-left-radius: 0;
  white-space: nowrap;
  color: #fff;
  font-size: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 120, 46)), to(rgb(255, 78, 71)));
  background-image: linear-gradient(90deg, rgb(255, 120, 46), rgb(255, 78, 71));
  right: -0.44em;
  top: -1em;
}
.productItem.firstDiscount[data-v-0a828ae2]::after {
  content: attr(data-hotTips);
  position: absolute;
  padding: 0.4em 0.7em;
  border-radius: 1.8em;
  border-bottom-left-radius: 0;
  white-space: nowrap;
  color: #fff;
  font-size: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#f54a00), to(#fcbf0b));
  background: linear-gradient(to right, #f54a00, #fcbf0b);
  right: -0.44em;
  top: -1.3em;
}
.productItem .pinMi[data-v-0a828ae2] {
  content: attr(data-hotTips);
  position: absolute;
  padding: 0.4em 0.7em;
  border-radius: 1.8em;
  border-bottom-left-radius: 0;
  white-space: nowrap;
  color: #212121;
  font-size: 10px;
  background-color: rgb(244, 201, 2);
  right: -0.44em;
  top: -1em;
}
.productItem .grayLineThrough[data-v-0a828ae2] {
  color: gray;
  font-size: 9px;
  text-decoration: line-through;
}
.productItem .redFont[data-v-0a828ae2] {
  color: red;
  font-size: 13px;
}
.productItem .name[data-v-0a828ae2] {
  width: 100%; /* 或明确限制 max-width */
  margin-top: 10px;
  word-wrap: break-word;
}
.productItem.paddingAdd[data-v-0a828ae2] {
  padding-bottom: 5px;
}
.productItem .grayLine[data-v-0a828ae2] {
  color: gray;
}
.productItem .preferentialPrice[data-v-0a828ae2] {
  margin-top: 5px;
  color: red;
  font-size: 13px;
  position: relative;
  top: -5px;
}
.batchTitle[data-v-0a828ae2] {
  font-size: 14px;
  margin-top: 10px;
}
.llCard[data-v-5c9160df] {
  width: 100%;
  margin-bottom: 8px;
  padding: 12px 12px 10px;
  border-radius: 14px;
  border: 1px solid #eef1f4;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#eef4ff));
  background: linear-gradient(90deg, #ffffff 0%, #eef4ff 100%);
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}
.llCard.active[data-v-5c9160df] {
  border-color: #8db7ff;
  -webkit-box-shadow: 0 10px 24px rgba(37, 100, 235, 0.12);
          box-shadow: 0 10px 24px rgba(37, 100, 235, 0.12);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.llCard.disabled[data-v-5c9160df] {
  opacity: 0.45;
  pointer-events: none;
}
.llCard.paddingAdd[data-v-5c9160df] {
  padding-bottom: 14px;
}
.llCard-main[data-v-5c9160df] {
  position: relative;
}
.llCard-content[data-v-5c9160df] {
  min-width: 0;
  text-align: left;
}
.llCard-titleRow[data-v-5c9160df] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.llCard-titleRow--tagged[data-v-5c9160df] {
  padding-right: 104px;
}
.llCard-title[data-v-5c9160df] {
  font-size: 17px;
  line-height: 1.25;
  color: #141414;
  font-weight: 700;
}
.llCard-validity[data-v-5c9160df] {
  padding: 2px 8px;
  border-radius: 10px;
  border: 1px solid #cfcfcf;
  font-size: 11px;
  line-height: 1.2;
  color: #404040;
  background-color: rgba(255, 255, 255, 0.85);
}
.llCard-descRow[data-v-5c9160df] {
  position: relative;
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
}
.llCard-desc[data-v-5c9160df] {
  margin-top: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  color: #8c8c8c;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.llCard-desc--expanded[data-v-5c9160df] {
  white-space: normal;
  overflow: visible;
}
.llCard-descToggle[data-v-5c9160df] {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  padding: 0;
  border: none;
  background: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.llCard-descToggleIcon[data-v-5c9160df] {
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #9aa0a6;
  border-bottom: 1.5px solid #9aa0a6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.llCard-descToggleIcon.expanded[data-v-5c9160df] {
  -webkit-transform: rotate(-135deg) translate(-1px, -1px);
          transform: rotate(-135deg) translate(-1px, -1px);
}
.llCard-descMeasure[data-v-5c9160df] {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  pointer-events: none;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.4;
}
.llCard-priceRow[data-v-5c9160df] {
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.llCard-price[data-v-5c9160df] {
  margin-top: 6px;
  color: #1f6fe6;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}
.llCard-price--inline[data-v-5c9160df] {
  margin-top: 0;
  text-align: left;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.llCard-discountPrice[data-v-5c9160df] {
  margin-top: 4px;
  color: #ff4e47;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}
.llCard-discountPrice--inline[data-v-5c9160df] {
  margin-top: 0;
  white-space: nowrap;
}
.llCard-tags[data-v-5c9160df] {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  pointer-events: none;
}
.llCard-tag[data-v-5c9160df] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 9px;
  background-color: #f4c902;
  color: #3c2e0f;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.grayLine[data-v-5c9160df] {
  color: #8a8a8a;
}
.grayLineThrough[data-v-5c9160df] {
  color: #8a8a8a;
  text-decoration: line-through;
}
.redFont[data-v-5c9160df] {
  color: #ff4e47;
}
.popup-coupon[data-v-3d476906] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-coupon[data-v-3d476906] {
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
}
.popup-coupon.HF[data-v-3d476906] {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(242, 79, 75)), to(rgb(242, 98, 59)));
  background-image: linear-gradient(0deg, rgb(242, 79, 75), rgb(242, 98, 59));
}
.popup-coupon.HF-info p[data-v-3d476906] {
  color: #A21508;
}
.popup-coupon.LL[data-v-3d476906] {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#179cf9), to(#11b5f8));
  background-image: linear-gradient(0deg, #179cf9, #11b5f8);
}
.popup-coupon.LL-info p[data-v-3d476906] {
  color: #06467D;
}
.popup-coupon-price[data-v-3d476906] {
  font-weight: bolder;
  padding: 18px 0;
  text-align: center;
  width: 5em;
  border-color: #ffeaea;
  border-width: 0 1px 0 0;
  border-style: dashed;
  position: relative;
}
.popup-coupon-price em[data-v-3d476906] {
  font-size: 21px;
}
.popup-coupon-price[data-v-3d476906]::before, .popup-coupon-price[data-v-3d476906]::after {
  content: "";
  position: absolute;
  right: -5px;
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.popup-coupon-price[data-v-3d476906]::before {
  top: -5px;
}
.popup-coupon-price[data-v-3d476906]::after {
  bottom: -5px;
}
.popup-coupon-info[data-v-3d476906] {
  padding: 0 1em;
  text-align: left;
  font-size: 15px;
}
.popup-coupon-info p[data-v-3d476906] {
  color: #A21508;
  font-size: 12px;
  margin-top: 6px;
}
.couponWrapper .couponList-item[data-v-50005ba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.couponWrapper[data-v-50005ba8] {
  background-color: #F6F8F9;
  min-height: 100vh;
  padding-bottom: 50px;
}
.couponWrapper .emptyTips[data-v-50005ba8] {
  color: #aaa;
  font-size: 15px;
  text-align: center;
  padding-top: 4vh;
}
.couponWrapper > h6[data-v-50005ba8] {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  color: #060606;
  padding: 18px 0;
  border-bottom: 1px solid #F2F2F3;
}
.couponWrapper .couponList[data-v-50005ba8] {
  padding: 8.5px;
}
.couponWrapper .couponList-item[data-v-50005ba8] {
  background-color: #fff;
  padding: 6.5px 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.couponWrapper .notUseCoupon[data-v-50005ba8] {
  position: fixed;
  width: 100%;
  text-align: center;
  padding: 1em 0;
  font-size: 0.4rem;
  left: 0;
  bottom: 0;
  border-top: 1px solid #f2f2f2;
  background-color: #F6F8F9;
}
.payType-item > div[data-v-6e0dd596], .payType-item[data-v-6e0dd596] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payType[data-v-6e0dd596] {
  font-size: 14px;
  color: #808080;
}
.payType-title[data-v-6e0dd596] {
  color: #808080;
  font-size: 14px;
  margin: 13px 0;
  padding: 0 4%;
}
.payType-item[data-v-6e0dd596] {
  padding: 8px 4%;
  border-top: 1px solid #F2F2F3;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.payType-item[data-v-6e0dd596]:last-child {
  border-bottom: 1px solid #F2F2F3;
}
.payType-item svg[data-v-6e0dd596] {
  font-size: 21px;
}
.payType-item .payType-unionIcon[data-v-6e0dd596] {
  width: 21px;
  height: 21px;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.payType-item p[data-v-6e0dd596] {
  margin-left: 1em;
}
.payType-empty[data-v-6e0dd596] {
  color: #999999;
  font-size: 14px;
  padding: 12px 4%;
  border-top: 1px solid #F2F2F3;
  border-bottom: 1px solid #F2F2F3;
}
.codePayPopup .qrcode-bottom[data-v-479b99cf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.codePayPopup[data-v-479b99cf] {
  padding: 12px 30px;
  font-size: 20px;
  border-radius: 4px;
}
.codePayPopup > h1[data-v-479b99cf] {
  font-size: 26px;
}
.codePayPopup > h3[data-v-479b99cf] {
  background-color: #e31613;
  color: #fff;
  display: inline-block;
  padding: 6px 10px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 3px;
  margin-top: 12px;
}
.codePayPopup > p[data-v-479b99cf] {
  font-size: 13px;
  margin-top: 20px;
}
.codePayPopup > p em[data-v-479b99cf] {
  display: inline-block;
  color: #e31613;
}
.codePayPopup > p em .countDown[data-v-479b99cf] {
  color: #e31613;
}
.codePayPopup .qrcode-img[data-v-479b99cf] {
  width: 10rem;
  margin: 20px 0;
  border: 1px solid #ddd;
}
.codePayPopup .qrcode-bottom[data-v-479b99cf] {
  background-color: #108ee8;
  border-radius: 4px;
  padding: 8px 0;
}
.codePayPopup .qrcode-bottom svg[data-v-479b99cf] {
  font-size: 44px;
  fill: #fff;
}
.codePayPopup .qrcode-bottom p[data-v-479b99cf] {
  line-height: 1.6;
  color: #fff;
  font-weight: 700;
  margin-left: 2em;
  font-size: 15px;
}
@media (max-width: 768px) {
.codePayPopup .qrcode-img[data-v-479b99cf] {
    width: 7rem;
}
}
.orderWrapper .orderButton[data-v-68667822], .orderWrapper .orderDetail-item[data-v-68667822] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn2[data-v-68667822] {
  width: 100%;
  border: none;
  padding: 15px 0;
  background: #ff4444;
  color: #fff;
}
.orderWrapper > h4[data-v-68667822] {
  padding: 18px 0;
  text-align: center;
  font-size: 15px;
  color: #060606;
  border: 1px solid #f2f2f3;
  font-weight: bold;
}
.orderWrapper .orderDetail-item[data-v-68667822] {
  padding: 13px 4%;
  border-bottom: 1px solid #f2f2f3;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  color: #808080;
}
.orderWrapper .orderDetail-item.radio[data-v-68667822] {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #dfdfdf;
}
.orderWrapper .orderDetail-item label > span[data-v-68667822] {
  color: #999999;
  font-size: 12px;
  background-color: #fbebef;
  margin-left: 30px;
  padding: 6px 7.5px;
}
.orderWrapper .orderDetail-item label > span em[data-v-68667822] {
  color: #323232;
  font-weight: bold;
}
.orderWrapper .orderDetail-item label > span b[data-v-68667822] {
  color: #ea5675;
  font-weight: bold;
}
.orderWrapper .orderDetail-item label > em[data-v-68667822] {
  background-color: #ffd3b9;
  padding: 6px 7.5px;
  color: #ea5675;
  margin-left: 16px;
}
.orderWrapper .orderDetail-item.selected[data-v-68667822] {
  max-height: 100%;
  color: #808080;
}
.orderWrapper .orderDetail-item.disabled[data-v-68667822] {
  max-height: 100%;
  color: #dfdfdf;
}
.orderWrapper .orderDetail-item > p[data-v-68667822] {
  color: #141414;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0.6em;
}
.orderWrapper .orderDetail-item > p.coupon[data-v-68667822] {
  color: #e66228;
}
.orderWrapper .orderDiscountTips[data-v-68667822] {
  display: inline-block;
  color: #108ee8;
  font-size: 12px;
  padding: 13px 4% 0;
}
.orderWrapper .orderButton[data-v-68667822] {
  -webkit-box-shadow: 1px 4px 6px 1px rgba(0, 0, 0, 0.45);
          box-shadow: 1px 4px 6px 1px rgba(0, 0, 0, 0.45);
  border-radius: 100px;
  width: 92%;
  margin: 30px auto 20px;
  background-color: #323232;
  overflow: hidden;
}
.orderWrapper .orderButton > p[data-v-68667822] {
  color: #d3d3d3;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  background-color: #323232;
  padding-left: 0.7em;
  margin-top: -3px;
}
.orderWrapper .orderButton > p span[data-v-68667822] {
  color: #fff;
  padding-left: 0.2em;
}
.orderWrapper .orderButton > p b[data-v-68667822] {
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}
.orderWrapper .orderButton > span[data-v-68667822] {
  background-color: #323232;
  color: #d3d3d3;
  font-size: 12px;
  margin-top: -3px;
  padding-right: 18px;
}
.orderWrapper .orderButton > em[data-v-68667822] {
  color: #fff;
  font-size: 15px;
  background-color: #108ee8;
  border: 1px solid #108ee8;
  padding: 13px 17.5px 16.5px 14.5px;
}
.profitPage[data-v-84d941fe] {
  min-height: 100vh;
  background: radial-gradient(circle at top center, rgba(177, 230, 255, 0.72), transparent 38%), -webkit-gradient(linear, left top, left bottom, from(#dff7ff), color-stop(34%, #f7fdff), to(#ffffff));
  background: radial-gradient(circle at top center, rgba(177, 230, 255, 0.72), transparent 38%), linear-gradient(180deg, #dff7ff 0%, #f7fdff 34%, #ffffff 100%);
}
.profitPage-main[data-v-84d941fe] {
  max-width: 750px;
  margin: 0 auto;
  padding: 16px 14px 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.profitSummaryCard[data-v-84d941fe],
.profitRecordCard[data-v-84d941fe] {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0 10px 26px rgba(83, 146, 184, 0.08);
          box-shadow: 0 10px 26px rgba(83, 146, 184, 0.08);
}
.profitSummaryCard[data-v-84d941fe] {
  padding: 18px 20px 20px;
}
.profitSummaryCard-header[data-v-84d941fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.profitSummaryCard-title[data-v-84d941fe] {
  margin: 0;
  color: #202332;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 700;
}
.profitSummaryCard-level[data-v-84d941fe] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: none;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 247, 255, 0.96)), to(rgba(227, 239, 255, 0.92)));
  background: linear-gradient(180deg, rgba(240, 247, 255, 0.96) 0%, rgba(227, 239, 255, 0.92) 100%);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitSummaryCard-levelIcon[data-v-84d941fe] {
  width: 15px;
  height: 15px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.profitSummaryCard-levelText[data-v-84d941fe] {
  color: #59708d;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 600;
}
.profitSummaryGrid[data-v-84d941fe] {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.profitSummaryItem[data-v-84d941fe] {
  text-align: center;
}
.profitSummaryItem-label[data-v-84d941fe] {
  color: #8f96a3;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  white-space: nowrap;
}
.profitSummaryItem-value[data-v-84d941fe] {
  margin-top: 12px;
  color: #1e2530;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}
.profitSummaryItem-value.highlight[data-v-84d941fe] {
  color: #f05f61;
}
.profitSummaryItem-action[data-v-84d941fe] {
  margin-top: 14px;
  min-height: 32px;
}
.profitWithdrawTrigger[data-v-84d941fe] {
  min-width: 76px;
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitWithdrawHint[data-v-84d941fe] {
  margin: 0;
  color: #a4acb8;
  font-size: 12px;
  line-height: 1.5;
}
.profitRecordCard[data-v-84d941fe] {
  margin-top: 16px;
  overflow: hidden;
}
.profitRecordHeader[data-v-84d941fe] {
  padding: 18px 18px 12px;
}
.profitRecordHeader-main[data-v-84d941fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 14px;
}
.profitRecordHeader-title[data-v-84d941fe] {
  margin: 0;
  color: #202332;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
}
.profitRecordFilter[data-v-84d941fe] {
  padding: 0;
  border: none;
  background: transparent;
  color: #4d8cf8;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitRecordList[data-v-84d941fe] {
  border-top: 1px solid #edf2f6;
}
.profitRecordItem[data-v-84d941fe] {
  padding: 18px 18px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 14px;
}
.profitRecordItem + .profitRecordItem[data-v-84d941fe] {
  border-top: 1px solid #edf2f6;
}
.profitRecordMain[data-v-84d941fe] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.profitRecordName[data-v-84d941fe] {
  color: #202332;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 700;
  word-break: break-word;
}
.profitRecordSide[data-v-84d941fe] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
.profitRecordStatusTag[data-v-84d941fe] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}
.profitRecordStatusTag.is-review[data-v-84d941fe] {
  background: #edf5ff;
  color: #3f72ea;
}
.profitRecordStatusTag.is-finished[data-v-84d941fe] {
  background: #ebfaf1;
  color: #1f9a5a;
}
.profitRecordStatusTag.is-failed[data-v-84d941fe] {
  background: #fff1f1;
  color: #e95b5b;
}
.profitRecordStatusTag.is-closed[data-v-84d941fe], .profitRecordStatusTag.is-default[data-v-84d941fe] {
  background: #f3f5f8;
  color: #7c8593;
}
.profitRecordTime[data-v-84d941fe] {
  margin-top: 8px;
  color: #9ba3b0;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
}
.profitRecordIncome[data-v-84d941fe] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #f05f61;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
  text-align: right;
}
.profitRecordStatusRow[data-v-84d941fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.profitRecordCancel[data-v-84d941fe] {
  padding: 0;
  border: none;
  background: transparent;
  color: #4d8cf8;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitRecordCancel[data-v-84d941fe]:disabled {
  color: #a9b2bf;
}
.profitRecordEmpty[data-v-84d941fe] {
  padding: 54px 18px;
  color: #9ca4b1;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.profitWithdrawPopup[data-v-84d941fe] {
  width: min(92vw, 460px);
  overflow: hidden;
  border-radius: 24px;
}
.profitDetailPopup[data-v-84d941fe] {
  overflow: hidden;
  max-height: 82vh;
  border-radius: 24px 24px 0 0;
}
.profitDetailPopup-panel[data-v-84d941fe] {
  padding: 18px 18px 24px;
  background-color: #ffffff;
}
.profitDetailPopup-header[data-v-84d941fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.profitDetailPopup-headerMain[data-v-84d941fe] {
  min-width: 0;
}
.profitDetailPopup-headerMain h3[data-v-84d941fe] {
  margin: 0;
  color: #202332;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  word-break: break-word;
}
.profitDetailPopup-headerMain p[data-v-84d941fe] {
  margin: 10px 0 0;
  color: #f05f61;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}
.profitDetailPopup-close[data-v-84d941fe] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #c4cad4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitDetailPopup-body[data-v-84d941fe] {
  margin-top: 18px;
  max-height: calc(82vh - 150px);
  overflow-y: auto;
}
.profitDetailField[data-v-84d941fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 14px 0;
}
.profitDetailField + .profitDetailField[data-v-84d941fe] {
  border-top: 1px solid #edf2f6;
}
.profitDetailField-label[data-v-84d941fe] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #8f96a3;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.profitDetailField-value[data-v-84d941fe] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #202332;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
  text-align: right;
  word-break: break-word;
}
.profitDetailPopup-footer[data-v-84d941fe] {
  margin-top: 18px;
}
.profitDetailPopup-cancel[data-v-84d941fe] {
  width: 100%;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitDetailPopup-cancel[data-v-84d941fe]:disabled {
  opacity: 0.6;
}
.profitWithdrawPopup-panel[data-v-84d941fe] {
  padding: 18px 20px 20px;
  background-color: #ffffff;
}
.profitWithdrawPopup-header[data-v-84d941fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.profitWithdrawPopup-headerMain[data-v-84d941fe] {
  min-width: 0;
}
.profitWithdrawPopup-headerMain h3[data-v-84d941fe] {
  margin: 0;
  color: #202332;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
}
.profitWithdrawPopup-headerMain p[data-v-84d941fe] {
  margin: 8px 0 0;
  color: #8f96a3;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
}
.profitWithdrawPopup-close[data-v-84d941fe] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #c4cad4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitWithdrawPopup-body[data-v-84d941fe] {
  margin-top: 18px;
}
.profitWithdrawField[data-v-84d941fe] {
  display: block;
}
.profitWithdrawField-label[data-v-84d941fe] {
  display: block;
  color: #5d6470;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}
.profitWithdrawField-input[data-v-84d941fe] {
  width: 100%;
  margin-top: 10px;
  padding: 14px 16px;
  border: 1px solid #e7ebf2;
  border-radius: 14px;
  color: #202332;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}
.profitWithdrawField-input[data-v-84d941fe]::-webkit-input-placeholder {
  color: #b0b7c3;
  font-weight: 500;
}
.profitWithdrawField-input[data-v-84d941fe]::-moz-placeholder {
  color: #b0b7c3;
  font-weight: 500;
}
.profitWithdrawField-input[data-v-84d941fe]:-ms-input-placeholder {
  color: #b0b7c3;
  font-weight: 500;
}
.profitWithdrawField-input[data-v-84d941fe]::-ms-input-placeholder {
  color: #b0b7c3;
  font-weight: 500;
}
.profitWithdrawField-input[data-v-84d941fe]::placeholder {
  color: #b0b7c3;
  font-weight: 500;
}
.profitWithdrawPopup-tip[data-v-84d941fe] {
  margin: 10px 0 0;
  color: #8f96a3;
  font-size: 12px;
  line-height: 1.6;
}
.profitWithdrawPopup-footer[data-v-84d941fe] {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.profitWithdrawPopup-cancel[data-v-84d941fe],
.profitWithdrawPopup-submit[data-v-84d941fe] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  border: none;
  border-radius: 999px;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitWithdrawPopup-cancel[data-v-84d941fe] {
  background-color: #f2f5fa;
  color: #5f6672;
}
.profitWithdrawPopup-submit[data-v-84d941fe] {
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
}
.profitWithdrawPopup-submit[disabled][data-v-84d941fe] {
  opacity: 0.65;
}
.profitLevelPopup[data-v-84d941fe] {
  width: min(92vw, 590px);
  overflow: hidden;
  border-radius: 24px;
}
.profitLevelPopup-panel[data-v-84d941fe] {
  padding: 18px 20px 22px;
  background-color: #ffffff;
}
.profitLevelPopup-header[data-v-84d941fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.profitLevelPopup-headerMain[data-v-84d941fe] {
  min-width: 0;
}
.profitLevelPopup-headerMain h3[data-v-84d941fe] {
  margin: 0;
  color: #202332;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
}
.profitLevelPopup-close[data-v-84d941fe] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #c4cad4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitLevelPopup-body[data-v-84d941fe] {
  margin-top: 14px;
  color: #4c5360;
}
.profitLevelPopup-subtitle[data-v-84d941fe] {
  margin: 0;
  color: #4c5360;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 500;
}
.profitLevelPopup-text[data-v-84d941fe] {
  margin: 22px 0 0;
  color: #4c5360;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 500;
}
.profitLevelPopup-ruleList[data-v-84d941fe] {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.profitLevelPopup-ruleList li[data-v-84d941fe] {
  color: #4c5360;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 500;
  word-break: break-word;
}
.profitLevelPopup-ruleLevel[data-v-84d941fe] {
  font-weight: 600;
}
.profitLevelPopup-text-note[data-v-84d941fe] {
  margin-top: 26px;
}
.profitFilterPopup[data-v-84d941fe] {
  width: 100%;
  max-width: 750px;
}
.profitFilterPopup-panel[data-v-84d941fe] {
  padding: 18px 16px calc(env(safe-area-inset-bottom) + 16px);
  background-color: #ffffff;
}
.profitFilterPopup-header[data-v-84d941fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.profitFilterPopup-headerMain[data-v-84d941fe] {
  min-width: 0;
}
.profitFilterPopup-headerMain h3[data-v-84d941fe] {
  margin: 0;
  color: #1d8cff;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
}
.profitFilterPopup-headerLine[data-v-84d941fe] {
  display: block;
  width: 58px;
  height: 4px;
  margin-top: 8px;
  border-radius: 999px;
  background-color: #1d8cff;
}
.profitFilterPopup-close[data-v-84d941fe] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #9aa3b2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitFilterPopup-body[data-v-84d941fe] {
  margin-top: 20px;
}
.profitFilterSection + .profitFilterSection[data-v-84d941fe] {
  margin-top: 20px;
}
.profitFilterSection-title[data-v-84d941fe] {
  color: #2a2e38;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
}
.profitFilterField[data-v-84d941fe] {
  width: 100%;
  margin-top: 10px;
  padding: 14px 14px;
  border: 1px solid #e7ebf2;
  border-radius: 14px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  text-align: left;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitFilterField-label[data-v-84d941fe] {
  color: #6f7784;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}
.profitFilterField-value[data-v-84d941fe] {
  color: #262a33;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  text-align: right;
}
.profitFilterField-value.placeholder[data-v-84d941fe] {
  color: #b0b7c3;
}
.profitStatusList[data-v-84d941fe] {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.profitStatusItem[data-v-84d941fe] {
  min-width: 88px;
  height: 38px;
  padding: 0 16px;
  border: 1px solid #d9e4f8;
  border-radius: 999px;
  background-color: #ffffff;
  color: #68707d;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitStatusItem.active[data-v-84d941fe] {
  border-color: #4d8cf8;
  background-color: #eef5ff;
  color: #4d8cf8;
}
.profitFilterPopup-footer[data-v-84d941fe] {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.profitFilterPopup-reset[data-v-84d941fe],
.profitFilterPopup-submit[data-v-84d941fe] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 46px;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profitFilterPopup-reset[data-v-84d941fe] {
  background-color: #f2f5fa;
  color: #5f6672;
}
.profitFilterPopup-submit[data-v-84d941fe] {
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
}
.rechargeRecord[data-v-05bbef40] {
  background-color: #f6f6f6;
  min-height: 100vh;
}
.page-header[data-v-05bbef40] {
  background-color: #fff;
  padding: 10px 12px 6px;
  border-bottom: 10px solid #f5f5f5;
}
.search-row[data-v-05bbef40] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.icon-search[data-v-05bbef40] {
  font-size: 24px;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 800;
  color: #333;
}
.search-input[data-v-05bbef40] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  background: #f5f5f5;
  padding: 0 12px 0 36px;
  font-size: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #eee;
}
.search-btn[data-v-05bbef40] {
  margin-left: 10px;
  height: 34px;
  line-height: 34px;
  padding: 0 14px;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#3143f9), to(#3143f9));
  background-image: linear-gradient(to right, #3143f9, #3143f9);
  border: 1px solid #3143f9;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.nav-row[data-v-05bbef40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4px;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.nav-item[data-v-05bbef40] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 6px 10px;
  font-size: 15px;
  color: #7d7d7d;
  text-align: center;
  border-radius: 16px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.nav-item.active[data-v-05bbef40] {
  color: #111;
  font-weight: 700;
}
.rechargeList[data-v-05bbef40] {
  padding: 0 12px;
}
.rechargeList-item[data-v-05bbef40] {
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 8px;
  overflow: hidden;
  padding: 14px 12px 10px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.rechargeList-item-top[data-v-05bbef40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 14px;
}
.rechargeList-left[data-v-05bbef40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.title-row[data-v-05bbef40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 6px 0 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.title-row > img[data-v-05bbef40] {
  width: 34px;
  height: 34px;
  margin-right: 10px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.title[data-v-05bbef40] {
  font-weight: 700;
  font-size: 16px;
  color: #000;
}
.status[data-v-05bbef40] {
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
  font-size: 14px;
}
.detail[data-v-05bbef40] {
  width: 100%;
  min-width: 0;
}
.kv-row[data-v-05bbef40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kv-label[data-v-05bbef40] {
  color: #666;
  font-size: 14px;
}
.kv-value[data-v-05bbef40] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  margin-left: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kv-row-name[data-v-05bbef40] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.kv-value-name[data-v-05bbef40] {
  white-space: normal;
  text-overflow: unset;
  word-break: break-all;
  text-align: right;
}
.kv-value-multi[data-v-05bbef40] {
  white-space: normal;
  text-overflow: unset;
  word-break: break-all;
}
.pin-tip-row[data-v-05bbef40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.pin-tip[data-v-05bbef40] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  color: #ff7400;
  font-size: clamp(12px, 3.5vw, 14px);
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rechargeList-item-bottom[data-v-05bbef40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right;
  padding-top: 10px;
  color: #262626;
  font-size: 12px;
  border-top: 1px solid #f0edf1;
  font-weight: 700;
}
.payMoney[data-v-05bbef40] {
  font-size: 14px;
  padding-right: 12px;
}
.givePoint[data-v-05bbef40] {
  font-size: 13px;
  color: #f32323;
  margin-left: 10px;
  font-weight: 600;
}
.pay[data-v-05bbef40] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 225, 78)), to(rgb(255, 196, 78)));
  background-image: linear-gradient(to right, rgb(255, 225, 78), rgb(255, 196, 78));
  padding: 6px 8px;
  display: inline-block;
  border-radius: 4px;
  margin-left: 8px;
  font-size: 12px;
}
.close[data-v-05bbef40] {
  background-image: -webkit-gradient(linear, left top, right top, from(#f95668), to(#ee0a24));
  background-image: linear-gradient(to right, #f95668, #ee0a24);
  padding: 6px 8px;
  display: inline-block;
  border-radius: 4px;
  margin-left: 8px;
  font-size: 12px;
}
.PinButton[data-v-05bbef40] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 64px;
  max-width: 78px;
  font-size: clamp(10px, 2.8vw, 12px);
  color: #fff;
  font-weight: 700;
  padding: clamp(6px, 1.8vw, 8px) 6px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#fe6947), to(#fabf2b));
  background-image: linear-gradient(to right, #fe6947, #fabf2b);
  text-align: center;
  margin-left: auto;
  line-height: 1.2;
}
.empty[data-v-05bbef40] {
  min-height: calc(100vh - 140px);
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.empty-text[data-v-05bbef40] {
  color: #666;
  font-size: 14px;
  margin-bottom: 14px;
}
.my-btn[data-v-05bbef40] {
  background-color: #0189ff;
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
}
.box-content[data-v-05bbef40] {
  font-size: 12px;
  color: #6d6d6d;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex-direction: column; */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px 16px;
  padding: 8px 0px;
  background-color: #f5f5f5;
  border-radius: 10px;
}
.box[data-v-05bbef40] {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #257ae7;
  color: #fff;
}
.pinCode[data-v-05bbef40] {
  word-break: break-all;
  overflow-wrap: break-word;
  font-size: 14px;
  background-color: whitesmoke;
  border-radius: 0.4em;
  text-align: center;
}
.copyButton[data-v-05bbef40] {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  background-color: #ff7772;
  color: #fff;
  border: none;
  border-radius: 0.4em;
}
.rechargeMethod[data-v-05bbef40] {
  color: rgba(109, 109, 18, 0.85);
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
  background-color: whitesmoke;
  border-radius: 0.4em;
  padding: 2px 3px;
}
.skipBtnDetail[data-v-05bbef40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin: 8px 16px;
  padding: 8px 0px;
  /* width: 100%; */
  border-radius: 10px;
  background-color: #f7f7f7;
  color: #6d6d6d;
}
.skipBtnDetail .skipBtnDetailIcon[data-v-05bbef40] {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}

@charset "UTF-8";
.pageHeader[data-v-0004aa8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; /* 元素靠右对齐 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 垂直居中 */
  padding-top: 20px;
}
.pageHeader img[data-v-0004aa8c] {
  margin-right: 4px; /* 图标与文字之间的间距缩减一半 */
}
.all[data-v-0004aa8c] {
  /* height: 900px; */
  padding: 15px; /* 缩减一半 */
}
.all .savebutton[data-v-0004aa8c] {
  margin-bottom: 5px; /* 缩减一半 */
}
.all .savebutton button[data-v-0004aa8c] {
  background-color: #007aff;
  /* width: 70%; */
  margin: 0 auto;
  color: #fff;
  border-radius: 5px;
  border: none;
  font-size: 12px; /* 缩减一半 */
  line-height: 8px; /* 缩减一半 */
  padding: 2.5px 2.5px; /* 缩减一半 */
}
.all .ImageAll[data-v-0004aa8c] {
  background-color: #bfbfbf;
  text-align: center;
}
.all .ImageAll .title[data-v-0004aa8c] {
  margin: 15px 0; /* 缩减一半 */
  margin-bottom: 5px; /* 缩减一半 */
  text-align: center;
  font-size: 18px; /* 缩减一半 */
}
.all .ImageAll .table[data-v-0004aa8c] {
  display: table;
  width: 100%;
  border-collapse: collapse; /* 取消边框间隔 */
  margin: 0; /* 确保外部没有多余的间距 */
  padding: 0; /* 单元格内边距 */
}
.all .ImageAll .left[data-v-0004aa8c],
.all .ImageAll .right[data-v-0004aa8c] {
  display: table-cell;
  vertical-align: top;
  /* border: 1px solid #000; */
}
.all .ImageAll .left[data-v-0004aa8c] {
  width: 40%;
  padding-left: 18px; /* 缩减一半 */
}
.all .ImageAll .right[data-v-0004aa8c] {
  width: 60%;
  padding-right: 18px; /* 缩减一半 */
}
.all .ImageAll .one[data-v-0004aa8c] {
  font-size: 8px; /* 缩减一半 */
  border: 0.5px solid #000; /* 边框宽度缩减一半 */
  text-align: center;
  border-top: none;
  height: 25px; /* 固定高度缩减一半 */
  line-height: normal; /* 移除单行高度限制，允许换行 */
  word-wrap: break-word; /* 长词语会被断开换行 */
  white-space: normal; /* 允许文字换行 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 使用 Flexbox 实现居中对齐 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 垂直居中 */
}
.all .ImageAll .one[data-v-0004aa8c]:nth-child(odd) {
  background-color: white; /* 奇数项背景设置为白色 */
}
.all .ImageAll .taller[data-v-0004aa8c] {
  height: 40px; /* 自定义的高度缩减一半 */
}
.all .ImageAll .first[data-v-0004aa8c] {
  border-top: 0.5px solid #000; /* 边框宽度缩减一半 */
}
.all .ImageAll .chnelBorder[data-v-0004aa8c] {
  border-left: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* 水平居中 */
}
.all .ImageAll .leftpadding[data-v-0004aa8c] {
  padding-left: 8px; /* 缩减一半 */
}
.all .ImageAll .imageBottom[data-v-0004aa8c] {
  padding-bottom: 200px;
  background-color: #bfbfbf;
}
@charset "UTF-8";
.detail-box[data-v-b262a966] {
  padding: 0 15px;
  padding-bottom: 15px;
  background: #f5f5f5;
}

/* 顶部订单信息（图标+文字上下居中） */
.order-detail[data-v-b262a966] {
  padding: 20px 0 10px;
  text-align: center;
}
.order-detail .order-header[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order-detail .order-logo[data-v-b262a966] {
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.order-detail .order-header-right[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order-detail .order-body[data-v-b262a966] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
.order-detail .order-account[data-v-b262a966] {
  font-size: 13px;
  color: #666;
}

/* 进度+保障卡片外层 */
.order-status[data-v-b262a966] {
  margin-top: 10px;
  padding: 16px 12px 0;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.03);
}
.order-progress-header[data-v-b262a966] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
.order-progress-bar[data-v-b262a966] {
  position: relative;
  height: 28px;
  margin: 0 4px;
}
.order-progress-bg[data-v-b262a966] {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ededed;
  border-radius: 6px;
}
.order-progress-active[data-v-b262a966] {
  position: absolute;
  left: 0;
  top: 50%;
  height: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #0189ff;
  border-radius: 6px;
  z-index: 1;
}
.order-progress-active.polling[data-v-b262a966] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.55)), color-stop(35%, rgba(255, 255, 255, 0.15)), color-stop(50%, rgba(255, 255, 255, 0.75)), color-stop(65%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.55)));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 35%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.15) 65%, rgba(255, 255, 255, 0.55) 100%);
  background-size: 220% 100%;
  -webkit-animation: order-progress-flow-b262a966 4s linear infinite;
          animation: order-progress-flow-b262a966 4s linear infinite;
}
@-webkit-keyframes order-progress-flow-b262a966 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
@keyframes order-progress-flow-b262a966 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
.order-progress-active.step-1[data-v-b262a966] {
  width: 35%;
}
.order-progress-active.step-2[data-v-b262a966] {
  width: 70%;
}
.order-progress-active.step-3[data-v-b262a966] {
  width: 100%;
}
.order-progress-fail-seg[data-v-b262a966] {
  position: absolute;
  top: 50%;
  height: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 70%;
  width: 30%;
  background-color: #ff4e4e;
  border-radius: 0 6px 6px 0;
  z-index: 2;
}
.order-progress-circles[data-v-b262a966] {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5;
}
.progress-circle[data-v-b262a966] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #ededed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.progress-circle i[data-v-b262a966] {
  color: #fff;
  font-size: 18px;
}
.progress-circle.active[data-v-b262a966] {
  background-color: #0189ff;
}
.order-progress-text[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  padding: 0 4px;
  padding-bottom: 8px;
  font-size: 12px;
  color: #333;
}

/* 保障卡片 */
.order-guarantee-card[data-v-b262a966] {
  margin-top: 18px;
  padding: 16px 12px 18px;
}
.guarantee-main-title[data-v-b262a966] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.guarantee-subtitle[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  cursor: pointer;
}
.guarantee-subtitle-left[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.guarantee-subtitle span[data-v-b262a966] {
  font-size: 14px;
  font-weight: 600;
}
.guarantee-arrow[data-v-b262a966] {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #999;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.guarantee-arrow.expanded[data-v-b262a966] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.guarantee-divider[data-v-b262a966] {
  height: 1px;
  background-color: #f3f3f3;
  margin-bottom: 10px;
}
.guarantee-desc[data-v-b262a966] {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
}
.guarantee-result[data-v-b262a966] {
  margin-top: 12px;
  padding: 10px 12px 8px;
  background-color: #ebf7ff;
  border-radius: 12px;
}
.guarantee-result--fail[data-v-b262a966] {
  background-color: transparent;
  background: -webkit-gradient(linear, left top, right top, from(#ffedeb), color-stop(60%, #fff6f5), to(#fff1ef));
  background: linear-gradient(90deg, #ffedeb 0%, #fff6f5 60%, #fff1ef 100%);
}
.result-header[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}
.result-icon[data-v-b262a966] {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background: #0189ff;
  color: #fff;
  margin-right: 8px;
  font-weight: 700;
}
.result-icon.fail[data-v-b262a966] {
  background: #ff4e4e;
}
.result-title[data-v-b262a966] {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.result-desc[data-v-b262a966] {
  font-size: 13px;
  color: #606266;
  margin-top: 4px;
  line-height: 1.6;
}
.result-time[data-v-b262a966] {
  font-size: 12px;
  color: #909399;
  margin-top: 4px;
}

/* 订单信息白底卡片 */
.order-info-card[data-v-b262a966] {
  margin-top: 10px;
  padding: 16px 12px 18px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.03);
}
.order-info[data-v-b262a966] {
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}
.order-table > div[data-v-b262a966] {
  border-bottom: 1px solid #eae9ed;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.order-table > div .left[data-v-b262a966] {
  width: 100px;
  padding: 10px 0;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  color: #000;
}
.order-table > div .right[data-v-b262a966] {
  padding: 10px 0;
  padding-left: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  word-break: normal;
  float: left;
  width: calc(100% - 100px);
  text-align: right;
  font-weight: 600;
}
.order-table > div[data-v-b262a966]:last-child {
  border-bottom: none;
}

/* 底部按钮行：不换行、靠右 */
.serve-row[data-v-b262a966] {
  width: 90%;
  margin: 16px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.serve-row .serve-item[data-v-b262a966] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: clamp(12px, 1.2vw, 14px);
  line-height: 1.2;
  color: #000;
  font-weight: 600;
  background-color: #fff;
  cursor: pointer;
}
.serve-row .serve-item-primary[data-v-b262a966] {
  background-color: #0189ff;
  border-color: #0189ff;
  color: #fff;
}
.profit-link-btn[data-v-b262a966] {
  border: none;
  padding: 0;
  background: transparent;
  color: #2284ff;
  font-size: 15px;
  font-weight: 600;
}
.pinCode[data-v-b262a966] {
  word-break: break-all;
  overflow-wrap: break-word;
  font-size: 14px;
  background-color: whitesmoke;
  border-radius: 0.4em;
  text-align: center;
}
.copyButton[data-v-b262a966] {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  background-color: #ff7772;
  color: #fff;
  border: none;
  border-radius: 0.4em;
}
.rechargeMethod[data-v-b262a966] {
  color: rgba(109, 109, 18, 0.85);
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
  background-color: whitesmoke;
  border-radius: 0.4em;
  padding: 2px 3px;
}
em[data-v-b262a966] {
  padding: 15px 0.6em;
  font-size: 18px;
  display: inline-block;
  border-radius: 4px;
  margin: 10px auto;
  display: block;
  text-align: center;
  width: 250px;
}
em.pay[data-v-b262a966] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 225, 78)), to(rgb(255, 196, 78)));
  background-image: linear-gradient(to right, rgb(255, 225, 78), rgb(255, 196, 78));
}
em.close[data-v-b262a966] {
  background-image: -webkit-gradient(linear, left top, right top, from(#f95668), to(#ee0a24));
  background-image: linear-gradient(to right, #f95668, #ee0a24);
  margin-left: 4px;
}
.gongZhongHao[data-v-b262a966] {
  border: 1px solid #e5e5e5;
  padding: 5px 10px 10px 5px;
  color: #b2b2b2;
  /* margin-top: 15px; */
  margin-bottom: 15px;
}
.gongZhongHao .title-desc[data-v-b262a966] {
  font-size: 11px;
}
.gongZhongHao .content[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gongZhongHao .content .logo[data-v-b262a966] {
  width: 50px;
  height: 50px;
  margin-top: 5px;
}
.gongZhongHao .content .logo img[data-v-b262a966] {
  width: 50px;
  height: 50px;
}
.gongZhongHao .content .title[data-v-b262a966] {
  min-width: 60%;
  margin-left: 8px;
  margin-top: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gongZhongHao .content .title .name[data-v-b262a966] {
  color: #000;
  margin-bottom: 5px;
  font-size: 16px;
}
.gongZhongHao .content .title .desc[data-v-b262a966] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  margin-top: 7px;
}
.gongZhongHao .content .guanzhu[data-v-b262a966] {
  padding: 0 15px;
  color: #1aad19;
  border: 1px solid #1aad19;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  margin-top: 20px;
  border-radius: 5px;
}
.gzhImgStyle[data-v-b262a966] {
  padding: 0 !important;
}
.couponeUser .box[data-v-b262a966] {
  width: 34px;
  height: 34px;
  border: 1px solid #fff;
  border-radius: 17px;
  position: relative;
  margin: 15px auto 0;
}
.couponeUser .box .coupone-chahao[data-v-b262a966] {
  color: #fff !important;
  font-size: 24px !important;
  position: absolute;
  top: 2.5px;
  left: 3.5px;
}
.gzImg[data-v-b262a966] {
  /* position: fixed;
    bottom: 0;
    width: calc(100% - 30px); */
  width: 100%;
  margin-top: 10px;
}
.box-content[data-v-b262a966] {
  font-size: 12px;
  color: #6d6d6d;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex-direction: column; */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px 16px;
  padding: 8px 0px;
  background-color: #f5f5f5;
  border-radius: 10px;
}
.box[data-v-b262a966] {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #257ae7;
  color: #fff;
}
.item-card2[data-v-b262a966] {
  background-color: #f5f5f5;
  border-radius: 8px;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 8px 10px;
  /* display: flex;
    justify-content: space-between; */
}
.item-card2 .header[data-v-b262a966] {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}
.item-card2 .content[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: pointer;
}
.item-card2 .content .content-item[data-v-b262a966] {
  width: 172px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
}
.item-card2 .content .content-item .img[data-v-b262a966] {
  height: 220px;
}
.item-card2 .content .content-item .img img[data-v-b262a966] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.item-card2 .content .content-item .title[data-v-b262a966] {
  line-height: 28px;
  min-height: 56px;
  margin-top: 6px;
  font-size: 14px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PinButton[data-v-b262a966] {
  /* margin-top: 6px; */
  font-size: 14px;
  border-top: 1px solid rgb(240, 237, 241);
  color: white;
  font-weight: bold;
  padding: 0.3em 0.3em;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#fe6947), to(#fabf2b));
  background-image: linear-gradient(to right, #fe6947, #fabf2b);
  text-align: center;
  display: inline-block;
  margin-left: 4px;
}
.container[data-v-b262a966] {
  width: 360px;
  height: 550px;
  /* letter-spacing: 4px; */
  /* background: #009de0; */
  /* background-image: url("https://oss.globalcharge.cn/prod/wechat/src/assets/userCenter/orderBg.png"); */
  /* background-size: 320px 500px; */
  padding: 20px;
}
.order-title[data-v-b262a966] {
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-title img[data-v-b262a966] {
  vertical-align: middle;
  margin-right: 10px;
}
.order-title h2[data-v-b262a966] {
  font-size: 20px;
  /* font-weight: 600; */
}
.divider[data-v-b262a966] {
  height: 0;
  border-bottom: 2px dashed #eee;
  width: 296px;
  margin: 17px auto;
}
.save[data-v-b262a966] {
  line-height: 40px;
  font-size: 16px;
  color: #ed403a;
  text-align: center;
  border-top: 1px solid #eee;
}
.item-card[data-v-b262a966] {
  background-color: #f5f5f5;
  border-radius: 8px;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0px 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.item-card .left[data-v-b262a966] {
  /* flex: 1; */
  width: calc(100% - 110px);
  max-width: 500px;
}
.item-card .left .title[data-v-b262a966] {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}
.item-card .left .desc[data-v-b262a966] {
  line-height: 22px;
  font-size: 14px;
  color: #6d6d6d;
  margin-top: 4px;
  word-wrap: break-word;
  word-break: normal;
  min-height: 44px;
}
.item-card .right[data-v-b262a966] {
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  margin-left: 10px;
}
.box-content[data-v-b262a966] {
  font-size: 12px;
  color: #6d6d6d;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.skipBtnDetail[data-v-b262a966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin: 8px 16px;
  padding: 8px 0px;
  /* width: 100%; */
  border-radius: 10px;
  background-color: #f7f7f7;
  color: #6d6d6d;
}
.skipBtnDetail .skipBtnDetailIcon[data-v-b262a966] {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.complain-detail-btn[data-v-b262a966] {
  margin-left: 12px;
  padding: 4px 10px;
  font-size: 12px;
  color: #000;
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  line-height: 1.2;
  cursor: pointer;
}
.complain-detail-btn[data-v-b262a966]:active {
  opacity: 0.85;
}
.selectOrderPage .countryInput-top-input .van-cell {
  font-size: 16px;
  padding: 0;
  line-height: normal;
  color: #333;
  background: transparent;
}
.selectOrderPage .countryInput-top-input .van-field__body {
  min-height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.selectOrderPage .countryInput-top-input input {
  font-size: 16px;
  color: #5d6470;
}
.selectOrderPage .countryInput-top-input input::-webkit-input-placeholder {
  color: #b0b6c2;
}
.selectOrderPage .countryInput-top-input input::-moz-placeholder {
  color: #b0b6c2;
}
.selectOrderPage .countryInput-top-input input:-ms-input-placeholder {
  color: #b0b6c2;
}
.selectOrderPage .countryInput-top-input input::-ms-input-placeholder {
  color: #b0b6c2;
}
.selectOrderPage .countryInput-top-input input::placeholder {
  color: #b0b6c2;
}
.countryInput-top-phoneList-item[data-v-3c542272], .countryInput-top-wrapper[data-v-3c542272], .countryInput-top[data-v-3c542272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rechargeCenter[data-v-3c542272] {
  min-height: 100vh;
  padding-bottom: 56px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f5fb), to(#f7f8fc));
  background: linear-gradient(180deg, #f3f5fb 0%, #f7f8fc 100%);
}
.selectOrderPage[data-v-3c542272] {
  width: min(100%, 720px);
  margin: 0 auto;
  padding: 26px 16px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.orderHero[data-v-3c542272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.orderHero-iconImage[data-v-3c542272] {
  width: 80px;
  height: 80px;
}
.orderHero-title[data-v-3c542272] {
  margin: 18px 0 0;
  color: #1f2329;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
}
.orderHero-subtitle[data-v-3c542272] {
  margin: 8px 0 0;
  color: #8b95a7;
  font-size: 14px;
  line-height: 1.5;
}
.countryInput[data-v-3c542272] {
  width: 100%;
  margin: 0;
  border: 1px solid #ebe7e1;
  border-radius: 999px;
  background-color: #fff;
  -webkit-box-shadow: 0 8px 20px rgba(38, 46, 61, 0.05);
          box-shadow: 0 8px 20px rgba(38, 46, 61, 0.05);
}
.countryInput-top.bg[data-v-3c542272] {
  opacity: 0.8;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: 100%;
  zoom: 1;
  background-color: #000;
  z-index: 2;
}
.countryInput-top[data-v-3c542272] {
  position: relative;
  min-height: 68px;
  padding: 0 22px;
  z-index: 3;
  background-color: transparent;
}
.countryInput-top-img[data-v-3c542272] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #2c313a;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.countryInput-top-wrapper[data-v-3c542272] {
  border-bottom: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 14px;
}
.countryInput-top-wrapper > p[data-v-3c542272] {
  color: #999999;
  font-size: 18px;
  font-weight: bold;
}
.countryInput-top-label[data-v-3c542272] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 14px;
  color: #424854;
  font-size: 15px;
  line-height: 1.4;
  white-space: nowrap;
  border-left: 2px solid #404652;
}
.countryInput-top-icon[data-v-3c542272] {
  font-size: 56px;
}
.countryInput-top-input[data-v-3c542272] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.countryInput-top-phoneList[data-v-3c542272] {
  top: 71px;
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #fff;
  padding: 0 12px 12px;
}
.countryInput-top-phoneList-item[data-v-3c542272] {
  font-size: 15px;
  color: #2a2a2a;
  padding: 12px 0;
  border-bottom: 1px solid #f2f2f2;
  font-weight: bold;
}
.countryInput-top-phoneList-item p[data-v-3c542272] {
  padding: 0 0.7em 0 0.5em;
}
.countryInput-top-phoneList-item em[data-v-3c542272] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.countryInput-top-phoneList-item span[data-v-3c542272] {
  color: #888888;
  font-size: 12px;
  font-weight: normal;
}
.countryInput-bottom[data-v-3c542272] {
  display: none;
}
.searchCountryWrapper[data-v-3c542272] {
  padding: 9px 12px;
  margin: 0 auto;
}
.searchCountryWrapper .searchCountry[data-v-3c542272] {
  font-size: 16px;
  padding: 9px 12px;
  border: 1px solid #666666;
  line-height: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rechargeBar[data-v-3c542272] {
  margin-top: 26px;
}
.orderCard[data-v-3c542272],
.emptyState[data-v-3c542272] {
  background: #ffffff;
  border-radius: 24px;
  -webkit-box-shadow: 0 16px 30px rgba(32, 46, 84, 0.08);
          box-shadow: 0 16px 30px rgba(32, 46, 84, 0.08);
}
.orderCard[data-v-3c542272] {
  overflow: hidden;
}
.orderRow[data-v-3c542272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid #edf1f7;
}
.orderRow[data-v-3c542272]:last-child {
  border-bottom: none;
}
.orderLabel[data-v-3c542272] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #535a67;
  font-size: 16px;
  line-height: 1.5;
}
.orderValue[data-v-3c542272] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #20242c;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  text-align: right;
  word-break: break-word;
}
.orderValue-wrap[data-v-3c542272] {
  white-space: normal;
}
.orderValue-status[data-v-3c542272] {
  color: #2284ff;
}
.orderActionButton[data-v-3c542272] {
  min-width: 92px;
  height: 38px;
  padding: 0 16px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffbf57 0%, #ff7b3a 100%);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.orderProfitButton[data-v-3c542272] {
  border: none;
  padding: 0;
  background: transparent;
  color: #2284ff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.emptyState[data-v-3c542272] {
  margin-top: 6px;
  padding: 56px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.emptyState-image[data-v-3c542272] {
  width: 72px;
  margin-bottom: 24px;
}
.emptyState-text[data-v-3c542272] {
  margin: 0;
  color: #6b7485;
  font-size: 15px;
  line-height: 1.5;
}
.queryPanel[data-v-3c542272] {
  margin-top: 20px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 767px) {
.selectOrderPage[data-v-3c542272] {
    padding: 20px 12px 0;
}
.orderHero-title[data-v-3c542272] {
    font-size: 20px;
}
.orderCard[data-v-3c542272],
  .emptyState[data-v-3c542272] {
    border-radius: 20px;
}
.orderRow[data-v-3c542272] {
    padding: 16px;
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.orderLabel[data-v-3c542272],
  .orderValue[data-v-3c542272] {
    font-size: 15px;
}
.orderActionButton[data-v-3c542272] {
    min-width: 84px;
    height: 34px;
    border-radius: 10px;
    font-size: 13px;
}
.queryPanel[data-v-3c542272] {
    padding: 0;
}
.countryInput-top[data-v-3c542272] {
    min-height: 60px;
    padding: 0 18px;
}
.countryInput-top-wrapper[data-v-3c542272] {
    gap: 12px;
}
.countryInput-top-label[data-v-3c542272] {
    padding-left: 12px;
    font-size: 14px;
}
.countryInput-top-img[data-v-3c542272] {
    font-size: 22px;
}
}

.custom-dialog[data-v-3c542272] {
  max-width: 80%;
  max-height: 80vh; /* 给弹窗更高的上限，避免整体过矮 */
}
/* 让内容区自己滚动，避免被底部按钮遮住 */
.custom-dialog[data-v-3c542272] .van-dialog__content {
  max-height: 60vh;
  overflow-y: auto;
}
.dialog-content[data-v-3c542272] {
  max-height: 60vh;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 10px;
  white-space: nowrap;
}
.table-wrapper[data-v-3c542272] {
  display: table;
  table-layout: auto; /* 让列宽根据内容自动调整 */
  min-width: 100%; /* 保持最小宽度与容器一致 */
  border-collapse: collapse; /* 让边框合并，看起来更整齐 */
  background-color: #fff;
  border: 0.5px solid #ddd; /* 给整个表格加边框 */
}
.row[data-v-3c542272] {
  display: table-row; /* 让每行按照表格行布局 */
  border-bottom: 0.5px solid #ddd;
}
.header[data-v-3c542272] {
  font-weight: bold;
  background: #f5f5f5;
  border-bottom: 1px solid #aaa;
}
.cell[data-v-3c542272] {
  display: table-cell; /* 让单元格按照表格单元格布局 */
  padding: 8px;
  text-align: center;
  border-bottom: 0.25px solid #ddd;
  white-space: nowrap; /* 不换行 */
}
.cell.phone[data-v-3c542272],
.cell.reason[data-v-3c542272] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; /* 根据内容自动扩展 */
  overflow: visible; /* 确保完整显示 */
  text-overflow: clip; /* 不截断 */
}
.cell.operator[data-v-3c542272] {
  min-width: 92px;
}
.cell[data-v-3c542272]:last-child {
  /* border-right: none; */
}
.cell.phone[data-v-3c542272] {
  /* border-left: 1px solid #ddd; */
}
.fail[data-v-3c542272] {
  color: red;
}
.processing[data-v-3c542272] {
  color: yellowgreen;
}
.success[data-v-3c542272] {
  color: green;
}
.copy-btn-wrapper[data-v-3c542272] {
  text-align: center;
  padding: 15px;
  white-space: nowrap; /* 🚫 禁止换行 */
}
.marginRight[data-v-3c542272] {
  padding-right: 50px;
}

.profileHome[data-v-0e1c4442] {
  min-height: 100vh;
  padding: 20px 16px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9fbff), to(#eef3f9));
  background: linear-gradient(180deg, #f9fbff 0%, #eef3f9 100%);
}
.profileHome button[data-v-0e1c4442] {
  border: 0;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.profileHome button[data-v-0e1c4442]:focus-visible {
  outline: 2px solid #4f7cff;
  outline-offset: 2px;
}
.pageHeader[data-v-0e1c4442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 22px;
}
.pageHeader-title[data-v-0e1c4442] {
  margin: 0;
  color: #171c26;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}
.pageHeader-actions[data-v-0e1c4442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 18px;
}
.headerAction[data-v-0e1c4442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 44px;
  min-height: 44px;
  color: #2f3642;
}
.headerAction-icon[data-v-0e1c4442] {
  position: relative;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.headerAction-icon i[data-v-0e1c4442] {
  font-size: 22px;
  color: #2b3342;
}
.headerAction-dot[data-v-0e1c4442] {
  position: absolute;
  top: 0;
  right: -1px;
  width: 9px;
  height: 9px;
  border: 2px solid #f9fbff;
  border-radius: 50%;
  background: #ff5d5d;
}
.headerAction-label[data-v-0e1c4442] {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.2;
}
.profilePanel[data-v-0e1c4442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.avatarWrap[data-v-0e1c4442] {
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: linear-gradient(135deg, #dce7f8, #b8cde8);
  -webkit-box-shadow: 0 12px 24px rgba(122, 149, 186, 0.18);
          box-shadow: 0 12px 24px rgba(122, 149, 186, 0.18);
}
.avatarWrap img[data-v-0e1c4442] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profileMain[data-v-0e1c4442] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.profileName[data-v-0e1c4442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.profileName h2[data-v-0e1c4442] {
  margin: 0;
  max-width: 7em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #171c26;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.memberTag[data-v-0e1c4442] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 4px 8px;
  border-radius: 999px;
  color: #4c5f78;
  font-size: 10px;
  font-weight: 600;
  background: linear-gradient(135deg, #edf3fb, #dbe6f3);
}
.pointBadge[data-v-0e1c4442] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 999px;
  color: #516173;
  font-size: 11px;
  line-height: 1.3;
  background: #eef4fa;
}
.profileEdit[data-v-0e1c4442] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  min-height: 44px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #2f3642;
  font-size: 13px;
  font-weight: 600;
}
.profileEdit i[data-v-0e1c4442] {
  font-size: 12px;
  color: #7b8594;
}
.followBanner[data-v-0e1c4442] {
  display: block;
  width: 100%;
  margin: 16px 0 8px;
  border-radius: 18px;
  -webkit-box-shadow: 0 10px 24px rgba(75, 109, 167, 0.08);
          box-shadow: 0 10px 24px rgba(75, 109, 167, 0.08);
}
.statsPanel[data-v-0e1c4442] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 18px;
}
.statItem[data-v-0e1c4442] {
  min-height: 84px;
  text-align: center;
}
.statItem strong[data-v-0e1c4442] {
  display: block;
  color: #171c26;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}
.statItem span[data-v-0e1c4442] {
  display: block;
  margin-top: 10px;
  color: #596577;
  font-size: 13px;
  line-height: 1.3;
}
.featureGrid[data-v-0e1c4442] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.featureCard[data-v-0e1c4442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  aspect-ratio: 2.5/1;
  padding: 18px 16px;
  border-radius: 22px;
  text-align: left;
  -webkit-box-shadow: 0 12px 28px rgba(35, 52, 89, 0.06);
          box-shadow: 0 12px 28px rgba(35, 52, 89, 0.06);
  overflow: hidden;
}
.featureCard--invite[data-v-0e1c4442] {
  background-color: #eef6ff;
  background-image: url("https://oss.globalcharge.cn/prod/app/Invitefriends.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.featureCard--survey[data-v-0e1c4442] {
  background-color: #eef6ff;
  background-image: url("https://oss.globalcharge.cn/prod/app/downLoadAPP.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.featureCard-copy[data-v-0e1c4442] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 12px;
  padding-bottom: 8px;
}
.featureCard-copy h3[data-v-0e1c4442] {
  margin: 0 0 8px;
  color: #171c26;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}
.featureCard-copy p[data-v-0e1c4442] {
  margin: 0;
  color: #788494;
  font-size: 12px;
  line-height: 1.4;
}
.featureCard-art[data-v-0e1c4442] {
  width: 72px;
  height: 72px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 22px;
  background: #c7dbff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.featureCard-art--invite[data-v-0e1c4442] {
  display: none;
}
.featureCard-art--survey[data-v-0e1c4442] {
  display: none;
}
.panelCard[data-v-0e1c4442] {
  padding: 22px 18px;
  margin-bottom: 16px;
  border-radius: 24px;
  background: #ffffff;
  -webkit-box-shadow: 0 14px 32px rgba(36, 53, 92, 0.06);
          box-shadow: 0 14px 32px rgba(36, 53, 92, 0.06);
}
.sectionTitle[data-v-0e1c4442] {
  margin: 0 0 18px;
  color: #171c26;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.serviceCard[data-v-0e1c4442] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.serviceItem[data-v-0e1c4442] {
  width: 100%;
  min-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #171c26;
}
.serviceItem + .serviceItem[data-v-0e1c4442] {
  border-top: 1px solid #eef1f6;
}
.serviceItem i[data-v-0e1c4442] {
  color: #98a2b3;
  font-size: 12px;
}
.serviceItem-main[data-v-0e1c4442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  min-width: 0;
}
.serviceItem-main span[data-v-0e1c4442] {
  color: #171c26;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}
.serviceIcon[data-v-0e1c4442] {
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #d9ebff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.serviceIcon--fan-base[data-v-0e1c4442] {
  background-image: url("https://oss.globalcharge.cn/prod/app/community2.png");
  background-color: transparent;
}
.serviceIcon--customer-service[data-v-0e1c4442] {
  background-image: url("https://oss.globalcharge.cn/prod/app/KF2.png");
  background-color: transparent;
}
.serviceIcon--batch-recharge[data-v-0e1c4442] {
  background-image: url("https://oss.globalcharge.cn/prod/app/batch2.png");
  background-color: transparent;
}
.serviceIcon--profit-account[data-v-0e1c4442] {
  background-image: url("https://oss.globalcharge.cn/prod/app/AccountAndSafety2.png");
  background-color: transparent;
}
@media (max-width: 360px) {
.profileHome[data-v-0e1c4442] {
    padding-left: 12px;
    padding-right: 12px;
}
.pageHeader-actions[data-v-0e1c4442] {
    gap: 14px;
}
.profilePanel[data-v-0e1c4442] {
    gap: 10px;
}
.profileName h2[data-v-0e1c4442] {
    font-size: 17px;
}
.statItem strong[data-v-0e1c4442] {
    font-size: 18px;
}
.featureCard[data-v-0e1c4442] {
    padding: 17px 13px;
}
.featureCard-copy h3[data-v-0e1c4442],
  .sectionTitle[data-v-0e1c4442] {
    font-size: 15px;
}
.serviceItem-main span[data-v-0e1c4442] {
    font-size: 14px;
}
}
#userCenter[data-v-c230525a] {
  min-height: 100vh;
  padding-bottom: 80px;
  background: #eef3f9;
}
.subscribePopup[data-v-c230525a] {
  background-color: transparent;
}
#userCenter[data-v-0296751a] {
  min-height: 100vh;
  padding-bottom: 112px;
  background: #eef3f9;
}
.subscribePopup[data-v-0296751a] {
  background-color: transparent;
}
footer[data-v-0296751a] {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  max-width: 750px;
  padding: 13px 0;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #f5f2f0;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
footer > div[data-v-0296751a] {
  width: 50%;
}
footer > div svg[data-v-0296751a] {
  color: #000000;
}
footer > div svg.active[data-v-0296751a] {
  fill: #0b8be8;
}
.miniprogram[data-v-44fda724] {
  text-align: center;
  font-size: 15px;
  color: #201F1F;
}
.miniprogram-subtitle[data-v-44fda724] {
  color: #fff;
  font-size: 16px;
}
.miniprogram-subtitle span[data-v-44fda724] {
  font-size: 15px;
}
.miniprogram-title[data-v-44fda724] {
  color: #fff;
  font-size: 24px;
  font-weight: bolder;
  margin: 12px 0 26px;
}
.miniprogram-main[data-v-44fda724] {
  background-color: #fff;
  border-radius: 5px;
  padding: 19px 0 14px;
}
.miniprogram-main-title[data-v-44fda724] {
  color: #525BCC;
  background-color: #F1F1FE;
  padding: 6px 22px;
  border-radius: 50px;
}
.miniprogram-main-code[data-v-44fda724] {
  width: 152px;
  margin: 30px auto 25px;
}
.miniprogram-main-tips[data-v-44fda724] {
  font-size: 12px;
  margin-top: 30px;
}
.miniprogram-bottom[data-v-44fda724] {
  width: 141px;
  margin: 21px auto 0;
}
#order-complaint[data-v-304c6f0e] {
  position: relative;
}
#order-complaint .header[data-v-304c6f0e] {
  background-color: #3bb270;
  color: #fff;
  font-size: 18px;
  height: 120px;
  line-height: 80px;
  padding-left: 30px;
}
.complaint-box[data-v-304c6f0e] {
  position: absolute;
  top: 75px;
  background-color: #fff;
  /* padding: 0 20px; */
  width: 92%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 10px;
}
.card[data-v-304c6f0e] {
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
}
.content[data-v-304c6f0e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}
.content .logo[data-v-304c6f0e] {
  width: 45px;
  height: 45px;
  margin-top: 5px;
}
.content .logo img[data-v-304c6f0e] {
  width: 45px;
  height: 45px;
}
.content .title[data-v-304c6f0e] {
  min-width: 60%;
  margin-left: 14px;
  margin-top: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.content .title .name[data-v-304c6f0e] {
  color: #000;
  margin-bottom: 5px;
  font-size: 14px;
}
.content .title .desc[data-v-304c6f0e] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  margin-top: 7px;
  font-weight: 700;
}
.content .guanzhu[data-v-304c6f0e] {
  /* padding: 0 15px; */
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  margin-top: 25px;
  border-radius: 5px;
  color: #afafaf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.link[data-v-304c6f0e] {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.link .link-btn[data-v-304c6f0e] {
  width: 49%;
  display: block;
  line-height: 50px;
  line-height: 50px;
  text-align: center;
  color: #656565;
  background-color: #f9f9f9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
}
.order-table[data-v-304c6f0e] {
  /* border: 1px solid #eae9ed; */
}
.order-table > div[data-v-304c6f0e] {
  /* display: flex; */
  /* flex-wrap:wrap; */
  /* border-bottom: 1px solid #eae9ed; */
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.order-table > div .left[data-v-304c6f0e] {
  /* border-right: 1px solid #eae9ed; */
  width: 100px;
  padding: 10px 0;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  color: #939393;
}
.order-table > div .right[data-v-304c6f0e] {
  /* flex: 1; */
  padding: 10px 0;
  padding-left: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  word-break: normal;
  float: left;
  /* border-left: 1px solid #eae9ed; */
  width: calc(100% - 100px);
  /* font-weight: 600; */
}
.order-table > div[data-v-304c6f0e]:nth-child(2n+1) {
  /* background-color: #f2f2f2; */
}
.options[data-v-304c6f0e] {
  margin-top: 40px;
  /* background-color: pink; */
  font-size: 16px;
  padding-bottom: 30px;
}
.options .options-title[data-v-304c6f0e] {
  font-size: 17px;
  /* font-weight: 600; */
}
.submit-btn[data-v-304c6f0e] {
  color: #fff;
  background-color: #1989fa;
  border: 1px solid #1989fa;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 44px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-appearance: none;
  padding: 0 15px;
  font-size: 14px;
  width: 100%;
  margin-top: 10px;
}
#Page404[data-v-18f4c7ca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.img-404[data-v-18f4c7ca] {
  width: 60%;
}
h1[data-v-18f4c7ca] {
  font-size: 0.4rem;
  font-weight: bold;
  color: rgb(51, 51, 51);
  line-height: 3;
  margin-top: 2em;
}
h2[data-v-18f4c7ca] {
  color: #C9C9C9;
  font-size: 0.36rem;
  margin-bottom: 9em;
}
.return-button[data-v-18f4c7ca] {
  padding: 0 5em;
  color: #8F8F8F;
}
.header-bar[data-v-81cd44ee] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 120, 46)), to(rgb(255, 78, 71)));
  background-image: linear-gradient(90deg, rgb(255, 120, 46), rgb(255, 78, 71));
}
.header-bar .img-403[data-v-81cd44ee] {
  width: 40%;
  margin: 0 auto;
  position: relative;
  bottom: -2rem;
}
.middle-bar[data-v-81cd44ee] {
  padding-top: 3.2rem;
  text-align: center;
}
.middle-bar strong[data-v-81cd44ee] {
  font-size: 0.5rem;
  color: #505050;
}
.middle-bar p[data-v-81cd44ee] {
  font-size: 0.36rem;
  color: #999999;
  line-height: 4;
  margin-bottom: 0.5rem;
}
.middle-bar .return-btn[data-v-81cd44ee] {
  padding: 0 3em;
}
.weixin-tip[data-v-0da591ab] {
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 15px;
  right: 20px;
  width: 265px;
  padding: 70px 0 0;
  text-align: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAACICAMAAABQgAwUAAAAMFBMVEUAAADY2NjY2NjY2NjY2NjY2NjY2NjY2NjX19fY2NjY2NjY2NjY2NjY2NjY2NjY2Njr/TvvAAAAD3RSTlMAxy89c9CdTRyG7lvcD7FzqbJAAAACFklEQVR42uWYy4rkMBAErZdlPdzx/3+7LAw0tH0Y2orDsnnyKQlSVaWytoc6xrEpigFoinUAIBnWABAE5woW9o6GPbGwI1jYGSzsgoV9goU9wMLe0bA7FnYCC7uBhV2wsE+wsAdY2AENGyzsBBZ2Q8MuWNgH94pLbgELO6Bhg4VdwcJuaNgTCzuChZ3Bwg5o2GBhV7CwdzTsjoUdwcLOYGEXLOwTLOwBFvaOht2xsBNY2I1f6lhaenvhrfpkAblab+k9b/OD0iuX2F9/x8D+7ZL2pmpbuj+6o3Vg//oWmPU9p65VkXL6+oIJ8S738nwj62Pb1lvHACH+fBs7sG59U3yrVD3rce3GVcp8qGkPAGTprQUYy6xfaE8i82b6S7/pfZnzdYQIHeOXdfYKpHoFcmrvWlM8RW+CDO8JMWoNM/+FeyB4UfMpL48g5qG1Iqc29YI3mqq2knXvEJu2onJoQy9ok4mkQZf/GjqitUvQyqN6SU8NOvOhHq25xNCWj6LFQdLiyKuaZWpxBC2OrFVHxdryElbQsVtBx6KN0qAd4a71yo610uxa2b0s5xg052I5p26d4MCqusZFwzrAnqQhSogSMnkNcr+GUS3kEKWS62NJFlNCToWLZpWMe14RReGqdjz2PfNECbkGbrQ/Nj5q5y7j8/HRTW5UhvHfA7Mdzitji8rfWsgX3gVZ91eO22odKed6LLf9A/sRnc74RV7lAAAAAElFTkSuQmCC) no-repeat right top;
  background-size: 45px 68px;
}
.weixin-tip-content[data-v-0da591ab] {
  font-size: 16px;
}
.img[data-v-0da591ab] {
  width: 150px;
  position: absolute;
  top: 136px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.weixin-tip[data-v-3af3b577] {
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 15px;
  right: 20px;
  width: 265px;
  padding: 70px 0 0;
  text-align: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAACICAMAAABQgAwUAAAAMFBMVEUAAADY2NjY2NjY2NjY2NjY2NjY2NjY2NjX19fY2NjY2NjY2NjY2NjY2NjY2NjY2Njr/TvvAAAAD3RSTlMAxy89c9CdTRyG7lvcD7FzqbJAAAACFklEQVR42uWYy4rkMBAErZdlPdzx/3+7LAw0tH0Y2orDsnnyKQlSVaWytoc6xrEpigFoinUAIBnWABAE5woW9o6GPbGwI1jYGSzsgoV9goU9wMLe0bA7FnYCC7uBhV2wsE+wsAdY2AENGyzsBBZ2Q8MuWNgH94pLbgELO6Bhg4VdwcJuaNgTCzuChZ3Bwg5o2GBhV7CwdzTsjoUdwcLOYGEXLOwTLOwBFvaOht2xsBNY2I1f6lhaenvhrfpkAblab+k9b/OD0iuX2F9/x8D+7ZL2pmpbuj+6o3Vg//oWmPU9p65VkXL6+oIJ8S738nwj62Pb1lvHACH+fBs7sG59U3yrVD3rce3GVcp8qGkPAGTprQUYy6xfaE8i82b6S7/pfZnzdYQIHeOXdfYKpHoFcmrvWlM8RW+CDO8JMWoNM/+FeyB4UfMpL48g5qG1Iqc29YI3mqq2knXvEJu2onJoQy9ok4mkQZf/GjqitUvQyqN6SU8NOvOhHq25xNCWj6LFQdLiyKuaZWpxBC2OrFVHxdryElbQsVtBx6KN0qAd4a71yo610uxa2b0s5xg052I5p26d4MCqusZFwzrAnqQhSogSMnkNcr+GUS3kEKWS62NJFlNCToWLZpWMe14RReGqdjz2PfNECbkGbrQ/Nj5q5y7j8/HRTW5UhvHfA7Mdzitji8rfWsgX3gVZ91eO22odKed6LLf9A/sRnc74RV7lAAAAAElFTkSuQmCC) no-repeat right top;
  background-size: 45px 68px;
}
.weixin-tip-content[data-v-3af3b577] {
  font-size: 16px;
}
.img[data-v-3af3b577] {
  width: 150px;
  position: absolute;
  top: 136px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.downloadButton[data-v-7535c3f2] {
  font-size: 22px;
  color: #1067ed;
  border: #1067ed 1px solid;
  border-radius: 30px;
  padding: 15px 50px;
}
.toOpen[data-v-7535c3f2] {
  font-size: 14px;
  color: #1067ed;
  border-bottom: 1px solid #1067ed;
}
.lottery-tb-btn[data-v-09785e30] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lottery-header[data-v-09785e30], .prizeRecord-list-item[data-v-09785e30], .prizeRecord-title[data-v-09785e30], .artBar[data-v-09785e30] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pointError[data-v-09785e30] {
  padding: 20px;
  width: 80%;
  text-align: center;
  border-radius: 10px;
}
.lotteryRule[data-v-09785e30] {
  font-size: 12px;
  padding: 20px;
  width: 80%;
  line-height: 1.4;
}
.myPrizeRecord[data-v-09785e30] {
  text-align: center;
  font-size: 12px;
  padding-top: 30px;
}
.myPrizeRecord a[data-v-09785e30] {
  color: #0C8CE6;
}
.myPrizeRecord a svg[data-v-09785e30] {
  font-size: 8px;
  vertical-align: 0;
}
.artBar[data-v-09785e30] {
  padding: 30px 3%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.artBar > div[data-v-09785e30] {
  width: 45%;
}
.prizeRecord[data-v-09785e30] {
  font-size: 12px;
  background-color: #fff;
  width: 94%;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 12px 2.5px rgba(72, 72, 72, 0.15);
          box-shadow: 0 0 12px 2.5px rgba(72, 72, 72, 0.15);
  border-radius: 8px;
  margin-top: 19px;
}
.prizeRecord-title[data-v-09785e30] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px;
  border-bottom: 1px solid #CACACA;
}
.prizeRecord-title cite[data-v-09785e30] {
  color: #F14E3E;
  font-size: 15px;
  font-weight: bolder;
}
.prizeRecord-title a[data-v-09785e30] {
  color: #0C8CE6;
}
.prizeRecord-title a svg[data-v-09785e30] {
  font-size: 8px;
  vertical-align: 0;
}
.prizeRecord-list[data-v-09785e30] {
  padding: 8px 11px 3px;
}
.prizeRecord-list-item[data-v-09785e30] {
  color: #393939;
  margin-bottom: 12px;
}
.prizeRecord-list-item .userImg[data-v-09785e30] {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  overflow: hidden;
}
.prizeRecord-list-item p[data-v-09785e30] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prizeRecord-list-item em[data-v-09785e30] {
  color: #F85543;
  padding: 0 3em;
}
.resultPrize[data-v-09785e30] {
  width: 80%;
  background-color: #4AB151;
  border: 6.5px solid #F8EA74;
  border-radius: 20px;
  text-align: center;
  padding: 15px 15px 35px;
  font-size: 12px;
  color: #fff;
  overflow: visible;
}
.resultPrize > h1[data-v-09785e30] {
  font-size: 24px;
  font-weight: bolder;
  position: relative;
}
.resultPrize > h1[data-v-09785e30]::before {
  content: "";
  width: 90%;
  position: absolute;
  height: 80px;
  top: -45px;
  left: -17%;
  background-image: url(/src/assets/artCenter/lottery/resultPrizeBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.resultPrize > .prizeImg[data-v-09785e30] {
  width: 120px;
  margin: 24px auto 12px;
}
.resultPrize > p[data-v-09785e30] {
  margin: 1.4em 0 4em;
}
.resultPrize > b[data-v-09785e30] {
  color: #A31D03;
  font-size: 15px;
  padding: 0.8em 3.7em;
  background-image: linear-gradient(5deg, rgb(254, 215, 5), rgb(253, 190, 32));
  border-radius: 2.6em;
  -webkit-box-shadow: 0 5.5px 0 0 #CC8D18, 0 10px 15px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 5.5px 0 0 #CC8D18, 0 10px 15px 0 rgba(0, 0, 0, 0.3);
}
*[data-v-09785e30] {
  padding: 0;
  margin: 0;
}
div[data-v-09785e30] {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.lottery-con[data-v-09785e30] {
  background-color: #fff;
}
.lottery-header[data-v-09785e30] {
  background-image: linear-gradient(-3deg, rgb(252, 120, 91), rgb(245, 55, 46));
  color: #fff;
  padding: 32px 4% 45px;
  border-bottom-left-radius: 10%;
  border-bottom-right-radius: 10%;
  margin-bottom: -26px;
}
.lottery-header > p[data-v-09785e30] {
  font-size: 15px;
  margin-right: 7px;
}
.lottery-header > p em[data-v-09785e30] {
  font-size: 18px;
  font-weight: bolder;
}
.lottery-header > a[data-v-09785e30] {
  background-color: #C53224;
  padding: 0.3em 0.7em;
  border-radius: 1.6em;
  font-size: 12px;
}
.lottery-header > a svg[data-v-09785e30] {
  font-size: 8px;
  vertical-align: 0;
}
.lottery-body[data-v-09785e30] {
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px 2.5px rgba(72, 72, 72, 0.15);
          box-shadow: 0 0 12px 2.5px rgba(72, 72, 72, 0.15);
  border-radius: 8px;
  padding: 17px 9px;
  width: 94%;
  margin: 0 auto;
}
.lottery-thead[data-v-09785e30] {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lottery-thead > p[data-v-09785e30] {
  color: #2E2E2E;
  font-size: 15px;
  font-weight: bold;
}
.lottery-thead > p small[data-v-09785e30] {
  font-weight: normal;
  font-size: 12px;
  color: #999;
  margin-left: 0.6em;
}
.lottery-thead > span[data-v-09785e30] {
  color: #7D7D7D;
  font-size: 12px;
}
.lottery-thead > span svg[data-v-09785e30] {
  margin-left: 6px;
}
.lottery-tbody[data-v-09785e30] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(254, 152, 0)), to(rgb(255, 86, 10)));
  background-image: linear-gradient(-270deg, rgb(254, 152, 0), rgb(255, 86, 10));
  border-radius: 5px;
  padding: 4.5px;
}
.lottery-tb-inner[data-v-09785e30] {
  position: relative;
}
.lottery-tb-inner.shuffle .lottery-mask[data-v-09785e30] {
  display: block;
}
.lottery-tb-inner.shuffle .lottery-tb-list li[data-v-09785e30]:nth-child(1) {
  -webkit-transform: translate3d(104%, 90px, 0);
  transform: translate3d(104%, 90px, 0);
}
.lottery-tb-inner.shuffle .lottery-tb-list li[data-v-09785e30]:nth-child(2) {
  -webkit-transform: translate3d(0, 90px, 0);
  transform: translate3d(0, 90px, 0);
}
.lottery-tb-inner.shuffle .lottery-tb-list li[data-v-09785e30]:nth-child(3) {
  -webkit-transform: translate3d(-104%, 90px, 0);
  transform: translate3d(-104%, 90px, 0);
}
.lottery-tb-inner.shuffle .lottery-tb-list li[data-v-09785e30]:nth-child(4) {
  -webkit-transform: translate3d(-104%, 0, 0);
  transform: translate3d(-104%, 0, 0);
}
.lottery-tb-inner.shuffle .lottery-tb-list li[data-v-09785e30]:nth-child(5) {
  -webkit-transform: translate3d(-104%, -90px, 0);
  transform: translate3d(-104%, -90px, 0);
}
.lottery-tb-inner.shuffle .lottery-tb-list li[data-v-09785e30]:nth-child(6) {
  -webkit-transform: translate3d(0, -90px, 0);
  transform: translate3d(0, -90px, 0);
}
.lottery-tb-inner.shuffle .lottery-tb-list li[data-v-09785e30]:nth-child(7) {
  -webkit-transform: translate3d(104%, -90px, 0);
  transform: translate3d(104%, -90px, 0);
}
.lottery-tb-inner.shuffle .lottery-tb-list li[data-v-09785e30]:nth-child(8) {
  -webkit-transform: translate3d(104%, 0, 0);
  transform: translate3d(104%, 0, 0);
}
.lottery-tb-btn[data-v-09785e30] {
  width: 31.6%;
  height: 80px;
  border-radius: 5px;
  position: absolute;
  left: 49.67%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 90px;
  background-color: rgb(255, 236, 114);
  -webkit-box-shadow: 0 5px 0 0 #FECA25;
          box-shadow: 0 5px 0 0 #FECA25;
  color: #DD0606;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lottery-tb-btn > em[data-v-09785e30] {
  font-size: 14px;
  font-weight: bold;
}
.lottery-tb-btn > p[data-v-09785e30] {
  font-size: 24px;
  font-weight: bolder;
  margin: 2px 0 6px;
}
.lottery-tb-btn > p.scale[data-v-09785e30] {
  animation: scale-09785e30 0.3s infinite alternate-reverse;
}
@-webkit-keyframes scale-09785e30 {
0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
}
@keyframes scale-09785e30 {
0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
}
.lottery-tb-btn > small[data-v-09785e30] {
  font-size: 10px;
}
.lottery-tb-btn.disabled[data-v-09785e30] {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #eee;
  -webkit-box-shadow: 0 5px 0 0 #ddd;
          box-shadow: 0 5px 0 0 #ddd;
  color: #aaa;
}
.lottery-tb-btn-d[data-v-09785e30] {
  -webkit-box-shadow: 0 0 0 0 #FECA25;
          box-shadow: 0 0 0 0 #FECA25;
  height: 85px;
}
.lottery-tb-list[data-v-09785e30] {
  position: relative;
  height: 266px;
}
.lottery-tb-list li[data-v-09785e30] {
  width: 32.2%;
  height: 85px;
  border-radius: 5px;
  position: absolute;
  overflow: hidden;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  z-index: 2;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lottery-tb-list li[data-v-09785e30]:nth-child(1) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
  left: 0;
  top: 0;
}
.lottery-tb-list li[data-v-09785e30]:nth-child(2) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
  left: 33.6%;
  top: 0;
}
.lottery-tb-list li[data-v-09785e30]:nth-child(3) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
  left: 67.2%;
  top: 0;
}
.lottery-tb-list li[data-v-09785e30]:nth-child(4) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
  left: 67.2%;
  top: 90px;
}
.lottery-tb-list li[data-v-09785e30]:nth-child(5) {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
  left: 67.2%;
  top: 180px;
}
.lottery-tb-list li[data-v-09785e30]:nth-child(6) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
  left: 33.6%;
  top: 180px;
}
.lottery-tb-list li[data-v-09785e30]:nth-child(7) {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
  left: 0;
  top: 180px;
}
.lottery-tb-list li[data-v-09785e30]:nth-child(8) {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
  left: 0;
  top: 90px;
}
.lottery-tb-list .lottery-playing-cards[data-v-09785e30] {
  width: 100%;
  height: 100%;
}
.lottery-tb-list .lottery-flip-card[data-v-09785e30] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 3px;
}
.lottery-tb-list .lottery-flip-card p[data-v-09785e30] {
  font-size: 12px;
  color: #333;
  margin-top: -10px;
  text-align: center;
}
.lottery-tb-list > li:not(.bigPrize) .lottery-flip-card.lottery-positive img[data-v-09785e30] {
  margin-top: -10px;
}
.lottery-tb-list .lottery-positive[data-v-09785e30] {
  background-color: #fff;
}
.lottery-mask[data-v-09785e30] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: none;
}
.lottery-mask.disabled[data-v-09785e30] {
  display: block;
}
.lottery-msg[data-v-09785e30] {
  text-align: center;
  font-size: 0.375rem;
  color: orangered;
  line-height: 1rem;
}
.in[data-v-09785e30] {
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 350ms;
  animation-timing-function: ease-out;
  animation-duration: 350ms;
}
.out[data-v-09785e30] {
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 225ms;
  animation-timing-function: ease-in;
  animation-duration: 225ms;
}
.viewport-flip[data-v-09785e30] {
  -webkit-perspective: 1000;
  perspective: 1000;
  position: absolute;
  left: 0;
  top: 0;
}
.flip[data-v-09785e30] {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  backface-visibility: hidden;
  transform: translateX(0);
}
.flip.out[data-v-09785e30] {
  -webkit-transform: rotateY(-90deg) scale(0.9);
  -webkit-animation-name: flipouttoleft-09785e30;
  -webkit-animation-duration: 175ms;
  transform: rotateY(-90deg) scale(0.9);
  animation-name: flipouttoleft-09785e30;
  animation-duration: 175ms;
}
.flip.in[data-v-09785e30] {
  -webkit-animation-name: flipintoright-09785e30;
  -webkit-animation-duration: 225ms;
  animation-name: flipintoright-09785e30;
  animation-duration: 225ms;
}
.flip.out.reverse[data-v-09785e30] {
  -webkit-transform: rotateY(90deg) scale(0.9);
  -webkit-animation-name: flipouttoright-09785e30;
  transform: rotateY(90deg) scale(0.9);
  animation-name: flipouttoright-09785e30;
}
.flip.in.reverse[data-v-09785e30] {
  -webkit-animation-name: flipintoleft-09785e30;
  animation-name: flipintoleft-09785e30;
}
@-webkit-keyframes flipouttoleft-09785e30 {
from {
    -webkit-transform: rotateY(0);
}
to {
    -webkit-transform: rotateY(-90deg) scale(0.9);
}
}
@keyframes flipouttoleft-09785e30 {
from {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
}
to {
    -webkit-transform: rotateY(-90deg) scale(0.9);
            transform: rotateY(-90deg) scale(0.9);
}
}
@-webkit-keyframes flipouttoright-09785e30 {
from {
    -webkit-transform: rotateY(0);
}
to {
    -webkit-transform: rotateY(90deg) scale(0.9);
}
}
@keyframes flipouttoright-09785e30 {
from {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
}
to {
    -webkit-transform: rotateY(90deg) scale(0.9);
            transform: rotateY(90deg) scale(0.9);
}
}
@-webkit-keyframes flipintoleft-09785e30 {
from {
    -webkit-transform: rotateY(-90deg) scale(0.9);
}
to {
    -webkit-transform: rotateY(0);
}
}
@keyframes flipintoleft-09785e30 {
from {
    -webkit-transform: rotateY(-90deg) scale(0.9);
            transform: rotateY(-90deg) scale(0.9);
}
to {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
}
}
@-webkit-keyframes flipintoright-09785e30 {
from {
    -webkit-transform: rotateY(90deg) scale(0.9);
}
to {
    -webkit-transform: rotateY(0);
}
}
@keyframes flipintoright-09785e30 {
from {
    -webkit-transform: rotateY(90deg) scale(0.9);
            transform: rotateY(90deg) scale(0.9);
}
to {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
}
}
.pointItem[data-v-7267d4fa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pointItem[data-v-7267d4fa] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid #f0f0f0;
}
.pointItem-pointInfo em[data-v-7267d4fa] {
  color: #1a1a1a;
  font-size: 15px;
  font-weight: bold;
}
.pointItem-pointInfo p[data-v-7267d4fa] {
  color: #7e7e7e;
  font-size: 10px;
  margin-top: 0.6em;
}
.pointItem-pointNumber[data-v-7267d4fa] {
  color: #fb3f19;
  font-size: 15px;
  font-weight: bold;
}
.order-detail[data-v-6df608ad] {
  padding: 20px;
}

/* .header{
    display: flex;
    margin: 20px 0;
} */
.header img[data-v-6df608ad] {
  width: 60px;
  height: 60px;
  vertical-align: middle;
  margin-left: 20px;
}
.header p[data-v-6df608ad] {
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
}
.order-table[data-v-6df608ad] {
  border: 1px solid #eae9ed;
}
.order-table > div[data-v-6df608ad] {
  /* display: flex; */
  /* flex-wrap:wrap; */
  border-bottom: 1px solid #eae9ed;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.order-table > div .left[data-v-6df608ad] {
  /* border-right: 1px solid #eae9ed; */
  width: 100px;
  font-weight: 600;
  padding: 10px 0;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
}
.order-table > div .right[data-v-6df608ad] {
  /* flex: 1; */
  padding: 10px 0;
  padding-left: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  word-break: normal;
  float: left;
  border-left: 1px solid #eae9ed;
  width: calc(100% - 100px);
}
.order-table > div[data-v-6df608ad]:nth-child(2n+1) {
  background-color: #f2f2f2;
}
.order-table2 > div .left[data-v-6df608ad] {
  border-right: 1px solid #eae9ed;
}
.order-table2 > div .right[data-v-6df608ad] {
  border: 0;
}
.order-table2 > div:nth-child(2) .left[data-v-6df608ad] {
  border-right: 1px solid #eae9ed;
}
.order-table2 > div:nth-child(2) .right[data-v-6df608ad] {
  border: 0;
  line-height: 51px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn-print[data-v-6df608ad] {
  font-size: 18px;
  border-radius: 10px;
  border: 0;
  padding: 5px 10px;
  background: rgb(84, 149, 229);
  color: #fff;
}
.fansGroupPopup img[data-v-6df608ad] {
  width: 300px;
}
@charset "UTF-8";
.list-item[data-v-fb9693c6] {
  height: 300px;
  float: left;
  width: 48%;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 1%;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  overflow: hidden; /* 隐藏溢出的文本 */
}
.cover-image[data-v-fb9693c6] {
  width: 100%;
  height: 220px;
  background-color: #192;
  margin: 0 auto;
  margin-bottom: 10px;
  -o-object-fit: cover;
     object-fit: cover; /* 确保图片按照容器比例展示，不变形 */
}
.content .title[data-v-fb9693c6] {
  font-size: 16px;
  margin: 5%;
  width: 90%;
  overflow: hidden; /* 隐藏溢出的文本 */
  display: -webkit-box; /* 使用 flexbox 布局 */
  -webkit-box-orient: vertical; /* 垂直排列子元素 */
  -webkit-line-clamp: 3; /* 限制显示的行数 */
  white-space: normal; /* 正常的换行 */
  text-overflow: ellipsis; /* 使用省略号代替溢出的文本 */
}
.selected[data-v-4d828b72] {
  background-color: gray;
}
.imageTextAndArticleList[data-v-4d828b72] {
  margin: 0 auto;
  text-align: center;
}
.timer[data-v-1f44ad08] {
  overflow: hidden;
  height: 100vh;
  background-color: #E1DFE2;
}
.saveButton[data-v-1f44ad08] {
  font-size: 15px;
  text-align: center;
  line-height: 10vh;
  /* position: absolute;
  bottom: 30px;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%); */
}
.saveButton span[data-v-1f44ad08] {
  /* color: yellow; */
  /* background-color: yellow; */
  padding: 12px 20px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
}
.my-swipe .van-swipe-item[data-v-1f44ad08] {
  color: #fff;
  font-size: 20px;
  /* line-height: 90vh; */
  text-align: center;
  background-color: #e1dfe2;
}
img[data-v-1f44ad08] {
  /* width: 100vw; */
  height: 90vh;
  vertical-align: middle;
}
.custom-indicator[data-v-1f44ad08] {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 2px 5px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.leftArrow[data-v-1f44ad08] {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.3);
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.leftArrow[data-v-1f44ad08]::before {
  content: "";
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-29%, -50%) rotate(45deg);
          transform: translate(-29%, -50%) rotate(45deg);
}
.rightArrow[data-v-1f44ad08] {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.3);
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rightArrow[data-v-1f44ad08]::before {
  content: "";
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-70%, -50%) rotate(225deg);
          transform: translate(-70%, -50%) rotate(225deg);
}
.bottomButtonBar[data-v-4adf8cd9], .prizeRecord-list-item[data-v-4adf8cd9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.prizeRecord[data-v-4adf8cd9] {
  min-height: 100vh;
  background-color: rgb(243, 243, 243);
  padding: 3%;
}
.prizeRecord-list[data-v-4adf8cd9] {
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 20px 20px 20px 30px;
}
.prizeRecord-list-item[data-v-4adf8cd9] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 15px;
  margin-bottom: 2em;
  position: relative;
}
.prizeRecord-list-item[data-v-4adf8cd9]::before, .prizeRecord-list-item[data-v-4adf8cd9]::after {
  content: "";
  position: absolute;
}
.prizeRecord-list-item[data-v-4adf8cd9]::before {
  background-color: #ddd;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: -1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.prizeRecord-list-item[data-v-4adf8cd9]::after {
  width: 1em;
  height: 3em;
  background-color: transparent;
  border-color: #E4E4E4;
  border-width: 0 1px 0 0;
  border-style: dotted;
  left: -1.75em;
  top: 50%;
}
.prizeRecord-list-item[data-v-4adf8cd9]:last-child {
  margin-bottom: 0;
}
.prizeRecord-list-item[data-v-4adf8cd9]:last-child::after {
  display: none;
}
.prizeRecord-list-item em[data-v-4adf8cd9] {
  color: #333333;
  font-weight: bold;
}
.prizeRecord-list-item p[data-v-4adf8cd9] {
  color: #bbb;
  font-size: 12px;
}
.bottomButtonBar[data-v-4adf8cd9] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  left: 0;
  width: 100%;
  font-size: 18px;
  color: #fff;
  bottom: 0;
  padding: 0 3%;
  padding-bottom: 150px;
}
.bottomButtonBar a[data-v-4adf8cd9] {
  width: 45%;
  padding: 0.8em 0;
  text-align: center;
  border-radius: 5px;
  background-color: #FC6969;
}
.listTitle[data-v-462c85de],
.listItem[data-v-462c85de], header[data-v-462c85de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shareRecords[data-v-462c85de] {
  min-height: 100vh;
  padding-bottom: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
header[data-v-462c85de] {
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(110, 47, 255)), to(rgb(61, 165, 255)));
  background: linear-gradient(90deg, rgb(110, 47, 255), rgb(61, 165, 255));
  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  width: 96%;
  margin: 11px auto;
  padding: 28px 0;
}
header em[data-v-462c85de] {
  font-size: 24px;
  font-weight: bold;
}
header em span[data-v-462c85de] {
  font-size: 12px;
  font-weight: normal;
}
header p[data-v-462c85de] {
  margin-top: 12px;
}
header .friend[data-v-462c85de] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #fff;
}
header .point[data-v-462c85de] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.listTitle[data-v-462c85de],
.listItem[data-v-462c85de] {
  text-align: center;
  padding: 15px 0;
}
.listTitle p[data-v-462c85de],
.listItem p[data-v-462c85de] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.listTitle[data-v-462c85de] {
  background-color: #f9f9f9;
  color: #222222;
  font-size: 15px;
  font-weight: bold;
}
.listItem[data-v-462c85de] {
  border-bottom: 1px solid #f2f2f3;
  color: #808080;
  font-size: 12px;
}
.listItem-empty[data-v-462c85de] {
  text-align: center;
  color: #808080;
  font-size: 12px;
  padding-top: 2em;
}
footer[data-v-462c85de] {
  color: #fff;
  font-size: 15px;
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  padding: 18px 0;
  background-color: #ff732a;
  text-align: center;
  max-width: 750px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#serveDead[data-v-15e046d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dead-img[data-v-15e046d6] {
  /* width: 60%; */
  max-width: 230px;
}
h1[data-v-15e046d6] {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 40px;
  text-align: center;
}
h2[data-v-15e046d6] {
  color: #333333;
  margin-top: 2em;
  font-size: 16px;
  line-height: 1.7;
  width: 70%;
  /* text-indent: 2em; */
  text-align: center;
}
#laedFollow[data-v-7f62faa0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.code-img[data-v-7f62faa0] {
  margin: 2em 0;
  width: 60%;
}
.tip-img[data-v-7f62faa0] {
  width: 12%;
}
h1[data-v-7f62faa0] {
  font-size: 0.6rem;
  font-weight: bold;
  color: #333;
  line-height: 3;
}
h2[data-v-7f62faa0] {
  color: #9B9B9B;
  font-size: 0.36rem;
  text-align: center;
}
.tips > p[data-v-7f62faa0] {
  color: #757575;
  font-size: 0.38rem;
  text-align: center;
  line-height: 1.3;
}
.my-img[data-v-7f62faa0] {
  /* width: 100%; */
  height: 100vh;
}
#networkError[data-v-5f241aad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#networkError svg[data-v-5f241aad] {
  font-size: 2.6666666667rem;
}
#networkError h2[data-v-5f241aad] {
  font-size: 0.48rem;
  margin-top: 1.44rem;
}

.container[data-v-2486b72f]{
  text-align: center;
  font-size: 24px;
  height: 100%;
  width: 100%;
  padding-top: 20%;
}
.imgContainer[data-v-2486b72f]{
  width: 100%;
  text-align: center;
}
.img[data-v-2486b72f]{
}
.paySuccess[data-v-2486b72f]{
  color: green;
  margin-top: 20px;
}
.tagContainer[data-v-2486b72f]{
  text-align: left;
  margin-left: 15%;
  margin-top: 10%;
}
.tagFont[data-v-2486b72f]{
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tagP[data-v-2486b72f]{
  text-indent: 2em;
}
.btnContainer[data-v-2486b72f]{
  text-align: center;
  width: 100%;
  height: 40px;
  position:relative;
  margin-top: 40%;
}
.btn[data-v-2486b72f]{
  width: 180px;
  height: 30px;
  background-color: #f5f5f5;
  border-radius: 0.5em;
  border: 1px solid #fcf5f5;
  color: green;
  font-size: 13px;
  line-height: 30px;
  position: absolute;
  margin: auto;
  font-family: fantasy;
  top: 0; left: 0; bottom: 0; right: 0;
  /*bottom: 10%;*/
}

.saveButton[data-v-e6f9e84c] {
  font-size: 15px;
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 50%;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.saveButton span[data-v-e6f9e84c] {
  color: yellow;
  /* background-color: yellow; */
  padding: 12px 20px;
  border-radius: 5px;
}
.posterWrapper[data-v-e6f9e84c] {
  overflow: hidden;
  height: 100vh;
  background-color: rgb(2, 50, 95);
}
.paySuccess[data-v-481bcec1] {
  text-align: center;
}
.paySuccess .paySuccessImg[data-v-481bcec1] {
  width: 80px;
  height: 80px;
  margin: 30px 0 20px;
}
.paySuccess h2[data-v-481bcec1] {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.paySuccess .desc[data-v-481bcec1] {
  font-size: 14px;
  color: #7d7d7d;
  margin-bottom: 5px;
}
.paySuccess .detail-btn[data-v-481bcec1] {
  font-size: 20px;
  color: #3250d5;
  border: 1px solid #3250d5;
  padding: 10px 10px;
  border-radius: 22px;
  width: 208px;
  margin: 30px auto 0;
}
#shareQrCode[data-v-54b79ea0] {
  /* height: 100vh; */
  /* background-color: #000; */
  font-size: 16px;
}
img[data-v-54b79ea0] {
  width: 100%;
}
.desc[data-v-54b79ea0] {
  /* color: #fff; */
  text-align: center;
  line-height: 30px;
}
.waitOrderPopup[data-v-f40cbd26] {
  border-radius: 5px;
  font-size: 12px;
  width: 80%;
  color: #414141;
  line-height: 1.5;
}
.waitOrderPopup-title[data-v-f40cbd26] {
  background-color: #108ee8;
  font-size: 16px;
  color: #fff;
  padding: 18px 0;
  text-align: center;
}
.waitOrderPopup-content[data-v-f40cbd26] {
  padding: 23px 36px;
}
.waitOrderPopup-item[data-v-f40cbd26] {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.waitOrderPopup-item-discount[data-v-f40cbd26] {
  color: #ff9a22;
}
.waitOrderPopup-item-payPrice[data-v-f40cbd26] {
  color: #ff3c3c;
}
.waitOrderPopup-item label[data-v-f40cbd26] {
  color: #adadad;
  font-size: 13px;
  width: 8em;
}
.waitOrderPopup-item[data-v-f40cbd26]:last-child {
  margin-bottom: 0;
}
.waitOrderPopup-button[data-v-f40cbd26] {
  color: #108ee8;
  font-size: 15px;
  border-top: 1px solid #d9d9d9;
}
.waitOrderPopup-button > button[data-v-f40cbd26] {
  width: 50%;
  text-align: center;
  background-color: #fff;
  outline: none;
  border: none;
  padding: 13px 0px;
}
.waitOrderPopup-button > button[data-v-f40cbd26]:last-child {
  border-left: 1px solid #d9d9d9;
}
.batchCarrierPickerPopup[data-v-5b1a984f] {
  width: calc(100vw - 40px);
  max-width: 680px;
  height: min(620px, 100vh - 48px);
  border-radius: 24px;
  overflow: hidden;
  background-color: #ffffff;
}
.batchCarrierPicker[data-v-5b1a984f] {
  height: 100%;
  padding: 20px 16px 16px;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.batchCarrierPickerHeader[data-v-5b1a984f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.batchCarrierPickerHeaderMain[data-v-5b1a984f] {
  min-width: 0;
}
.batchCarrierPickerTitle[data-v-5b1a984f] {
  margin: 0;
  color: #1d8cff;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.batchCarrierPickerUnderline[data-v-5b1a984f] {
  display: block;
  width: 58px;
  height: 4px;
  margin-top: 8px;
  border-radius: 999px;
  background-color: #1d8cff;
}
.batchCarrierPickerClose[data-v-5b1a984f] {
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #f2f6ff;
  color: #5c6780;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.batchCarrierPickerBody[data-v-5b1a984f] {
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding-right: 2px;
}
.batchCarrierPickerGrid[data-v-5b1a984f] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 16px;
}
.batchCarrierPickerCard[data-v-5b1a984f] {
  padding: 0;
  border: none;
  background: transparent;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchCarrierPickerCardBox[data-v-5b1a984f] {
  height: 120px;
  border: 1px solid #e8e8e8;
  border-radius: 18px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.batchCarrierPickerCardBox img[data-v-5b1a984f] {
  max-width: 78%;
  max-height: 72%;
  -o-object-fit: contain;
     object-fit: contain;
}
.batchCarrierPickerCardBox span[data-v-5b1a984f] {
  color: #1d8cff;
  font-size: 34px;
  font-weight: 700;
}
.batchCarrierPickerCard.active .batchCarrierPickerCardBox[data-v-5b1a984f] {
  border: 3px solid #1d8cff;
  -webkit-box-shadow: 0 10px 22px rgba(29, 140, 255, 0.16);
          box-shadow: 0 10px 22px rgba(29, 140, 255, 0.16);
}
.batchCarrierPickerCardName[data-v-5b1a984f] {
  margin-top: 10px;
  color: #2f2f2f;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}
@media (max-width: 560px) {
.batchCarrierPickerPopup[data-v-5b1a984f] {
    width: calc(100vw - 24px);
    height: min(560px, 100vh - 24px);
}
.batchCarrierPicker[data-v-5b1a984f] {
    padding-left: 12px;
    padding-right: 12px;
}
.batchCarrierPickerHeader[data-v-5b1a984f] {
    margin-bottom: 14px;
}
.batchCarrierPickerClose[data-v-5b1a984f] {
    width: 32px;
    height: 32px;
    font-size: 24px;
}
.batchCarrierPickerGrid[data-v-5b1a984f] {
    gap: 16px 12px;
}
.batchCarrierPickerCardBox[data-v-5b1a984f] {
    height: 100px;
    border-radius: 16px;
}
.batchCarrierPickerCardName[data-v-5b1a984f] {
    font-size: 14px;
}
}
.batchNumberPopup[data-v-7096b250] {
  width: 100%;
  max-width: 750px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100vh;
  background-color: #ffffff;
  overflow: hidden;
}
.batchNumberPage[data-v-7096b250] {
  height: 100%;
  padding: 22px 22px calc(env(safe-area-inset-bottom) + 32px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow-y: auto;
}
.batchNumberHeader[data-v-7096b250] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.batchNumberHeader-main[data-v-7096b250] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.batchNumberHeader-dot[data-v-7096b250] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #35ef45;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.batchNumberHeader-title[data-v-7096b250] {
  margin: 0 0 0 14px;
  color: #232323;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
}
.batchNumberHeader-close[data-v-7096b250] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #9aa3b2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchNumberCountry[data-v-7096b250] {
  margin: 14px 0 24px 24px;
  color: #f08a54;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
.batchNumberCountry span[data-v-7096b250] {
  margin-left: 6px;
}
.batchNumberEditor[data-v-7096b250] {
  position: relative;
  border: 2px solid #2d2d2d;
  border-radius: 22px;
  min-height: 190px;
  padding: 16px 16px 68px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
}
.batchNumberTextarea[data-v-7096b250] {
  width: 100%;
  min-height: 88px;
  border: none;
  resize: none;
  padding: 0;
  color: #232323;
  font-size: 15px;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchNumberTextarea[data-v-7096b250]::-webkit-input-placeholder {
  color: #b7b7b7;
}
.batchNumberTextarea[data-v-7096b250]::-moz-placeholder {
  color: #b7b7b7;
}
.batchNumberTextarea[data-v-7096b250]:-ms-input-placeholder {
  color: #b7b7b7;
}
.batchNumberTextarea[data-v-7096b250]::-ms-input-placeholder {
  color: #b7b7b7;
}
.batchNumberTextarea[data-v-7096b250]::placeholder {
  color: #b7b7b7;
}
.batchNumberTextarea[data-v-7096b250]:focus {
  outline: none;
}
.batchNumberUploadRow[data-v-7096b250] {
  position: absolute;
  right: 16px;
  bottom: 14px;
}
.batchNumberUploadButton[data-v-7096b250] {
  min-width: 174px;
  height: 48px;
  border: 1.5px solid #8eb4f5;
  border-radius: 10px;
  background-color: #ffffff;
  color: #4c87f6;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchNumberFileInput[data-v-7096b250] {
  display: none;
}
.batchNumberConfirm[data-v-7096b250] {
  width: 100%;
  height: 58px;
  border: none;
  border-radius: 999px;
  margin-top: 26px;
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchNumberConfirm[disabled][data-v-7096b250] {
  opacity: 0.7;
}
.batchNumberResult[data-v-7096b250] {
  margin-top: 22px;
}
.batchNumberAddResult[data-v-7096b250] {
  width: 100%;
  height: 54px;
  border: none;
  border-radius: 999px;
  margin-top: 24px;
  background: #232323;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.resultSection + .resultSection[data-v-7096b250] {
  margin-top: 22px;
}
.resultSection-title[data-v-7096b250] {
  margin: 0;
  color: #232323;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}
.resultSection-note[data-v-7096b250] {
  margin: 6px 0 0;
  color: #b2b8c6;
  font-size: 13px;
  line-height: 1.5;
}
.abnormalCard[data-v-7096b250] {
  margin-top: 10px;
  padding: 12px 12px 13px;
  border: 1px solid #f1d6d3;
  border-radius: 16px;
  background-color: #fff7f6;
}
.abnormalCard.warning[data-v-7096b250] {
  background-color: #fffdfa;
}
.abnormalCard-top[data-v-7096b250] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.abnormalCard-number[data-v-7096b250] {
  max-width: calc(100% - 92px);
  padding: 8px 14px;
  border: 1px dashed #d5dce8;
  border-radius: 12px;
  background: transparent;
  color: #232323;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.abnormalCard-number-static[data-v-7096b250] {
  cursor: default;
}
.abnormalCard-input[data-v-7096b250] {
  width: calc(100% - 92px);
  min-height: 38px;
  padding: 6px 12px;
  border: 1px solid #d5dce8;
  border-radius: 12px;
  background-color: #ffffff;
  color: #232323;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.abnormalCard-input[data-v-7096b250]:focus {
  outline: none;
  border-color: #8eaef7;
}
.abnormalCard-number.invalid[data-v-7096b250] {
  border-color: #ff6b6b;
  color: #ff4a4a;
}
.abnormalCard-input.invalid[data-v-7096b250] {
  border-color: #ffb6b6;
  color: #ff4a4a;
}
.abnormalCard-input.invalid[data-v-7096b250]:focus {
  border-color: #ff6b6b;
}
.abnormalCard-remove[data-v-7096b250] {
  min-width: 72px;
  height: 42px;
  border: 1px solid #f3cfd0;
  border-radius: 12px;
  background-color: #fffafa;
  color: #ff5c5c;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.abnormalCard-tip[data-v-7096b250] {
  margin: 8px 0 0;
  color: #ff4949;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}
.abnormalCard-tip.duplicate[data-v-7096b250] {
  color: #ff8a33;
}
.abnormalCard-bottom[data-v-7096b250] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.abnormalCard-label[data-v-7096b250] {
  color: #5f6368;
  font-size: 14px;
  line-height: 1.5;
}
.abnormalCarrierButton[data-v-7096b250] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #d8e2ff;
  border-radius: 12px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #232323;
  font-size: 14px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.abnormalCarrierButton.selected[data-v-7096b250] {
  border-color: #8eaef7;
}
.abnormalCarrierButton.warning[data-v-7096b250] {
  border-color: #ffb4b4;
}
.abnormalCarrierButton.disabled[data-v-7096b250] {
  border-color: #eceff5;
  background-color: #f7f8fb;
  color: #b7bcc8;
  cursor: not-allowed;
}
.abnormalCarrierButton.disabled em[data-v-7096b250] {
  color: #cbd2e2;
}
.abnormalCarrierButton em[data-v-7096b250] {
  color: #8eaef7;
  font-style: normal;
}
.abnormalCard-status[data-v-7096b250] {
  color: #ff8a33;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
}
.abnormalCard-status.warning[data-v-7096b250] {
  color: #ff8a33;
}
.abnormalCard-status.duplicate[data-v-7096b250] {
  color: #ff8a33;
}
.carrierGroupCard[data-v-7096b250] {
  margin-top: 10px;
  padding: 13px 14px;
  border-radius: 16px;
  background-color: #f7f7fc;
}
.carrierGroupTitle[data-v-7096b250] {
  color: #232323;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}
.carrierGroupMain[data-v-7096b250] {
  margin-top: 10px;
}
.carrierGroupBrand[data-v-7096b250] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carrierGroupLogo[data-v-7096b250] {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.carrierGroupLogo img[data-v-7096b250] {
  max-width: 100%;
  max-height: 100%;
}
.carrierGroupLogo span[data-v-7096b250] {
  color: #4c87f6;
  font-size: 16px;
  font-weight: 700;
}
.carrierGroupInfo[data-v-7096b250] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.carrierGroupNameLine[data-v-7096b250],
.carrierGroupMetaLine[data-v-7096b250] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.carrierGroupMetaLine[data-v-7096b250] {
  margin-top: 6px;
}
.carrierGroupName[data-v-7096b250],
.carrierGroupMeta[data-v-7096b250] {
  color: #232323;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}
.carrierGroupAction[data-v-7096b250] {
  padding: 0;
  border: none;
  background: transparent;
  color: #8eaef7;
  font-size: 14px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.carrierGroupNumbers[data-v-7096b250] {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.carrierGroupNumbers li[data-v-7096b250] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #edf0f6;
  color: #232323;
  font-size: 14px;
  line-height: 1.5;
}
.carrierGroupNumbers button[data-v-7096b250] {
  padding: 0;
  border: none;
  background: transparent;
  color: #ff5c5c;
  font-size: 14px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 375px) {
.batchNumberPage[data-v-7096b250] {
    padding-left: 18px;
    padding-right: 18px;
}
.batchNumberHeader-title[data-v-7096b250] {
    font-size: 20px;
}
.batchNumberCountry[data-v-7096b250] {
    margin-left: 18px;
    font-size: 15px;
}
.batchNumberConfirm[data-v-7096b250] {
    font-size: 18px;
}
}
.batchProductPickerPopup[data-v-4f41bd86] {
  width: 100%;
  max-width: 750px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.batchProductPicker[data-v-4f41bd86] {
  padding: 24px 20px calc(env(safe-area-inset-bottom) + 24px);
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.batchProductPickerHeader[data-v-4f41bd86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.batchProductPickerTitle[data-v-4f41bd86] {
  margin: 0;
  color: #232323;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}
.batchProductPickerCarrier[data-v-4f41bd86] {
  margin: 6px 0 0;
  color: #8a8a8a;
  font-size: 14px;
  line-height: 1.5;
}
.batchProductPickerClose[data-v-4f41bd86] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #9aa3b2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchProductTabs[data-v-4f41bd86] {
  margin-top: 18px;
}
.batchProductPickerTabTitle[data-v-4f41bd86] {
  font-size: 15px;
  font-weight: bold;
  position: relative;
}
.batchProductPickerFilter[data-v-4f41bd86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding: 0 4px;
}
.batchProductPickerFilterButton[data-v-4f41bd86] {
  min-width: 74px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #e4e8f0;
  border-radius: 999px;
  background-color: #ffffff;
  color: #6b7280;
  font-size: 13px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchProductPickerFilterButton.active[data-v-4f41bd86] {
  border-color: #8eaef7;
  background-color: #eef4ff;
  color: #3267de;
}
.batchProductPickerBody[data-v-4f41bd86] {
  min-height: 260px;
  margin-top: 14px;
}
.batchProductPickerState[data-v-4f41bd86] {
  padding: 56px 0;
  color: #979797;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}
.batchProductPickerEmpty[data-v-4f41bd86] {
  padding: 40px 0 20px;
  text-align: center;
}
.batchProductPickerEmpty p[data-v-4f41bd86] {
  margin: 12px 0 0;
  color: #808080;
  font-size: 14px;
  line-height: 1.5;
}
.batchProductPickerEmpty-qrcode[data-v-4f41bd86] {
  width: 52%;
  margin: 0 auto;
}
.point[data-v-4f41bd86] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12px;
  margin-bottom: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  background-color: #fef8eb;
  color: #ff7400;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
}
.point svg[data-v-4f41bd86] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
}
.llPoint[data-v-4f41bd86] {
  margin-bottom: 4px;
}
.batchProductPickerList[data-v-4f41bd86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.batchProductPickerList.legacy[data-v-4f41bd86] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0;
}
.batchProductCard[data-v-4f41bd86] {
  width: 100%;
  padding: 16px;
  border: 1px solid #eef1f4;
  border-radius: 18px;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#eef4ff));
  background: linear-gradient(90deg, #ffffff 0%, #eef4ff 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 14px;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchProductCard.legacy[data-v-4f41bd86] {
  width: 31.3%;
  max-width: 31.3%;
  min-height: 86px;
  padding: 8px 6px 6px;
  margin: 0 1% 14px;
  border: 1px solid #0c7ad6;
  border-radius: 5px;
  background: #ffffff;
  color: #0c7ad6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  text-align: center;
}
.batchProductCard.active[data-v-4f41bd86] {
  border-color: #8db7ff;
  -webkit-box-shadow: 0 12px 28px rgba(37, 100, 235, 0.12);
          box-shadow: 0 12px 28px rgba(37, 100, 235, 0.12);
}
.batchProductCard.legacy.active[data-v-4f41bd86] {
  border-color: #0c7ad6;
  background: #0c7ad6;
  color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.batchProductCardMain[data-v-4f41bd86] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.batchProductCardTitleRow[data-v-4f41bd86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #232323;
}
.batchProductCardTitleRow strong[data-v-4f41bd86] {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}
.batchProductCardTitleRow span[data-v-4f41bd86] {
  color: #4c87f6;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
}
.batchProductCardDesc[data-v-4f41bd86] {
  margin: 8px 0 0;
  color: #6f7280;
  font-size: 13px;
  line-height: 1.6;
}
.batchProductCardPrice[data-v-4f41bd86] {
  margin: 8px 0 0;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}
.batchProductCardAction[data-v-4f41bd86] {
  color: #4a82f4;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  white-space: nowrap;
}
.batchProductLegacyName[data-v-4f41bd86] {
  width: 100%;
  color: inherit;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  word-break: break-word;
}
.batchProductLegacyPrice[data-v-4f41bd86] {
  margin: 8px 0 0;
  color: inherit;
  font-size: 12px;
  line-height: 1.35;
}
.batchProductLegacyPlaceholder[data-v-4f41bd86] {
  margin: 2px 0 0;
  color: inherit;
  font-size: 12px;
  line-height: 1.2;
  visibility: hidden;
}
.batchPayDialog[data-v-52ba09d6] {
  width: 100%;
  max-width: 750px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.batchPayDialog-panel[data-v-52ba09d6] {
  min-height: 100vh;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.batchPayDialog-header[data-v-52ba09d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding: 18px 10px 0;
}
.batchPayDialog-header h3[data-v-52ba09d6] {
  margin: 0;
  color: #1d8cff;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 700;
}
.batchPayDialog-headerMain[data-v-52ba09d6] {
  min-width: 0;
}
.batchPayDialog-headerLine[data-v-52ba09d6] {
  display: block;
  width: 62px;
  height: 4px;
  margin-top: 8px;
  border-radius: 999px;
  background-color: #1d8cff;
}
.batchPayDialog-close[data-v-52ba09d6] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #9aa3b2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchPayDialog-content[data-v-52ba09d6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px 16px 20px;
}
.batchPayDialog-amount[data-v-52ba09d6] {
  color: #202020;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 700;
  text-align: center;
}
.batchPayCard[data-v-52ba09d6] {
  margin-top: 20px;
  border: 1px solid #e7ebf2;
  border-radius: 18px;
  background-color: #ffffff;
  overflow: hidden;
}
.batchPayCard-row[data-v-52ba09d6] {
  min-height: 76px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.batchPayCard-row + .batchPayCard-row[data-v-52ba09d6] {
  border-top: 1px solid #edf1f5;
}
.batchPayCard-label[data-v-52ba09d6] {
  color: #333333;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
}
.batchPayCountry[data-v-52ba09d6] {
  min-width: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #232323;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.batchPayCountry .flag[data-v-52ba09d6] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
}
.batchPayNumbers[data-v-52ba09d6] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.batchPayNumbers strong[data-v-52ba09d6] {
  color: #f48f21;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.batchPayTaxInfo[data-v-52ba09d6] {
  max-width: 68%;
  color: #5f6675;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  text-align: right;
}
.batchPayNumbers-view[data-v-52ba09d6] {
  padding: 0;
  border: none;
  background: transparent;
  color: #7c9ef8;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchPayMethods[data-v-52ba09d6] {
  padding-top: 4px;
}
.batchPayMethods-title[data-v-52ba09d6] {
  padding: 18px 16px 10px;
  color: #333333;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.batchPayMethod[data-v-52ba09d6] {
  width: 100%;
  min-height: 68px;
  padding: 0 16px;
  border: none;
  border-top: 1px solid #edf1f5;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchPayMethod-main[data-v-52ba09d6] {
  min-width: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.batchPayMethod-icon[data-v-52ba09d6] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 26px;
}
.batchPayMethod-icon-union[data-v-52ba09d6] {
  width: 26px;
  height: 26px;
  -o-object-fit: contain;
     object-fit: contain;
}
.batchPayMethod-label[data-v-52ba09d6] {
  color: #202020;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
.batchPayMethod-check[data-v-52ba09d6] {
  width: 22px;
  height: 22px;
  border: 1px solid #d8dfea;
  border-radius: 4px;
  color: #ffffff;
  background-color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 15px;
}
.batchPayMethod.active .batchPayMethod-check[data-v-52ba09d6] {
  border-color: #4d83f5;
  background-color: #4d83f5;
}
.batchPayMethods-empty[data-v-52ba09d6] {
  padding: 18px 16px 24px;
  color: #99a0ad;
  font-size: 14px;
  line-height: 1.5;
}
.batchPayDialog-footer[data-v-52ba09d6] {
  padding: 12px 16px calc(env(safe-area-inset-bottom) + 16px);
}
.batchPayDialog-submit[data-v-52ba09d6] {
  width: 100%;
  height: 56px;
  padding: 0 20px;
  border: none;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchPayDialog-submit[disabled][data-v-52ba09d6] {
  opacity: 0.45;
}
.batchPayNumbersPopup[data-v-52ba09d6] {
  width: 100%;
  max-width: 750px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.batchPayNumbersPanel[data-v-52ba09d6] {
  min-height: 100vh;
  max-height: 100vh;
  padding: 16px 0 calc(env(safe-area-inset-bottom) + 12px);
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.batchPayNumbersHeader[data-v-52ba09d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding: 0 10px;
}
.batchPayNumbersHeader h3[data-v-52ba09d6] {
  margin: 0;
  color: #1d8cff;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 700;
}
.batchPayNumbersHeader-main[data-v-52ba09d6] {
  min-width: 0;
}
.batchPayNumbersHeader-line[data-v-52ba09d6] {
  display: block;
  width: 62px;
  height: 4px;
  margin-top: 8px;
  border-radius: 999px;
  background-color: #1d8cff;
}
.batchPayNumbersHeader-close[data-v-52ba09d6] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #9aa3b2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchPayNumbersBody[data-v-52ba09d6] {
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 18px;
  padding: 0 6px;
  overflow: hidden;
}
.batchPayNumbersTable[data-v-52ba09d6] {
  height: 100%;
  border: 1px solid #e7ebf2;
  border-radius: 18px;
  background-color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.batchPayNumbersTableHeader[data-v-52ba09d6] {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1.15fr) 92px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 0 18px;
  background-color: #f4f7fb;
}
.batchPayNumbersTableCol[data-v-52ba09d6] {
  color: #2b2b2b;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
}
.batchPayNumbersTableCol em[data-v-52ba09d6] {
  margin-left: 4px;
  color: #737b88;
  font-style: normal;
  font-weight: 500;
}
.batchPayNumbersTableCol-price[data-v-52ba09d6] {
  text-align: right;
}
.batchPayNumbersTableBody[data-v-52ba09d6] {
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.batchPayNumbersRow[data-v-52ba09d6] {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1.15fr) 92px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 0 18px;
  border-top: 1px solid #edf1f5;
}
.batchPayNumbersCell[data-v-52ba09d6] {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
  min-width: 0;
  word-break: break-word;
}
.batchPayNumbersCell-product[data-v-52ba09d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.25;
}
.batchPayNumbersProductPrimary[data-v-52ba09d6],
.batchPayNumbersProductSecondary[data-v-52ba09d6] {
  display: block;
}
.batchPayNumbersCell-price[data-v-52ba09d6] {
  text-align: right;
  color: #4a4a4a;
  font-weight: 500;
}
.batchPayNumbersEmpty[data-v-52ba09d6] {
  padding: 48px 16px;
  color: #99a0ad;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.batchRechargePage[data-v-7754c5eb] {
  min-height: 100vh;
  background-color: #ffffff;
}
.batchRechargeMain[data-v-7754c5eb] {
  max-width: 750px;
  margin: 0 auto;
  padding: 24px 18px 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.batchRechargeMain.hasFooter[data-v-7754c5eb] {
  padding-bottom: 132px;
}
.batchRechargeIntro[data-v-7754c5eb] {
  margin-bottom: 16px;
  text-align: left;
}
.batchRechargeIntro-title[data-v-7754c5eb] {
  margin: 0;
  color: #232323;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 700;
}
.batchRechargeIntro-subtitle[data-v-7754c5eb] {
  margin: 6px 0 0;
  color: #5f6672;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}
.actionCard[data-v-7754c5eb] {
  width: 100%;
  border: 2px solid #2d2d2d;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 18px 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.actionCard-number[data-v-7754c5eb] {
  margin-top: 20px;
}
.actionCard-dot[data-v-7754c5eb] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.actionCard-dot-country[data-v-7754c5eb] {
  background-color: #ff6b2c;
}
.actionCard-dot-number[data-v-7754c5eb] {
  background-color: #35ef45;
}
.actionCard-content[data-v-7754c5eb] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 12px;
}
.actionCard-title[data-v-7754c5eb] {
  margin: 0;
  color: #232323;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
.actionCard-tail[data-v-7754c5eb] {
  margin-left: 12px;
  color: #8eaef7;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.hotCountryRow[data-v-7754c5eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 14px;
  margin: 14px 0 0;
  padding: 0 4px;
}
.hotCountryLabel[data-v-7754c5eb] {
  color: #8eaef7;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.hotCountryButton[data-v-7754c5eb] {
  padding: 0;
  border: none;
  background: transparent;
  color: #8eaef7;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.carrierGroupSection[data-v-7754c5eb] {
  margin-top: 22px;
}
.carrierGroupCard[data-v-7754c5eb] {
  position: relative;
  padding: 16px 14px;
  border-radius: 18px;
  background-color: #f7f7fc;
}
.carrierGroupCard + .carrierGroupCard[data-v-7754c5eb] {
  margin-top: 12px;
}
.carrierGroupTitle[data-v-7754c5eb] {
  padding-right: 34px;
  color: #232323;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}
.carrierGroupHead[data-v-7754c5eb] {
  margin-top: 10px;
}
.carrierBrand[data-v-7754c5eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carrierBrand-logo[data-v-7754c5eb] {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.carrierBrand-logo img[data-v-7754c5eb] {
  max-width: 100%;
  max-height: 100%;
}
.carrierBrand-logo span[data-v-7754c5eb] {
  color: #4c87f6;
  font-size: 16px;
  font-weight: 700;
}
.carrierBrand-info[data-v-7754c5eb] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.carrierBrand-nameRow[data-v-7754c5eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 38px;
}
.carrierBrand-pair[data-v-7754c5eb] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.carrierBrand-pair-name[data-v-7754c5eb] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.carrierBrand-name[data-v-7754c5eb],
.carrierBrand-meta[data-v-7754c5eb] {
  color: #232323;
  font-size: clamp(12px, 3vw, 14px);
  line-height: 1.45;
  font-weight: 600;
  white-space: nowrap;
}
.carrierBrand-name[data-v-7754c5eb] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.carrierBrand-link[data-v-7754c5eb] {
  padding: 0;
  border: none;
  background: transparent;
  color: #8eaef7;
  font-size: clamp(12px, 3vw, 14px);
  line-height: 1.4;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0;
}
.carrierBrand-link-danger[data-v-7754c5eb] {
  color: #ef6a5c;
}
.carrierBrand-deleteButton[data-v-7754c5eb] {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  color: #ef6a5c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
}
.productSelectButton[data-v-7754c5eb] {
  margin-top: 14px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #8eaef7;
  border-radius: 14px;
  background-color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #6e7280;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.productSelectButton-icon[data-v-7754c5eb] {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#4b84f5), to(#3c72eb));
  background: linear-gradient(90deg, #4b84f5 0%, #3c72eb 100%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.productSelectButton-icon[data-v-7754c5eb]::before,
.productSelectButton-icon[data-v-7754c5eb]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #ffffff;
  border-radius: 999px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.productSelectButton-icon[data-v-7754c5eb]::before {
  width: 10px;
  height: 2px;
}
.productSelectButton-icon[data-v-7754c5eb]::after {
  width: 2px;
  height: 10px;
}
.productSummary[data-v-7754c5eb] {
  margin-top: 14px;
}
.productSummary-row[data-v-7754c5eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #454545;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.productSummary-row-amount[data-v-7754c5eb] {
  margin-top: 2px;
  font-weight: 600;
}
.batchRechargeFooter[data-v-7754c5eb] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  max-width: 750px;
  margin: 0 auto;
  padding: 12px 14px calc(env(safe-area-inset-bottom) + 14px);
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
          box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.batchRechargeFooter-total[data-v-7754c5eb] {
  color: #232323;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 600;
}
.batchRechargeFooter-total strong[data-v-7754c5eb] {
  margin-left: 4px;
  font-size: 24px;
  font-weight: 700;
}
.batchRechargeFooter-submit[data-v-7754c5eb] {
  min-width: 142px;
  height: 56px;
  padding: 0 24px;
  border: none;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.batchRechargeFooter-submit[disabled][data-v-7754c5eb] {
  opacity: 0.45;
}
.groupPopup[data-v-7754c5eb] {
  width: 100%;
  max-width: 750px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.groupPopupPanel[data-v-7754c5eb] {
  height: min(820px, 100vh - 28px);
  padding: 16px 0 calc(env(safe-area-inset-bottom) + 12px);
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.groupPopupHeader[data-v-7754c5eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding: 0 8px 0 8px;
}
.groupPopupHeader h3[data-v-7754c5eb] {
  margin: 0;
  color: #1d8cff;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.groupPopupHeader-main[data-v-7754c5eb] {
  min-width: 0;
}
.groupPopupHeader-line[data-v-7754c5eb] {
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 8px;
  border-radius: 999px;
  background-color: #1d8cff;
}
.groupPopupHeader-close[data-v-7754c5eb] {
  width: 36px;
  height: 36px;
  margin-right: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #9aa3b2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.groupPopupTable[data-v-7754c5eb] {
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 18px;
  border: 1px solid #e8ebf0;
  border-radius: 18px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.groupPopupTableHeader[data-v-7754c5eb] {
  min-height: 72px;
  padding: 0 18px;
  background-color: #f4f7fd;
  display: grid;
  grid-template-columns: 44px minmax(0, 1.65fr) minmax(0, 1.2fr) 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
  color: #5f6672;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.groupPopupTableHeader-number[data-v-7754c5eb],
.groupPopupTableHeader-carrier[data-v-7754c5eb] {
  text-align: center;
}
.groupPopupTableHeader-action[data-v-7754c5eb] {
  text-align: center;
}
.groupPopupTableBody[data-v-7754c5eb] {
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.groupPopupRow[data-v-7754c5eb] {
  min-height: 96px;
  padding: 0 18px;
  border-top: 1px solid #edf0f5;
  display: grid;
  grid-template-columns: 44px minmax(0, 1.65fr) minmax(0, 1.2fr) 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
}
.groupPopupCheckbox[data-v-7754c5eb] {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 2px solid #dfe4ec;
  border-radius: 8px;
  background-color: #ffffff;
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.groupPopupCheckbox.active[data-v-7754c5eb] {
  border-color: #4a82f4;
  background-color: #4a82f4;
}
.groupPopupCheckbox-row[data-v-7754c5eb] {
  width: 24px;
  height: 24px;
  border-width: 1.5px;
}
.groupPopupNumberCell[data-v-7754c5eb] {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.groupPopupNumberButton[data-v-7754c5eb] {
  width: 100%;
  min-height: 52px;
  padding: 0;
  border: none;
  background: transparent;
  color: #232323;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(11px, 3.2vw, 15px);
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.groupPopupNumberInput[data-v-7754c5eb] {
  width: 100%;
  height: 44px;
  padding: 0 8px;
  border: 1px solid #cfe0ff;
  border-radius: 10px;
  background: #ffffff;
  color: #232323;
  font-size: clamp(11px, 3.2vw, 15px);
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.groupPopupNumberInput[data-v-7754c5eb]:focus {
  outline: none;
  border-color: #8eaef7;
}
.groupPopupCarrierButton[data-v-7754c5eb] {
  width: 100%;
  min-height: 52px;
  padding: 0 14px;
  border: 2px solid #b8d2ff;
  border-radius: 12px;
  background-color: #ffffff;
  color: #4d4d4d;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.groupPopupDeleteButton[data-v-7754c5eb] {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  background: transparent;
  color: #c3c7d0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.groupPopupFooter[data-v-7754c5eb] {
  margin: 0 0 0;
  padding: 14px 18px 0;
  border-top: 1px solid #edf0f5;
  background: #ffffff;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr) 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.groupPopupFooterSelect[data-v-7754c5eb] {
  padding: 0;
  border: none;
  background: transparent;
  color: #4b4f57;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 14px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.groupPopupFooterCarrier[data-v-7754c5eb] {
  min-height: 52px;
  padding: 0 16px;
  border: none;
  border-radius: 12px;
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.groupPopupFooterDelete[data-v-7754c5eb] {
  width: 60px;
  min-height: 52px;
  padding: 0;
  border: none;
  border-radius: 12px;
  background: -webkit-gradient(linear, left top, right top, from(#4a82f4), to(#3f72ea));
  background: linear-gradient(90deg, #4a82f4 0%, #3f72ea 100%);
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.groupPopupFooterCarrier[disabled][data-v-7754c5eb],
.groupPopupFooterDelete[disabled][data-v-7754c5eb] {
  opacity: 0.45;
}
@media (max-width: 375px) {
.batchRechargeMain[data-v-7754c5eb] {
    padding-left: 14px;
    padding-right: 14px;
}
.actionCard[data-v-7754c5eb] {
    padding-left: 14px;
    padding-right: 14px;
}
.actionCard-title[data-v-7754c5eb] {
    font-size: 17px;
}
.batchRechargeIntro-title[data-v-7754c5eb] {
    font-size: 21px;
}
.batchRechargeIntro-subtitle[data-v-7754c5eb] {
    font-size: 14px;
}
.actionCard-tail[data-v-7754c5eb],
  .hotCountryLabel[data-v-7754c5eb],
  .hotCountryButton[data-v-7754c5eb] {
    font-size: 13px;
}
.batchRechargeFooter[data-v-7754c5eb] {
    padding-left: 12px;
    padding-right: 12px;
}
.batchRechargeFooter-total[data-v-7754c5eb] {
    font-size: 16px;
}
.batchRechargeFooter-total strong[data-v-7754c5eb] {
    font-size: 22px;
}
.batchRechargeFooter-submit[data-v-7754c5eb] {
    min-width: 132px;
    height: 52px;
    font-size: 16px;
}
.groupPopupTableHeader[data-v-7754c5eb],
  .groupPopupRow[data-v-7754c5eb] {
    padding-left: 12px;
    padding-right: 12px;
    grid-template-columns: 34px minmax(0, 1.4fr) minmax(0, 1.15fr) 44px;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
}
.groupPopupCarrierButton[data-v-7754c5eb] {
    min-height: 46px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}
.groupPopupFooter[data-v-7754c5eb] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) 56px;
    gap: 10px;
    padding-left: 12px;
    padding-right: 12px;
}
.groupPopupFooterCarrier[data-v-7754c5eb] {
    font-size: 14px;
}
}
@charset "UTF-8";
.point[data-v-50fb2e1b] {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: #ff7400;
  margin-bottom: 10px;
  margin-left: 0;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  background-color: #fef8eb;
}
.point svg[data-v-50fb2e1b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
}
.pointText[data-v-50fb2e1b] {
  font-size: 13px;
}

/* .imageAndText{
    margin-top: 30px;
} */
.carousel-images[data-v-50fb2e1b] {
  /* max-height: 320px; */
  overflow: hidden;
}
.images[data-v-50fb2e1b] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain; /* 保持图片宽高比，并填充容器 */
}
.more[data-v-50fb2e1b] {
  font-size: 15px;
}
.more .more-button[data-v-50fb2e1b] {
  display: inline-block;
  padding: 10px 45px;
  margin: 5px 0;
  background-color: #f1f4f8;
  border-radius: 50px;
}
.custom-indicator[data-v-50fb2e1b] {
  position: absolute;
  bottom: 10px; /* 根据需要调整 */
  right: 10px; /* 根据需要调整 */
  background: #6d6d6d; /* 可选：背景颜色和透明度 */
  color: white; /* 文字颜色 */
  padding: 5px 10px; /* 内边距 */
  border-radius: 5px; /* 圆角 */
  font-size: 14px; /* 字体大小 */
}
.text-all[data-v-50fb2e1b] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.text-main[data-v-50fb2e1b] {
  font-size: 15px;
  white-space: pre-wrap;
  margin: 3%;
  line-height: 1.8; /* 调整此值以增加或减少行间距 */
  color: #373737;
}
.loading-spinner[data-v-50fb2e1b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; /* 全屏居中或者容器居中 */
  color: #555;
  font-size: 14px;
  /* 圆圈样式 */
}
.loading-spinner[data-v-50fb2e1b]::before {
  content: "";
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top-color: #555; /* 圆圈的主色调 */
  border-radius: 50%;
  -webkit-animation: spin-50fb2e1b 1s linear infinite;
          animation: spin-50fb2e1b 1s linear infinite; /* 转圈动画 */
  margin-bottom: 10px; /* 圆圈与文字间距 */
}
@-webkit-keyframes spin-50fb2e1b {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-50fb2e1b {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.memberPopup[data-v-ecaae5c8] {
  width: 80%;
  background-color: transparent;
}
@charset "UTF-8";
.rechargeBar-content-empty-tips[data-v-65d7357a], .productItem[data-v-65d7357a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flowProductDetail[data-v-65d7357a], .rechargeBar-content[data-v-65d7357a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.productItem[data-v-65d7357a] {
  width: 31.3%;
  max-width: 31.3%;
  min-height: 57px;
  /* min-width: 114px; */
  color: #0c7ad6;
  border: 1px solid #0c7ad6;
  border-radius: 5px;
  padding: 2px 8px;
  margin: 0 1% 14px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.batchItem[data-v-65d7357a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 74px;
  width: 115px;
  margin: 0 1% 14px;
  border-radius: 5px;
  color: #0c7ad6;
  border: 1px solid #0c7ad6;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* 水平居中 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 垂直居中 */
  /* 将整个元素向上位移 10px */
  /* transform: translateY(-10px); */
}
.rechargeBar-content[data-v-65d7357a] {
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 3%;
  position: relative;
}
.rechargeBar-content-empty[data-v-65d7357a] {
  background-color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
  width: 100%;
}
.rechargeBar-content-empty-tips[data-v-65d7357a] {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #fff;
  z-index: 1;
  color: #979797;
  font-size: 15px;
  position: absolute;
  left: 0;
  top: 0;
}
.rechargeBar-content-empty-tips svg[data-v-65d7357a] {
  color: #0c7ad6;
  margin-right: 0.4em;
}
.rechargeBar-content-empty > div[data-v-65d7357a] {
  width: 50%;
  margin: 0 auto 1em;
}
.rechargeBar-content-empty p[data-v-65d7357a] {
  color: #808080;
  font-size: 14px;
  margin-bottom: 0.8em;
}
.flowProductDetail[data-v-65d7357a] {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  padding: 20px 3%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flowProductDetail-info[data-v-65d7357a] {
  padding-right: 0.4em;
}
.flowProductDetail-info > p[data-v-65d7357a] {
  font-size: 18px;
  color: #0e0e0e;
  font-weight: bold;
  margin-bottom: 10px;
}
.flowProductDetail-info > p em[data-v-65d7357a] {
  font-size: 12px;
  color: #108ee8;
  border: 1px solid;
  padding: 4px 6px;
  font-weight: normal;
  vertical-align: 0.2em;
  border-radius: 3px;
}
.flowProductDetail-info > span[data-v-65d7357a] {
  color: #737373;
  font-size: 12px;
}
.flowProductDetail-buy > p[data-v-65d7357a] {
  color: #ff4e47;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}
.flowProductDetail-buy > div[data-v-65d7357a] {
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  background-color: #108ee8;
  border-radius: 5px;
  padding: 7px 13px;
  margin-top: 12px;
  white-space: nowrap;
}
.line_class[data-v-65d7357a] {
  width: 100% !important;
  text-align: left;
  font-size: 18px;
  font-weight: 800;
  color: #343434;
  margin-bottom: 13px;
  margin-left: 10px;
}
.flowicon[data-v-65d7357a] {
  height: 30px;
  font-size: 15px;
  margin-bottom: 10px;
  margin: 0 auto;
  color: yellow;
}
.point[data-v-65d7357a] {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: #ff7400;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 10px 14px;
  border-radius: 12px;
  background-color: #fef8eb;
}
.point svg[data-v-65d7357a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
}
.llListWrap[data-v-65d7357a] {
  width: 100%;
  position: relative;
}
.llPoint[data-v-65d7357a] {
  margin-left: 0;
}
.llFilter[data-v-65d7357a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.llFilter-label[data-v-65d7357a] {
  font-size: 14px;
  color: #343434;
  font-weight: 700;
}
.llFilter-trigger[data-v-65d7357a] {
  position: relative;
  z-index: 31;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid #d3d3d3;
  background-color: #f8f8f8;
  color: #2b2b2b;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.llFilter-arrow[data-v-65d7357a] {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #9b9b9b;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.llFilter-arrow.open[data-v-65d7357a] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.llFilter-mask[data-v-65d7357a] {
  position: fixed;
  inset: 0;
  z-index: 29;
}
.llFilter-menu[data-v-65d7357a] {
  position: absolute;
  left: 74px;
  top: calc(100% + 6px);
  z-index: 30;
  min-width: 160px;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #ececec;
  background-color: #fff;
  -webkit-box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
          box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
}
.llFilter-option[data-v-65d7357a] {
  width: 100%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fff;
  color: #333;
  font-size: 13px;
  cursor: pointer;
}
.llFilter-option[data-v-65d7357a]:last-child {
  border-bottom: 0;
}
.llFilter-option.active[data-v-65d7357a] {
  color: #1f6fe6;
  font-weight: 700;
}
.llProductList[data-v-65d7357a] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.llBatchEntry[data-v-65d7357a] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px;
  border: 1px dashed #9dc2ff;
  border-radius: 18px;
  background: -webkit-gradient(linear, left top, right top, from(#eff6ff), to(#ffffff));
  background: linear-gradient(90deg, #eff6ff 0%, #ffffff 100%);
  color: #2556b8;
  text-align: left;
  cursor: pointer;
}
.llBatchEntry strong[data-v-65d7357a] {
  font-size: 16px;
  font-weight: 700;
}
.llBatchEntry span[data-v-65d7357a] {
  color: #6b7280;
  font-size: 14px;
}
.customerNotice[data-v-65d7357a] {
  margin: 6px 4% 12px;
  padding: 16px;
  line-height: 1.6;
  color: #7f8790;
  font-size: 12px;
  background-color: #f4f7fa;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  border-radius: 14px;
}
.customerNotice p + p[data-v-65d7357a] {
  margin-top: 4px;
}
.customerNotice-title[data-v-65d7357a] {
  margin-bottom: 6px;
  color: #3c4650;
  font-size: 13px;
  font-weight: 700;
}
.customerNotice-pin[data-v-65d7357a] {
  color: #ff4e47;
}
.kefu-btn[data-v-65d7357a] {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #628fe6;
  position: fixed;
  bottom: 100px;
  right: 20px;
  cursor: pointer;
}
.chat-kefu-text[data-v-65d7357a] {
  position: fixed;
  bottom: 80px;
  right: 20px;
  cursor: pointer;
}
.xiaoxi-btn[data-v-65d7357a] {
  color: #fff !important;
  /* text-align: center; */
  font-size: 42px !important;
  padding-left: 3px;
  padding-top: 2px;
  display: block;
}
.batch[data-v-65d7357a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  border: 1px solid #0c7ad6;
  border-radius: 10px;
  background-color: rgba(31, 99, 203, 0.3);
  width: 95%;
  margin: 0 auto 5px;
}
.batch .logo[data-v-65d7357a] {
  width: 45px;
  height: 45px;
  margin-top: 5px;
}
.batch .logo img[data-v-65d7357a] {
  width: 45px;
  height: 45px;
}
.batch .title[data-v-65d7357a] {
  min-width: 55%;
  margin-left: 14px;
  margin-top: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.batch .title .name[data-v-65d7357a] {
  color: #000;
  margin-bottom: 5px;
  font-size: 20px;
}
.batch .title .desc[data-v-65d7357a] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  margin-top: 7px;
  font-weight: 700;
}
.batch .guanzhu[data-v-65d7357a] {
  /* padding: 0 15px; */
  padding: 0 8px;
  color: #1aad19;
  border: 1px solid #1aad19;
  height: 25px;
  line-height: 24px;
  font-size: 14px;
  margin-top: 20px;
  border-radius: 5px;
}
.batch2[data-v-65d7357a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px;
  border: 1px solid #ddd;
  background-color: #fff;
  /* border-radius: 10px; */
  /* background-color: rgba(31, 99, 203,.3); */
  width: 100%;
  margin: 0 auto 5px;
}
.batch2 .logo[data-v-65d7357a] {
  width: 45px;
  height: 45px;
  margin-top: 5px;
}
.batch2 .logo img[data-v-65d7357a] {
  width: 45px;
  height: 45px;
}
.batch2 .title[data-v-65d7357a] {
  min-width: 55%;
  margin-left: 14px;
  margin-top: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.batch2 .title .name[data-v-65d7357a] {
  /* color: #000; */
  margin-bottom: 5px;
  font-size: 16px;
}
.batch2 .title .desc[data-v-65d7357a] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  margin-top: 7px;
  /* font-weight: 700; */
  color: #a8a8a8;
}
.batch2 .guanzhu[data-v-65d7357a] {
  /* padding: 0 15px; */
  padding: 0 8px;
  color: #fff;
  border: 1px solid #08affd;
  background-color: #08affd;
  height: 25px;
  line-height: 24px;
  font-size: 14px;
  margin-top: 18px;
  border-radius: 5px;
}
.my_tips[data-v-65d7357a] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.my-swipe[data-v-65d7357a] {
  width: 92%;
  margin: 0 auto 25px;
  border-radius: 10px;
  height: 100px;
}
.my-swipe img[data-v-65d7357a] {
  width: 100%;
  height: 100%;
}
.my-swipe .van-swipe-item[data-v-65d7357a] {
  color: #fff;
  /* font-size: 20px; */
  line-height: 100px;
  text-align: center;
  background-color: #39a9ed;
  border-radius: 10px;
}
.closeBtn[data-v-65d7357a] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #25a8f5;
  color: #000;
}
.closeBtnCancel[data-v-65d7357a] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  background-color: #f7f7f7;
  color: #000;
}
.skipBtnDetail[data-v-65d7357a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin: 8px 16px;
  padding: 8px 0px;
  /* width: 100%; */
  border-radius: 10px;
  background-color: #f7f7f7;
  color: #525151;
}
.skipBtnDetail .skipBtnDetailIcon[data-v-65d7357a] {
  width: 24px;
  height: 24px;
  border-radius: 16px;
}
.closeBtn2[data-v-65d7357a] {
  background-color: #f7f7f7;
  color: #646464;
}
.select_points[data-v-65d7357a] {
  margin: 0px 4% 5px 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fae6ea;
  border-radius: 10px;
  padding: 5px 15px;
  width: 92%; /* 根据需要调整宽度 */
  height: 50px;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}
.select_points img[data-v-65d7357a] {
  margin-right: 5px;
}
.message[data-v-65d7357a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  color: #333;
}
.highlight[data-v-65d7357a] {
  color: #ea484c;
  font-weight: bold;
}
.select_red_packet[data-v-65d7357a] {
  margin: 0 4%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fae6ea;
  border-radius: 10px;
  padding: 0px 15px;
  width: 92%; /* 根据需要调整宽度 */
  height: 50px;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}
.select_red_packet img[data-v-65d7357a] {
  margin-right: 10px;
}
.checkMore[data-v-65d7357a] {
  min-height: 70px;
}
.productList[data-v-65d7357a] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; /* 让所有子元素高度匹配 */
}
.item-card[data-v-38a317eb] {
  background-color: #f5f5f5;
  border-radius: 8px;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0px 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.item-card .left[data-v-38a317eb] {
  /* flex: 1; */
  width: calc(100% - 110px);
  max-width: 500px;
}
.item-card .left .title[data-v-38a317eb] {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}
.item-card .left .desc[data-v-38a317eb] {
  line-height: 22px;
  font-size: 14px;
  color: #6d6d6d;
  margin-top: 4px;
  word-wrap: break-word;
  word-break: normal;
  min-height: 44px;
}
.item-card .right[data-v-38a317eb] {
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  margin-left: 10px;
}
.box-content[data-v-38a317eb] {
  font-size: 12px;
  color: #6d6d6d;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box[data-v-38a317eb] {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #257ae7;
  color: #fff;
}
.item-card2[data-v-38a317eb] {
  background-color: #f5f5f5;
  border-radius: 8px;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 8px 10px;
  /* display: flex;
  justify-content: space-between; */
}
.item-card2 .header[data-v-38a317eb] {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}
.item-card2 .content[data-v-38a317eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: pointer;
}
.item-card2 .content .content-item[data-v-38a317eb] {
  width: 172px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
}
.item-card2 .content .content-item .img[data-v-38a317eb] {
  height: 220px;
}
.item-card2 .content .content-item .img img[data-v-38a317eb] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.item-card2 .content .content-item .title[data-v-38a317eb] {
  line-height: 28px;
  min-height: 56px;
  margin-top: 6px;
  font-size: 14px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ispc[data-v-38a317eb] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fansGroupPopup[data-v-38a317eb] {
  background-color: transparent;
  /* width: 74%; */
}
.point[data-v-38a317eb] {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: #ff7400;
  margin: 10px 0;
  padding: 10px 14px;
  border-radius: 12px;
  background-color: #fef8eb;
}
.point svg[data-v-38a317eb] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
}
.skipBtnDetail[data-v-38a317eb] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.skipBtnDetail .skipBtnDetailIcon[data-v-38a317eb] {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@charset "UTF-8";
.item-card[data-v-293d4c26] {
  background-color: #f5f5f5;
  border-radius: 8px;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0px 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.item-card .left[data-v-293d4c26] {
  /* flex: 1; */
  width: calc(100% - 110px);
  max-width: 500px;
}
.item-card .left .left-top[data-v-293d4c26] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-card .left .left-top .title[data-v-293d4c26] {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}
.item-card .left .left-top .unitValidity[data-v-293d4c26] {
  padding: 4px 7px;
  background-color: #ff464a;
  color: #fff;
  border-radius: 6px;
  margin-left: 10px;
}
.item-card .left .desc[data-v-293d4c26] {
  line-height: 22px;
  font-size: 14px;
  color: #6d6d6d;
  margin-top: 4px;
  word-wrap: break-word;
  word-break: normal;
  min-height: 44px;
}
.item-card .right[data-v-293d4c26] {
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  margin-left: 10px;
}
.box-content[data-v-293d4c26] {
  margin: 0 10px;
  font-size: 12px;
  color: #6d6d6d;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box[data-v-293d4c26] {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #257ae7;
  color: #fff;
}
.item-card2[data-v-293d4c26] {
  background-color: #f5f5f5;
  border-radius: 8px;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 8px 10px;
  /* display: flex;
        justify-content: space-between; */
}
.item-card2 .header[data-v-293d4c26] {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}
.item-card2 .content[data-v-293d4c26] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: pointer;
}
.item-card2 .content .content-item[data-v-293d4c26] {
  width: 172px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
}
.item-card2 .content .content-item .img[data-v-293d4c26] {
  height: 220px;
}
.item-card2 .content .content-item .img img[data-v-293d4c26] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.item-card2 .content .content-item .title[data-v-293d4c26] {
  line-height: 28px;
  min-height: 56px;
  margin-top: 6px;
  font-size: 14px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ispc[data-v-293d4c26] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fansGroupPopup[data-v-293d4c26] {
  background-color: transparent;
  /* width: 74%; */
}
.isCenter[data-v-293d4c26] {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.point[data-v-293d4c26] {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: #ff7400;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0;
  padding: 10px 14px;
  border-radius: 12px;
  background-color: #fef8eb;
}
.point svg[data-v-293d4c26] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
}
.carouselMap[data-v-293d4c26] {
  width: 90%;
  max-height: 200px;
}
.more .more-button[data-v-293d4c26] {
  display: inline-block;
  padding: 15px 25px;
  margin: 5px 0;
  background-color: #f1f4f8;
  border-radius: 50px;
}
.custom-indicator[data-v-293d4c26] {
  position: absolute;
  top: 10px; /* 根据需要调整 */
  right: 10px; /* 根据需要调整 */
  background: #6d6d6d; /* 可选：背景颜色和透明度 */
  color: white; /* 文字颜色 */
  padding: 5px 10px; /* 内边距 */
  border-radius: 5px; /* 圆角 */
  font-size: 14px; /* 字体大小 */
}
.waitOrderPopup[data-v-c8ff82c4] {
  height: 22%;
  border-radius: 15px;
  font-size: 12px;
  width: 80%;
  color: #414141;
  line-height: 1;
  overflow: hidden;
}
.waitOrderPopup-title[data-v-c8ff82c4] {
  font-size: 16px;
  color: #fff;
  padding: 5% 0;
  text-align: center;
}
.waitOrderPopup-content[data-v-c8ff82c4] {
  margin: 5% 25%;
  margin-top: 0;
  margin-bottom: 10%;
  white-space: nowrap;
  text-align: center;
}
.waitOrderPopup-item[data-v-c8ff82c4] {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.waitOrderPopup-item-discount[data-v-c8ff82c4] {
  color: #ff9a22;
}
.waitOrderPopup-item-payPrice[data-v-c8ff82c4] {
  color: #ff3c3c;
}
.waitOrderPopup-item label[data-v-c8ff82c4] {
  color: #414141;
  font-size: 18px;
  text-align: center;
  font-weight: 900;
}
.waitOrderPopup-item[data-v-c8ff82c4]:last-child {
  margin-bottom: 0;
}
.waitOrderPopup-button[data-v-c8ff82c4] {
  /* padding-top:7%; */
  width: 100%;
  /*height: 500px; */
  border-top: 1px solid #d9d9d9;
  position: relative;
  text-align: center;
  height: 20%;
  /* line-height: 30%; */
}

.containers[data-v-0b5ff5d1] {
  width: 100%;
  height: calc(100vh - 92px);
  background-size: cover;
  position: relative;
}
.containers #subscribe-btn[data-v-0b5ff5d1] {
  color: #fff;
  background-color: #07c160;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}


.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.couponItem {
  position: relative; /* 为了使绝对定位的按钮相对于这个容器 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 使用 Flexbox 布局 */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* 在主轴上均匀分布子元素 */
  border-radius: 8px 8px 0 0; /* 设置圆角 */
  margin: 10px 0; /* 设置上下外边距 */
  margin-bottom: 0px;
  background-color: #fff; /* 设置背景颜色为白色 */
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /*        设置阴影 */
  overflow: hidden; /* 防止内容溢出 */
}
.couponItem-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 使用 Flexbox 布局 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* 垂直排列子元素 */
  background-color: #f9f1ef;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 子元素水平居中 */
  text-align: center; /* 文本水平居中 */
  width: 30%; /* 设置盒子宽度 */
}
.amount {
  padding-top: 19%;
  font-size: 34px; /* 设置字体大小 */
  font-weight: bold; /* 设置字体加粗 */
  color: #ff1e02; /* 设置字体颜色 */
}
.fuhao {
  font-size: 18px;
}
.info {
  margin-top: 8px; /* 设置上外边距 */
  font-size: 14px; /* 设置字体大小 */
  font-weight: bold;
  color: #ff1e02; /* 设置字体颜色 */
}
.type {
  margin-top: 8px; /* 设置上外边距 */
  font-size: 10px; /* 设置字体大小 */
  color: #ff1e02; /* 设置字体颜色 */
  padding: 3px;
  border: 1px solid #ff1e02;
  margin-bottom: 20%;
  border-radius: 8px; /* 设置圆角 */
}
.couponItem-right {
  display: left; /* 使用 Flexbox 布局 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* 垂直排列子元素 */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* 在主轴上均匀分布子元素 */
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 70%; /* 设置盒子宽度 */
  background-color: #fff;
}
.name {
  margin-top: 7%;
  margin-left: 5%;
  font-size: 16px; /* 设置字体大小 */
  font-weight: bold; /* 设置字体加粗 */
}
.tag {
  font-size: 10px;
  margin-left: 5%;
  margin-top: 5%;
}
.text {
  margin-right: 2%;
  color: #ff1e02;
  font-weight: bold;
  padding: 1%;
  border: 1px solid #ff1e04;
  border-radius: 0px; /* 设置圆角 */
}
.time {
  margin-top: 5%; /* 设置上外边距 */
  margin-left: 5%;
  font-size: 12px; /* 设置字体大小 */
  color: #999; /*设置字体颜色 */
}
.details {
  margin-top: 3%;
  margin-left: 5%;
  font-size: 14px;
  color: #999; /*设置字体颜色 */
}
.couponItem-button {
  position: absolute; /* 绝对定位 */
  top: 36px;
  right: 16px;
  margin-top: 16px; /* 设置上外边距 */
  padding: 8px 8px; /* 设置内边距 */
  background-color: #ff1e02; /* 设置背景颜色 */
  color: #fff; /* 设置字体颜色 */
  border-radius: 50px; /* 设置圆角 */
  /* width: 100px; */
}
.grayColorBorder {
  border: 1px solid #fff;
}
.grayColor {
  background-color: #999; /* 设置背景颜色 */
}
.whileColorText {
  color: #fff;
}
.couponItem-button span {
  font-size: 14px; /* 设置字体大小 */
}
.couponItem-bottom {
  padding: 10px 0 5px 3px; /* 设置上外边距 */
  font-size: 12px; /* 设置字体大小 */
  color: #ff1e02; /*设置字体颜色 */
  text-align: center; /* 文本水平居中 */
  background-color: #fff;
  border-radius: 0 0 8px 8px; /* 设置圆角 */
  text-align: left;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /*        设置阴影 */
}

.couponList[data-v-15378279] {
  position: relative;
  padding: 9px 3%;
  min-height: calc(100vh - 44px);
  background-color: #f2f2f2;
}
.couponList-empty[data-v-15378279] {
  font-size: 16px;
  color: #666;
  padding-top: 30px;
  text-align: center;
}
.couponList-end[data-v-15378279] {
  font-size: 12px;
  color: #999;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
  width: 8em;
  position: relative;
}
.couponList-end[data-v-15378279]::after, .couponList-end[data-v-15378279]::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3em;
  height: 1px;
  background-color: #ccc;
}
.couponList-end[data-v-15378279]::before {
  left: -3em;
}
.couponList-end[data-v-15378279]::after {
  right: -3em;
}

.countryInput-top-phoneList .delete-all-phoneList[data-v-1d9b105c] {
  height: 35px;
  /* background-color: skyblue; */

  position: relative;
  top: 10px;
}
.countryInput-top-phoneList .delete-all-phoneList span[data-v-1d9b105c] {
  text-align: center;
  line-height: 35px;
  color: #e93223;
  font-size: 18px;
  display: block;
  font-weight: 500;
}

.countryInput-top-input .van-cell[data-v-1d9b105c] {
  font-size: 18px;
  padding: 7px 0 7px 13px;
  line-height: normal;
  color: #333;
}
[data-v-1d9b105c] .van-van-dialog__title {
  font-weight: 900 !important;
  color: red !important;
}
@charset "UTF-8";
.rechargeBar-content[data-v-1d9b105c], .countryInput-bottom[data-v-1d9b105c], .countryInput-top-phoneList-item[data-v-1d9b105c], .countryInput-top-wrapper[data-v-1d9b105c], .countryInput-top[data-v-1d9b105c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vanDiaLog[data-v-1d9b105c] {
  text-align: center;
  position: relative;
  width: 8rem;
  height: 70%;
  font-size: 20px;
  margin-top: 10%;
}
.areaNumberSelect[data-v-1d9b105c] {
  text-align: center;
  width: 8rem;
  font-size: 16px;
}
[data-v-1d9b105c] .van-dialog__header {
  font-weight: 700;
  padding-top: 20px;
}
.my-btn[data-v-1d9b105c]:nth-child(2) {
  margin-bottom: 20px !important;
}
.activeImage[data-v-1d9b105c] {
  display: block;
  width: 300px;
  margin: auto 0;
  /*图片居中*/
}
.button-deletePhoneOne[data-v-1d9b105c] {
  position: absolute;
  right: 4%;
  list-style: none;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #ff455b;
}
header[data-v-1d9b105c] {
  margin-bottom: -72.5px;
  position: relative;
  z-index: -1;
  overflow: hidden;
  height: 3.68rem;
}
header > p[data-v-1d9b105c] {
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  top: 20%;
  width: 100%;
  text-align: center;
}
.rechargeCenter[data-v-1d9b105c] {
  min-height: 100vh;
  padding-bottom: 50px;
}
.countryInput[data-v-1d9b105c] {
  -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  margin: 0 auto;
  width: 96%;
}
.countryInput-top.bg[data-v-1d9b105c] {
  opacity: 0.8;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: 100%;
  zoom: 1;
  background-color: #000;
  z-index: 2;
}
.countryInput-top[data-v-1d9b105c] {
  position: relative;
  padding: 18px 12px;
  padding-bottom: 0;
  z-index: 3;
  background-color: #fff;
}
.countryInput-top-img[data-v-1d9b105c] {
  width: 53px;
}
.countryInput-top-wrapper[data-v-1d9b105c] {
  border-bottom: 1px solid #dbdbdb;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 7px;
}
.countryInput-top-wrapper > p[data-v-1d9b105c] {
  color: #999999;
  font-size: 18px;
  font-weight: bold;
}
.countryInput-top-icon[data-v-1d9b105c] {
  font-size: 56px;
}
.countryInput-top-input[data-v-1d9b105c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.countryInput-top-phoneList[data-v-1d9b105c] {
  /*top: 71px;*/
  top: 56px;
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #fff;
  padding: 0 12px 12px;
}
.countryInput-top-phoneList-item[data-v-1d9b105c] {
  font-size: 14px;
  color: #2a2a2a;
  padding: 12px 0;
  border-bottom: 1px solid #f2f2f2;
  font-weight: bold;
  display: grid;
}
@media screen and (max-width: 200px) {
.countryInput-top-phoneList-item[data-v-1d9b105c] {
    font-size: 5px;
}
.countryInput-top-phoneList-item-top[data-v-1d9b105c] {
    font-size: 5px;
}
.countryInput-top-phoneList-item-top[data-v-1d9b105c] {
    font-size: 5px;
}
.countryInput-top-phoneList-item span[data-v-1d9b105c] {
    color: #888888;
    font-size: 5px;
    font-weight: normal;
}
}
.countryInput-top-phoneList-item-top[data-v-1d9b105c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.countryInput-top-phoneList-item-bottom[data-v-1d9b105c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 2%;
  margin-top: 3px;
  position: relative;
}
.countryInput-top-phoneList-item p[data-v-1d9b105c] {
  padding: 0 0.7em 0 0.5em;
}
.countryInput-top-phoneList-item em[data-v-1d9b105c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.countryInput-top-phoneList-item span[data-v-1d9b105c] {
  color: #888888;
  font-size: 14px;
  font-weight: normal;
}
.countryInput-bottom[data-v-1d9b105c] {
  color: #25a8f5;
  font-size: 12px;
  padding: 10px 12px;
  padding-top: 0;
}
.countryInput-bottom p.short[data-v-1d9b105c] {
  width: 56px;
  text-align: center;
}
.countryInput-bottom em[data-v-1d9b105c] {
  margin-left: 7px;
  margin-top: 6px;
  font-weight: 600;
}
.searchCountryWrapper[data-v-1d9b105c] {
  padding: 9px 12px;
  margin: 0 auto;
}
.searchCountryWrapper .searchCountry[data-v-1d9b105c] {
  font-size: 16px;
  padding: 9px 12px;
  border: 1px solid #666666;
  line-height: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rechargeBar[data-v-1d9b105c] {
  font-size: 15px;
  margin-top: 4px;
  position: relative;
}
.rechargeBar-title[data-v-1d9b105c] {
  font-size: 15px;
  font-weight: bold;
  position: relative;
}
.rechargeBar-title.balanceQuery[data-v-1d9b105c]::after, .rechargeBar-title.balanceQuery[data-v-1d9b105c]::before {
  content: "";
  position: absolute;
  font-size: 8px;
}
.rechargeBar-title.balanceQuery[data-v-1d9b105c]::before {
  background-color: rgb(255, 78, 71);
  border: 4px solid rgb(255, 78, 71);
  -webkit-transform: skew(-20deg, -20deg);
          transform: skew(-20deg, -20deg);
  z-index: 0;
  right: 1.1em;
  top: -0.9em;
}
.rechargeBar-title.balanceQuery[data-v-1d9b105c]::after {
  content: "先查询";
  color: #fff;
  background-color: rgb(255, 78, 71);
  line-height: 1.2;
  padding: 0.3em 0.5em;
  border-radius: 1.6em;
  right: -1.8em;
  top: -1.5em;
}
.rechargeBar svg[data-v-1d9b105c] {
  font-size: 17px;
}
.rechargeBar-content[data-v-1d9b105c] {
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 19px 3%;
}
.kefu-btn[data-v-1d9b105c] {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #628fe6;
  cursor: pointer;
}
.weizhi[data-v-1d9b105c] {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 1;
  opacity: 0.8;
}
.kefu-btn2[data-v-1d9b105c] {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #628fe6;
  position: absolute;
  /* top:89%; */
  bottom: 78px;
  right: 35px;
  cursor: pointer;
  z-index: 1;
}
.chat-kefu-text[data-v-1d9b105c] {
  cursor: pointer;
  width: 60px;
  margin-top: 5px;
}
.xiaoxi-btn[data-v-1d9b105c] {
  color: #fff !important;
  /* text-align: center; */
  font-size: 35px !important;
  padding-left: 7px;
  padding-top: 6px;
  display: block;
}
.resultQuery[data-v-1d9b105c] {
  position: fixed;
  left: 50%;
  bottom: 52px;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 750px;
  text-align: center;
  color: #25a8f5;
  font-size: 14px;
  background-color: #fff;
  line-height: 30px;
  cursor: pointer;
}
.couponeUser .box[data-v-1d9b105c] {
  width: 34px;
  height: 34px;
  border: 1px solid #fff;
  border-radius: 17px;
  position: relative;
  margin: 15px auto 0;
}
.couponeUser .box .coupone-chahao[data-v-1d9b105c] {
  color: #fff !important;
  font-size: 24px !important;
  position: absolute;
  top: 2.5px;
  left: 3.5px;
}
.closeBtn[data-v-1d9b105c] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #25a8f5;
  color: #000;
}
.closeBtnCancel[data-v-1d9b105c] {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  background-color: #f7f7f7;
  color: #000;
}
.closeBtn2[data-v-1d9b105c] {
  background-color: #f7f7f7;
  color: #646464;
}
.first-charge-tips[data-v-1d9b105c] {
  font-size: 14px;
}
.countryInput-top-phoneList-item[data-v-1d9b105c] {
  position: relative;
}
.countryInput-top-phoneList-item .rechargeDateTips[data-v-1d9b105c] {
  font-size: 12px;
  position: absolute;
  left: 165px;
  top: 13px;
}
.countryInput-top-phoneList-item .phonedeleteButton[data-v-1d9b105c] {
  width: 20px;
  height: 20px;
  /* 移除内边距和边框 */
  padding: 0;
  border: none;
  /*  移除默认的按钮样式 */
  /* outline: none; */
  /* 背景图片如何覆盖按钮 */
  background-size: cover;
  position: absolute;
  top: 30%;
  right: 10px;
  background-image: url(/src/assets/home/icons8-cancel.png);
  background-color: #fff;
}
.phonelistbox[data-v-1d9b105c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #2a2a2a;
  padding: 12px 0;
  border-bottom: 1px solid #f2f2f2;
  font-weight: bold;
  position: relative;
}
@charset "UTF-8";
/* 控制国家弹窗的按钮颜色 */
.my_dialog button {
  background-color: #25a8f5;
}

/* 控制批冲弹窗的按钮颜色 */
.batch button:nth-child(1) {
  background-color: #25a8f5;
}

/* 优惠券列表相关 */
.popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* 让中间文字居中 */
  text-align: center;
  font-size: 20px;
  padding: 10px 16px 0;
}

/* 关闭图标固定在右上角 */
.close-icon {
  position: absolute;
  right: 16px;
  top: 20px;
  font-size: 22px;
  color: #333;
  background-color: transparent;
  border-radius: 0;
}
.popup-content {
  height: 100%;
  overflow-y: auto;
  padding: 16px;
  background-color: #f2f2f2;
}
.couponList-item {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
.couponList[data-v-85d25cfc] {
  padding: 9px 3%;
  min-height: calc(100vh - 44px);
  background-color: #F6F6F6;
}
.couponList-empty[data-v-85d25cfc] {
  font-size: 16px;
  color: #666;
  padding-top: 30px;
  text-align: center;
}
.couponList-end[data-v-85d25cfc] {
  font-size: 12px;
  color: #999;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
  width: 8em;
  position: relative;
}
.couponList-end[data-v-85d25cfc]::after, .couponList-end[data-v-85d25cfc]::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3em;
  height: 1px;
  background-color: #ccc;
}
.couponList-end[data-v-85d25cfc]::before {
  left: -3em;
}
.couponList-end[data-v-85d25cfc]::after {
  right: -3em;
}
#login-btn[data-v-49661737] {
  padding: 0 20px;
}
.wx-btn[data-v-49661737], .ali-btn[data-v-49661737] {
  text-align: center;
  width: 100%;
  border-color: #44b549;
  background-color: #358b98;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #44b549), to(#44b549));
  background-image: linear-gradient(to bottom, #44b549 0, #44b549 100%);
  color: #fff;
  display: inline-block;
  overflow: visible;
  padding: 0 23px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  margin-top: 100px;
}
.ali-btn[data-v-49661737] {
  margin-top: 30px;
  background: -webkit-gradient(linear, left top, right top, from(#1677ff), to(#1a57ff));
  background: linear-gradient(90deg, #1677ff, #1a57ff);
  border-color: #1677ff;
}
.pointWealthList[data-v-7c6d4d05] {
  padding: 0 4%;
}

.fixed-button[data-v-ea63ece2] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  background-color: #f6f6f6; /*  背景 */
  color: black; /* 黑色字体 */
  text-align: center; /* 字体居中 */
  padding: 10px 0; /* 添加一些内边距以增强按钮的视觉效果 */
  border-radius: 4px; /* 可选：圆角效果 */
  font-size: 25px;
}

@charset "UTF-8";
.all .coupon .not-use[data-v-005d962e] {
  height: 10%;
  width: 100%;
  background-color: #f2f2f2; /* 修改背景颜色 */
  font-size: 14px;
  margin-top: 10px 0;
  margin-top: 43px;
}
.all .coupon .not-use .nav[data-v-005d962e] {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #cec9c9;
}
.all .coupon .not-use .nav .all[data-v-005d962e] {
  width: 15%;
  text-align: center;
  background-color: #ffffff; /* 修改背景颜色 */
  padding: 5px;
  border-radius: 10px; /* 圆角 */
  margin-right: 12px;
  margin-left: 10px;
}
.all .coupon .not-use .nav .be-common[data-v-005d962e] {
  width: 15%;
  text-align: center;
  background-color: #ffffff;
  padding: 5px;
  border-radius: 10px; /* 圆角 */
  margin-right: 12px;
}
.all .coupon .not-use .nav .hf[data-v-005d962e] {
  width: 15%;
  text-align: center;
  background-color: #ffffff;
  padding: 5px;
  border-radius: 10px; /* 圆角 */
  margin-right: 12px;
}
.all .coupon .not-use .nav .ll[data-v-005d962e] {
  width: 15%;
  text-align: center;
  background-color: #ffffff;
  padding: 5px;
  border-radius: 10px; /* 圆角 */
  margin-right: 12px;
}
.acquiesce[data-v-005d962e] {
  padding: 10px;
  color: black;
  border-radius: 10px;
}
.selected[data-v-005d962e] {
  color: #ff1e04;
  border: 1px solid #ff1e04;
}
.hend-carousel-map[data-v-005d962e] {
  width: 90%;
  margin: auto;
  overflow: hidden;
}
.hend-carousel-map .my-swipe .van-swipe-item[data-v-005d962e] {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 90px;
}
.hend-carousel-map .my-swipe .van-swipe-item img[data-v-005d962e] {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /*  自动拉升 */
}
.first-nav-button[data-v-005d962e] {
  font-size: 22px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f2f2f2;
  color: rgba(0, 0, 0, 0.717);
  text-align: center;
  padding: 10px;
  z-index: 9999;
  /* box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3); 添加阴影以示突出 */
}
.first-nav-button .select[data-v-005d962e] {
  color: black;
  font-weight: bold;
}
.first-nav-button .select span[data-v-005d962e] {
  border-bottom: 3px solid #ff1e04;
}
.first-nav-button .notuse-nav[data-v-005d962e] {
  float: left;
  margin-left: 25%;
  text-align: center;
}
.first-nav-button .lose-nav[data-v-005d962e] {
  margin-right: 25%;
  float: right;
}
.bottom-Records[data-v-005d962e] {
  font-size: 22px;
  font-weight: bold;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  color: black;
  text-align: center;
  padding: 10px;
  padding-bottom: 40px;
  z-index: 9999;
  -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3); /* 添加阴影以示突出 */
}
.couponList[data-v-31072d64] {
  position: relative;
  padding: 9px 3%;
  min-height: calc(100vh - 44px);
  background-color: #F6F6F6;
}
.couponList-empty[data-v-31072d64] {
  font-size: 16px;
  color: #666;
  padding-top: 30px;
  text-align: center;
}
.couponList-end[data-v-31072d64] {
  font-size: 12px;
  color: #999;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
  width: 8em;
  position: relative;
}
.couponList-end[data-v-31072d64]::after, .couponList-end[data-v-31072d64]::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3em;
  height: 1px;
  background-color: #ccc;
}
.couponList-end[data-v-31072d64]::before {
  left: -3em;
}
.couponList-end[data-v-31072d64]::after {
  right: -3em;
}
@charset "UTF-8";
.paySuccess-box[data-v-0c56c8de] {
  padding: 15px 3% 0;
  background-color: #f4f4f4;
  min-height: 100vh;
}
.header[data-v-0c56c8de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}

/* 蓝色圆形 */
.header-icon[data-v-0c56c8de] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #0189ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
}

/* 勾子：左短右长白色勾 */
.header-check[data-v-0c56c8de] {
  width: 10px;
  height: 6px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.header-title[data-v-0c56c8de] {
  color: #000;
  font-weight: 600;
  font-size: 18px;
}
.pay-amount[data-v-0c56c8de] {
  color: #000;
  font-weight: 700;
  font-size: 26px;
  margin: 0 auto;
  text-align: center;
}
.pay-discount[data-v-0c56c8de] {
  color: #8a8a8a;
  font-size: 14px;
  margin: 10px auto;
  text-align: center;
}
.operation-button[data-v-0c56c8de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  margin-top: 15px;
}
.operation-button .continue-topup[data-v-0c56c8de] {
  background-color: #0189ff;
  font-size: 16px;
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  border: 1px solid transparent;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.operation-button .view-order[data-v-0c56c8de] {
  background: #fff;
  font-size: 16px;
  color: #333;
  padding: 10px 20px;
  border-radius: 6px;
  border: 1px solid #cccccc;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.operation-button p[data-v-0c56c8de] {
  margin: 0;
}
.banner[data-v-0c56c8de] {
  width: 100%;
  height: 100px;
  border-radius: 10px;
}
.order-detail[data-v-0c56c8de] {
  background-color: #fff;
  margin-top: 20px;
  border-radius: 10px;
  padding: 15px 8px;
}
.order-detail > div[data-v-0c56c8de]:first-child {
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 5px;
}
.order-detail > div[data-v-0c56c8de]:nth-child(n+2) {
  color: #656565;
  font-size: 14px;
  line-height: 30px;
}
.order-detail2[data-v-0c56c8de] {
  background-color: #fff;
  margin-top: 20px;
  border-radius: 10px;
  padding: 15px 8px;
}
.dashed[data-v-0c56c8de] {
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #cbcbcb;
  margin: 5px 0;
}
.discount[data-v-0c56c8de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.discount-sum .title[data-v-0c56c8de] {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
.discount-sum .price[data-v-0c56c8de] {
  color: red;
  font-size: 16px;
}
.gongZhongHao[data-v-0c56c8de] {
  padding: 5px 10px 10px 5px;
  color: #b2b2b2;
}
.gongZhongHao .title-desc[data-v-0c56c8de] {
  font-size: 11px;
}
.gongZhongHao .content[data-v-0c56c8de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gongZhongHao .content .logo[data-v-0c56c8de] {
  width: 50px;
  height: 50px;
  margin-top: 5px;
}
.gongZhongHao .content .logo img[data-v-0c56c8de] {
  width: 40px;
  height: 40px;
}
.gongZhongHao .content .title[data-v-0c56c8de] {
  min-width: 60%;
  margin-left: 8px;
  margin-top: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gongZhongHao .content .title .name[data-v-0c56c8de] {
  margin-bottom: 5px;
  font-size: 12px;
}
.gongZhongHao .content .title .desc[data-v-0c56c8de] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.gongZhongHao .content .guanzhu[data-v-0c56c8de] {
  padding: 0 7px;
  color: #fff;
  /* border: 1px solid #1aad19; */
  background-image: -webkit-gradient(linear, left top, right top, from(#4186ed), to(#0bb9fb));
  background-image: linear-gradient(to right, #4186ed, #0bb9fb);
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  margin-top: 20px;
  border-radius: 5px;
}
.gongZhongHao .content .guanzhu2[data-v-0c56c8de] {
  padding: 0 7px;
  color: #2c53fc;
  border: 1px solid #2c53fc;
  /* border-image: linear-gradient(#5994ef, #31c4fc) 2 2 2 2; */
  /* background-image: linear-gradient(to right,#4186ed,#0bb9fb); */
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  margin-top: 20px;
  border-radius: 5px;
}
.order-detail1[data-v-0c56c8de] {
  background-color: #fff;
  margin-top: 20px;
  border-radius: 10px;
  padding: 15px 8px;
}
.order-detail1 .orderInfo-header[data-v-0c56c8de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.order-detail1 .orderInfo[data-v-0c56c8de] {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
}
.order-detail1 .orderStatus[data-v-0c56c8de] {
  font-size: 14px;
  color: #ff7400;
}
.order-detail1 .orderInfo-content .orderInfo-content-item[data-v-0c56c8de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  line-height: 35px;
  height: 35px;
}
.order-detail1 .orderInfo-content .orderInfo-content-item .left[data-v-0c56c8de] {
  color: #777777;
}
.order-detail1 .orderInfo-content .orderInfo-content-item .right[data-v-0c56c8de] {
  color: #323232;
}
.order-detail1 .orderInfo-content .orderInfo-content-item2[data-v-0c56c8de] {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.order-detail1 .orderInfo-content .orderInfo-content-item2 .left[data-v-0c56c8de] {
  color: #777777;
  width: 80px;
}
.order-detail1 .orderInfo-content .orderInfo-content-item2 .right[data-v-0c56c8de] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #777777;
}
.order-guarantee-card[data-v-0c56c8de] {
  margin-top: 12px;
  padding: 16px 12px 18px;
  background-color: #ebf7ff;
  border-radius: 12px;
}
.guarantee-main-title[data-v-0c56c8de] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.guarantee-subtitle[data-v-0c56c8de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.guarantee-subtitle span[data-v-0c56c8de] {
  font-size: 14px;
  font-weight: 600;
}
.guarantee-desc[data-v-0c56c8de] {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
  margin: 0;
}
@charset "UTF-8";
.leaderboard-content[data-v-73146604] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#shareFriends[data-v-73146604] {
  background: -webkit-gradient(linear, left top, left bottom, from(#0062eb), to(#0095f4));
  background: linear-gradient(to bottom, #0062eb, #0095f4);
}
.image-container[data-v-73146604] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* 水平居中 */
}
.image-container img[data-v-73146604] {
  margin-top: 50px;
  width: 80%; /* 将图片缩小为原大小的 80%，可以根据需要调整 */
}
.contentWrapper[data-v-73146604] {
  background-color: #1861ca;
  /* padding: 4%; */
  padding-bottom: 30px;
}
.shareTipsWrapper[data-v-73146604] {
  position: relative;
}
.shareButtonBar[data-v-73146604] {
  position: absolute;
  top: -300px;
  /* top: -40%; */
  left: 0;
  width: 100%;
  text-align: center;
}
.shareButtonBar p[data-v-73146604] {
  text-align: right;
}
.shareButtonBar p a[data-v-73146604] {
  color: #fff;
  font-size: 12px;
  padding: 5px 3px 5px 10px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-image: linear-gradient(49deg, rgb(253, 143, 101), rgb(249, 87, 73));
  border: 2px solid #fede27;
  border-right: none;
}
.shareButtonBar button[data-v-73146604] {
  color: #ed403a;
  font-size: 15px;
  font-weight: bold;
  background-color: #fede27;
  padding: 0.8em 2.6em;
  border-radius: 3em;
  border: none;
  margin-top: 20px;
  -webkit-box-shadow: 0 0 10px 2px rgba(31, 15, 130, 0.5) inset;
          box-shadow: 0 0 10px 2px rgba(31, 15, 130, 0.5) inset;
  -webkit-animation: scale-73146604 0.5s linear infinite alternate;
          animation: scale-73146604 0.5s linear infinite alternate;
}
.shareButtonBar2[data-v-73146604] {
  top: -50%;
}
@-webkit-keyframes scale-73146604 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
}
@keyframes scale-73146604 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
}
.shareTips[data-v-73146604] {
  background-color: #fff;
  border-bottom: 24px solid rgb(24, 97, 202);
  margin-top: -42px;
  border: 7px solid #9fdef4;
  border-radius: 15px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfeff), to(#cff0ff));
  background-image: linear-gradient(to bottom, #fdfeff, #cff0ff);
  width: 96%;
  margin: 15px auto 0;
}
.shareTips2[data-v-73146604] {
  margin-top: 30px;
}
.shareTips2-title[data-v-73146604] {
  margin-top: 10px;
  text-align: center;
  position: relative;
  font-size: 16px;
  font-weight: 600;
}
.shareTips2-title[data-v-73146604]::before {
  content: "";
  border: 1px solid #989999;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45px;
  -webkit-transform: translate(-200%, -50%);
          transform: translate(-200%, -50%);
  background-color: #989999;
}
.shareTips2-title[data-v-73146604]::after {
  content: "";
  border: 1px solid #989999;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background-color: #989999;
}
.leaderboard[data-v-73146604] {
  background-color: #fff;
  padding: 0 34px 24px;
}
.leaderboard-title[data-v-73146604] {
  font-size: 18px;
  color: #474448;
  text-align: center;
  padding: 18px;
  font-weight: bold;
}
.leaderboard-content[data-v-73146604] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 15px;
  color: #474448;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
  font-weight: bold;
}
.leaderboard-content svg[data-v-73146604] {
  margin-right: 0.3em;
  font-size: 22px;
  vertical-align: -0.2em;
}
.leaderboard-content svg.ranking1[data-v-73146604] {
  fill: rgb(255, 215, 38);
}
.leaderboard-content svg.ranking2[data-v-73146604] {
  fill: rgb(215, 215, 215);
}
.leaderboard-content svg.ranking3[data-v-73146604] {
  fill: rgb(253, 153, 29);
}
.leaderboard-content span[data-v-73146604] {
  color: #6d6b6e;
  font-size: 12px;
  font-weight: normal;
}
.leaderboard-tips[data-v-73146604] {
  padding: 14px 34px;
  background-color: #f3f1ff;
  color: #3d2aae;
  font-size: 12px;
  line-height: 1.4;
  border-bottom: 18px solid rgb(63, 41, 176);
}
.invite[data-v-73146604] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  margin-top: 30px;
}
.invite-left[data-v-73146604] {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7c89), to(#f85464));
  background: linear-gradient(to bottom, #ff7c89, #f85464);
  /* background-image: linear-gradient(top,#FF7C89,#FF7381); */
  padding: 15px 45px;
  border-radius: 50px;
  margin: 20px 0;
  /* 添加立体效果 */
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15), inset 0px 5px 10px rgba(255, 255, 255, 0.3);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15), inset 0px 5px 10px rgba(255, 255, 255, 0.3); /* 外部阴影+内部高光 */
  border: 1px solid rgba(255, 255, 255, 0.3); /* 边框增加对比 */
}
.invite-right[data-v-73146604] {
  background-color: #202777;
  padding: 10px 20px;
  border-radius: 30px;
}
.shareTips2-body[data-v-73146604] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.shareTips2-record[data-v-73146604] {
  font-size: 12px;
  color: #989999;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.shareTips2-record div[data-v-73146604] {
  border-bottom: 1px solid #989999;
}
.shareTips2-body[data-v-73146604] {
  margin: 25px 30px;
  /* font-weight: 600; */
}
.shareTips2-body .left .title[data-v-73146604] {
  font-size: 14px;
}
.shareTips2-body .left .num[data-v-73146604] {
  font-size: 18px;
  margin-top: 15px;
  text-align: center;
  color: #fd3f59;
}
.shareTips2-body .left .num .num1[data-v-73146604] {
  font-weight: 600;
}
.shareTips2-body .left .num .num2[data-v-73146604] {
  font-size: 12px;
}
.shareTips2-body .right .title[data-v-73146604] {
  font-size: 14px;
}
.shareTips2-body .right .num[data-v-73146604] {
  font-size: 18px;
  margin-top: 15px;
  color: #fd3f59;
  text-align: center;
}
.shareTips2-body .right .num .num1[data-v-73146604] {
  font-weight: 600;
}
.shareTips2-body .right .num .num2[data-v-73146604] {
  font-size: 12px;
}
.toShop[data-v-73146604] {
  font-size: 12px;
  color: #fd3f59;
  padding: 6px 8px;
  border: 1px solid #fd3f59;
  border-radius: 12px;
  display: block;
  width: 120px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}
.mask[data-v-73146604] {
  z-index: 100;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
}
.mask .arrow[data-v-73146604] {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 45px;
  height: 68px;
}
.mask .desc[data-v-73146604] {
  font-size: 16px;
  color: #fff;
  position: fixed;
  top: 120px;
  right: 60px;
  line-height: 30px;
}
.mask .know[data-v-73146604] {
  padding: 10px 20px;
  border: 3px solid #fff;
  border-radius: 10px;
  position: fixed;
  top: 220px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 16px;
}
.qrImg[data-v-73146604] {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 135px;
  left: 125px;
}
.time[data-v-73146604] {
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 40px;
  width: 70px;
  font-size: 10px;
}
.rule-box[data-v-73146604] {
  padding: 15px 20px;
  font-size: 14px;
}
.rule-box div[data-v-73146604] {
  font-size: 16px;
}
.rule-box p[data-v-73146604] {
  line-height: 25px;
}
.chacha[data-v-73146604] {
  border: 1px solid #ddd;
  position: absolute;
  bottom: -50px;
  left: 50%;
  z-index: 999;
}
.save[data-v-73146604] {
  line-height: 40px;
  font-size: 16px;
  color: #ed403a;
  text-align: center;
}
@charset "UTF-8";
/* 问题卡片样式 */
.question-card[data-v-19b271c0] {
  width: 95%;
  margin: 10px auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #f0f0f0;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}

/* 自定义单选框样式 */
.custom-radio[data-v-19b271c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
  cursor: pointer;
}
.custom-radio input[type=radio][data-v-19b271c0] {
  display: none; /* 隐藏默认单选框 */
}
.radio-square[data-v-19b271c0] {
  width: 16px;
  height: 16px;
  border: 2px solid #2839fe;
  border-radius: 4px; /* 控制圆角，设置为 0 会是正方形 */
  margin-right: 10px;
  display: inline-block;
  position: relative;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.custom-radio input[type=radio]:checked + .radio-square[data-v-19b271c0] {
  background-color: #2839fe;
  border-color: #2839fe;
}
.custom-radio input[type=radio]:checked + .radio-square[data-v-19b271c0]::after {
  content: "";
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); /* 旋转打勾 */
}

/* 输入框样式 */
.input-reason[data-v-19b271c0] {
  margin: 10px 0;
}
.input-reason input[data-v-19b271c0] {
  width: calc(100% - 20px);
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
}
.input-reason input[data-v-19b271c0]:focus {
  border-color: #2839fe;
  -webkit-box-shadow: 0 0 5px rgba(0, 122, 255, 0.5);
          box-shadow: 0 0 5px rgba(0, 122, 255, 0.5);
}
.submit-button[data-v-19b271c0]:hover {
  background-color: #005bb5;
}

/* 自定义多选框样式 */
.custom-checkbox[data-v-19b271c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox][data-v-19b271c0] {
  display: none; /* 隐藏默认多选框 */
}
.checkbox-square[data-v-19b271c0] {
  width: 16px;
  height: 16px;
  border: 2px solid #2839fe;
  border-radius: 4px; /* 控制圆角，设置为 0 会是正方形 */
  margin-right: 10px;
  display: inline-block;
  position: relative;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.custom-checkbox input[type=checkbox]:checked + .checkbox-square[data-v-19b271c0] {
  background-color: #2839fe;
  border-color: #2839fe;
}
.custom-checkbox input[type=checkbox]:checked + .checkbox-square[data-v-19b271c0]::after {
  content: "";
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); /* 旋转打勾 */
}

/* 提交按钮样式 */
.submit-button[data-v-19b271c0] {
  width: 95%;
  margin: 20px auto;
  padding: 15px;
  text-align: center;
  background-color: #2839fe;
  color: #ffffff;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.submit-button[data-v-19b271c0]:hover {
  background-color: #2839fe;
}

/*# sourceMappingURL=manifest.999cdae3.css.map*/