/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.corner-mark[data-v-3651247f] {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
.corner-mark .corner-mark-list[data-v-3651247f] {
  display: flex;
}
.corner-mark .corner-mark-list .mark-img[data-v-3651247f] {
  width: 44px;
  height: 48px;
}
.corner-mark .corner-mark-list .corner-mark-item[data-v-3651247f] {
  background: #F60304;
  color: #fff;
  width: 44px;
  height: 48px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 12px;
  flex-direction: column;
  /* 特殊样式单独处理 */
  /* 样式特殊处理 end */
  /* 节省描述文案 */
  /* 限量样式背景色 */
  /* 左边样式2 */
  /* 右边挂角样式 */
}
.corner-mark .corner-mark-list .corner-mark-item .font-bold[data-v-3651247f] {
  font-size: 12px;
  font-weight: 600;
}
.corner-mark .corner-mark-list .corner-mark-item.NEW_OFF_SP[data-v-3651247f] {
  line-height: 11px;
}
.corner-mark .corner-mark-list .corner-mark-item.NEW_OFF_SP .font-bold.NEW_OFF_SP[data-v-3651247f] {
  font-size: 12px;
}
.corner-mark .corner-mark-list .corner-mark-item .NEW_OUGOU_FR_text[data-v-3651247f] {
  transform: scale(0.65);
}
.corner-mark .corner-mark-list .corner-mark-item .mark-text.LIMIT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.LIMIT_KR[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.LIMIT_SP[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.LIMIT_IT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.LIMIT_FR[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.LIMIT_DE[data-v-3651247f] {
  font-size: 12px;
  transform: scale(0.75);
  line-height: 14px;
  margin: -3px 0;
}
.corner-mark .corner-mark-list .corner-mark-item .mark-text.LIMIT_SP[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.LIMIT_IT[data-v-3651247f] {
  transform: scale(0.7);
}
.corner-mark .corner-mark-list .corner-mark-item .mark-text.GIFT_SP[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.GIFT_IT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.FREE_IT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.OLD_IT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.NEW_FR[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.FREE_SP[data-v-3651247f] {
  font-size: 12px;
}
.corner-mark .corner-mark-list .corner-mark-item .mark-text.NEW_OFF_SP[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.NEW_FR[data-v-3651247f] {
  transform: scale(0.7);
}
.corner-mark .corner-mark-list .corner-mark-item .mark-text.FREE_SP[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.GIFT_SP[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.OLD_IT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.GIFT_IT[data-v-3651247f] {
  transform: scale(0.8);
}
.corner-mark .corner-mark-list .corner-mark-item .mark-text.NEW_IT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.FREE_IT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.OFF_SP[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.NEW_SP[data-v-3651247f] {
  transform: scale(0.9);
}
.corner-mark .corner-mark-list .corner-mark-item.LIMIT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.LIMIT_KR[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.LIMIT_SP[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.LIMIT_IT[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.LIMIT_FR[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.LIMIT_DE[data-v-3651247f] {
  background: #F7D246;
  color: #000;
}
.corner-mark .corner-mark-list .corner-mark-item.NEW_2[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.NEW_TH[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.HOT_TH[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.BUNDLE_TH[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.HOT_2[data-v-3651247f] {
  background: #bf0b30;
  color: #fff;
  width: 50px;
  height: 24px;
  border-bottom-right-radius: 12px;
}
.corner-mark .corner-mark-list .corner-mark-item.NEW_TH .font-bold[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.HOT_TH .font-bold[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.BUNDLE_TH .font-bold[data-v-3651247f] {
  font-size: 14px;
}
.corner-mark .corner-mark-list .corner-mark-item.NEW_TH[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.BUNDLE_TH[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.HOT_TH[data-v-3651247f] {
  font-family: Pridi;
  font-weight: 400;
}
.corner-mark .corner-mark-list .corner-mark-item.NEW_TH .font-bold[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.BUNDLE_TH .font-bold[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.HOT_TH .font-bold[data-v-3651247f] {
  font-family: Pridi;
  font-weight: 400;
}
.corner-mark .corner-mark-list .corner-mark-item.OFF_2[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.OFF_TH[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item.OFF_3[data-v-3651247f] {
  background: #bf0b30;
  color: #fff;
  width: 130px;
  height: 30px;
  font-weight: 600;
  flex-direction: row-reverse;
  transform: rotate(45deg);
  transform-origin: left;
  margin-top: -30px;
  margin-right: -53px;
}
.corner-mark .corner-mark-list .corner-mark-item.OFF_TH[data-v-3651247f] {
  font-family: Pridi;
  flex-direction: row;
}
.corner-mark .corner-mark-list .corner-mark-item.OFF_TH .font-bold[data-v-3651247f] {
  font-size: 14px;
}
.corner-mark .corner-mark-list .corner-mark-item .OFF_3_text[data-v-3651247f] {
  display: inline-block;
  width: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  transform: scale(0.6);
  margin-right: -3px;
}
.corner-mark .corner-mark-list .corner-mark-item .mark-text.OFF_2[data-v-3651247f],
.corner-mark .corner-mark-list .corner-mark-item .mark-text.OFF_3[data-v-3651247f] {
  margin-left: 3px;
}
.corner-mark .corner-mark-list .corner-mark-item .mark-text.OFF_TH[data-v-3651247f] {
  font-family: Pridi;
  font-size: 16px;
  margin-right: 3px;
}
.corner-mark .right-list[data-v-3651247f] {
  justify-content: flex-end;
}
/* 详情的角标样式 */
.corner-mark-detail .corner-mark-list .mark-img[data-v-3651247f] {
  width: 86px;
  height: 94px;
}
.corner-mark-detail .corner-mark-list .corner-mark-item[data-v-3651247f] {
  width: 86px;
  height: 94px;
  font-size: 22px;
  line-height: 26px;
  /* 详情页限量样式 */
  /* 详情页样式2 */
}
.corner-mark-detail .corner-mark-list .corner-mark-item .font-bold[data-v-3651247f] {
  font-size: 24px;
}
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.LIMIT[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.LIMIT_KR[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.LIMIT_SP[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.LIMIT_IT[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.GIFT_SP[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.GIFT_IT[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.FREE_IT[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.OLD_IT[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.NEW_FR[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.LIMIT_FR[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.FREE_SP[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item .mark-text.LIMIT_DE[data-v-3651247f] {
  font-size: 16px;
  transform: initial;
  line-height: 15px;
  margin: 0;
}
.corner-mark-detail .corner-mark-list .corner-mark-item.NEW_OFF_SP[data-v-3651247f] {
  line-height: 20px;
}
.corner-mark-detail .corner-mark-list .corner-mark-item.NEW_OFF_SP .font-bold.NEW_OFF_SP[data-v-3651247f] {
  font-size: 20px;
}
.corner-mark-detail .corner-mark-list .corner-mark-item.NEW_2[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.NEW_TH[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.HOT_TH[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.BUNDLE_TH[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.HOT_2[data-v-3651247f] {
  width: 90px;
  height: 42px;
  border-bottom-right-radius: 21px;
}
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_2[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_TH[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_3[data-v-3651247f] {
  width: 250px;
  height: 50px;
  margin-top: -43px;
  margin-right: -91px;
}
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_2 .mark-text.OFF_TH[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_TH .mark-text.OFF_TH[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_3 .mark-text.OFF_TH[data-v-3651247f] {
  font-size: 22px;
}
.corner-mark-detail .corner-mark-list .corner-mark-item.NEW_TH .font-bold[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.HOT_TH .font-bold[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.BUNDLE_TH .font-bold[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_2 .font-bold[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_TH .font-bold[data-v-3651247f],
.corner-mark-detail .corner-mark-list .corner-mark-item.OFF_3 .font-bold[data-v-3651247f] {
  font-size: 24px;
}
.corner-mark-detail .corner-mark-list .corner-mark-item .OFF_3_text[data-v-3651247f] {
  transform: scale(0.8);
  margin-right: 0px;
}
.corner-mark-two-module[data-v-3651247f] {
  transform: scale(0.75);
  margin: -6px -36px;
  width: 133%;
}
.corner-mark-two-module .corner-mark-list .corner-mark-item[data-v-3651247f] {
  /* 右边挂角样式 */
}
.corner-mark-two-module .corner-mark-list .corner-mark-item.OFF_2[data-v-3651247f],
.corner-mark-two-module .corner-mark-list .corner-mark-item.OFF_TH[data-v-3651247f],
.corner-mark-two-module .corner-mark-list .corner-mark-item.OFF_3[data-v-3651247f] {
  margin-top: -25px;
  margin-right: -47px;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.count-down[data-v-531a6a09] {
  width: auto;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 32px;
  color: #129eb4;
  font-weight: normal;
}
.count-down .text-box[data-v-531a6a09] {
  margin-right: 14px;
}
.count-down .time-box[data-v-531a6a09] {
  display: flex;
  align-items: center;
}
.count-down .time-box[data-v-531a6a09] .van-count-down {
  display: flex;
}
.count-down .time-box .time-item[data-v-531a6a09] {
  margin-right: 8px;
}
.count-down .time-box .time-item[data-v-531a6a09]:last-child {
  margin-right: 0;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.productinfo-contain .gift-box {
  padding: 30px 20px 30px 50px;
}
.productinfo-contain .gift-box .gift-item {
  display: flex;
  align-items: flex-start;
  background-color: #faf7fa;
  padding: 30px;
}
.productinfo-contain .gift-box .gift-item .el-image {
  width: 60px;
  height: 60px;
}
.productinfo-contain .gift-box .gift-item .product-info {
  width: 180px;
  margin: 0 20px;
}
.productinfo-contain .gift-box .gift-item .product-info .title {
  font-size: 16px;
  padding: 5px;
}
.productinfo-contain .gift-box .gift-item .product-info p span {
  height: 24px;
  padding: 5px;
}
.productinfo-contain .gift-box .gift-item .price-info {
  padding-top: 5px;
  text-align: center;
  width: 140px;
}
.productinfo-contain .gift-box .gift-item .price-info p {
  font-weight: bold;
  font-size: 14px;
}
.productinfo-contain .gift-box .gift-item .price-info .mark-price {
  text-decoration: line-through;
  color: #a6a6a6;
}
.productinfo-contain .gift-box .gift-item .quantity {
  padding-top: 5px;
  width: 180px;
  font-size: 14px;
  text-align: center;
}
.productinfo-contain .gift-box .gift-item .quantity .close-icon {
  font-size: 10px;
}
.productinfo-contain .gift-box .gift-item .total-money {
  width: 70px;
  padding-top: 5px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.only-left[data-v-556cebc7],
.vip-gift-tip[data-v-556cebc7] {
  line-height: 14px;
  font-size: 12px;
  color: #00c6d7;
  margin-bottom: 6px;
}
.vip-gift-tip[data-v-556cebc7] {
  margin-top: 6px;
  margin-bottom: 0;
}
.item-time[data-v-556cebc7] {
  color: #00b6d1;
  font-weight: bold;
}
.item-time .current-time[data-v-556cebc7] {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.detail-bottom[data-v-556cebc7] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.detail-bottom .flex-left[data-v-556cebc7] {
  line-height: 16px;
}
.detail-bottom .flex-left .input-num[data-v-556cebc7] {
  font-size: 14px !important;
  width: 98px !important;
}
.detail-bottom .flex-left .combination-flag-wrap[data-v-556cebc7] {
  margin-top: 8px;
}
.detail-bottom .flex-right[data-v-556cebc7] {
  flex: 1;
  line-height: 14px;
  font-family: Arial;
  text-align: right;
}
.detail-bottom .flex-right .price[data-v-556cebc7] {
  color: #221f1f;
  font-size: 14px;
  font-weight: bold;
}
.detail-bottom .flex-right .price-linea[data-v-556cebc7] {
  margin-top: 3px;
  font-size: 12px;
  color: #bdbdbd;
  text-decoration: line-through;
}
.detail-bottom .flex-right .save-price[data-v-556cebc7] {
  margin-top: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #d11515;
}
.engrave-btn[data-v-556cebc7] {
  line-height: 18px;
  margin-bottom: 10px;
  cursor: pointer;
}
.engrave-wrap[data-v-556cebc7] {
  max-width: 210px;
  font-size: 12px;
  color: #a3a3a3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-style: italic;
}
.engrave-wrap .engrave-name[data-v-556cebc7] {
  margin-right: 2px;
}
.laser-carving-content[data-v-556cebc7] {
  margin-bottom: 10px;
  line-height: 18px;
  font-size: 12px;
  font-style: italic;
  color: #a3a3a3;
}
.activity-content[data-v-556cebc7] {
  display: flex;
}
.activity-content .goods-img-left[data-v-556cebc7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  flex-shrink: 0;
}
.activity-content .collocation-line[data-v-556cebc7] {
  flex: 1;
  width: 1px;
  margin-top: 3px;
  border-left: 1px dashed #d8d7d5;
}
.activity-content .goods-small-img-wrap[data-v-556cebc7] {
  position: relative;
  border-radius: 4px;
  border: 1px solid #f8f8f8;
}
.activity-content .gray-mask[data-v-556cebc7] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.84);
}
.activity-content .goods-small-img[data-v-556cebc7] {
  display: block;
  width: 56px;
  height: 58px;
  object-fit: fill;
}
.activity-content .activity-detail[data-v-556cebc7] {
  flex: 1;
  width: 0;
  font-size: 12px;
  position: relative;
  line-height: 20px;
  margin-bottom: 10px;
}
.activity-content .activity-detail .delete-icon[data-v-556cebc7] {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 18px;
  color: #999999;
}
.activity-content .activity-detail .activity-name[data-v-556cebc7] {
  width: 206px;
  color: #221f1f;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-bottom: 2px;
}
.activity-content .activity-detail .activity-size[data-v-556cebc7] {
  margin-bottom: 4px;
  line-height: 14px;
  color: #141414;
  font-style: italic;
}
.activity-content .activity-detail .activity-bottom[data-v-556cebc7] {
  display: flex;
  justify-content: space-between;
}
.activity-content .activity-detail .goods-label[data-v-556cebc7] {
  display: inline-block;
  padding: 0 5px;
  height: 16px;
  line-height: 14px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #00c6d7;
  background: #f1feff;
  border: 1px solid #00c6d7;
  border-radius: 4px;
}
.activity-content .activity-detail .out-of-stock[data-v-556cebc7] {
  font-size: 12px;
  color: #d11515;
  line-height: 12px;
  margin: 6px 0;
}
.activity-content .activity-detail .line-del-pirce[data-v-556cebc7] {
  height: 12px;
  line-height: 12px;
  color: #bdbdbd;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.check-address[data-v-1d5a708b] .el-dialog__header {
  height: 70px;
  line-height: 80px;
  text-align: center !important;
  background: #f8f8f8;
  box-shadow: 0px 0px 6px 0px rgb(159 159 11.35714286%);
  padding: 0px;
  font-weight: bold;
}
.check-address[data-v-1d5a708b] .el-dialog__title {
  font-size: 24px;
  color: #323232;
  text-align: center;
}
.check-address[data-v-1d5a708b] .el-dialog__body {
  font-size: 16px;
  color: #323232;
  line-height: 30px;
  margin: 0px 30px;
}
.check-address[data-v-1d5a708b] .el-icon-close:before {
  font-size: 28px;
}
.check-address[data-v-1d5a708b] .el-dialog__footer {
  text-align: center !important;
}
.check-address[data-v-1d5a708b] .el-button + .el-button {
  margin-left: 30px;
  margin-bottom: 10px;
}
.check-address[data-v-1d5a708b] .el-button {
  font-size: 16px;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.coupon-box-cart {
  padding: 20px;
  width: 750px;
  border: 1px solid #eeeeee;
}
.coupon-box-cart .coupon-info {
  position: relative;
  width: 100%;
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.coupon-box-cart .coupon-info .cover {
  position: absolute;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-right: 20px !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: rgba(41, 41, 41, 0.55);
}
.coupon-box-cart .coupon-info .cover i {
  display: block;
  font-size: 66px;
  color: #ccc;
}
.coupon-box-cart .coupon-info .coupon-card {
  position: relative;
  overflow: hidden;
  width: 176px;
  height: 78px;
  background: linear-gradient(0deg, #12a8bf 0%, #5ed4e7 100%);
  border-radius: 4px;
}
.coupon-box-cart .coupon-info .coupon-card .mark {
  width: 60px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 19;
  color: #700001;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  background-color: #ffe13a;
  user-select: none;
}
.coupon-box-cart .coupon-info .coupon-card:before,
.coupon-box-cart .coupon-info .coupon-card:after {
  content: " ";
  position: absolute;
  top: 50%;
  margin-top: -6px;
  background-color: #fff;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.coupon-box-cart .coupon-info .coupon-card:before {
  left: -6px;
}
.coupon-box-cart .coupon-info .coupon-card:after {
  right: -6px;
}
.coupon-box-cart .coupon-info .coupon-card .rules {
  position: absolute;
  font-size: 12px;
  cursor: pointer;
  color: #fff;
  right: 0;
  top: 4px;
  line-height: 18px;
  z-index: 100;
  width: 60px;
  height: 18px;
  text-align: center;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 9px 0px 0px 9px;
}
.coupon-box-cart .coupon-info .coupon-card .rules i {
  font-size: 12px;
  margin-left: 4px;
}
.coupon-box-cart .coupon-info .coupon-card .stamp {
  box-sizing: content-box;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  line-height: 44px;
  position: absolute;
  top: -20px;
  right: -4px;
  text-align: center;
  font-size: 6px;
  transform: rotate(4deg);
  user-select: none;
  color: #fff6f6;
  opacity: 0.28;
  border: 2px solid #fff6f6;
  font-weight: bolder;
}
.coupon-box-cart .coupon-info .coupon-card .price,
.coupon-box-cart .coupon-info .coupon-card .discount {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 26px;
  z-index: 9;
  font-size: 26px;
  line-height: 26px;
  color: white;
}
.coupon-box-cart .coupon-info .coupon-card .price span,
.coupon-box-cart .coupon-info .coupon-card .discount span {
  font-size: 18px;
}
.coupon-box-cart .coupon-info .coupon-card .discount {
  font-size: 28px;
}
.coupon-box-cart .coupon-info .coupon-card .discount span {
  font-size: 44px;
}
.coupon-box-cart .coupon-info .coupon-tips {
  width: 46%;
  margin: 0 30px;
}
.coupon-box-cart .coupon-info .coupon-tips p {
  margin-bottom: 8px;
}
.coupon-box-cart .coupon-info .coupon-tips .price-tips {
  color: #129eb4;
}
.coupon-box-cart .coupon-info .coupon-tips .price-tips .saved {
  color: #6b6b6b;
  font-size: 12px;
}
.coupon-box-cart .coupon-info .coupon-tips .time-tips {
  font-size: 14px;
  color: #969696;
}
.coupon-box-cart .coupon-info .coupon-tips .use-tips {
  color: #2a2a2a;
}
.coupon-box-cart .coupon-info .btn-box {
  text-align: center;
  width: 20%;
}
.coupon-box-cart .coupon-info .btn-box .btn {
  width: 90px;
  height: 28px;
  cursor: pointer;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #129eb4;
  border-radius: 4px;
}
.coupon-box-cart .coupon-info .btn-box i {
  font-size: 66px;
  color: #fff;
}
.coupon-box-cart .product-box {
  margin-top: 16px;
  position: relative;
}
.coupon-box-cart .product-box .product-list {
  display: flex;
  overflow: auto;
  overflow-x: hidden;
}
.coupon-box-cart .product-box .product-list .left-box,
.coupon-box-cart .product-box .product-list .right-box {
  position: absolute;
  top: 30%;
  color: #ffffff;
  z-index: 999;
  background: rgba(29, 29, 29, 0.29);
  font-size: 18px;
  width: 15px;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.coupon-box-cart .product-box .product-list .left-box {
  left: 0;
}
.coupon-box-cart .product-box .product-list .right-box {
  right: 0;
}
.coupon-box-cart .product-box .product-list .product-info {
  width: 130px;
  height: 130px;
  margin: 10px 10px 10px 0;
}
.coupon-box-cart .product-box .product-list .product-info .el-image {
  width: 120px;
  height: 100px;
}
.coupon-box-cart .product-box .product-list .product-info p {
  text-align: center;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.list-item[data-v-76d055ac] {
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-bottom: 8px;
}
.list-item .item[data-v-76d055ac] {
  padding: 30px;
}
.list-item .item-top[data-v-76d055ac] {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.list-item .invalid[data-v-76d055ac] {
  width: 68px;
  height: 68px;
  background: rgba(22, 22, 22, 0.38);
  border-radius: 50%;
  position: absolute;
  left: 66px;
  top: 34px;
  z-index: 2;
  font-size: 16px;
  line-height: 68px;
  text-align: center;
  color: #fff;
}
.list-item[data-v-76d055ac]:not(:nth-last-child(1)) {
  border-bottom: 1px solid #f0f0f0;
}
.list-item[data-v-76d055ac]:last-child {
  margin-bottom: 0 !important;
}
.list-item .w1[data-v-76d055ac] {
  width: 30px;
}
.list-item .w2[data-v-76d055ac] {
  width: 320px;
  position: relative;
}
.list-item .w3[data-v-76d055ac] {
  width: 145px;
  text-align: center;
}
.list-item .w4[data-v-76d055ac] {
  width: 140px;
  text-align: center;
}
.list-item .w5[data-v-76d055ac] {
  width: 180px;
  text-align: right;
  padding-right: 15px;
}
.list-item .g-info[data-v-76d055ac] {
  cursor: pointer;
  padding-right: 10px;
  display: flex;
  align-items: flex-start;
}
.list-item .g-info .thumb[data-v-76d055ac] {
  min-width: 80px;
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.list-item .g-info .g-txt .g-title[data-v-76d055ac] {
  line-height: 24px;
  font-size: 16px;
  color: #141414;
  font-weight: 400;
  margin-bottom: 10px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.list-item .g-info .g-txt .g-title .tag[data-v-76d055ac] {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #fac0bd;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #e1251b;
}
.list-item .g-info .g-txt .sku-wrap[data-v-76d055ac] {
  max-width: 245px;
  width: fit-content;
  line-height: 22px;
  padding: 0 12px;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.list-item .g-info .g-txt .sku-wrap .sku-key[data-v-76d055ac] {
  display: inline-block;
  vertical-align: top;
}
.list-item .g-info .g-txt .sku-wrap .sku-val[data-v-76d055ac] {
  display: inline-block;
  vertical-align: top;
  max-width: 136px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-item .g-info .g-txt .g-attr[data-v-76d055ac] {
  margin-bottom: 10px;
}
.list-item .g-info .g-txt .g-attr button[data-v-76d055ac] {
  padding: 5px;
}
.list-item .g-info .g-txt .g-carve[data-v-76d055ac] {
  font-size: 14px;
  color: #969696;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 文本溢出时显示省略号来代表被修剪的文本 */
  display: -webkit-box;
  /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
  -webkit-box-orient: vertical;
  /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-line-clamp: 2;
  /* 文本需要显示多少行 */
}
.list-item .g-info .g-txt .discount-tag[data-v-76d055ac] {
  display: inline-block;
  min-width: 50px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  vertical-align: text-top;
  padding: 0 5px;
  background: linear-gradient(270deg, #a919b2 0%, #f7033e 100%);
  position: relative;
}
.list-item .g-info .g-txt .discount-tag[data-v-76d055ac]::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -3px;
  left: 0;
  border-color: #f7033e transparent transparent #f7033e;
  border-style: solid;
  border-width: 3px;
}
.list-item .g-price .price-res[data-v-76d055ac] {
  display: block;
}
.list-item .g-price .unit-price[data-v-76d055ac] {
  margin-bottom: 10px;
}
.list-item .g-price .unit-price .s-price[data-v-76d055ac] {
  font-size: 16px;
  color: #333;
}
.list-item .g-price .unit-price .symbol[data-v-76d055ac] {
  font-size: 12px;
  color: #333;
}
.list-item .g-price .origin-price[data-v-76d055ac] {
  text-decoration: line-through;
  color: #a6a6a6;
}
.list-item .g-price .origin-price .s-price[data-v-76d055ac] {
  font-size: 16px;
  font-weight: 400;
}
.list-item .g-price .origin-price .symbol[data-v-76d055ac] {
  font-size: 12px;
  font-weight: 400;
}
.list-item .g-num p[data-v-76d055ac] {
  margin-top: 10px;
  color: #e1251b;
}
.list-item .g-total[data-v-76d055ac] {
  font-weight: 700;
}
.list-item .g-total .s-price[data-v-76d055ac] {
  color: #333;
  font-size: 16px;
}
.list-item .g-total .symbol[data-v-76d055ac] {
  font-size: 12px;
  color: #333;
}
.list-item .g-total .comb-save-total[data-v-76d055ac] {
  color: #e1251b;
}
.list-item .g-total .comb-save-total .symbol[data-v-76d055ac] {
  color: #e1251b;
}
.list-item .g-del[data-v-76d055ac] {
  position: absolute;
  right: 0;
  bottom: 0;
}
.list-item .g-del button[data-v-76d055ac] {
  color: #a6a6a6;
}
.list-item .item-bottom[data-v-76d055ac] {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.list-item .item-bottom .item-tag[data-v-76d055ac] {
  width: 60%;
}
.list-item .item-bottom .item-tag .tag[data-v-76d055ac] {
  border-radius: 0;
  cursor: pointer;
  margin-right: 5px;
}
.list-item .item-bottom .item-time[data-v-76d055ac] {
  width: 40%;
  color: #e1251b;
}
.list-item .item-bottom .item-time .current-time[data-v-76d055ac] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.list-item .gift-box[data-v-76d055ac] {
  padding: 30px 20px 30px 50px;
}
.list-item .gift-box .gift-item[data-v-76d055ac] {
  display: flex;
  align-items: flex-start;
  background-color: #faf7fa;
  padding: 30px;
}
.list-item .gift-box .gift-item .el-image[data-v-76d055ac] {
  width: 60px;
  height: 60px;
}
.list-item .gift-box .gift-item .product-info[data-v-76d055ac] {
  width: 180px;
  margin: 0 20px;
}
.list-item .gift-box .gift-item .product-info .title[data-v-76d055ac] {
  font-size: 16px;
  padding: 5px;
}
.list-item .gift-box .gift-item .product-info p span[data-v-76d055ac] {
  height: 24px;
  padding: 5px;
}
.list-item .gift-box .gift-item .price-info[data-v-76d055ac] {
  padding-top: 5px;
  text-align: center;
  width: 140px;
}
.list-item .gift-box .gift-item .price-info p[data-v-76d055ac] {
  font-weight: bold;
}
.list-item .gift-box .gift-item .price-info .mark-price[data-v-76d055ac] {
  text-decoration: line-through;
  color: #a6a6a6;
}
.match-tag[data-v-76d055ac] {
  border: 1px solid #129eb4;
  color: #129eb4;
  font-size: 14px;
  padding: 0 6px;
  flex-shrink: 0;
  text-align: center;
  border-radius: 4px;
  margin-right: 10px;
  margin-left: 20px;
  background: #ffffff;
}
.item .item-top[data-v-76d055ac] {
  position: relative;
}
.item .g-info .thumb[data-v-76d055ac] {
  min-width: 60px;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.item .w1[data-v-76d055ac] {
  width: 15px;
}
.item .w2[data-v-76d055ac] {
  width: 275px;
}
.item .w4.unavailable[data-v-76d055ac] {
  font-size: 16px;
  font-weight: 500;
  color: #6b6b6b;
}
.item .invalid[data-v-76d055ac] {
  position: absolute;
  left: 0px;
  top: 0;
  width: 60px;
  height: 60px;
}
._expired[data-v-76d055ac] {
  font-size: 16px !important;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
/**
* border-1px 解决移动端一像素1px边框CSS解决方案
* 使用示例：
* .box {
*   .border-1px(#eaeaea);
* }
**/
/**
* border-line-1px 解决移动端一像素1px线条CSS解决方案
* 使用示例：
* .box {
*   .border-line-1px(#eaeaea);
* }
**/
input.checkbox-input[type='checkbox'][data-v-0c0e16a7] {
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  font-size: 14px;
}
input.checkbox-input[type='checkbox'][data-v-0c0e16a7]::after {
  position: absolute;
  top: 0;
  color: #000;
  width: 18px;
  height: 18px;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: ' ';
  border-radius: 3px;
}
input.checkbox-input[type='checkbox'][data-v-0c0e16a7]:checked::after {
  content: '';
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAlUlEQVQokZXQMQrCQBCF4WdtL9jY2IlgY6FdQO1MKXgvD+IlBO+SIpWxsPCXiSw8lwjJwCzMvv3YZQUM6QIYDwF7vnXrCw5Y9QFHO/8CFim4AGUHKA00wDz2I7hasDFwtv0HMEtZLCd/b1wPbG2uHSQUvc6gg2n+bB9WwNtA1QVyFL00NPn3o6NW/tZO0lPSPQ/akvQBJMOwfYrxoLsAAAAASUVORK5CYII=) center no-repeat #006271;
}
.list-item[data-v-0c0e16a7] {
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-bottom: 8px;
  padding: 40px 0;
  box-shadow: 1px 0px 29px 0px rgba(235, 235, 235, 0.86);
}
.list-item .item[data-v-0c0e16a7] {
  padding: 0 30px;
}
.list-item .item-top[data-v-0c0e16a7] {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.list-item .goods-img-box[data-v-0c0e16a7] {
  position: relative;
  margin-right: 20px;
}
.list-item .invalid[data-v-0c0e16a7] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  background: rgba(22, 22, 22, 0.38);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.list-item .w1[data-v-0c0e16a7] {
  width: 50px;
}
.list-item .w2[data-v-0c0e16a7] {
  width: 320px;
}
.list-item .w3[data-v-0c0e16a7] {
  width: 145px;
  text-align: center;
}
.list-item .w4[data-v-0c0e16a7] {
  width: 200px;
  text-align: center;
  padding-left: 74px;
}
.list-item .w5[data-v-0c0e16a7] {
  width: 229px;
  text-align: right;
}
.list-item .g-info[data-v-0c0e16a7] {
  cursor: pointer;
  padding-right: 10px;
  display: flex;
  align-items: flex-start;
}
.list-item .g-info .thumb[data-v-0c0e16a7] {
  min-width: 80px;
  width: 80px;
  height: 80px;
}
.list-item .g-info .g-txt .g-title[data-v-0c0e16a7] {
  line-height: 24px;
  font-size: 16px;
  color: #141414;
  font-weight: 400;
  margin-bottom: 10px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.list-item .g-info .g-txt .g-title .tag[data-v-0c0e16a7] {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #129eb4;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #129eb4;
}
.list-item .g-info .g-txt .sku-wrap1[data-v-0c0e16a7] {
  max-width: 210px;
  line-height: 22px;
  padding-right: 30px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
}
.list-item .g-info .g-txt .sku-wrap1 .sku-name[data-v-0c0e16a7] {
  color: #969696;
  vertical-align: top;
  max-width: 196px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-item .g-info .g-txt .sku-wrap[data-v-0c0e16a7] {
  max-width: 210px;
  line-height: 22px;
  font-size: 14px;
  word-break: break-all;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-item .g-info .g-txt .sku-wrap .sku-name[data-v-0c0e16a7] {
  display: inline-block;
  vertical-align: top;
  max-width: 196px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-item .g-info .g-txt .sku-wrap .sku-key[data-v-0c0e16a7] {
  display: inline-block;
  vertical-align: top;
}
.list-item .g-info .g-txt .sku-wrap .sku-val[data-v-0c0e16a7] {
  display: inline-block;
  vertical-align: top;
  max-width: 134px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-item .g-info .g-txt .sku-content[data-v-0c0e16a7] {
  display: block;
  padding: 1px 0;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.list-item .g-info .g-txt .g-attr[data-v-0c0e16a7] {
  margin-bottom: 10px;
}
.list-item .g-info .g-txt .g-attr button[data-v-0c0e16a7] {
  padding: 5px;
  border: none;
  font-size: 14px;
}
.list-item .g-info .g-txt .g-carve[data-v-0c0e16a7] {
  font-size: 14px;
  color: #969696;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 文本溢出时显示省略号来代表被修剪的文本 */
  display: -webkit-box;
  /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
  -webkit-box-orient: vertical;
  /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-line-clamp: 2;
  /* 文本需要显示多少行 */
}
.list-item .g-info .g-txt .g-carve .popover[data-v-0c0e16a7] {
  display: inline-block;
}
.list-item .g-info .g-txt .g-carve[data-v-0c0e16a7] .el-button {
  color: #6b6b6b;
}
.list-item .g-info .g-txt .discount-tag[data-v-0c0e16a7] {
  display: inline-block;
  min-width: 50px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  vertical-align: text-top;
  padding: 0 5px;
  background: linear-gradient(270deg, #a919b2 0%, #f7033e 100%);
  position: relative;
}
.list-item .g-info .g-txt .discount-tag[data-v-0c0e16a7]::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -3px;
  left: 0;
  border-color: #f7033e transparent transparent #f7033e;
  border-style: solid;
  border-width: 3px;
}
.list-item .g-price .price-res[data-v-0c0e16a7] {
  display: block;
  text-align: right;
}
.list-item .g-price .unit-price[data-v-0c0e16a7] {
  margin-bottom: 10px;
}
.list-item .g-price .unit-price .s-price[data-v-0c0e16a7] {
  font-size: 16px;
  color: #333;
}
.list-item .g-price .unit-price .symbol[data-v-0c0e16a7] {
  font-size: 12px;
  color: #333;
}
.list-item .g-price .origin-price[data-v-0c0e16a7] {
  text-decoration: line-through;
  color: #a6a6a6;
}
.list-item .g-price .origin-price .s-price[data-v-0c0e16a7] {
  font-size: 16px;
  font-weight: 400;
}
.list-item .g-price .origin-price .symbol[data-v-0c0e16a7] {
  font-size: 12px;
  font-weight: 400;
}
.list-item .g-num p[data-v-0c0e16a7] {
  margin-top: 10px;
  color: #e1251b;
}
.list-item .g-total[data-v-0c0e16a7] {
  font-weight: 700;
}
.list-item .g-total .s-price[data-v-0c0e16a7] {
  color: #333;
  font-size: 16px;
}
.list-item .g-total .symbol[data-v-0c0e16a7] {
  font-size: 12px;
  color: #333;
}
.list-item .g-del button[data-v-0c0e16a7] {
  color: #767575;
}
.list-item .g-del button[data-v-0c0e16a7]:hover {
  color: #129eb4;
}
.list-item .combination-container[data-v-0c0e16a7] {
  margin: 10px 30px;
  border-radius: 0px 0px 4px 4px;
}
.list-item .combination-container.effective-comb[data-v-0c0e16a7] {
  position: relative;
}
.list-item .combination-container.effective-comb[data-v-0c0e16a7]:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #92d2dc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 5px;
  pointer-events: none;
}
.list-item .combination-container.effective-comb .combination-item[data-v-0c0e16a7] {
  background: #edfdff;
  padding: 20px 10px 20px 0;
}
.list-item .combination-container.effective-comb .combination-item[data-v-0c0e16a7]:not(:first-child) {
  position: relative;
}
.list-item .combination-container.effective-comb .combination-item[data-v-0c0e16a7]:not(:first-child)::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #92d2dc;
  transform: scaleY(0.5);
  pointer-events: none;
}
.list-item .combination-container.effective-comb-no[data-v-0c0e16a7] {
  position: relative;
}
.list-item .combination-container.effective-comb-no[data-v-0c0e16a7]:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #E6E6E6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 5px;
  pointer-events: none;
}
.list-item .combination-container.effective-comb-no .combination-item[data-v-0c0e16a7] {
  background: #f5f5f5;
  padding: 20px 10px 20px 0;
}
.list-item .combination-container.effective-comb-no .combination-item[data-v-0c0e16a7]:not(:first-child) {
  position: relative;
}
.list-item .combination-container.effective-comb-no .combination-item[data-v-0c0e16a7]:not(:first-child)::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #E6E6E6;
  transform: scaleY(0.5);
  pointer-events: none;
}
.list-item .item-bottom[data-v-0c0e16a7] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 10px;
  align-items: center;
}
.list-item .item-bottom .item-tag[data-v-0c0e16a7] {
  padding-left: 148px;
}
.list-item .item-bottom .item-tag .tag[data-v-0c0e16a7] {
  border-radius: 0;
  cursor: pointer;
  margin-right: 5px;
  color: #129eb4;
  border-radius: 4px;
}
.list-item .item-bottom .item-time[data-v-0c0e16a7] {
  color: #e1251b;
  padding: 0 15px;
  border: 1px solid #d11515;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
}
.list-item .item-bottom .item-time .current-time[data-v-0c0e16a7] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.list-item .item-bottom .item-tips[data-v-0c0e16a7] {
  width: 100%;
  margin-left: 120px;
  margin-top: 15px;
}
.list-item .item-bottom .item-tips > span[data-v-0c0e16a7] {
  color: #e1251b;
}
.list-item .gift-box[data-v-0c0e16a7] {
  padding: 30px 20px 30px 50px;
}
.list-item .gift-box .gift-item[data-v-0c0e16a7] {
  display: flex;
  align-items: flex-start;
  background-color: #faf7fa;
  padding: 30px;
}
.list-item .gift-box .gift-item .el-image[data-v-0c0e16a7] {
  width: 60px;
  height: 60px;
}
.list-item .gift-box .gift-item .product-info[data-v-0c0e16a7] {
  width: 180px;
  margin: 0 20px;
}
.list-item .gift-box .gift-item .product-info .title[data-v-0c0e16a7] {
  font-size: 16px;
  padding: 5px;
}
.list-item .gift-box .gift-item .product-info p span[data-v-0c0e16a7] {
  height: 24px;
  padding: 5px;
}
.list-item .gift-box .gift-item .price-info[data-v-0c0e16a7] {
  padding-top: 5px;
  text-align: center;
  width: 140px;
}
.list-item .gift-box .gift-item .price-info p[data-v-0c0e16a7] {
  font-weight: bold;
}
.list-item .gift-box .gift-item .price-info .mark-price[data-v-0c0e16a7] {
  text-decoration: line-through;
  color: #a6a6a6;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.example.example-2[data-v-254b7ab4] {
  background-color: #fff;
  position: relative;
}
.example.example-2 *[data-v-254b7ab4] {
  font-family: Inter UI, Open Sans, Segoe UI, sans-serif;
}
.example.example-2 form[data-v-254b7ab4] {
  max-width: 707px !important;
  padding: 0 15px;
}
.example.example-2 form > * + *[data-v-254b7ab4] {
  margin-top: 20px;
}
.example.example-2 .container-box[data-v-254b7ab4] {
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 3px;
}
.example.example-2 fieldset[data-v-254b7ab4] {
  border-style: none;
  padding: 5px;
  margin-left: -5px;
  margin-right: -5px;
  background: rgba(18, 91, 152, 0.05);
  border-radius: 8px;
}
.example.example-2 fieldset legend[data-v-254b7ab4] {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #8898aa;
  padding: 3px 10px 7px;
}
.example.example-2 .card-only[data-v-254b7ab4] {
  display: block;
}
.example.example-2 .payment-request-available[data-v-254b7ab4] {
  display: none;
}
.example.example-2 fieldset legend + *[data-v-254b7ab4] {
  clear: both;
}
.example.example-2 input[data-v-254b7ab4],
.example.example-2 button[data-v-254b7ab4] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
}
.example.example-2 button[data-v-254b7ab4] {
  color: #fff;
}
.example.example-2 input[data-v-254b7ab4]:-webkit-autofill {
  transition: background-color 100000000s;
  animation: 1ms void-animation-out;
}
.example.example-2 #example-2-card[data-v-254b7ab4] {
  padding: 10px;
  margin-bottom: 2px;
}
.example.example-2 input[data-v-254b7ab4] {
  animation: 1ms void-animation-out;
}
.example.example-2 input[data-v-254b7ab4]::-webkit-input-placeholder {
  color: #b8bbc0;
}
.example.example-2 input[data-v-254b7ab4]::-moz-placeholder {
  color: #b8bbc0;
}
.example.example-2 input[data-v-254b7ab4]:-ms-input-placeholder {
  color: #b8bbc0;
}
.example.example-2 button[data-v-254b7ab4] {
  display: block;
  width: 100%;
  height: 37px;
  background-color: #00b900;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
}
.example.example-2 button[data-v-254b7ab4]:active {
  background-color: #260744;
}
.example.example-2 .error svg .base[data-v-254b7ab4] {
  fill: #e25950;
}
.example.example-2 .error svg .glyph[data-v-254b7ab4] {
  fill: #f6f9fc;
}
.example.example-2 .error .message[data-v-254b7ab4] {
  color: #e25950;
}
.example.example-2 .success .icon .border[data-v-254b7ab4] {
  stroke: #21a35b;
}
.example.example-2 .success .icon .checkmark[data-v-254b7ab4] {
  stroke: #266b45;
}
.example.example-2 .success .title[data-v-254b7ab4] {
  color: #32325d;
}
.example.example-2 .success .message[data-v-254b7ab4] {
  color: #8898aa;
}
.example.example-2 .success .reset path[data-v-254b7ab4] {
  fill: #00b900;
}
.example.example-2 .field[data-v-254b7ab4] {
  height: 50px;
  margin-bottom: 20px;
  color: #333333;
}
.example.example-2 .field.half[data-v-254b7ab4] {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.example.example-2 .field.cuarter[data-v-254b7ab4] {
  width: 100%;
  vertical-align: top;
}
.example.example-2 .field label[data-v-254b7ab4] {
  display: block;
  color: #29303b;
  font-size: 15px;
}
.example.example-2 .field.newPayment[data-v-254b7ab4] {
  padding-top: 20px;
  margin-bottom: 0px;
  text-align: center;
}
.example.example-2 .newPayment label[data-v-254b7ab4] {
  width: fit-content;
}
.example.example-2 .containerX[data-v-254b7ab4] {
  padding: 0 5px;
}
.example.example-2 .exampleX[data-v-254b7ab4] {
  padding-bottom: 20px;
}
.example.example-2 .exampleX[data-v-254b7ab4]::after {
  content: '';
  clear: both;
  display: table;
}
.example.example-2 .custom input[data-v-254b7ab4] {
  -webkit-appearance: none;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: block;
  font-size: 15px;
  width: 100%;
  border: 1px solid #cacbcc;
  height: 50px;
  padding: 0px 12px;
  background: white;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 2px;
}
.example.example-2 .custom select[data-v-254b7ab4] {
  -webkit-appearance: none;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: block;
  font-size: 15px;
  width: 100%;
  border: 1px solid #cacbcc;
  height: 50px;
  margin-left: 3px;
  width: calc(100% - 3px);
  padding: 0px 7px;
  background: white;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.example.example-2[data-v-254b7ab4] ::placeholder {
  color: #b8bbc0;
}
.example.example-2 .custom input[data-v-254b7ab4]::-moz-placeholder {
  color: #aab7c4;
}
.example.example-2 .custom input[data-v-254b7ab4]::-webkit-input-placeholder {
  color: #aab7c4;
}
.example.example-2 .custom .fitInput[data-v-254b7ab4] {
  width: fit-content;
  float: left;
}
.example.example-2 .brand-img[data-v-254b7ab4] {
  margin-right: 13px;
}
.example.example-2 .brand-img.visa[data-v-254b7ab4] {
  height: 13.42px;
  float: left;
  margin-top: 1px;
}
.example.example-2 .brand-img.first[data-v-254b7ab4] {
  margin-left: 26px;
}
.example.example-2 .brand-img.mastercard[data-v-254b7ab4] {
  height: 20px;
  float: left;
  margin-top: -4px;
}
.example.example-2 .brand-img.amex[data-v-254b7ab4] {
  height: 20px;
  float: left;
  margin-top: -4px;
}
.example.example-2 .brand-img.discover[data-v-254b7ab4] {
  height: 8px;
  float: left;
  margin-top: 2px;
}
.example.example-2 .custom button[data-v-254b7ab4] {
  border-color: transparent;
  border-radius: 2px;
  outline: none;
  color: #fff;
  background: #00b900;
  white-space: nowrap;
  height: 50px;
  width: 100%;
  line-height: 50px;
  padding: 0 14px;
  font-size: 15px;
  letter-spacing: 0.025em;
  text-decoration: none;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  float: left;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.example.example-2 .custom hr[data-v-254b7ab4] {
  background-color: #dedfe0;
  height: 1px;
  border: 0;
  margin-left: -27px;
  margin-bottom: 30px;
}
.example.example-2 .terms[data-v-254b7ab4] {
  font-size: 11px;
  float: left;
  margin-top: 14px;
}
.example.example-2 #container[data-v-254b7ab4] {
  height: 50px;
}
.example.example-2 .field.fieldCheck[data-v-254b7ab4] {
  margin-bottom: 11px;
  margin-top: 14px;
  height: fit-content;
}
.example.example-2 .secureConnection[data-v-254b7ab4] {
  font-size: 11px;
  width: 100%;
  float: left;
  margin-top: 14px;
  color: #cacbcc;
  text-align: center;
}
.example.example-2 .secureConnection img[data-v-254b7ab4] {
  float: left;
  height: 30px;
  margin-top: -5px;
}
.example.example-2 .secureConnection label[data-v-254b7ab4] {
  margin-left: 8px;
  float: left;
  margin-top: 3px;
}
.example.example-2 .errorMsgContainer[data-v-254b7ab4] {
  margin-top: 5px;
}
.example.example-2 .helpError[data-v-254b7ab4] {
  font-size: 11px;
  max-height: 30px;
  color: #686f7a;
  margin-bottom: 0;
  visibility: hidden;
  transition: visibility 0.2s ease-out 0.25s;
}
.example.example-2 .hasError .helpError[data-v-254b7ab4] {
  visibility: visible;
}
.example.example-2 .field.hasError[data-v-254b7ab4] {
  transition: margin-bottom 0.2s ease-out 0.25s;
  margin-bottom: 36px;
}
.example.example-2 .Field--required .DlocalField[data-v-254b7ab4] {
  border: 1px solid #7f17af;
}
.example.example-2 .Field--required .helpError[data-v-254b7ab4] {
  visibility: visible;
}
.example.example-2 .DlocalField[data-v-254b7ab4] {
  background-color: white;
  height: 50px;
  padding: 10px 12px;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  border: 1px solid #cacbcc;
}
.example.example-2 .Field--required .DlocalField--empty[data-v-254b7ab4] {
  border: 1px solid #7f17af;
}
.example.example-2 .Field--required .DlocalField--complete[data-v-254b7ab4] {
  border: 1px solid #cacbcc;
}
.example.example-2 .DlocalField--invalid[data-v-254b7ab4] {
  border: 1px solid #7f17af;
}
.example.example-2 .DlocalField--invalid .helpError[data-v-254b7ab4] {
  visibility: visible;
}
.example.example-2 .custom .hasError select[data-v-254b7ab4]:required,
.example.example-2 .custom .hasError input[data-v-254b7ab4]:required {
  border-color: #7f17af;
}
.example.example-2 .custom select[data-v-254b7ab4]:focus,
.example.example-2 .custom input[data-v-254b7ab4]:focus {
  border: 1px solid #cacbcc;
}
.example.example-2 .tooltipContainer[data-v-254b7ab4] {
  position: absolute;
  height: 30px;
  top: 19px;
  right: 15px;
}
.example.example-2 .tooltipImage[data-v-254b7ab4] {
  height: 16px;
}
.example.example-2 .tooltipInner[data-v-254b7ab4] {
  visibility: hidden;
  position: absolute;
  top: -95px;
  left: -94px;
  height: 20px;
  z-index: 5;
}
.example.example-2 .tooltipImage:hover + .tooltipInner[data-v-254b7ab4] {
  visibility: visible;
  transition: visibility 0.2s linear 0.25s;
}
.example.example-2 .tooltipInnerImage[data-v-254b7ab4] {
  height: 70px;
}
/*
LOADER
*/
/* Center the loader */
.example.example-2 .loader[data-v-254b7ab4] {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #00b900;
  width: 120px;
  height: 120px;
  -webkit-animation: spin-254b7ab4 2s linear infinite;
  animation: spin-254b7ab4 2s linear infinite;
}
.example.example-2 #panOverlay[data-v-254b7ab4] {
  visibility: hidden;
}
@-webkit-keyframes spin-254b7ab4 {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
@keyframes spin-254b7ab4 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/* Add animation to "page content" */
.animate-bottom[data-v-254b7ab4] {
  position: relative;
  -webkit-animation-name: animatebottom-254b7ab4;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom-254b7ab4;
  animation-duration: 1s;
}
@-webkit-keyframes animatebottom-254b7ab4 {
from {
    bottom: -100px;
    opacity: 0;
}
to {
    bottom: 0px;
    opacity: 1;
}
}
@keyframes animatebottom-254b7ab4 {
from {
    bottom: -100px;
    opacity: 0;
}
to {
    bottom: 0;
    opacity: 1;
}
}
/* autocomplete*/
.example.example-2 input[data-v-254b7ab4]:-webkit-autofill,
.example.example-2 input[data-v-254b7ab4]:-webkit-autofill:hover,
.example.example-2 input[data-v-254b7ab4]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fefde5 inset;
  box-shadow: 0 0 0px 1000px #fefde5 inset;
}
.example.example-2 #customContainer[data-v-254b7ab4] {
  visibility: hidden;
  opacity: 0;
  background: #f8f8f9;
}
.radiocontainer input[data-v-254b7ab4] {
  width: 0% !important;
  height: 0% !important;
}
/**
  * Make the field a flex-container, reverse the order so label is on top.
  */
.fieldFloating[data-v-254b7ab4] {
  position: relative;
  background-color: white;
  border: 1px solid #cacbcc;
}
/**
  * Add a transition to the label and input.
  * I'm not even sure that touch-action: manipulation works on
  * inputs, but hey, it's new and cool and could remove the
  * pesky delay.
  */
.custom .hasError input[data-v-254b7ab4]:required {
  border-color: transparent !important;
}
.custom .hasError select[data-v-254b7ab4]:required {
  border-color: transparent !important;
}
.custom .hasError[data-v-254b7ab4] {
  border: 1px solid red;
}
.custom input[data-v-254b7ab4],
.custom select[data-v-254b7ab4] {
  border-color: transparent !important;
}
.custom select[data-v-254b7ab4]:focus,
.custom input[data-v-254b7ab4]:focus {
  border-color: transparent !important;
}
.fieldFloating label[data-v-254b7ab4] {
  cursor: text;
  z-index: 3;
  white-space: nowrap;
  transform-origin: left bottom;
  transform: translate(11px, 24px) scale(1);
  position: absolute;
  top: -5px;
  color: #aab7c4 !important;
}
.fieldFloating input[data-v-254b7ab4],
.fieldFloating select[data-v-254b7ab4] {
  background-color: transparent !important;
  border: none;
}
.fieldFloating label[data-v-254b7ab4],
.fieldFloating input[data-v-254b7ab4],
.fieldFloating select[data-v-254b7ab4] {
  transition: all 0.2s;
  touch-action: manipulation;
}
.fieldFloating input[data-v-254b7ab4]:focus,
.fieldFloating select[data-v-254b7ab4]:focus {
  outline: 0;
}
.overlay[data-v-254b7ab4] {
  visibility: visible;
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: white;
}
/**
  * Translate down and scale the label up to cover the placeholder,
  * when following an input (with placeholder-shown support).
  * Also make sure the label is only on one row, at max 2/3rds of the
  * field—to make sure it scales properly and doesn't wrap.
  */
.fieldFloating input:placeholder-shown + label[data-v-254b7ab4],
.fieldFloating select:placeholder-shown + label[data-v-254b7ab4] {
  cursor: text;
  white-space: nowrap;
  transform-origin: left bottom;
  transform: translate(11px, 22px) scale(1);
  position: absolute;
  top: -5px;
}
/**
  * By default, the placeholder should be transparent. Also, it should
  * inherit the transition.
  */
.fieldFloating[data-v-254b7ab4] ::-webkit-input-placeholder,
.fieldFloating[data-v-254b7ab4] ::-webkit-select-placeholder {
  opacity: 0 !important;
  transition: inherit;
}
/**
  * Show the placeholder when the input is focused.
  */
.fieldFloating input[data-v-254b7ab4]:focus::-webkit-input-placeholder,
.fieldFloating select[data-v-254b7ab4]:focus::-webkit-select-placeholder {
  opacity: 1 !important;
}
/**
  * When the element is focused, remove the label transform.
  * Also, do this when the placeholder is _not_ shown, i.e. when
  * there's something in the input at all.
  */
.fieldFloating input:not(:placeholder-shown) + label[data-v-254b7ab4],
.fieldFloating input:focus + label[data-v-254b7ab4],
.fieldFloating select:not(:placeholder-shown) + label[data-v-254b7ab4],
.fieldFloating select:focus + label[data-v-254b7ab4] {
  transform: translate(11px, 1px) scale(0.8);
  cursor: pointer;
}
.fieldFloating input[data-v-254b7ab4]:not(:placeholder-shown),
.fieldFloating input[data-v-254b7ab4]:focus,
.fieldFloating select[data-v-254b7ab4]:not(:placeholder-shown),
.fieldFloating select[data-v-254b7ab4]:focus {
  transform: translate(0px, 10px);
  cursor: pointer;
}
.DlocalField[data-v-254b7ab4] {
  background-color: transparent !important;
  border: none !important;
}
.Field--required .DlocalField--focus.DlocalField--empty[data-v-254b7ab4] {
  border: none !important;
}
.Field--required .DlocalField--empty[data-v-254b7ab4] {
  border: none !important;
}
.Field--required .DlocalField--complete[data-v-254b7ab4] {
  border: none !important;
}
.DlocalField--invalid[data-v-254b7ab4] {
  border: none !important;
}
.DlocalField--invalid .helpError[data-v-254b7ab4] {
  visibility: visible;
}
.DlocalField--autofilled[data-v-254b7ab4] {
  background-color: transparent !important;
}
.custom .hasError select[data-v-254b7ab4]:required,
.custom .hasError input[data-v-254b7ab4]:required {
  border: none !important;
}
.custom select[data-v-254b7ab4]:focus,
.custom input[data-v-254b7ab4]:focus {
  border: none !important;
}
.Field--required .DlocalField[data-v-254b7ab4] {
  border: none !important;
}
.fieldFloating .input.focus + label[data-v-254b7ab4],
.fieldFloating .input:not(.empty) + label[data-v-254b7ab4] {
  transform: translate(11px, 1px) scale(0.8);
  cursor: pointer;
}
.fieldFloating .input.focus[data-v-254b7ab4],
.fieldFloating .input[data-v-254b7ab4]:not(.empty) {
  transform: translate(0px, 10px);
  cursor: pointer;
}
@keyframes onAutoFillStart-254b7ab4 {
from {
    width: 10%;
}
to {
    width: 100%;
}
}
@keyframes onAutoFillCancel-254b7ab4 {
from {
    width: 98%;
}
to {
    width: 100%;
}
}
.custom input[data-v-254b7ab4]:-webkit-autofill,
.custom input[data-v-254b7ab4]:-webkit-autofill:hover,
.custom input[data-v-254b7ab4]:-webkit-autofill:focus {
  animation: onAutoFillStart-254b7ab4 500ms;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s;
}
.custom input[data-v-254b7ab4] {
  animation: onAutoFillCancel-254b7ab4 10ms;
}
.custom .field.autofilled input[data-v-254b7ab4] {
  background-color: transparent !important;
}
.custom .field.autofilled[data-v-254b7ab4] {
  background-color: #fefde5;
}
.success[data-v-254b7ab4] {
  text-align: center;
}
.success .message[data-v-254b7ab4] {
  margin: 10px 0;
}
.example.example-2 .input.empty[data-v-254b7ab4] {
  height: 50px;
  padding: 0 12px;
}
.form-row[data-v-254b7ab4] {
  position: relative;
}
.form-row label[data-v-254b7ab4] {
  color: #aab7c4 !important;
  position: absolute;
  top: 0px;
  left: 12px;
}
.select-wrapper[data-v-254b7ab4] {
  margin-bottom: 20px;
  border: 1px solid #cacbcc;
}
.select-wrapper span[data-v-254b7ab4] {
  position: absolute;
  top: 16px;
  right: 20px;
  user-select: none;
}
._clear[data-v-254b7ab4] {
  clear: both !important;
  margin-bottom: 20px !important;
}


*[data-v-1289a4f8],
*[data-v-1289a4f8]::before,
*[data-v-1289a4f8]::after {
  box-sizing: border-box;
}
html[data-v-1289a4f8] {
  padding: 1rem;
  background-color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
iframe[data-v-1289a4f8] {
  /* This fixes a mobile Safari bug */
  height: 38px !important;
}
#payment-form[data-v-1289a4f8] {
  width: 280px;
  margin: 0 auto;
}
label[data-v-1289a4f8] {
  display: block;
  height: 10px;
  color: #13395e;
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
  margin: 8px 0;
}
.date-and-code[data-v-1289a4f8] {
  display: flex;
  margin-bottom: 8px;
}
.date-and-code > div[data-v-1289a4f8]:nth-child(1) {
  width: 55.715%;
}
.date-and-code > div[data-v-1289a4f8]:nth-child(2) {
  width: 45.719%;
}
.input-container[data-v-1289a4f8] {
  position: relative;
  display: flex;
  height: 40px;
}
.icon-container[data-v-1289a4f8]:last-child {
  right: 0;
}
.icon-container.payment-method[data-v-1289a4f8] {
  right: 0;
}
.input-container.card-number[data-v-1289a4f8] {
  margin-bottom: 8px;
}
.input-container.expiry-date[data-v-1289a4f8] {
  margin-right: 8px;
}
.card-number-frame[data-v-1289a4f8],
.expiry-date-frame[data-v-1289a4f8],
.cvv-frame[data-v-1289a4f8] {
  flex: 1 1 auto;
  padding-left: 40px;
}
div + button[data-v-1289a4f8] {
  margin-top: 8px;
}
.icon-container[data-v-1289a4f8] {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 26px;
  margin: 0 7px;
}
.icon-container.payment-method[data-v-1289a4f8] {
  transform: translateY(-50%) rotateY(90deg);
  transition: opacity 0.15s ease-out;
  opacity: 0;
  top: 50%;
}
.icon-container.payment-method.show[data-v-1289a4f8] {
  opacity: 1;
  transition: all 0.4s ease-out;
  transform: translateY(-50%) rotateY(0deg);
}
.icon-container.payment-method img[data-v-1289a4f8] {
  width: 100%;
}
[id$="-error"][data-v-1289a4f8] {
  display: none;
}
.frame[data-v-1289a4f8] {
  opacity: 0;
}
.frame--activated[data-v-1289a4f8] {
  opacity: 1;
  border: solid 1px #13395e;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.2);
}
.frame--activated.frame--focus[data-v-1289a4f8] {
  border: solid 1px #13395e;
  box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.15);
}
.frame--activated.frame--invalid[data-v-1289a4f8] {
  border: solid 1px #d96830;
  box-shadow: 0 2px 5px 0 rgba(217, 104, 48, 0.15);
}
.error-message[data-v-1289a4f8] {
  display: block;
  color: #c9501c;
  font-size: 0.9rem;
  margin: 8px 0 0 1px;
  font-weight: 300;
}
#pay-button[data-v-1289a4f8] {
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
  height: 40px;
  width: 100%;
  background-color: #13395e;
  box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4);
}
#pay-button[data-v-1289a4f8]:active {
  background-color: #0b2a49;
  box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4);
}
#pay-button[data-v-1289a4f8]:hover {
  background-color: #15406b;
  box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.4);
}
#pay-button[data-v-1289a4f8]:disabled {
  background-color: #697887;
  box-shadow: none;
}
#pay-button[data-v-1289a4f8]:not(:disabled) {
  cursor: pointer;
}
.success-payment-message[data-v-1289a4f8] {
  color: #13395e;
  line-height: 1.4;
}
.token[data-v-1289a4f8] {
  color: #b35e14;
  font-size: 0.9rem;
  font-family: monospace;
}

/**
IE11-targeted optimisations
 */
_[data-v-1289a4f8]:-ms-fullscreen,
:root .icon-container[data-v-1289a4f8] {
  display: block;
}
_[data-v-1289a4f8]:-ms-fullscreen,
:root .icon-container img[data-v-1289a4f8] {
  top: 50%;
  -ms-transform: translateY(-50%);
  position: absolute;
}
_[data-v-1289a4f8]:-ms-fullscreen,
#icon-card-number[data-v-1289a4f8],
_[data-v-1289a4f8]:-ms-fullscreen,
#icon-expiry-date[data-v-1289a4f8],
_[data-v-1289a4f8]:-ms-fullscreen,
#icon-cvv[data-v-1289a4f8] {
  left: 7px;
}
#checkout-frames-card-number[data-v-1289a4f8]::-ms-clear {
  display: none;
}

/* 通用主题颜色 */
/* 通用边线颜色 */
/* 重要的字体颜色 */
/* 字体颜色 */
/* 通用背景颜色 */
/* 按钮背景色 */
/* 消息通知按钮色 */
/* 边框颜色 */
/* 限时折扣标签字体和边框颜色 */
/* 个人账户颜色 */
/* 主题色 */
.continue[data-v-97e85fae] .el-dialog__title {
  font-size: 20px;
}
.continue[data-v-97e85fae] .dialog-footer {
  display: flex;
  justify-content: space-between;
  padding: 0 35px;
}
.continue[data-v-97e85fae] .dialog-footer .total-box {
  display: flex;
  align-items: center;
}
.continue[data-v-97e85fae] .dialog-footer .total-box .total-all {
  font-size: 18px;
}
.continue[data-v-97e85fae] .dialog-footer .total-box .curr-price {
  font-size: 20px;
  color: #d11515;
}
.continue[data-v-97e85fae] .dialog-footer .button-checkout {
  background: #00b405;
  padding: 17px 81px;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
}
.pay-list[data-v-97e85fae] {
  padding: 30px;
  max-height: 50vh;
}
.pay-list .pay-wrap[data-v-97e85fae] {
  width: 100%;
}
.pay-list .pay-wrap__item[data-v-97e85fae] {
  margin-bottom: 10px;
}
.pay-list .pay-wrap .el-radio[data-v-97e85fae] {
  margin-right: 6px;
}
.pay-list .pay-wrap .pay-wrap__item[data-v-97e85fae] {
  cursor: pointer;
}
.pay-list .pay-wrap .pay-wrap__item .kr-desc[data-v-97e85fae] {
  color: #e1251b;
  font-size: 16px;
  line-height: 16px;
}
.pay-list .pay-wrap .item-radio[data-v-97e85fae] {
  display: block;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-right: 28px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  overflow: hidden;
}
.pay-list .pay-wrap .item-radio label[data-v-97e85fae] {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
  color: #323232;
}
.pay-list .pay-wrap .item-radio label[data-v-97e85fae] .el-radio__inner {
  visibility: hidden;
}
.pay-list .pay-wrap .item-radio label[data-v-97e85fae] .el-radio__label {
  width: 90%;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.pay-list .pay-wrap .item-radio label[data-v-97e85fae] .el-radio__input.is-checked + .el-radio__label {
  color: #323232;
}
.pay-list .pay-wrap .item-radio label .pay-txt[data-v-97e85fae] {
  margin-left: 20px;
}
.pay-list .pay-wrap .item-radio label .payInfo[data-v-97e85fae] {
  text-align: left;
  margin-left: 31px;
}
.pay-list .pay-wrap .item-radio label .payInfo .kr-desc[data-v-97e85fae] {
  color: #e1251b;
  font-size: 16px;
  line-height: 16px;
}
.pay-list .pay-wrap .item-radio label .payInfo span[data-v-97e85fae] {
  display: inline-block;
  vertical-align: top;
}
.pay-list .pay-wrap .item-radio label .payInfo span[data-v-97e85fae]:nth-child(1) {
  margin-bottom: 7px;
}
.pay-list .pay-wrap .item-radio label .payInfo span[data-v-97e85fae]:nth-child(2) {
  margin-bottom: 7px;
}
.pay-list .pay-wrap .item-radio .icon-select[data-v-97e85fae] {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 18px;
  height: 18px;
  opacity: 0;
}
.pay-list .pay-wrap .item-radio .icon-radio[data-v-97e85fae] {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #999999;
  border-radius: 50%;
}
.pay-list .pay-wrap .item-radio img[data-v-97e85fae] {
  width: auto;
  height: 34px;
  text-align: right;
}
.pay-list .pay-wrap .item-radio.active[data-v-97e85fae] {
  border: 1px solid #006271;
  transition: all ease-in-out 0.3s;
}
.pay-list .pay-wrap .item-radio.active .icon-select[data-v-97e85fae] {
  display: none;
  opacity: 0;
}
.pay-list .pay-wrap .item-radio.active .icon-radio[data-v-97e85fae] {
  width: 20px;
  height: 20px;
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAB7klEQVQ4jaWVTUhUURiGH+fqThzNwAiUHBlDgwpGilFhQFyooIyiMBpCLRJBUIls5yrcSIIJIa5cpDALUYtgJIgKnK2ECxeGg2CLkMrQJEkz+W5ncjzc4/z0bu65vN/7cO53z08W3X0YdBPoBmqAYuAi8AXYAqLAc+CDU9QJ6gGeAEHbN+sPsAg8BGKJVS4t0gCsAK1JgCi/VdU3mKAtwCvAnQSmy61yLTrUC8wCVprAuCyVL0+ETgC56ZKqvZ7EV8k/jUN9ek9SUW9dLdHhB3qlcHwCvZMusP7aVSbvhkx2l0Cr0wFeLnCzNGRc26KASy3slDXffx/L9fdXTL1ddop5xC0yAesqyxlpbz79Ln8Vt8uu2OPB2Tl6p8NOsYJsYFcGujPUVM9oKGiPc7ItHoUXmbrXab8PzMwx8fqdaS47FjdutUurdGfv4ICj42N7ZjVeD0HfdUoKLzAWecPjF0vndWtNoBWAX3e2d/eIrK6xsrlFp7+KS+48oh9jhJ5NnwcUhQX6FegxVax/3ubTtx18pSUERsb5+eswGbQ/fkpFMtkADpK+NMa36QDw4z+B+4rzb++vq531O0Og5LoU58zR9xLoyGDGUi85ydvSD+kFdY3IMxU51svi17UBtCXcUQGgDMgHviv/vfGOAk4A7pZwHB5mouUAAAAASUVORK5CYII=) center center no-repeat;
  background-size: 100% 100%;
}
.pay-list .pay-wrap-collapse[data-v-97e85fae] {
  position: relative;
  width: 100%;
  min-height: 280px;
  border: 1px solid #e8e8e8;
  margin-bottom: 10px;
}
.pay-list .pay-wrap-collapse .bankTransfer[data-v-97e85fae] {
  width: 100%;
  min-height: 280px;
  resize: none;
  padding: 0 26px;
  line-height: 20px;
}
.pay-list .pay-wrap-collapse .pay-btpay-wrap[data-v-97e85fae] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.pay-list #paypal-button-containerpaypalPay[data-v-97e85fae] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay-list .paypal-box[data-v-97e85fae] {
  max-width: 500px;
  margin: 0 auto;
}
.dropin-container-type[data-v-97e85fae] {
  width: 100%;
  height: 100%;
}
#payment-form[data-v-97e85fae] {
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}