@charset "UTF-8";
.container[data-v-3531b051] {
  width: 100%;
  min-width: 9.2rem;
  padding: 0.4rem;
}
.container .banner-bg[data-v-3531b051] {
  width: 100%;
  height: 7.33333rem;
  border-radius: 0.32rem;
  background: var(--bg_color_L2);
  margin-bottom: 0.32rem;
  margin-inline: auto;
  display: flex;
  overflow: auto;
  position: relative;
}
.container .banner-bg > div[data-v-3531b051] {
  flex: none;
  width: 100%;
  position: relative;
  padding-top: 0.81333rem;
  overflow-x: hidden;
}
.container .banner-bg .my-team-lv[data-v-3531b051] {
  width: fit-content;
  height: 0.58667rem;
  line-height: 0.58667rem;
  padding: 0 0.26667rem;
  position: absolute;
  left: 0.32rem;
  top: 0.16rem;
  color: var(--text_primary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.32rem;
  background: var(--secondary_color2);
  border-radius: 0.10667rem;
}
.container .banner-bg .question-mark[data-v-3531b051] {
  width: 0.53333rem;
  height: 0.53333rem;
  position: absolute;
  right: 0.29333rem;
  top: -0.61333rem;
}
.container .banner-bg .l1[data-v-3531b051] {
  padding-inline-start: 0.53333rem;
  color: var(--text_secondary);
  font-family: Poppins;
  font-size: 0.32rem;
  display: flex;
  height: 0.77333rem;
  align-items: center;
}
.container .banner-bg .l1 .lv[data-v-3531b051] {
  width: 2.13333rem;
  height: 0.77333rem;
  background-size: cover;
  background-repeat: no-repeat;
  margin-inline-start: 0.26667rem;
  margin-inline-end: 0.53333rem;
}
.container .banner-bg .l1 .lv.lv0[data-v-3531b051] {
  background-image: var(--v90b162f4);
}
.container .banner-bg .l1 .lv.lv1[data-v-3531b051] {
  background-image: var(--v90b162f2);
}
.container .banner-bg .l1 .lv.lv2[data-v-3531b051] {
  background-image: var(--v90b162f0);
}
.container .banner-bg .l1 .lv.lv3[data-v-3531b051] {
  background-image: var(--v90b162ee);
}
.container .banner-bg .l1 .detail[data-v-3531b051] {
  width: 1.54667rem;
  height: 0.68rem;
  border-radius: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text_btn_main);
}
.container .banner-bg .l2-0[data-v-3531b051] {
  color: var(--text_secondary);
  text-align: center;
  font-size: 0.34667rem;
  margin-block-start: 0.26667rem;
  margin-block-end: 0.93333rem;
}
.container .banner-bg .l2[data-v-3531b051] {
  margin-block-start: 0.13333rem;
  margin-block-end: 0.48rem;
  padding: 0 0.53333rem;
  height: 1.22667rem;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.container .banner-bg .l2 > div[data-v-3531b051] {
  height: 0.53333rem;
  display: flex;
  align-items: center;
}
.container .banner-bg .l2 > div .text[data-v-3531b051] {
  width: 2.34667rem;
  flex: none;
  color: var(--text_secondary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.34667rem;
  margin-inline-start: 0.10667rem;
  margin-inline-end: 0.24rem;
  line-height: 0.34667rem;
}
.container .banner-bg .l2 > div .step[data-v-3531b051] {
  flex: 1;
  color: var(--text_secondary);
  font-size: 0.32rem;
  border-radius: 0.10667rem;
  border: 0.01333rem solid var(--Stroke_color);
  background: var(--bg_color_L4);
  text-align: center;
  position: relative;
  height: 0.48rem;
  overflow: hidden;
}
.container .banner-bg .l2 > div .step span[data-v-3531b051] {
  position: relative;
  z-index: 1;
  color: var(--text_primary);
  font-size: 0.32rem;
}
.container .banner-bg .l2 > div .step > div[data-v-3531b051] {
  position: absolute;
  top: 0.01333rem;
  left: 0;
  height: 0.48rem;
  border-radius: 0.02667rem;
  z-index: 0;
  background: var(--progress_bar);
}
.container .banner-bg .l2 > div .icon[data-v-3531b051] {
  width: 0.53333rem;
  height: 0.53333rem;
}
.container .banner-bg .l3[data-v-3531b051] {
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.34667rem;
  margin-block-end: 0.25333rem;
  padding-inline-start: 0.61333rem;
}
.container .banner-bg .l4[data-v-3531b051] {
  height: 2.32rem;
  display: flex;
}
.container .banner-bg .l4 > div[data-v-3531b051] {
  width: 33.3333333333%;
  color: var(--text_secondary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.37333rem;
  background-size: 2.41333rem 1.57333rem;
  background-repeat: no-repeat;
  background-position: top center;
}
.container .banner-bg .l4 > div.l4-card--bet[data-v-3531b051] {
  padding: 1.57333rem 0.37333rem 0;
  background-image: var(--v90b1b19e);
}
.container .banner-bg .l4 > div.l4-card--dep[data-v-3531b051] {
  padding: 1.57333rem 0.13333rem 0;
  background-image: var(--v90b1a2a2);
}
.container .banner-bg .l4 > div.l4-card--inv[data-v-3531b051] {
  padding: 1.57333rem 0 0;
  background-image: var(--v90b17ade);
}
.container .banner-bg .l4 > div span[data-v-3531b051] {
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container .banner-bg .pageList[data-v-3531b051] {
  width: fit-content;
  height: 0.32rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 0.18667rem;
  display: flex;
  align-items: center;
  z-index: 100;
}
.container .banner-bg .pageList .icon[data-v-3531b051] {
  width: 0.32rem;
  height: 0.32rem;
}
.container .banner-bg .pageList .list[data-v-3531b051] {
  display: flex;
  gap: 0.25333rem;
  margin-inline: 0.44rem;
}
.container .banner-bg .pageList .list div[data-v-3531b051] {
  width: 0.16rem;
  height: 0.16rem;
  background: var(--main_color);
  border-radius: 50%;
  opacity: 0.5;
}
.container .banner-bg .pageList .list div.active[data-v-3531b051] {
  opacity: 1;
}
.container .withdrawal[data-v-3531b051] {
  width: 100%;
  height: fit-content;
  background: var(--bg_color_L3);
  border-radius: 0.32rem;
  position: relative;
  overflow: hidden;
}
.container .withdrawal-l1[data-v-3531b051] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--bg_color_L2);
}
.container .withdrawal-l1 .left[data-v-3531b051] {
  flex: 1;
  padding-inline-start: 0.8rem;
  padding-top: 0.32rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container .withdrawal-l1 .left .title1[data-v-3531b051] {
  color: var(--text_primary);
  font-family: Poppins;
  font-size: 0.37333rem;
}
.container .withdrawal-l1 .left .title2[data-v-3531b051] {
  height: 1.04rem;
  color: var(--norm_hint_color);
  font-family: Unbounded;
  font-size: 0.64711rem;
}
.container .withdrawal-l1 .right[data-v-3531b051] {
  flex: 1;
  padding-top: 0.05333rem;
}
.container .withdrawal-l1 .right .btn[data-v-3531b051] {
  min-width: 2.66667rem;
  height: 0.85333rem;
  width: fit-content;
  line-height: 0.85333rem;
  color: var(--text_btn_main);
  text-align: center;
  font-family: Poppins;
  font-size: 0.37333rem;
  border-radius: 0.21333rem;
  margin: auto;
}
.container .withdrawal-l1.s2 .right[data-v-3531b051] {
  padding: 0.34667rem 0;
}
.container .withdrawal-l1.s2 .right .btn[data-v-3531b051] {
  min-width: 2.33333rem;
  height: 0.77333rem;
  line-height: 0.77333rem;
}
.container .withdrawal-l1.s2 .right .btn.detail[data-v-3531b051] {
  background: var(--norm_orange_color);
}
.container .withdrawal-l1.s2 .right .btn + .btn[data-v-3531b051] {
  margin-top: 0.21333rem;
}
.container .withdrawal-l1.s2 .right .btn.disabled[data-v-3531b051] {
  pointer-events: none;
  background: var(--button_dis);
  color: var(--text_disabled);
  box-shadow: none;
}
.container .withdrawal-l2[data-v-3531b051] {
  min-height: 0.98667rem;
  line-height: 0.98667rem;
  width: 100%;
  color: var(--text_primary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.37333rem;
}
.container .withdrawal-l2 span[data-v-3531b051] {
  color: var(--norm_hint_color);
}
.container .withdrawal-l2.s2[data-v-3531b051] {
  display: flex;
  justify-content: space-between;
  padding: 0.21333rem 0.42667rem;
}
.container .withdrawal-l2 .flex-s[data-v-3531b051] {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  line-height: 0.56rem;
}
.container .withdrawal-l2 .flex-s span[data-v-3531b051] {
  line-height: 0.69333rem;
}
.container .btn2[data-v-3531b051] {
  width: 100%;
  line-height: 0.53333rem;
  height: 1.06667rem;
  color: var(--text_btn_main, #f1f7ff);
  text-align: center;
  font-size: 0.42667rem;
  margin-top: 0.53333rem;
  border-radius: 0.66667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .share[data-v-3531b051] {
  width: 100%;
  height: 0.85333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.21333rem;
  gap: 0.4rem;
}
.container .share .icon[data-v-3531b051] {
  width: 0.66667rem;
  height: 0.66667rem;
}
.container .share > div[data-v-3531b051] {
  width: calc(50% - 0.2rem);
  height: 100%;
  line-height: 1.06667rem;
  color: var(--text_secondary);
  text-align: center;
  font-size: 0.29333rem;
  display: flex;
  align-items: center;
  gap: 0.13333rem;
  padding: 0 0.32rem;
  border-radius: 0.21333rem;
  border: 0.02667rem solid #50232a;
}
.container .link-wrapper[data-v-3531b051] {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  color: var(--text_primary);
  font-size: 0.32rem;
  margin-top: 0.42667rem;
}
.container .link-wrapper > div[data-v-3531b051] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.13333rem;
  border-radius: 0.16rem;
  padding: 0.26667rem 0;
  border: 0.01333rem solid var(--Stroke_color);
  background: var(--bg_color_L2);
}
.container .link-wrapper > div img[data-v-3531b051] {
  width: 0.96rem;
  height: 0.96rem;
}
.mask[data-v-3531b051] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000e6;
  z-index: 999998;
}
.mask-body[data-v-3531b051] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.42667rem;
}
.mask-body .title[data-v-3531b051] {
  background: linear-gradient(
    150deg,
    #ffcc58 27.97%,
    #fc973c 48.28%,
    #fff1af 69.35%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: Poppins;
  font-size: 0.66667rem;
  font-style: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mask-body .title .icon[data-v-3531b051] {
  width: 0.58667rem;
  height: 1.22667rem;
}
.mask-body .amount[data-v-3531b051] {
  height: 1.17333rem;
  line-height: 1.17333rem;
  text-align: center;
  text-shadow: 0 0.05333rem 0.05333rem rgba(0, 0, 0, 0.25);
  -webkit-text-stroke-width: 0.02rem;
  -webkit-text-stroke-color: #000;
  font-family: Poppins;
  font-size: 0.90667rem;
  font-style: normal;
  font-weight: 500;
  background: linear-gradient(
    180deg,
    #fffa7b 22.55%,
    #fffb5e 44.98%,
    #ffe770,
    #ffb06a 73.53%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.42667rem;
}
.mask-body .text[data-v-3531b051] {
  height: 0.56rem;
  color: var(--text_btn_main, #f1f7ff);
  text-align: center;
  font-family: Poppins;
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.mask-body .btn[data-v-3531b051] {
  display: flex;
  width: 4rem;
  height: 1.17333rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.66667rem;
  background: var(--main_gradient_color);
  font-size: 0.37333rem;
  color: var(--text_btn_main, #f1f7ff);
  text-align: center;
}
.mask-body .close[data-v-3531b051] {
  width: 0.42667rem;
  height: 0.42667rem;
  position: absolute;
  top: -0.42667rem;
  right: -0.42667rem;
}
.mask-body .light[data-v-3531b051] {
  width: 5.52rem;
  height: 5.52rem;
  background-image: url(/images/Light-CDrpLksm.webp);
  background-size: cover;
  animation: irregularSpin-3531b051 3s linear infinite;
  position: relative;
}
.mask-body .light .gift[data-v-3531b051] {
  width: 2.88rem;
  height: 2.88rem;
  background-image: url(/images/gift-Bx1ke0_S.webp);
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: counterSpin-3531b051 3s linear infinite;
}
@keyframes irregularSpin-3531b051 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes counterSpin-3531b051 {
  0% {
    transform: translate(-50%, -50%) rotate(0) scale(1);
  }
  25% {
    transform: translate(-50%, -50%) rotate(-90deg) scale(1.2);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg) scale(1);
  }
  75% {
    transform: translate(-50%, -50%) rotate(-270deg) scale(1.2);
  }
  to {
    transform: translate(-50%, -50%) rotate(-360deg) scale(1);
  }
}
.container[data-v-dc2f6b93] {
  margin-block-start: 0.33333rem;
  height: fit-content;
  position: relative;
  padding-bottom: 3.30667rem;
}
.container .l1[data-v-dc2f6b93] {
  color: var(--text_secondary);
  font-family: Poppins;
  font-size: 0.32rem;
  height: 0.37333rem;
  line-height: 0.37333rem;
  text-align: center;
  font-weight: 600;
  position: relative;
  margin: 0.21333rem auto 0;
}
.container .l1 .z1[data-v-dc2f6b93] {
  position: relative;
  z-index: 1;
}
.container .l1 span[data-v-dc2f6b93] {
  background: var(--main_gradient_color);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container .time[data-v-dc2f6b93] {
  background: linear-gradient(
    90deg,
    #fff0,
    #ffffff1a 20.49%,
    #fff3 50.46%,
    #ffffff1a 79.8%,
    #fff0
  );
  height: 0.53333rem;
  width: fit-content;
  min-width: 5.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.16rem auto 0;
}
.container .rank[data-v-dc2f6b93] {
  height: 5.33333rem;
  position: relative;
}
.container .rank > .item[data-v-dc2f6b93] {
  position: absolute;
  transform: translate(-50%);
  width: 2.66667rem;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.container .rank > .item .head[data-v-dc2f6b93] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: -0.26667rem;
  margin: 0 auto;
}
.container .rank > .item .head > div[data-v-dc2f6b93] {
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: 10;
  width: fit-content;
  height: fit-content;
}
.container .rank > .item .head > div[data-v-dc2f6b93]:after {
  content: "";
  position: absolute;
  display: block;
}
.container .rank > .item .head img[data-v-dc2f6b93] {
  width: 1.30667rem;
  height: 1.30667rem;
  border-radius: 50%;
  background-color: #fff;
}
.container .rank > .item > .body[data-v-dc2f6b93] {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  gap: 0.08rem;
  box-sizing: border-box;
  padding-bottom: 0.38667rem;
}
.container .rank > .item > .body > div[data-v-dc2f6b93] {
  height: 0.37333rem;
  line-height: 0.37333rem;
  font-size: 0.32rem;
}
.container .rank > .item > .body .name[data-v-dc2f6b93] {
  color: var(--text_primary, #d4e8ff);
  text-align: center;
  font-family: Poppins;
  font-size: 0.32rem;
}
.container .rank > .item > .body .reward[data-v-dc2f6b93] {
  color: var(--text_primary, #d4e8ff);
  text-align: center;
  font-family: Poppins;
  font-size: 0.42667rem;
  font-style: normal;
  font-weight: 700;
  display: flex;
  gap: 0.06667rem;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 0.64rem;
  line-height: 0.64rem;
}
.container .rank > .item > .body .rankC[data-v-dc2f6b93] {
  position: relative;
  display: inline-block;
  text-align: center;
  font-style: normal;
  font-size: 0.32rem;
  font-weight: 500;
  color: var(--norm_hint_color);
}
.container .rank > .item.r1[data-v-dc2f6b93] {
  left: 50%;
  top: 0.24rem;
  background-image: url(/images/base1-BBZlM_-F.webp);
}
.container .rank > .item.r1 .head[data-v-dc2f6b93] {
  width: 2.66667rem;
  height: 2.66667rem;
  position: relative;
}
.container .rank > .item.r1 .head > div img[data-v-dc2f6b93] {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.05333rem solid #f4bd51;
}
.container .rank > .item.r1 .head > div[data-v-dc2f6b93]:after {
  width: 0.93333rem;
  height: 0.77333rem;
  background: url(/images/icon-champion1-DMHgnztG.webp) no-repeat center/contain;
  top: -0.50667rem;
  left: 50%;
}
.container .rank > .item.r2[data-v-dc2f6b93] {
  left: 20%;
  top: 0.61333rem;
  background-image: url(/images/base2-BcEmeOHk.webp);
}
.container .rank > .item.r2 .head[data-v-dc2f6b93] {
  width: 2.21333rem;
  height: 2.42667rem;
  position: relative;
}
.container .rank > .item.r2 .head > div img[data-v-dc2f6b93] {
  border: 0.05333rem solid #a3bee1;
}
.container .rank > .item.r2 .head > div[data-v-dc2f6b93]:after {
  content: "";
  position: absolute;
  display: block;
  width: 0.73333rem;
  height: 0.61333rem;
  background: url(/images/icon-champion2-DaA4hek_.webp) no-repeat center/contain;
  top: -0.37333rem;
  left: 50%;
}
.container .rank > .item.r3[data-v-dc2f6b93] {
  right: 20%;
  top: 0.61333rem;
  transform: translate(50%);
  background-image: url(/images/base3-Bx42yyPF.webp);
}
.container .rank > .item.r3 .head[data-v-dc2f6b93] {
  width: 2.13333rem;
  height: 2.4rem;
  position: relative;
}
.container .rank > .item.r3 .head > div img[data-v-dc2f6b93] {
  border: 0.05333rem solid #ddb47e;
}
.container .rank > .item.r3 .head > div[data-v-dc2f6b93]:after {
  width: 0.73333rem;
  height: 0.61333rem;
  background: url(/images/icon-champion3-DIMWHkda.webp) no-repeat center/contain;
  top: -0.37333rem;
  left: 50%;
}
.container .chechbox[data-v-dc2f6b93] {
  width: 6.82667rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  margin: auto;
  color: var(--text_btn_main);
  text-align: center;
  border-radius: 0.66667rem;
  margin-top: 0.53333rem;
  font-size: 0.42667rem;
}
.container > .reward[data-v-dc2f6b93] {
  width: calc(100% - 0.8rem);
  height: fit-content;
  border-radius: 0.32rem;
  border: 0.02667rem solid var(--Stroke_color);
  background: var(--bg_color_L2);
  margin: 0.53333rem auto 0;
  padding: 0.32rem 0 0.34667rem;
}
.container > .reward .head[data-v-dc2f6b93] {
  line-height: 0.53333rem;
  min-height: 0.53333rem;
  width: 7.26667rem;
  margin: auto;
  color: var(--text_primary);
  text-align: center;
  font-size: 0.42667rem;
  position: relative;
}
.container > .reward .head .question[data-v-dc2f6b93] {
  width: 0.53333rem;
  height: 0.53333rem;
  position: absolute;
  top: 0;
  right: -0.53333rem;
  z-index: 1;
}
.container > .reward .c[data-v-dc2f6b93] {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  text-align: center;
  margin-top: 0.42667rem;
}
.container > .reward .c .l1[data-v-dc2f6b93] {
  color: var(--text_secondary);
  font-size: 0.42667rem;
  height: 0.64rem;
  line-height: 0.64rem;
}
.container > .reward .c .l2[data-v-dc2f6b93] {
  color: var(--norm_hint_color);
  font-size: 1.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container > .reward .c .l2 span[data-v-dc2f6b93] {
  font-family: Unbounded;
  font-size: 1.2rem;
}
.container > .reward .c .l3[data-v-dc2f6b93] {
  color: var(--text_secondary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.37333rem;
  height: 0.56rem;
  line-height: 0.56rem;
}
.container > .reward .c .l3 > span[data-v-dc2f6b93] {
  color: var(--norm_hint_color);
  font-family: Roboto;
}
.container > .reward .c .l3 > span > span[data-v-dc2f6b93] {
  font-family: Poppins;
}
.container > .reward .c .btn[data-v-dc2f6b93] {
  border-radius: 0.66667rem;
  background: var(--main_gradient_color);
  height: 1.06667rem;
  line-height: 0.53333rem;
  width: 8.56rem;
  color: var(--text_btn_main);
  text-align: center;
  font-family: Poppins;
  font-size: 0.42667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.container > .reward .c .l4[data-v-dc2f6b93] {
  color: var(--text_secondary);
  text-align: center;
  font-size: 0.37333rem;
  height: 0.56rem;
  line-height: 0.56rem;
}
.container > .reward .c .l4 span[data-v-dc2f6b93] {
  color: var(--main_color);
}
.container .cumulative[data-v-dc2f6b93] {
  height: fit-content;
  width: calc(100% - 0.8rem);
  margin: 0 auto;
  position: relative;
  margin-top: 0.56rem;
  padding: 0.32rem 0 0.42667rem;
  border: 0.02667rem solid var(--Stroke_color);
  background: var(--bg_color_L2);
  border-radius: 0.32rem;
}
.container .cumulative .head[data-v-dc2f6b93] {
  line-height: 0.53333rem;
  min-height: 0.53333rem;
  width: 7.26667rem;
  margin: auto;
  color: var(--text_primary);
  text-align: center;
  font-size: 0.42667rem;
  position: relative;
}
.container .cumulative .head .question[data-v-dc2f6b93] {
  width: 0.53333rem;
  height: 0.53333rem;
  position: absolute;
  top: 0;
  right: -0.53333rem;
  z-index: 1;
}
.container .cumulative .money[data-v-dc2f6b93] {
  width: 8.13333rem;
  height: 2.64rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
  margin: auto;
  margin-top: 0.38667rem;
}
.container .cumulative .money .list[data-v-dc2f6b93] {
  flex: none;
  width: 7.78667rem;
  height: 1.65333rem;
  display: flex;
  gap: 0.48rem;
  align-items: center;
  justify-content: center;
}
.container .cumulative .money .list > div[data-v-dc2f6b93] {
  flex: 1;
  padding-top: 1.17333rem;
  color: var(--main_color);
  text-align: center;
  font-family: Roboto;
  font-size: 0.32rem;
  line-height: 0.48rem;
  background-repeat: no-repeat;
  background-size: 1.17333rem;
  background-position: top;
}
.container .cumulative .money .list > div.m1[data-v-dc2f6b93] {
  background-image: url(/images/money1-DL_vjEse.webp);
}
.container .cumulative .money .list > div.m2[data-v-dc2f6b93] {
  background-image: url(/images/money2-CzHDVgHM.webp);
}
.container .cumulative .money .list > div.m3[data-v-dc2f6b93] {
  background-image: url(/images/money3-VnuAQkyF.webp);
}
.container .cumulative .money .list > div.m4[data-v-dc2f6b93] {
  background-image: url(/images/money4-T875JKqe.webp);
}
.container .cumulative .money .list > div.m5[data-v-dc2f6b93] {
  background-image: url(/images/money5-DzpVK2wV.webp);
}
.container .cumulative .money .ball[data-v-dc2f6b93] {
  position: relative;
  flex: none;
  display: flex;
  width: 100%;
  height: 0.24rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.66667rem;
  border: 0.01333rem solid var(--Stroke_color);
  background: var(--bg_color_L4);
}
.container .cumulative .money .ball[data-v-dc2f6b93]:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 0.66667rem;
  background: var(--progress_bar);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.container .cumulative .money .ball.p0[data-v-dc2f6b93]:after {
  width: 0%;
}
.container .cumulative .money .ball.p1[data-v-dc2f6b93]:after {
  width: 10%;
}
.container .cumulative .money .ball.p2[data-v-dc2f6b93]:after {
  width: 30%;
}
.container .cumulative .money .ball.p3[data-v-dc2f6b93]:after {
  width: 50%;
}
.container .cumulative .money .ball.p4[data-v-dc2f6b93]:after {
  width: 70%;
}
.container .cumulative .money .ball.p5[data-v-dc2f6b93]:after {
  width: 100%;
}
.container .cumulative .money .ball > div[data-v-dc2f6b93] {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
}
.container .cumulative .money .ball > div .svgIcon[data-v-dc2f6b93] {
  width: 0.29333rem;
  height: 0.32rem;
}
.container .cumulative .money .ball > div .confirm[data-v-dc2f6b93] {
  position: absolute;
  left: 50%;
  top: 0.04rem;
  transform: translate(-45%);
  width: 0.26667rem;
  height: 0.18667rem;
}
.container .cumulative .money .amount[data-v-dc2f6b93] {
  flex: none;
  width: 7.78667rem;
  height: 0.37333rem;
  color: var(--text_primary);
  text-align: center;
  font-family: Roboto;
  font-size: 0.32rem;
  display: flex;
  gap: 0.34667rem;
  align-items: center;
  justify-content: center;
}
.container .cumulative .money .amount > div[data-v-dc2f6b93] {
  flex: 1;
}
.container .cumulative .text[data-v-dc2f6b93] {
  flex: none;
  color: var(--text_secondary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.37333rem;
  margin-top: 0.21333rem;
}
.container .cumulative .text[data-v-dc2f6b93] span {
  color: var(--norm_hint_color);
}
.container .route[data-v-dc2f6b93] {
  display: flex;
  height: fit-content;
  gap: 0.13333rem;
  width: calc(100% - 0.8rem);
  margin: 0.29333rem auto 0;
}
.container .route > div[data-v-dc2f6b93] {
  flex: 1;
  height: 2rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.16rem;
  border: 0.02667rem solid var(--Stroke_color);
  background: var(--bg_color_L2);
  color: var(--text_primary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.37333rem;
  align-items: center;
  justify-content: center;
}
.container .route > div span[data-v-dc2f6b93] {
  color: var(--text_secondary);
  font-size: 0.48rem;
}
.container .route > div > div[data-v-dc2f6b93]:first-of-type {
  height: 0.56rem;
  display: flex;
  gap: 0.10667rem;
  align-items: center;
  justify-content: center;
}
.container .route > div .glod[data-v-dc2f6b93] {
  color: var(--norm_hint_color);
  font-size: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
}
.container .route > div .glod .icon[data-v-dc2f6b93] {
  width: 0.53333rem;
  height: 0.53333rem;
}
.container .layout-right[data-v-dc2f6b93],
.container .layout-left[data-v-dc2f6b93] {
  min-width: 1.73333rem;
  width: fit-content;
  height: 0.8rem;
  background: var(--main_gradient_color);
  position: absolute;
  color: var(--text_btn_main, #f1f7ff);
  top: 3.92rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.21333rem;
  font-size: 0.32rem;
}
.container .layout-left[data-v-dc2f6b93] {
  border-radius: 0 0.21333rem 0.21333rem 0;
  left: 0;
}
.container .layout-right[data-v-dc2f6b93] {
  border-radius: 0.21333rem 0 0 0.21333rem;
  right: 0;
}
.footer[data-v-dc2f6b93] {
  width: 9.33333rem;
  height: fit-content;
  position: fixed;
  bottom: 1.08rem;
  left: 50%;
  transform: translate(-50%);
  padding: 0.33333rem 0.21333rem 1.46667rem;
  z-index: 10;
  border-radius: 0.32rem;
  border: 0.02667rem solid var(--Stroke_color, #2e3847);
  background: var(--bg_color_L4, #111325);
}
.footer > div[data-v-dc2f6b93] {
  flex: none;
}
.footer > div[data-v-dc2f6b93]:first-of-type {
  line-height: 0.37333rem;
  color: var(--text_secondary);
  font-size: 0.32rem;
}
.footer > div[data-v-dc2f6b93]:first-of-type span {
  color: var(--main_color);
}
.footer > div.btn[data-v-dc2f6b93] {
  width: 6.93333rem;
  height: 0.85333rem;
  border-radius: 0.66667rem;
  background: var(--main_gradient_color);
  color: var(--text_btn_main);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.42667rem;
  margin: 0.32rem auto 0;
}
.mark[data-v-dc2f6b93] {
  width: 100vw;
  height: 100vh;
  background: #000000b3;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mark .box[data-v-dc2f6b93] {
  border-radius: 0.32rem;
  border: 0.02667rem solid var(--main_gradient_color);
  background: var(--bg_color_L4);
  width: calc(100% - 0.8rem);
  max-width: 10rem;
  height: 12rem;
  position: relative;
  height: fit-content;
  padding: 1.81333rem 0.2rem 0.2rem;
}
.mark .box[data-v-dc2f6b93]:after {
  content: "";
  width: calc(100% + 0.05333rem);
  height: calc(100% + 0.05333rem);
  border-radius: 0.32rem;
  position: absolute;
  top: -0.02667rem;
  left: -0.02667rem;
  z-index: -1;
  background: var(--main_gradient_color);
}
.mark .box .close[data-v-dc2f6b93] {
  background: url(data:image/webp;base64,UklGRsoDAABXRUJQVlA4WAoAAAAQAAAAHwAAIAAAQUxQSHUBAAABkGPbtmpFOzjjZWj0x4t44/Jx99Ay74QTvYzQ3aETkLk7lFeFGrq741zknXNvSQMigoHbto0SCbi9nPsE/oeO29bbcXZPM+0FalZr/VQZy3uqtd6hy4rS2gZ1pf4aAUA9sMELqO97BMoY/sUwuz+Udllhf2nfhGKu+IqAmLLeLQPqWeApDrZ6y2IAkFs+IBBYZg5UhAiX7bgVjLd5wvL+pa4DyPzuynC8p9xylwCR37+X/LQUtncjuCyzstRanGfaK1Pe4hcX2AtQKCONqW8GNeKkMPW3WoM8rSea9wtl5VMt9dN4aw8eH7AELd2/vn6dY+fGROvEFsfiavtbAzU5NQOb+wxJKcwIt0Ignk+pnJZzxYEI7ZrCJIk9uqxYNoZCmCTsfBkDUPgRk8+ZtPOeIlDGyKf9r8KkSIufTj4G/hvVNLU+18smRVrsnVufbFIERBU1tfplIQcwUOa3NhdFAKAoLyMcQ4CJ2HCGuvJqgWDVRAQAAFZQOCAuAgAA8AwAnQEqIAAhAD5JHItEIqGhGqQAKASEtgBdmbtfh/umAUIDxDdwBuh/9L/yvWd+gB0lP7keiBngy4P65i2WxAAz+0D4/f7jyO6gH6u9Vr9oySNEQxZy+H0pT55sgy3wh8vaq5QUK661xxnArplbAAD+2ucTd9VVD/lWt20DcAD/5ok5Rav/FD9K8ctNf/66I4LspDQNcsYoQDz3u+b8Uzdca0x42t5F+/F2YCyT01/UiKI3787W58ZuLZHjFuPkGWrDs6cH37jkvrVS99Rkf/SHGM6HOXj2sa4t85vjDySnFtHMDeoYJDzo3hbufmACL48rud75z+LReSHfb35/URfyopjel87Hon4fuUlLlYcVoLqVyrmRRQiNor9zH1OKRmnmV2y8m6B+KnufakNH79gHaTIqOlSjRk9E43AJxRt1s0H1/EtqJuZJ3WL57mKMpQd9hyBKj+H77f8IIffiatNAS/b/3MvtP/Js6MqnlZGluT71k1+XUU1PBlFBtUOaVH5bw+WmzMOg+AjPHj4xTzK7ZgDenaPj/puodzXjoI8eKKQXfSMnpYS3QUtzg1nKO3r9QNvFqdXPjsqQDlSn/DhD+kf2H8YVZUdLGsx8J+aMrd309svJ53bN+8Oez3eMX8yI8RoFdsMBXN7cg+Zcd8vL2r8hRqI9UOfluFkN+YCs0RRwUle9MMPNIzkH8oll9UpaUKuhwGgTrIL/mB//06HyBDTu6P/5GoAAAAAA)
    no-repeat center center;
  background-size: contain;
  position: absolute;
  width: 0.42667rem;
  height: 0.42667rem;
  top: -1.6rem;
  right: 0.4rem;
}
.mark .box .jackpot[data-v-dc2f6b93] {
  position: absolute;
  top: -1.6rem;
  left: 50%;
  transform: translate(-50%);
}
.mark .box .body[data-v-dc2f6b93] {
  width: 100%;
  height: 11.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  overflow: auto;
}
.mark .box .body > .item[data-v-dc2f6b93] {
  height: 1.33333rem;
  width: 100%;
  flex: none;
  display: flex;
  padding: 0 0.58667rem 0 0.26667rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.21333rem;
  border: 0.02667rem solid var(--Stroke_color);
  background: var(--bg_color_L2);
  gap: 0.26667rem;
  animation: 0.2s ease-out 0.2s 1 normal both running fly-in-left-dc2f6b93;
}
.mark .box .body > .item.r1[data-v-dc2f6b93] {
  background: var(--bg_color_L1, #202733);
}
.mark .box .body > .item.r2[data-v-dc2f6b93] {
  background: var(--bg_color_L1, #202733);
}
.mark .box .body > .item.r3[data-v-dc2f6b93] {
  background: var(--bg_color_L1, #202733);
}
.mark .box .body > .item .rank[data-v-dc2f6b93] {
  flex: none;
  width: 0.66667rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 0.96rem 0.76rem;
  background-position: center;
}
.mark .box .body > .item .rank > div[data-v-dc2f6b93] {
  color: var(--text_tertiary);
  text-align: center;
  font-size: 0.42667rem;
  font-style: italic;
  font-weight: 600;
  line-height: 0.85333rem;
}
.mark .box .body > .item .rank.first[data-v-dc2f6b93] {
  width: 0.96rem;
  background-image: url(/images/r1-typ0GTK9.webp);
}
.mark .box .body > .item .rank.second[data-v-dc2f6b93] {
  width: 0.96rem;
  background-image: url(/images/r2-B9mKO6xm.webp);
}
.mark .box .body > .item .rank.third[data-v-dc2f6b93] {
  width: 0.96rem;
  background-image: url(/images/r3-Cgz8CkG8.webp);
}
.mark .box .body > .item .user[data-v-dc2f6b93] {
  flex: none;
  width: 1.2rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mark .box .body > .item .user img[data-v-dc2f6b93] {
  width: 0.85333rem;
  height: 0.85333rem;
}
.mark .box .body > .item .user > div[data-v-dc2f6b93] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 1.13333rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.mark .box .body > .item .user > div.l1[data-v-dc2f6b93] {
  background-image: url(/images/g1-DPeC4ANe.webp);
}
.mark .box .body > .item .user > div.l2[data-v-dc2f6b93] {
  background-image: url(/images/g2-DaUit5Ud.webp);
}
.mark .box .body > .item .user > div.l3[data-v-dc2f6b93] {
  background-image: url(/images/g3-BHmmuUby.webp);
}
.mark .box .body > .item .name[data-v-dc2f6b93] {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.05333rem;
  color: var(--text_secondary);
  font-family: Poppins;
  font-size: 0.32rem;
}
.mark .box .body > .item .name > div[data-v-dc2f6b93]:first-child {
  height: 0.48rem;
  line-height: 0.48rem;
}
.mark .box .body > .item .name .y[data-v-dc2f6b93] {
  color: var(--main_color);
  font-family: Poppins;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.32rem;
  height: 0.32rem;
  display: flex;
  align-items: center;
  gap: 0.10667rem;
}
.mark .box .body > .item .amount[data-v-dc2f6b93] {
  flex: 1;
  color: var(--norm_hint_color);
  text-align: right;
  font-size: 0.32rem;
}
.jackpot[data-v-dc2f6b93] {
  width: 9.36rem;
  height: 2.90667rem;
  background-image: var(--v0163511c);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0.33333rem auto 0;
}
.jackpot .ranking-icon[data-v-dc2f6b93] {
  width: 0.66667rem;
  height: 0.66667rem;
  position: absolute;
  top: 0;
  right: 0.4rem;
  z-index: 1;
}
.jackpot .amountList[data-v-dc2f6b93] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.33333rem;
  gap: 0.21333rem;
  position: relative;
  left: -0.08rem;
}
.jackpot .amountList > div[data-v-dc2f6b93] {
  width: 0.52rem;
  padding: 0 0.02667rem;
  flex: none;
  text-align: center;
  font-family: Impact;
  font-size: 0.90667rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  background: linear-gradient(
    180deg,
    #fbcd67 16.27%,
    #e7be6c 27.59%,
    #fbf9c8 40.92%,
    #f9f2a4 52.49%,
    #c49954 62.03%,
    #d29d4d 68.28%,
    #fee777 74.86%,
    #ba8741 79.39%,
    #b6672e 84.94%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0.04rem 0.04rem rgba(19, 1, 5, 0.9));
}
@keyframes fly-in-left-dc2f6b93 {
  0% {
    transform: translate(-1.33333rem);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
.dialogTitle[data-v-dc2f6b93] {
  color: var(--text_primary);
  text-align: center;
  font-size: 0.53333rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.nav[data-v-105d3941] {
  height: 1.44rem;
  line-height: normal;
  margin-right: -0.4rem;
  margin-left: -1.06667rem;
  background: var(--bg_color_L2);
  display: flex;
  align-items: center;
  padding-inline-start: 1.46667rem;
  color: var(--text_tertiary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.34667rem;
  position: relative;
  z-index: 1;
}
.nav > div[data-v-105d3941] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 0.05333rem);
  width: 33.3333333333%;
  flex: none;
}
.nav > div span[data-v-105d3941] {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav > div.active[data-v-105d3941] {
  color: var(--text_primary);
  position: relative;
}
.nav > div.active[data-v-105d3941]:after {
  content: "";
  width: 1.30667rem;
  height: 0.02667rem;
  background: var(--main_gradient_color);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.page-title[data-v-06e30b41] {
  display: flex;
  height: 1.17333rem;
  padding: 0.22667rem 0;
  justify-content: center;
  align-items: center;
  color: var(--text_primary);
  font-size: 0.48rem;
  font-weight: 600;
  margin-bottom: 0.16rem;
  position: relative;
  background: var(--bg_color_L2);
}
.page-content[data-v-06e30b41] {
  padding: 0.32rem 0.4rem 0.4rem;
  background: var(--bg_color_L1);
}
.commission-section[data-v-06e30b41] {
  margin-bottom: 0.42667rem;
  background: var(--secondary_color2);
  border-radius: 0.21333rem;
}
.commission-section .commission-info[data-v-06e30b41] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.21333rem;
  height: 3.06667rem;
  border-radius: 0.21333rem;
  background-image: var(--v4ebacbae);
  background-size: cover;
  background-position: center;
}
.commission-section .commission-info .commission-title[data-v-06e30b41] {
  color: var(--text_primary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.42667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.58667rem;
}
.commission-section .commission-info .commission-amount[data-v-06e30b41] {
  color: var(--main_color);
  font-family: Poppins;
  font-size: 0.66667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.50667rem;
}
.subordinates-card[data-v-06e30b41] {
  background-color: var(--bg_color_L2);
  border-radius: 0.21333rem;
  overflow: hidden;
  box-shadow: 0 0.05333rem 0.37333rem #383a4c08;
  min-height: 6.24rem;
}
.subordinates-card .tab-header[data-v-06e30b41] {
  display: flex;
  gap: 0.05333rem;
}
.subordinates-card .tab-header .tab-item[data-v-06e30b41] {
  flex: 1;
  height: 1.06667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.37333rem;
  color: var(--text_btn_main);
  background: var(--secondary_color3);
}
.subordinates-card .tab-content[data-v-06e30b41] {
  padding: 0.26667rem 0.33333rem;
  display: flex;
  align-items: stretch;
}
.subordinates-card .tab-content .line[data-v-06e30b41] {
  flex: none;
  width: 0.01333rem;
  background: var(--Dividing_line_color);
}
.subordinates-card .tab-content .content-item[data-v-06e30b41] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.subordinates-card .tab-content .content-item .item[data-v-06e30b41] {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--text_primary);
  font-size: 0.37333rem;
  font-weight: 500;
}
.subordinates-card .tab-content .content-item .item .title[data-v-06e30b41] {
  font-size: 0.32rem;
  text-wrap: wrap;
  text-align: center;
  font-weight: 400;
  color: var(--text_secondary);
}
.subordinates-card .tab-content .content-item .item .green[data-v-06e30b41] {
  color: var(--norm_green_color);
}
.subordinates-card .tab-content .content-item .item .yellow[data-v-06e30b41] {
  color: var(--norm_hint_color);
}
.subordinates-card2[data-v-06e30b41] {
  min-height: 6.24rem;
  display: flex;
  flex-direction: column;
  background: var(--bg_color_L2);
  border-radius: 0.21333rem;
}
.subordinates-card2 .half[data-v-06e30b41] {
  padding: 0 0.4rem;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.37333rem;
  height: 3.12rem;
  box-sizing: border-box;
  color: var(--text_primary);
}
.subordinates-card2 .half .item[data-v-06e30b41] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--text_secondary);
}
.subordinates-card2 .half .item .text[data-v-06e30b41] {
  color: var(--text_primary);
}
.subordinates-card2 .half + .half[data-v-06e30b41] {
  padding: 0.57333rem 0.4rem 0;
  border-top: 0.01333rem solid var(--Dividing_line_color);
}
.subordinates-card2 .half + .half .item[data-v-06e30b41] {
  justify-content: start;
}
.subordinates-card2 .half .amount[data-v-06e30b41] {
  background: var(--bg_color_L3);
  border-radius: 0.66667rem;
  min-width: 3.2rem;
  display: flex;
  width: fit-content;
  height: 0.8rem;
  justify-content: center;
  align-items: center;
  padding: 0 0.26667rem;
  color: var(--main_color);
  font-size: 0.42667rem;
  font-weight: 500;
  margin-bottom: 0.16rem;
}
.my-swipe[data-v-06e30b41] {
  padding-bottom: 0.8rem;
}
.my-swipe[data-v-06e30b41] .van-swipe__indicators {
  bottom: 0.4rem;
}
.my-swipe[data-v-06e30b41] .van-swipe__indicators i {
  background-color: var(--text_tertiary);
  width: 0.13333rem;
  height: 0.13333rem;
  border-radius: 0.13333rem;
}
.my-swipe[data-v-06e30b41]
  .van-swipe__indicators
  i.van-swipe__indicator--active {
  width: 0.26667rem;
}
.invitation-btn[data-v-06e30b41] {
  height: 1.17333rem;
  font-size: 0.4rem;
  font-weight: 500;
  border-radius: 0.66667rem;
  color: var(--text_btn_main);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.42667rem;
}
.invitation-card[data-v-06e30b41] {
  background-color: var(--bg_color_L2);
  border-radius: 0.26667rem;
  overflow: hidden;
  box-shadow: var(--box_shadow_1);
  padding: 0 0.42667rem;
}
.invitation-card .invitation-item[data-v-06e30b41] {
  display: flex;
  align-items: center;
  gap: 0.21333rem;
  border-bottom: 0.01333rem solid var(--Dividing_line_color);
  font-size: 0.37333rem;
  height: 1.17333rem;
}
.invitation-card .invitation-item[data-v-06e30b41]:last-child {
  border-bottom: none;
}
.invitation-card .invitation-item .icon[data-v-06e30b41] {
  width: 0.64rem;
  height: 0.64rem;
}
.invitation-card .invitation-item .icon2[data-v-06e30b41] {
  width: 0.42667rem;
  height: 0.42667rem;
}
.invitation-card .invitation-item .item-text[data-v-06e30b41] {
  flex: 1;
  color: var(--text_primary);
}
.invitation-card .invitation-item .item-code[data-v-06e30b41] {
  color: var(--text_primary);
  font-size: 0.32rem;
}