@charset "UTF-8";
.sheet-mask[data-v-753e099d] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000080;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.sheet-panel[data-v-753e099d] {
  width: 100%;
  max-width: 10rem;
  max-height: 80vh;
  background: var(--bg_color_L2);
  border-radius: 0.21333rem 0.21333rem 0 0;
  will-change: transform;
}
.bottom-sheet-enter-active[data-v-753e099d],
.bottom-sheet-leave-active[data-v-753e099d] {
  transition: opacity 0.25s ease;
}
.bottom-sheet-enter-from[data-v-753e099d],
.bottom-sheet-leave-to[data-v-753e099d] {
  opacity: 0;
}
.bottom-sheet-enter-from .sheet-panel[data-v-753e099d] {
  transform: translateY(100%);
}
.card[data-v-1cf8903d] {
  padding: 0.32rem;
  background-color: var(--bg_color_L3);
  border: 0.02667rem solid var(--Stroke_color);
  border-radius: 0.21333rem;
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
}
.card + .card[data-v-1cf8903d] {
  margin-top: 0.32rem;
}
.title[data-v-1cf8903d] {
  font-size: 0.34667rem;
  color: var(--text_secondary);
}
.inputCode[data-v-1cf8903d] {
  width: 100%;
  height: 0.93333rem;
  background-color: var(--bg_color_L4);
  border: 0.02667rem solid var(--Stroke_color);
  border-radius: 0.21333rem;
  padding: 0 0.32rem;
  line-height: 0.93333rem;
  box-sizing: border-box;
  outline: none;
  font-size: 0.32rem;
  color: var(--text_primary);
  min-width: 0;
}
.inputCode[data-v-1cf8903d]::placeholder {
  color: var(--text_placeholder);
  font-size: 0.32rem;
}
.contact[data-v-1cf8903d] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.contact .btn[data-v-1cf8903d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  flex: 1;
  font-size: 0.34667rem;
  padding: 0.13333rem 0;
  border: 0.02667rem solid var(--Stroke_color);
  background-color: var(--bg_color_L4);
  border-radius: 0.21333rem;
  color: var(--text_secondary);
}
.contact .icon[data-v-1cf8903d] {
  width: 0.61333rem;
  height: 0.61333rem;
}
article[data-v-1cf8903d] {
  max-width: 100vw;
}
article[data-v-1cf8903d] * {
  max-width: 100%;
  height: auto;
}
.invite-withdrawal[data-v-1b0de003] {
  width: 100%;
  height: 1.38667rem;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  margin-bottom: 0.42667rem;
}
.invite-times[data-v-1b0de003] {
  margin-bottom: 0.42667rem;
  width: 100%;
  height: 1.38667rem;
  display: flex;
  align-items: center;
}
.title[data-v-1b0de003] {
  color: var(--text_primary);
  font-family: Poppins;
  font-size: 0.37333rem;
  font-weight: 700;
  line-height: 0.53333rem;
}
.title[data-v-1b0de003] span {
  color: var(--norm_hint_color);
}
.step[data-v-1b0de003] {
  width: 100%;
  height: 0.16rem;
  background: var(--bg_color_L4);
  border-radius: 0.16rem;
  overflow: hidden;
}
.step div[data-v-1b0de003] {
  height: 100%;
  background: var(--progress_bar);
  border-radius: 0.16rem 0 0 0.16rem;
  transition: width 0.3s ease;
}
.step-text[data-v-1b0de003] {
  color: var(--text_secondary);
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.45333rem;
  text-align: end;
}
.step-text span[data-v-1b0de003] {
  color: var(--norm_hint_color);
}
.left-pic[data-v-1b0de003] {
  background-image: var(--v0938a0c8);
  background-size: 1.13333rem 1.17333rem;
  background-repeat: no-repeat;
  background-position: left center;
  padding-inline-start: 1.37333rem;
}
.invite-withdrawal[data-v-020668a8] {
  width: 100%;
  height: 1.38667rem;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  margin-bottom: 0.42667rem;
}
.invite-times[data-v-020668a8] {
  width: 100%;
  height: 1.38667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.16rem;
  margin-bottom: 0.42667rem;
}
.invite-times .text[data-v-020668a8] {
  font-size: 0.37333rem;
  font-weight: 500;
  color: var(--text_primary);
}
.invite-times .text[data-v-020668a8] span {
  color: var(--norm_hint_color);
}
.title[data-v-020668a8] {
  color: var(--text_primary);
  font-family: Poppins;
  font-size: 0.37333rem;
  font-weight: 700;
  line-height: 0.53333rem;
}
.title[data-v-020668a8] span {
  color: var(--norm_hint_color);
}
.step[data-v-020668a8] {
  width: 100%;
  height: 0.16rem;
  background: var(--bg_color_L4);
  border-radius: 0.16rem;
  overflow: hidden;
}
.step div[data-v-020668a8] {
  height: 100%;
  background: var(--progress_bar);
  border-radius: 0.16rem 0 0 0.16rem;
  transition: width 0.3s ease;
}
.step-text[data-v-020668a8] {
  color: var(--text_primary);
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.45333rem;
  text-align: end;
}
.step-text span[data-v-020668a8] {
  color: var(--norm_hint_color);
}
.left-pic1[data-v-020668a8] {
  background-image: var(--bfbf41b2);
  background-size: 1.17333rem 1.17333rem;
  background-repeat: no-repeat;
  background-position: left center;
  padding-inline-start: 1.37333rem;
}
.left-pic2[data-v-020668a8] {
  background-image: var(--bfbf3a30);
  background-size: 1.17333rem 1.17333rem;
  background-repeat: no-repeat;
  background-position: left center;
  padding-inline-start: 1.37333rem;
}
.left-pic3[data-v-020668a8] {
  background-image: var(--bfbf32ae);
  background-size: 1.17333rem 1.17333rem;
  background-repeat: no-repeat;
  background-position: left center;
  padding-inline-start: 1.37333rem;
}
.left-pic4[data-v-020668a8] {
  background-image: var(--bfbf2b2c);
  background-size: 1.17333rem 1.17333rem;
  background-repeat: no-repeat;
  background-position: left center;
  padding-inline-start: 1.37333rem;
}
.btn-small[data-v-020668a8] {
  color: var(--text_btn_main);
  display: flex;
  width: 2.77333rem;
  height: 0.85333rem;
  justify-content: center;
  align-items: center;
  font-size: 0.37333rem;
  font-weight: 500;
  border-radius: 0.66667rem;
}
.rankCard ul[data-v-74334686] {
  display: flex;
  flex-direction: column;
  gap: 0.42667rem;
  margin-bottom: 0.42667rem;
}
.rankCard ul li[data-v-74334686] {
  background-color: var(--bg_color_L3);
  border: 0.02667rem solid var(--Stroke_color);
  padding: 0.21333rem 0.32rem;
  height: 1.49333rem;
  border-radius: 0.21333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text_primary);
  font-size: 0.37333rem;
  font-weight: 500;
  line-height: 0.53333rem;
}
.rankCard ul li span[data-v-74334686] {
  color: var(--norm_hint_color);
}
.rankCard ul li .bonus[data-v-74334686] {
  width: 40%;
}
.rankCard ul li .rank[data-v-74334686] {
  display: flex;
  align-items: center;
  gap: 0.24rem;
}
.rankCard ul li i[data-v-74334686] {
  width: 1.06667rem;
  height: 1.06667rem;
}
.rankCard ul li i.dayIcon[data-v-74334686] {
  background: url(/images/rank1-Cxj2a-Rt.webp) no-repeat center;
  background-size: 0.65333rem 1.06667rem;
}
.rankCard ul li i.weekIcon[data-v-74334686] {
  background: url(/images/rank2-9p8Mo5-M.webp) no-repeat center;
  background-size: 0.65333rem 1.06667rem;
}
.rankCard ul li i.monthIcon[data-v-74334686] {
  background: url(/images/rank3-B6tIRv0y.webp) no-repeat center;
  background-size: 0.65333rem 1.06667rem;
}
.agentCard .nav-list[data-v-c9dc6a52] {
  display: flex;
  gap: 0.2rem;
  margin-bottom: 0.42667rem;
}
.agentCard .nav-list li[data-v-c9dc6a52] {
  display: flex;
  width: 2.93333rem;
  height: 1.17333rem;
  padding: 0.16rem 0.26667rem;
  justify-content: center;
  align-items: center;
  gap: 0.16rem;
  border-radius: 0.66667rem;
  background: var(--bg_color_L2);
  box-shadow: 0 0.05333rem 0.05333rem #00000040, 0 0.02667rem #2e384a inset;
  color: var(--text_secondary);
  text-align: center;
  font-size: 0.37333rem;
  font-weight: 400;
  line-height: 0.48rem;
  position: relative;
}
.agentCard .nav-list li.curr[data-v-c9dc6a52] {
  color: var(--text_btn_main);
  text-shadow: 0.01333rem 0.02667rem 0.02667rem rgba(0, 0, 0, 0.3);
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.48rem;
  border-radius: 0.66667rem;
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  box-shadow: 0 -0.01333rem #ffffff40 inset, 0 0.02667rem #79ffffb3 inset,
    0 0.05333rem 0.10667rem #00000040;
}
.agentCard .nav-list li .tip[data-v-c9dc6a52] {
  height: 0.42667rem;
  line-height: 0.42667rem;
  color: #fff;
  padding: 0 0.13333rem;
  position: absolute;
  right: 0;
  top: -0.21333rem;
  border-radius: 0.66667rem;
  border: 0.01333rem solid var(--secondary_color1, #e1efff);
  background: var(
    --progress_bar,
    linear-gradient(270deg, #f8a956 0%, #d4762a 100%)
  );
}
.agentCard .nav-list li .iconLock[data-v-c9dc6a52] {
  width: 0.53333rem;
  height: 0.53333rem;
  background: url(data:image/webp;base64,UklGRmgBAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSLYAAAABgFVtb97mg2AG+5gsDGYGNYOVQSEEQiAEgiEYgiAYgi7k2pL3cx0RE4D/I8v3KzOuVB3KI4ZNJ4UBFJ0WulF0UZLXpcN6nnWgtxPVyicAUIwePqcRYshuTp9mHnj7Ms1HLd8lox6pDMrkIHPp2dVZngtZA4+5GlHnNPTH9ZxQZIcvADg2aBjKNjWuJ0ON02quHcTIX9QTwL6DtiM33WJ9rkf0uTvimqP4CefA26sSy+nDNeH/DFZQOCCMAAAAEAQAnQEqKAAoAD6dSJtKqBVSk5UkWAnEoAuyFxyLSwiAx9uXRx9LtUAA/t0P/+6Z/+8+H/+7bnNhSLyjQ6WWUYfBvPAf03KssdHp8goeIJCX/9Aa4///dnwyddU3B09VNgaXKGO1Ve/+nTYJ/vr3sbH/rAzF3nKK2WFyJMmcEpQRMb7drTfr1FX/JAA=)
    no-repeat center;
  background-size: contain;
}
.agentCard .nav-list li .iconLock.iconLock_act[data-v-c9dc6a52] {
  background: url(data:image/webp;base64,UklGRiIBAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSLYAAAABgFVtb97mg2AG+5gsDGYGNYOVQSEEQiAEgiEYgiAYgi7k2pL3cx0RE4D/I8v3KzOuVB3KI4ZNJ4UBFJ0WulF0UZLXpcN6nnWgtxPVyicAUIwePqcRYshuTp9mHnj7Ms1HLd8lox6pDMrkIHPp2dVZngtZA4+5GlHnNPTH9ZxQZIcvADg2aBjKNjWuJ0ON02quHcTIX9QTwL6DtiM33WJ9rkf0uTvimqP4CefA26sSy+nDNeH/DFZQOCBGAAAAUAMAnQEqKAAoAD6dSp9LogiJygAsBOJZwDO7BP9kI8B1RAAA/u4C//66z/+uWv/+t4Zo+Ju7//+8THyCzZOTlmZdpIAAAA==)
    no-repeat center;
  background-size: contain;
}
.agentCard .nav-segmented[data-v-c9dc6a52] {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 8.53333rem;
  height: 0.96rem;
  padding: 0.04rem;
  box-sizing: border-box;
  background: var(--bg_color_L4, #111325);
  border-radius: 0.66667rem;
  margin: 0 auto 0.42667rem;
}
.agentCard .nav-segmented__pill[data-v-c9dc6a52] {
  position: absolute;
  top: 0.04rem;
  inset-inline-start: 0.04rem;
  width: calc(50% - 0.04rem);
  height: calc(100% - 0.08rem);
  border-radius: 0.66667rem;
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  box-shadow: inset 0 -0.01333rem #ffffff40, inset 0 0.02667rem #79ffffb3,
    0 0.05333rem 0.05333rem #00000040;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.agentCard .nav-segmented__pill.is-right[data-v-c9dc6a52] {
  transform: translate(100%);
}
.agentCard .nav-segmented__item[data-v-c9dc6a52] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 1;
  color: var(--text_secondary, #86a1c0);
  font-size: 0.37333rem;
  font-weight: 500;
  line-height: 0.45333rem;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s ease;
}
.agentCard .nav-segmented__item.curr[data-v-c9dc6a52] {
  color: var(--text_btn_main, #f1f7ff);
  font-weight: 700;
  text-shadow: 0.01333rem 0.02667rem 0.02667rem rgba(0, 0, 0, 0.3);
}
.agentCard .nav-segmented__item .tip[data-v-c9dc6a52] {
  height: 0.42667rem;
  line-height: 0.42667rem;
  color: #fff;
  padding: 0 0.13333rem;
  position: absolute;
  right: 0;
  top: -0.21333rem;
  border-radius: 0.66667rem;
  border: 0.01333rem solid var(--secondary_color1, #e1efff);
  background: var(
    --progress_bar,
    linear-gradient(270deg, #f8a956 0%, #d4762a 100%)
  );
}
.rewardCont.rewardSimple[data-v-c9dc6a52] {
  border-radius: 0.21333rem;
  background: var(--bg_color_L3, #2d3747);
  padding: 0.32rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.32rem;
}
.rewardCont.rewardSimple .rewardSimple__row[data-v-c9dc6a52] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rewardCont.rewardSimple .rewardSimple__icon[data-v-c9dc6a52] {
  width: 2.13333rem;
  height: 2.13333rem;
  flex-shrink: 0;
}
.rewardCont.rewardSimple .rewardSimple__info[data-v-c9dc6a52] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.16rem;
  text-align: right;
}
.rewardCont.rewardSimple .rewardSimple__label[data-v-c9dc6a52] {
  color: var(--text_secondary, #86a1c0);
  font-size: 0.34667rem;
  font-weight: 500;
  line-height: 0.45333rem;
  margin: 0;
}
.rewardCont.rewardSimple .rewardSimple__amount[data-v-c9dc6a52] {
  color: var(--norm_hint_color, #edb04c);
  font-weight: 500;
  line-height: normal;
  margin: 0;
  white-space: nowrap;
}
.rewardCont.rewardSimple .rewardSimple__amount .symbol[data-v-c9dc6a52],
.rewardCont.rewardSimple .rewardSimple__amount .dec[data-v-c9dc6a52] {
  font-size: 0.53333rem;
}
.rewardCont.rewardSimple .rewardSimple__amount .int[data-v-c9dc6a52] {
  font-size: 0.74667rem;
}
.rewardCont.rewardSimple .rewardSimple__claim[data-v-c9dc6a52] {
  width: 100%;
  max-width: 6.66667rem;
  height: 1.17333rem;
  border-radius: 0.66667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.42667rem;
  font-weight: 600;
  line-height: 0.48rem;
  color: var(--text_btn_main);
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  background-size: cover;
}
.rewardCont.rewardSimple .rewardSimple__claim.disBtn[data-v-c9dc6a52] {
  background: var(--button_dis);
  color: var(--text_disabled);
  text-shadow: 0.01333rem 0.02667rem 0.02667rem rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.rewardCont[data-v-c9dc6a52] {
  border-radius: 0.21333rem;
  background: var(--bg_color_L3);
}
.rewardCont .rewardTitle[data-v-c9dc6a52] {
  height: 3.09333rem;
  padding-left: 0.32rem;
  display: flex;
  justify-content: start;
  align-items: center;
  border-radius: 0.21333rem 0.21333rem 0 0;
  background: var(--secondary_color2);
  color: var(--text_primary, #d4e8ff);
  text-align: center;
  font-size: 0.42667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.45333rem;
}
.rewardCont .rewardTitle .leftImg img[data-v-c9dc6a52] {
  width: 2.13333rem;
  height: 2.13333rem;
}
.rewardCont .rewardTitle .leftImg p[data-v-c9dc6a52] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text_primary);
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  gap: 0.05333rem;
  line-height: 0.32rem;
}
.rewardCont .rewardTitle .leftImg p .i[data-v-c9dc6a52] {
  width: 0.32rem;
  height: 0.32rem;
}
.rewardCont .rewardTitle .rightProcess[data-v-c9dc6a52] {
  font-style: normal;
  font-weight: 400;
  line-height: 0.42667rem;
  margin-left: 0.53333rem;
}
.rewardCont .rewardTitle .rightProcess p[data-v-c9dc6a52] {
  font-size: 0.37333rem;
  color: var(--text_primary);
  text-align: left;
  margin-bottom: 0.16rem;
}
.rewardCont .rewardTitle .rightProcess p span[data-v-c9dc6a52] {
  color: var(--norm_hint_color);
}
.rewardCont .rewardTitle .rightProcess .firstBar[data-v-c9dc6a52] {
  margin-bottom: 0.32rem;
}
.rewardCont .rewardTitle .rightProcess .processBar[data-v-c9dc6a52] {
  width: 5.8rem;
  height: 0.16rem;
  border-radius: 0.06667rem;
  background: var(--bg_color_L4);
}
.rewardCont .rewardTitle .rightProcess .processBar .line[data-v-c9dc6a52] {
  height: 100%;
  border-radius: 0.06667rem;
  background: var(
    --progress_bar,
    linear-gradient(270deg, #f8a956 0%, #d4762a 100%)
  );
}
.rewardCont .rewardTitle.tit[data-v-c9dc6a52] {
  background: var(--bg_color_L4);
}
.rewardCont .rewardItem[data-v-c9dc6a52] {
  display: flex;
  flex-direction: column;
  padding: 0.32rem 0;
}
.rewardCont .rewardItem .item1[data-v-c9dc6a52] {
  display: flex;
  padding: 0 0.32rem;
  justify-content: space-between;
  align-items: center;
  color: var(--text_secondary, #86a1c0);
  font-size: 0.34667rem;
  font-style: normal;
  font-weight: 500;
  height: 1.12rem;
  line-height: 0.45333rem;
  margin-bottom: 0.16rem;
}
.rewardCont .rewardItem .item1 span[data-v-c9dc6a52] {
  font-size: 0.53333rem;
  color: var(--norm_hint_color);
}
.rewardCont .rewardItem .timeLeft[data-v-c9dc6a52] {
  margin: 0.26667rem 0 0 0.32rem;
  display: flex;
  align-items: center;
  color: var(--norm_red_color, #db2c23);
  text-align: center;
  font-family: Poppins;
  font-size: 0.32rem;
  gap: 0.16rem;
}
.rewardCont .rewardItem .icon[data-v-c9dc6a52] {
  width: 0.32rem;
  height: 0.32rem;
}
.rewardCont.invitCont[data-v-c9dc6a52] {
  margin-top: 0.42667rem;
}
.rewardCont.invitCont .rewardTitle[data-v-c9dc6a52] {
  height: 1.09333rem;
}
.rewardCont.invitCont .rewardTitle span[data-v-c9dc6a52] {
  color: var(--norm_hint_color);
  margin-right: 0.2rem;
}
.loss-container[data-v-a33c1693] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.loss-container-box[data-v-a33c1693] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.21333rem;
}
.loss-container-box__title[data-v-a33c1693] {
  width: 100%;
  background: var(--bg_color_L4);
  padding: 0.32rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.34667rem;
  font-weight: 500;
  color: var(--text_primary, #d4e8ff);
}
.loss-container-box__container[data-v-a33c1693] {
  background: var(--bg_color_L3, #2d3747);
  padding: 0.32rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.32rem;
}
.loss-container-box__container-received[data-v-a33c1693] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.34667rem;
  color: var(--text_secondary, #86a1c0);
  width: 100%;
}
.loss-container-box__container-received .amount[data-v-a33c1693] {
  color: var(--norm_hint_color, #edb04c);
  font-size: 0.66667rem;
}
.loss-container-box__container-btn[data-v-a33c1693] {
  display: flex;
  width: 6.66667rem;
  height: 1.17333rem;
  padding: 0.13333rem;
  justify-content: center;
  align-items: center;
  gap: 0.13333rem;
  border-radius: 0.66667rem;
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  box-shadow: 0 -0.01333rem #ffffff40 inset, 0 0.02667rem #79ffffb3 inset,
    0 0.05333rem 0.10667rem #00000040;
  color: var(--text_btn_main, #f1f7ff);
  text-shadow: 0.01333rem 0.02667rem 0.02667rem rgba(0, 0, 0, 0.3);
  font-size: 0.42667rem;
  font-weight: 600;
}
.loss-container-box__container-expired[data-v-a33c1693] {
  width: 100%;
  color: var(--text_secondary, #86a1c0);
  font-size: 0.32rem;
}
.loss-container-box__container-expired .expired-time[data-v-a33c1693] {
  display: flex;
  gap: 0.13333rem;
}
.loss-container-box__container-expired
  .expired-time[data-v-a33c1693]
  .countdown-timer
  span {
  color: var(--norm_red_color, #db2c23);
}
.agentCard .nav-list[data-v-6d0ded1f] {
  display: flex;
  gap: 0.2rem;
  margin-bottom: 0.42667rem;
}
.agentCard .nav-list li[data-v-6d0ded1f] {
  display: flex;
  width: 2.93333rem;
  height: 1.17333rem;
  padding: 0.16rem 0.26667rem;
  justify-content: center;
  align-items: center;
  gap: 0.16rem;
  border-radius: 0.66667rem;
  background: var(--bg_color_L2);
  box-shadow: 0 0.05333rem 0.05333rem #00000040, 0 0.02667rem #2e384a inset;
  color: var(--text_secondary);
  text-align: center;
  font-size: 0.37333rem;
  font-weight: 400;
  line-height: 0.48rem;
  position: relative;
}
.agentCard .nav-list li.curr[data-v-6d0ded1f] {
  color: var(--text_btn_main);
  text-shadow: 0.01333rem 0.02667rem 0.02667rem rgba(0, 0, 0, 0.3);
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.48rem;
  border-radius: 0.66667rem;
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  box-shadow: 0 -0.01333rem #ffffff40 inset, 0 0.02667rem #79ffffb3 inset,
    0 0.05333rem 0.10667rem #00000040;
}
.agentCard .nav-list li .tip[data-v-6d0ded1f] {
  height: 0.42667rem;
  line-height: 0.42667rem;
  color: #fff;
  padding: 0 0.13333rem;
  position: absolute;
  right: 0;
  top: -0.21333rem;
  border-radius: 0.66667rem;
  border: 0.01333rem solid var(--secondary_color1, #e1efff);
  background: var(
    --progress_bar,
    linear-gradient(270deg, #f8a956 0%, #d4762a 100%)
  );
}
.agentCard .nav-list li .iconLock[data-v-6d0ded1f] {
  width: 0.53333rem;
  height: 0.53333rem;
  background: url(data:image/webp;base64,UklGRmgBAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSLYAAAABgFVtb97mg2AG+5gsDGYGNYOVQSEEQiAEgiEYgiAYgi7k2pL3cx0RE4D/I8v3KzOuVB3KI4ZNJ4UBFJ0WulF0UZLXpcN6nnWgtxPVyicAUIwePqcRYshuTp9mHnj7Ms1HLd8lox6pDMrkIHPp2dVZngtZA4+5GlHnNPTH9ZxQZIcvADg2aBjKNjWuJ0ON02quHcTIX9QTwL6DtiM33WJ9rkf0uTvimqP4CefA26sSy+nDNeH/DFZQOCCMAAAAEAQAnQEqKAAoAD6dSJtKqBVSk5UkWAnEoAuyFxyLSwiAx9uXRx9LtUAA/t0P/+6Z/+8+H/+7bnNhSLyjQ6WWUYfBvPAf03KssdHp8goeIJCX/9Aa4///dnwyddU3B09VNgaXKGO1Ve/+nTYJ/vr3sbH/rAzF3nKK2WFyJMmcEpQRMb7drTfr1FX/JAA=)
    no-repeat center;
  background-size: contain;
}
.agentCard .nav-list li .iconLock.iconLock_act[data-v-6d0ded1f] {
  background: url(data:image/webp;base64,UklGRiIBAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSLYAAAABgFVtb97mg2AG+5gsDGYGNYOVQSEEQiAEgiEYgiAYgi7k2pL3cx0RE4D/I8v3KzOuVB3KI4ZNJ4UBFJ0WulF0UZLXpcN6nnWgtxPVyicAUIwePqcRYshuTp9mHnj7Ms1HLd8lox6pDMrkIHPp2dVZngtZA4+5GlHnNPTH9ZxQZIcvADg2aBjKNjWuJ0ON02quHcTIX9QTwL6DtiM33WJ9rkf0uTvimqP4CefA26sSy+nDNeH/DFZQOCBGAAAAUAMAnQEqKAAoAD6dSp9LogiJygAsBOJZwDO7BP9kI8B1RAAA/u4C//66z/+uWv/+t4Zo+Ju7//+8THyCzZOTlmZdpIAAAA==)
    no-repeat center;
  background-size: contain;
}
.rewardCont[data-v-6d0ded1f] {
  border-radius: 0.21333rem;
  background: var(--bg_color_L3);
}
.rewardCont .rewardTitle[data-v-6d0ded1f] {
  height: 1.38667rem;
  padding-left: 0.32rem;
  display: flex;
  justify-content: start;
  align-items: center;
  border-radius: 0.21333rem 0.21333rem 0 0;
  background: var(--bg_color_L4);
  color: var(--text_primary, #d4e8ff);
  text-align: center;
  font-size: 0.42667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.45333rem;
}
.rewardCont .rewardTitle i[data-v-6d0ded1f] {
  margin-left: 0.4rem;
  width: 2.08rem;
  height: 0.74667rem;
  background: url(/images/agent1-CxFN_rII.webp) no-repeat center;
  background-size: contain;
}
.rewardCont .rewardTitle i.agent_1[data-v-6d0ded1f] {
  background: url(/images/agent2-DuN6nKTq.webp) no-repeat center;
  background-size: contain;
}
.rewardCont .rewardTitle i.agent_2[data-v-6d0ded1f] {
  background: url(/images/agent3-CM6eJf1t.webp) no-repeat center;
  background-size: contain;
}
.rewardCont .rewardTitle i.agent_3[data-v-6d0ded1f] {
  background: url(/images/agent4-DWB1aKWN.webp) no-repeat center;
  background-size: contain;
}
.rewardCont .rewardItem[data-v-6d0ded1f] {
  display: flex;
  flex-direction: column;
  padding: 0.32rem 0;
}
.rewardCont .rewardItem .item1[data-v-6d0ded1f] {
  display: flex;
  padding: 0 0.32rem;
  justify-content: space-between;
  align-items: center;
  color: var(--text_secondary, #86a1c0);
  font-size: 0.34667rem;
  font-style: normal;
  font-weight: 500;
  height: 1.12rem;
  line-height: 0.45333rem;
  margin-bottom: 0.16rem;
}
.rewardCont .rewardItem .item1 span[data-v-6d0ded1f] {
  font-size: 0.53333rem;
  color: var(--norm_hint_color);
}
.rewardCont .item2[data-v-6d0ded1f] {
  margin-top: 0.32rem;
  padding: 0.32rem 0;
  border-top: 0.01333rem dashed var(--Dividing_line_color);
  display: flex;
}
.rewardCont .item2.rankText[data-v-6d0ded1f] {
  display: block;
  color: var(--text_secondary);
  text-align: center;
  font-size: 0.34667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.45333rem;
}
.rewardCont .item2.rankText span[data-v-6d0ded1f] {
  color: var(--norm_hint_color);
}
.rewardCont .item2 > div[data-v-6d0ded1f] {
  width: 50%;
  color: var(--text_secondary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.34667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.45333rem;
}
.rewardCont .item2 > div[data-v-6d0ded1f]:first-child {
  border-right: 0.01333rem dashed var(--Dividing_line_color);
}
.rewardCont .item2 > div p[data-v-6d0ded1f] {
  margin-top: 0.16rem;
  font-size: 0.48rem;
  color: var(--norm_hint_color);
}
.rewardCont .item3[data-v-6d0ded1f] {
  display: flex;
  justify-content: space-between;
  padding: 0.32rem;
  align-items: center;
}
.rewardCont .item3 .invitRight[data-v-6d0ded1f] {
  color: var(--norm_hint_color);
  text-align: right;
  font-size: 0.53333rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.rewardCont .item3 .invitLeft[data-v-6d0ded1f] {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  color: var(--text_primary);
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.53333rem;
}
.rewardCont .item3 .invitLeft span[data-v-6d0ded1f] {
  color: var(--text_primary);
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.53333rem;
}
.rewardCont .item3 .invitLeft em[data-v-6d0ded1f] {
  color: var(--norm_hint_color);
  font-style: normal;
}
.rewardCont .item3 .invitLeft p[data-v-6d0ded1f] {
  text-align: right;
  font-size: 0.32rem;
  color: var(--text_primary);
}
.rewardCont .item3 .invitLeft div[data-v-6d0ded1f] {
  width: 5.44rem;
  height: 0.16rem;
  border-radius: 0.06667rem;
  background: var(--bg_color_L4);
}
.rewardCont .item3 .invitLeft div i[data-v-6d0ded1f] {
  display: block;
  height: 100%;
  border-radius: 0.06667rem;
  background: var(
    --progress_bar,
    linear-gradient(270deg, #f8a956 0%, #d4762a 100%)
  );
}
.rewardCont.invitCont[data-v-6d0ded1f] {
  margin-bottom: 0.42667rem;
}
.rewardCont.invitCont .rewardTitle[data-v-6d0ded1f] {
  height: 1.09333rem;
}
.rewardCont.invitCont .item2[data-v-6d0ded1f] {
  margin-top: 0;
  padding: 0.32rem 0;
  border-top: none;
}
.rewardCont.rankCont[data-v-6d0ded1f] {
  margin-bottom: 0.42667rem;
}
.rewardCont.rankCont .rewardTitle[data-v-6d0ded1f] {
  gap: 0.16rem;
}
.rewardCont.rankCont .rewardTitle i[data-v-6d0ded1f] {
  width: 0.64rem;
  height: 0.64rem;
  background: url(data:image/webp;base64,UklGRkwDAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSEkBAAABkJVte942HwQziCCEQcwgZZAy8Bg4DMJgHoNCEAQzmBjEDJ7nQHIV739nETEB8Z/x/Fj6b4eMTwVrVAS9H5EV/CzWp9ekjyfyGUBARVzfulIRUARFxBoV1beexXWIKPh5RPASMbv1ZC8RUawBAaxbUTh1FE8VgCIU3H8RDfen9B1B5VW2UNQ5IhUFtGUXLavtFhGRiniADVC5RTMVlVetXitFc+xOqFJtXR88KlCXvdG9sw4dk1uKKNZbihjHiFhgJ5OjcyiWFFlEy/xYxnXOguAwfNNbT5w3XbK723XMKNb3p87Rfy7YRhVFFdXnFC+9PnIRWgqKmL9OQ7z87C4qIs5x7BdaKtZrHD03QARYh8PivdhE8THED5iW0oB8iR/1Mmu+DfEDJ53jh07yx3AvTd1KndNRowIqtpejkipijTodFWnuvMY/bwBWUDgg3AEAALAMAJ0BKjAAMAA+jTqWSCmlJyk1WA1QoBGJbADKL4v6Net2p/GXOA20v6zfiB8AP2A/TP3mf6B+qvuA9ADpAPQA/Wb0x/Ye/bgjeTajzOwN+15kav/YQ1OH2LF/GqOUkN4Lcpp4EQpHYB/DwW8AAP7vyJX/9ZUBCIE3h62I2bBehMa7KGghidu8fI1wQeoc/c04yedSvP+ZaJJTf6+gbBj+5wGKD5Uh+KTyAEfazjJfBuvLUyN9AhEsa5JnL8uv7imMqcqyQRGeOc2TiDG8Ge4Br4/n2I7PP9xgM2HFA4sPH+a/QZymffA04oQv+2HOVqz/M1XA/M/zs94olMWuqNWuyzMkFS++36pqm3zh9ooZ2ZACdlDCE9c0UklYAyDkCU2trMhNPiowdQZw9r0WhSHR9Sy6G66VStcsaRFWtvVg2VTn/JiZ7oHCvTJUZqZlc2IPd5AvyYlG9URbOvFPTk7YgKwrTOBCD78LzYo/RAb+rF4zspXV7ug//oCf/9jx//YZn//YkzsZLkLHReib2vYJMYdCvv9fQQ/EcDKOo97MV7CHnPcHgU2OkV6DsP55w6texz07FEVGz7DCZoFsF2an7uh/InHtXI++883fyOfU+5fJOuvZ2XYxgAAA)
    no-repeat center;
  background-size: contain;
  margin-left: 0;
}
.rewardCont.rankCont .rewardTitle .lock[data-v-6d0ded1f] {
  padding: 0 0.21333rem;
  height: 0.56rem;
  border-radius: 0.66667rem;
  border: 0.01333rem solid var(--main_color, #4298ea);
  font-size: 0.32rem;
  color: var(--main_color);
}
.rewardCont.rankCont .text[data-v-6d0ded1f] {
  padding: 0.32rem 0;
  color: var(--text_secondary);
  text-align: center;
  font-size: 0.34667rem;
  font-weight: 500;
  line-height: 0.45333rem;
}
.rewardCont.rankCont .text span[data-v-6d0ded1f] {
  color: var(--norm_hint_color);
}
.rewardCont.rankCont .rankList[data-v-6d0ded1f] {
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
  padding: 0.32rem;
}
.rewardCont.rankCont .rankList li[data-v-6d0ded1f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text_secondary);
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 500;
  height: 1.33333rem;
  line-height: 0.48rem;
  border-radius: 0.16rem;
  border: 0.01333rem solid var(--main_color);
  padding: 0 0.26667rem;
}
.rewardCont.rankCont .rankList li .left[data-v-6d0ded1f] {
  display: flex;
  align-items: center;
  width: 5.33333rem;
  gap: 0.26667rem;
}
.rewardCont.rankCont .rankList li .left .no[data-v-6d0ded1f] {
  color: var(--text_tertiary);
  text-align: center;
  font-size: 0.42667rem;
  font-weight: 600;
  line-height: 0.85333rem;
  width: 0.66667rem;
}
.rewardCont.rankCont .rankList li .left .info[data-v-6d0ded1f] {
  display: flex;
  gap: 0.26667rem;
  align-items: center;
}
.rewardCont.rankCont .rankList li .left .info img[data-v-6d0ded1f] {
  width: 0.85333rem;
  height: 0.85333rem;
  border-radius: 50%;
  object-fit: cover;
}
.rewardCont.rankCont .rankList li .left .name[data-v-6d0ded1f] {
  font-size: 0.32rem;
  color: var(--text_primary);
}
.rewardCont.rankCont .rankList li .left .reward[data-v-6d0ded1f] {
  display: flex;
  align-items: center;
  gap: 0.10667rem;
  font-size: 0.26667rem;
  color: var(--text_secondary);
}
.rewardCont.rankCont .rankList li .left .reward svg[data-v-6d0ded1f] {
  width: 0.26667rem;
  height: 0.26667rem;
}
.rewardCont.rankCont .rankList li .right[data-v-6d0ded1f] {
  font-size: 0.37333rem;
  color: var(--norm_hint_color);
}
.nav[data-v-f63f6762] {
  display: flex;
  border-radius: 0.66667rem;
  background: var(--bg_color_L3);
  height: 0.96rem;
  width: calc(100% - 1.81333rem);
  margin: 0 auto;
}
.nav > div[data-v-f63f6762] {
  flex: none;
  width: 50%;
  height: 0.96rem;
  line-height: 0.96rem;
  color: var(--text_secondary);
  text-align: center;
  font-family: Poppins;
  font-size: 0.32rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.10667rem;
  box-sizing: border-box;
}
.nav > div.active[data-v-f63f6762] {
  border-radius: 0.66667rem;
  background: var(--main_gradient_color);
  color: var(--text_btn_main);
  font-weight: 700;
}
.task-c[data-v-f63f6762] {
  max-height: 7.06667rem;
  overflow-y: auto;
}
.task-item[data-v-f63f6762] {
  margin-top: 0.42667rem;
}
.task-item .head[data-v-f63f6762] {
  height: 1.28rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.21333rem 0.21333rem 0 0;
  background: var(--bg_color_L4);
  padding: 0 0.32rem;
}
.task-item .head .title[data-v-f63f6762] {
  color: var(--main_color);
  font-family: Roboto;
  font-size: 0.32rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}
.task-item .head .title img[data-v-f63f6762],
.task-item .head .title .icon[data-v-f63f6762] {
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.16rem;
  flex: none;
}
.task-item .head .status[data-v-f63f6762] {
  flex: none;
  width: fit-content;
  color: var(--text_btn_main);
  font-family: Roboto;
  font-size: 0.37333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.05333rem;
}
.task-item .head .status .p-2[data-v-f63f6762] {
  margin-inline-end: 0.34667rem;
}
.task-item .head .status .icon[data-v-f63f6762] {
  width: 0.42667rem;
  height: 0.42667rem;
  margin-right: 0.05333rem;
}
.task-item .head .status .icon.amount[data-v-f63f6762] {
  background-image: url(data:image/webp;base64,UklGRkwDAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSAQBAAABkFDbdt1GF4IYyAxaBi0TDQNBMARDMIMJg5hBw8Bi4DA4t19ZzwgiYgJ0+m257bYf/0tWYJoP8J+seVSan+DuVsa8NOPTax5Qn+CR86nZ4LG31DcbD3+knurQrWMCIlz/alHP/NsMjmX9ZSLuSD9W4/AqaXI8vkmqhiizS/oAR2OkCV8AsgqOx85azAUg634NZ925gEFq1/iQmi+Ib9Id4kyVVscDr9JCGLBL+mcuUCQlHAzsWZI2YgBm/axBhj39ko4QgKLfK+MweNHfG8Ns2FNHaqMAWlbv1MbtWf1pHQDYj6zTpXXx07AkjSyNPrO9a3TZAAPYbO+KnMq6HRxtrZPOAlZQOCAiAgAAkA4AnQEqKAAoAD5tMpVIJCKiISOLAIANiWwAnTLs9eec/kl7EVS/p23kGe7AZ3m3k8wH7AfqB70vSAf4D/AerB/mesA8rX9tPgv8oAmhgU7uS4oGjgTcFmS9Xy6XOEpSK0mlp+gIoff/8xZ7P23/FWxBZyBwp9CMwb5bJYAA/vwT4lOfD1h30D1Lbhw0js1K3Z2jCeliy0cbqoObMLAxvM7N3k3ywgbK782RFze6oHzuB/40/JXyafkgxUaCZPczAPzrq+25mUpiCn5AuKksOkMKP98l0085diKB+4yXlyBs20oh+Q1w+Y0EOqzZkxIyJzBuf8avpAKgLq3flb4gjoDP4RrKhc+c6Ap+oeCTYvSzfiH2E3j24tM79Oyy1vOHjo/065++mP03g4EG7fN3OSlcibFYB2J4jstOgWeumcebq2xq8MiOSCnt5/+4J/dVWydHG4Uoq+arVUiPbVPIwaAb8EQ6NrabzHttsMmj+mE4JPIpCIrtg5PaP12IfODK6dFJi/TgKFjVfzy9jXM3ZiXUOHg5/e+MKzsJ3v/ji7PpjqnVgqtlg+BqA8fRM1mH/arOvAqb8hv2SN/B+wpce/xvLyryptq3//4Nyzmupzx8xxh7GhSm7txzko3C2xo0YOaVwdP2KDmO9GR5gN4YuFMElIWoH3N3QmlkdRVCpZANEQ30tbJ6n6dwbcyQ/zf2giaqMZkwWBL+J+5nEI1mEAAA);
  background-size: cover;
}
.task-item .head .status .amount[data-v-f63f6762] {
  color: var(--norm_hint_color);
}
.task-item .head .icon[data-v-f63f6762] {
  width: 0.64rem;
  height: 0.64rem;
}
.task-item .body-1[data-v-f63f6762] {
  padding: 0.42667rem 0.32rem;
  background: var(--bg_color_L3);
  border-radius: 0 0 0.21333rem 0.21333rem;
}
.task-item .body-1 .activity-btn[data-v-f63f6762] {
  margin: 0 auto;
}
.task-item .l2 .description[data-v-f63f6762] {
  margin-bottom: 0.10667rem;
  font-family: Roboto;
  font-size: 0.32rem;
  color: var(--text_secondary);
  text-align: left;
}
.task-item .l2 .step[data-v-f63f6762] {
  width: 100%;
  height: 0.4rem;
  background: var(--secondary_color2);
  border-radius: 0.12rem;
  overflow: hidden;
  position: relative;
}
.task-item .l2 .step > div[data-v-f63f6762]:not(.progress) {
  height: 100%;
  background: var(--progress_bar);
  border-radius: 0.2rem;
  transform: rotate(180deg);
}
.task-item .l2 .step .progress[data-v-f63f6762] {
  position: absolute;
  height: 100%;
  line-height: 0.4rem;
  right: 0.21333rem;
  top: 0;
  color: var(--text_btn_main);
  font-size: 0.32rem;
}
.task-item .l2 + .l2[data-v-f63f6762] {
  margin-top: 0.08rem;
}
.washCode[data-v-f2d421ee] {
  padding: 0 0 0.32rem;
}
.content[data-v-f2d421ee] {
  padding: 0 0.66667rem 0.2rem 0.32rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.01333rem dashed var(--Dividing_line_color);
  position: relative;
}
.content-bg[data-v-f2d421ee] {
  width: 9.2rem;
  height: 2.53333rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
}
.content .left[data-v-f2d421ee] {
  padding-top: 0.58667rem;
}
.content .left p[data-v-f2d421ee] {
  color: var(--text_primary);
  text-align: center;
  font-size: 0.42667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.37333rem;
}
.content .left span[data-v-f2d421ee] {
  color: var(--norm_hint_color);
  text-align: right;
  font-size: 0.53333rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.content .right[data-v-f2d421ee] {
  width: 3.16rem;
  height: 2.33333rem;
  background: url(/images/washBox-CqESXDGg.webp) no-repeat center center;
  background-size: contain;
}
.wash-handle[data-v-f2d421ee] {
  align-items: center;
  background: var(--bg_color_L3);
  padding: 0.32rem 0;
  flex-direction: column;
  gap: 0.21333rem;
}
.wash-handle p[data-v-f2d421ee] {
  color: var(--text_secondary);
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.37333rem;
}
.wash-handle p span[data-v-f2d421ee] {
  color: var(--norm_red_color);
}
.weekCard .title[data-v-94947aa0] {
  margin: 0 auto;
  width: 7.38667rem;
  height: 0.96rem;
  border-radius: 0.66667rem;
  background: var(--bg_color_L1);
  box-shadow: 0 0.02667rem #fff3 inset, 0 -0.05333rem 0.37333rem #1b1f42b3;
  display: flex;
}
.weekCard .title > div[data-v-94947aa0] {
  border-radius: 0.66667rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: var(--text_secondary);
  text-align: center;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.45333rem;
}
.weekCard .title > div.act[data-v-94947aa0] {
  background: var(--main_gradient_color);
  color: var(--text_btn_main);
  font-weight: 700;
}
.weekCard .content[data-v-94947aa0] {
  margin-top: 0.42667rem;
  width: 100%;
  border-radius: 0.26667rem;
  background: var(--bg_color_L3, #2d3747);
  padding: 0.32rem;
}
.weekCard .content p[data-v-94947aa0] {
  font-size: 0.37333rem;
}
.weekCard .content .daily_text[data-v-94947aa0] {
  color: var(--text_primary);
  font-size: 0.42667rem;
  text-align: center;
  font-weight: 500;
  margin-bottom: 0.32rem;
}
.weekCard .content .claim-text[data-v-94947aa0] {
  color: var(--text_secondary);
  font-size: 0.32rem;
  font-weight: 500;
  margin-bottom: 0.53333rem;
  display: flex;
  gap: 0.16rem;
}
.weekCard .content .claim-text i[data-v-94947aa0] {
  width: 0.13333rem;
  height: 0.13333rem;
  margin: 0.10667rem;
  border-radius: 0.02667rem;
  transform: rotate(45deg);
  background: var(--secondary_color4);
}
.weekCard .content .text[data-v-94947aa0] {
  color: var(--text_primary);
  font-weight: 500;
  line-height: 0.53333rem;
  margin: 0.32rem 0 0.16rem;
}
.weekCard .content .amount[data-v-94947aa0] {
  text-align: center;
  color: var(--norm_hint_color);
  font-size: 0.58667rem;
  font-weight: 600;
}
.weekCard .content .date_text[data-v-94947aa0] {
  color: var(--text_primary);
  font-size: 0.37333rem;
  text-align: center;
  margin: 0.32rem 0 0.53333rem;
}
.bottomTip[data-v-94947aa0] {
  margin-top: 0.42667rem;
  font-size: 0.32rem;
  color: var(--text_secondary);
}
.jackpotMain[data-v-e78a835f] {
  padding: 0 0 0.32rem;
  max-height: 9.33333rem;
}
.jackpotMain .content[data-v-e78a835f] {
  border-radius: 0.21333rem;
  background: var(--bg_color_L3);
  margin-bottom: 0.32rem;
}
.jackpotMain .content .top[data-v-e78a835f] {
  display: flex;
  justify-content: space-between;
  font-size: 0.4rem;
  color: var(--text_primary);
  padding-right: 0.32rem;
  margin-bottom: 0.32rem;
}
.jackpotMain .content .top span[data-v-e78a835f] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.jackpotMain .content .top span.s0[data-v-e78a835f] {
  color: var(--norm_green_color);
}
.jackpotMain .content .top[data-v-e78a835f] :first-child {
  border-radius: 0.21333rem 0 0.53333rem;
  background: var(--secondary_color2);
  display: flex;
  min-width: 3.49333rem;
  height: 1.06667rem;
  padding: 0.13333rem;
  justify-content: center;
  align-items: center;
}
.jackpotMain .content .left img[data-v-e78a835f] {
  width: 2.02667rem;
  height: 2.02667rem;
}
.jackpotMain .middle[data-v-e78a835f] {
  display: flex;
  gap: 0.21333rem;
  margin-bottom: 0.32rem;
  padding: 0 0.32rem;
  font-size: 0.32rem;
  color: var(--text_primary);
}
.jackpotMain .middle span[data-v-e78a835f] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.jackpotMain .middle .right[data-v-e78a835f] {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 0.21333rem;
  font-size: 0.32rem;
  color: var(--text_primary);
}
.jackpotMain .middle .right div[data-v-e78a835f] {
  display: flex;
  align-items: center;
  height: 0.90667rem;
  padding-left: 0.26667rem;
  border-radius: 0.21333rem;
  background: var(--bg_color_L4);
}
.jackpotMain .middle .right div[data-v-e78a835f]:last-child {
  color: var(--text_secondary);
}
.jackpotMain .middle .right div:last-child .date[data-v-e78a835f] {
  margin-left: 0.8rem;
  color: var(--main_color);
}
.jackpotMain .text[data-v-e78a835f] {
  display: flex;
  justify-content: space-between;
  padding: 0 0.32rem;
  font-size: 0.32rem;
  color: var(--text_secondary);
}
.jackpotMain .text[data-v-e78a835f] :last-child {
  font-size: 0.37333rem;
  color: var(--norm_red_color);
}
.jackpotMain .text.t2[data-v-e78a835f] :last-child {
  color: var(--norm_hint_color);
}
.jackpotMain .wash-handle[data-v-e78a835f] {
  align-items: center;
  background: var(--bg_color_L3);
  padding: 0.32rem 0;
  flex-direction: column;
  gap: 0.21333rem;
}
.jackpotMain .wash-handle p[data-v-e78a835f] {
  color: var(--text_secondary);
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.37333rem;
}
.jackpotMain .wash-handle p span[data-v-e78a835f] {
  color: var(--norm_red_color);
}
.dayRecharge .title[data-v-57963365] {
  border-radius: 0.21333rem 0.21333rem 0 0;
  background: var(--bg_color_L4);
  height: 1.09333rem;
  line-height: 1.09333rem;
  color: var(--text_primary);
  font-size: 0.42667rem;
  font-style: normal;
  font-weight: 500;
  padding-left: 0.32rem;
}
.dayRecharge .content[data-v-57963365] {
  width: 100%;
  border-radius: 0.26667rem;
  border-radius: 0 0 0.21333rem 0.21333rem;
  background: var(--bg_color_L3);
  padding: 0.32rem;
}
.dayRecharge .content .topText[data-v-57963365] {
  display: flex;
  gap: 0.16rem;
  justify-content: space-between;
}
.dayRecharge .content .topText > p[data-v-57963365] {
  width: 5.33333rem;
  color: var(--text_secondary);
  font-size: 0.34667rem;
  font-weight: 500;
}
.dayRecharge .content .topText span[data-v-57963365] {
  color: var(--norm_hint_color);
}
.dayRecharge .content .text[data-v-57963365] {
  color: var(--text_primary);
  font-weight: 500;
  line-height: 0.53333rem;
  margin: 0.32rem 0 0.16rem;
}
.dayRecharge .content .amount[data-v-57963365] {
  margin-top: 0.13333rem;
  text-align: center;
  color: var(--norm_hint_color);
  font-size: 0.58667rem;
  font-weight: 500;
}
.dayRecharge .content .date_text[data-v-57963365] {
  display: flex;
  align-items: center;
  color: var(--text_secondary);
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 0.32rem;
}
.dayRecharge .content .date_text .icon[data-v-57963365] {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.16rem;
}
.dayRecharge .content .date_text span[data-v-57963365] {
  color: var(--norm_red_color);
}
.dayRecharge .processBar[data-v-57963365] {
  width: 100%;
  height: 0.16rem;
  border-radius: 0.06667rem;
  background: var(--bg_color_L4);
}
.dayRecharge .processBar .line[data-v-57963365] {
  height: 100%;
  border-radius: 0.06667rem;
  background: var(--progress_bar);
}
.dayRecharge .processText[data-v-57963365] {
  margin-top: 0.16rem;
  text-align: right;
  color: var(--text_primary);
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 0.37333rem;
}
.dayRecharge .processText span[data-v-57963365] {
  color: var(--norm_hint_color);
}
.bottomTip[data-v-57963365] {
  margin-top: 0.42667rem;
  font-size: 0.32rem;
  color: var(--text_secondary);
}
.activity-handle[data-v-57963365] {
  margin: 0.32rem 0;
}
.pushMessage[data-v-be72b941] {
  padding: 0.58667rem 0 0.8rem;
}
.pushMessage .pushContent[data-v-be72b941] {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 9.38667rem;
  min-height: 4rem;
  margin-bottom: 0.53333rem;
  overflow: auto;
}
.pushMessage .pushContent .link-image[data-v-be72b941] {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.pushMessage .pushContent .link-image[lazy="loading"][data-v-be72b941],
.pushMessage .pushContent .link-image[lazy="loaded"][data-v-be72b941] {
  background: #0000004d;
}
.category_tabs[data-v-d150af01] {
  display: flex;
  align-items: center;
  gap: 0.21333rem;
  padding: 0.42667rem 0 0;
  width: calc(100% - 0.85333rem);
  margin: auto;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.category_tabs[data-v-d150af01]::-webkit-scrollbar {
  display: none;
}
.category_tabs__pill[data-v-d150af01] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.10667rem;
  height: 1.17333rem;
  padding: 0 0.32rem 0 0.21333rem;
  border-radius: 0.66667rem;
  background: var(--secondary_color2, #304059);
  color: var(--text_secondary);
  flex-shrink: 0;
  transition: background 0.2s ease, color 0.2s ease;
  cursor: pointer;
}
.category_tabs__pill--active[data-v-d150af01] {
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  color: var(--text_btn_main, #f1f7ff);
  filter: drop-shadow(0 0.05333rem 0.02667rem rgba(0, 0, 0, 0.25));
}
.category_tabs__dot[data-v-d150af01] {
  position: absolute;
  top: 0.05333rem;
  right: 0.16rem;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  background: var(--norm_red-color, #fc2b53);
  pointer-events: none;
}
.category_tabs__icon[data-v-d150af01] {
  width: 0.58667rem;
  height: 0.58667rem;
  object-fit: contain;
  pointer-events: none;
}
.category_tabs__label[data-v-d150af01] {
  font-weight: 600;
  font-size: 0.37333rem;
  line-height: 1;
  white-space: nowrap;
}
.activity[data-v-80fcb68a] {
  padding-bottom: 2rem;
}
.activity .activity-name[data-v-80fcb68a] {
  line-height: 1.44rem;
  text-align: center;
  pointer-events: none;
  font-size: 0.42667rem;
  background: var(--text_primary);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: initial;
}
.activity .activeList[data-v-80fcb68a] {
  width: 100%;
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 0.42667rem;
  padding: 0.42667rem 0.42667rem 1.6rem;
}
.activity .activeList .activeItem[data-v-80fcb68a] {
  display: block;
  border-radius: 0.21333rem;
  height: 3.73333rem;
  will-change: transform, opacity;
  position: relative;
}
.activity .activeList .activeItem .new-icon[data-v-80fcb68a] {
  position: absolute;
  top: 0.21333rem;
  left: 0.21333rem;
  z-index: 2;
  width: 1.01333rem;
  height: auto;
}
.activity .activeList .activeItem .link-image[data-v-80fcb68a] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.21333rem;
  object-fit: cover;
}
.activity .activeList .activeItem .link-image[lazy="loading"][data-v-80fcb68a],
.activity .activeList .activeItem .link-image[lazy="loaded"][data-v-80fcb68a] {
  background: #0000004d;
}
.activity .activeList .activeItem .tip[data-v-80fcb68a] {
  position: absolute;
  top: 0.21333rem;
  right: 0.21333rem;
  width: 3.06667rem;
  height: fit-content;
  border-radius: 0.12rem;
  box-shadow: 0 0.05333rem 0.10667rem #00000080;
  padding: 0.18667rem 0.13333rem;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
.activity .activeList .activeItem .tip.style-0[data-v-80fcb68a] {
  background-color: #fff;
}
.activity .activeList .activeItem .tip.style-1[data-v-80fcb68a] {
  padding: 0.34667rem 0.13333rem 0.18667rem;
  background-color: transparent;
  box-shadow: none;
}
.activity .activeList .activeItem .tip.style-1 .tip-bg[data-v-80fcb68a] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(0 0.05333rem 0.10667rem rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 0;
}
.activity .activeList .activeItem .tip.style-1 .tip-bg[data-v-80fcb68a] svg {
  width: 100%;
  height: 100%;
  display: block;
}
.activity
  .activeList
  .activeItem
  .tip.style-1[data-v-80fcb68a]
  > *:not(.tip-bg) {
  position: relative;
  z-index: 1;
}
.activity .activeList .activeItem .tip.style-amount[data-v-80fcb68a] {
  padding: 0.13333rem 0.13333rem 0;
  min-height: 1.06667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity .activeList .activeItem .tip .step[data-v-80fcb68a] {
  width: 2.66667rem;
  height: 0.16rem;
  background: var(--secondary_color5);
  border-radius: 0.10667rem;
  overflow: hidden;
  margin-bottom: 0.10667rem;
}
.activity .activeList .activeItem .tip .step div[data-v-80fcb68a] {
  height: 100%;
  background: var(--main_gradient_color);
  border-radius: 0.10667rem 0 0 0.10667rem;
  transition: width 0.3s ease;
}
.activity .activeList .activeItem .tip .amount[data-v-80fcb68a] {
  line-height: 1;
  padding: 0.16rem 0;
  font-size: 0.32rem;
  color: var(--main_color);
  text-align: center;
  width: 100%;
}
.activity .activeList .activeItem .tip .amount span[data-v-80fcb68a] {
  color: var(--norm_hint_color);
}
.activity .activeList .activeItem .tip .gift-code[data-v-80fcb68a] {
  border-radius: 0.10667rem;
  background: var(--secondary_color5);
  padding: 0.05333rem 0.13333rem;
  font-size: 0.32rem;
  color: var(--text_primary);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.activity .activeList .activeItem .tips[data-v-80fcb68a] {
  width: 0.26667rem;
  height: 0.26667rem;
  position: absolute;
  top: -0.06667rem;
  right: -0.06667rem;
  border-radius: 0.33333rem;
  border: 0.01333rem solid var(--text_btn_main);
  background: var(--norm_red_color);
}
.activity .list-enter-active[data-v-80fcb68a] {
  transition: all 0.5s ease-out;
}
.activity .list-leave-active[data-v-80fcb68a] {
  transition: all 0.3s ease-in;
}
.activity .list-enter-from[data-v-80fcb68a],
.activity .list-leave-to[data-v-80fcb68a] {
  transform: translate(-100%);
  opacity: 0;
}
.activity.pd-4[data-v-80fcb68a] {
  padding-bottom: 2.66667rem;
}
.bottom-head[data-v-80fcb68a] {
  font-size: 0.42667rem;
  font-weight: 500;
  color: var(--text_primary);
  text-align: center;
  height: 1.17333rem;
  line-height: 1.17333rem;
  position: relative;
}
.bottom-head > div[data-v-80fcb68a] {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.32rem;
  color: var(--text_btn_main);
  background-color: var(--main_color);
  border-radius: 0.66667rem;
  padding: 0.05333rem 0.16rem;
  height: 0.58667rem;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom-head .close[data-v-80fcb68a] {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 0.64rem;
  height: 0.64rem;
}
.bottom-line[data-v-80fcb68a] {
  height: 0.01333rem;
  background: linear-gradient(90deg, #fff0, #ffffff80 50.17%, #fff0);
}
.bottom-body[data-v-80fcb68a] {
  padding: 0.53333rem 0.4rem;
  overflow-y: auto;
  max-height: calc(80vh - 1.6rem);
}