@charset "UTF-8";
.van-toast[data-v-c06f3394] {
  word-break: break-word !important;
}
.cg-default.van-button[data-v-c06f3394] {
  font-weight: 700;
  font-size: 0.4rem;
}
.cg-default.van-button .van-button__icon[data-v-c06f3394] {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cg-default.van-button .van-button__icon > img[data-v-c06f3394] {
  height: 80%;
}
@media (orientation: landscape) {
  html.landscape[data-v-c06f3394] {
    font-size: 9vh !important;
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-c06f3394] {
  z-index: 9999999 !important;
}
.searchbar-container[data-v-c06f3394] {
  position: relative;
  z-index: 1;
}
.searchbar-container input[data-v-c06f3394] {
  color: var(--text_color_L1);
}
.searchbar-container__searchbar[data-v-c06f3394] {
  width: 100%;
  margin-top: 0.26667rem;
  padding: 0.26667rem;
  outline: none;
  border: none;
  height: 1.06667rem;
  border-radius: 0.13333rem;
  background: var(--bg_color_L2);
  font-size: 0.37333rem;
  position: relative;
}
.searchbar-container__searchbar[data-v-c06f3394]::-webkit-input-placeholder {
  color: var(--text_color_L2);
}
.searchbar-container__searchbar[data-v-c06f3394]::placeholder {
  color: var(--text_color_L2);
}
.searchbar-container .searchIcon[data-v-c06f3394] {
  position: absolute;
  right: 0.53333rem;
  margin-top: 0.4rem;
  width: 1.6rem;
  min-height: 0.8rem;
}
.searchbar-container .clearIcon[data-v-c06f3394] {
  width: 0.6rem;
  height: auto;
  position: absolute;
  right: 0.4rem;
  top: 45%;
}
.van-toast[data-v-4e84c70a] {
  word-break: break-word !important;
}
.cg-default.van-button[data-v-4e84c70a] {
  font-weight: 700;
  font-size: 0.4rem;
}
.cg-default.van-button .van-button__icon[data-v-4e84c70a] {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cg-default.van-button .van-button__icon > img[data-v-4e84c70a] {
  height: 80%;
}
@media (orientation: landscape) {
  html.landscape[data-v-4e84c70a] {
    font-size: 9vh !important;
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-4e84c70a] {
  z-index: 9999999 !important;
}
.myInvitation__container[data-v-4e84c70a] {
  padding-inline: 0.32rem;
  padding-block: 0 1.49333rem;
  font-family: bahnschrift;
}
.myInvitation__container[data-v-4e84c70a] .van-nav-bar {
  background-color: #f6f6f6;
}
.myInvitation__container[data-v-4e84c70a]
  .van-nav-bar
  .van-nav-bar__content
  .van-nav-bar__left
  .van-icon,
.myInvitation__container[data-v-4e84c70a]
  .van-nav-bar
  .van-nav-bar__content
  .van-nav-bar__title {
  color: var(--text_color_L1);
}
.myInvitation__container-searchbar[data-v-4e84c70a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 0.29333rem;
  width: 100%;
  font-size: 0.37333rem;
  margin-top: 0.26667rem;
}
.myInvitation__container-searchbar span[data-v-4e84c70a],
.myInvitation__container-searchbar .default_active[data-v-4e84c70a] {
  color: var(--text_color_L2);
}
.myInvitation__container-searchbar__selector[data-v-4e84c70a] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 4.53333rem;
  height: 1.06667rem;
  color: var(--text_color_L2);
}
.myInvitation__container-searchbar__selector > div[data-v-4e84c70a] {
  width: 100%;
  line-height: 1.06667rem;
  border-radius: 0.13333rem;
  background: var(--bg_color_L2);
}
.myInvitation__container-searchbar__selector
  > div[data-v-4e84c70a]:first-of-type {
  position: relative;
  padding: 0 0.26667rem;
  z-index: 10;
}
.myInvitation__container-searchbar__selector
  > div:first-of-type
  i[data-v-4e84c70a] {
  position: absolute;
  top: 50%;
  right: 0.21333rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.myInvitation__container-searchbar__selector-dropdown[data-v-4e84c70a] {
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  border: 0.01333rem solid var(--text_color_L1);
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.myInvitation__container-searchbar__selector-dropdown li[data-v-4e84c70a] {
  padding: 0 0.26667rem;
  list-style: none;
}
.myInvitation__container-searchbar__selector-dropdown
  li.selected[data-v-4e84c70a] {
  color: var(--textW);
  background-color: var(--norm_red-color);
}
.myInvitation__container-searchbar__selector.active
  > div:first-of-type
  i[data-v-4e84c70a] {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.myInvitation__container-searchbar__selector.active
  > div[data-v-4e84c70a]:last-of-type {
  -webkit-transform: translateY(0%);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.myInvitation__container-searchbar > i[data-v-4e84c70a] {
  font-size: 1.625rem;
}
.myInvitation__container-content[data-v-4e84c70a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.26667rem;
  margin-top: 0.56rem;
}
.myInvitation__container-content__item[data-v-4e84c70a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  padding: 0.32rem 0.13333rem;
  border-radius: 0.13333rem;
  background-color: var(--textW);
  margin-bottom: 0.26667rem;
}
.myInvitation__container-content__item-header[data-v-4e84c70a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.13333rem;
}
.myInvitation__container-content__item-header span[data-v-4e84c70a] {
  width: 2rem;
  height: 0.66667rem;
  font-size: 0.37333rem;
  text-align: center;
  line-height: 0.66667rem;
  border-radius: 0.13333rem;
}
.myInvitation__container-content__item-header
  span[data-v-4e84c70a]:first-of-type {
  margin-left: 0.13333rem;
  color: var(--textW);
  background: var(--norm_green-color);
}
.myInvitation__container-content__item-header
  span[data-v-4e84c70a]:nth-of-type(2) {
  color: var(--main-color);
  border: 0.01333rem solid var(--main-color);
}
.myInvitation__container-content__item-header
  span[data-v-4e84c70a]:last-of-type {
  margin-left: auto;
}
.myInvitation__container-content__item-header span.inactive[data-v-4e84c70a] {
  background: var(--main-color);
}
.myInvitation__container-content__item-body[data-v-4e84c70a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.13333rem;
  font-size: 0.32rem;
  color: var(--text_color_L3);
}
.myInvitation__container-content__item-body > div[data-v-4e84c70a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #f6f6f6;
}
.myInvitation__container-content__item-body
  > div:last-of-type
  span[data-v-4e84c70a]:last-of-type {
  color: var(--main-color);
}
.myInvitation__container-content__item-body > div span[data-v-4e84c70a] {
  height: 0.8rem;
  padding: 0 0.26667rem;
  line-height: 0.8rem;
}
.myInvitation__container-content__item-body
  > div
  span[data-v-4e84c70a]:first-of-type {
  -webkit-box-flex: 0.45;
  -webkit-flex: 0.45;
  flex: 0.45;
  background: var(--bgColor-6);
  -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
.myInvitation__container-content__item-body
  > div
  span[data-v-4e84c70a]:last-of-type {
  -webkit-box-flex: 0.55;
  -webkit-flex: 0.55;
  flex: 0.55;
  text-align: right;
}
.look_detail[data-v-4e84c70a] {
  color: var(--text_color_L1);
}
.van-toast[data-v-d1f3a81f] {
  word-break: break-word !important;
}
.cg-default.van-button[data-v-d1f3a81f] {
  font-weight: 700;
  font-size: 0.4rem;
}
.cg-default.van-button .van-button__icon[data-v-d1f3a81f] {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cg-default.van-button .van-button__icon > img[data-v-d1f3a81f] {
  height: 80%;
}
@media (orientation: landscape) {
  html.landscape[data-v-d1f3a81f] {
    font-size: 9vh !important;
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-d1f3a81f] {
  z-index: 9999999 !important;
}
.canvas[data-v-d1f3a81f] {
  width: 0.26667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: absolute;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  z-index: 2;
  left: 0.29333rem;
  top: 0.50667rem;
}
.canvas svg[data-v-d1f3a81f] {
  width: 0.26667rem;
  height: 0.26667rem;
  margin-bottom: 0.50667rem;
}
#canvas[data-v-d1f3a81f] {
  position: absolute;
  left: 0.18667rem;
  top: 0;
  z-index: 1;
}
.invitationDetail__container[data-v-d1f3a81f] {
  padding-inline: 0.32rem;
  padding-block: 0 1.49333rem;
  font-family: bahnschrift;
}
.invitationDetail__container[data-v-d1f3a81f] .van-nav-bar {
  background-color: #f6f6f6;
}
.invitationDetail__container[data-v-d1f3a81f]
  .van-nav-bar
  .van-nav-bar__content
  .van-nav-bar__left
  .van-icon,
.invitationDetail__container[data-v-d1f3a81f]
  .van-nav-bar
  .van-nav-bar__content
  .van-nav-bar__title {
  color: var(--text_color_L1);
}
.invitationDetail__container-content img[data-v-d1f3a81f] {
  width: 9.36rem;
  height: 0.58667rem;
}
.invitationDetail__container-content__item[data-v-d1f3a81f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.32rem;
  padding: 0.32rem 0.13333rem;
  border-radius: 0.13333rem 0.13333rem 0 0;
  background-color: var(--textW);
}
.invitationDetail__container-content__item-header[data-v-d1f3a81f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.13333rem;
}
.invitationDetail__container-content__item-header span[data-v-d1f3a81f] {
  width: 2rem;
  height: 0.66667rem;
  font-size: 0.37333rem;
  text-align: center;
  line-height: 0.66667rem;
  border-radius: 0.13333rem;
}
.invitationDetail__container-content__item-header
  span[data-v-d1f3a81f]:first-of-type {
  margin-left: 0.06667rem;
  color: var(--textW);
  background: var(--norm_green-color);
}
.invitationDetail__container-content__item-header
  span[data-v-d1f3a81f]:nth-of-type(2) {
  color: var(--main-color);
  border: 0.01333rem solid var(--main-color);
}
.invitationDetail__container-content__item-body[data-v-d1f3a81f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.13333rem;
  font-size: 0.32rem;
  color: var(--text_color_L2);
}
.invitationDetail__container-content__item-body > div[data-v-d1f3a81f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.invitationDetail__container-content__item-body
  > div:nth-of-type(3)
  span[data-v-d1f3a81f]:last-of-type,
.invitationDetail__container-content__item-body
  > div:nth-of-type(4)
  span[data-v-d1f3a81f]:last-of-type,
.invitationDetail__container-content__item-body
  > div:nth-of-type(5)
  span[data-v-d1f3a81f]:last-of-type,
.invitationDetail__container-content__item-body
  > div:nth-of-type(7)
  span[data-v-d1f3a81f]:last-of-type {
  color: var(--norm_secondary-color);
}
.invitationDetail__container-content__item-body
  > div:nth-of-type(8)
  span[data-v-d1f3a81f]:last-of-type {
  color: var(--text_color_L2);
}
.invitationDetail__container-content__item-body > div span[data-v-d1f3a81f] {
  height: 0.8rem;
  padding: 0 0.26667rem;
  line-height: 0.8rem;
}
.invitationDetail__container-content__item-body
  > div
  span[data-v-d1f3a81f]:first-of-type {
  -webkit-box-flex: 0.45;
  -webkit-flex: 0.45;
  flex: 0.45;
  -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
.invitationDetail__container-content__item-body
  > div
  span[data-v-d1f3a81f]:last-of-type {
  -webkit-box-flex: 0.55;
  -webkit-flex: 0.55;
  flex: 0.55;
  text-align: right;
}
.invitationDetail__container-betHistory[data-v-d1f3a81f] {
  background: var(--bg_color_L2);
  margin-top: -0.12rem;
  padding: 0.45333rem 0.32rem 0.26667rem;
  height: 9.33333rem;
  position: relative;
}
.invitationDetail__container-betHistory > div[data-v-d1f3a81f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 0.37333rem;
  margin-bottom: 0.4rem;
}
.invitationDetail__container-betHistory > div span[data-v-d1f3a81f] {
  color: var(--text_color_L3);
  font-size: 0.34667rem;
  line-height: 0.37333rem;
  margin-left: 0.37333rem;
}
.invitationDetail__container-betHistory > div div[data-v-d1f3a81f] {
  font-size: 0.34667rem;
  line-height: 0.37333rem;
  color: var(--text_color_L1);
}