* {
  margin: 0;
  padding: 0;
  line-height: 1;
}

html {
  font-size: 13.3333vw;
  --default-color: #dbdbdb;
  --primary-color: #1296db;
}

body {
  min-height: 100vh;
  transition: color 0.5s, background-color 0.5s;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  font-size: 0.15rem;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.router-view[data-v-0bc9c49d] {
  padding: 0.2rem;
  box-sizing: border-box;
  padding-bottom: 1.8rem;
}
footer[data-v-0bc9c49d] {
  position: fixed;
  bottom: 0.3rem;
  left: 0;
  width: 100%;
}
footer .footer-inner[data-v-0bc9c49d] {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  width: 4rem;
  gap: 0.2rem;
  display: flex;
  justify-content: space-between;
  padding: 0.1rem 0.5rem;
}
footer .footer-inner a[data-v-0bc9c49d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--default-color);
}
footer .footer-inner a i[data-v-0bc9c49d] {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
footer .footer-inner a span[data-v-0bc9c49d] {
  color: inherit;
}
footer .footer-inner a.btn-home .icon[data-v-0bc9c49d] {
  background-image: url('/assets/home-155a890b.svg');
}
footer .footer-inner a.btn-add .icon[data-v-0bc9c49d] {
  background-image: url('/assets/add-d054fbe8.svg');
}
footer .footer-inner a.btn-me .icon[data-v-0bc9c49d] {
  background-image: url('/assets/user-2a8f14a9.svg');
}
footer .footer-inner a.router-link-active[data-v-0bc9c49d] {
  color: var(--primary-color);
}
footer .footer-inner a.router-link-active.btn-home .icon[data-v-0bc9c49d] {
  background-image: url('/assets/home-active-ab120574.svg');
}
footer .footer-inner a.router-link-active.btn-add .icon[data-v-0bc9c49d] {
  background-image: url('/assets/add-active-5c860424.svg');
}
footer .footer-inner a.router-link-active.btn-me .icon[data-v-0bc9c49d] {
  background-image: url('/assets/user-active-45fcb596.svg');
}
.nav-tabs[data-v-4c77255b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0.2rem;
  z-index: 100;
  transition: box-shadow 0.5s ease;
}
.nav-tabs.dropdown-shadow[data-v-4c77255b] {
  box-shadow: 0px 0px 10px #212121;
}
.nav-tabs .inner[data-v-4c77255b] {
  display: flex;
  gap: 0.3rem;
}
.nav-tabs .inner .tab[data-v-4c77255b] {
  font-size: 0.3rem;
  font-weight: 500;
  color: var(--default-color);
}
.nav-tabs .inner .tab.actived[data-v-4c77255b] {
  color: var(--primary-color);
  font-weight: 700;
}
.nav-tabs .indicator[data-v-4c77255b] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 2px;
  background-color: var(--primary-color);
  transition: all 0.2s ease;
}
.wrap[data-v-4c77255b] {
  padding-top: 0.4rem;
}
.rewards .filters[data-v-4c77255b] {
  overflow: hidden;
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
}
.rewards .filters .filter-item[data-v-4c77255b] {
  display: flex;
  align-items: center;
}
.rewards .filters .filter-item[data-v-4c77255b] {
  padding: 0.1rem 0;
}
.rewards .filters .filter-item .icon[data-v-4c77255b] {
  width: 0.3rem;
  height: 0.3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.rewards .filters .filter-item span[data-v-4c77255b] {
  height: 0.3rem;
  font-size: 0.2rem;
  color: var(--default-color);
}
.rewards .filters .cate-filter .icon.filter[data-v-4c77255b] {
  background-image: url('/assets/filter-477b798f.svg');
}
.rewards .filters .cate-filter .icon.arrow-triangle[data-v-4c77255b] {
  background-image: url('/assets/arrow-triangle-3b6b4452.svg');
}
.rewards .filters .price-filter .icon.sort[data-v-4c77255b] {
  background-image: url('/assets/sort-amount-up-solid-440c19fd.svg');
}
.rewards .cards[data-v-4c77255b] {
  margin-top: 0.2rem;
}
.rewards .cards .card[data-v-4c77255b] {
  display: flex;
}
.rewards .cards .card[data-v-4c77255b]:nth-child(n+2) {
  margin-top: 0.3rem;
}
.rewards .cards .card .avatar[data-v-4c77255b] {
  flex: 0 0 auto;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--primary-color);
  overflow: hidden;
}
.rewards .cards .card .avatar img[data-v-4c77255b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rewards .cards .card .content[data-v-4c77255b] {
  flex: 1 1 auto;
  position: relative;
  margin-left: 0.2rem;
}
.rewards .cards .card .content .name-wrap[data-v-4c77255b] {
  display: flex;
  align-items: center;
}
.rewards .cards .card .content .name-wrap .name[data-v-4c77255b] {
  font-size: 0.3rem;
  font-weight: 500;
  line-height: 1.6;
}
.rewards .cards .card .content .name-wrap .icons[data-v-4c77255b] {
  margin-left: 0.1rem;
}
.rewards .cards .card .content .name-wrap .icons .ident-icon[data-v-4c77255b] {
  width: 0.3rem;
  height: 0.3rem;
  background-image: url('/assets/ident-a9b11650.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.rewards .cards .card .content .date[data-v-4c77255b] {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
}
.rewards .cards .card .content .text[data-v-4c77255b] {
  font-size: 0.28rem;
  line-height: 1.4;
}
.rewards .cards .card .content .reward-card[data-v-4c77255b] {
  display: flex;
  background-color: #212121;
  box-sizing: border-box;
  padding: 0.3rem 0.2rem;
  color: #fff;
  margin-top: 0.1rem;
}
.rewards .cards .card .content .reward-card .left[data-v-4c77255b] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.2rem;
  width: 2.4rem;
  border-right: 1px solid #eee;
}
.rewards .cards .card .content .reward-card .left .coin-value[data-v-4c77255b] {
  font-size: 0.5rem;
}
.rewards .cards .card .content .reward-card .left .price-value[data-v-4c77255b] {
  display: flex;
  align-items: center;
}
.rewards .cards .card .content .reward-card .right[data-v-4c77255b] {
  box-sizing: border-box;
  padding-left: 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rewards .cards .card .content .reward-card .right p[data-v-4c77255b] {
  line-height: 1.4;
}
.rewards .cards .card .content .progress-bar[data-v-4c77255b] {
  display: flex;
  align-items: center;
  margin-top: 0.1rem;
}
.rewards .cards .card .content .progress-bar .progress[data-v-4c77255b] {
  position: relative;
  flex: 1 1 auto;
  height: 0.18rem;
  background-color: var(--default-color);
  border-radius: 0.1rem;
  overflow: hidden;
}
.rewards .cards .card .content .progress-bar .progress[data-v-4c77255b]:before {
  content: ' ';
  position: absolute;
  width: 80%;
  height: 100%;
  background-color: #212121;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.rewards .cards .card .content .progress-bar .precent[data-v-4c77255b] {
  flex: 0 0 auto;
  margin-left: 0.1rem;
}
.rewards .cards .card .content .card-footer[data-v-4c77255b] {
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
}
.rewards .cards .card .content .card-footer .avatar-group[data-v-4c77255b] {
  width: 4rem;
  display: flex;
  align-items: center;
}
.rewards .cards .card .content .card-footer .avatar-group .list[data-v-4c77255b] {
  display: flex;
}
.rewards .cards .card .content .card-footer .avatar-group .list .avatar-item[data-v-4c77255b] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.rewards .cards .card .content .card-footer .avatar-group .list .avatar-item[data-v-4c77255b]:nth-child(n+2) {
  margin-left: -0.2rem;
}
.rewards .cards .card .content .card-footer .avatar-group .list .avatar-item img[data-v-4c77255b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rewards .cards .card .content .card-footer .avatar-group .number[data-v-4c77255b] {
  font-size: 0.2rem;
  margin-left: 0.2rem;
}
.rewards .cards .card .content .card-footer .btn-join[data-v-4c77255b] {
  margin-left: auto;
  border: 1px solid #efefef;
  width: 1.3rem;
  height: 0.5rem;
  display: flex;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  border-radius: 0.1rem;
}