.main-layout-view[data-v-316e8ce1] {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
.main-layout-view[data-v-316e8ce1] {
    width: 768px;
    margin: 0 auto;
}
}

.background-FFF[data-v-5a78926a] {
  background-color: #FFFFFF;
}
.background-EFEFEF[data-v-5a78926a] {
  background-color: #EFEFEF;
}
.background-333[data-v-5a78926a] {
  background-color: #333333;
}
.page-layout-view[data-v-5a78926a] {
  height: 100%;
}
.page-layout-view .page-header[data-v-5a78926a] {
  position: fixed;
  top: 0;
  z-index: 10;
}
.page-layout-view .page-body[data-v-5a78926a] {
  display: flex;
  flex-direction: column;
}
.page-layout-view .page-body .body-content[data-v-5a78926a] {
  display: flex;
  flex-grow: 1;
}
.page-layout-view .page-body .body-content .main-content[data-v-5a78926a] {
  width: 100%;
}
.page-layout-view .page-footer[data-v-5a78926a] {
  position: fixed;
  bottom: 0;
}
.page-layout-view .page-footer .page-indicator[data-v-5a78926a] {
  height: 24px;
}

.page-nav-view[data-v-28088d38] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  height: 44px;
  background-color: #EFEFEF;
  position: relative;
}
.page-nav-view .back[data-v-28088d38],
.page-nav-view .right-view[data-v-28088d38] {
  display: inline-flex;
  width: 44px;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.page-nav-white-view[data-v-28088d38] {
  background-color: #FFFFFF;
}
.page-nav-trans-view[data-v-28088d38] {
  background-color: transparent;
}
.page-nav-white-icon[data-v-28088d38] svg path {
  fill: #FFFFFF;
}

.ant-btn.custom-btn-color-00AAEF[data-v-1e74da12],
.ant-btn.custom-btn-color-00AAEF[data-v-1e74da12]:hover,
.ant-btn.custom-btn-color-00AAEF[data-v-1e74da12]:focus,
.ant-btn.custom-btn-color-00AAEF[data-v-1e74da12]:active {
  background-color: #00AAEF;
  color: #FFFFFF;
}
.ant-btn.custom-btn-color-000000[data-v-1e74da12],
.ant-btn.custom-btn-color-000000[data-v-1e74da12]:hover,
.ant-btn.custom-btn-color-000000[data-v-1e74da12]:focus,
.ant-btn.custom-btn-color-000000[data-v-1e74da12]:active {
  background-color: #000000;
  color: #FFFFFF;
}

.bg-image[data-v-513342b2] {
  display: flex;
  position: relative;
}
.bg-image .card-img[data-v-513342b2] {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.bg-image .text-amount[data-v-513342b2] {
  padding: 2px 15px 2px 30px;
  border-bottom-right-radius: 12px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  position: absolute;
  right: 0;
  bottom: 0;
}
.bg-color[data-v-513342b2] {
  display: flex;
  position: relative;
  flex-direction: column;
  border-radius: 12px;
  padding: 20px 15px;
}
.bg-color .text-amount-pos[data-v-513342b2] {
  position: absolute;
  right: 15px;
  bottom: 2px;
}
.big-style[data-v-513342b2] {
  width: calc(100%);
  height: 216px;
}
.small-style[data-v-513342b2] {
  width: 240px;
  height: 150px;
}
.send-btn[data-v-513342b2] {
  position: absolute;
  left: 15px;
  bottom: 8px;
  border-radius: 6px;
  font-size: 14px !important;
}

.giftcard-accept[data-v-2faf84d0] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
}
.giftcard-accept .title-text[data-v-2faf84d0] {
  margin-bottom: 24px;
  text-align: center;
}
.giftcard-accept .card[data-v-2faf84d0] {
  align-self: center;
}
.giftcard-accept .sender-text[data-v-2faf84d0] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 20px;
}
.giftcard-accept .close-btn[data-v-2faf84d0] {
  margin-top: 24px;
}
.giftcard-accept .btn-view[data-v-2faf84d0] {
  margin-top: 24px;
  display: flex;
}
.giftcard-accept .btn-view .refuse-btn[data-v-2faf84d0] {
  margin-right: 10px;
}

.ant-modal.common-modal-view {
  padding: 0;
}
.ant-modal.common-modal-view .ant-modal-content {
  border-radius: 12px;
}
.ant-modal.common-modal-view .ant-modal-content .ant-modal-close-x {
  line-height: 70px;
}
.ant-modal.common-modal-view .ant-modal-content .ant-modal-header {
  border-radius: 12px 12px 0 0;
  border: none;
  padding: 24px 0 0;
}
.ant-modal.common-modal-view .ant-modal-content .ant-modal-header .ant-modal-title {
  text-align: center;
}
.ant-modal.common-modal-view .ant-modal-content .ant-modal-body {
  padding: 24px 20px 0;
}
.ant-modal.common-modal-view .ant-modal-content .ant-modal-footer {
  border-radius: 0 0 12px 12px;
  border: none;
  padding: 12px 20px 24px;
}
.ant-modal.common-modal-view .ant-modal-content .ant-modal-footer .footer-view {
  display: flex;
  justify-content: center;
}
.ant-modal.common-modal-view .ant-modal-content .ant-modal-footer .footer-view-left-right {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ant-modal.common-modal-view .ant-modal-content .ant-modal-footer .footer-view-left-right > button {
  width: calc(50% - 5px);
}


/*# sourceMappingURL=app~._m.aa73cffb.css.map*/