@charset "UTF-8";
.page-main {
  width: 100%;
  max-width: 38.25rem;
  margin: 0 auto;
}
.slide-leave-active,
.slide-enter-active {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-enter,
.slide-leave-to {
  max-height: 0;
  opacity: 0;
}
.slide-enter-to,
.slide-leave {
  max-height: 3.13rem;
  opacity: 1;
}
.swiper-pagination-bullet {
  width: 0.63rem;
  height: 0.63rem;
  margin: 0 0.5rem !important;
}
@media screen and (max-width: 1024px) {
.page-main {
    width: 88%;
}
.swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 0.5rem 0 0 !important;
}
.swiper-pagination-bullet:nth-last-child(1) {
    margin-right: 0 !important;
}
}
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* 隐藏滚动条 */
#qr-code img {
  width: 100%;
  height: 100%;
}
@charset "UTF-8";
.page-main[data-v-319166c4] {
  width: 100%;
  max-width: 38.25rem;
  margin: 0 auto;
}
.slide-leave-active[data-v-319166c4],
.slide-enter-active[data-v-319166c4] {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-enter[data-v-319166c4],
.slide-leave-to[data-v-319166c4] {
  max-height: 0;
  opacity: 0;
}
.slide-enter-to[data-v-319166c4],
.slide-leave[data-v-319166c4] {
  max-height: 3.13rem;
  opacity: 1;
}
.swiper-pagination-bullet[data-v-319166c4] {
  width: 0.63rem;
  height: 0.63rem;
  margin: 0 0.5rem !important;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-319166c4] {
    width: 88%;
}
.swiper-pagination-bullet[data-v-319166c4] {
    width: 9px;
    height: 9px;
    margin: 0 0.5rem 0 0 !important;
}
.swiper-pagination-bullet[data-v-319166c4]:nth-last-child(1) {
    margin-right: 0 !important;
}
}
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* 隐藏滚动条 */
.head[data-v-319166c4] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.head h3[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 1.13rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  color: #163049;
}
.head .head-btn[data-v-319166c4] {
  margin-bottom: 1.31rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.head .head-btn div[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.63rem;
  font-style: normal;
  font-weight: 600;
  box-sizing: border-box;
  line-height: 0.88rem;
  color: #163049;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 4px 0px;
}
.head .head-btn div img[data-v-319166c4] {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
}
.head[data-v-319166c4]::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #c29d5c;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.user-entitlements-wrapper[data-v-319166c4] {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.75rem;
}
.user-entitlements-wrapper .dp-card[data-v-319166c4] {
  width: 14.13rem;
  height: 11.53rem;
  border-radius: 8px;
  padding: 0.75rem;
  box-sizing: border-box;
  background-color: #163049;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.user-entitlements-wrapper .dp-card .dp-card-logo[data-v-319166c4] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-entitlements-wrapper .dp-card .dp-card-logo .visa-logo[data-v-319166c4] {
  width: 4.09rem;
  height: 1.09rem;
}
.user-entitlements-wrapper .dp-card .dp-card-logo .dp-logo[data-v-319166c4] {
  width: 4.38rem;
  height: 0.69rem;
}
.user-entitlements-wrapper .dp-card .dp-card-qrcode[data-v-319166c4] {
  width: 100%;
  height: 6.59rem;
  border-radius: 12px;
  background-color: #2b435a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-entitlements-wrapper .dp-card .dp-card-qrcode #qr-code[data-v-319166c4] {
  box-sizing: border-box;
  width: 4.22rem;
  height: 4.22rem;
  padding: 0.44rem;
  font-size: 0.56rem;
  border-radius: 6px;
  background-color: #ffffff;
}
.user-entitlements-wrapper .dp-card .dp-card-qrcode #qr-code.no-access[data-v-319166c4] {
  position: relative;
}
.user-entitlements-wrapper .dp-card .dp-card-qrcode #qr-code.no-access[data-v-319166c4]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 0.5rem;
  background-color: #ffffff;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
          transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.user-entitlements-wrapper .dp-card .dp-card-qrcode .dp-code[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.88rem;
  color: #ffffff;
}
.user-entitlements-wrapper .dp-card .dp-card-info[data-v-319166c4] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-entitlements-wrapper .dp-card .dp-card-info .dp-card-detail p[data-v-319166c4]:first-child {
  font-family: Open Sans, sans-serif;
  font-size: 0.44rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5rem;
  color: #c5cdd3;
  margin-bottom: 4px;
}
.user-entitlements-wrapper .dp-card .dp-card-info .dp-card-detail p[data-v-319166c4]:last-child {
  font-family: Open Sans, sans-serif;
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  color: #ffffff;
}
.user-entitlements-wrapper .dp-entitlements[data-v-319166c4] {
  width: 14.13rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info[data-v-319166c4] {
  width: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  border: 1px solid #d8dee1;
  border-radius: 8px;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info .dp-entitlements-title[data-v-319166c4],
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info .dp-entitlements-desc[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.88rem;
  color: #667077;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info .dp-entitlements-point[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.81rem;
  color: #2f3438;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info .dp-entitlements-line[data-v-319166c4] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  margin-top: 9px;
  margin-bottom: 0.44rem;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info .dp-entitlements-line .dp-entitlements-line-active[data-v-319166c4] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.69rem;
  background-color: #ba9252;
  border-radius: 4px;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info .dp-entitlements-line .dp-entitlements-line-disabled[data-v-319166c4] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.69rem;
  background: -webkit-linear-gradient(right bottom, transparent calc(50% - 1px), #ffffff 50%, transparent calc(50% + 1px)), #faf3e6;
  background: linear-gradient(to left top, transparent calc(50% - 1px), #ffffff 50%, transparent calc(50% + 1px)), #faf3e6;
  border-radius: 4px;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-tips[data-v-319166c4] {
  width: 100%;
  box-sizing: border-box;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.88rem;
  color: #667077;
  border-radius: 8px;
  padding: 12px 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-tips img[data-v-319166c4] {
  display: block;
  margin-top: 2px;
  width: 0.63rem;
  height: 0.63rem;
}
.user-cardinfo-wrapper[data-v-319166c4] {
  width: 30rem;
  box-sizing: border-box;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid #d8dee1;
  margin-top: 1.25rem;
}
.user-cardinfo-wrapper .visa-card-info[data-v-319166c4] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.user-cardinfo-wrapper .visa-card-info .visa-card-details .visa-card-title[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.44rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.63rem;
  color: #667077;
}
.user-cardinfo-wrapper .visa-card-info .visa-card-details .visa-card-box[data-v-319166c4] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
}
.user-cardinfo-wrapper .visa-card-info .visa-card-details .visa-card-box img[data-v-319166c4] {
  display: block;
  width: 0.88rem;
  height: 0.63rem;
  margin-top: 2px;
}
.user-cardinfo-wrapper .visa-card-info .visa-card-details .visa-card-box .visa-card-txt[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.88rem;
  color: #2f3438;
}
.user-cardinfo-wrapper .visa-card-info .visa-card-details .visa-card-box .visa-card-txt p[data-v-319166c4]:last-child {
  color: #667077;
}
.user-cardinfo-wrapper .visa-card-info .update-visa-card[data-v-319166c4] {
  width: 6.06rem;
  height: 1.25rem;
  box-sizing: border-box;
  border: 1px solid #0d1d2b;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.user-cardinfo-wrapper .visa-card-info .update-visa-card img[data-v-319166c4] {
  display: block;
  width: 0.63rem;
  height: 0.63rem;
}
.user-cardinfo-wrapper .visa-card-info .update-visa-card span[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.44rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.63rem;
  color: #163049;
}
.user-cardinfo-wrapper .divider[data-v-319166c4] {
  width: 100%;
  height: 1px;
  background-color: #d8dee1;
  margin: 12px 0;
}
.user-cardinfo-wrapper .other-info .other-info-title[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.44rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.63rem;
  color: #667077;
}
.user-cardinfo-wrapper .other-info .other-info-desc[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.88rem;
  color: #2f3438;
}
.user-guide-wrapper[data-v-319166c4] {
  margin-top: 1.75rem;
}
.user-guide-wrapper .user-guide-title[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.63rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.88rem;
  color: #2f3438;
}
.user-guide-wrapper .user-guide-desc[data-v-319166c4] {
  margin-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.88rem;
  color: #667077;
}
.user-guide-wrapper .user-guide-btn[data-v-319166c4] {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}
.user-guide-wrapper .user-guide-btn button[data-v-319166c4] {
  font-family: Open Sans, sans-serif;
  font-size: 0.63rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.63rem;
  box-sizing: border-box;
  height: 1.88rem;
  padding: 0.5rem 0.75rem;
  color: #163049;
  cursor: pointer;
  background: #fff;
  border: 1px solid #0d1d2b;
  border-radius: 6px;
}
.pdf-dialog[data-v-319166c4] {
  padding: 3.13rem 4.75rem;
}
@media screen and (max-width: 1024px) {
.head[data-v-319166c4] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.head h3[data-v-319166c4] {
    font-family: Open Sans, sans-serif;
    font-size: 0.56rem;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.25rem;
}
.head .head-btn[data-v-319166c4] {
    margin-bottom: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 4px;
}
.head .head-btn div[data-v-319166c4] {
    font-family: Open Sans, sans-serif;
    font-size: 0.56rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.88rem;
}
.head .head-btn div img[data-v-319166c4] {
    display: block;
    width: 0.56rem;
    height: 0.56rem;
}
.head[data-v-319166c4]::after {
    display: none;
}
.user-entitlements-wrapper[data-v-319166c4] {
    margin-top: 0.69rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
}
.user-entitlements-wrapper .dp-card[data-v-319166c4] {
    width: 100%;
    padding: 0.5rem;
}
.user-entitlements-wrapper .dp-entitlements[data-v-319166c4] {
    width: 100%;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info .dp-entitlements-desc[data-v-319166c4] {
    font-family: Open Sans, sans-serif;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.75rem;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-info .dp-entitlements-point[data-v-319166c4] {
    font-family: Open Sans, sans-serif;
    font-size: 1.06rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.31rem;
}
.user-entitlements-wrapper .dp-entitlements .dp-entitlements-tips[data-v-319166c4] {
    font-family: Open Sans, sans-serif;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.75rem;
}
.user-cardinfo-wrapper[data-v-319166c4] {
    width: 100%;
    padding: 0.5rem;
}
.user-cardinfo-wrapper .visa-card-info[data-v-319166c4] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.63rem;
}
.user-cardinfo-wrapper .visa-card-info .update-visa-card[data-v-319166c4] {
    width: 100%;
}
.user-guide-wrapper[data-v-319166c4] {
    margin-top: 1.25rem;
}
.user-guide-wrapper .user-guide-title[data-v-319166c4] {
    font-family: Open Sans, sans-serif;
    font-size: 0.56rem;
    font-style: normal;
    font-weight: 600;
}
.user-guide-wrapper .user-guide-desc[data-v-319166c4] {
    font-family: Open Sans, sans-serif;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.75rem;
}
.user-guide-wrapper .user-guide-btn[data-v-319166c4] {
    margin-top: 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
}
.user-guide-wrapper .user-guide-btn button[data-v-319166c4] {
    width: 100%;
}
}

/*# sourceMappingURL=app~._src_views_Membership_component_Member_index.vue~0.53d3717f.css.map*/