#app {
  max-width: 480px;
  margin: 0 auto;
  background-color: #fff;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.announcement-detail[data-v-0e50cac7] {
  position: relative;
}
.content[data-v-0e50cac7] {
  padding: 1.5rem;
  font-size: 1.5rem;
  padding-bottom: 36rem;
  word-break: break-all;
}
.content[data-v-0e50cac7] p {
    margin: 0;
}
.content[data-v-0e50cac7] img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100%;
}
.feedback[data-v-0e50cac7] {
  position: absolute;
  bottom: 12rem;
  left: 0rem;
  right: 0rem;
}
.feedback > .btn-group[data-v-0e50cac7] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem;
}
.feedback > .btn-group > .btn[data-v-0e50cac7] {
      height: 4rem;
      line-height: 4rem;
      text-align: center;
      width: 11.25rem;
      border-radius: 3rem;
      background-color: #fafafa;
      font-size: 1.4rem;
      margin-right: 2.5rem;
}
.feedback > .btn-group > .btn.active[data-v-0e50cac7] {
        background-color: #ffd415;
}
.feedback > .btn-group > .btn[data-v-0e50cac7]:last-child {
        margin-right: 0;
}
.feedback > .concat[data-v-0e50cac7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.5rem;
    border-radius: 1rem;
    background-color: #fafafa;
    font-size: 1.3rem;
    color: #7d7d7d;
    margin: 0 1.5rem;
    padding: 0 1.5rem;
}
.feedback > .concat > img[data-v-0e50cac7] {
      height: 1.1rem;
      width: 1.1rem;
}

.btn-wrapper[data-v-63ece286] {
  position: fixed;
  z-index: 999;
  left: 0;
  bottom: 0;
  height: 9rem;
  width: 100%;
  background-color: #fff;
  padding: 0 2.5rem;
  padding-top: 1rem;
  box-shadow: 0px -1px 20px 0px rgba(0, 0, 0, 0.05);
}
.btn-wrapper > .open_app_btn[data-v-63ece286] {
    display: inline-block;
    background-color: #ffd415;
    width: 100%;
    text-align: center;
    padding: 1.4rem 0;
    font-size: 1.7rem;
    font-weight: bold;
    border-radius: 3.03rem;
}
.btn-wrapper > .open_app_btn[data-v-63ece286]:active {
      background-color: rgba(255, 212, 21, 0.5);
}

.group-container[data-v-255daef6] {
  padding: 0 1.5rem;
  padding-bottom: 10rem;
}
.group-container .header-img[data-v-255daef6] {
    position: absolute;
    top: 0;
    left: 0;
    height: 27.5rem;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.group-container .header-filter-mask[data-v-255daef6] {
    position: absolute;
    height: 27.5rem;
    left: 0;
    width: 100%;
    filter: blur(10px);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(10px);
}
.group-container > .header[data-v-255daef6] {
    padding-top: 4.8rem;
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 3.4rem;
    border-bottom: 1px solid rgba(232, 231, 231, 0.5);
}
.group-container > .header > .logo[data-v-255daef6] {
      height: 2.8rem;
      width: 8.1rem;
      margin-bottom: 2.9rem;
}
.group-container > .header > .user-avatar[data-v-255daef6] {
      height: 5.5rem;
      width: 5.5rem;
      border-radius: 50%;
      margin-bottom: 1.5rem;
}
.group-container > .header > .user-nickname[data-v-255daef6] {
      font-size: 1.5rem;
      color: #fff;
}
.group-container > .header > .group-avatar[data-v-255daef6] {
      height: 11rem;
      width: 11rem;
      border-radius: 50%;
      margin-top: 3rem;
      margin-bottom: 1.5rem;
      -o-object-fit: cover;
         object-fit: cover;
}
.group-container > .header > .text[data-v-255daef6] {
      font-size: 1.4rem;
      margin-bottom: 1.2rem;
}
.group-container > .header > .group-name[data-v-255daef6] {
      position: relative;
      font-size: 1.8rem;
      font-weight: bold;
}
.group-container > .header > .group-name[data-v-255daef6]::after {
        position: absolute;
        content: '';
        background-color: #ffeb6f;
        height: 0.4rem;
        width: 100%;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
}
.group-container > .section[data-v-255daef6] {
    margin-top: 2.5rem;
    border-bottom: 1px solid rgba(232, 231, 231, 0.5);
}
.group-container > .section[data-v-255daef6]:last-child {
      border-bottom: none;
}
.group-container > .section > .title[data-v-255daef6] {
      font-size: 1.7rem;
      font-weight: bold;
}
.group-container > .section > .content[data-v-255daef6] {
      font-size: 1.4rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
      color: #7d7d7d;
}
.group-container > .section > .content p[data-v-255daef6] {
        margin: 0;
}
.group-container > .section > .body[data-v-255daef6] {
      display: flex;
      align-items: center;
}
.group-container > .section > .body .creator-nickname[data-v-255daef6] {
        color: #000;
}
.group-container > .section > .body > .creator-avatar[data-v-255daef6] {
        height: 5rem;
        width: 5rem;
        border-radius: 50%;
        margin-right: 1.5rem;
}
.group-container .btn-wrapper[data-v-255daef6] {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 9rem;
    width: 100%;
    background-color: #fff;
    padding: 0 2.5rem;
    padding-top: 1rem;
    box-shadow: 0px -1px 20px 0px rgba(0, 0, 0, 0.05);
}
.group-container .btn-wrapper > .open_app_btn[data-v-255daef6] {
      display: inline-block;
      background-color: #ffd415;
      width: 100%;
      text-align: center;
      padding: 1.4rem 0;
      font-size: 1.7rem;
      font-weight: bold;
      border-radius: 3.03rem;
}
.group-container .btn-wrapper > .open_app_btn[data-v-255daef6]:active {
        background-color: rgba(255, 212, 21, 0.5);
}

.open-app-btn[data-v-1ad23bb6] {
  position: fixed;
  z-index: 99;
  right: 1rem;
  bottom: 0.5rem;
  height: 4rem;
  line-height: 4rem;
  width: 11.5rem;
  text-align: center;
  background-color: #ffd300;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 40px 6px 40px 40px;
  overflow: hidden;
}

@-webkit-keyframes scrollTo-data-v-be422000 {
to {
    transform: translateX(calc(-100vw - 150px));
}
}
@keyframes scrollTo-data-v-be422000 {
to {
    transform: translateX(calc(-100vw - 150px));
}
}
.bullet-screen-item[data-v-be422000] {
  display: inline-block;
  width: 150px;
  transform: translateX(100%);
  -webkit-animation: scrollTo-data-v-be422000 linear 3s forwards;
          animation: scrollTo-data-v-be422000 linear 3s forwards;
}

@charset "UTF-8";
.voice-container[data-v-08f881b8] {
  position: relative;
  padding-top: 3rem;
  min-height: 100vh;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/voice/油画色彩@3x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: 2.5rem;
}
.voice-container > .player-filed[data-v-08f881b8] {
    position: relative;
    z-index: 99;
    height: calc(0.38 * 100vh);
    width: 34.5rem;
    margin: 0 auto;
    border-radius: 1rem;
    background-color: rgba(255, 255, 255, 0.2);
}
.voice-container > .player-filed[data-v-08f881b8]::before, .voice-container > .player-filed[data-v-08f881b8]::after {
      position: absolute;
      height: 1.8rem;
      width: 1.8rem;
      content: '';
      background-size: 100% 100%;
      background-repeat: no-repeat;
}
.voice-container > .player-filed[data-v-08f881b8]::before {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/voice/left@3x.png");
      top: 2.5rem;
      left: 1.5rem;
}
.voice-container > .player-filed[data-v-08f881b8]::after {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/voice/right@3x.png");
      right: 1.5rem;
      bottom: 2.5rem;
}
.voice-container > .player-filed > .material-text-list[data-v-08f881b8] {
      font-size: 1.8rem;
      color: #fff;
}
.voice-container > .player-filed > .material-text-list .swiper-slide[data-v-08f881b8] {
        padding: 0 2.85rem;
        margin: 0;
        display: flex;
        align-items: center;
}
.voice-container > .player-filed > .player-btn[data-v-08f881b8] {
      position: absolute;
      z-index: 999;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 6rem;
      width: 6rem;
}
.voice-container > .dan-mu[data-v-08f881b8] {
    padding-top: 2rem;
    overflow: hidden;
    height: calc(0.3 * 100vh);
    font-size: 1.3rem;
    color: #fff;
}
.voice-container > .dan-mu > .row[data-v-08f881b8] {
      position: relative;
      margin-bottom: 2rem;
      word-break: keep-all;
      padding-left: 100vw;
}
.voice-container > .dan-mu > .row > span[data-v-08f881b8] {
        margin-right: 2.5rem;
}
.voice-container > .info[data-v-08f881b8] {
    position: absolute;
    bottom: 5.3rem;
    color: #fff;
    width: 27rem;
    padding-left: 1.5rem;
}
.voice-container > .info p[data-v-08f881b8] {
      margin: 0;
}
.voice-container > .info > .nickname[data-v-08f881b8] {
      font-size: 1.7rem;
      margin-bottom: 1rem;
}
.voice-container > .info > .desc[data-v-08f881b8] {
      font-size: 1.5rem;
      color: rgba(255, 255, 255, 0.5);
      margin-bottom: 2rem;
}
.voice-container > .info > .title[data-v-08f881b8] {
      font-size: 1.3rem;
      display: flex;
}
.voice-container > .info > .title > img[data-v-08f881b8] {
        height: 1.3rem;
        width: 1.3rem;
        margin-right: 0.5rem;
}
.voice-container > .right-control[data-v-08f881b8] {
    position: absolute;
    z-index: 99;
    right: 1.5rem;
    bottom: 9rem;
}
.voice-container > .right-control > .box[data-v-08f881b8] {
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #fff;
      margin-bottom: 1.5rem;
      font-size: 1.3rem;
}
.voice-container > .right-control > .box > img[data-v-08f881b8] {
        height: 2.9rem;
        width: 2.9rem;
        margin-bottom: 0.5rem;
}
.voice-container > .progress-bar-wrapper[data-v-08f881b8] {
    padding: 1.5rem 0;
    position: absolute;
    bottom: 1rem;
    width: 100%;
}
.voice-container > .progress-bar-wrapper > .progress-bar[data-v-08f881b8] {
      height: 0.2rem;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.1);
}
.voice-container > .progress-bar-wrapper > .progress-bar > .progress[data-v-08f881b8] {
        height: 100%;
        width: 30%;
        background-color: #fff;
}

.article-share-detail-container[data-v-72e750b8] {
  position: relative;
}
.article-share-detail-container > .tab[data-v-72e750b8] {
    font-size: 1.5rem;
    position: absolute;
    color: rgba(26, 26, 26, 0.5);
    display: flex;
    align-items: center;
    padding-left: 1.5rem;
    padding-top: 1rem;
}
.article-share-detail-container > .tab > a[data-v-72e750b8] {
      margin-right: 2rem;
}
.article-share-detail-container > .tab > a.router-link-exact-active[data-v-72e750b8] {
        color: #1a1a1a;
        font-size: 1.7rem;
        font-weight: bold;
}
.article-share-detail-container[data-v-72e750b8] .container {
    padding-top: 5.1rem;
}

.popup-title[data-v-fabbd792] {
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
}
.popup-title > span[data-v-fabbd792]:nth-child(2) {
    font-weight: bold;
}
.popup-title > span[data-v-fabbd792]:last-child {
    color: #C0BDBD;
}
.popup-title > span:last-child.active[data-v-fabbd792] {
      color: #000;
}
input[data-v-fabbd792] {
  font-size: 1.6rem;
  margin-top: 4.3rem;
  width: 100%;
}

img[data-v-70c50597] {
  -o-object-fit: cover;
     object-fit: cover;
}

.header[data-v-10d19ff8] {
  display: flex;
  justify-content: center;
  padding: 1.2rem;
}
.header > .close-btn[data-v-10d19ff8] {
    display: flex;
    height: 2rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    background-color: #f3f3f3;
    border-radius: 1.08rem;
}
.header > .close-btn > img[data-v-10d19ff8] {
      height: 1rem;
      width: 1rem;
}
.section-title[data-v-10d19ff8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: bold;
}
.section-title > .add-btn[data-v-10d19ff8] {
    font-size: 1.4rem;
    border-radius: 1.3rem;
    border: 1px solid #e8e7e7;
    padding: 0.3rem 1rem;
}
.section-title > .add-btn > img[data-v-10d19ff8] {
      height: 1rem;
      width: 1rem;
}
.list[data-v-10d19ff8] {
  padding: 2rem 0;
  height: calc(70vh - 7.2rem);
  overflow: scroll;
}
.list[data-v-10d19ff8]::-webkit-scrollbar {
    display: none;
    width: 0;
}
.list > .item[data-v-10d19ff8] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.list > .item[data-v-10d19ff8]:active {
      background-color: #f3f3f3;
}
.list > .item p[data-v-10d19ff8] {
      margin: 0;
}
.list > .item .title[data-v-10d19ff8] {
      font-size: 1.6rem;
}
.list > .item .extra[data-v-10d19ff8] {
      font-size: 1.3rem;
      color: #7d7d7d;
}
.list > .item > img[data-v-10d19ff8] {
      height: 5rem;
      width: 5rem;
      border-radius: 0.3rem;
      margin-right: 1rem;
      -o-object-fit: cover;
         object-fit: cover;
}

.the-header[data-v-c98ceeb4] {
  padding: 0 1.5rem;
}
.the-header > .info[data-v-c98ceeb4] {
    display: flex;
}
.the-header > .info > .avatar[data-v-c98ceeb4] {
      height: 12.5rem;
      width: 12.5rem;
      border-radius: 1rem;
      box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.3);
      -o-object-fit: cover;
         object-fit: cover;
}
.the-header > .info > .right[data-v-c98ceeb4] {
      flex: 1;
      display: flex;
      height: 12.5rem;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 1.5rem;
}
.the-header > .info > .right > .title[data-v-c98ceeb4] {
        font-size: 2.3rem;
        font-weight: bold;
}
.the-header > .info > .right > .role[data-v-c98ceeb4] {
        font-size: 1.3rem;
}
.the-header > .info > .right > .role > span[data-v-c98ceeb4] {
          margin-right: 1rem;
}
.the-header > .info > .right > .tag[data-v-c98ceeb4] {
        font-size: 1.2rem;
}
.the-header > .info > .right > .tag > span[data-v-c98ceeb4] {
          padding: 0 0.8rem;
          margin-right: 0.5rem;
          border: 1px solid #b7b1af;
          border-radius: 0.9rem;
}
.the-header > .info > .right > .rank[data-v-c98ceeb4] {
        min-width: 10rem;
        height: 2.2rem;
        line-height: 2.2rem;
        border-radius: 0.3rem;
        overflow: hidden;
        display: flex;
        font-size: 1.2rem;
}
.the-header > .info > .right > .rank > .num[data-v-c98ceeb4] {
          font-weight: bold;
          min-width: 3.9rem;
          padding: 0 0.5rem;
          text-align: center;
          background: linear-gradient(180deg, #ffec2f 0%, #ffd415 100%);
}
.the-header > .info > .right > .rank > .text[data-v-c98ceeb4] {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 6.1rem;
          padding-left: 0.7rem;
          background: linear-gradient(180deg, #ffffff 0%, #fffbf1 100%);
}
.the-header > .info > .right > .rank > .text > .more[data-v-c98ceeb4] {
            height: 0.9rem;
            margin-right: 0.2rem;
}
.the-header > .info > .right > p[data-v-c98ceeb4] {
        margin: 0;
}
.the-header > .control[data-v-c98ceeb4] {
    margin-top: 2.4rem;
    display: flex;
}
.the-header > .control > div[data-v-c98ceeb4] {
      flex: 1;
      background-color: #ffffff;
      height: 5rem;
      display: flex;
      align-items: center;
      border-radius: 0.3rem;
      padding-left: 2.5rem;
      box-shadow: 0px 3px 0.3rem 0px rgba(0, 0, 0, 0.02);
}
.the-header > .control > div[data-v-c98ceeb4]:first-child {
        margin-right: 1.5rem;
}
.the-header > .control > div > img[data-v-c98ceeb4] {
        height: 3rem;
        width: 3rem;
}
.the-header > .control > div > .right[data-v-c98ceeb4] {
        display: flex;
        flex-direction: column;
        margin-left: 1.5rem;
}
.the-header > .control > div > .right > .title[data-v-c98ceeb4] {
          font-size: 1.3rem;
          font-weight: bold;
}
.the-header > .control > div > .right > .num[data-v-c98ceeb4] {
          font-size: 1rem;
          color: #c0bdbd;
}
.the-header[data-v-c98ceeb4] .ablum-create-popup {
    border-radius: 1rem 1rem 0 0;
    padding: 1.5rem;
}
.the-header[data-v-c98ceeb4] .ablum-list-modal {
    padding: 0 1.5rem;
    border-radius: 1rem 1rem 0 0;
}

.the-section[data-v-ab7315c8] {
  margin-top: 3.5rem;
}
.the-section .header[data-v-ab7315c8] {
    padding-left: 1.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1.95rem;
}
.the-section .body[data-v-ab7315c8] {
    padding: 0 1.5rem;
}

.the-info span[data-v-0b609e87] {
  margin-right: 1.5rem;
}
.the-info .info[data-v-0b609e87] {
  font-size: 1.4rem;
  color: #1a1a1a;
  margin-bottom: 2rem;
}
.the-info .extra[data-v-0b609e87] {
  font-size: 1.2rem;
  color: #7D7D7D;
}

.the-desc .desc[data-v-3d688eea] {
  font-size: 1.5rem;
}

.swiper-wrapper[data-v-16f59838] {
  height: auto;
}
.swiper-wrapper > .swiper-slide[data-v-16f59838] {
    height: auto;
}
.the-role-list .role-list[data-v-16f59838] {
  padding: 1rem 0;
}
.the-role-list .role-item[data-v-16f59838] {
  background-color: #fff;
  box-shadow: 0px 0.1rem 0.8rem 0px rgba(0, 0, 0, 0.05);
  border-radius: 0.5rem;
  padding: 1rem;
  max-height: 15rem;
}
.the-role-list .role-item .desc[data-v-16f59838] {
    font-size: 1.1rem;
    color: #7d7d7d;
}
.the-role-list .role-item > .top[data-v-16f59838] {
    display: flex;
}
.the-role-list .role-item > .top > .avatar[data-v-16f59838] {
      height: 5rem;
      width: 5rem;
      margin-right: 1.1rem;
}
.the-role-list .role-item > .top > .avatar > img[data-v-16f59838] {
        height: 100%;
        height: 100%;
        border-radius: 50%;
}
.the-role-list .role-item > .top .name[data-v-16f59838] {
      font-size: 1.3rem;
      font-weight: bold;
}
.the-role-list .role-item > .top .extra > span[data-v-16f59838] {
      margin-right: 1rem;
}

.the-author .avatar[data-v-6843ceb8] {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.the-author .right[data-v-6843ceb8] {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 1rem;
}
.the-author .right > .info > .name[data-v-6843ceb8] {
    font-size: 1.5rem;
    color: #1a1a1a;
}
.the-author .right > .info > .extra[data-v-6843ceb8] {
    font-size: 1.1rem;
    color: #7d7d7d;
}
.the-author .right > .info > .extra > span[data-v-6843ceb8] {
      margin-right: 1rem;
}
.the-author .right .follow[data-v-6843ceb8] {
    font-size: 1.3rem;
    font-weight: bold;
    height: 2.6rem;
    line-height: 2.6rem;
    width: 6.7rem;
    border-radius: 1.5rem;
    background-color: #ffd415;
    text-align: center;
}
.the-author .right .follow > img[data-v-6843ceb8] {
      height: 1.1rem;
      width: 1.1rem;
      margin-right: 0.5rem;
}

@charset "UTF-8";
.content /deep/ .ql-size-small {
  font-size: 12px; }

.content /deep/ .ql-size-large {
  font-size: 16px; }

.content /deep/ .ql-size-huge {
  font-size: 32px; }

/* 对齐方式 */
.content /deep/ .ql-align-center {
  text-align: center; }

.content /deep/ .ql-align-justify {
  text-align: justify; }

.content /deep/ .ql-align-right {
  text-align: right; }

/* 缩进 */
.content /deep/ .ql-indent-1 {
  padding-left: 3em; }

.content /deep/ .ql-indent-2 {
  padding-left: 6em; }

.content /deep/ .ql-indent-3 {
  padding-left: 9em; }

.content /deep/ .ql-indent-4 {
  padding-left: 12em; }

.content /deep/ .ql-indent-5 {
  padding-left: 15em; }

.content /deep/ .ql-indent-6 {
  padding-left: 18em; }

.content /deep/ .color16_0 {
  color: black; }

.content /deep/ .color16_1 {
  color: #f08245; }

.content /deep/ .color16_2 {
  color: #b68900; }

.content /deep/ .color16_3 {
  color: silver; }

.content /deep/ .color16_4 {
  color: #009900; }

.content /deep/ .color16_5 {
  color: #bc1092; }

.content /deep/ .color16_6 {
  color: olive; }

.content /deep/ .color16_7 {
  color: gray; }

.content /deep/ .color16_8 {
  color: #f01645; }

.content /deep/ .color16_9 {
  color: maroon; }

.content /deep/ .color16_10 {
  color: navy; }

.content /deep/ .color16_11 {
  color: #f05050; }

.content /deep/ .color16_12 {
  color: #0033cc; }

.content /deep/ .color16_13 {
  color: purple; }

.content /deep/ .color16_14 {
  color: teal; }

.content /deep/ .color16_15 {
  color: #ff66cc; }

.content /deep/ .color16_16 {
  color: aqua; }

/*新的颜色体系*/
.content /deep/ .c1 {
  color: #cc0033; }

/*红色*/
.content /deep/ .c2 {
  color: #ff9933; }

/*橙色*/
.content /deep/ .c3 {
  color: #99cc33; }

/*黄绿*/
.content /deep/ .c4 {
  color: #006633; }

/*绿色*/
.content /deep/ .c5 {
  color: #339999; }

/*青绿*/
.content /deep/ .c6 {
  color: #006699; }

/*蓝色*/
.content /deep/ .c7 {
  color: #333366; }

/*蓝紫*/
.content /deep/ .c8 {
  color: #663366; }

/*紫色*/
.content /deep/ .c9 {
  color: #990033; }

/*紫红*/
.content /deep/ .c0 {
  color: #333; }

/*灰色*/
.content.article-content {
  font-size: 1.5rem !important;
  line-height: 2.75; }
  .content.article-content hr {
    border: none;
    height: 1px;
    background-color: #f3f6f9; }
  .content.article-content h3,
  .content.article-content h4,
  .content.article-content h5,
  .content.article-content h6 {
    font-size: 1.5rem !important; }
  .content.article-content h1 * {
    font-size: 2.8rem !important; }
  .content.article-content h2 * {
    font-size: 2rem !important; }
  .content.article-content p {
    font-size: 1.5rem !important;
    line-height: 28px; }
    .content.article-content p span {
      font-size: 1.5rem !important; }
  .content.article-content table {
    max-width: calc(100vw - 3rem); }
  .content.article-content td {
    padding: 0;
    margin: 0;
    font-size: 1.5rem; }
    .content.article-content td span {
      font-size: 1.5rem !important; }
  .content.article-content img {
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.content[data-v-70d140b0] {
  word-break: break-word;
  position: relative;
  overflow: hidden;
}
.footer[data-v-70d140b0] {
  display: flex;
  justify-content: center;
  padding: 0 0.5rem;
  padding-bottom: 3.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(232, 231, 231, 0.5);
}
.footer > .box[data-v-70d140b0] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f3f3f3;
    border-radius: 1.75rem;
    height: 3.5rem;
    width: 9rem;
    font-size: 1.2rem;
    color: #7d7d7d;
    background-color: #fafafa;
    margin-right: 1.75rem;
}
.footer > .box[data-v-70d140b0]:last-child {
      margin-right: 0;
}
.footer > .box > img[data-v-70d140b0] {
      height: 1.5rem;
      width: 1.5rem;
      margin-right: 0.6rem;
}
.divider[data-v-70d140b0] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2.5rem;
}
.divider[data-v-70d140b0]::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #e8e7e7;
}
.divider > .content[data-v-70d140b0] {
    background-color: #fff;
    color: #7d7d7d;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
}
.divider > .content > img[data-v-70d140b0] {
      height: 1.3rem;
      width: 1.3rem;
      margin-right: 0.5rem;
}
.divider > .content > span[data-v-70d140b0] {
      color: 1.2rem;
}

.container[data-v-448a3d9d] {
  color: #1a1a1a;
  padding-top: 2.5rem;
  min-height: 100vh;
  background: linear-gradient(180deg, rgba(220, 155, 132, 0.2) 0%, rgba(223, 164, 143, 0) 50rem);
}
.container .article-detail.fixed[data-v-448a3d9d] {
    position: fixed;
    width: 100vw;
}
.container .top[data-v-448a3d9d] {
    position: fixed;
    z-index: 99;
    bottom: 10rem;
    right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.9);
}
.container .top > img[data-v-448a3d9d] {
      height: 1.5rem;
      width: 1.5rem;
}

.comment-list-page[data-v-8dd657ba] {
  padding: 0 1.5rem;
  padding-top: 6.6rem;
}
.comment-list-page > li[data-v-8dd657ba] {
    display: flex;
    padding-top: 2rem;
}
.comment-list-page > li > .avatar[data-v-8dd657ba] {
      height: 3.5rem;
      width: 3.5rem;
      border-radius: 50%;
}
.comment-list-page > li > .right[data-v-8dd657ba] {
      flex: 1;
      padding-left: 1rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid #e8e7e7;
}
.comment-list-page > li > .right > .title[data-v-8dd657ba] {
        font-size: 1.3rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.comment-list-page > li > .right > .title > .heart-count[data-v-8dd657ba] {
          display: flex;
          align-items: center;
          font-size: 1.1rem;
          color: #7d7d7d;
}
.comment-list-page > li > .right > .title > .heart-count > .heart[data-v-8dd657ba] {
            height: 1.3rem;
            width: 1.3rem;
            margin-right: 0.5rem;
}
.comment-list-page > li > .right > .content-wrapper > .content[data-v-8dd657ba] {
        font-size: 1.5rem;
        padding-bottom: 1.2rem;
        padding-top: 1.5rem;
}
.comment-list-page > li > .right > .content-wrapper > .time[data-v-8dd657ba] {
        color: #979797;
        font-size: 1.1rem;
}

.PlayerShow-module_page_i0KLT {
  position: relative; }
  .PlayerShow-module_page_i0KLT .PlayerShow-module_tabBar_9nO0O {
    position: absolute;
    z-index: 999;
    padding: 2.5rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem; }
    .PlayerShow-module_page_i0KLT .PlayerShow-module_tabBar_9nO0O > li {
      margin-right: 2rem; }
    .PlayerShow-module_page_i0KLT .PlayerShow-module_tabBar_9nO0O > li.PlayerShow-module_active_1SWkF {
      font-size: 1.6rem;
      font-weight: bold; }

.ThePlayerTab-module_body_1_C2L {
  height: 100vh;
  overflow-y: scroll;
  padding: 0 3.75rem;
  padding-top: 7.5rem; }
  .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_ablum_2g9D6 {
    position: relative;
    height: 30rem;
    width: 30rem;
    border-radius: 1rem;
    margin-bottom: 1.8rem;
    overflow: hidden; }
    .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_ablum_2g9D6 > .ThePlayerTab-module_ablumPhoto_bLZ-y {
      height: 100%;
      width: 100%; }
    .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_ablum_2g9D6 > .ThePlayerTab-module_playBtn_F3okb {
      position: absolute;
      height: 6rem;
      width: 6rem;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_title_2Vfd3 {
    display: flex;
    justify-content: space-between;
    font-size: 1.9rem;
    font-weight: bold;
    margin-bottom: 2.1rem; }
    .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_title_2Vfd3 > .ThePlayerTab-module_text_3q3-F {
      flex: 1; }
    .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_title_2Vfd3 > .ThePlayerTab-module_flag_2gCJR {
      background-color: #ffeb6f;
      height: 2.1rem;
      width: 2.1rem;
      border-radius: 0.5rem;
      font-size: 1.3rem;
      font-weight: bold;
      margin-left: 5rem;
      line-height: 2.1rem;
      text-align: center; }
  .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_subtitle_3uMCv {
    font-size: 1.5rem;
    color: #7d7d7d;
    margin-bottom: 4.5rem; }
    .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_subtitle_3uMCv > .ThePlayerTab-module_collection_19JcC {
      font-size: 1.2rem;
      color: #1a1a1a;
      background-color: #fafafa;
      border: 1px solid #f3f3f3;
      display: inline-block;
      height: 2.4rem;
      width: 5rem;
      border-radius: 1.5rem;
      line-height: 2.4rem;
      text-align: center;
      margin-left: 1.2rem; }
  .ThePlayerTab-module_body_1_C2L > .ThePlayerTab-module_timer_1jSfK {
    font-size: 1rem;
    color: #7d7d7d;
    display: flex;
    justify-content: space-between;
    margin-top: 1.4rem;
    padding-bottom: 14rem; }
  .ThePlayerTab-module_body_1_C2L .ThePlayerTab-module_custom-button_1A7HH {
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 50%;
    background-color: #ffd415;
    border: 2px solid #fff; }

@charset "UTF-8";
.TheDetailTab-module_page_342sE {
  height: 100vh;
  overflow-y: scroll; }

.TheDetailTab-module_header_2lbW0 {
  height: 27.3rem;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/player-sheet/背景@3x.png");
  background-size: 100% 100%;
  padding: 0 2.5rem;
  padding-top: 8.6rem; }
  .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_title_2lsBS {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.4rem; }
    .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_title_2lsBS .TheDetailTab-module_text_1cYOX {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 1.5rem; }
    .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_title_2lsBS .TheDetailTab-module_flag_xFNMr {
      background-color: #fef1e9;
      font-size: 1.3rem;
      padding: 0.5rem 1.1rem;
      border-radius: 1.5rem;
      width: 11rem;
      text-align: center; }
    .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_title_2lsBS > .TheDetailTab-module_avatar_35YGn {
      height: 8rem;
      width: 8rem;
      border-radius: 0.5rem;
      margin-left: 4.4rem; }
  .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_extra_2HNr5 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_extra_2HNr5 > .TheDetailTab-module_time_gv3hj {
      font-size: 1.2rem;
      color: #7d7d7d; }
      .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_extra_2HNr5 > .TheDetailTab-module_time_gv3hj > span:first-child {
        margin-right: 1.5rem; }
    .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_extra_2HNr5 > .TheDetailTab-module_playBtn_3D0kP {
      height: 3.7rem;
      width: 3.7rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/player-sheet/播放@3x.png");
      background-size: 100% 100%; }
      .TheDetailTab-module_header_2lbW0 > .TheDetailTab-module_extra_2HNr5 > .TheDetailTab-module_playBtn_3D0kP.TheDetailTab-module_playing_1VruU {
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/player-sheet/暂停@3x.png"); }

.TheDetailTab-module_body_3n1zu {
  padding: 0 1.5rem; }
  .TheDetailTab-module_body_3n1zu .TheDetailTab-module_desc_2yC2V {
    padding-top: 2.5rem;
    margin-bottom: 2rem; }
    .TheDetailTab-module_body_3n1zu .TheDetailTab-module_desc_2yC2V > .TheDetailTab-module_title_2lsBS {
      font-size: 1.6rem;
      font-weight: bold; }
    .TheDetailTab-module_body_3n1zu .TheDetailTab-module_desc_2yC2V > .TheDetailTab-module_content_DA_jp {
      color: #7d7d7d;
      font-size: 1.5rem;
      padding: 1.5rem 0;
      border-bottom: 1px solid rgba(243, 243, 243, 0.7); }

.TheTeam-module_team_3vGmd {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 2rem; }
  .TheTeam-module_team_3vGmd > .TheTeam-module_header_20JCt {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.5rem; }
  .TheTeam-module_team_3vGmd .TheTeam-module_img_3JY2Z {
    height: 5rem;
    width: 5rem;
    border-radius: 50%; }
  .TheTeam-module_team_3vGmd .TheTeam-module_title_RpA6H {
    color: #7d7d7d;
    font-size: 1.2rem; }

.TheArticleList-module_theArticleList_1hPny {
  margin-top: 2rem; }
  .TheArticleList-module_theArticleList_1hPny > .TheArticleList-module_title_2xw79 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.5rem; }
  .TheArticleList-module_theArticleList_1hPny > .TheArticleList-module_body_31U9V {
    padding-bottom: 9rem; }
    .TheArticleList-module_theArticleList_1hPny > .TheArticleList-module_body_31U9V > .TheArticleList-module_theArticleListItem_3ZuBO {
      margin-bottom: 2rem;
      display: flex; }
      .TheArticleList-module_theArticleList_1hPny > .TheArticleList-module_body_31U9V > .TheArticleList-module_theArticleListItem_3ZuBO > .TheArticleList-module_avatar_2S7B3 {
        height: 8rem;
        width: 8rem;
        border-radius: 0.5rem;
        margin-right: 1.5rem; }
      .TheArticleList-module_theArticleList_1hPny > .TheArticleList-module_body_31U9V > .TheArticleList-module_theArticleListItem_3ZuBO > .TheArticleList-module_content_3Qr14 > .TheArticleList-module_title_2xw79 {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 2rem; }
      .TheArticleList-module_theArticleList_1hPny > .TheArticleList-module_body_31U9V > .TheArticleList-module_theArticleListItem_3ZuBO > .TheArticleList-module_content_3Qr14 > .TheArticleList-module_subtitle_3OS9z {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #7d7d7d; }
        .TheArticleList-module_theArticleList_1hPny > .TheArticleList-module_body_31U9V > .TheArticleList-module_theArticleListItem_3ZuBO > .TheArticleList-module_content_3Qr14 > .TheArticleList-module_subtitle_3OS9z > .TheArticleList-module_count_TefrT > span:first-child {
          margin-right: 1rem; }

.TheCommentTab-module_page_1pbEK {
  height: 100vh;
  overflow-y: scroll;
  padding-bottom: 9rem; }

.TheCommentTab-module_theCommentList_3FYxn {
  padding: 0 1.5rem; }
  .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_title_34Lq7 {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 1.7rem 0;
    border-bottom: 1px solid rgba(243, 243, 243, 0.5); }
  .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU {
    display: flex;
    padding-top: 2rem; }
    .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_avatar_3yDc- {
      height: 3.5rem;
      width: 3.5rem;
      border-radius: 50%;
      margin-right: 1rem; }
    .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H {
      flex: 1;
      border-bottom: 1px solid rgba(243, 243, 243, 0.5);
      padding-bottom: 2rem; }
      .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H > .TheCommentTab-module_header_2g-oI {
        display: flex;
        align-items: center;
        font-size: 1.3rem;
        margin-bottom: 2rem; }
        .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H > .TheCommentTab-module_header_2g-oI > .TheCommentTab-module_icon_3i0eT {
          display: inline-block;
          height: 1.6rem;
          width: 1.6rem;
          border-radius: 50%;
          background-size: 1.1rem 1.1rem;
          background-position: center;
          background-repeat: no-repeat;
          margin-right: 0.6rem; }
          .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H > .TheCommentTab-module_header_2g-oI > .TheCommentTab-module_icon_3i0eT.TheCommentTab-module_female_2XoCJ {
            background-color: #ff89e9;
            background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/player-sheet/news_woman@3x.png"); }
          .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H > .TheCommentTab-module_header_2g-oI > .TheCommentTab-module_icon_3i0eT.TheCommentTab-module_male_1rkEo {
            background-color: #63c1ff;
            background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/player-sheet/news_man@3x.png"); }
      .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H > .TheCommentTab-module_content_3nMQu {
        font-size: 1.5rem;
        margin-bottom: 1rem; }
      .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H > .TheCommentTab-module_bottom_37uj5 {
        display: flex;
        align-items: center; }
        .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H > .TheCommentTab-module_bottom_37uj5 > span {
          font-size: 1.1rem;
          color: #979797;
          margin-right: 1rem; }
        .TheCommentTab-module_theCommentList_3FYxn > .TheCommentTab-module_body_aW2s- > .TheCommentTab-module_item_zXuQU > .TheCommentTab-module_right_1jT7H > .TheCommentTab-module_bottom_37uj5 > .TheCommentTab-module_count_2DEG6 {
          background-color: #f3f3f3;
          border-radius: 1rem;
          font-size: 1.11rem;
          padding: 0.2rem 1rem; }

.TheHeader-module_theHeader_29LXg {
  position: relative;
  font-size: 0; }
  .TheHeader-module_theHeader_29LXg > .TheHeader-module_mask_uDCBs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: rgba(10, 9, 9, 0.8); */
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px); }
  .TheHeader-module_theHeader_29LXg.TheHeader-module_fixed_2Vfa5 {
    position: fixed;
    z-index: 100;
    height: 21rem;
    width: 100%; }
  .TheHeader-module_theHeader_29LXg > .TheHeader-module_header-img_2okkK {
    height: 21rem;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .TheHeader-module_theHeader_29LXg .TheHeader-module_info_1ZqP- {
    position: absolute;
    z-index: 100;
    top: 10rem;
    left: 1.5rem;
    display: flex;
    color: #ffffff; }
    .TheHeader-module_theHeader_29LXg .TheHeader-module_info_1ZqP- > div {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .TheHeader-module_theHeader_29LXg .TheHeader-module_info_1ZqP- > img {
      height: 8rem;
      width: 8rem;
      border-radius: 0.5rem;
      margin-right: 1.5rem;
      -o-object-fit: cover;
         object-fit: cover; }
    .TheHeader-module_theHeader_29LXg .TheHeader-module_info_1ZqP- .TheHeader-module_title_2Fc8_ {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 1.05rem; }
    .TheHeader-module_theHeader_29LXg .TheHeader-module_info_1ZqP- .TheHeader-module_desc_1b5_T {
      font-size: 1.4rem;
      margin-right: 2.4rem;
      display: flex; }
      .TheHeader-module_theHeader_29LXg .TheHeader-module_info_1ZqP- .TheHeader-module_desc_1b5_T > .TheHeader-module_collection_y6ltc {
        font-size: #fff;
        font-size: 1.2rem;
        height: 2.4rem;
        line-height: 2.4rem;
        width: 5rem;
        text-align: center;
        border-radius: 1.5rem;
        background-color: rgba(255, 255, 255, 0.1);
        margin-right: 1rem; }
      .TheHeader-module_theHeader_29LXg .TheHeader-module_info_1ZqP- .TheHeader-module_desc_1b5_T > .TheHeader-module_creator_2YYRZ {
        font-size: 1.4rem; }
        .TheHeader-module_theHeader_29LXg .TheHeader-module_info_1ZqP- .TheHeader-module_desc_1b5_T > .TheHeader-module_creator_2YYRZ > span:nth-child(2) {
          color: rgba(255, 255, 255, 0.5);
          margin-left: 0.5rem; }

.AppLayout-module_web-view-layout_29HOe > .AppLayout-module_header_3hpr8 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1999;
  box-sizing: content-box;
  padding: 0 1.5rem;
  min-height: 3.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff; }
  .AppLayout-module_web-view-layout_29HOe > .AppLayout-module_header_3hpr8 > .AppLayout-module_left_3EgI_ {
    flex: 1; }
    .AppLayout-module_web-view-layout_29HOe > .AppLayout-module_header_3hpr8 > .AppLayout-module_left_3EgI_ > .AppLayout-module_back-icon_3k1oj {
      height: 2.5rem;
      width: 2.5rem; }
  .AppLayout-module_web-view-layout_29HOe > .AppLayout-module_header_3hpr8 > .AppLayout-module_middle_Le_18 {
    text-align: center;
    font-size: 1.7rem;
    font-weight: bold; }
  .AppLayout-module_web-view-layout_29HOe > .AppLayout-module_header_3hpr8 > .AppLayout-module_right_2A7Hi {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: right; }

.AppLayout-module_web-view-layout_29HOe > .AppLayout-module_app-layout-body_uCt9a {
  position: relative;
  height: 100vh;
  overflow: scroll; }

.PlayerSheet-module_rightIcon_3iE61 {
  height: 2.5rem;
  width: 2.5rem; }

.PlayerSheet-module_body_gWQ5U {
  padding: 2.5rem 1.5rem; }

.ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_header_G7_10 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 2.5rem; }
  .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_header_G7_10 > .ThePlayList-module_left_2e8NP {
    display: flex;
    align-items: center; }
    .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_header_G7_10 > .ThePlayList-module_left_2e8NP > span:first-child {
      font-size: 1.6rem;
      font-weight: bold;
      margin-right: 2rem; }
    .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_header_G7_10 > .ThePlayList-module_left_2e8NP > span:last-child {
      font-size: 1.5rem;
      font-weight: bold; }
  .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_header_G7_10 > .ThePlayList-module_right_23m7y {
    display: flex;
    align-items: center;
    font-size: 1.4rem; }
    .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_header_G7_10 > .ThePlayList-module_right_23m7y > img {
      width: 1.3rem;
      height: 1.3rem;
      margin-left: 0.5rem; }

.ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem; }
  .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG:last-child {
    padding-bottom: 9rem; }
  .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG > .ThePlayList-module_left_2e8NP {
    display: flex;
    align-items: center; }
    .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG > .ThePlayList-module_left_2e8NP > .ThePlayList-module_content_10wkn {
      width: 16.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG > .ThePlayList-module_left_2e8NP > .ThePlayList-module_content_10wkn > .ThePlayList-module_title_2q2Sx {
        font-size: 1.5rem;
        font-weight: bold; }
      .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG > .ThePlayList-module_left_2e8NP > .ThePlayList-module_content_10wkn > .ThePlayList-module_subtitle_dYqXy {
        font-size: 1.1rem;
        color: #7d7d7d; }
        .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG > .ThePlayList-module_left_2e8NP > .ThePlayList-module_content_10wkn > .ThePlayList-module_subtitle_dYqXy > span {
          margin-right: 0.5rem; }
    .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG > .ThePlayList-module_left_2e8NP > .ThePlayList-module_avatar_2GEEh {
      height: 6rem;
      width: 6rem;
      border-radius: 0.5rem;
      margin-right: 1.6rem; }
  .ThePlayList-module_thePlayList_1c6tB > .ThePlayList-module_listItem_3DjeG > .ThePlayList-module_playBtn_2okDj {
    width: 2.5rem;
    height: 2.5rem; }

@charset "UTF-8";
.page > .header[data-v-74b307d4] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 52rem;
  background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/背景@3x.png);
  background-size: 100% 100%;
}
.page > .header > .logo[data-v-74b307d4] {
    position: absolute;
    top: 5.9rem;
    left: 2.5rem;
    width: 16rem;
    height: 4rem;
}
.page > .header > .content[data-v-74b307d4] {
    position: absolute;
    left: 0;
    right: 0;
    top: 13.7rem;
    text-align: center;
}
.page > .header > .content > .avatar[data-v-74b307d4] {
      margin: 0 auto;
      height: 4.5rem;
      width: 4.5rem;
}
.page > .header > .content > .num[data-v-74b307d4] {
      font-size: 4.9rem;
      font-weight: bold;
      color: #ffffff;
}
.page > .header > .content > .text[data-v-74b307d4] {
      font-size: 1.4rem;
      font-weight: bold;
      color: #ffffff;
      margin-bottom: 4rem;
}
.page > .header > .content > .note[data-v-74b307d4] {
      font-size: 1.4rem;
      color: #fff;
}
.page > .header > .content > .note .link[data-v-74b307d4] {
        -webkit-text-decoration: solid;
                text-decoration: solid;
        color: #ffd416;
}
.page > .header > .content > .phone-input[data-v-74b307d4] {
      text-align: center;
      height: 4.5rem;
      width: 22.5rem;
      font-size: 1.3rem;
      border-radius: 2.35rem;
      margin-bottom: 1.5rem;
}
.page > .header > .content > .phone-input[data-v-74b307d4]::-moz-placeholder {
        color: #7d7d7d;
}
.page > .header > .content > .phone-input[data-v-74b307d4]:-ms-input-placeholder {
        color: #7d7d7d;
}
.page > .header > .content > .phone-input[data-v-74b307d4]::placeholder {
        color: #7d7d7d;
}
.page > .header > .content > .next-btn[data-v-74b307d4] {
      display: block;
      width: 2.5rem;
      height: 2.5rem;
      margin: 0 auto;
      transform: rotate(180deg);
}
.page > .header > .content > .sms-code[data-v-74b307d4] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 4.5rem;
      width: 22.5rem;
      margin: 0 auto;
      border-radius: 2.35rem;
      background-color: #fff;
      overflow: hidden;
      margin-bottom: 1.5rem;
      font-size: 1.3rem;
      padding-left: 1.5rem;
}
.page > .header > .content > .sms-code > input[data-v-74b307d4] {
        flex: 1;
}
.page > .header > .content > .sms-code > .btn[data-v-74b307d4] {
        background-color: rgba(255, 215, 31, 0.4);
        font-weight: bold;
        height: 100%;
        padding: 0 2.4rem;
        line-height: 4.5rem;
}
.page > .header > .content > .btn[data-v-74b307d4] {
      border: none;
      font-size: 1.3rem;
      font-weight: bold;
      width: 22.5rem;
      height: 4.5rem;
      line-height: 4.5rem;
      border-radius: 2.35rem;
      background: #c0bdbd linear-gradient(135deg, #ffeb6f 0%, #ffd416 100%);
      margin-bottom: 2rem;
}
.page > .header > .content > .back-btn[data-v-74b307d4] {
      display: block;
      width: 2.5rem;
      height: 2.5rem;
      margin: 0 auto;
}
.page > .body[data-v-74b307d4] {
  position: relative;
  z-index: 999;
  margin-top: 48rem;
  border-radius: 2rem 2rem 0 0;
  background-color: #fff;
  padding: 0 1.5rem;
  padding-top: 3rem;
}
.page > .body > .title[data-v-74b307d4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2rem;
}
.page > .body > .title > .left[data-v-74b307d4] {
      font-size: 1.6rem;
}
.page > .body > .title > .right[data-v-74b307d4] {
      font-size: 1.2rem;
}
.page > .body > .list[data-v-74b307d4] {
    display: flex;
    flex-wrap: wrap;
}
.page > .body > .list > .item[data-v-74b307d4] {
      width: 10.8rem;
      margin-bottom: 2rem;
      margin-right: 1.05rem;
}
.page > .body > .list > .item[data-v-74b307d4]:nth-child(3n) {
        margin-right: 0;
}
.page > .body > .list > .item > img[data-v-74b307d4] {
        height: 10.8rem;
        width: 10.8rem;
        border-radius: 0.5rem;
        -o-object-fit: cover;
           object-fit: cover;
}
.page > .body > .list > .item > .name[data-v-74b307d4] {
        font-size: 1.4rem;
}

@charset "UTF-8";
.the-section[data-v-793bc89e] {
  margin-bottom: 3.5rem;
}
.the-section .title[data-v-793bc89e] {
    text-align: center;
    margin-bottom: 2rem;
}
.the-section .title > span[data-v-793bc89e] {
      position: relative;
      font-size: 1.6rem;
      font-weight: bold;
      color: #fff;
}
.the-section .title > span[data-v-793bc89e]::before, .the-section .title > span[data-v-793bc89e]::after {
        position: absolute;
        content: '';
        height: 1.5rem;
        width: 1.5rem;
        background-size: 100% 100%;
        top: 50%;
        transform: translateY(-50%);
}
.the-section .title > span[data-v-793bc89e]::before {
        background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/左边@3x.png);
        left: -2.5rem;
}
.the-section .title > span[data-v-793bc89e]::after {
        background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/右边@3x.png);
        right: -2.5rem;
}
.the-section > .body[data-v-793bc89e] {
    position: relative;
    min-height: 10rem;
    margin: 0 1.5rem;
    border-radius: 0.5rem;
    background: linear-gradient(180deg, rgba(24, 155, 252, 0.4), rgba(50, 255, 144, 0.4));
}
.the-section > .body[data-v-793bc89e]::after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/v@3x.png);
      background-size: 2rem 2rem;
}

@charset "UTF-8";
.the-desc[data-v-43b77875] {
  position: relative;
  z-index: 9;
  padding-top: 2.5rem;
  padding-bottom: 2.7rem;
}
.the-desc[data-v-43b77875]::before {
    content: '';
    position: absolute;
    height: 7.5rem;
    width: 7.5rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/钻石@3x(1).png");
    background-size: 100% 100%;
    right: -1.5rem;
    top: -3.5rem;
}
.the-desc[data-v-43b77875]::after {
    content: '';
    position: absolute;
    height: 8.5rem;
    width: 8.5rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/2@3x.png");
    background-size: 100% 100%;
    left: -1.5rem;
    bottom: -4.3rem;
}
.the-desc .title[data-v-43b77875] {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1.45rem;
}
.the-desc > .price[data-v-43b77875] {
    width: 12.5rem;
    height: 2.45rem;
    background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/价值@3x.png);
    background-size: 100% 100%;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    line-height: 2.45rem;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 3.6rem;
}
.the-desc > .list[data-v-43b77875] {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}
.the-desc > .list > .item[data-v-43b77875] {
      position: relative;
      color: #212280;
      background-color: #fff;
      border-radius: 0.5rem;
      padding: 0 1rem;
      width: 10rem;
      text-align: center;
      margin-right: 1rem;
}
.the-desc > .list > .item[data-v-43b77875]::before {
        content: '必得';
        position: absolute;
        top: -1.1rem;
        left: 0;
        height: 2.2rem;
        width: 4.8rem;
        background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/必得@3x.png);
        background-size: 100% 100%;
        line-height: 2.2rem;
        font-size: 1.2rem;
        font-weight: bold;
}
.the-desc > .list > .item[data-v-43b77875]:last-child {
        margin-right: 0;
}
.the-desc > .list > .item > .top[data-v-43b77875] {
        padding-top: 2.7rem;
        padding-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.6rem;
        font-weight: bold;
        border-bottom: 1px solid rgba(33, 34, 128, 0.1);
}
.the-desc > .list > .item > .top > .icon[data-v-43b77875] {
          display: inline-block;
          height: 2.3rem;
          width: 2.3rem;
          background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/钻石@3x.png);
          background-size: 100% 100%;
          background-repeat: no-repeat;
          margin-right: 0.5rem;
}
.the-desc > .list > .item > .bottom[data-v-43b77875] {
        font-size: 1.3rem;
        padding: 1.6rem 0;
}
.the-desc > .btn[data-v-43b77875] {
    position: relative;
    border-radius: 2.35rem;
    width: 26.75rem;
    height: 4.5rem;
    text-align: center;
    line-height: 4.5rem;
    margin: 0 auto;
    margin-bottom: 2.3rem;
}
.the-desc > .btn[data-v-43b77875]::before {
      content: '立即呼唤好朋友';
      font-size: 1.4rem;
      font-weight: bold;
      position: absolute;
      left: 0;
      height: 100%;
      width: 100%;
      border-radius: 2.35rem;
      background: #c0bdbd linear-gradient(135deg, #ffeb6f 0%, #ffd416 100%);
      z-index: 99;
}
.the-desc > .btn[data-v-43b77875]::after {
      content: '';
      left: 0;
      top: 3px;
      position: absolute;
      border-radius: 2.35rem;
      width: 26.75rem;
      height: 4.5rem;
      background-color: #ff8a1c;
      z-index: 10;
}
.the-desc > .achievement[data-v-43b77875] {
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
}
.the-desc > .achievement-list[data-v-43b77875] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    height: 4.5rem;
    border-radius: 0.5rem;
    background: linear-gradient(180deg, rgba(24, 155, 252, 0.5) 1%, rgba(50, 255, 144, 0.5) 100%);
    margin: 0 1.5rem;
    padding: 0 1.5rem;
    color: #fff;
    margin-top: 1rem;
}
.the-desc > .achievement-list > .right[data-v-43b77875] {
      display: flex;
      align-items: center;
}
.the-desc > .achievement-list .icon[data-v-43b77875] {
      display: inline-block;
      height: 1.6rem;
      width: 1.6rem;
      background-size: 100% 100%;
      background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/钻石@3x.png);
      margin-right: 0.5rem;
}

.list[data-v-5c39eb30] {
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: space-between;
  padding: 0 2.45rem;
  padding-top: 2.65rem;
  padding-bottom: 3rem;
}
.list > .item[data-v-5c39eb30] {
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    margin-right: 3.05rem;
}
.list > .item[data-v-5c39eb30]:last-child {
      margin-right: 0;
}
.list > .item img[data-v-5c39eb30] {
      font-size: 0;
      height: 5.1rem;
      width: 5.1rem;
}

@charset "UTF-8";
.list[data-v-38638713] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9;
  padding: 2rem 0;
}
.list > .icon[data-v-38638713] {
    height: 2rem;
    width: 2rem;
    display: inline-block;
    background-size: 100% 100%;
}
.list > .icon.left[data-v-38638713] {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/左滑@3x.png");
      margin-right: 4.5rem;
}
.list > .icon.right[data-v-38638713] {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/右滑@3x.png");
      margin-left: 4.5rem;
}
.list .swiper-container-reward[data-v-38638713] {
    width: 10rem;
    height: 10rem;
    margin: 0;
}
.list .swiper-slide[data-v-38638713] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #5b8cd2;
    border-radius: 0.5rem;
}
.list .swiper-slide > .name[data-v-38638713] {
      font-size: 1rem;
      color: #fff;
}
.list .swiper-slide > img[data-v-38638713] {
      width: 3rem;
      height: 3rem;
      margin-bottom: 1rem;
}

@charset "UTF-8";
.rank[data-v-be914b64] {
  position: relative;
  z-index: 9;
}
.rank > .header[data-v-be914b64] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 1.5rem;
}
.rank > .header > .item[data-v-be914b64] {
      color: #fff;
      font-size: 1.4rem;
      background-color: #5b8cd2;
      height: 3.5rem;
      width: 12rem;
      line-height: 3.5rem;
      border-radius: 2.35rem;
      text-align: center;
      font-weight: bold;
      margin-right: 1.5rem;
}
.rank > .header > .item.active[data-v-be914b64] {
        background: #c0bdbd linear-gradient(135deg, #ffeb6f 0%, #ffd416 100%);
        color: #000;
}
.rank > .list[data-v-be914b64] {
    padding: 0 2.5rem;
    padding-bottom: 3rem;
}
.rank > .list > .item[data-v-be914b64] {
      display: flex;
      align-items: center;
      color: #fff;
}
.rank > .list > .item > .icon[data-v-be914b64] {
        display: inline-block;
        height: 2.5rem;
        width: 2.5rem;
        margin-right: 1.5rem;
        background-size: 100% 100%;
        text-align: center;
        font-size: 1.3rem;
}
.rank > .list > .item > .icon.level0[data-v-be914b64] {
          background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/1@3x.png);
}
.rank > .list > .item > .icon.level1[data-v-be914b64] {
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/1@3x(1).png");
}
.rank > .list > .item > .icon.level2[data-v-be914b64] {
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/1@3x(2).png");
}
.rank > .list > .item > .content[data-v-be914b64] {
        display: flex;
        flex: 1;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 1rem 0;
}
.rank > .list > .item > .content > .avatar[data-v-be914b64] {
          height: 4.5rem;
          width: 4.5rem;
          border-radius: 50%;
          margin-right: 2rem;
}
.rank > .list > .item > .content > .info > .nickname[data-v-be914b64] {
          font-size: 1.3rem;
          margin-bottom: 1rem;
}
.rank > .list > .item > .content > .info > .diamone[data-v-be914b64] {
          display: flex;
          align-items: center;
}
.rank > .list > .item > .content > .info > .diamone > .icon[data-v-be914b64] {
            display: inline-block;
            width: 1.1rem;
            height: 1.1rem;
            background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/钻石@3x.png);
            background-size: 100% 100%;
            margin-right: 0.5rem;
}

@charset "UTF-8";
.page[data-v-f7e5670c] {
  background-color: #3b31c8;
}
.page .bg[data-v-f7e5670c] {
    width: 100%;
    height: 36.3rem;
    position: absolute;
    left: 0;
    top: 0;
}
.page .top-bar[data-v-f7e5670c] {
    position: relative;
    display: flex;
    align-items: center;
    height: 3rem;
    width: 34.25rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/提示条@3x.png");
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 1rem;
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 2.85rem;
}
.page .top-bar .right[data-v-f7e5670c] {
      height: 3rem;
      line-height: 3rem;
      flex: 1;
      width: 28rem;
}
.page .top-bar .right > .notice[data-v-f7e5670c] {
        height: 3rem;
}
.page .top-bar > .trumpet[data-v-f7e5670c] {
      display: inline-block;
      height: 2rem;
      width: 2rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/喇叭@3x.png");
      background-size: 100% 100%;
      margin: 0 1rem;
}
.page .title[data-v-f7e5670c] {
    position: relative;
    height: 12rem;
    width: 27rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/invite/一起pia戏.png");
    background-size: 100% 100%;
    margin: 0 auto;
    margin-bottom: 1.4rem;
}
.rightIcon[data-v-f7e5670c] {
  height: 2rem;
  width: 2rem;
}
.notice[data-v-f7e5670c] {
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  padding-top: 50%;
}

@charset "UTF-8";
.page[data-v-00dd9277] {
  padding-top: 3rem;
  background-color: #362639;
}
.page > .top[data-v-00dd9277] {
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    padding-bottom: 1.2rem;
}
.page > .top > .avatar[data-v-00dd9277] {
      height: 4.8rem;
      width: 4.8rem;
      margin-right: 1rem;
      border-radius: 50%;
}
.page > .top > .right[data-v-00dd9277] {
      color: #fff;
}
.page > .top > .right > .nickname[data-v-00dd9277] {
        font-size: 1.5rem;
        font-weight: bold;
}
.page > .extra[data-v-00dd9277] {
    padding: 0 1.5rem;
    background-color: #3d2e40;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.5);
    height: 2.5rem;
    font-size: 1.2rem;
}
.page > .extra > .right[data-v-00dd9277] {
      display: flex;
      align-items: center;
}
.page > .extra > .right > .icon[data-v-00dd9277] {
        height: 1.1rem;
        width: 1.1rem;
        background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/dub/grzx_go@3x.png);
        background-size: 100% 100%;
}
.page > .video-wrapper[data-v-00dd9277] {
    position: relative;
    width: 100%;
    height: 22rem;
}
.page > .video-wrapper > .video[data-v-00dd9277] {
      position: absolute;
      width: 100%;
      height: 22rem;
      background-color: #000;
}
.page > .video-wrapper > .play-btn[data-v-00dd9277] {
      position: absolute;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/dub/播放@3x(4).png");
      height: 5rem;
      width: 5rem;
      left: calc(50% - 2.5rem);
      top: calc(50% - 2.5rem);
      z-index: 999;
      background-size: 100% 100%;
}
.page > .lyric[data-v-00dd9277] {
    height: 25rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: rgba(254, 255, 254, 0.5);
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 3.5rem;
    overflow: hidden;
}
.page > .lyric > .content[data-v-00dd9277] {
      transition: all 0.5s;
}
.page > .lyric > .content > .active[data-v-00dd9277] {
        font-size: 1.8rem;
        color: #fefffe;
}
.page > .controls[data-v-00dd9277] {
    position: absolute;
    top: 37rem;
    right: 1.5rem;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.page > .controls > div[data-v-00dd9277] {
      margin-bottom: 2rem;
}
.page > .controls i[data-v-00dd9277] {
      display: inline-block;
      height: 2.5rem;
      width: 2.5rem;
      background-size: 100% 100%;
}
.page > .controls i.heart[data-v-00dd9277] {
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/dub/点赞 2@3x.png");
}
.page > .controls i.comment[data-v-00dd9277] {
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/dub/评论@3x.png");
}
.page > .controls i.share[data-v-00dd9277] {
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/dub/编组@3x.png");
}
.page > .user-group[data-v-00dd9277] {
    padding-left: 1.5rem;
}
.page > .user-group > .user-nfo[data-v-00dd9277] {
      display: flex;
      align-items: center;
      margin-bottom: 2rem;
}
.page > .user-group > .user-nfo > .avatar[data-v-00dd9277] {
        height: 4.3rem;
        width: 4.3rem;
        border-radius: 50%;
        margin-right: 1rem;
}
.page > .user-group > .user-nfo .extra[data-v-00dd9277] {
        color: rgba(255, 255, 255, 0.5);
        font-size: 1.2rem;
}
.page > .user-group > .user-nfo .nickname[data-v-00dd9277] {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        color: #fff;
        font-weight: bold;
        margin-bottom: 0.5rem;
}
.page > .user-group > .user-nfo .nickname > .gender[data-v-00dd9277] {
          height: 1.2rem;
          width: 1.2rem;
          margin-left: 0.5rem;
          background-size: 100% 100%;
          background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/dub/news_man@3x.png);
}
.page > .user-group > .user-nfo .nickname > .gender.female[data-v-00dd9277] {
            background-image: url(https://static.aipiaxi.com/app/web/venus-ssr/assets/share/dub/news_woman@3x.png);
}
.page > .progress-bar[data-v-00dd9277] {
    height: 2px;
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    margin-bottom: 2.5rem;
}
.page > .progress-bar > div[data-v-00dd9277] {
      background-color: white;
      height: 2px;
}
.page > .list[data-v-00dd9277] {
    padding: 0 1rem;
    border-radius: 1.5rem 1.5rem 0 0;
    background-color: #fafafa;
}
.page > .list > .header[data-v-00dd9277] {
      padding-top: 2rem;
      padding-bottom: 1.5rem;
      color: #c0bdbd;
      font-size: 1.2rem;
      text-align: center;
}
.page > .list > .body[data-v-00dd9277] {
      display: flex;
      flex-wrap: wrap;
}
.page > .list > .body > .item[data-v-00dd9277] {
        position: relative;
        width: 17.25rem;
        margin-right: 1rem;
        background-color: #fff;
        border-radius: 0.3rem;
        overflow: hidden;
        margin-bottom: 1rem;
}
.page > .list > .body > .item[data-v-00dd9277]::after {
          position: absolute;
          content: '';
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/share/dub/播放@3x(4).png");
          height: 2.7rem;
          width: 2.7rem;
          background-size: 100% 100%;
          top: 13.8rem;
          left: 13.5rem;
}
.page > .list > .body > .item[data-v-00dd9277]:nth-child(2n) {
          margin-right: 0;
}
.page > .list > .body > .item > .photo[data-v-00dd9277] {
          height: 17.5rem;
          width: 100%;
}
.page > .list > .body > .item > .content[data-v-00dd9277] {
          padding: 1rem;
}
.page > .list > .body > .item > .content > .title[data-v-00dd9277] {
            font-size: 1.3rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page > .list > .body > .item > .content > .info[data-v-00dd9277] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 1.1rem;
            color: #7d7d7d;
}
.page > .list > .body > .item > .content > .info > .left[data-v-00dd9277] {
              display: flex;
              align-items: center;
}
.page > .list > .body > .item > .content > .info > .left > .avatar[data-v-00dd9277] {
                border-radius: 50%;
                height: 1.8rem;
                width: 1.8rem;
                margin-right: 0.5rem;
}
.page > .list > .body > .item > .content > .info > .right[data-v-00dd9277] {
              position: relative;
}
.page > .list > .body > .item > .content > .info > .right[data-v-00dd9277]::before {
                content: '';
                position: absolute;
                border-left: 0.7rem solid #c0bdbd;
                border-top: 0.5rem solid transparent;
                border-bottom: 0.5rem solid transparent;
                left: -1rem;
                top: 50%;
                transform: translateY(-50%);
}

@charset "UTF-8";
[data-v-64669c64] .app-layout-body {
  padding: 1.5rem;
  padding-bottom: 14rem;
}
[data-v-64669c64] .app-layout-body > .header {
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/coin-exchange/jbdh_bg@3x.png");
    height: 11rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
[data-v-64669c64] .app-layout-body > .header > .coin-num {
      font-size: 3rem;
      font-weight: 500;
}
[data-v-64669c64] .app-layout-body > .header > .coin-text {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
}
[data-v-64669c64] .app-layout-body > .header > .coin-text > img {
        height: 2.4rem;
        width: 2.4rem;
        margin-right: 0.2rem;
}
[data-v-64669c64] .app-layout-body > .body {
    margin-top: 1.5rem;
}
[data-v-64669c64] .app-layout-body > .body > .list {
      display: grid;
      grid-template-columns: repeat(3, 10.8rem);
      -moz-column-gap: 1.05rem;
           column-gap: 1.05rem;
      row-gap: 1rem;
}
[data-v-64669c64] .app-layout-body > .body > .list > li {
        position: relative;
        background-color: #fff;
        text-align: center;
        padding: 1.7rem 0;
        border-radius: 0.5rem;
        border: 1px solid transparent;
}
[data-v-64669c64] .app-layout-body > .body > .list > li.active {
          border: 1px solid #ffd415;
}
[data-v-64669c64] .app-layout-body > .body > .list > li.active::after {
            position: absolute;
            content: '';
            height: 2.3rem;
            width: 2.3rem;
            background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/mine/选择@3x.png");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            right: -1px;
            top: -1px;
}
[data-v-64669c64] .app-layout-body > .body > .list > li > .coin {
          height: 5.5rem;
          width: 5.5rem;
          margin-bottom: 1.4rem;
}
[data-v-64669c64] .app-layout-body > .body > .list > li > .text {
          font-size: 1.2rem;
          margin-bottom: 1.85rem;
          font-weight: 500;
}
[data-v-64669c64] .app-layout-body > .body > .list > li > .diamond {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.2rem;
}
[data-v-64669c64] .app-layout-body > .body > .list > li > .diamond > img {
            height: 1.5rem;
            width: 1.5rem;
            margin-right: 0.5rem;
}
[data-v-64669c64] .app-layout-body > .body > .btn-group {
      display: flex;
      justify-content: space-between;
      padding: 0 2.5rem;
      margin-top: 3.5rem;
}
[data-v-64669c64] .app-layout-body > .body > .btn-group > .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3.5rem;
        width: 14rem;
        background-color: #fff;
        border-radius: 1.75rem;
        box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.05);
        font-size: 1.3rem;
}
[data-v-64669c64] .app-layout-body > .body > .btn-group > .btn:first-child {
          border: 1px solid rgba(255, 212, 22, 0.5);
}
[data-v-64669c64] .app-layout-body > .body > .btn-group > .btn > img {
          height: 0.9rem;
          width: 0.9rem;
          margin-left: 1.05rem;
}
[data-v-64669c64] .app-layout-body > .footer {
    display: flex;
    justify-content: space-between;
    padding: 0 1.5rem;
    padding-top: 1.5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8.4rem;
    background-color: #fff;
}
[data-v-64669c64] .app-layout-body > .footer .diamond-count {
      display: flex;
      align-items: center;
      font-size: 1.42rem;
      font-weight: 500;
}
[data-v-64669c64] .app-layout-body > .footer .diamond-count > img {
        height: 2.2rem;
        width: 2.2rem;
        margin-right: 1.5rem;
}
[data-v-64669c64] .app-layout-body > .footer .note {
      font-size: 1.3rem;
      padding-left: 3.7rem;
}
[data-v-64669c64] .app-layout-body > .footer > .exchange-btn {
      width: 14rem;
      height: 3.9rem;
      line-height: 3.9rem;
      text-align: center;
      font-size: 1.7rem;
      font-weight: 500;
      border-radius: 2rem;
      color: #fff;
      background: #ffd415 linear-gradient(180deg, #ff4c77 0%, #ff2424 100%);
}

.rank-desc-container[data-v-12f41626] {
  padding: 1.5rem;
  padding-top: 3rem;
}
.rank-desc-container .section[data-v-12f41626] {
    margin-bottom: 2.5rem;
}
.rank-desc-container .section > .title[data-v-12f41626] {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 2rem;
}
.rank-desc-container .section > .body[data-v-12f41626] {
      font-size: 1.5rem;
}
.rank-desc-container .section > .body > div[data-v-12f41626] {
        position: relative;
        padding-left: 2.5rem;
        margin-bottom: 1.5rem;
}
.rank-desc-container .section > .body > div[data-v-12f41626]::before {
          content: '';
          position: absolute;
          left: 0.5rem;
          top: 0.5rem;
          height: 0.5rem;
          width: 0.5rem;
          background-color: black;
          border-radius: 50%;
}

.list-swipper-layout > .tab-list[data-v-40a94741] {
  position: relative;
  height: 3.7rem;
  background-color: #fafafa;
  border: 1px solid #e8e7e7;
  display: flex;
  font-size: 1.4rem;
  font-weight: bold;
  align-items: center;
  margin: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  padding: 0 0.2rem;
}
.list-swipper-layout > .tab-list > div[data-v-40a94741] {
    position: relative;
    z-index: 99;
    flex: 1;
    text-align: center;
    height: 3.3rem;
    line-height: 3.3rem;
    border-radius: 0.5rem;
    color: #c0bdbd;
}
.list-swipper-layout > .tab-list > div.active[data-v-40a94741] {
      color: #1a1a1a;
}
.list-swipper-layout > .tab-list > div.bar[data-v-40a94741] {
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all 0.5s;
      transform: translateX(0px);
}

.app-scroll-view[data-v-e967eada] {
  overflow-y: scroll;
}

.wealth-level-desc[data-v-316d42a8] .list-swiper {
  height: calc(100vh - 2.5rem - 3.7rem);
}
.wealth-level-desc .list[data-v-316d42a8] {
  padding: 0 1.5rem;
  padding-bottom: 5rem;
}
.wealth-level-desc .section[data-v-316d42a8] {
  margin-bottom: 2.5rem;
}
.wealth-level-desc .section > .title[data-v-316d42a8] {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.wealth-level-desc .section > .desc[data-v-316d42a8] {
    font-size: 1.4rem;
}
.wealth-level-desc .level-table[data-v-316d42a8] {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e8e7e7;
  text-align: center;
}
.wealth-level-desc .level-table th[data-v-316d42a8] {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    background-color: #ffd415;
    border-right: 1px solid #e8e7e7;
}
.wealth-level-desc .level-table th[data-v-316d42a8]:last-child {
      border-right: none;
}
.wealth-level-desc .level-table td[data-v-316d42a8] {
    height: 4rem;
    border-bottom: 1px solid #e8e7e7;
    border-right: 1px solid #e8e7e7;
}

.the-header[data-v-9c566288] {
  display: flex;
  padding: 3rem 0;
  margin: 0 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.the-header > .avatar[data-v-9c566288] {
    height: 6.5rem;
    width: 6.5rem;
    border-radius: 50%;
}
.the-header > .right[data-v-9c566288] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem 0;
    margin-left: 2.5rem;
}
.the-header > .right > .nickname[data-v-9c566288] {
      color: #fff;
      font-size: 1.6rem;
      font-weight: bold;
}
.the-header > .right > .desc[data-v-9c566288] {
      color: rgba(255, 255, 255, 0.5);
      font-size: 1.3rem;
}

.app-empty[data-v-391eb1dc] {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}
.app-empty .message[data-v-391eb1dc] {
    color: #bfbdbd;
    font-size: 1.3rem;
}
.empty-icon[data-v-391eb1dc] {
  height: 15rem;
  width: 15rem;
}

.medal-list[data-v-04579513] {
  padding: 0 2rem;
  padding-top: 1rem;
  font-size: 0;
}
.medal-list > li[data-v-04579513] {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    display: inline-block;
    color: #fff;
    font-size: 1.3rem;
    width: calc((100% - 1.5rem) / 2);
    padding-top: 2rem;
    padding-bottom: 2.8rem;
    margin-bottom: 1.5rem;
    vertical-align: top;
}
.medal-list > li[data-v-04579513]:nth-child(odd) {
      margin-right: 1.5rem;
}
.medal-list > li > .image[data-v-04579513] {
      height: 10rem;
      width: 10rem;
      margin-bottom: 1.5rem;
}
.medal-list > li > .progress-bar[data-v-04579513] {
      width: 10rem;
      margin: 0 auto;
      margin-top: 1.5rem;
      height: 0.4rem;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 0.2rem;
      overflow: hidden;
}
.medal-list > li > .progress-bar > .progress[data-v-04579513] {
        width: 0%;
        background-color: #ffd416;
        height: 100%;
        border-radius: 0.2rem;
}

.the-body > .tabs[data-v-6603ad11] {
  display: flex;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.4rem;
  align-items: center;
  margin-top: 3.05rem;
  margin-bottom: 1.5rem;
  padding: 0 2rem;
}
.the-body > .tabs > li[data-v-6603ad11] {
    margin-right: 2.5rem;
}
.the-body > .tabs > .active[data-v-6603ad11] {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
}
.the-body #medal-list-swiper[data-v-6603ad11] {
  height: calc(100% - 19.75rem);
  overflow-y: scroll;
}

.the-container[data-v-39443ff8] {
  background-color: #241c34;
  min-height: 100vh;
}

.level-step-bar-container > .title[data-v-09b96682] {
  text-align: center;
  color: #fff;
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-top: 6rem;
}
.level-step-bar-container > .sub-title[data-v-09b96682] {
  text-align: center;
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.5);
}
.level-step-bar-wrapper[data-v-09b96682] {
  position: relative;
  margin: 0 3.5rem;
}
.level-step-bar-wrapper > .progress[data-v-09b96682] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 0.2rem;
    background-color: #ffd416;
}
.level-step-bar[data-v-09b96682] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.level-step-bar[data-v-09b96682]::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    content: '';
    width: 100%;
    height: 0.2rem;
    background-color: rgba(255, 255, 255, 0.1);
}
.level-step-bar > li[data-v-09b96682] {
    position: relative;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(255, 255, 255, 0.5);
}
.level-step-bar > li.light > .dot[data-v-09b96682] {
      border: 0.2rem solid #ffd416;
      background-color: #241c34;
}
.level-step-bar > li.active > .dot[data-v-09b96682] {
      height: 1.5rem;
      width: 1.5rem;
      border-width: 0.3rem;
}
.level-step-bar > li.active > .text[data-v-09b96682] {
      font-size: 1.2rem;
      top: 2.2rem;
}
.level-step-bar > li > .dot[data-v-09b96682] {
      position: absolute;
      display: inline-block;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 0.8rem;
      width: 0.8rem;
      border-radius: 50%;
      background-color: #241c34;
      border: 0.2rem solid #c0bdbd;
}
.level-step-bar > li > .text[data-v-09b96682] {
      position: absolute;
      color: #ffd416;
      font-size: 1rem;
      word-break: keep-all;
      top: 1.9rem;
}

@charset "UTF-8";
.medal-item[data-v-1bd3c5bb] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 23rem;
  width: 23rem;
  margin: 0 auto;
  background-image: url(../../venus-ssr/img/光效@3x.c503d289.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.medal-item > img[data-v-1bd3c5bb] {
    height: 16rem;
    width: 16rem;
}

#medal-detail-swiper[data-v-26a178f7] {
  height: 23rem;
  margin-bottom: 2.2rem;
}
[data-v-26a178f7] .app-layout-body {
  padding-top: 4.5rem;
  background-color: #241c34;
}
[data-v-26a178f7] .app-layout-body .level-title {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 2rem;
    text-align: center;
}

.gift-record-container > .tabs[data-v-6ff07394] {
  padding-top: 2.2rem;
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  height: 4.7rem;
  background-color: #fafafa;
}
.gift-record-container > .tabs > li[data-v-6ff07394]:first-child {
    margin-right: 7.5rem;
}
.gift-record-container > .tabs > .active[data-v-6ff07394] {
    position: relative;
}
.gift-record-container > .tabs > .active[data-v-6ff07394]::before {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      content: '';
      height: 0.3rem;
      width: 2rem;
      background-color: #ffd415;
}

.gift-record-list[data-v-6b8de679] {
  padding: 0 1.5rem;
  height: 100%;
  overflow: scroll;
}
.gift-record-list > li[data-v-6b8de679] {
    display: flex;
    align-items: center;
}
.gift-record-list > li > .avatar[data-v-6b8de679] {
      height: 4.8rem;
      width: 4.8rem;
      border-radius: 50%;
}
.gift-record-list > li > .right[data-v-6b8de679] {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-left: 1.7rem;
      border-bottom: 1px solid #f3f3f3;
      padding: 2rem 0;
}
.gift-record-list > li > .right > .info > .name[data-v-6b8de679] {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
}
.gift-record-list > li > .right > .info > .desc[data-v-6b8de679] {
        font-size: 1.2rem;
        color: rgba(125, 125, 125, 0.8);
}
.gift-record-list > li > .right > .date[data-v-6b8de679] {
        font-size: 1.1rem;
        color: rgba(192, 189, 189, 0.8);
}

#gift-list-swiper[data-v-064bdc60] {
  height: calc(100vh - 4.7rem);
}

.group-desc-page[data-v-194cc8bc] {
  padding: 1.5rem;
}
.group-desc-page .pd-05[data-v-194cc8bc] {
    padding: 0.5rem 0;
}
.group-desc-page .li[data-v-194cc8bc] {
    position: relative;
    padding-left: 1rem;
}
.group-desc-page .li[data-v-194cc8bc]::before {
      position: absolute;
      top: 0.8rem;
      left: 0;
      content: '';
      height: 0.4rem;
      width: 0.4rem;
      background-color: #1a1a1a;
      border-radius: 50%;
      overflow: hidden;
}
.group-desc-page .section[data-v-194cc8bc] {
    margin-bottom: 2.5rem;
}
.group-desc-page .section > .title[data-v-194cc8bc] {
      font-size: 1.6rem;
      font-weight: bold;
      margin-bottom: 1.5rem;
}
.group-desc-page .section > .desc[data-v-194cc8bc] {
      font-size: 1.4rem;
}
.group-desc-page .section > .desc > .subtitle[data-v-194cc8bc] {
        font-weight: bold;
        margin: 0.5rem 0;
}
.group-desc-page .section > .desc .red[data-v-194cc8bc] {
        color: red;
}
.group-desc-page .section > .desc > .content[data-v-194cc8bc] {
        padding: 1rem 0;
}
.group-desc-page .level-table[data-v-194cc8bc] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e8e7e7;
    text-align: center;
    margin: 1rem 0;
}
.group-desc-page .level-table th[data-v-194cc8bc] {
      height: 2.5rem;
      line-height: 2.5rem;
      font-size: 1.2rem;
      background-color: #ffd415;
      border-right: 1px solid #e8e7e7;
}
.group-desc-page .level-table th[data-v-194cc8bc]:last-child {
        border-right: none;
}
.group-desc-page .level-table td[data-v-194cc8bc] {
      height: 4rem;
      border-bottom: 1px solid #e8e7e7;
      border-right: 1px solid #e8e7e7;
}

@charset "UTF-8";
.first-recharge-modal[data-v-fe8da0d2] {
  height: 100vh;
  overflow-y: scroll;
  font-size: calc((100vw / 325) * 10);
}
.first-recharge-modal[data-v-fe8da0d2]::-webkit-scrollbar {
    display: none;
    opacity: 0;
}
.first-recharge-modal > .header[data-v-fe8da0d2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 9.3em;
    background-image: url(../../venus-ssr/img/编组2@3x.cc29c36c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.first-recharge-modal > .header > .title[data-v-fe8da0d2] {
      font-size: 2.8em;
      font-weight: bold;
}
.first-recharge-modal > .header > .sub-title[data-v-fe8da0d2] {
      font-size: 1.3em;
}
.first-recharge-modal .bgm[data-v-fe8da0d2] {
    width: 100%;
}
.first-recharge-modal > .btn[data-v-fe8da0d2] {
    background-color: #ffd415;
    width: 25em;
    height: 4em;
    border-radius: 3em;
    line-height: 4em;
    margin: 1.5em auto;
    text-align: center;
    font-weight: bold;
}
.first-recharge-modal > .btn > span[data-v-fe8da0d2] {
      font-size: 1.7em;
}
.first-recharge-modal > .desc[data-v-fe8da0d2] {
    padding: 0 1.5em;
}
.first-recharge-modal > .desc > .title[data-v-fe8da0d2] {
      font-size: 1.4em;
      font-weight: bold;
      margin-bottom: 1.5em;
}
.first-recharge-modal > .desc > .list[data-v-fe8da0d2] {
      font-size: 1.2em;
      color: #7d7d7d;
}
.first-recharge-modal > .desc > .list > .item[data-v-fe8da0d2] {
        margin-bottom: 0.5em;
}
.first-recharge-modal > .title[data-v-fe8da0d2] {
    margin-top: 1.45rem;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.5rem;
}
.first-recharge-modal > .section[data-v-fe8da0d2] {
    margin: 0 1em;
}
.first-recharge-modal > .section.active[data-v-fe8da0d2] {
      border: 1px solid #ff7b52;
}
.first-recharge-modal > .section.active > .header[data-v-fe8da0d2] {
        background-color: #ff7b52;
}
.first-recharge-modal > .section.active > .header > .cost[data-v-fe8da0d2] {
          color: #fff;
}
.first-recharge-modal > .section > .header[data-v-fe8da0d2] {
      background-color: #1a1a1a;
      color: #fff;
      font-weight: bold;
      height: 3.5em;
      line-height: 3.5em;
      text-align: center;
}
.first-recharge-modal > .section > .header > div[data-v-fe8da0d2] {
        font-size: 1.2em;
}
.first-recharge-modal > .section > .header > div > .cost[data-v-fe8da0d2] {
          display: inline-block;
          margin: 0 0.7em;
          font-size: 1.5em;
          color: #ffd415;
}
.first-recharge-modal > .section > .body[data-v-fe8da0d2] {
      background-color: #f3f3f3;
      word-wrap: normal;
      white-space: nowrap;
      overflow-x: scroll;
      padding: 1.5em 0.7em;
      display: flex;
}
.first-recharge-modal > .section > .body .item[data-v-fe8da0d2] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 21.538vw;
        width: 21.538vw;
        background-color: #fff;
        border-radius: 0.5em;
        margin-right: 0.5em;
}
.first-recharge-modal > .section > .body .item[data-v-fe8da0d2]:last-child {
          margin-right: 0;
}
.first-recharge-modal > .section > .body .item > .name[data-v-fe8da0d2] {
          font-size: 0.9em;
}
.first-recharge-modal > .section > .body .item > img[data-v-fe8da0d2] {
          height: 5em;
          width: 5em;
}

.helper-center[data-v-3d671542] .van-collapse-item__content {
  padding: 0;
}
.helper-center .title[data-v-3d671542] {
  display: flex;
  align-items: center;
}
.helper-center .title img[data-v-3d671542] {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
    -o-object-fit: cover;
       object-fit: cover;
}
.helper-center .title .name[data-v-3d671542] {
    font-size: 1.6rem;
    font-weight: bold;
}
.helper-center .title .desc[data-v-3d671542] {
    font-size: 1.4rem;
    color: #979797;
}
.helper-center .content[data-v-3d671542] {
  background-color: #fafafa;
  font-size: 1.4rem;
  color: #1a1a1a;
}
.helper-center .content li[data-v-3d671542] {
    padding: 1rem 1.5rem;
}

.form-item-container[data-v-030953c8] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(232, 231, 231, 0.5);
  padding: 1.5rem 0;
}
.form-item-container[data-v-030953c8]:last-child {
    border-bottom: none;
}
.form-item-container .label[data-v-030953c8] {
    font-size: 1.4rem;
}
.form-item-container .content[data-v-030953c8] {
    flex: 1;
    margin-left: 2rem;
}

.the-title-input-container[data-v-704e4f69] .content {
  display: flex;
  align-items: center;
}
.the-title-input-container .type-name[data-v-704e4f69] {
  font-size: 1.4rem;
  padding-right: 1rem;
  color: #c0bdbd;
}
.the-title-input-container .title-input[data-v-704e4f69] {
  font-size: 1.4rem;
  width: 100%;
  padding: 0;
  flex: 1;
}
.the-title-input-container .title-input[data-v-704e4f69]::-moz-placeholder {
    color: #c0bdbd;
}
.the-title-input-container .title-input[data-v-704e4f69]:-ms-input-placeholder {
    color: #c0bdbd;
}
.the-title-input-container .title-input[data-v-704e4f69]::placeholder {
    color: #c0bdbd;
}

.the-category-select-container[data-v-47f5819e] {
  align-items: flex-start;
}
.the-category-select-container[data-v-47f5819e] .content {
    font-size: 0;
}
.the-category-select-container[data-v-47f5819e] .content > .tag {
      display: inline-block;
      width: 8rem;
      height: 3.3rem;
      line-height: 3.3rem;
      text-align: center;
      background-color: #fafafa;
      font-size: 1.3rem;
      border-radius: 1.75rem;
      margin-right: 0.7rem;
      margin-bottom: 1rem;
}
.the-category-select-container[data-v-47f5819e] .content > .tag.active {
        background-color: #ffeb6f;
}

.the-avatar-upload-container[data-v-c3cddfde] .form-item-container {
  align-items: flex-start;
}
.the-avatar-upload-container[data-v-c3cddfde] .van-uploader__upload {
  border-radius: 0.5rem;
}
.the-avatar-upload-container[data-v-c3cddfde] .form-item-container {
  border-bottom: none;
}
.the-avatar-upload-container > .extra[data-v-c3cddfde] {
  font-size: 1.1rem;
  color: #ff7b52;
}
.the-avatar-upload-container > .extra > p[data-v-c3cddfde] {
    margin: 0;
    margin-bottom: 0.5rem;
}

.wrapper[data-v-300b040c] {
  display: flex;
  align-items: center;
}
.icon[data-v-300b040c] {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  margin-left: 10px;
  background-image: url("https://static.aipiaxi.com/image/2022/11/FvFn3sOamkCzbiQQBdoGx6hLAAGb.png");
  background-size: 100% 100%;
  margin-right: 1rem;
}
.title-input[data-v-300b040c] {
  font-size: 1.4rem;
  width: 100%;
  padding: 0;
  flex: 1;
}
.title-input[data-v-300b040c]::-moz-placeholder {
    color: #c0bdbd;
}
.title-input[data-v-300b040c]:-ms-input-placeholder {
    color: #c0bdbd;
}
.title-input[data-v-300b040c]::placeholder {
    color: #c0bdbd;
}

[data-v-260cd844] .app-layout-body {
  padding: 0 1.5rem;
}

.the-tag-select-container[data-v-26359161] {
  align-items: flex-start;
}
.the-tag-select-container[data-v-26359161] .label {
    padding-top: 0.5rem;
}
.the-tag-select-container[data-v-26359161] .content {
    display: flex;
    flex-wrap: wrap;
}
.the-tag-select-container[data-v-26359161] .content > .tag {
      width: 8rem;
      height: 3.3rem;
      line-height: 3.3rem;
      text-align: center;
      background-color: #fafafa;
      font-size: 1.3rem;
      border-radius: 1.75rem;
      margin-right: 0.7rem;
      margin-bottom: 1rem;
}
.the-tag-select-container[data-v-26359161] .content > .tag.active {
        background-color: #ffeb6f;
}
.the-tag-select-container .add-tag-btn[data-v-26359161] {
    width: 3.2rem;
    height: 3.2rem;
}

.desc-input-container > .title[data-v-30bd2cb7] {
  font-size: 1.4rem;
  padding: 1.5rem 0;
}
.desc-input-container > .desc-input[data-v-30bd2cb7] {
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  font-size: 0;
  background-color: #f3f3f3;
}
.desc-input-container > .desc-input > .count[data-v-30bd2cb7] {
    font-size: 1.1rem;
    color: #c0bdbd;
    position: absolute;
    bottom: 1.5rem;
    right: 1.3rem;
}
.desc-input-container > .desc-input > textarea[data-v-30bd2cb7] {
    border: none;
    background-color: #f3f3f3;
    height: 12.5rem;
    width: 100%;
    resize: none;
    font-size: 1.3rem;
    padding: 1.5rem 1.3rem;
}
.desc-input-container > .desc-input > textarea[data-v-30bd2cb7]::-moz-placeholder {
      color: #c0bdbd;
}
.desc-input-container > .desc-input > textarea[data-v-30bd2cb7]:-ms-input-placeholder {
      color: #c0bdbd;
}
.desc-input-container > .desc-input > textarea[data-v-30bd2cb7]::placeholder {
      color: #c0bdbd;
}

.tag-form-item-cotainer[data-v-574369dc] {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(232, 231, 231, 0.5);
}
.tag-form-item-cotainer > .text[data-v-574369dc] {
    margin: 0;
    color: #ff7b52;
    font-size: 1.1rem;
}
.tag-form-item-cotainer .form-item-container[data-v-574369dc] {
    border-bottom: none;
}

[data-v-d8978df2] .app-layout-body {
  padding: 0 1.5rem;
  padding-bottom: 30rem;
}

.tag-display-field > .title[data-v-a772f892] {
  font-size: 1.8rem;
  font-weight: bold;
}
.tag-display-field > .tag-list[data-v-a772f892] {
  font-size: 0;
  padding: 2rem 0;
  border-bottom: 1px solid #e8e7e7;
}
.tag-display-field > .tag-list > .tag-item[data-v-a772f892] {
    position: relative;
    font-size: 1.4rem;
    display: inline-block;
    padding: 0.6rem 2rem;
    border-radius: 1.6rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.tag-display-field > .tag-list > .tag-item.active[data-v-a772f892] {
      background-color: #ffeb6f;
}
.tag-display-field > .tag-list > .tag-item > .close-btn[data-v-a772f892] {
      position: absolute;
      height: 1.5rem;
      width: 1.5rem;
      right: -0.4rem;
      top: -0.4rem;
}

.tag-list-container[data-v-1efbd206] {
  padding-top: 3.5rem;
}
.tag-list-container > .title[data-v-1efbd206] {
    font-size: 1.8rem;
    font-weight: bold;
}
.tag-list-container > ul[data-v-1efbd206] {
    padding: 2.5rem 0;
    font-size: 0;
}
.tag-list-container > ul > li[data-v-1efbd206] {
      font-size: 1.4rem;
      border: 1px solid rgba(232, 231, 231, 0.5);
      border-radius: 1.6rem;
      padding: 0.6rem 2rem;
      display: inline-block;
      margin-right: 1rem;
      margin-bottom: 1rem;
}

.tag-select-page-container[data-v-2a5f5342] .app-layout-body {
  padding: 0 1.5rem;
  padding-top: 2.5rem;
}

.the-role-count-container[data-v-717c860a] {
  margin-bottom: 3rem;
}
.the-role-count-container > .title[data-v-717c860a] {
    color: #7d7d7d;
    font-size: 1.4rem;
    margin-bottom: 2.7rem;
}
.the-role-count-container > .select[data-v-717c860a] {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
.the-role-count-container > .select > .item[data-v-717c860a] {
      display: flex;
      align-items: center;
}
.the-role-count-container > .select > .item[data-v-717c860a]:first-child {
        margin-right: 2rem;
}
.the-role-count-container > .select > .item > .icon-wrapper[data-v-717c860a] {
        font-size: 0;
}
.the-role-count-container > .select input[data-v-717c860a] {
      background-color: #fafafa;
      width: 6rem;
      text-align: center;
      margin: 0 1rem;
      border-radius: 0.3rem;
}
.the-role-count-container > .select img[data-v-717c860a] {
      height: 1.8rem;
      width: 1.8rem;
      margin-right: 1rem;
}

@charset "UTF-8";
.the-role-list-item[data-v-0aeeecd6] {
  position: relative;
  display: flex;
  align-items: center;
  height: 10rem;
  border-radius: 1rem;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.the-role-list-item[data-v-0aeeecd6]::after {
    content: '';
    position: absolute;
    height: 10rem;
    width: 5rem;
    transform: rotate(45deg);
    right: -2rem;
    bottom: -5.5rem;
    background-color: RGBA(255, 255, 255, 0.8);
}
.the-role-list-item.female[data-v-0aeeecd6], .the-role-list-item.male[data-v-0aeeecd6] {
    background-size: 8.8rem 8.8rem;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 0.6rem;
}
.the-role-list-item.male[data-v-0aeeecd6] {
    background-color: #9ad7ff;
    background-image: url(../../venus-ssr/img/男@3x.e6064e62.png);
}
.the-role-list-item.female[data-v-0aeeecd6] {
    background-color: #ffb3f0;
    background-image: url(../../venus-ssr/img/女@3x.31622952.png);
}
.the-role-list-item > .more[data-v-0aeeecd6] {
    position: absolute;
    height: 1.6rem;
    width: 1.6rem;
    top: 0.9rem;
    right: 1.5rem;
}
.the-role-list-item > .avatar[data-v-0aeeecd6] {
    height: 5.5rem;
    width: 5.5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 1.5rem;
}
.the-role-list-item > .color-field[data-v-0aeeecd6] {
    position: absolute;
    z-index: 99;
    bottom: 0.5rem;
    right: 0.5rem;
    width: 1.1rem;
    height: 1.1rem;
    background-color: #584b95;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.the-role-list-item > .color-field > img[data-v-0aeeecd6] {
      height: 0.5rem;
      width: 0.5rem;
}
.the-role-list-item .title[data-v-0aeeecd6] {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.the-role-list-item .desc[data-v-0aeeecd6] {
    font-size: 1.4rem;
}

.the-color-board[data-v-5fd0cef1] {
  border-radius: 1.5rem 1.5rem 0 0;
}
.the-color-board .color-picker-title[data-v-5fd0cef1] {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.the-color-board .color-list[data-v-5fd0cef1] {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4rem;
}
.the-color-board .color-list > li[data-v-5fd0cef1] {
      position: relative;
      height: 4rem;
      width: 4rem;
      border-radius: 50%;
      margin-bottom: 2.5rem;
      margin-right: 2.3rem;
}
.the-color-board .color-list > li[data-v-5fd0cef1]:nth-child(5n) {
        margin-right: 0;
}
.the-color-board .color-list > li.active[data-v-5fd0cef1]::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 1.5rem;
        width: 1.5rem;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAADuElEQVRoQ+2YW6vUZRTGf8s8lGYntMNFF/kdpA+h0oE8hqaZ5QktJSINPEB4iFSoLroJxRtDpAvtSkW0NNFturPaHjJFwdAIRELQ0iXPtEZmT3v+7/uf9t4z0l63s2a9zzzzvM9a6zXuw7D7EDMDoPvrXxtg+n/PtLs/AUwBFgCjgYPAWqCjLeXh7s8B64BXoJtZ/AJMazvQwfDnwEvAAz1IbkdbgXb3x4HPgKkF9+Nq24B292eB9aHjojt9ti1Au/tjwCcBeHDChZa1HLS7Pwp8BMxJgL0D7ANebSlod38G+BCYleHxh4D5ZtbZMtDu/gjwMfAaMCQB+jjwInDJzLwloN39YWA18HadD9djlyQ6gMlmdqH6Yb+Ddnd1t5XAvARgYTwWeR1iuCWg3X0EsAZ4CxiakMQpYAJwrhawvlNh2t1V4GlA1nMTuGJm1zIuR3aKuw8HlgHvA4MKvihGfwAmmdmZnvIs9KW/6g1gDPAnsB/YYGYHslEVofhn+BHgdxKAVeVkSOJQPcP35OHuE4HNgJioDQ0nb5qZvLHpCIal4UXAsESh88B4oKsR4Io83P0IMLZBsZ+B6Wb2fTOo3f2hcAg5RVGnkySkYUnix9RZAv07MKog8acw9VJSiU73LvBeArCOPh2S2G9msrnCEOjDwPOJPF2I2Wb2bapgXOwH48IJtNguisshic4cwFV5aNDe0oOm6w/qVPdSGy1C4O7S7dyY2IpsTZI4pyHJzOTH2VF1jxXAQkAMFcWJkMp3PSWFE6nLfZBx6X5VLWCPmd3ORlzj05oDNMvK9FPRBbxuZpLVvQivXwosB9REiuKPkMTRsoAr8qhWdq/MIVpzZmSwpHlgppnpklab00xgU0LDksTFynhppkW1qeg2e8SN16ioRpPy1KPx9wq4NuZVGffiUsjw62YYrv7Cfw1MsUVsFJMZNEgq0rca1MhE/nXgBeCb/wK4mzzq9Kkt+AuNhBmMZ/w2ZGszzGxvTnIqp+FoGpuxHkfEeGoiKzrnN2Ax8JWZ/Z0ClPN54TwdbxCfJlb6onNuxIPL7t4C3FAedVLRKrQ1Hk/KMH41uuiuHPbK5GRtLu6u2UQb87RMqWieWQJ8aWZ/lQGUk5sFOrxYwOXjLycK3wo57ewLwFnyqJOKvHsbMK7BBq1ON8/Mtucw1mxONtM1nfPJaPl6b6vV+JVo4VvNTGz3WZQGHVLRLjk9XoWeiq1ZQ5fGyz4FXFoefUZdycJNMV3yjF5PHwDd65Q2KDjAdH8xfRerBRhfJWVYkwAAAABJRU5ErkJggg==);
        background-size: 100% 100%;
}

.the-role-eidtor-container[data-v-04849731] {
  padding: 0 1.5rem;
  border-radius: 1.5rem 1.5rem 0 0;
}
.the-role-eidtor-container .header[data-v-04849731] {
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.15rem 0;
    border-bottom: 1px solid rgba(232, 231, 231, 0.8);
}
.the-role-eidtor-container .header > .cancel-btn[data-v-04849731] {
      color: #7d7d7d;
}
.the-role-eidtor-container .header > .title[data-v-04849731] {
      font-size: 1.5rem;
      font-weight: bold;
}
.the-role-eidtor-container > .sex-row[data-v-04849731] {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    padding: 3rem 0;
    border-bottom: 1px solid rgba(232, 231, 231, 0.8);
}
.the-role-eidtor-container > .sex-row > .icon-wrapper[data-v-04849731] {
      font-size: 0;
}
.the-role-eidtor-container > .sex-row > .icon-wrapper > img[data-v-04849731] {
        height: 2.2rem;
        width: 2.2rem;
        margin-right: 1.5rem;
}
.the-role-eidtor-container > .sex-row > span[data-v-04849731] {
      margin-right: 3.5rem;
}
.the-role-eidtor-container > .input-row[data-v-04849731] {
    padding: 2rem 0;
    border-bottom: 1px solid rgba(232, 231, 231, 0.8);
}
.the-role-eidtor-container > .input-row > input[data-v-04849731] {
      font-size: 1.4rem;
      width: 100%;
}
.the-role-eidtor-container > .input-row > input[data-v-04849731]::-moz-placeholder {
        color: #c0bdbd;
}
.the-role-eidtor-container > .input-row > input[data-v-04849731]:-ms-input-placeholder {
        color: #c0bdbd;
}
.the-role-eidtor-container > .input-row > input[data-v-04849731]::placeholder {
        color: #c0bdbd;
}
.the-role-eidtor-container > .upload-field[data-v-04849731] {
    display: flex;
    align-items: center;
    padding-top: 1.5rem;
}
.the-role-eidtor-container > .upload-field .avatar-uploader[data-v-04849731] {
      margin-right: 1.5rem;
}
.the-role-eidtor-container > .upload-field .avatar-uploader[data-v-04849731] .van-uploader__upload {
        border-radius: 50%;
        margin: 0;
}
.the-role-eidtor-container > .upload-field .avatar-uploader[data-v-04849731] .van-uploader__preview-image {
        border-radius: 50%;
}
.the-role-eidtor-container > .upload-field .title[data-v-04849731] {
      font-size: 1.4rem;
      font-weight: bold;
      margin-bottom: 1.2rem;
}
.the-role-eidtor-container > .upload-field .desc[data-v-04849731] {
      font-size: 1.1rem;
      color: #c0bdbd;
}

.role-edit-page-container[data-v-62d22076] .app-layout-body {
  padding: 0 1.5rem;
  padding-top: 2.5rem;
}

.the-team-list-item[data-v-1fb5bbdc] {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1.7rem 1.5rem;
  background-color: #fafafa;
  border-radius: 0.5rem;
}
.the-team-list-item > .avatar[data-v-1fb5bbdc] {
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    margin-right: 1.5rem;
}
.the-team-list-item .title[data-v-1fb5bbdc] {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.the-team-list-item .desc[data-v-1fb5bbdc] {
    color: #7d7d7d;
    font-size: 1.2rem;
}
.the-team-list-item .more-btn[data-v-1fb5bbdc] {
    position: absolute;
    height: 1.8rem;
    width: 1.8rem;
    top: 2.25rem;
    right: 1.5rem;
}

.team-list-container[data-v-29f20ea9] {
  margin-bottom: 3rem;
}
.team-list-container > .header[data-v-29f20ea9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}
.team-list-container > .header > .add-btn[data-v-29f20ea9] {
      font-size: 1.2rem;
      font-weight: bold;
      display: inline-block;
      background-color: #ffeb6f;
      height: 2.8rem;
      line-height: 2.8rem;
      width: 6rem;
      text-align: center;
      border-radius: 1.6rem;
}
.team-list-container > .header > .add-btn[data-v-29f20ea9]:active {
        background-color: rgba(255, 235, 111, 0.8);
}

.the-ost-form-item[data-v-9a9538ee] {
  display: flex;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(232, 231, 231, 0.8);
  margin-bottom: 2rem;
}
.the-ost-form-item > .title[data-v-9a9538ee] {
    font-size: 1.4rem;
    margin-right: 1.2rem;
}
.the-ost-form-item > .ost-upload-btn[data-v-9a9538ee] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    height: 8rem;
    width: 8rem;
    font-size: 3rem;
}

.the-team-editor-container[data-v-4217af38] {
  padding: 0 1.2rem;
  border-radius: 1.5rem 1.5rem 0 0;
}
.the-team-editor-container .header[data-v-4217af38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    padding: 2.15rem 1.2rem;
    border-bottom: 1px solid rgba(235, 235, 235, 0.8);
}
.the-team-editor-container .header > .cancel[data-v-4217af38] {
      color: #7d7d7d;
}
.the-team-editor-container .header > .title[data-v-4217af38] {
      font-size: 1.5rem;
      font-weight: bold;
}
.the-team-editor-container > .user-info-row[data-v-4217af38] {
    display: flex;
    align-items: center;
    padding: 2.5rem 0;
    border-bottom: 1px solid rgba(235, 235, 235, 0.8);
}
.the-team-editor-container > .user-info-row > .avatar[data-v-4217af38] {
      height: 5rem;
      width: 5rem;
      border-radius: 50%;
      margin-right: 1.5rem;
}
.the-team-editor-container > .user-info-row > .user-info[data-v-4217af38] {
      flex: 1;
}
.the-team-editor-container > .user-info-row > .user-info > .title[data-v-4217af38] {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
}
.the-team-editor-container > .user-info-row > .user-info > .desc[data-v-4217af38] {
        color: #7d7d7d;
        font-size: 1.2rem;
}
.the-team-editor-container > .tag-list-wrapper[data-v-4217af38] {
    display: flex;
    padding-top: 2rem;
    padding-bottom: 10rem;
}
.the-team-editor-container > .tag-list-wrapper > .title[data-v-4217af38] {
      font-size: 1.4rem;
}
.the-team-editor-container > .tag-list-wrapper > .tag-list[data-v-4217af38] {
      display: flex;
      flex-wrap: wrap;
      margin-left: 2rem;
      flex: 1;
}
.the-team-editor-container > .tag-list-wrapper > .tag-list > .item[data-v-4217af38] {
        line-height: 3.3rem;
        width: 7.9rem;
        text-align: center;
        border-radius: 1.75rem;
        font-size: 1.3rem;
        background-color: #fafafa;
        margin-right: 0.7rem;
        margin-bottom: 1rem;
}
.the-team-editor-container > .tag-list-wrapper > .tag-list > .item.active[data-v-4217af38] {
          background-color: #ffeb6f;
}

.ost-edit-page-container[data-v-42f37a3a] .app-layout-body {
  padding: 0 1.5rem;
}

.audio-upload-container[data-v-2718fa71] {
  padding: 5rem 2.5rem;
}
.audio-upload-container > .desc[data-v-2718fa71] {
    font-size: 1.5rem;
    margin-bottom: 4rem;
}
.audio-upload-container > .btn[data-v-2718fa71] {
    height: 4.5rem;
    line-height: 4.5rem;
    border-radius: 3.03rem;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
    background-color: #ffd415;
}
.audio-upload-container > .btn[data-v-2718fa71]:active {
      background-color: rgba(255, 212, 21, 0.8);
}

.the-tool-bar-wrapper[data-v-51db3de3] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.the-tool-bar-wrapper > .role-field[data-v-51db3de3] {
    padding-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: -4.5rem;
    width: 100%;
    left: 0;
    height: 4.5rem;
    font-size: 1.3rem;
    background-color: #f3f3f3;
}
.the-tool-bar-wrapper > .role-field > .setting-icon[data-v-51db3de3] {
      height: 3rem;
      width: 3rem;
}
.the-tool-bar-wrapper > .role-field > .role-list[data-v-51db3de3] {
      display: flex;
      flex-wrap: nowrap;
      flex: 1;
      overflow: scroll;
      padding-left: 1.5rem;
      margin-right: 1rem;
}
.the-tool-bar-wrapper > .role-field > .role-list[data-v-51db3de3]::-webkit-scrollbar {
        display: none;
}
.the-tool-bar-wrapper > .role-field > .role-list > li[data-v-51db3de3] {
        word-break: keep-all;
        background-color: #fff;
        height: 3rem;
        line-height: 3.2rem;
        border-radius: 1.5rem;
        padding: 0 1rem;
        margin-right: 1rem;
}
.the-tool-bar[data-v-51db3de3] {
  background-color: #fff;
  display: flex;
  align-items: center;
  height: 4.8rem;
  box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.05);
  padding-left: 2.5rem;
}
.the-tool-bar > .item[data-v-51db3de3] {
    position: relative;
    margin-right: 3.5rem;
}
.the-tool-bar > .item.active.has-popover[data-v-51db3de3]::before {
      content: '';
      position: absolute;
      top: -2.35rem;
      left: 50%;
      transform: translateX(-50%);
      border-top: 0.6rem solid #1a1a1a;
      border-left: 0.5rem solid transparent;
      border-right: 0.5rem solid transparent;
}
.the-tool-bar > .item.active.has-popover > .popover[data-v-51db3de3] {
      display: flex;
}
.the-tool-bar > .item.active.has-popover > .bgm-popover[data-v-51db3de3] {
      display: block;
}
.the-tool-bar > .item > .role-active-icon[data-v-51db3de3] {
      border-radius: 0.3rem;
}
.the-tool-bar > .item > .bgm-popover[data-v-51db3de3] {
      display: none;
      position: absolute;
      background-color: #1a1a1a;
      font-size: 1.3rem;
      color: #fff;
      bottom: 4.9rem;
      width: 15rem;
      transform: translateX(-35%);
      border-radius: 0.3rem;
      padding: 0 1rem;
}
.the-tool-bar > .item > .bgm-popover > li[data-v-51db3de3] {
        padding: 1rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.the-tool-bar > .item > .bgm-popover > li > .add-btn[data-v-51db3de3] {
          height: 1.4rem;
          width: 1.4rem;
          vertical-align: middle;
}
.the-tool-bar > .item > .bgm-popover > li[data-v-51db3de3]:last-child {
          border-bottom: none;
}
.the-tool-bar > .item > .popover[data-v-51db3de3] {
      padding: 0 1.5rem;
      display: none;
      align-items: center;
      background-color: #1a1a1a;
      height: 4rem;
      border-radius: 0.3rem;
      position: absolute;
      top: -6.35rem;
      transform: translateX(-35%);
}
.the-tool-bar > .item > .popover > img[data-v-51db3de3] {
        height: 1.8rem;
        width: 1.8rem;
        margin-right: 2rem;
}
.the-tool-bar > .item > img[data-v-51db3de3] {
      position: relative;
      height: 2.3rem;
      width: 2.3rem;
}

#editor[data-v-2d1f6bd6] {
  height: 100%;
}

.modal-dialog > .mask[data-v-d66c3392] {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-dialog > .modal[data-v-d66c3392] {
  position: fixed;
  z-index: 1001;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30.5rem;
  min-height: 15rem;
  background-color: #fff;
  padding: 0 1.5rem;
  border-radius: 1.5rem;
}
.modal-dialog > .modal > .body[data-v-d66c3392] {
    text-align: center;
    padding: 3.25rem;
    font-size: 1.5rem;
    border-bottom: 1px solid rgba(232, 231, 231, 0.3);
}
.modal-dialog > .modal > .footer[data-v-d66c3392] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 1.25rem;
}
.modal-dialog > .modal > .footer.center[data-v-d66c3392] {
      justify-content: center;
}
.modal-dialog > .modal > .footer > button[data-v-d66c3392] {
      font-size: 1.4rem;
      height: 4rem;
      width: 11.25rem;
      border-radius: 2rem;
      background-color: #fafafa;
      border: 1px solid rgba(232, 231, 231, 0.5);
}
.modal-dialog > .modal > .footer > button.primary[data-v-d66c3392] {
        background-color: #ffd415;
        border: none;
}

.edit-page-container[data-v-2823102c] {
  position: relative;
  background-color: #fafafa;
  height: 100vh;
}
.edit-page-container .comming-soon[data-v-2823102c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
}
.edit-page-container .input-wrapper[data-v-2823102c] {
    margin: 0 1.5rem;
}
.edit-page-container .input-wrapper .title-input[data-v-2823102c] {
      position: relative;
      padding-top: 3.5rem;
      padding-bottom: 2rem;
      font-size: 2.1rem;
      font-weight: bold;
      background-color: #fafafa;
      width: 100%;
      border-bottom: 1px dotted #c0bdbd;
}

.the-friend-list[data-v-7be279de] {
  padding: 0 1.5rem;
  padding-top: 3rem;
  min-height: 100vh;
}

.the-friend-list-item[data-v-3f38f6de] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
.the-friend-list-item > .left[data-v-3f38f6de] {
    display: flex;
    align-items: center;
    font-size: 0;
}
.the-friend-list-item > .left .avatar[data-v-3f38f6de] {
      height: 5rem;
      width: 5rem;
      border-radius: 50%;
}
.the-friend-list-item > .left > .title[data-v-3f38f6de] {
      margin-left: 1.5rem;
      font-size: 1.5rem;
}
.the-friend-list-item .btn[data-v-3f38f6de] {
    width: 6.5rem;
    height: 3.3rem;
    line-height: 3.3rem;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    background-color: #ffeb6f;
    border-radius: 1.75rem;
}
.the-friend-list-item .btn[data-v-3f38f6de]:active {
      background-color: rgba(255, 235, 111, 0.8);
}

.the-submit-button[data-v-51070ef0] {
  position: fixed;
  bottom: 3.5rem;
  left: 2.5rem;
  right: 2.5rem;
  height: 4.5rem;
  background-color: #ffd415;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 4.5rem;
  text-align: center;
  border-radius: 3.03rem;
}
.the-submit-button[data-v-51070ef0]:not(.disabled):active {
    background-color: rgba(255, 212, 21, 0.5);
}
.the-submit-button.disabled[data-v-51070ef0] {
    background-color: #f3f3f3;
}

.submit-review-container[data-v-71a54d6b] {
  padding-top: 4rem;
}

.the-time-line-item[data-v-2c33679a] {
  padding: 0 3.5rem;
  display: flex;
  margin-bottom: 3.5rem;
}
.the-time-line-item:last-child > .left[data-v-2c33679a]::after {
    display: none;
}
.the-time-line-item > .left[data-v-2c33679a] {
    position: relative;
    margin-right: 2.5rem;
}
.the-time-line-item > .left[data-v-2c33679a]::after {
      content: '';
      position: absolute;
      top: 3.1rem;
      left: 50%;
      transform: translateX(-50%);
      width: 1px;
      height: 3.2rem;
      background-color: #f3f3f3;
}
.the-time-line-item > .left > img[data-v-2c33679a] {
      height: 2.5rem;
      width: 2.5rem;
}
.the-time-line-item > .right > .title[data-v-2c33679a] {
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}
.the-time-line-item > .right > .title.error[data-v-2c33679a] {
      color: #ff2424;
}
.the-time-line-item > .right > .date[data-v-2c33679a] {
    font-size: 1.1rem;
    color: #c0bdbd;
    margin-bottom: 0.5rem;
}

.submit-review-container .desc[data-v-7944dfc0] {
  color: #7d7d7d;
  font-size: 1.2rem;
}
.submit-review-container .desc .qq[data-v-7944dfc0] {
    display: inline-block;
    margin: 0 0.5rem;
    color: #1a1a1a;
}

.container[data-v-7cb11e63] {
  color: #1a1a1a;
  padding-top: 2.5rem;
  min-height: 100vh;
  background: linear-gradient(180deg, rgba(220, 155, 132, 0.2) 0%, rgba(223, 164, 143, 0) 50rem);
}
.container .article-detail.fixed[data-v-7cb11e63] {
    position: fixed;
    width: 100vw;
}
.container .top[data-v-7cb11e63] {
    position: fixed;
    z-index: 99;
    bottom: 10rem;
    right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.9);
}
.container .top > img[data-v-7cb11e63] {
      height: 1.5rem;
      width: 1.5rem;
}

.the-effect-list-item-container[data-v-767cf40c] {
  padding: 0 1.5rem;
}
.the-effect-list-item-container[data-v-767cf40c]:active {
    background-color: #e8e7e7;
}
.the-effect-list-item-container .the-effect-list-item-wrapper[data-v-767cf40c] {
    display: flex;
    justify-content: space-between;
    padding: 1.9rem 0;
    border-bottom: 1px solid rgba(232, 231, 231, 0.8);
}
.the-effect-list-item-container .the-effect-list-item-wrapper .title[data-v-767cf40c] {
      display: flex;
      align-items: center;
      font-size: 1.6rem;
      margin-bottom: 0.5rem;
}
.the-effect-list-item-container .the-effect-list-item-wrapper .title > img[data-v-767cf40c] {
        height: 1.3rem;
        width: 1.3rem;
        margin-right: 1rem;
}
.the-effect-list-item-container .the-effect-list-item-wrapper .sub-title[data-v-767cf40c] {
      font-size: 1.2rem;
      color: #7d7d7d;
}
.the-effect-list-item-container .the-effect-list-item-wrapper > .add-icon[data-v-767cf40c] {
      height: 1.6rem;
      width: 1.6rem;
}
.the-effect-list-item-container .the-effect-list-item-wrapper > .label[data-v-767cf40c] {
      font-size: 1.2rem;
      color: #7d7d7d;
}

.the-effect-list-container[data-v-1ffcded9] {
  padding-top: 0.6rem;
  height: calc(100%);
  overflow: scroll;
}

.the-top-menu-container[data-v-10b0183a] {
  width: 100%;
  background-color: #fafafa;
  font-size: 1.5rem;
  height: 5rem;
  line-height: 5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid #e8e7e7;
}
.the-top-menu-container > .tip[data-v-10b0183a] {
    font-size: 1.2rem;
    white-space: nowrap;
}
.the-top-menu-container[data-v-10b0183a] .swiper-slide {
    width: auto;
    margin-right: 2.5rem;
    color: #7d7d7d;
}
.the-top-menu-container[data-v-10b0183a] .swiper-slide.active {
      color: #1a1a1a;
      font-weight: bold;
}

.the-main-container[data-v-9353e17a] {
  height: 100%;
  width: calc(100vw - 10rem);
}

.the-left-menu-container[data-v-6106e010] {
  width: 10rem;
  padding: 1.5rem 1rem;
  background-color: #f3f3f3;
  height: 100%;
  overflow-y: scroll;
}
.the-left-menu-container[data-v-6106e010]::-webkit-scrollbar {
    display: none;
}
.the-left-menu-container > li[data-v-6106e010] {
    padding: 1rem 0.8rem;
    background-color: #fff;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    min-height: 3.5rem;
    text-align: center;
    border-radius: 0.3rem;
}
.the-left-menu-container > li.active[data-v-6106e010] {
      background-color: #ffd415;
}
.the-left-menu-container > li[data-v-6106e010]:last-child {
      margin-bottom: 0;
}

.the-search-fields-container[data-v-7274c3d0] {
  padding: 0 2rem;
  height: 3rem;
  border-radius: 1.85rem;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  width: 25rem;
  background-color: #f3f3f3;
  overflow: hidden;
}
.the-search-fields-container > input[data-v-7274c3d0] {
    background-color: #f3f3f3;
    width: 100%;
}
.the-search-fields-container > input[data-v-7274c3d0]::-moz-placeholder {
      color: rgba(125, 125, 125, 0.7);
}
.the-search-fields-container > input[data-v-7274c3d0]:-ms-input-placeholder {
      color: rgba(125, 125, 125, 0.7);
}
.the-search-fields-container > input[data-v-7274c3d0]::placeholder {
      color: rgba(125, 125, 125, 0.7);
}

[data-v-47ceaa4f] .app-layout-body {
  display: flex;
}
[data-v-47ceaa4f] #effect-swiper-list {
  height: calc(100% - 5rem);
}

.the-submit-button[data-v-3b81551e] {
  position: fixed;
  bottom: 3.5rem;
  left: 2.5rem;
  right: 2.5rem;
  height: 4.5rem;
  background-color: #ffd415;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 4.5rem;
  text-align: center;
  border-radius: 3.03rem;
}
.the-submit-button[data-v-3b81551e]:not(.disabled):active {
    background-color: rgba(255, 212, 21, 0.5);
}
.the-submit-button.disabled[data-v-3b81551e] {
    background-color: #f3f3f3;
}

.submit-review-container .desc[data-v-6539a2d9] {
  color: #7d7d7d;
  font-size: 1.2rem;
}
.submit-review-container .desc .qq[data-v-6539a2d9] {
    display: inline-block;
    margin: 0 0.5rem;
    color: #1a1a1a;
}

.record-blank-page[data-v-4251e15c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5rem;
}
.record-blank-page > .title[data-v-4251e15c] {
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
    margin: 0;
    margin-bottom: 4.4rem;
}
.record-blank-page > ul > li[data-v-4251e15c] {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 2rem;
}
.record-blank-page > ul > li > img[data-v-4251e15c] {
      height: 1.9rem;
      width: 1.9rem;
      margin-right: 1.65rem;
}

.nameplate-modal[data-v-e799d8ea] {
  padding: 2.5em 1.5rem;
}
.nameplate-modal .header[data-v-e799d8ea] {
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
}
.nameplate-modal table[data-v-e799d8ea] {
    border: 1px solid #e8e7e7;
    border-bottom: none;
    margin-top: 2em;
}
.nameplate-modal table > thead th[data-v-e799d8ea] {
      font-size: 1.4em;
      font-weight: 400;
      border-right: 1px solid #e8e7e7;
      border-bottom: 1px solid #e8e7e7;
      padding: 0.6em 0;
}
.nameplate-modal table > thead th[data-v-e799d8ea]:last-child {
        border-right: none;
}
.nameplate-modal table > thead th.level[data-v-e799d8ea] {
        width: 7.8em;
}
.nameplate-modal table > thead th.icon[data-v-e799d8ea] {
        width: 19.15em;
}
.nameplate-modal table > tbody > tr > td[data-v-e799d8ea] {
      text-align: center;
      border-right: 1px solid #e8e7e7;
      border-bottom: 1px solid #e8e7e7;
      padding: 0.6em 0;
}
.nameplate-modal table > tbody > tr > td[data-v-e799d8ea]:last-child {
        border-right: none;
}
.nameplate-modal table > tbody > tr > td.level[data-v-e799d8ea] {
        font-size: 1.5em;
}
.nameplate-modal table > tbody > tr > td.icon > img[data-v-e799d8ea] {
        height: 2.2em;
        width: 8em;
        vertical-align: middle;
}

.cancel-account-page[data-v-4f88f273] {
  padding: 0 1.5rem;
  padding-top: 3.5rem;
}
.cancel-account-page > .title[data-v-4f88f273] {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.cancel-account-page > .row[data-v-4f88f273] {
    font-size: 1.4rem;
    display: flex;
    margin-bottom: 1rem;
}
.cancel-account-page > .row > span[data-v-4f88f273]:first-child {
      margin-right: 0.2rem;
}
.cancel-account-page > .btn-group[data-v-4f88f273] {
    display: flex;
    justify-content: space-between;
    font-size: 1.7rem;
    font-weight: bold;
    padding: 0 2.5rem;
    position: fixed;
    bottom: 3.2rem;
    left: 0;
    right: 0;
}
.cancel-account-page > .btn-group .cancel[data-v-4f88f273],
    .cancel-account-page > .btn-group .confirm[data-v-4f88f273] {
      height: 4.5rem;
      line-height: 4.5rem;
      text-align: center;
      border-radius: 3.03rem;
}
.cancel-account-page > .btn-group .cancel[data-v-4f88f273] {
      border: 0.25rem solid #f3f3f3;
      background-color: #fafafa;
      width: 11rem;
      line-height: 4rem;
}
.cancel-account-page > .btn-group .confirm[data-v-4f88f273] {
      background-color: #ff2424;
      color: #fff;
      width: 20rem;
}
.cancel-account-page > .btn-group .confirm[data-v-4f88f273]:active {
        background-color: rgba(255, 36, 36, 0.8);
}
.cancel-account-page .modal-body[data-v-4f88f273] {
    text-align: center;
    padding: 1.4rem 0;
}
.cancel-account-page .modal-body > .title[data-v-4f88f273] {
      font-size: 1.4rem;
      color: #999;
      margin-bottom: 1rem;
      text-align: center;
}
.cancel-account-page .modal-body .input[data-v-4f88f273] {
      border: 1px solid #ddd;
      border-radius: 2px;
}

@charset "UTF-8";
.the-card[data-v-09cc0ba4] {
  position: relative;
  z-index: 9;
  background-color: #541fd9;
  border-radius: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 1rem;
  margin-bottom: 2.5rem;
}
.the-card > .chest-list[data-v-09cc0ba4] {
    display: flex;
    position: absolute;
    top: 0rem;
    left: 50%;
    transform: translateX(-50%);
}
.the-card > .chest-list > .chest[data-v-09cc0ba4] {
      position: relative;
      text-align: center;
      margin-right: 2.5rem;
      font-size: 0;
      /* 
      &::after {
        content: '';
        position: absolute;
        background-image: url('../../../../assets/webview/treasure-chest-desc/进度@3x.png');
        background-size: 100% 100%;
        height: 1rem;
        width: 1rem;
        right: -1.75rem;
        top: 50%;
        transform: translateY(-50%);
      } */
}
.the-card > .chest-list > .chest.active > img[data-v-09cc0ba4] {
        transform: translateX(-50%) scale(1.5);
}
.the-card > .chest-list > .chest[data-v-09cc0ba4]:last-child {
        margin-right: 0;
}
.the-card > .chest-list > .chest[data-v-09cc0ba4]:last-child::after {
          display: none;
}
.the-card > .chest-list > .chest > img[data-v-09cc0ba4] {
        position: absolute;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%);
        bottom: 1.1rem;
        width: 4.2rem;
        height: 3.6rem;
}
.the-card > .chest-list > .chest > .price[data-v-09cc0ba4] {
        position: relative;
        z-index: 9;
        height: 2rem;
        width: 5.5rem;
        border-radius: 1rem;
        background-color: #b76aff;
        color: #fff;
        font-size: 1.2rem;
        text-align: center;
        line-height: 2rem;
}
.the-card > .content[data-v-09cc0ba4] {
    background-color: #763dff;
    min-height: 50vh;
    border-radius: 1.5rem;
    padding: 0 1rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
}

@charset "UTF-8";
.the-section[data-v-2a23bf81] {
  background-color: #fff;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
}
.the-section[data-v-2a23bf81]:last-child {
    margin-bottom: 0;
}
.the-section > .header[data-v-2a23bf81] {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(data:image/png;base64,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);
    height: 3.9rem;
    width: 12.5rem;
    background-size: 100% 100%;
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
    line-height: 3.9rem;
    text-align: center;
}

.the-content[data-v-019132cc] {
  display: flex;
  flex-wrap: wrap;
  padding: 0 2rem;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}
.the-content > .item[data-v-019132cc] {
    width: 6rem;
    text-align: center;
    margin-right: 1.5rem;
    margin-bottom: 1.45rem;
}
.the-content > .item[data-v-019132cc]:nth-child(4n) {
      margin-right: 0;
}
.the-content > .item > .header[data-v-019132cc] {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 6rem;
      border-radius: 0.5rem;
      border: 1px solid #f1f0f0;
      background-color: #fafafa;
      margin-bottom: 0.5rem;
}
.the-content > .item > .header > img[data-v-019132cc] {
        height: 4.7rem;
        width: 4.7rem;
        -o-object-fit: contain;
           object-fit: contain;
}
.the-content > .item > .name[data-v-019132cc] {
      color: #200085;
      font-size: 1.3rem;
}
.the-content > .item > .price[data-v-019132cc] {
      color: rgba(32, 0, 133, 0.7);
      font-size: 1rem;
}

.the-probability[data-v-7dbaced1] {
  color: #200085;
  font-size: 1.2rem;
  padding: 0 1rem;
  padding-top: 1.3rem;
  padding-bottom: 2rem;
}
.the-probability table[data-v-7dbaced1] {
    width: 100%;
    border: 1px solid rgba(118, 61, 255, 0.5);
    border-radius: 0.5rem;
}
.the-probability table tr > td[data-v-7dbaced1]:last-child,
    .the-probability table tr > th[data-v-7dbaced1]:last-child {
      border-right: 0;
      padding: 0 1rem;
}
.the-probability table > tbody > tr:last-child > td[data-v-7dbaced1] {
      border-bottom: none;
}
.the-probability th[data-v-7dbaced1],
  .the-probability td[data-v-7dbaced1] {
    padding: 1rem 0;
    text-align: center;
    border-right: 1px solid rgba(118, 61, 255, 0.5);
    border-bottom: 1px solid rgba(118, 61, 255, 0.5);
}

@charset "UTF-8";
.the-desc[data-v-46ece6a5] {
  color: #fff;
}
.the-desc > .header[data-v-46ece6a5] {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgcAAAAMAQMAAADMN4ySAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlMATX7+8BUAAAAfSURBVCjPY/iPChgIAkZUDf8GhQmjYPCAwZAeKDYBAG09s02iE5uGAAAAAElFTkSuQmCC);
    background-size: 17.3rem 0.4rem;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-bottom: 2.4rem;
}
.the-desc > div[data-v-46ece6a5] {
    font-size: 1.2rem;
    margin-bottom: 1.3rem;
}

.treasure-chest-desc[data-v-3d892363] .app-layout-body {
  padding: 0 1.5rem;
  padding-bottom: 4rem;
  background-color: #5224e4;
}
.treasure-chest-desc[data-v-3d892363] .app-layout-body .page {
    padding-top: 28.8rem;
}
.treasure-chest-desc[data-v-3d892363] .app-layout-body .page > .hd-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 44rem;
}

.dotdot[data-v-740c5f7e] {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

@charset "UTF-8";
.the-display-field[data-v-44318ec0] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.85rem;
  height: 35.7rem;
  background-size: 100% 100%;
}
.the-display-field > .calendar-btn[data-v-44318ec0] {
    display: flex;
    align-items: center;
    position: absolute;
    padding: 0 1rem;
    font-size: 1.1rem;
    height: 2.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 5rem 0 0 5rem;
    top: 1rem;
    right: 0;
    font-weight: bold;
    line-height: 2.8rem;
}
.the-display-field > .calendar-btn > i[data-v-44318ec0] {
      height: 1.8rem;
      width: 1.8rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/img/intimate/calendar.png");
      background-size: 100%;
      margin-right: 0.5rem;
}
.the-display-field p[data-v-44318ec0] {
    margin: 0;
}
.the-display-field > .content[data-v-44318ec0] {
    height: 25rem;
    width: 25rem;
    /* background-image: url('../../../../assets/intimate/亲密度@2x.png'); */
    background-size: 100% 100%;
    padding: 0 4.5rem;
    padding-top: 7.6rem;
}
.the-display-field > .content.content_sea[data-v-44318ec0] {
      width: 29rem;
      height: 24.5rem;
      padding-top: 12.75rem;
      padding-left: 7.3rem;
      padding-right: 5.75rem;
}
.the-display-field > .content.content_sea .avatar-wrapper[data-v-44318ec0] {
        position: relative;
}
.the-display-field > .content.content_sea .avatar-wrapper[data-v-44318ec0]::after {
          content: '';
          position: absolute;
          height: 7rem;
          width: 7rem;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-size: 100% 100%;
          background-image: url("https://static.aipiaxi.com/image/2022/06/FivgeOOJtonyLTPV52RX2pWbhWp1.png");
}
.the-display-field > .content > .info[data-v-44318ec0] {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
}
.the-display-field > .content > .info > .middle[data-v-44318ec0] {
        font-size: 1.7rem;
        font-weight: bold;
        color: #fff;
}
.the-display-field > .content > .info > .left[data-v-44318ec0],
      .the-display-field > .content > .info > .right[data-v-44318ec0] {
        width: 6rem;
}
.the-display-field > .content > .info > .left > .avatar-wrapper[data-v-44318ec0],
        .the-display-field > .content > .info > .right > .avatar-wrapper[data-v-44318ec0] {
          border-radius: 50%;
          border: 2px solid #fff;
          width: 6rem;
          height: 6rem;
          overflow: hidden;
          margin-bottom: 1rem;
}
.the-display-field > .content > .info > .left > .avatar-wrapper > img[data-v-44318ec0],
          .the-display-field > .content > .info > .right > .avatar-wrapper > img[data-v-44318ec0] {
            height: 100%;
            width: 100%;
}
.the-display-field > .content > .info > .left > .title[data-v-44318ec0],
        .the-display-field > .content > .info > .right > .title[data-v-44318ec0] {
          text-align: center;
          color: #ffffff;
          font-size: 1.3rem;
          font-weight: bold;
}
.the-display-field > .title[data-v-44318ec0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
}
.the-display-field > .title > div[data-v-44318ec0] {
      display: flex;
      align-items: center;
}
.the-display-field > .title > .level[data-v-44318ec0] {
      word-break: keep-all;
      white-space: nowrap;
}
.the-display-field > .title .icon[data-v-44318ec0] {
      height: 3rem;
      widows: 3rem;
}
.the-display-field > .sub-title[data-v-44318ec0] {
    display: inline-block;
    padding: 0 2rem;
    text-align: center;
    font-size: 1.3rem;
    /* background-color: #ffebf3; */
    height: 3rem;
    line-height: 3rem;
    border-radius: 1.5rem;
}

@charset "UTF-8";
.the-intimate-request[data-v-26ad62f8] {
  padding: 0 1.5rem;
  padding-bottom: 2rem;
}
.the-intimate-request > .header[data-v-26ad62f8] {
    padding: 2rem 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f3;
}
.the-intimate-request > .header > .left[data-v-26ad62f8] {
      font-size: 1.5rem;
      font-weight: bold;
}
.the-intimate-request > .header > .right[data-v-26ad62f8] {
      position: relative;
      font-size: 1.4rem;
      padding-right: 1.5rem;
}
.the-intimate-request > .header > .right[data-v-26ad62f8]::after {
        position: absolute;
        content: '';
        right: 0rem;
        height: 1rem;
        width: 1rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/intimate/更多@3x.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        top: 50%;
        transform: translateY(-50%);
}
.the-intimate-request > .list > .item[data-v-26ad62f8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 0;
}
.the-intimate-request > .list > .item > .icon[data-v-26ad62f8] {
      height: 4.8rem;
      width: 4.8rem;
      margin-right: 1.5rem;
}
.the-intimate-request > .list > .item > .right[data-v-26ad62f8] {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex: 1;
}
.the-intimate-request > .list > .item > .right[data-v-26ad62f8]::after {
        position: absolute;
        content: '';
        width: 100%;
        border-bottom: 1px solid #f3f3f3;
        bottom: -2.15rem;
}
.the-intimate-request > .list > .item > .right .title[data-v-26ad62f8] {
        font-size: 1.5rem;
        font-weight: bold;
}
.the-intimate-request > .list > .item > .right .sub-title[data-v-26ad62f8] {
        color: #7d7d7d;
        font-size: 1.2rem;
}
.the-intimate-request > .list > .item > .right > .btn[data-v-26ad62f8] {
        height: 2.3rem;
        width: 5rem;
        text-align: center;
        line-height: 2.3rem;
        border: 1px solid #f3f3f3;
        background-color: #fafafa;
        border-radius: 1.15rem;
        font-size: 1.3rem;
}
.the-intimate-request > .list > .item > .right > .btn.disabled[data-v-26ad62f8] {
          color: #f3f3f3;
          background-color: #fff;
}
.the-intimate-request[data-v-26ad62f8] .van-popup {
    border-radius: 1rem 1rem 0 0;
    padding-bottom: 3.5rem;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .header {
      text-align: center;
      font-size: 1.5rem;
      padding: 2rem 0;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .prop-list {
      display: flex;
      justify-content: space-between;
      padding: 0 1.5rem;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .prop-list > .item {
        text-align: center;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .prop-list > .item > .wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 7.5rem;
          width: 7.5rem;
          background-color: #fafafa;
          border: 1px solid #f3f3f3;
          border-radius: 0.5rem;
          margin-bottom: 1rem;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .prop-list > .item > .wrapper.active {
            border: 1px solid #ffd415;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .prop-list > .item > .wrapper > .img {
            height: 4.5rem;
            width: 4.5rem;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .prop-list > .item > .title {
          font-size: 1.2rem;
          font-weight: bold;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .prop-list > .item > .sub-title {
          color: #7d7d7d;
          font-size: 1.1rem;
}
.the-intimate-request[data-v-26ad62f8] .van-popup > .request-btn {
      font-size: 1.5rem;
      font-weight: bold;
      background-color: #ffd415;
      border-radius: 3.03rem;
      width: 27.5rem;
      height: 4rem;
      line-height: 4rem;
      text-align: center;
      margin: 0 auto;
      margin-top: 3rem;
}

@charset "UTF-8";
.detail-page[data-v-8986dbe0] .app-layout-body {
  padding-bottom: 6.8rem;
}
.detail-page .modal-body[data-v-8986dbe0] {
  text-align: center;
  padding: 1.4rem 0;
}
.detail-page .modal-body > .title[data-v-8986dbe0] {
    font-size: 1.4rem;
    color: #999;
    margin-bottom: 1rem;
    text-align: center;
}
.detail-page .modal-body .input[data-v-8986dbe0] {
    border: 1px solid #ddd;
    border-radius: 2px;
}
.control-container > .control-item[data-v-8986dbe0] {
  font-size: 1.4rem;
  text-align: center;
  padding: 1.5rem;
}
.control-container > .cancel[data-v-8986dbe0] {
  border-top: 1px solid #ddd;
  margin-top: 1rem;
}
.about-icon[data-v-8986dbe0] {
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAEI0lEQVR4Xu2aTWhcVRiGv/ckHcVCRir5u2cSMYtK48JKoK7ciFRQQRFEkZaCm+JCLBSkhXRlwSIUKi6kG6G0iCKIggoWcePKQrAuHLGLiMmcmz8sTiBFp8l55ZYGhtrMud/MgAjfbM9zTt7z5J0738BA7FXaAEqTBorJUpTAZJkshQEFas0yWQoDCtSaZbIUBhSoNctkKQwoUGuWyVIYUKDWLJOlMKBArVkmS2FAgVqzTJbCgAK1ZpkshQEFas0yWQoDCtSaZbIUBhSoNctkKQwoUGuWyVIYUKDWrP9IFrz3e0g+BeAwyQMishvA7yS/GBwcvDQ8PHxtbm7upiLfLXRmZmbX2tra3s3NzUMAnif5oIhsALhC8iKAb0MI10WEyrNVmfvWLO/9fhE5TfKgiOy6MzSAHMD7lUrlg/n5+WbZS01NTVVbrdbrJN8gmd1l300Al0VkNoRwtey5BafN3BdZExMTWYzxO5J7RTr+MueGc+7t0dHRs2UaVjRqZWXleIzxlIjc10EEAVxzzj25uLiYlxHWTeaeZU1PT1eazeYlki+VCVk0bGBg4ODCwsLPKX5ycvKRra2tyzs06l/bAXxarVYP1ev1Vqezu83cs6xarfZ4jPFzERlLXb5t/Uye5ydTfJZl74jIiRTXtr7snHuh0Wj80GlPt5l7luW9P0rynIjcW/ZSAH4JIUyneO99neS+FNe2/heAYyGE8532dJu5Z1nj4+MnAZwWEae41I08z3en+CzLNhLPqjuPiCRnl5aWikbu+Oo2c8+yvPfHSZ4RkcHU5dvW1/I8H0nxWZatishwimtb3wRwIoRwNtGsrjL3LKtWq71I8kOS1bKXAvBVCOG5FO+9/5Lksyluex1AE8BrjUbjs8Qzq6vMPcvy3tdIfiMiyWfQ7QsUQ+nhPM8/SUnIsuxlEbl4t7lth711AE+HEBqJZnWVuWdZRSjv/REROU/ynoSAYh76WkSOhBD+SMny3j8gIhdIPpOY3wTA3yJyNIRwIXVut5n7IqsYHldXV9+MMRYT/I7CAPwqIq+EEH4q+dWk+DryqIh8TPLhnSQUopxzsyMjI++VGXaLc7rJ3BdZ2398eXn5VZJvAfAki0+74hOyGBD/BPC9c+5Y2Qm7XcztafscySdE5H4RqYhIBLBBMgB4d2xs7KOyorbPLoRpMvdN1naA4hkG4ADJh2KMFefcdQBXh4aGfkxN1p3ePsXUvb6+/hjJ/THGPc65FoDfSF5JPaNSb8uymfsuKxXs/7xushT/PZNlshQGFKg1y2QpDChQa5bJUhhQoNYsk6UwoECtWSZLYUCBWrNMlsKAArVmmSyFAQVqzTJZCgMK1JplshQGFKg1y2QpDChQa5bJUhhQoNYsk6UwoECtWSZLYUCBWrNMlsKAArVmKWT9A5uxwAQE5cQPAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.about-icon > .action-list[data-v-8986dbe0] {
    font-size: 1.4rem;
    position: absolute;
    /* height: 8.9rem; */
    width: 10rem;
    background-color: #fff;
    border-radius: 0.5rem;
    border-top-right-radius: 0;
    right: 0;
    top: 4.3rem;
    text-align: center;
    padding: 0 1rem;
    transition: all 1s;
    /* overflow: hidden; */
}
.about-icon > .action-list[data-v-8986dbe0]::after {
      position: absolute;
      content: '';
      border-bottom: 0.5rem solid #fff;
      border-right: 0.6rem solid #fff;
      border-left: 0.6rem solid transparent;
      border-top: 0.5rem solid transparent;
      top: -1rem;
      right: 0;
}
.about-icon > .action-list > .item[data-v-8986dbe0] {
      padding: 1.3rem 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #e8e7e7;
}
.about-icon > .action-list > .item[data-v-8986dbe0]:last-child {
        border: none;
}
.section[data-v-8986dbe0] {
  background-color: #fafafa;
  border-radius: 0.5rem;
  border: 1px solid #f3f3f3;
  margin: 0 1.5rem;
  padding: 2rem 1.5rem;
  font-size: 1.4rem;
}
.section > .title[data-v-8986dbe0] {
    margin-bottom: 1rem;
}
.section > .desc[data-v-8986dbe0] {
    color: #838383;
}
.section > .request-btn[data-v-8986dbe0] {
    display: inline-block;
    position: relative;
    margin-top: 1rem;
}
.section > .request-btn[data-v-8986dbe0]::after {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: -1.5rem;
      width: 1rem;
      height: 1rem;
      content: '';
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACFElEQVRIS8XXv4sTQRQH8O8bb2MiKhpSmGR2U2ihNnYWClrYH4gWth52goiNhXDhQL1GEH80ZyHe/QsiFmJpJWinCBECycxeERFU7ry4M0/mSGRd8dacu9mtl/d58+bXG2o2m2eY+R4R7WPmxeFwuDIYDL4i548ajcZ7AIdHzncieuJ53kK3213N03bwOwBHYsgPAK8BXNBa9/LCyff9U8aYZQAtADSGiOijEGKu1+u9AmCyTsBBO3zfP2mMWQRwIgF0ANzWWrvEbJb4eITUarUORFF0n5nPJ4AvAB4JIeb7/f56Vviv0rqAtVptT6lUugngEoBdMSQiosee57WzWnS/wQ6qVqt7K5XKHDPfcLnEcDfPzwHMa63f/u/I/4BHAWeCIDhtjFli5oMJ5AMzXwnD8AUA3m4Cf4M340kpj1trlwAci694AKtCiMvlcvlZp9PZ2A6+JTzCDwFYsNaeA7AzhnwDcIeIHiqlPk2Kp8IuYBAE+6Moug7gagLfEEI8sNa2tdZrk+D/BI/nXUp5zVrrEqjGkDUimlVKvcwL3oxbr9fPEpHbckdjp9xTpdRsrrA76aSUF621dwHsdhgRfVZKxauQmsMkpR4HKwYuotQzU19chWwnKeX0D5AijszpXxJp1yIzt8MwfJO6UVN+KLwRKKT12bLZI6JbSqmVzJu9wtrbwhr6xBNmnYiWp/KEKerR9hNamS8ufTvhcgAAAABJRU5ErkJggg==);
      background-size: 100% 100%;
}

@charset "UTF-8";
.relationship-entry-item[data-v-78f7cb31] {
  color: #fff;
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 10.8rem;
  height: 13.5rem;
  background-size: 100% 100%;
  margin-right: 1.05rem;
  margin-bottom: 1.05rem;
}
.relationship-entry-item.bg_1[data-v-78f7cb31] {
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/intimate/cp@3x.png");
}
.relationship-entry-item.bg_2[data-v-78f7cb31] {
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/intimate/戏搭@3x(1).png");
}
.relationship-entry-item.bg_3[data-v-78f7cb31] {
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/intimate/闺蜜@3x.png");
}
.relationship-entry-item.bg_4[data-v-78f7cb31] {
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/intimate/基友@3x.png");
}
.relationship-entry-item[data-v-78f7cb31]:nth-child(3n) {
    margin-right: 0;
}
.relationship-entry-item > .avatar[data-v-78f7cb31] {
    height: 4.5rem;
    width: 4.5rem;
    border-radius: 50%;
    margin-bottom: 1rem;
}
.relationship-entry-item > .title[data-v-78f7cb31] {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
}
.relationship-entry-item > .title > img[data-v-78f7cb31] {
      width: 2.2rem;
      height: 2.2rem;
      margin-left: 0.1rem;
}
.relationship-entry-item > .sub-title[data-v-78f7cb31] {
    font-size: 1.2rem;
}

.the-relationship-entries[data-v-35ef8600] {
  padding-top: 2rem;
}
.the-relationship-entries > .title[data-v-35ef8600] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.the-relationship-entries > .title > .about[data-v-35ef8600] {
      display: flex;
      align-items: center;
      font-size: 1.3rem;
      color: #7d7d7d;
}
.the-relationship-entries > .title > .about > .icon[data-v-35ef8600] {
        display: inline-block;
        height: 1.1rem;
        width: 1.1rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/intimate/grzx_go@3x.png");
        background-size: 100% 100%;
        margin-right: 2px;
}
.the-relationship-entries > .list[data-v-35ef8600] {
    display: flex;
    flex-wrap: wrap;
}
.the-relationship-entries > .list > .empty[data-v-35ef8600] {
      padding-top: 1.5rem;
      width: 10.8rem;
      height: 13.5rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/intimate/cp@3x.png");
      background-size: 100% 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #fff;
      font-size: 1.3rem;
}
.the-relationship-entries > .list > .empty > .dot[data-v-35ef8600] {
        margin-bottom: 0.65rem;
}
.the-relationship-entries > .list > .empty > img[data-v-35ef8600] {
        height: 4.5rem;
        width: 4.5rem;
        margin-bottom: 1.2rem;
}
.the-relationship-entries > .list > .buy-item-btn[data-v-35ef8600] {
      text-align: center;
      width: 10.8rem;
      height: 13.5rem;
      background-color: #fafafa;
      border: 1px solid #f3f3f3;
      border-radius: 0.5rem;
      padding-top: 1.5rem;
}
.the-relationship-entries > .list > .buy-item-btn > img[data-v-35ef8600] {
        height: 4.5rem;
        width: 4.5rem;
        margin-bottom: 1rem;
}
.the-relationship-entries > .list > .buy-item-btn > .title[data-v-35ef8600] {
        font-size: 1.2rem;
        color: #7d7d7d;
}

.rank-item[data-v-2f776518] {
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
}
.rank-item > .left[data-v-2f776518] {
    margin-right: 1.5rem;
    font-size: 0;
}
.rank-item > .left > .avatar[data-v-2f776518] {
      height: 4.8rem;
      width: 4.8rem;
      border-radius: 50%;
}
.rank-item > .right[data-v-2f776518] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex: 1;
}
.rank-item > .right[data-v-2f776518]::after {
      position: absolute;
      bottom: -2.15rem;
      content: '';
      width: 100%;
      height: 1px;
      background-color: rgba(243, 243, 243, 0.9);
}
.rank-item > .right .title[data-v-2f776518] {
      font-size: 1.5rem;
      font-weight: bold;
}
.rank-item > .right .sub-title[data-v-2f776518] {
      color: #7d7d7d;
      font-size: 1.2rem;
}
.rank-item > .right .btn[data-v-2f776518] {
      font-size: 1.1rem;
      background-color: #f3f3f3;
      border-radius: 1.3rem;
      height: 2.6rem;
      width: 7rem;
      line-height: 2.6rem;
      text-align: center;
}

.the-rank[data-v-48775f94] {
  padding-top: 1.5rem;
}
.the-rank > .tabs[data-v-48775f94] {
    display: flex;
    font-size: 1.5rem;
    font-weight: bold;
    color: #7d7d7d;
    padding-bottom: 1.65rem;
    border-bottom: 1px solid rgba(243, 243, 243, 0.9);
}
.the-rank > .tabs > .tab-item[data-v-48775f94] {
      margin-right: 2rem;
      position: relative;
}
.the-rank > .tabs > .tab-item.active[data-v-48775f94] {
        color: #1a1a1a;
}
.the-rank > .tabs > .tab-item.active[data-v-48775f94]::after {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: -1.65rem;
          content: '';
          background-color: #ffd415;
          height: 0.2rem;
          width: 2rem;
}

.relationship-page[data-v-67837ef7] .app-layout-body {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.control-container > .control-item[data-v-67837ef7] {
  font-size: 1.4rem;
  text-align: center;
  padding: 1.5rem;
}
.control-container > .cancel[data-v-67837ef7] {
  border-top: 1px solid #ddd;
  margin-top: 1rem;
}
.about-icon[data-v-67837ef7] {
  height: 2.5rem;
  width: 2.5rem;
}

.RoomChestDesc-module_page_3nWoe.RoomChestDesc-module_blue_2kU7T {
  background-color: #2c96ff; }

.RoomChestDesc-module_page_3nWoe.RoomChestDesc-module_purple_Z6Le6 {
  background-color: #b045ff; }

.RoomChestDesc-module_page_3nWoe.RoomChestDesc-module_pink_2QcTI {
  background: linear-gradient(135deg, #51a8ff 0%, #ff58c7 46%, #ff8c5a 100%); }

.RoomChestDesc-module_page_3nWoe > .RoomChestDesc-module_footer_rmdHl {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.2rem;
  text-align: center;
  padding: 1.9rem 2.7rem; }

.RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_list_2WBqe {
  display: flex;
  justify-content: center;
  padding: 0 5rem;
  padding-top: 2.75rem;
  padding-bottom: 2.9rem; }
  .RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_list_2WBqe > .RoomChestDesc-module_item_2WE9z:nth-child(2) {
    margin-left: 2.5rem; }
  .RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_list_2WBqe > .RoomChestDesc-module_item_2WE9z > .RoomChestDesc-module_content_EiEa5 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/avatar-wrapper.png");
    height: 10.75rem;
    width: 10rem;
    background-size: 100% 100%;
    margin-bottom: 1rem; }
    .RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_list_2WBqe > .RoomChestDesc-module_item_2WE9z > .RoomChestDesc-module_content_EiEa5 > .RoomChestDesc-module_flag_2a1_4 {
      position: absolute;
      top: 0.3rem;
      left: 0.65rem;
      line-height: 1.1rem;
      font-size: 1.1rem;
      color: #fff; }
    .RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_list_2WBqe > .RoomChestDesc-module_item_2WE9z > .RoomChestDesc-module_content_EiEa5 > img {
      width: 6rem;
      height: 6rem; }
  .RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_list_2WBqe > .RoomChestDesc-module_item_2WE9z > .RoomChestDesc-module_name_BpbR- {
    text-align: center;
    color: #fff;
    font-size: 1.4rem; }
  .RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_list_2WBqe > .RoomChestDesc-module_item_2WE9z > .RoomChestDesc-module_price_3wiQy {
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem; }

.RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_text_3HZ6k {
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  padding: 0 1.6rem;
  padding-bottom: 2rem; }
  .RoomChestDesc-module_body_1Rxby > .RoomChestDesc-module_text_3HZ6k > span {
    font-size: 1.6rem;
    color: #ffeb6f;
    font-weight: bold; }

@charset "UTF-8";
.RoomChestRank-module_page_ab-ET {
  min-height: 100vh;
  background: linear-gradient(135deg, #567aff 0%, #994fff 100%); }
  .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_header_b6bLm {
    position: relative;
    height: 8rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/标题@3x.png");
    background-size: 24.2rem 5.3rem;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 1.5rem; }
    .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_header_b6bLm > .RoomChestRank-module_close_KNUT2 {
      position: absolute;
      right: 1rem;
      top: 2.2rem;
      height: 20px;
      width: 20px;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/sz_delete@3x.png");
      background-size: 12px 12px;
      background-repeat: no-repeat;
      background-position: center; }
  .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa {
    height: calc(100vh - 8rem);
    overflow-y: scroll; }
    .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 1.5rem; }
      .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_number__iAvp {
        width: 1.9rem;
        text-align: center;
        font-size: 1.4rem;
        color: #fff; }
        .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_number__iAvp > img {
          height: 1.9rem;
          width: 1.9rem; }
      .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX {
        display: flex;
        width: 31.8rem;
        justify-content: space-between;
        padding: 1.5rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_left_1meRb {
          display: flex; }
          .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_left_1meRb > .RoomChestRank-module_avatar_1p6OD {
            height: 4.5rem;
            width: 4.5rem;
            border-radius: 50%;
            margin-right: 1.8rem; }
          .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_left_1meRb > .RoomChestRank-module_info_3CB-n > .RoomChestRank-module_name_18SOq {
            font-size: 1.4rem;
            color: #fff;
            margin-bottom: 0.9rem !important; }
          .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_left_1meRb > .RoomChestRank-module_info_3CB-n > .RoomChestRank-module_extra_149JS {
            display: flex;
            align-items: center; }
            .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_left_1meRb > .RoomChestRank-module_info_3CB-n > .RoomChestRank-module_extra_149JS > .RoomChestRank-module_vip_1L_Vg {
              display: inline-block;
              height: 1.6rem;
              width: 1.6rem;
              background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/vip.png");
              background-size: 100% 100%; }
            .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_left_1meRb > .RoomChestRank-module_info_3CB-n > .RoomChestRank-module_extra_149JS > .RoomChestRank-module_genderIcon_c1W1e {
              display: inline-block;
              height: 1.4rem;
              width: 1.4rem;
              border-radius: 50%;
              background-position: center;
              background-repeat: no-repeat;
              background-size: 0.9rem 0.9rem;
              margin-right: 0.5rem; }
              .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_left_1meRb > .RoomChestRank-module_info_3CB-n > .RoomChestRank-module_extra_149JS > .RoomChestRank-module_genderIcon_c1W1e.RoomChestRank-module_male_6uDQA {
                background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/news_man@3x(1).png");
                background-color: #63c1ff; }
              .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_left_1meRb > .RoomChestRank-module_info_3CB-n > .RoomChestRank-module_extra_149JS > .RoomChestRank-module_genderIcon_c1W1e.RoomChestRank-module_female_4vaYM {
                background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/news_woman@3x(1).png");
                background-color: #fe89e9; }
        .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_right_26U78 {
          display: flex; }
          .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_right_26U78 > .RoomChestRank-module_item_1KQip {
            position: relative;
            height: 4rem;
            width: 4rem;
            border-radius: 0.5rem; }
            .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_right_26U78 > .RoomChestRank-module_item_1KQip:last-child {
              margin-left: 1.5rem; }
            .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_right_26U78 > .RoomChestRank-module_item_1KQip > .RoomChestRank-module_count_-dzqP {
              position: absolute;
              left: 3.2rem;
              bottom: 2.75rem;
              height: 1.5rem;
              min-width: 1.5rem;
              line-height: 1.5rem;
              text-align: center;
              border-radius: 50%;
              background-color: #89a3ff;
              color: #fff;
              font-size: 0.9rem; }
            .RoomChestRank-module_page_ab-ET > .RoomChestRank-module_rankList_2l3aa > .RoomChestRank-module_rankItem_O0Bfw > .RoomChestRank-module_content_2mFsX > .RoomChestRank-module_right_26U78 > .RoomChestRank-module_item_1KQip > .RoomChestRank-module_avatar_1p6OD {
              height: 100%;
              width: 100%;
              border-radius: 0.5rem; }

@charset "UTF-8";
.WeekRank-module_page_1UzUi {
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank/底图@3x.png");
  background-size: 100% 39.45rem;
  padding: 0 1.5rem;
  padding-top: 26rem;
  background-repeat: no-repeat;
  background-color: #7740fd;
  padding-bottom: 9.5rem; }
  .WeekRank-module_page_1UzUi .WeekRank-module_section_2Iu_k .WeekRank-module_body_2R6X7 {
    padding-left: 1.5rem;
    padding-top: 4rem;
    padding-bottom: 2.5rem;
    padding-right: 3rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold; }
    .WeekRank-module_page_1UzUi .WeekRank-module_section_2Iu_k .WeekRank-module_body_2R6X7 > .WeekRank-module_row_1nat4 {
      display: flex;
      margin-bottom: 1.5rem; }
      .WeekRank-module_page_1UzUi .WeekRank-module_section_2Iu_k .WeekRank-module_body_2R6X7 > .WeekRank-module_row_1nat4 > div:last-child {
        margin-left: 0.7rem; }
  .WeekRank-module_page_1UzUi > .WeekRank-module_userInfo_3ymR- {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #976dfc;
    border-radius: 1.5rem 1.5rem 0 0;
    height: 9.5rem;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 2.5rem; }
    .WeekRank-module_page_1UzUi > .WeekRank-module_userInfo_3ymR- > .WeekRank-module_rank_3_7wP {
      font-size: 1.3rem;
      width: 4rem; }
    .WeekRank-module_page_1UzUi > .WeekRank-module_userInfo_3ymR- > img {
      height: 4.5rem;
      width: 4.5rem;
      border-radius: 50%;
      margin-right: 1.5rem;
      margin-left: 1.5rem; }
    .WeekRank-module_page_1UzUi > .WeekRank-module_userInfo_3ymR- > .WeekRank-module_right_-9N4t > .WeekRank-module_nickname_1YCIl {
      font-size: 1.5rem;
      font-weight: bold;
      margin-bottom: 1rem; }
    .WeekRank-module_page_1UzUi > .WeekRank-module_userInfo_3ymR- > .WeekRank-module_right_-9N4t > .WeekRank-module_subtitle_2MRMI {
      font-size: 1.2rem; }
      .WeekRank-module_page_1UzUi > .WeekRank-module_userInfo_3ymR- > .WeekRank-module_right_-9N4t > .WeekRank-module_subtitle_2MRMI > span {
        margin-right: 1.5rem; }

@charset "UTF-8";
.TheSuperStar-module_section_3O48y .TheSuperStar-module_body_1mmkS {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank/素材@3x.png");
  background-size: 25.25rem 100%;
  height: 20rem;
  background-repeat: no-repeat;
  background-position: top center;
  color: #fff; }
  .TheSuperStar-module_section_3O48y .TheSuperStar-module_body_1mmkS > .TheSuperStar-module_avatarWrapper_1wzhh {
    width: 10.7rem;
    height: 10.7rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank/头像框@3x.png");
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .TheSuperStar-module_section_3O48y .TheSuperStar-module_body_1mmkS > .TheSuperStar-module_avatarWrapper_1wzhh > img {
      height: 8.5rem;
      width: 8.5rem;
      border-radius: 50%; }
  .TheSuperStar-module_section_3O48y .TheSuperStar-module_body_1mmkS > .TheSuperStar-module_name_2PsgX {
    font-size: 1.5rem;
    font-weight: bold; }
  .TheSuperStar-module_section_3O48y .TheSuperStar-module_body_1mmkS > .TheSuperStar-module_subtitle_1_Is7 {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7); }

@charset "UTF-8";
.TheSection-module_section_3zTXj {
  position: relative;
  margin-bottom: 4.6rem; }
  .TheSection-module_section_3zTXj > .TheSection-module_header_3gPvG {
    position: absolute;
    text-align: center;
    line-height: 3.3rem;
    height: 3.7rem;
    width: 17.4rem;
    left: 50%;
    transform: translateX(-50%);
    top: -2rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank/标题@3x.png");
    background-size: 100% 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #ff6500; }
  .TheSection-module_section_3zTXj > .TheSection-module_body_PYUD5 {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 1.5rem;
    min-height: 10rem; }

.TheRankList-module_section_7maDo {
  color: #fff; }
  .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj {
    padding: 0 1.5rem;
    padding-top: 2.45rem; }
    .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_date_1g1-j {
      text-align: center;
      font-size: 1.3rem;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 2rem;
      font-weight: bold; }
    .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_deadline_3-icp {
      text-align: center;
      color: #fff;
      font-size: 1.3rem;
      font-weight: bold; }
      .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_deadline_3-icp > span {
        display: inline-block;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 0.2rem;
        height: 1.6rem;
        width: 1.6rem;
        text-align: center;
        line-height: 1.8rem; }
    .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s {
      padding-top: 3rem; }
      .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_theader_3QqLl {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 1.5rem 0;
        display: flex;
        font-size: 1.5rem;
        font-weight: bold;
        color: #fff;
        justify-content: space-between; }
      .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S {
        display: flex;
        align-items: center;
        font-size: 1.3rem; }
        .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S:last-child > .TheRankList-module_right_1C-Xt {
          border-bottom: none; }
        .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_left_3S_6O {
          width: 5rem;
          display: flex;
          justify-content: center;
          font-weight: bold; }
          .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_left_3S_6O > .TheRankList-module_icon_1bgYf {
            display: inline-block;
            height: 2.5rem;
            width: 2.5rem;
            background-size: 100% 100%; }
            .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_left_3S_6O > .TheRankList-module_icon_1bgYf.TheRankList-module_rank1_1AUL7 {
              background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank/1@3x.png"); }
            .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_left_3S_6O > .TheRankList-module_icon_1bgYf.TheRankList-module_rank2_2Trd7 {
              background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank/1@3x(1).png"); }
            .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_left_3S_6O > .TheRankList-module_icon_1bgYf.TheRankList-module_rank3_3rbUn {
              background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank/1@3x(2).png"); }
        .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_right_1C-Xt {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex: 1;
          padding: 1rem 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_right_1C-Xt > .TheRankList-module_nickname_HOoj9 {
            display: flex;
            align-items: center; }
            .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_right_1C-Xt > .TheRankList-module_nickname_HOoj9 > .TheRankList-module_text_2AyDz {
              width: 7.8rem; }
            .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_right_1C-Xt > .TheRankList-module_nickname_HOoj9 > .TheRankList-module_avatarWrapper_22qsy {
              height: 4.5rem;
              width: 4.5rem;
              border-radius: 50%;
              overflow: hidden;
              margin-right: 2.3rem; }
              .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_row_2N8-S > .TheRankList-module_right_1C-Xt > .TheRankList-module_nickname_HOoj9 > .TheRankList-module_avatarWrapper_22qsy > img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover; }
      .TheRankList-module_section_7maDo .TheRankList-module_body_2Fykj > .TheRankList-module_table_2CO9s > .TheRankList-module_tbody_1GIcX > .TheRankList-module_more_12WVH {
        font-size: 1.2rem;
        padding: 2rem 0;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, 0.1); }

@charset "UTF-8";
.TheRewardList-module_list_3PH36 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4.5rem; }
  .TheRewardList-module_list_3PH36 > .TheRewardList-module_leftBtn_1VK-s,
  .TheRewardList-module_list_3PH36 > .TheRewardList-module_rightBtn_2ZNrw {
    height: 2rem;
    width: 2rem;
    background-size: 100%; }
  .TheRewardList-module_list_3PH36 > .TheRewardList-module_leftBtn_1VK-s {
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank-palace/向左@3x.png"); }
  .TheRewardList-module_list_3PH36 > .TheRewardList-module_rightBtn_2ZNrw {
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank-palace/向右@3x.png"); }
  .TheRewardList-module_list_3PH36 .TheRewardList-module_swiper-container_30mgb {
    height: 7rem;
    width: 21rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
    .TheRewardList-module_list_3PH36 .TheRewardList-module_swiper-container_30mgb .TheRewardList-module_swiper-slide_3IvZJ {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 7rem;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 0.5rem;
      transition: 300ms;
      transform: scale(0.8);
      font-size: 1rem;
      color: #fff; }
      .TheRewardList-module_list_3PH36 .TheRewardList-module_swiper-container_30mgb .TheRewardList-module_swiper-slide_3IvZJ img {
        height: 2.5rem;
        width: 2.5rem;
        font-size: 0; }
    .TheRewardList-module_list_3PH36 .TheRewardList-module_swiper-container_30mgb .swiper-slide-active {
      transform: scale(1); }

@charset "UTF-8";
.WeekRankPalace-module_page_17Oo0 {
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank-palace/周星名人堂@3x.png");
  background-size: 100% 35rem;
  padding-top: 21rem;
  background-repeat: no-repeat;
  background-color: #7740fd;
  padding-bottom: 9.5rem; }
  .WeekRankPalace-module_page_17Oo0 .WeekRankPalace-module_section_2sSEp {
    margin: 0 8.75rem;
    margin-bottom: 4.5rem; }
    .WeekRankPalace-module_page_17Oo0 .WeekRankPalace-module_section_2sSEp .WeekRankPalace-module_body_3-MXj {
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 21rem;
      background-size: 100% 100%;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank-palace/底纹@3x.png"); }
      .WeekRankPalace-module_page_17Oo0 .WeekRankPalace-module_section_2sSEp .WeekRankPalace-module_body_3-MXj > .WeekRankPalace-module_avatarWrapper_2E8LR {
        position: relative;
        height: 10.7rem;
        width: 10.7rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room/week-rank/头像框@3x.png");
        background-size: 100% 100%;
        margin-bottom: 1rem; }
        .WeekRankPalace-module_page_17Oo0 .WeekRankPalace-module_section_2sSEp .WeekRankPalace-module_body_3-MXj > .WeekRankPalace-module_avatarWrapper_2E8LR > img {
          position: absolute;
          height: 8.5rem;
          width: 8.5rem;
          border-radius: 50%;
          bottom: 0.75rem;
          left: 50%;
          transform: translateX(-50%); }
      .WeekRankPalace-module_page_17Oo0 .WeekRankPalace-module_section_2sSEp .WeekRankPalace-module_body_3-MXj > .WeekRankPalace-module_nickname_2fNqH {
        font-size: 1.5rem;
        font-weight: bold; }
      .WeekRankPalace-module_page_17Oo0 .WeekRankPalace-module_section_2sSEp .WeekRankPalace-module_body_3-MXj > .WeekRankPalace-module_subtitle_3aL7e {
        font-size: 1.2rem;
        color: rgba(255, 255, 255, 0.7); }
  .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en {
    color: #fff;
    margin: 0 3rem; }
    .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_header_3KfvZ {
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
      padding-bottom: 2.5rem; }
      .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_header_3KfvZ > span {
        position: relative; }
        .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_header_3KfvZ > span::after, .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_header_3KfvZ > span::before {
          position: absolute;
          content: '';
          height: 0.6rem;
          width: 0.6rem;
          border-radius: 0.1rem;
          background-color: #fff;
          transform: rotate(45deg) translateY(-50%);
          top: 50%; }
        .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_header_3KfvZ > span::before {
          left: -1.7rem; }
        .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_header_3KfvZ > span::after {
          right: -1.7rem; }
    .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_body_3-MXj {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      padding-top: 2.5rem; }
      .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_body_3-MXj .WeekRankPalace-module_row_c_nfs {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
        margin-bottom: 2.5rem; }
        .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_body_3-MXj .WeekRankPalace-module_row_c_nfs > .WeekRankPalace-module_nickname_2fNqH {
          width: 7.8rem; }
        .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_body_3-MXj .WeekRankPalace-module_row_c_nfs > img {
          height: 4.5rem;
          width: 4.5rem;
          border-radius: 50%;
          margin: 0 2.5rem; }
    .WeekRankPalace-module_page_17Oo0 > .WeekRankPalace-module_list_2i8en > .WeekRankPalace-module_nomore_3RifV {
      text-align: center;
      font-size: 1.2rem;
      color: rgba(255, 255, 255, 0.8);
      padding-top: 2.5rem; }

@charset "UTF-8";
.RealLoveRank-module_page_zYIcI {
  position: relative;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/author-center/love-rank/背景@3x.png");
  background-size: 100% 30rem;
  background-repeat: no-repeat; }
  .RealLoveRank-module_page_zYIcI .van-popup {
    background-color: transparent; }
  .RealLoveRank-module_page_zYIcI .RealLoveRank-module_swiperContainer_34D7_ .RealLoveRank-module_swiperSlide_2mhJe {
    position: relative;
    height: 100vh;
    overflow-y: scroll; }
  .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI {
    position: absolute;
    top: 0;
    left: 5rem;
    right: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding-top: 11.1rem; }
    .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_left_QYWuQ {
      position: relative; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_left_QYWuQ > .RealLoveRank-module_avatarWrapper_3LFvD {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 10rem;
        width: 10rem;
        border-radius: 50%;
        background: linear-gradient(180deg, #f7a8ff, #f6d4ff, #f8b2ff); }
        .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_left_QYWuQ > .RealLoveRank-module_avatarWrapper_3LFvD > img {
          height: 9.7rem;
          width: 9.7rem;
          border-radius: 50%; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_left_QYWuQ > .RealLoveRank-module_icon_DETOo {
        position: absolute;
        top: 8.2rem;
        left: 50%;
        transform: translateX(-50%);
        height: 2.9rem;
        width: 4.3rem; }
    .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_right_21fVu {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_nickname_3iDl9 {
        font-size: 1.6rem;
        margin-bottom: 0.8rem; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_desc_3ngTp {
        font-size: 1.2rem;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 1.5rem !important; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_count_2_QkL {
        background-color: #fff;
        border-radius: 1.25rem;
        color: #af8aff;
        width: 6.6rem;
        height: 2.5rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
        .RealLoveRank-module_page_zYIcI .RealLoveRank-module_theHeader_17kCI > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_count_2_QkL > img {
          height: 1.5rem;
          width: 1.5rem;
          margin-right: 0.5rem; }
  .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 {
    padding-bottom: 9rem;
    margin-top: 28.5rem;
    min-height: calc(100vh - 28.5rem);
    background-color: #fff;
    border-radius: 1.5rem 1.5rem 0 0;
    padding-right: 1.5rem; }
    .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN {
      display: flex;
      align-items: center; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN > .RealLoveRank-module_rank_3mxdZ {
        width: 5.2rem;
        text-align: center;
        font-size: 1.6rem;
        font-weight: bold; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN > .RealLoveRank-module_right_21fVu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 1;
        border-bottom: 1px solid rgba(243, 243, 243, 0.5);
        padding: 2.5rem 0; }
        .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_info_TJmWw {
          display: flex;
          align-items: center; }
          .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_info_TJmWw > .RealLoveRank-module_avatar_1hkKE {
            height: 3.7rem;
            width: 3.7rem;
            border-radius: 50%;
            margin-right: 1.5rem; }
          .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_info_TJmWw .RealLoveRank-module_nickname_3iDl9 {
            font-size: 1.5rem;
            font-weight: bold;
            width: 10rem; }
          .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_info_TJmWw .RealLoveRank-module_desc_3ngTp {
            color: #c0bdbd;
            font-size: 1.2rem;
            width: 10rem; }
        .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_count_2_QkL {
          display: flex;
          align-items: center;
          color: #af8aff;
          font-size: 1.1rem; }
          .RealLoveRank-module_page_zYIcI .RealLoveRank-module_rankList_1Nks7 .RealLoveRank-module_rankItem_3vKfN > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_count_2_QkL > img {
            height: 1.2rem;
            width: 1.2rem;
            margin-left: 0.5rem; }
  .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    height: 9rem;
    padding-right: 1.5rem;
    border-radius: 1.5rem 1.5rem 0px 0px; }
    .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_left_QYWuQ {
      width: 5rem;
      text-align: center;
      font-size: 1.6rem;
      font-weight: bold; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_left_QYWuQ > span {
        font-size: 1.3rem; }
    .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_right_21fVu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex: 1; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_info_TJmWw {
        display: flex;
        align-items: center; }
        .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_info_TJmWw > .RealLoveRank-module_avatar_1hkKE {
          height: 3.7rem;
          width: 3.7rem;
          border-radius: 50%;
          margin-right: 1.5rem; }
        .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_info_TJmWw .RealLoveRank-module_nickname_3iDl9 {
          font-size: 1.5rem; }
        .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_info_TJmWw .RealLoveRank-module_count_2_QkL {
          color: #7d7d7d;
          font-size: 1.2rem; }
      .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_btn_19cmT {
        height: 2.6rem;
        width: 6.7rem;
        line-height: 2.6rem;
        text-align: center;
        border-radius: 1.5rem;
        font-size: 1.3rem;
        background-color: #ffd415; }
        .RealLoveRank-module_page_zYIcI .RealLoveRank-module_userinfo_xUiV4 > .RealLoveRank-module_right_21fVu > .RealLoveRank-module_btn_19cmT > img {
          height: 1.1rem;
          width: 1.1rem;
          margin-right: 0.5rem; }

.RealLoveRank-module_middle_3BQpf {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.7); }
  .RealLoveRank-module_middle_3BQpf > span {
    margin-right: 2rem; }
    .RealLoveRank-module_middle_3BQpf > span.RealLoveRank-module_active_1CpSp {
      color: #fff;
      font-size: 1.6rem; }
    .RealLoveRank-module_middle_3BQpf > span:last-child {
      margin-right: 0; }

.RealLoveRank-module_rightIcon_1zzVx {
  height: 2.5rem;
  width: 2.5rem; }

.InsertCoinForm-module_form_LCzBb {
  background-color: #fff;
  border-radius: 2rem 2rem 0 0;
  padding: 0 1.5rem; }
  .InsertCoinForm-module_form_LCzBb > .InsertCoinForm-module_header_A8Swd {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding: 2rem 0; }
  .InsertCoinForm-module_form_LCzBb > .InsertCoinForm-module_body_SGnIh {
    padding: 1.5rem 2.25rem;
    border-bottom: 1px solid rgba(243, 243, 243, 0.5);
    border-top: 1px solid rgba(243, 243, 243, 0.5); }
    .InsertCoinForm-module_form_LCzBb > .InsertCoinForm-module_body_SGnIh > span {
      font-size: 1.3rem;
      width: 9rem;
      height: 3.5rem;
      line-height: 3.5rem;
      text-align: center;
      display: inline-block;
      border: 1px solid #f3f3f3;
      background-color: #fafafa;
      border-radius: 2rem;
      margin-right: 1.5rem;
      margin-bottom: 1.5rem; }
      .InsertCoinForm-module_form_LCzBb > .InsertCoinForm-module_body_SGnIh > span:nth-child(3n) {
        margin-right: 0; }
      .InsertCoinForm-module_form_LCzBb > .InsertCoinForm-module_body_SGnIh > span.InsertCoinForm-module_active_2hFDj {
        border: 1px solid #ffd218; }

.InsertCoinForm-module_remain_1HsQW {
  color: #7d7d7d;
  font-size: 1.3rem;
  padding: 2.15rem 0;
  border-bottom: 1px solid rgba(243, 243, 243, 0.5); }

.InsertCoinForm-module_notice_25oCz {
  text-align: center;
  color: #7d7d7d;
  padding: 1rem 0;
  font-size: 1.2rem; }

.InsertCoinForm-module_coinInputWrapper_1etyw {
  text-align: center;
  padding: 1rem 0; }
  .InsertCoinForm-module_coinInputWrapper_1etyw .InsertCoinForm-module_coinInput_28FUV {
    padding: 1rem 2rem;
    background-color: #f3f3f3;
    border-radius: 1.75rem;
    font-size: 1.4rem; }
    .InsertCoinForm-module_coinInputWrapper_1etyw .InsertCoinForm-module_coinInput_28FUV.InsertCoinForm-module_msg_1vApR {
      width: 25rem; }

.InsertCoinForm-module_buttom_1mS2v {
  padding-top: 1.5rem;
  padding-bottom: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .InsertCoinForm-module_buttom_1mS2v > .InsertCoinForm-module_left_-qNj4 {
    display: flex;
    align-items: center;
    font-size: 1.3rem; }
    .InsertCoinForm-module_buttom_1mS2v > .InsertCoinForm-module_left_-qNj4 > img {
      height: 1.7rem;
      width: 1.7rem;
      margin-right: 1rem; }
  .InsertCoinForm-module_buttom_1mS2v > .InsertCoinForm-module_btn_2Cx0S {
    background: #ffd415 linear-gradient(135deg, #ffeb6f 0%, #ffd416 100%);
    border-radius: 1.3rem;
    font-size: 1.2rem;
    font-weight: bold;
    height: 2.6rem;
    width: 5.8rem;
    text-align: center;
    line-height: 2.6rem; }

.CoinRecord-module_page_qqWxs > .CoinRecord-module_header_2Q15M {
  box-sizing: content-box;
  padding: 0 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 3.6rem;
  background-color: #fff; }
  .CoinRecord-module_page_qqWxs > .CoinRecord-module_header_2Q15M > .CoinRecord-module_back-icon_2VCgQ {
    height: 2.5rem;
    width: 2.5rem; }
  .CoinRecord-module_page_qqWxs > .CoinRecord-module_header_2Q15M > .CoinRecord-module_bar_1d92Q {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    font-weight: bold;
    color: #7d7d7d; }
    .CoinRecord-module_page_qqWxs > .CoinRecord-module_header_2Q15M > .CoinRecord-module_bar_1d92Q > span {
      margin-right: 2rem; }
      .CoinRecord-module_page_qqWxs > .CoinRecord-module_header_2Q15M > .CoinRecord-module_bar_1d92Q > span:last-child {
        margin-right: 0; }
      .CoinRecord-module_page_qqWxs > .CoinRecord-module_header_2Q15M > .CoinRecord-module_bar_1d92Q > span.CoinRecord-module_active_3-2JT {
        color: #000; }

.CoinRecord-module_page_qqWxs .CoinRecord-module_list_1cgrD {
  padding: 0 1.5rem; }
  .CoinRecord-module_page_qqWxs .CoinRecord-module_list_1cgrD .CoinRecord-module_item_2Gj80 {
    padding: 2rem 0;
    border-bottom: 1px solid rgba(232, 231, 231, 0.5); }
    .CoinRecord-module_page_qqWxs .CoinRecord-module_list_1cgrD .CoinRecord-module_item_2Gj80 > .CoinRecord-module_title_3-3Tr {
      display: flex;
      justify-content: space-between;
      font-size: 1.5rem;
      align-items: center;
      margin-bottom: 0.5rem; }
      .CoinRecord-module_page_qqWxs .CoinRecord-module_list_1cgrD .CoinRecord-module_item_2Gj80 > .CoinRecord-module_title_3-3Tr > .CoinRecord-module_num_aRrL3 {
        font-size: 1.8rem;
        font-weight: bold; }
    .CoinRecord-module_page_qqWxs .CoinRecord-module_list_1cgrD .CoinRecord-module_item_2Gj80 > .CoinRecord-module_time_3xCPg {
      color: #c0bdbd;
      font-size: 1.3rem; }

.RecordList-module_list_NEh7K {
  padding: 0 1.5rem; }
  .RecordList-module_list_NEh7K .RecordList-module_item_1fKZ7 {
    padding: 2rem 0;
    border-bottom: 1px solid rgba(232, 231, 231, 0.5); }
    .RecordList-module_list_NEh7K .RecordList-module_item_1fKZ7 > .RecordList-module_title_xqeA1 {
      display: flex;
      justify-content: space-between;
      font-size: 1.5rem;
      align-items: center;
      margin-bottom: 0.5rem; }
      .RecordList-module_list_NEh7K .RecordList-module_item_1fKZ7 > .RecordList-module_title_xqeA1 > .RecordList-module_num_1-P7y {
        font-size: 1.8rem;
        font-weight: bold; }
    .RecordList-module_list_NEh7K .RecordList-module_item_1fKZ7 > .RecordList-module_time_3QKyN {
      color: #c0bdbd;
      font-size: 1.3rem; }

.recommend-form[data-v-9767d33e] {
  padding: 0 1.5rem;
}
.recommend-form > .title[data-v-9767d33e] {
    font-size: 1.4rem;
    font-weight: bold;
    padding: 2rem 0;
    border-bottom: 1px solid #f3f3f3;
}
.recommend-form > .form[data-v-9767d33e] {
    padding-top: 2rem;
}
.recommend-form > .form > .row[data-v-9767d33e] {
      display: flex;
      align-items: center;
      margin-bottom: 2rem;
}
.recommend-form > .form > .row.flex-start[data-v-9767d33e] {
        align-items: flex-start;
}
.recommend-form > .form > .row > .label[data-v-9767d33e] {
        color: #c0bdbd;
        font-size: 1.4rem;
        margin-right: 1.5rem;
        width: 5.9rem;
        text-align: left;
}
.recommend-form > .form > .row > .content[data-v-9767d33e] {
        font-size: 1.3rem;
}
.recommend-form > .form > .row > .input[data-v-9767d33e] {
        display: flex;
        align-items: center;
        border: 1px solid #f3f3f3;
        background-color: #fafafa;
        border-radius: 0.5rem;
        overflow: hidden;
}
.recommend-form > .form > .row > .input > input[data-v-9767d33e] {
          background-color: #fafafa;
          height: 4rem;
          width: 18rem;
}
.recommend-form > .form > .row > .input > .btn[data-v-9767d33e] {
          background-color: #fff;
          height: 4rem;
          width: 4.5rem;
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/author-center/find_search@3x.png");
          background-size: 1.5rem 1.5rem;
          background-repeat: no-repeat;
          background-position: center;
}

.page[data-v-f8b0cab0] {
  background-color: #fafafa;
}
.page .container[data-v-f8b0cab0] {
    display: flex;
    align-items: center;
    margin: 0 4rem;
    justify-content: space-between;
    padding-top: 1rem;
}
.page .container > .box[data-v-f8b0cab0] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      width: 12.7rem;
      height: 15rem;
      font-size: 1.4rem;
      text-align: center;
      box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.03);
      border-radius: 1rem;
}
.page .container > .box > img[data-v-f8b0cab0] {
        height: 6rem;
        width: 6rem;
        margin-bottom: 1rem;
}

.search[data-v-2b1825cc] {
  position: relative;
  border: 1px solid #e8e7e7;
  border-radius: 1.75rem;
  font-size: 1.3rem;
  overflow: hidden;
  margin: 0 1.5rem;
  margin-bottom: 2rem;
}
.search.fill[data-v-2b1825cc]::after {
    display: none;
}
.search[data-v-2b1825cc]::after {
    content: '';
    position: absolute;
    height: 1.4rem;
    width: 1.4rem;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    left: 8rem;
    top: calc(50% - 0.7rem);
}
.search > input[data-v-2b1825cc] {
    background-color: #f3f3f3;
    height: 3.3rem;
    width: 100%;
    text-align: center;
    padding: 0 1rem;
}
.search > input[data-v-2b1825cc]::-moz-placeholder {
      color: #7d7d7d;
}
.search > input[data-v-2b1825cc]:-ms-input-placeholder {
      color: #7d7d7d;
}
.search > input[data-v-2b1825cc]::placeholder {
      color: #7d7d7d;
}

@charset "UTF-8";
.list-item[data-v-52cd6f80] {
  background-color: #fff;
  margin-bottom: 0.5rem;
}
.list-item > .header[data-v-52cd6f80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 1px solid #f3f3f3;
    padding: 1.5rem 0;
    margin: 0 1.5rem;
}
.list-item > .header > .title[data-v-52cd6f80] {
      display: flex;
      align-items: center;
}
.list-item > .header > .title.new[data-v-52cd6f80]::before {
        content: "";
        height: 1.5rem;
        width: 1.5rem;
        margin-right: 0.7rem;
        background-size: 100% 100%;
        background-image: url("https://static.aipiaxi.com/app/web/images/article-list/%E5%89%A7%E6%9C%AC%E6%96%B0-%E9%80%89%E6%8B%A9@2x.png");
}
.list-item > .header > .icon[data-v-52cd6f80] {
      height: 1rem;
      width: 1.3rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/article-list/编辑@3x.png");
      background-size: 100% 0.3rem;
      background-position: center;
      background-repeat: no-repeat;
}
.list-item > .reason[data-v-52cd6f80] {
    background-color: #fafafa;
    font-size: 1.3rem;
    color: #7D7D7D;
    min-height: 0;
    max-height: 0;
    transition: max-height 0.5s;
    overflow: hidden;
}
.list-item > .reason.open[data-v-52cd6f80] {
      max-height: 500px;
}
.list-item > .reason > .content[data-v-52cd6f80] {
      padding: 1.5rem;
}
.list-item > .reason > .content > .date[data-v-52cd6f80] {
        color: #c0bdbd;
        font-size: 1.2rem;
        margin-top: 0.5rem;
}
.list-item > .reason > .content .link[data-v-52cd6f80] {
        text-decoration: underline;
        margin-left: 1rem;
        color: #ff7b52;
}
.list-item > .body[data-v-52cd6f80] {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
    align-items: flex-end;
}
.list-item > .body > .left[data-v-52cd6f80] {
      display: flex;
      align-items: center;
}
.list-item > .body > .left > img[data-v-52cd6f80] {
        height: 6.5rem;
        width: 6.5rem;
        border-radius: 0.3rem;
        margin-right: 1.5rem;
}
.list-item > .body > .left > .info[data-v-52cd6f80] {
        font-size: 1.1rem;
        color: #7d7d7d;
}
.list-item > .body > .right > .right-btn[data-v-52cd6f80] {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      color: #c0bdbd;
      font-size: 1.2rem;
      margin-bottom: 1rem;
}
.list-item > .body > .right > .right-btn > .icon[data-v-52cd6f80] {
        background-size: 100% 100%;
        height: 0.7rem;
        width: 0.7rem;
        background-image: url("/venus-ssr/img/article-list/向下@3x.png");
        margin-left: 0.5rem;
}
.list-item > .body > .right > .right-btn > .icon.open[data-v-52cd6f80] {
          background-image: url("/venus-ssr/img/article-list/向上@3x.png");
}
.list-item > .body > .right > .btn-group[data-v-52cd6f80] {
      display: flex;
      align-items: center;
}
.list-item > .body > .right > .btn-group > .btn[data-v-52cd6f80] {
        height: 2.5rem;
        line-height: 2.5rem;
        width: 5rem;
        border-radius: 0.3rem;
        font-size: 1.2rem;
        text-align: center;
        background-color: #f3f3f3;
        margin-left: 0.5rem;
}

.page[data-v-4d522d35] {
  background-color: #fafafa;
}
.page .container[data-v-4d522d35] {
    padding-top: 0.5rem;
    height: 100%;
}
.page .container > .list[data-v-4d522d35] {
      position: relative;
      height: calc(100% - 3.3rem - 2px - 2rem);
      overflow-y: scroll;
}

@charset "UTF-8";
.RoomChestRank-module_page_2_Mji {
  min-height: 100vh;
  background: linear-gradient(135deg, #567aff 0%, #994fff 100%); }
  .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_header_13nz0 {
    position: relative;
    height: 8rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/标题@3x.png");
    background-size: 24.2rem 5.3rem;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 1.5rem; }
    .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_header_13nz0 > .RoomChestRank-module_close_24LR8 {
      position: absolute;
      right: 1rem;
      top: 2.2rem;
      height: 20px;
      width: 20px;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/sz_delete@3x.png");
      background-size: 12px 12px;
      background-repeat: no-repeat;
      background-position: center; }
  .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU {
    height: calc(100vh - 8rem);
    overflow-y: scroll; }
    .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_title_qOlwi {
      font-size: 1.5rem;
      text-align: center;
      padding: 2rem 0;
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 1.5rem; }
      .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_number_2muP_ {
        width: 1.9rem;
        text-align: center;
        font-size: 1.4rem;
        color: #fff; }
        .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_number_2muP_ > img {
          height: 1.9rem;
          width: 1.9rem; }
      .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC {
        display: flex;
        flex: 1;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_left_1yoUQ {
          display: flex; }
          .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_left_1yoUQ > .RoomChestRank-module_avatar_3czpH {
            height: 4.5rem;
            width: 4.5rem;
            border-radius: 50%;
            margin-right: 1.8rem; }
          .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_left_1yoUQ > .RoomChestRank-module_info_1mdHo > .RoomChestRank-module_name_75mSt {
            font-size: 1.4rem;
            color: #fff;
            margin-bottom: 0.9rem !important; }
          .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_left_1yoUQ > .RoomChestRank-module_info_1mdHo > .RoomChestRank-module_extra_3T57n {
            display: flex;
            align-items: center; }
            .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_left_1yoUQ > .RoomChestRank-module_info_1mdHo > .RoomChestRank-module_extra_3T57n > .RoomChestRank-module_vip_1K8_8 {
              display: inline-block;
              height: 1.6rem;
              width: 1.6rem;
              background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/vip.png");
              background-size: 100% 100%; }
            .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_left_1yoUQ > .RoomChestRank-module_info_1mdHo > .RoomChestRank-module_extra_3T57n > .RoomChestRank-module_genderIcon_2A7CJ {
              display: inline-block;
              height: 1.4rem;
              width: 1.4rem;
              border-radius: 50%;
              background-position: center;
              background-repeat: no-repeat;
              background-size: 0.9rem 0.9rem;
              margin-right: 0.5rem; }
              .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_left_1yoUQ > .RoomChestRank-module_info_1mdHo > .RoomChestRank-module_extra_3T57n > .RoomChestRank-module_genderIcon_2A7CJ.RoomChestRank-module_male_2JN53 {
                background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/news_man@3x(1).png");
                background-color: #63c1ff; }
              .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_left_1yoUQ > .RoomChestRank-module_info_1mdHo > .RoomChestRank-module_extra_3T57n > .RoomChestRank-module_genderIcon_2A7CJ.RoomChestRank-module_female_1GKEu {
                background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/webview/room-chest/news_woman@3x(1).png");
                background-color: #fe89e9; }
        .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_right_3zXE6 {
          display: flex; }
          .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_right_3zXE6 > .RoomChestRank-module_item_GULcy {
            position: relative;
            height: 4rem;
            width: 4rem;
            border-radius: 0.5rem; }
            .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_right_3zXE6 > .RoomChestRank-module_item_GULcy:last-child {
              margin-left: 1.5rem; }
            .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_right_3zXE6 > .RoomChestRank-module_item_GULcy > .RoomChestRank-module_count_3BMHw {
              height: 1.5rem;
              min-width: 1.5rem;
              line-height: 1.5rem;
              text-align: center;
              border-radius: 50%;
              background-color: #89a3ff;
              color: #fff;
              font-size: 0.9rem; }
            .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_right_3zXE6 > .RoomChestRank-module_item_GULcy > .RoomChestRank-module_avatar_3czpH {
              height: 100%;
              width: 100%;
              border-radius: 0.5rem; }
        .RoomChestRank-module_page_2_Mji > .RoomChestRank-module_body_18-UU > .RoomChestRank-module_rankGroup_3Um8N > .RoomChestRank-module_rankList_1ykn5 > .RoomChestRank-module_rankItem_2Mx9n > .RoomChestRank-module_content_6bplC > .RoomChestRank-module_date_1rmAj {
          font-size: 1.3rem;
          color: #fff; }

.spring-voice[data-v-2d5f162c] .app-layout-body {
  background-color: #00a16d;
}
.spring-voice .right-btn[data-v-2d5f162c] {
  position: absolute;
  top: 30rem;
  right: 0rem;
  display: inline-block;
  height: 2.5rem;
  width: 6.5rem;
  line-height: 2.5rem;
  color: #377ea6;
  font-size: 1.1rem;
  font-weight: bold;
  background-color: #a2e7f9;
  text-align: center;
  border-radius: 2rem 0 0rem 2rem;
}
.spring-voice .bg-img[data-v-2d5f162c] {
  width: 100%;
  height: 47rem;
}
.spring-voice .container[data-v-2d5f162c] {
  width: 100%;
  position: absolute;
  top: 41rem;
  padding-bottom: 4.5rem;
}

@charset "UTF-8";
.page-section[data-v-516ef913] {
  position: relative;
  margin: 0 1rem;
  padding-top: 3rem;
  margin-bottom: 2.4rem;
}
.page-section > .header[data-v-516ef913] {
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    height: 5rem;
    font-size: 1.7rem;
    font-weight: bold;
    color: #ffffe3;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    text-align: center;
    padding-top: 0.5rem;
}
.page-section .body[data-v-516ef913] {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 5rem;
}

.swiper-container[data-v-65cec41a] {
  height: 17.5rem;
}
.swiper-container .swiper-slide[data-v-65cec41a] {
    position: relative;
    width: 24rem;
    background-color: #009e6d;
    border-radius: 1rem;
}
.swiper-container .swiper-slide > img[data-v-65cec41a] {
      height: 100%;
      width: 100%;
}
.swiper-container .swiper-slide > .title[data-v-65cec41a] {
      font-size: 1.3rem;
      color: #ffffe3;
      position: absolute;
      bottom: 3rem;
      width: 100%;
      text-align: center;
      font-weight: bold;
}

.special-reward-list[data-v-3fa402c5] {
  height: 28.6rem;
  background-color: #ffffe3;
  margin-bottom: 2.5rem;
  padding-top: 2rem;
}
.special-reward-list > .title[data-v-3fa402c5] {
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    z-index: 99;
    margin-bottom: 1.2rem;
    color: #2e4024;
}
.special-reward-list > .title[data-v-3fa402c5]::after {
      position: absolute;
      content: '';
      background: linear-gradient(90deg, #fceb43, #fdca24);
      height: 0.5rem;
      width: 12rem;
      bottom: 2px;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1;
}
.special-reward-list > .sub-title[data-v-3fa402c5] {
    font-size: 1.3rem;
    color: #2e4024;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.8rem;
}

.normal-reward[data-v-d73441ee] {
  background-color: #ffffe3;
  height: 29.2rem;
  padding-top: 2rem;
}
.normal-reward > .title[data-v-d73441ee] {
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    z-index: 99;
    margin-bottom: 1.2rem;
    color: #2e4024;
}
.normal-reward > .title[data-v-d73441ee]::after {
      position: absolute;
      content: '';
      background: linear-gradient(90deg, #fceb43, #fdca24);
      height: 0.5rem;
      width: 12rem;
      bottom: 2px;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1;
}
.normal-reward > .sub-title[data-v-d73441ee] {
    font-size: 1.3rem;
    color: #2e4024;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.8rem;
}
.normal-reward > .content[data-v-d73441ee] {
    position: relative;
    margin: 0 2.5rem;
    height: 17.5rem;
    background-color: #009e6d;
    border-radius: 1rem;
    text-align: center;
}
.normal-reward > .content > img[data-v-d73441ee] {
      height: 100%;
}
.normal-reward > .content > .title[data-v-d73441ee] {
      font-size: 1.3rem;
      color: #ffffe3;
      position: absolute;
      bottom: 3rem;
      width: 100%;
      text-align: center;
      font-weight: bold;
}

.desc[data-v-277f9d6f] {
  padding: 2.5rem 0;
  background-color: #ffffe3;
  color: #2e4024;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}
.desc > div[data-v-277f9d6f] {
    margin-bottom: 0.5rem;
}

@charset "UTF-8";
.work-list[data-v-6fb27b8c] {
  position: relative;
  min-height: 12.6rem;
  margin: 0rem 1rem;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  padding-top: 2.5rem;
  background-color: #fcffe2;
  border-radius: 1rem;
}
.work-list[data-v-6fb27b8c]::before, .work-list[data-v-6fb27b8c]::after {
    content: '';
    position: absolute;
    height: 4.5rem;
    width: 17.2rem;
}
.work-list[data-v-6fb27b8c]::before {
    top: 0;
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgQAAACHCAMAAABeZ7H7AAAAnFBMVEUAAADl+Lfl97fj+a/l+Lbk+Lfl+Lfk+Lfk97bl+Lzl+Lfk97fk+Lfk+Lfl97fj/Lnl97fk97fk+Lfk+Lfk+Lfk97fl97jl+Lfl+Lfl+Lfl+Lfk97jk+Ljk97fl97fk+Lfk97fk97fk97fl97fj9rbl97jk97bl+Lfk97fk97fk97fk97fl97fk97fk97fl+bjl+Ljl+Ljm+bfk97fc/0laAAAAM3RSTlMA8f0DFPoZZg8G9ef38MQJ646A27bQQQzUbWFZJ+N0vLGlqogrIyDglU2geTnKSDCZUzNr3RObAAAFjElEQVR42uzdiZKTQBSF4Uuzr4GwhCUEspJ94/3fTaOWWlrozChj5J7vEWb+aprbnYR+ZhqbRF/Oq7ixfVeCgXLjC3Wa3IvDtvZC31JbGCy1XlEX5VIEnm85qmhhyK4KdTDX+jy2sQIMnj+jLtou8NwWBi8szI4ERlM9crEKMFBN5a4GjkFstTB41tagDsZ5G2IzyECoT6jD5Dy30cDwiWglU4fRee63MHh+YFCX0fFqtzB0wtvJ1EWeBtgPMBBo1E3TYzQwdGqc0C+YuwjvhkNnL9f0C/ImwJhw4ER1N+lXFN3DnHDQ1HI2ol+74O1w2PxgRb9hFGkLwyWiy4h+w7wHWAiGy4kLk37LKDynhWESp0yjF9gcsBAMlZ9pMr1EcsVCMEhqs1TohfQaEQyQejqs6MWWGBIMUFpoMr3cHEdHAyPcUz6iV6mwLxyWcLub0CvhXuGQiFO+GdGrNdgSvIUQqup8oj7N53SscpHI9Ba4UfQaVhl79fwaLA+zLMv0hyw7jMfL7X4ReXFoS+0/IsK9vpLpbXCK/EJNvcyP07WmGJOR+eNfWzYnhqJom/X0ctbH+yh123dl1cXmsRNABD2x7LA+JAq9jrHaZUF9Chvbt0TbJ6msdI3+iNRCN1FGy/yo0JsZ6+Muny330amx2h7Y0bKYykSIoC/u/rZWTPpz8kjRNtNjPp57dvv3pMFurTwKQAT9sJr6NqIeTC632bZKw9J3HdG+jeM38bXQ6BNE0JNyn0+pT6a2Sm76IdjXXuqrr4kz9OZL/Tx9LFCIoEdhNp3Qu5BHhrZZr5JiFiy88tcxSGm0zZLpRpnI9BEi6JHr5Sb9G7J2eewir4uo8rw4fTh50eIazPLdxaDvIII+2fudQU9Cpk6IoD9if58QQ4jgK7e+E0+I4AurvrFcBRDBN83tafYCv4UIeuEHjBNABA8iOpvEGSJobV0h3thH4FQX4o57BOGM9W4AEXx0ussErCOQriMC3hGEORrgHsFphUcB8wicBfcXQ0QgjdEA9wjKHe8ZISJo2zQh4B2BiDAk5B6BmGsEvCNQ5xgUc4/AXbK9QIQIvrAOmBJyj0A6YErIPQJbRwPcI5ByjIi4R+BmBMwjsHMC5hFIGZ4F3COwxtgTco/Axbsh+wicMWZE3CNQcaOUfQTOFucF3CMQV5wbco9ARLhOyD0CscAdEvYRoAH2EYgIDXCPQMV9QvYRiD32hNwjcPZ4N+QegYtZMfsIpAwNcI/ALgh4RyA8fNyQfQTVFPcHmEcgXXGVjHsEpY4tIfcI4jvWAeYRWJgSso8g1DElZB6BiPC9dNwjsMe4TMg8ArXGgIh7BC773y1gH4FVrwlYR6B6OV4KmEfgznCLjHkEPp4E3COwFjucFPCOQHgJNgO8I7Bi/HgJ8wjUKMdkgHcEokqQAOsIhF+dcVLEOgI1Xia4N8I7grjYIAHOETjNAkeFvCOwFxkujRDnCEScrTEY+ohrBMJPt0esAZ/xjMCOxmfMBL5iGIG1KNYKFoE+Lbw0DRvbdy21fTqWnV5xRPge5Ik2vSc3fTbezqu4fJYWRBkF+hEbwfdmThRtszpn26oU7T9lVeNko2Ai9G9NLsV4fgpL23Xa96S6ZVofjngEPA1ZmSY3fbxdVLHdfwtqeVoE2e6Cj488I9NQtPUqycd7r1HbPkin+eG2WmsGXgL+B7J2vGXLuZeGTWn7kvPmKIQj+XYTxtF2dt7gf/9f+tB+veQgCIMBEF7YFKpiQlVQWn98QEWpNcb7301u4NaY+a4wqzEqPGNymdhyuJ837WN3XRTz9xfL4rDertrjabiMe5ei5///w8zUuVJah977Llbp5ZpMREZrbTmxE5Gscbcqdt73QWuV14b4AAAAAAAAAAAAAAD8rg9eyy1rmMz8HwAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
}
.work-list[data-v-6fb27b8c]::after {
    bottom: 0;
    right: 0;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
}
.work-list > .header[data-v-6fb27b8c] {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 14.6rem;
    text-align: center;
    font-size: 1.7rem;
    font-weight: bold;
    color: #2e4024;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbYAAAAnBAMAAACRanARAAAAKlBMVEUAAAAAVjwAVDwAVjwAVz4AVDoAWT0AVjsAVTsAVjkAfwAAWjoAVjwAWUBl0uTOAAAADnRSTlMAgEB5CDoucGMaAh9ZHp/nP14AAAFCSURBVGje7dqxagJBEAbgTTAhMU1+j2DKCHmBIxAsUkiKVCmSIoF0gSQPYBlsFEsRbESwshUR7BRbfQjxaWRwBb2TOcu5cf52p5ivGdiddc8P945NdlFcOmkZ1ps9voJcBeT4ossy/p20dJBv8RXkChHwRWfAjZOWd+CNryAXAL7oFMg5aSkAd3wFgI3t5bMUO+5/dIXbqMNoMn+/u7bMLJjHqsaoCLdRh9G8hk+lHdt5iMdYVQ23wm3UYTQ/CL63bfsBAITbAOw9MpseW7b91VuPmlTZaMivm2dsV+X8yI+aFNloyPvmGdsFUPWjJkU2GvK+ecZ2Alz74xTZtpo3m9kOjdnMZjazmY2P2cxmtqO6B2i+v2m+d2t+LzGbgCTYjuZdWfM+QPMeR+f+TfPeVPO+O/mfwqQ4ddIyqDeS/ymsAH//jUCVYyw4AAAAAElFTkSuQmCC);
    background-size: 100% 1.3rem;
    background-repeat: no-repeat;
    background-position-y: 50%;
    margin-bottom: 1.6rem;
}
.work-list > .body[data-v-6fb27b8c] {
    position: relative;
    z-index: 9;
    padding: 0 0.5rem;
}
.work-list > .body > .join-btn[data-v-6fb27b8c] {
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      width: 17.6rem;
      height: 4.3rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      color: #fff;
      font-size: 1.7rem;
      font-weight: bold;
      padding-top: 0.5rem;
      text-align: center;
}
.work-list > .body > .btn-link[data-v-6fb27b8c] {
      font-size: 1.5rem;
      color: #e84600;
      text-decoration: underline;
      font-weight: bold;
      text-align: center;
      padding: 1.5rem 0;
      border-top: 1px solid rgba(0, 86, 60, 0.2);
}

@charset "UTF-8";
.work-list-item[data-v-66543eed] {
  position: relative;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: bold;
  border-top: 1px solid rgba(0, 86, 60, 0.2);
  padding: 1.5rem 0.5rem;
}
.work-list-item > .left[data-v-66543eed] {
    display: flex;
    align-items: center;
}
.work-list-item > .left > .icon[data-v-66543eed] {
      height: 2.7rem;
      width: 2.7rem;
      margin-right: 1rem;
      border-radius: 0.5rem;
}
.work-list-item > .left > .name[data-v-66543eed] {
      width: 15rem;
}
.work-list-item > .right[data-v-66543eed] {
    display: flex;
    align-items: center;
}
.work-list-item > .right > .icon[data-v-66543eed] {
      height: 1.5rem;
      width: 1.5rem;
      margin-right: 0.4rem;
      background-size: 100% 100%;
}
.work-list-item > .right > .icon.correct[data-v-66543eed] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAAw1BMVEUAAAA8v3Y8v3Y7wHU6wHZHqWU2yW08v3Y8v3Y8v3c7v3Y8wHY8v3Y9v3c8wHU8v3Y7v3Y7v3Y8v3Y8v3Y7v3c7v3Y7wHU7vnU7wXY8vnU9wHY9vnc8v3b///9MxYE+wHj8/v3y+/ZBwXn2/Pj5/fvt+fPm9+2c37mB1qdWyIjc9OfD69WX3bZ71KJx0ZxFwny76dC058up48OM2q+H2KtnzZRhzJBHw37h9urW8uLR8N/L7tqv5cfe9Oie37uS27Jqzpb6737qAAAAHHRSTlMA/D0sFgIE8+Hp8L+3rJh7VuzE9+VfhYFfUMVP+CvpnAAAAc1JREFUSMeVleeWgjAQRkNXEUTUrYMg7oq9d93y/k+1kkQ6WXN/hcM9OV+SSQalUWWpY9rtFrTattmRZBWVo4pPeg1iavqTWOpLRlWANELVkApduaFBEVpDzstiXYBihLqopF3FqkA5FUtJye9VYNF8TeoWllm6lchMY7DCiNFu1OF/6jK1G8IDttCgh6LBI2gSPm6DKS2mvX6wCEeGGi6RuR/dq+c4/WE4rIoIKc+s1IeV59wIcPJnBck6S746Ib0Z/tJlJNXK5dESyx/TBSlgCb0wMi9xjP7WB8ILMsvlCYnxc5fBRHb0s5uJQeVNJION2mTgfw+O09TMF48s0IWINmqRwbB/+7VexPIZz/y5TcjQQnQQ4MWvD0DYX4g8TMogxHNjfeWSzGcPy/OUDFqUe/2BZ1t2Q3lMZp5lizzaEz/okdm7sDtheUAXGGPH++1PcRhvsh8T+ReymImzdAOsOx6R55Cjk6wTd/Pp3PkqkGtSqgb9bY/K4z3k0eVMfW+IftxlRFrf2bszHNzkU04mdyd3L9352JuMoAhD5brzXO8J31vF+w5SrCbHG4uU1ybH+83RG4jO7jucPY2/X/L34nyff6toglZ5K+jzf1mxsRUDGI6WAAAAAElFTkSuQmCC);
}
.work-list-item > .right > .icon.mistake[data-v-66543eed] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAAeFBMVEUAAAD/ZgD8cAD9cAD9bwD8cQD9cAD9cAD8cAD8bwD8cQD8cAD+cAD8cAD8cAD+cQD/ZgD7cQD8cAD8cAD9cAD8cQD/dAD+cAD8cQD8cAD9cQD6cAD8cAD+///9tHr++fT8dgr8ehH917j9zKP9rGv8cwX92bv8jzehXd/iAAAAHHRSTlMAA/zqPRbx4fUsv7esg3tWBV/E5ZhQLC7FmZdgaEmu9QAAAV5JREFUSMeVlelygzAMhMVlbgiQq61MMFfe/w1bMK3M1Rl9vxhnsyyyLcEay7sX17IKMKjKa3H3LDjn4qaRQEJEqXs5E4eJY+Ma20nCQ62XCTxCZN5e7Mbku/GP3U18K/fxHD+3VuKbg//h3Ex5TuITeW5kphinYdy/asR6RalhpxqU0g/xb2UyXY131/bNRtz0bffWlcmWTQm0cyflq96o65eUnXYPHvN2J0uOVv5QN6ZzPS21S5bkMn2isyTsX3JybwzxvNIPS11cACu1yWmWmzHMt9mpBV6Eu5+P/4yRB6Ewc1IY83lBhFAgQX7bGJoCPpEgkTJiEB9QIkEBRophUEKFBIWRFMOgggAJCkMxTALAHWqc1aPa3yKWt2Dl9pk1uXLqzdrLL9454Z1B3vlm3R32vYQH484z+gmrV7H6IKvH8vo3fzaQnDF3GDONPS/5s5jm/NMXtvCfB3P+G7xTrKfka3O1AAAAAElFTkSuQmCC);
}
.work-list-item > .right > .text[data-v-66543eed] {
      margin-right: 1rem;
}
.work-list-item > .right .play-btn[data-v-66543eed] {
      background: linear-gradient(90deg, #ff9e33, #fc7000);
      height: 2.6rem;
      width: 5rem;
      font-size: 1.3rem;
      color: #fcffe2;
      text-align: center;
      line-height: 2.7rem;
      border-radius: 1.3rem;
}

.the-tab-bar[data-v-747633d1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.5rem;
  color: #00563c;
  font-weight: bold;
  padding: 0 1.45rem;
  margin-bottom: 1.5rem;
}
.the-tab-bar > .item[data-v-747633d1] {
    flex: 1;
    height: 2.9rem;
    line-height: 2.9rem;
    text-align: center;
    position: relative;
}
.the-tab-bar > .item[data-v-747633d1]::after {
      content: '';
      position: absolute;
      height: 1rem;
      width: 2px;
      background-color: #00563c;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
}
.the-tab-bar > .item[data-v-747633d1]:last-child {
      text-align: right;
}
.the-tab-bar > .item[data-v-747633d1]:last-child::after {
        display: none;
}
.the-tab-bar > .item[data-v-747633d1]:first-child {
      text-align: left;
}
.the-tab-bar > .item > span[data-v-747633d1] {
      display: inline-block;
      text-align: center;
      width: 8.85rem;
}
.the-tab-bar > .item.active > span[data-v-747633d1] {
      background: linear-gradient(90deg, #fceb43, #fdca24);
      box-shadow: 0px 2px 2px 0px #52ca79;
      border-radius: 1.43rem;
}

.tab-panel[data-v-7252489d] {
  background-color: #ffffe3;
  padding: 0 1.6rem;
  padding-top: 2.45rem;
  overflow: hidden;
}

.the-activity-desc[data-v-2f5cc5e4] .tab-panel > .title {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  z-index: 99;
  margin-bottom: 2rem;
  color: #2e4024;
}
.the-activity-desc[data-v-2f5cc5e4] .tab-panel > .title::after {
    position: absolute;
    content: '';
    background: linear-gradient(90deg, #fceb43, #fdca24);
    height: 0.5rem;
    width: 18rem;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.the-activity-desc[data-v-2f5cc5e4] .tab-panel > .row {
  display: flex;
  font-size: 1.3rem;
  color: #2e4024;
  font-weight: bold;
  margin-bottom: 1.95rem;
}
.the-activity-desc[data-v-2f5cc5e4] .tab-panel > .row > span:first-child {
    margin-right: 0.5rem;
}

.activity-modal .mask[data-v-5023aaac] {
  position: fixed;
  z-index: 3999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.activity-modal .modal-body[data-v-5023aaac] {
  position: fixed;
  z-index: 4000;
  width: 32.5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.activity-modal .modal-body .close[data-v-5023aaac] {
    position: absolute;
    z-index: 999;
    height: 3rem;
    width: 3rem;
    bottom: -5rem;
    left: 50%;
    transform: translateX(-50%);
}

@charset "UTF-8";
.the-header[data-v-421d66aa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
.the-header > .right[data-v-421d66aa] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    height: 2.9rem;
    width: 6.5rem;
    border-radius: 1.43rem;
    background-color: #fcffe2;
    color: #2e4024;
}
.the-header > .right > img[data-v-421d66aa] {
      height: 1.5rem;
      width: 1.5rem;
      margin-right: 0.2rem;
}
.the-header > .input-wrapper[data-v-421d66aa] {
    display: flex;
    align-items: center;
    flex: 1;
    margin: 0 1rem;
    height: 2.9rem;
    /* width: 20.5rem; */
    border-radius: 1.43rem;
    background-color: #96dfa3;
    overflow: hidden;
    justify-content: space-between;
    padding: 0 1.5rem;
}
.the-header > .input-wrapper > .input[data-v-421d66aa] {
      /* flex: 1; */
      width: 12rem;
      font-size: 1.3rem;
      color: #00563c;
      font-weight: bold;
      background-color: #96dfa3;
}
.the-header > .input-wrapper > .input[data-v-421d66aa]::-moz-placeholder {
        color: #00563c;
        font-weight: bold;
}
.the-header > .input-wrapper > .input[data-v-421d66aa]:-ms-input-placeholder {
        color: #00563c;
        font-weight: bold;
}
.the-header > .input-wrapper > .input[data-v-421d66aa]::placeholder {
        color: #00563c;
        font-weight: bold;
}
.the-header > .input-wrapper > img[data-v-421d66aa] {
      height: 1.3rem;
      width: 1.3rem;
}
.the-header > .btn[data-v-421d66aa] {
    background: linear-gradient(90deg, #ff9e33, #fc7000);
    box-shadow: 0px 2px 2px 0px #52ca79;
    width: 6.5rem;
    height: 2.9rem;
    line-height: 2.9rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 1.43rem;
    text-align: center;
}
.the-header .ticket-modal[data-v-421d66aa] {
    padding: 0 2.5rem;
    padding-top: 3.9rem;
    padding-bottom: 3.5rem;
    background-color: #ffffe3;
    font-size: 1.4rem;
    color: #2e4024;
}
.the-header .ticket-modal > .btn[data-v-421d66aa] {
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      font-size: 1.6rem;
      font-weight: bold;
      color: #00563c;
      background: linear-gradient(90deg, #fceb43, #fdca24);
      height: 4rem;
      width: 20rem;
      border-radius: 2rem;
      text-align: center;
      line-height: 4rem;
      margin-top: 3rem;
}
.the-header .ticket-modal > .row[data-v-421d66aa] {
      margin-bottom: 1.4rem;
}

@charset "UTF-8";
.rank-list-item[data-v-04518660] {
  width: 11.2rem;
  margin-right: 1rem;
  box-shadow: 0px 2px 14px 0px rgba(0, 161, 109, 0.5);
  margin-bottom: 1rem;
}
.rank-list-item[data-v-04518660]:nth-child(3n) {
    margin-right: 0;
}
.rank-list-item > .header[data-v-04518660] {
    position: relative;
    height: 11.2rem;
}
.rank-list-item > .header > .avatar[data-v-04518660] {
      height: 100%;
      width: 100%;
      border-radius: 1rem 1rem 0 0;
}
.rank-list-item > .header > .icon[data-v-04518660] {
      position: absolute;
      z-index: 99;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 4rem;
      width: 4rem;
}
.rank-list-item > .header > .flag[data-v-04518660] {
      position: absolute;
      z-index: 99;
      right: 0;
      bottom: 0;
      font-size: 1rem;
      color: #fcffe2;
      height: 1.7rem;
      width: 3.5rem;
      text-align: center;
      line-height: 1.7rem;
      background-color: rgba(252, 255, 226, 0.3);
      border-radius: 0.78rem 0 0 0;
}
.rank-list-item > .header > .follow-btn[data-v-04518660] {
      position: absolute;
      z-index: 999;
      top: 1.1rem;
      right: -0.5rem;
      height: 2.2rem;
      width: 4.6rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      color: #fff;
      font-size: 1.1rem;
      text-align: center;
      line-height: 2.5rem;
      font-weight: bold;
}
.rank-list-item > .header[data-v-04518660]::after {
      content: '';
      position: absolute;
      background-color: rgba(0, 0, 0, 0.4);
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 1rem 1rem 0 0;
}
.rank-list-item > .body[data-v-04518660] {
    background-color: #fcffe2;
    padding-bottom: 1.2rem;
    border-radius: 0 0 1rem 1rem;
}
.rank-list-item > .body > .title[data-v-04518660] {
      display: flex;
      justify-content: space-between;
      padding: 0 0.5rem;
      padding-top: 0.75rem;
      margin-bottom: 0.6rem;
      font-size: 1.1rem;
      font-weight: bold;
}
.rank-list-item > .body > .title.rank[data-v-04518660] {
        margin-bottom: 1.45rem;
}
.rank-list-item > .body > .title .name[data-v-04518660] {
        margin: 0;
        flex: 1;
        padding-right: 1rem;
        color: #2e4024;
}
.rank-list-item > .body > .title .ticket[data-v-04518660] {
        color: #e84600;
}
.rank-list-item > .body .subtitle[data-v-04518660] {
      font-size: 1rem;
      color: rgba(46, 64, 36, 0.8);
      padding-left: 0.5rem;
      margin-bottom: 0.9rem;
}
.rank-list-item > .body .set-btn[data-v-04518660] {
      color: #00563c;
      font-size: 1.1rem;
      font-weight: bold;
      height: 2.5rem;
      line-height: 2.5rem;
      text-align: center;
      width: 9rem;
      border-radius: 1.25rem;
      margin: 0 1.1rem;
      background: linear-gradient(90deg, #fdca24, #fceb43);
}
.rank-list-item > .body > .btn[data-v-04518660] {
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(90deg, #ff9e33, #fc7000);
      height: 2.5rem;
      width: 9rem;
      line-height: 2.5rem;
      color: #fff;
      font-weight: bold;
      font-size: 1.1rem;
      text-align: center;
      border-radius: 1.25rem;
      margin-bottom: 1.1rem;
}
.rank-list-item > .body > .link[data-v-04518660] {
      font-size: 1rem;
      font-weight: bold;
      color: #00563c;
      text-align: center;
      text-decoration: underline;
}

.rank-list > .list[data-v-5dffbb2d] {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.95rem;
  padding-top: 2rem;
  min-height: 24.3rem;
}
.rank-list .no-more[data-v-5dffbb2d] {
  font-size: 1.3rem;
  font-weight: bold;
  color: #00563c;
  text-align: center;
  margin-top: 2rem;
}
.rank-list > .ticket-btn[data-v-5dffbb2d] {
  position: fixed;
  z-index: 1999;
  bottom: 7.5rem;
  right: 0.5rem;
  height: 5.5rem;
  width: 5.5rem;
  border: 0.25rem solid #fcffe2;
  border-radius: 50%;
  background: linear-gradient(90deg, #fdca24, #fceb43);
  color: #00563c;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 5rem;
  text-align: center;
}

@charset "UTF-8";
.lucky-draw[data-v-51330399] {
  min-height: 42.1rem;
  background-color: #ffffe3;
  padding-top: 3.1rem;
  overflow: hidden;
}
.lucky-draw > .remain-count[data-v-51330399],
  .lucky-draw > .sub-title[data-v-51330399] {
    color: #2e4024;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}
.lucky-draw > .remain-count[data-v-51330399] {
    margin-bottom: 1rem;
}
.lucky-draw > .sub-title[data-v-51330399] {
    margin-bottom: 2rem;
}
.lucky-draw > .btn[data-v-51330399] {
    height: 5rem;
    width: 25.1rem;
    margin: 0 auto;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 4.5rem;
    background-image: url(../../venus-ssr/img/抽奖@3x.b9620be0.png);
    background-size: 100% 100%;
    font-weight: bold;
    margin-bottom: 2rem;
}
.lucky-draw > .link[data-v-51330399] {
    color: #f25b00;
    font-weight: 1.5rem;
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
}
.lucky-draw > .reward[data-v-51330399] {
    position: relative;
    background-color: #009e6d;
    margin: 0 2.5rem;
    margin-bottom: 3.05rem;
    border-radius: 1rem;
}
.lucky-draw > .reward > img[data-v-51330399] {
      height: 100%;
      width: 100%;
}
.lucky-draw > .reward > .title[data-v-51330399] {
      position: absolute;
      bottom: 3rem;
      width: 100%;
      text-align: center;
      color: #ffffe3;
      font-weight: bold;
      font-size: 1.3rem;
}
.lucky-draw .lucky-draw-modal[data-v-51330399] {
    padding-top: 2rem;
    background-color: #ffffe3;
    padding-bottom: 3.5rem;
}
.lucky-draw .lucky-draw-modal > .avatar-wrapper[data-v-51330399] {
      background-color: #e4f7b7;
      height: 9.35rem;
      width: 9.35rem;
      border-radius: 1rem;
      margin: 0 auto;
      margin-bottom: 1.45rem;
}
.lucky-draw .lucky-draw-modal > .avatar-wrapper > img[data-v-51330399] {
        height: 100%;
        width: 100%;
}
.lucky-draw .lucky-draw-modal > .text[data-v-51330399] {
      font-size: 1.4rem;
      color: #2e4024;
      text-align: center;
      padding: 0 3rem;
}
.lucky-draw .lucky-draw-modal > .btn[data-v-51330399] {
      height: 4rem;
      width: 20rem;
      margin: 0 auto;
      background: linear-gradient(90deg, #fceb43, #fdca24);
      border-radius: 2rem;
      font-size: 1.6rem;
      font-weight: bold;
      color: #00563c;
      font-weight: bold;
      text-align: center;
      line-height: 4rem;
      margin-top: 2.5rem;
}
.lucky-draw .rule-modal[data-v-51330399] {
    padding: 2rem;
    background-color: #ffffe3;
    font-size: 1.4rem;
    font-weight: bold;
    color: #2e4024;
}
.lucky-draw .rule-modal .title[data-v-51330399] {
      font-size: 2rem;
      text-align: center;
      margin-bottom: 1rem;
}
.lucky-draw .rule-modal .row[data-v-51330399] {
      margin-bottom: 1rem;
}

.workflow[data-v-51539982] {
  padding-top: 1.8rem;
  background-color: #ffffe3;
}
.workflow > .title[data-v-51539982] {
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    z-index: 99;
    margin-bottom: 1.2rem;
    color: #2e4024;
}
.workflow > .title[data-v-51539982]::after {
      position: absolute;
      content: '';
      background: linear-gradient(90deg, #fceb43, #fdca24);
      height: 0.5rem;
      width: 18rem;
      bottom: 2px;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1;
}
.workflow > .body[data-v-51539982] {
    padding: 0 2rem;
    padding-bottom: 1.4rem;
}
.workflow > .body > .row[data-v-51539982] {
      display: flex;
      font-size: 1.3rem;
      color: #2e4024;
      font-weight: bold;
      margin-bottom: 1.9rem;
}

.rank-tab[data-v-25e35f29] .the-tab-bar {
  background-color: #fcffe2;
  height: 5.4rem;
}

@charset "UTF-8";
.excellent-work-list > .header[data-v-5c1a11f1] {
  position: relative;
  height: 5rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  color: #ffffe3;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  line-height: 5rem;
}
.excellent-work-list > .header[data-v-5c1a11f1]::after {
    position: absolute;
    content: '';
    height: 1.3rem;
    width: 14.6rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbYAAAAnBAMAAACRanARAAAAKlBMVEUAAAAAVjwAVDwAVjwAVz4AVDoAWT0AVjsAVTsAVjkAfwAAWjoAVjwAWUBl0uTOAAAADnRSTlMAgEB5CDoucGMaAh9ZHp/nP14AAAFCSURBVGje7dqxagJBEAbgTTAhMU1+j2DKCHmBIxAsUkiKVCmSIoF0gSQPYBlsFEsRbESwshUR7BRbfQjxaWRwBb2TOcu5cf52p5ivGdiddc8P945NdlFcOmkZ1ps9voJcBeT4ossy/p20dJBv8RXkChHwRWfAjZOWd+CNryAXAL7oFMg5aSkAd3wFgI3t5bMUO+5/dIXbqMNoMn+/u7bMLJjHqsaoCLdRh9G8hk+lHdt5iMdYVQ23wm3UYTQ/CL63bfsBAITbAOw9MpseW7b91VuPmlTZaMivm2dsV+X8yI+aFNloyPvmGdsFUPWjJkU2GvK+ecZ2Alz74xTZtpo3m9kOjdnMZjazmY2P2cxmtqO6B2i+v2m+d2t+LzGbgCTYjuZdWfM+QPMeR+f+TfPeVPO+O/mfwqQ4ddIyqDeS/ymsAH//jUCVYyw4AAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.excellent-work-list > .list[data-v-5c1a11f1] {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.95rem;
  padding-top: 1.5rem;
}
.excellent-work-list > .no-more[data-v-5c1a11f1] {
  font-size: 1.3rem;
  font-weight: bold;
  color: #00563c;
  text-align: center;
  margin-top: 1rem;
}

@charset "UTF-8";
.UserInfo-module_user-info_1an4_ {
  position: relative;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/底框@3x.png");
  background-size: 100% 100%;
  margin: 0 1.5rem;
  height: 10.2rem;
  margin-top: 19.25rem;
  padding-top: 2rem;
  margin-bottom: 3rem; }
  .UserInfo-module_user-info_1an4_::after {
    position: absolute;
    left: 19.3rem;
    bottom: 8.5rem;
    content: '';
    height: 9.5rem;
    width: 7rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/烟雾@3x.png");
    background-size: 100% 100%; }
  .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy {
    padding-left: 2.65rem;
    padding-right: 4.25rem;
    display: flex;
    align-items: center;
    color: #2c0c02; }
    .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy > .UserInfo-module_avatar_3ukOf {
      height: 5rem;
      width: 5rem;
      border-radius: 50%;
      margin-right: 1.5rem; }
    .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy > .UserInfo-module_right_2d7Cv {
      flex: 1; }
      .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy > .UserInfo-module_right_2d7Cv .UserInfo-module_title_2st98 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 0.5rem; }
        .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy > .UserInfo-module_right_2d7Cv .UserInfo-module_title_2st98 > .UserInfo-module_nickname_1ghVj {
          width: 15rem; }
        .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy > .UserInfo-module_right_2d7Cv .UserInfo-module_title_2st98 > .UserInfo-module_question-icon_3cax2 {
          height: 1.5rem;
          width: 1.5rem; }
      .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy > .UserInfo-module_right_2d7Cv .UserInfo-module_sub-title_1P7HT {
        display: flex;
        align-items: center;
        font-size: 1.2rem;
        font-weight: bold; }
        .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy > .UserInfo-module_right_2d7Cv .UserInfo-module_sub-title_1P7HT > .UserInfo-module_icon_1XaQ8 {
          width: 1.3rem;
          height: 1.7rem;
          margin-right: 0.5rem; }
        .UserInfo-module_user-info_1an4_ > .UserInfo-module_content_3oiJy > .UserInfo-module_right_2d7Cv .UserInfo-module_sub-title_1P7HT > span {
          display: inline-block;
          margin-right: 1rem; }

@charset "UTF-8";
.TheRankTab-module_the-rank-tab_1FFMu .TheRankTab-module_tabs_19m1t {
  background-color: #511b06;
  display: flex;
  color: rgba(253, 249, 238, 0.7);
  font-size: 1.5rem;
  padding: 0.75rem 1.5rem; }
  .TheRankTab-module_the-rank-tab_1FFMu .TheRankTab-module_tabs_19m1t > .TheRankTab-module_tab-item_2Ne4Z {
    flex: 1;
    position: relative; }
    .TheRankTab-module_the-rank-tab_1FFMu .TheRankTab-module_tabs_19m1t > .TheRankTab-module_tab-item_2Ne4Z.TheRankTab-module_active_3Nqqh > div {
      background-color: #b05424;
      color: #fdf9ee; }
    .TheRankTab-module_the-rank-tab_1FFMu .TheRankTab-module_tabs_19m1t > .TheRankTab-module_tab-item_2Ne4Z:last-child::after {
      display: none; }
    .TheRankTab-module_the-rank-tab_1FFMu .TheRankTab-module_tabs_19m1t > .TheRankTab-module_tab-item_2Ne4Z::after {
      content: '';
      position: absolute;
      height: 1rem;
      width: 1px;
      background-color: rgba(214, 209, 199, 0.1);
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
    .TheRankTab-module_the-rank-tab_1FFMu .TheRankTab-module_tabs_19m1t > .TheRankTab-module_tab-item_2Ne4Z > div {
      height: 2.85rem;
      width: 8.85rem;
      text-align: center;
      line-height: 2.85rem;
      border-radius: 1.43rem;
      margin: 0 auto; }

.TheRankTab-module_the-rank-tab_1FFMu > .TheRankTab-module_body_2Sqbl {
  padding: 0 1.5rem; }

.TheRankTab-module_the-rank-tab_1FFMu .TheRankTab-module_nomore_2Wa0F {
  color: rgba(253, 249, 238, 0.2);
  font-size: 1.2rem;
  padding: 3.5rem 0;
  text-align: center; }

.TheRankTab-module_the-rank-list_2adOX {
  padding: 0 1.5rem;
  min-height: 20rem; }

.TheRankTab-module_the-rank-item_OwBTt {
  padding: 2rem 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(252, 248, 234, 0.1); }
  .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_number_2sh3f {
    display: inline-block;
    min-width: 1.7rem;
    margin-right: 2rem;
    text-align: center;
    color: #D6D1C7;
    font-size: 1.3rem;
    font-weight: bold; }
  .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_icon_XVkDl {
    width: 1.7rem;
    height: 2.1rem;
    margin-right: 2rem; }
  .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_content_1prMR {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_content_1prMR > .TheRankTab-module_left_22egW {
      display: flex;
      align-items: center; }
      .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_content_1prMR > .TheRankTab-module_left_22egW > .TheRankTab-module_avatar_A151R {
        height: 5rem;
        width: 5rem;
        border-radius: 50%;
        margin-right: 1.5rem; }
      .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_content_1prMR > .TheRankTab-module_left_22egW > .TheRankTab-module_info_MuuPZ > .TheRankTab-module_title_1av43 {
        font-size: 1.5rem;
        color: #fdf9ee;
        margin-bottom: 0.3rem; }
      .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_content_1prMR > .TheRankTab-module_left_22egW > .TheRankTab-module_info_MuuPZ > .TheRankTab-module_sub-title_1g4kg {
        display: flex;
        align-items: center;
        font-size: 1.2rem;
        color: rgba(253, 249, 238, 0.7); }
        .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_content_1prMR > .TheRankTab-module_left_22egW > .TheRankTab-module_info_MuuPZ > .TheRankTab-module_sub-title_1g4kg > img {
          height: 1.7rem;
          width: 1.3rem;
          margin-right: 0.5rem; }
    .TheRankTab-module_the-rank-item_OwBTt > .TheRankTab-module_content_1prMR > .TheRankTab-module_btn_36qxK {
      background-color: #b05424;
      color: #fdf9ee;
      height: 2.6rem;
      width: 6rem;
      border-radius: 1.3rem;
      font-size: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center; }

.TheRankTab-module_the-burn-list_3QtSB {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1rem;
  padding-top: 2rem;
  min-height: 20rem; }

.TheRankTab-module_the-burn-list-item_2wcZX {
  position: relative;
  height: 11.5rem;
  width: 11.5rem;
  background-size: 100% 100%;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.2rem; }
  .TheRankTab-module_the-burn-list-item_2wcZX:nth-child(3n) {
    margin-right: 0; }
  .TheRankTab-module_the-burn-list-item_2wcZX > .TheRankTab-module_info_MuuPZ {
    padding-top: 0.2rem;
    text-align: center;
    position: absolute;
    height: 4.5rem;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7); }
    .TheRankTab-module_the-burn-list-item_2wcZX > .TheRankTab-module_info_MuuPZ > .TheRankTab-module_name_aDelJ {
      font-size: 1.4rem;
      color: #988123;
      font-weight: bold; }
    .TheRankTab-module_the-burn-list-item_2wcZX > .TheRankTab-module_info_MuuPZ > .TheRankTab-module_date_3Z9WH {
      font-size: 1.1rem;
      color: #fff; }

.TheRankTab-module_rankWelfare_2kpty > .TheRankTab-module_desc_1CGA3 {
  color: #fdf9ee;
  font-size: 1.2rem;
  padding: 0 1.25rem;
  padding-bottom: 2rem; }

.TheRankTab-module_rankWelfare_2kpty > .TheRankTab-module_the-rank_1kJ-8 {
  display: flex;
  padding: 0 1.25rem; }
  .TheRankTab-module_rankWelfare_2kpty > .TheRankTab-module_the-rank_1kJ-8 > .TheRankTab-module_item_3dRFd {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 1.35rem;
    width: 12rem;
    height: 12.5rem;
    background-color: #3e1304;
    border-radius: 0.5rem;
    color: rgba(253, 249, 238, 0.7);
    font-size: 1.2rem;
    margin-right: 4rem;
    margin-bottom: 2.5rem; }
    .TheRankTab-module_rankWelfare_2kpty > .TheRankTab-module_the-rank_1kJ-8 > .TheRankTab-module_item_3dRFd:nth-child(2n) {
      margin-right: 0; }
    .TheRankTab-module_rankWelfare_2kpty > .TheRankTab-module_the-rank_1kJ-8 > .TheRankTab-module_item_3dRFd > img {
      height: 6.5rem;
      width: 6.5rem;
      margin-bottom: 1.5rem; }

.TheRankTab-module_the-section_11-TS {
  position: relative;
  min-height: 10rem;
  background-color: #ffc68e;
  border-radius: 0.5rem;
  margin: 0 1.5rem;
  padding: 0 2rem;
  margin-bottom: 3.3rem; }
  .TheRankTab-module_the-section_11-TS > .TheRankTab-module_header_6PKFV {
    position: relative;
    height: 5.35rem; }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_header_6PKFV.TheRankTab-module_task_28NhZ::before {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/燃将任务@3x.png"); }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_header_6PKFV.TheRankTab-module_welfare_1Vmzc::before {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/燃将福利@3x.png"); }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_header_6PKFV.TheRankTab-module_rank_38DSK::before {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/榜单福利@3x.png"); }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_header_6PKFV::before {
      content: '';
      position: absolute;
      top: -2.2rem;
      z-index: 99;
      left: 50%;
      transform: translateX(-50%);
      height: 7.2rem;
      width: 17.4rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/燃将任务@3x.png");
      background-size: 100% 100%;
      font-size: 2.1rem;
      font-weight: bold;
      color: #511b06; }
  .TheRankTab-module_the-section_11-TS > .TheRankTab-module_body_2Sqbl {
    position: relative;
    z-index: 99; }
  .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_1_1e7zd {
    position: absolute;
    top: 0.5rem;
    bottom: 0.5rem;
    left: 1rem;
    right: 1rem;
    border-radius: 0.8rem;
    background-color: #511b06; }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_1_1e7zd::after, .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_1_1e7zd::before {
      content: '';
      position: absolute;
      height: 0.7rem;
      width: 0.7rem;
      background-size: 100% 100%;
      top: -0.2rem; }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_1_1e7zd::after {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/右边@3x.png");
      right: -0.8rem; }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_1_1e7zd::before {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/左边@3x.png");
      left: -0.8rem; }
  .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_2_2tsx6 {
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 0.5rem;
    right: 0.5rem;
    border-radius: 0.8rem;
    background-color: #511b06; }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_2_2tsx6::after, .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_2_2tsx6::before {
      content: '';
      position: absolute;
      height: 0.7rem;
      width: 0.7rem;
      background-size: 100% 100%;
      bottom: -0.8rem; }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_2_2tsx6::after {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/左边@3x.png");
      right: -0.2rem; }
    .TheRankTab-module_the-section_11-TS > .TheRankTab-module_bg_2_2tsx6::before {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/右边@3x.png");
      left: -0.2rem; }

.TheRankTab-module_the-task-list_1OJHf > .TheRankTab-module_row_3byEV {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fdf9ee;
  padding: 2rem 0;
  border-top: 1px solid rgba(252, 248, 234, 0.1); }
  .TheRankTab-module_the-task-list_1OJHf > .TheRankTab-module_row_3byEV > .TheRankTab-module_left_22egW > .TheRankTab-module_title_1av43 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem; }
  .TheRankTab-module_the-task-list_1OJHf > .TheRankTab-module_row_3byEV > .TheRankTab-module_left_22egW > .TheRankTab-module_sub-title_1g4kg {
    display: flex;
    align-items: center;
    font-size: 1.2rem; }
    .TheRankTab-module_the-task-list_1OJHf > .TheRankTab-module_row_3byEV > .TheRankTab-module_left_22egW > .TheRankTab-module_sub-title_1g4kg img {
      height: 1.7rem;
      width: 1.3rem;
      margin-right: 0.55rem; }
  .TheRankTab-module_the-task-list_1OJHf > .TheRankTab-module_row_3byEV > .TheRankTab-module_btn_36qxK {
    font-size: 1.3rem;
    height: 2.6rem;
    width: 6rem;
    border-radius: 1.3rem;
    background-color: #b05424;
    text-align: center;
    line-height: 2.6rem; }

@charset "UTF-8";
.TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_chest_3gtMJ {
  position: relative;
  height: 15.8rem;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/光束@3x.png");
  background-size: 15.8rem 100%;
  background-position: center;
  background-repeat: no-repeat; }
  .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_chest_3gtMJ::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    height: 10rem;
    width: 10rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/燃将宝箱@3x.png");
    background-size: 100% 100%; }

.TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem; }
  .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_left_2Pycc {
    margin-right: 1.5rem; }
  .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_right_23jJx > .TheWelfare-module_title_4RrwK > img {
    width: 1.8rem !important; }
  .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_left_2Pycc > .TheWelfare-module_title_4RrwK,
  .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_right_23jJx > .TheWelfare-module_title_4RrwK {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(253, 249, 238, 0.7);
    font-size: 1.2rem;
    margin-bottom: 1rem; }
    .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_left_2Pycc > .TheWelfare-module_title_4RrwK > img,
    .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_right_23jJx > .TheWelfare-module_title_4RrwK > img {
      height: 1.7rem;
      width: 1.3rem;
      margin-right: 0.55rem;
      font-size: 0; }
  .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_left_2Pycc > .TheWelfare-module_btn_2w9F2,
  .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_right_23jJx > .TheWelfare-module_btn_2w9F2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fdf9ee;
    background-color: #b05424;
    height: 2.6rem;
    line-height: 2.6rem;
    width: 8rem;
    border-radius: 1.4rem;
    font-size: 1.3rem; }
    .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_left_2Pycc > .TheWelfare-module_btn_2w9F2 > img,
    .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_btn-group_YxxFy > .TheWelfare-module_right_23jJx > .TheWelfare-module_btn_2w9F2 > img {
      height: 1.1rem;
      width: 1.1rem;
      margin-left: 0.4rem;
      font-size: 0; }

.TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(252, 248, 234, 0.1);
  padding: 0 1.25rem;
  padding-top: 2.5rem; }
  .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql > .TheWelfare-module_gift-list-item_2OX1B {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 4rem;
    margin-bottom: 2.5rem; }
    .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql > .TheWelfare-module_gift-list-item_2OX1B:nth-child(2n) {
      margin-right: 0; }
    .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql > .TheWelfare-module_gift-list-item_2OX1B > .TheWelfare-module_wrapper_2V-6L {
      padding-bottom: 1.3rem;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: flex-end;
      background-color: #3e1304;
      border-radius: 0.5rem;
      width: 12rem;
      height: 12.5rem;
      margin-bottom: 1rem; }
      .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql > .TheWelfare-module_gift-list-item_2OX1B > .TheWelfare-module_wrapper_2V-6L > .TheWelfare-module_name_2JzJr {
        font-size: 1.2rem;
        color: rgba(253, 249, 238, 0.7); }
      .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql > .TheWelfare-module_gift-list-item_2OX1B > .TheWelfare-module_wrapper_2V-6L > img {
        height: 7rem;
        width: 7rem;
        margin-bottom: 1.2rem;
        -o-object-fit: contain;
           object-fit: contain; }
    .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql > .TheWelfare-module_gift-list-item_2OX1B > .TheWelfare-module_title_4RrwK {
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgba(253, 249, 238, 0.7);
      font-size: 1.2rem;
      margin-bottom: 0.85rem; }
      .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql > .TheWelfare-module_gift-list-item_2OX1B > .TheWelfare-module_title_4RrwK > img {
        width: 1.3rem;
        height: 1.7rem;
        margin-right: 0.55rem; }
    .TheWelfare-module_the-welfare_v_JLs > .TheWelfare-module_gift-list_2Q2ql > .TheWelfare-module_gift-list-item_2OX1B > .TheWelfare-module_btn_2w9F2 {
      background-color: #b05424;
      color: #fdf9ee;
      font-size: 1.3rem;
      height: 2.6rem;
      width: 10rem;
      border-radius: 1.3rem;
      text-align: center;
      line-height: 2.6rem; }

@charset "UTF-8";
@-webkit-keyframes TheChestModal-module_bounceIn_3Rjw4 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
@keyframes TheChestModal-module_bounceIn_3Rjw4 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.TheChestModal-module_mask__uPsU {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.TheChestModal-module_chest_2fdRW {
  height: 100vh;
  width: 100vw; }

.TheChestModal-module_modal_1sciW {
  display: none;
  position: fixed;
  height: 31.3rem;
  width: 30rem;
  top: 20rem;
  z-index: 999;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/burn/燃将任务-弹窗@3x.png");
  background-size: 100% 100%;
  text-align: center;
  padding-top: 9.95rem; }
  .TheChestModal-module_modal_1sciW.TheChestModal-module_show_1nyQK {
    display: block;
    -webkit-animation: TheChestModal-module_bounceIn_3Rjw4 1000ms 100ms both;
            animation: TheChestModal-module_bounceIn_3Rjw4 1000ms 100ms both; }
  .TheChestModal-module_modal_1sciW > .TheChestModal-module_content_1W9Vk {
    padding: 0 3.5rem;
    display: flex;
    justify-content: space-between; }
    .TheChestModal-module_modal_1sciW > .TheChestModal-module_content_1W9Vk > .TheChestModal-module_item_29fjC {
      width: 10rem;
      height: 10rem;
      background-color: #3E1304;
      border-radius: 0.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .TheChestModal-module_modal_1sciW > .TheChestModal-module_content_1W9Vk > .TheChestModal-module_item_29fjC > .TheChestModal-module_img_22FI- {
        height: 6rem;
        width: 6rem;
        margin-bottom: 1rem; }
      .TheChestModal-module_modal_1sciW > .TheChestModal-module_content_1W9Vk > .TheChestModal-module_item_29fjC > .TheChestModal-module_name_1SSy0 {
        color: #FDF9EE;
        font-size: 1.2rem; }
  .TheChestModal-module_modal_1sciW > .TheChestModal-module_confirm_DoqHz {
    position: absolute;
    font-size: 1.5rem;
    color: #FDF9EE;
    background-color: #B05424;
    height: 4rem;
    width: 20rem;
    border-radius: 2rem;
    line-height: 4rem;
    text-align: center;
    bottom: 4.65rem;
    left: 50%;
    transform: translateX(-50%); }
  .TheChestModal-module_modal_1sciW .TheChestModal-module_closeIcon_cXT3r {
    position: absolute;
    height: 3rem;
    width: 3rem;
    bottom: -5.5rem;
    left: 50%;
    transform: translateX(-50%); }

.burn-page[data-v-be159318] {
  background-color: #2c0c02;
}
.burn-page .bg[data-v-be159318] {
    width: 100%;
    height: 36.3rem;
    position: absolute;
    left: 0;
    top: 0;
}
.burn-page .question-icon[data-v-be159318] {
    width: 2rem;
    height: 2rem;
}

@charset "UTF-8";
.WorkersDay-module_workersDay_3p50A {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #AC5AFE, #9D37EE, #6123DC); }
  .WorkersDay-module_workersDay_3p50A::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 40.25rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/放射@2x.png");
    background-size: 100% 100%;
    top: 0; }
  .WorkersDay-module_workersDay_3p50A::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0.75rem;
    height: 11.4rem;
    width: 7.75rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/爱心2@2x.png");
    background-size: 155% 100%;
    z-index: 0; }
  .WorkersDay-module_workersDay_3p50A > .WorkersDay-module_bottom_2J3S1 {
    padding-top: 2.9rem;
    padding-bottom: 4.9rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.4rem; }

.WorkersDay-module_rightIcon_3XRaJ {
  height: 2.5rem; }

@charset "UTF-8";
.TheHeader-module_theHeader_365m- {
  position: relative;
  padding-top: 24.6rem;
  margin-bottom: 2.5rem;
  z-index: 99; }
  .TheHeader-module_theHeader_365m-::before {
    position: absolute;
    left: 50%;
    top: 3.75rem;
    transform: translateX(-50%);
    content: '';
    height: 11.9rem;
    width: 28.7rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/文案@2x.png");
    background-size: 100% 100%; }
  .TheHeader-module_theHeader_365m-::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 11.15rem;
    height: 18.5rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/组 38@2x.png");
    background-size: 100% 100%; }
  .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy {
    background-color: #E98AFF;
    border-radius: 1.5rem;
    border: 0.15rem solid #000;
    margin: 0 1.5rem; }
    .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_title_2hAgQ {
      position: relative;
      padding-top: 3rem;
      font-size: 2rem;
      font-weight: bold;
      text-align: center; }
      .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_title_2hAgQ::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index: 0;
        background: linear-gradient(90deg, #FFF391, #FFC843);
        height: 0.9rem;
        width: 8.85rem;
        border-radius: 0.45rem; }
      .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_title_2hAgQ > span {
        position: relative;
        z-index: 9; }
    .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE {
      margin: 0 1.5rem;
      margin-top: 1.45rem;
      margin-bottom: 2.5rem;
      padding: 0 1rem;
      padding-top: 1.5rem;
      padding-bottom: 2.5rem;
      background-color: #fff;
      border-radius: 1rem;
      border: 0.15rem solid #000; }
      .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2.5rem; }
        .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ > li {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 9.4rem;
          height: 8rem;
          background-color: #9ED9FF;
          border-radius: 0.5rem;
          margin-bottom: 0.5rem;
          overflow: hidden; }
          .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ > li > img {
            width: 5rem; }
          .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ > li.TheHeader-module_active_3ncxV::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); }
          .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ > li.TheHeader-module_active_3ncxV::before {
            content: '';
            position: absolute;
            height: 1.5rem;
            width: 1.5rem;
            background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/Fill@3x.png");
            background-size: 100% 100%;
            z-index: 99; }
          .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ > li:first-child > img {
            width: 7rem;
            margin-bottom: 1.5rem; }
          .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ > li:nth-child(4), .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ > li:nth-child(5) {
            width: 14.3rem; }
          .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_list_2oxH_ > li:last-child {
            background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/放射.png");
            background-size: 100% 100%; }
      .TheHeader-module_theHeader_365m- > .TheHeader-module_content_qkXwy > .TheHeader-module_body_1UuaE > .TheHeader-module_btn_3I27a {
        text-align: center;
        font-size: 1.6rem;
        font-weight: bold;
        height: 4.5rem;
        line-height: 4.5rem;
        width: 24rem;
        margin: 0 2.55rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/立即领取.png");
        background-size: 100% 100%; }

@charset "UTF-8";
.TheMiddle-module_theMiddle_2UiaX {
  margin-bottom: 1.5rem; }
  .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_header_tbf9t {
    padding: 0 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem; }
    .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_header_tbf9t > .TheMiddle-module_item_3_lY- {
      position: relative;
      font-size: 1.5rem;
      font-weight: bold;
      height: 4rem;
      width: 15.35rem;
      background-color: #fff;
      border-radius: 2rem;
      border: 0.15rem solid #000;
      line-height: 4rem;
      text-align: center; }
      .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_header_tbf9t > .TheMiddle-module_item_3_lY-.TheMiddle-module_active_2pTWj {
        background-color: #FEDB60; }
        .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_header_tbf9t > .TheMiddle-module_item_3_lY-.TheMiddle-module_active_2pTWj::after {
          content: '';
          position: absolute;
          border-top: #000 solid 0.7rem;
          border-left: transparent solid 0.6rem;
          border-right: transparent solid 0.6rem;
          bottom: -0.8rem;
          left: 50%;
          transform: translateX(-50%); }
        .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_header_tbf9t > .TheMiddle-module_item_3_lY-.TheMiddle-module_active_2pTWj::before {
          content: '';
          position: absolute;
          z-index: 9;
          border-top: #FEDB60 solid 0.55rem;
          border-left: transparent solid 0.45rem;
          border-right: transparent solid 0.45rem;
          bottom: -0.6rem;
          left: 50%;
          transform: translateX(-50%); }
  .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk {
    background-color: #E98AFF;
    border: 0.15rem solid #000;
    border-radius: 1.5rem;
    padding: 0 1.7rem;
    padding-top: 3rem;
    padding-bottom: 2.5rem;
    margin: 0 1.5rem; }
    .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_header_tbf9t {
      position: relative;
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 1.7rem; }
      .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_header_tbf9t::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index: 0;
        background: linear-gradient(90deg, #FFF391, #FFC843);
        height: 0.9rem;
        width: 8.85rem;
        border-radius: 0.45rem; }
      .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_header_tbf9t > span {
        position: relative;
        z-index: 9; }
    .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_top_3qbnU {
      position: relative;
      font-size: 1.4rem;
      font-weight: bold;
      text-align: center;
      padding: 3rem 0;
      border: 0.15rem solid #000;
      border-radius: 1rem;
      background-color: #fff;
      margin-bottom: 1.5rem; }
      .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_top_3qbnU::before {
        content: '';
        position: absolute;
        height: 6.85rem;
        width: 7.25rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/星球2@2x.png");
        background-size: 100% 100%;
        top: -2rem;
        left: 26.75rem; }
      .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_top_3qbnU > .TheMiddle-module_row_3D5Z3 {
        margin-bottom: 1.4rem; }
      .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_top_3qbnU > .TheMiddle-module_date_39oNv {
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/矩形 2@2x.png");
        height: 3.2rem;
        background-size: 100% 100%;
        line-height: 3.2rem; }
    .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_bottom_15IYv {
      background-color: #fff;
      border: 0.15rem solid #000;
      border-radius: 1rem;
      padding: 3.05rem 0; }
      .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_bottom_15IYv > .TheMiddle-module_swiper-container_2pfMp {
        height: 16rem; }
        .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_bottom_15IYv > .TheMiddle-module_swiper-container_2pfMp > .TheMiddle-module_swiper-wrapper_oCfLx.TheMiddle-module_center_AxsfE {
          justify-content: center; }
        .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_bottom_15IYv > .TheMiddle-module_swiper-container_2pfMp .TheMiddle-module_swiper-slide_UEzQW {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          position: relative;
          width: 24rem;
          background-color: #E98AFF;
          border-radius: 1rem; }
          .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_bottom_15IYv > .TheMiddle-module_swiper-container_2pfMp .TheMiddle-module_swiper-slide_UEzQW > img {
            height: 10rem;
            border-radius: 1rem;
            margin-bottom: 0.5rem; }
          .TheMiddle-module_theMiddle_2UiaX > .TheMiddle-module_panel_37Thk > .TheMiddle-module_bottom_15IYv > .TheMiddle-module_swiper-container_2pfMp .TheMiddle-module_swiper-slide_UEzQW > .TheMiddle-module_title_2KQ5o {
            font-size: 1.3rem;
            color: #ffffe3;
            bottom: 3rem;
            width: 100%;
            text-align: center;
            font-weight: bold; }

@charset "UTF-8";
.TheFooter-module_theFooter_RmG8c {
  position: relative;
  background-color: #E98AFF;
  border: 0.15rem solid #000;
  border-radius: 1.5rem;
  padding: 0 1.7rem;
  padding-top: 3rem;
  padding-bottom: 2.5rem;
  margin: 0 1.5rem;
  z-index: 999; }
  .TheFooter-module_theFooter_RmG8c > .TheFooter-module_header_2UeGI {
    position: relative;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.7rem; }
    .TheFooter-module_theFooter_RmG8c > .TheFooter-module_header_2UeGI::after {
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      z-index: 0;
      background: linear-gradient(90deg, #FFF391, #FFC843);
      height: 0.9rem;
      width: 8.85rem;
      border-radius: 0.45rem; }
    .TheFooter-module_theFooter_RmG8c > .TheFooter-module_header_2UeGI > span {
      position: relative;
      z-index: 9; }
    .TheFooter-module_theFooter_RmG8c > .TheFooter-module_header_2UeGI > .TheFooter-module_right_H_lVN {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.5rem;
      font-weight: normal; }
  .TheFooter-module_theFooter_RmG8c > .TheFooter-module_body_36q4q {
    position: relative;
    padding: 2.5rem 2.3rem;
    border: 0.15rem solid #000;
    background-color: #fff;
    text-align: center;
    border-radius: 1rem; }
    .TheFooter-module_theFooter_RmG8c > .TheFooter-module_body_36q4q::after {
      content: '';
      position: absolute;
      left: -3.5rem;
      top: 4.5rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/爱心@2x.png");
      height: 7rem;
      width: 4.75rem;
      background-size: 140% 100%;
      background-position-x: -2rem;
      background-repeat: no-repeat; }
    .TheFooter-module_theFooter_RmG8c > .TheFooter-module_body_36q4q > .TheFooter-module_btn_zJs6O {
      font-size: 2.4rem;
      font-weight: bold;
      height: 10rem;
      width: 10rem;
      line-height: 10rem;
      margin: 0 auto;
      margin-bottom: 1.5rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/workers-day/抽奖.png");
      background-size: 100% 100%; }
    .TheFooter-module_theFooter_RmG8c > .TheFooter-module_body_36q4q > .TheFooter-module_text_2PqHE {
      font-size: 1.3rem;
      font-weight: bold;
      margin-bottom: 2rem; }
    .TheFooter-module_theFooter_RmG8c > .TheFooter-module_body_36q4q > .TheFooter-module_imglist_4S6ye {
      display: flex; }
      .TheFooter-module_theFooter_RmG8c > .TheFooter-module_body_36q4q > .TheFooter-module_imglist_4S6ye > img {
        height: 3rem;
        width: 3rem;
        margin-right: 0.3rem;
        border-radius: 0.1rem; }
        .TheFooter-module_theFooter_RmG8c > .TheFooter-module_body_36q4q > .TheFooter-module_imglist_4S6ye > img:last-child {
          margin-right: 0; }

.WorkersDayPhotoGallery-module_page_1UTZ8 {
  background-color: #a371cc; }
  .WorkersDayPhotoGallery-module_page_1UTZ8 .WorkersDayPhotoGallery-module_body_3V-Rc {
    padding: 0 1.4rem;
    padding-top: 2rem; }
    .WorkersDayPhotoGallery-module_page_1UTZ8 .WorkersDayPhotoGallery-module_body_3V-Rc > .WorkersDayPhotoGallery-module_title_14ZVF {
      text-align: center;
      font-size: 1.4rem;
      color: #fff;
      margin-bottom: 1.45rem; }
    .WorkersDayPhotoGallery-module_page_1UTZ8 .WorkersDayPhotoGallery-module_body_3V-Rc > .WorkersDayPhotoGallery-module_imgList_3Pl_Z {
      font-size: 0; }
      .WorkersDayPhotoGallery-module_page_1UTZ8 .WorkersDayPhotoGallery-module_body_3V-Rc > .WorkersDayPhotoGallery-module_imgList_3Pl_Z > img {
        height: 4.5rem;
        width: 4.5rem;
        border-radius: 0.1rem;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem; }
        .WorkersDayPhotoGallery-module_page_1UTZ8 .WorkersDayPhotoGallery-module_body_3V-Rc > .WorkersDayPhotoGallery-module_imgList_3Pl_Z > img:nth-child(7n) {
          margin-right: 0; }

@charset "UTF-8";
.MayTwenty-module_mayTwenty_r8KOG {
  background-color: #FF72B5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 1.5rem; }
  .MayTwenty-module_mayTwenty_r8KOG > .MayTwenty-module_bg_xcfGY {
    position: absolute;
    height: 31.7rem;
    width: calc(100% - 3rem);
    z-index: 9; }
  .MayTwenty-module_mayTwenty_r8KOG::before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 70rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/may-twenty/上.jpg");
    background-size: 100% 100%; }
  .MayTwenty-module_mayTwenty_r8KOG::after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/may-twenty/下.jpg");
    background-size: 100% 100%; }

.MayTwenty-module_rightIcon_55WjS {
  height: 1.8rem;
  width: 1.8rem; }

@charset "UTF-8";
.TheTop-module_theTop_1GoQ8 {
  position: relative;
  z-index: 9;
  padding-top: 3rem; }
  .TheTop-module_theTop_1GoQ8 > .TheTop-module_title_1sEpo {
    height: 3.9rem; }
  .TheTop-module_theTop_1GoQ8 > .TheTop-module_welfareItemList_2mK4L {
    padding-top: 3.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .TheTop-module_theTop_1GoQ8 > .TheTop-module_welfareItemList_2mK4L > .TheTop-module_welfareItem_Zfu6T {
      width: 14rem;
      margin-right: 3rem;
      margin-bottom: 2.5rem; }
      .TheTop-module_theTop_1GoQ8 > .TheTop-module_welfareItemList_2mK4L > .TheTop-module_welfareItem_Zfu6T:nth-child(2n) {
        margin-right: 0; }
      .TheTop-module_theTop_1GoQ8 > .TheTop-module_welfareItemList_2mK4L > .TheTop-module_welfareItem_Zfu6T > .TheTop-module_content_cgNYB {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
        height: 14rem;
        background: linear-gradient(-40deg, rgba(255, 191, 232, 0.4), rgba(255, 255, 255, 0.4));
        border: 1px solid rgba(255, 213, 130, 0.4);
        border-radius: 1rem;
        margin-bottom: 1.4rem;
        font-size: 1.2rem;
        text-align: center;
        color: #fff;
        padding-top: 1.6rem;
        padding-bottom: 1.3rem; }
        .TheTop-module_theTop_1GoQ8 > .TheTop-module_welfareItemList_2mK4L > .TheTop-module_welfareItem_Zfu6T > .TheTop-module_content_cgNYB::before {
          content: '';
          position: absolute;
          width: 4.5rem;
          height: 1.8rem;
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/may-twenty/装饰@3x.png");
          background-size: 100% 100%;
          top: -1.05rem;
          left: 50%;
          transform: translateX(-50%); }
        .TheTop-module_theTop_1GoQ8 > .TheTop-module_welfareItemList_2mK4L > .TheTop-module_welfareItem_Zfu6T > .TheTop-module_content_cgNYB > img {
          width: 7rem;
          height: 7rem;
          -o-object-fit: cover;
             object-fit: cover; }
      .TheTop-module_theTop_1GoQ8 > .TheTop-module_welfareItemList_2mK4L > .TheTop-module_welfareItem_Zfu6T > .TheTop-module_btn_2weu9 {
        height: 3.4rem;
        width: 10.1rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/may-twenty/底框@3x.png");
        background-size: 100% 100%;
        margin: 0 auto;
        margin-bottom: 0.5rem;
        color: #fff;
        font-size: 1.4rem;
        text-align: center;
        line-height: 3.4rem;
        text-shadow: 0px 2px 2px #E34A8D; }
      .TheTop-module_theTop_1GoQ8 > .TheTop-module_welfareItemList_2mK4L > .TheTop-module_welfareItem_Zfu6T > .TheTop-module_text_3b4am {
        color: #fdf9ee;
        font-size: 1.2rem;
        text-align: center; }

.TheRankList-module_theRankList_1UZK0 {
  position: relative;
  z-index: 99; }
  .TheRankList-module_theRankList_1UZK0 > .TheRankList-module_title_29MTs {
    height: 3.9rem;
    margin-bottom: 2.7rem; }
  .TheRankList-module_theRankList_1UZK0 .TheRankList-module_rankListWrapper_1quc4 {
    padding-bottom: 8.5rem;
    min-height: 20rem; }
    .TheRankList-module_theRankList_1UZK0 .TheRankList-module_rankListWrapper_1quc4 > .TheRankList-module_rankListItem_3O5Oa {
      display: flex;
      align-items: center;
      padding: 2rem 0;
      border-top: 1px solid rgba(252, 248, 234, 0.2); }
      .TheRankList-module_theRankList_1UZK0 .TheRankList-module_rankListWrapper_1quc4 > .TheRankList-module_rankListItem_3O5Oa > .TheRankList-module_num_2iles {
        color: #FFFFFF;
        font-size: 1.3rem;
        margin-right: 1.9rem; }
      .TheRankList-module_theRankList_1UZK0 .TheRankList-module_rankListWrapper_1quc4 > .TheRankList-module_rankListItem_3O5Oa > .TheRankList-module_content_2owyh {
        display: flex;
        align-items: center;
        color: #FFFFFF; }
        .TheRankList-module_theRankList_1UZK0 .TheRankList-module_rankListWrapper_1quc4 > .TheRankList-module_rankListItem_3O5Oa > .TheRankList-module_content_2owyh > .TheRankList-module_avatar_4xsEJ {
          height: 5rem;
          width: 5rem;
          margin-right: 1.5rem;
          border-radius: 50%; }
        .TheRankList-module_theRankList_1UZK0 .TheRankList-module_rankListWrapper_1quc4 > .TheRankList-module_rankListItem_3O5Oa > .TheRankList-module_content_2owyh > .TheRankList-module_right_2cIzO > .TheRankList-module_title_29MTs {
          font-size: 1.5rem;
          margin-bottom: 0.3rem; }
        .TheRankList-module_theRankList_1UZK0 .TheRankList-module_rankListWrapper_1quc4 > .TheRankList-module_rankListItem_3O5Oa > .TheRankList-module_content_2owyh > .TheRankList-module_right_2cIzO > .TheRankList-module_subtitle_2J4ue {
          font-size: 1.2rem;
          color: rgba(255, 255, 255, 0.7); }
  .TheRankList-module_theRankList_1UZK0 .TheRankList-module_useInfo_rHJJw {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    background-color: rgba(251, 141, 190, 0.98);
    padding-top: 1rem;
    padding-bottom: 3rem;
    border-radius: 1.5rem 1.5rem 0px 0px;
    padding-left: 1.5rem; }
    .TheRankList-module_theRankList_1UZK0 .TheRankList-module_useInfo_rHJJw > .TheRankList-module_avatar_4xsEJ {
      height: 4.5rem;
      width: 4.5rem;
      margin-right: 1.5rem;
      border-radius: 50%; }
    .TheRankList-module_theRankList_1UZK0 .TheRankList-module_useInfo_rHJJw > .TheRankList-module_right_2cIzO > .TheRankList-module_title_29MTs {
      font-size: 1.5rem;
      margin-bottom: 0.3rem; }
    .TheRankList-module_theRankList_1UZK0 .TheRankList-module_useInfo_rHJJw > .TheRankList-module_right_2cIzO > .TheRankList-module_subtitle_2J4ue {
      font-size: 1.2rem;
      color: rgba(255, 255, 255, 0.7); }

.TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }
  .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp {
    position: relative; }
    .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp.TheRankTab-module_active_2AsFQ > .TheRankTab-module_content_33Khv {
      position: relative;
      top: -0.5rem;
      border: 0.15rem solid #fff;
      background: #FF87BC;
      box-shadow: 0rem 1rem 2rem #FC5299; }
    .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp.TheRankTab-module_active_2AsFQ::before {
      content: '';
      position: absolute;
      left: 50%;
      z-index: 9;
      transform: translateX(-50%);
      bottom: -0.55rem;
      border-left: 0.8rem solid transparent;
      border-right: 0.8rem solid transparent;
      border-top: 1rem solid #fff; }
    .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp.TheRankTab-module_active_2AsFQ::after {
      content: '';
      position: absolute;
      left: 50%;
      z-index: 10;
      transform: translateX(-50%);
      bottom: -0.35rem;
      border-left: 0.8rem solid transparent;
      border-right: 0.8rem solid transparent;
      border-top: 1rem solid #FF87BC; }
    .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp > .TheRankTab-module_header_15S6q {
      font-size: 1.3rem;
      color: #fff;
      text-align: center;
      margin-bottom: 1.2rem; }
    .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp > .TheRankTab-module_content_33Khv {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding-top: 0.5rem;
      position: relative;
      width: 11rem;
      height: 16.5rem;
      border-radius: 0.8rem;
      background: linear-gradient(-40deg, rgba(255, 191, 232, 0.4), rgba(255, 191, 232, 0.4));
      border: 1px solid rgba(255, 213, 130, 0.4);
      color: #fff;
      padding-bottom: 1.6rem; }
      .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp > .TheRankTab-module_content_33Khv::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        background-color: #FF9DC9;
        height: 6.7rem;
        width: 7.5rem;
        border-radius: 0px 0px 1rem 1rem; }
      .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp > .TheRankTab-module_content_33Khv > .TheRankTab-module_img_bgZW1 {
        position: relative;
        z-index: 99;
        height: 5.3rem;
        width: 5.3rem; }
      .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp > .TheRankTab-module_content_33Khv > .TheRankTab-module_avatar_mCzRH {
        position: relative;
        z-index: 99;
        height: 5rem;
        width: 5rem;
        border-radius: 50%;
        border: 1px solid #fff;
        overflow: hidden; }
        .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp > .TheRankTab-module_content_33Khv > .TheRankTab-module_avatar_mCzRH > img {
          width: 100%;
          height: 100%; }
      .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp > .TheRankTab-module_content_33Khv > .TheRankTab-module_name_10OZD {
        font-size: 1.3rem; }
      .TheRankTab-module_theRankTab_15reB > .TheRankTab-module_tabHeader_2qtWp > .TheRankTab-module_tabItem_17DUp > .TheRankTab-module_content_33Khv > .TheRankTab-module_title_17nHm {
        font-size: 1rem; }

@charset "UTF-8";
.SummerCarnival-module_page_1LP61 {
  min-height: 100vh;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/summer/背景@2x.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #3386f2;
  padding: 0 1.5rem;
  padding-top: 38.1rem; }

.SummerCarnival-module_rightIcon_25j7z {
  height: 2rem;
  width: 2rem; }

.TheHeader-module_theHeader_n5oHx {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 2.4rem 1.5rem; }
  .TheHeader-module_theHeader_n5oHx > .TheHeader-module_content_3FGno {
    display: flex;
    align-items: center; }
    .TheHeader-module_theHeader_n5oHx > .TheHeader-module_content_3FGno > .TheHeader-module_avatar_PiQ1- {
      height: 5rem;
      width: 5rem;
      border-radius: 50%;
      margin-right: 1.5rem; }
    .TheHeader-module_theHeader_n5oHx > .TheHeader-module_content_3FGno .TheHeader-module_title_3KWpZ {
      font-size: 1.6rem;
      font-weight: bold; }
    .TheHeader-module_theHeader_n5oHx > .TheHeader-module_content_3FGno .TheHeader-module_subtitle_FP6LE {
      color: rgba(39, 36, 64, 0.7);
      font-size: 1.2rem; }
  .TheHeader-module_theHeader_n5oHx .TheHeader-module_btn_3H4od {
    border-radius: 1.3rem;
    border-top-right-radius: 0.4rem;
    background-color: #509cff;
    font-size: 1.3rem;
    color: #fff;
    padding: 0.5rem 1.2rem; }

.TheHeader-module_modalBody_3_IMx {
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 0 1rem;
  height: 40rem;
  overflow: scroll; }
  .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 {
    width: 100%;
    border-collapse: collapse; }
    .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 th {
      padding: 1.4rem 0;
      font-size: 1.5rem;
      border-bottom: 1px solid #f3f3f3; }
      .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 th:first-child {
        text-align: left; }
      .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 th:last-child {
        text-align: right; }
      .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 th:nth-child(2) {
        text-align: center; }
    .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 td {
      font-size: 1.3rem;
      padding-top: 2rem; }
      .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 td:first-child {
        text-align: left; }
      .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 td:last-child {
        text-align: right; }
      .TheHeader-module_modalBody_3_IMx > .TheHeader-module_table_3pqX9 td:nth-child(2) {
        text-align: center; }

@-webkit-keyframes bounceIn-data-v-0f16773c {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn-data-v-0f16773c {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
.mask[data-v-0f16773c] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal[data-v-0f16773c] {
  position: fixed;
  z-index: 100;
  width: 30rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal > .modal-content[data-v-0f16773c] {
    border-radius: 1rem;
    -webkit-animation: bounceIn-data-v-0f16773c 1000ms 100ms both;
            animation: bounceIn-data-v-0f16773c 1000ms 100ms both;
}
.modal > .close[data-v-0f16773c] {
    position: relative;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    height: 3rem;
    width: 3rem;
}

@charset "UTF-8";
.TheTabBar-module_theTabBar_2CicN .TheTabBar-module_tabs_2QKZk {
  display: flex;
  padding: 2.5rem 2rem;
  justify-content: space-between; }
  .TheTabBar-module_theTabBar_2CicN .TheTabBar-module_tabs_2QKZk > .TheTabBar-module_tabItem_2Vo6y {
    background-color: #2b79f0;
    height: 3.9rem;
    width: 14rem;
    border-radius: 1.95rem;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    line-height: 3.9rem; }
    .TheTabBar-module_theTabBar_2CicN .TheTabBar-module_tabs_2QKZk > .TheTabBar-module_tabItem_2Vo6y.TheTabBar-module_active_2lxm5 {
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/summer/导航@2x.png");
      background-size: 100% 100%;
      height: 4.5rem;
      background-color: transparent;
      text-shadow: 1px 2px 2px rgba(238, 109, 83, 0.5); }

.TheTabBar-module_theTabBar_2CicN > .TheTabBar-module_nomore_334f- {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.6);
  padding: 3rem 0;
  text-align: center; }

.TheTaskList-module_taskList_24m_F {
  background-color: #2b79f0;
  border-radius: 0.8rem;
  padding: 0 2rem;
  padding-bottom: 3rem; }
  .TheTaskList-module_taskList_24m_F > .TheTaskList-module_header_Owdk4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(252, 248, 234, 0.1); }
    .TheTaskList-module_taskList_24m_F > .TheTaskList-module_header_Owdk4 > .TheTaskList-module_icon_1u-3A {
      height: 2rem;
      width: 2rem; }

.TheTaskList-module_taskListItem_14aLI {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(252, 248, 234, 0.1); }
  .TheTaskList-module_taskListItem_14aLI > .TheTaskList-module_content_21Chv > .TheTaskList-module_title_3uLle {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 1rem; }
  .TheTaskList-module_taskListItem_14aLI > .TheTaskList-module_content_21Chv > .TheTaskList-module_subtitle_2tIKT {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.6); }
  .TheTaskList-module_taskListItem_14aLI .TheTaskList-module_btn_1Jsl6 {
    display: inline-block;
    background-color: #ffa76a;
    height: 2.6rem;
    width: 6rem;
    border-radius: 1.3rem;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.6rem;
    text-align: center; }
    .TheTaskList-module_taskListItem_14aLI .TheTaskList-module_btn_1Jsl6.TheTaskList-module_complete_1JOIp {
      background-color: #3386f2; }

.TheWelfareList-module_page_2T7m9 {
  background-color: #2b79f0;
  border-radius: 0.8rem;
  min-height: 20vh;
  padding: 0 2rem; }
  .TheWelfareList-module_page_2T7m9 > .TheWelfareList-module_header_2S5kX {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
    border-bottom: 1px solid #3386f2; }
    .TheWelfareList-module_page_2T7m9 > .TheWelfareList-module_header_2S5kX > .TheWelfareList-module_welfareItem_Ui_gI {
      margin-right: 0;
      margin-bottom: 0; }
  .TheWelfareList-module_page_2T7m9 > .TheWelfareList-module_welfareList_2uxYt {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1.25rem;
    padding-top: 2.5rem; }
  .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_welfareItem_Ui_gI {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 12rem;
    text-align: center;
    margin-right: 4rem;
    margin-bottom: 2.5rem; }
    .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_welfareItem_Ui_gI:nth-child(2n) {
      margin-right: 0; }
    .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_welfareItem_Ui_gI > .TheWelfareList-module_avatarWrapper_1cnlw {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #3386f2;
      height: 12.5rem;
      width: 12rem;
      border-radius: 0.5rem;
      margin-bottom: 1.4rem; }
      .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_welfareItem_Ui_gI > .TheWelfareList-module_avatarWrapper_1cnlw > .TheWelfareList-module_avatar_GEG0J {
        height: 7.5rem;
        width: 7.5rem; }
      .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_welfareItem_Ui_gI > .TheWelfareList-module_avatarWrapper_1cnlw > .TheWelfareList-module_nickname_3nKqS {
        color: #fdf9ee;
        font-size: 1.2rem; }
    .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_welfareItem_Ui_gI > .TheWelfareList-module_count_3xy4p {
      color: #fdf9ee;
      font-size: 1.2rem;
      margin-bottom: 1rem; }
    .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_welfareItem_Ui_gI > .TheWelfareList-module_btn_2V0H0 {
      font-size: 1.4rem;
      font-weight: bold;
      color: #fdf9ee;
      background-color: #ffa76a;
      border-radius: 1.3rem;
      height: 2.6rem;
      line-height: 2.6rem;
      width: 10rem;
      text-align: center;
      text-shadow: 1px 2px 2px rgba(238, 109, 83, 0.5); }
  .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_modalBody_H9scE {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 0.8rem;
    padding: 3.75rem 4.45rem; }
    .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_modalBody_H9scE .TheWelfareList-module_confirm_3CHKv {
      background-color: #ff9e5b;
      border-radius: 2rem;
      font-size: 1.5rem;
      color: #fdf9ee;
      height: 4rem;
      width: 20rem;
      line-height: 4rem;
      text-align: center; }
    .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_modalBody_H9scE > .TheWelfareList-module_avatarWrapper_1cnlw {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #3386f2;
      height: 12.5rem;
      width: 12rem;
      border-radius: 0.5rem;
      margin-bottom: 2.4rem; }
      .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_modalBody_H9scE > .TheWelfareList-module_avatarWrapper_1cnlw > .TheWelfareList-module_avatar_GEG0J {
        height: 7.5rem;
        width: 7.5rem; }
      .TheWelfareList-module_page_2T7m9 .TheWelfareList-module_modalBody_H9scE > .TheWelfareList-module_avatarWrapper_1cnlw > .TheWelfareList-module_name_2_YRO {
        color: #fdf9ee;
        font-size: 1.2rem; }

@charset "UTF-8";
.first-page[data-v-f522904c] {
  padding: 0 1.5rem;
  padding-top: 5.1rem;
}
.first-page > .header[data-v-f522904c] {
    position: relative;
    height: 24.3rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/背景@3x.png");
    background-size: 100% 100%;
}
.first-page > .header > .nickname[data-v-f522904c] {
      font-size: 1.2rem;
      color: #fff;
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      bottom: 1rem;
}
.first-page > .header[data-v-f522904c]::after {
      position: absolute;
      content: '';
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/doge@2x.png");
      height: 14rem;
      width: 14rem;
      background-size: 100% 100%;
      bottom: 14.2rem;
      left: calc(50% - 7rem);
}
.first-page > .header .other[data-v-f522904c] {
      position: absolute;
      height: 4rem;
      width: 1rem;
      border-radius: 0.5rem;
      background-color: #8792ff;
      border: 1px solid #000;
      bottom: -1.9rem;
      z-index: 999;
}
.first-page > .header .other[data-v-f522904c]:first-child::after, .first-page > .header .other[data-v-f522904c]:last-child::after {
        content: '';
        position: absolute;
        height: 0.5rem;
        width: 0.5rem;
        border: 1px solid #000;
        border-radius: 50%;
        background-color: #fff;
        left: 50%;
        transform: translateX(-50%);
}
.first-page > .header .other[data-v-f522904c]:first-child {
        left: 2rem;
}
.first-page > .header .other[data-v-f522904c]:first-child::after {
          bottom: 0.1rem;
}
.first-page > .header .other[data-v-f522904c]:last-child {
        right: 2rem;
}
.first-page > .header .other[data-v-f522904c]:last-child::after {
          top: 0.1rem;
}
.first-page > .body[data-v-f522904c] {
    position: relative;
    margin-top: 0.45rem;
    border: 2px solid #000;
    border-radius: 0.5rem;
    min-height: 10rem;
    background-color: #c66dff;
    padding-bottom: 4.2rem;
}
.first-page > .body > .title[data-v-f522904c] {
      position: relative;
      font-size: 1.7rem;
      font-weight: bold;
      text-align: center;
      z-index: 99;
      margin-top: 4rem;
}
.first-page > .body > .title[data-v-f522904c]::before {
        position: absolute;
        content: '请选择你的属性';
        z-index: 999;
}
.first-page > .body > .title[data-v-f522904c]::after {
        position: absolute;
        content: '';
        height: 0.6rem;
        width: 13rem;
        bottom: 0;
        left: calc(50% - 6.5rem);
        background-color: #ffea3e;
}
.first-page > .body[data-v-f522904c]::after {
      content: '';
      position: absolute;
      width: 100%;
      background-color: #fff;
      border-radius: 0.5rem;
      border: 2px solid #000;
      top: 0.75rem;
      left: -2px;
      bottom: -2px;
}
.first-page > .body > .select-area[data-v-f522904c] {
      position: relative;
      padding: 0 3.75rem;
      padding-top: 2.6rem;
      padding-bottom: 3.25rem;
      display: flex;
      justify-content: space-between;
      position: relative;
      z-index: 999;
}
.first-page > .body > .select-area[data-v-f522904c]::after {
        position: absolute;
        content: '';
        width: 25rem;
        border-bottom: 2px dotted #ebe5f9;
        bottom: 0;
        left: calc(50% - 12.5rem);
}
.first-page > .body > .select-area > div[data-v-f522904c] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.first-page > .body > .select-area > div > img[data-v-f522904c] {
          height: 10rem;
          width: 12.5rem;
}
.first-page > .body > .select-area > div > .checkbox[data-v-f522904c] {
          display: flex;
          align-items: center;
          font-size: 1.4rem;
          font-weight: bold;
}
.first-page > .body > .select-area > div > .checkbox.select > .icon[data-v-f522904c] {
            background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/选择@2x.png");
}
.first-page > .body > .select-area > div > .checkbox > .icon[data-v-f522904c] {
            height: 2.2rem;
            width: 2.2rem;
            margin-right: 0.7rem;
            background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/未选择@2x.png");
            background-size: 100% 100%;
}
.first-page > .body > .next-btn[data-v-f522904c] {
      box-sizing: content-box;
      position: relative;
      z-index: 999;
      height: 4rem;
      line-height: 4rem;
      width: 25rem;
      margin: 0 auto;
      text-align: center;
      border-radius: 0.7rem;
      background-color: #ffea3e;
      border: 2px solid #000;
      font-size: 1.6rem;
      font-weight: bold;
      margin-top: 2.2rem;
      border-bottom-width: 0.4rem;
}
.first-page > .body > .next-btn[data-v-f522904c]::after, .first-page > .body > .next-btn[data-v-f522904c]::before {
        content: '';
        position: absolute;
        height: 0.9rem;
        width: 3.7rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/圆角矩形 4 拷贝 6@2x.png");
        background-size: 100% 100%;
        top: calc(50% - 0.45rem);
}
.first-page > .body > .next-btn[data-v-f522904c]::after {
        left: 4.4rem;
}
.first-page > .body > .next-btn[data-v-f522904c]::before {
        right: 4.4rem;
}

@charset "UTF-8";
.test-page[data-v-b1a68ed4] {
  padding: 0 1.5rem;
  padding-top: 13rem;
}
.test-page > .content[data-v-b1a68ed4] {
    position: relative;
    min-height: 10rem;
    background-color: #c66dff;
    border-radius: 0.5rem;
    border: 2px solid #000;
    padding-top: 3.25rem;
    padding-bottom: 4.2rem;
    -webkit-animation: fadeIn-data-v-b1a68ed4 1s both;
            animation: fadeIn-data-v-b1a68ed4 1s both;
}
.test-page > .content[data-v-b1a68ed4]::after {
      content: '';
      position: absolute;
      width: 100%;
      background-color: #fff;
      border-radius: 0.5rem;
      border: 2px solid #000;
      top: 0.75rem;
      left: -2px;
      bottom: -2px;
}
.test-page > .content[data-v-b1a68ed4]::before {
      content: '';
      position: absolute;
      width: 33.5rem;
      height: 11.9rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/组 50@3x.png");
      background-size: 100% 100%;
      top: -10.3rem;
      z-index: 999;
      left: calc(50% - 16.75rem);
}
.test-page > .content > .title[data-v-b1a68ed4] {
      display: flex;
      align-items: center;
      position: absolute;
      font-size: 1.8rem;
      font-weight: bold;
      top: -5.1rem;
      left: 9.9rem;
      color: #fff;
      z-index: 999;
}
.test-page > .content > .title > .icon[data-v-b1a68ed4] {
        display: inline-block;
        height: 0.5rem;
        width: 0.5rem;
        background-color: #fff;
        border-radius: 2px;
        transform: rotate(45deg);
        margin: 0 0.5rem;
}
.test-page > .content > .img[data-v-b1a68ed4] {
      position: relative;
      z-index: 999;
      height: 12.5rem;
      width: 22.3rem;
      border-radius: 0.5rem;
      border: 2px solid #000;
      margin: 0 auto;
      margin-bottom: 3.4rem;
}
.test-page > .content > .img > img[data-v-b1a68ed4] {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
}
.test-page > .content > .question[data-v-b1a68ed4] {
      position: relative;
      z-index: 999;
      padding: 0 2.5rem;
      padding-bottom: 4rem;
}
.test-page > .content > .question[data-v-b1a68ed4]::after {
        position: absolute;
        content: '';
        width: 25rem;
        border-bottom: 2px dotted #ebe5f9;
        bottom: 0;
        left: calc(50% - 12.5rem);
}
.test-page > .content > .question > .title[data-v-b1a68ed4] {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 2.5rem;
}
.test-page > .content > .question > .checkbox[data-v-b1a68ed4] {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 1.7rem;
}
.test-page > .content > .question > .checkbox.select > .icon[data-v-b1a68ed4] {
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/选择@2x.png");
}
.test-page > .content > .question > .checkbox > .icon[data-v-b1a68ed4] {
          height: 1.6rem;
          width: 1.6rem;
          background-size: 100% 100%;
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/未选择@2x.png");
          margin-right: 1.4rem;
}
.test-page > .content > .next-btn[data-v-b1a68ed4] {
      box-sizing: content-box;
      position: relative;
      z-index: 999;
      height: 4rem;
      line-height: 4rem;
      width: 25rem;
      margin: 0 auto;
      text-align: center;
      border-radius: 0.7rem;
      background-color: #ffea3e;
      border: 2px solid #000;
      font-size: 1.6rem;
      font-weight: bold;
      margin-top: 2.2rem;
      border-bottom-width: 0.4rem;
}
.test-page > .content > .next-btn[data-v-b1a68ed4]::after, .test-page > .content > .next-btn[data-v-b1a68ed4]::before {
        content: '';
        position: absolute;
        height: 0.9rem;
        width: 3.7rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/圆角矩形 4 拷贝 6@2x.png");
        background-size: 100% 100%;
        top: calc(50% - 0.45rem);
}
.test-page > .content > .next-btn[data-v-b1a68ed4]::after {
        left: 4.4rem;
}
.test-page > .content > .next-btn[data-v-b1a68ed4]::before {
        right: 4.4rem;
}
@-webkit-keyframes fadeIn-data-v-b1a68ed4 {
from {
    min-height: 100vh;
    opacity: 0;
}
99% {
    opacity: 0.9;
}
100% {
    min-height: auto;
    position: relative;
    opacity: 1;
}
}
@keyframes fadeIn-data-v-b1a68ed4 {
from {
    min-height: 100vh;
    opacity: 0;
}
99% {
    opacity: 0.9;
}
100% {
    min-height: auto;
    position: relative;
    opacity: 1;
}
}

@charset "UTF-8";
.result-page[data-v-508765e1] {
  padding-top: 7rem;
  width: 100%;
  -webkit-animation: fadeIn-data-v-508765e1 1s both;
          animation: fadeIn-data-v-508765e1 1s both;
}
.result-page[data-v-508765e1]::before {
    content: '';
    position: absolute;
    height: 6.5rem;
    width: 17.1rem;
    top: 3rem;
    left: calc(50% - 8.55rem);
    background-size: 100% 100%;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/狗头@3x.png");
}
.result-page > .content[data-v-508765e1] {
    position: relative;
    z-index: 999;
    border: 2px solid #000;
    border-radius: 0.5rem;
    min-height: 10rem;
    margin: 0 1.5rem;
    background-color: #fff;
}
.result-page > .content > .top[data-v-508765e1] {
      background-color: #8d42e9;
      height: 2.4rem;
      border-bottom: 2px solid #000;
      background-size: 4.3rem 0.6rem;
      background-repeat: no-repeat;
      background-position: center;
      text-align: center;
      font-size: 1.2rem;
      color: #fff;
      line-height: 2.4rem;
}
.result-page > .content > .title[data-v-508765e1] {
      position: relative;
      font-size: 1.7rem;
      font-weight: bold;
      text-align: center;
      margin: 2rem 0;
}
.result-page > .content > .title[data-v-508765e1]::after {
        content: '';
        position: absolute;
        height: 0.6rem;
        width: 13rem;
        bottom: 0;
        background-color: #ffea3e;
        left: calc(50% - 6.5rem);
}
.result-page > .content > .title > span[data-v-508765e1] {
        position: relative;
        z-index: 99;
}
.result-page > .content > .result-type[data-v-508765e1] {
      position: relative;
      height: 11.4rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/底框@3x.png");
      background-size: 100% 100%;
}
.result-page > .content > .result-type > .title[data-v-508765e1] {
        font-size: 5rem;
        color: #fff;
        text-align: center;
        font-family: zihun182hao-xinchaokakuhei;
}
.result-page > .content > .result-type > .star-list[data-v-508765e1] {
        position: absolute;
        left: 16.7rem;
        bottom: 0;
        padding-bottom: 1.5rem;
        display: flex;
}
.result-page > .content > .result-type > .star-list > i[data-v-508765e1] {
          height: 1.7rem;
          width: 1.7rem;
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/2@3x.png");
          background-size: 100% 100%;
          margin-right: 1.1rem;
}
.result-page > .content > .result-type > .star-list > i.active[data-v-508765e1] {
            background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/1@3x.png");
}
.result-page > .content > .text[data-v-508765e1] {
      font-size: 1.3rem;
      line-height: 2.5rem;
      padding: 3.5rem;
}
.result-page > .content > .footer[data-v-508765e1] {
      margin: 0 2.5rem;
      padding-bottom: 2.5rem;
      display: flex;
      align-items: flex-end;
      border-top: 2px dotted #ebe5f9;
      padding-top: 1.7rem;
}
.result-page > .content > .footer > .left[data-v-508765e1] {
        text-align: center;
        font-size: 1.2rem;
        margin-right: 1.5rem;
        letter-spacing: 0.3rem;
}
.result-page > .content > .footer > .left > .qrcode[data-v-508765e1] {
          height: 6.5rem;
          width: 6.5rem;
          margin-bottom: 0.7rem;
}
.result-page > .content > .footer > .right[data-v-508765e1] {
        text-align: center;
        flex: 1;
}
.result-page > .content > .footer > .right > img[data-v-508765e1] {
          width: 5.7rem;
          height: 1.2rem;
          margin-bottom: 1.8rem;
}
.result-page > .content > .footer > .right > .btn-group[data-v-508765e1] {
          flex: 1;
          display: flex;
          align-items: center;
}
.result-page > .content > .footer > .right > .btn-group > .btn[data-v-508765e1] {
            flex: 1;
            box-sizing: content-box;
            position: relative;
            z-index: 999;
            height: 4rem;
            line-height: 4rem;
            margin: 0 auto;
            text-align: center;
            border-radius: 0.7rem;
            background-color: #ffea3e;
            border: 2px solid #000;
            font-size: 1.6rem;
            font-weight: bold;
            border-bottom-width: 0.4rem;
}
.result-page > .content > .footer > .right > .btn-group > .btn[data-v-508765e1]:first-child {
              background-color: #fff;
}
.result-page > .content > .footer > .right > .btn-group > .btn[data-v-508765e1]:first-child {
              margin-right: 1rem;
}
.result-page > .content > .bottom[data-v-508765e1] {
      font-size: 1.2rem;
      color: rgba(255, 255, 255, 0.5);
      height: 4.85rem;
      line-height: 4.85rem;
      letter-spacing: 0.5rem;
      text-align: center;
      background-color: #8d42e9;
}
@font-face {
  font-family: 'zihun182hao-xinchaokakuhei';
  src: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/fonts/字魂182号-新潮卡酷黑.ttf");
}
@-webkit-keyframes fadeIn-data-v-508765e1 {
from {
    min-height: 100vh;
    opacity: 0;
}
99% {
    opacity: 0.9;
}
100% {
    min-height: auto;
    position: relative;
    opacity: 1;
}
}
@keyframes fadeIn-data-v-508765e1 {
from {
    min-height: 100vh;
    opacity: 0;
}
99% {
    opacity: 0.9;
}
100% {
    min-height: auto;
    position: relative;
    opacity: 1;
}
}

@charset "UTF-8";
.title[data-v-b3d3c364] {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: 50%;
  color: #ffffff;
  transform: translateY(-50%);
}
.page[data-v-b3d3c364] {
  background-color: #ff88ee;
}
.page .page-wrapper[data-v-b3d3c364] {
    position: relative;
}
.page .page-wrapper[data-v-b3d3c364]::before {
      position: absolute;
      content: '';
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/音乐@2x.png");
      height: 2.8rem;
      width: 2.8rem;
      background-size: 100% 100%;
      top: 2.6rem;
      right: 1.5rem;
      -webkit-animation: spin-data-v-b3d3c364 4s linear infinite;
              animation: spin-data-v-b3d3c364 4s linear infinite;
}
.bottom[data-v-b3d3c364] {
  height: 2.7rem;
  width: 100%;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/single-dog/logo@3x.png");
  background-size: 13.2rem 2.7rem;
  background-repeat: no-repeat;
  bottom: -2.56rem;
  left: calc(50% - 5.35rem);
  padding-top: 2.45rem;
  padding-bottom: 4rem;
  background-position: center;
}
@-webkit-keyframes spin-data-v-b3d3c364 {
from {
    -webkit-transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
}
}
@keyframes spin-data-v-b3d3c364 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

@charset "UTF-8";
@font-face {
  font-family: shouke;
  src: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/fonts/字魂95号-手刻宋.ttf");
}
.modal-body[data-v-26b2eb31] {
  text-align: center;
  padding: 1.4rem 0;
}
.modal-body > .title[data-v-26b2eb31] {
    font-size: 1.4rem;
    color: #999;
    margin-bottom: 1rem;
    text-align: center;
}
.modal-body .input[data-v-26b2eb31] {
    border: 1px solid #ddd;
    border-radius: 2px;
}
.about-icon[data-v-26b2eb31] {
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 100% 100%;
}
.about-icon > .icon[data-v-26b2eb31] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 50%;
    background-color: #fff;
}
.about-icon > .icon[data-v-26b2eb31]::after, .about-icon > .icon[data-v-26b2eb31]::before {
      position: absolute;
      content: '';
      background-color: #fff;
      height: 0.5rem;
      width: 0.5rem;
      border-radius: 50%;
}
.about-icon > .icon[data-v-26b2eb31]::after {
      right: -1rem;
}
.about-icon > .icon[data-v-26b2eb31]::before {
      left: -1rem;
}
.about-icon > .action-list[data-v-26b2eb31] {
    font-size: 1.4rem;
    position: absolute;
    /* height: 8.9rem; */
    width: 10rem;
    background-color: #fff;
    border-radius: 0.5rem;
    border-top-right-radius: 0;
    right: 0;
    top: 4.3rem;
    text-align: center;
    padding: 0 1rem;
    transition: all 1s;
    /* overflow: hidden; */
}
.about-icon > .action-list[data-v-26b2eb31]::after {
      position: absolute;
      content: '';
      border-bottom: 0.5rem solid #fff;
      border-right: 0.6rem solid #fff;
      border-left: 0.6rem solid transparent;
      border-top: 0.5rem solid transparent;
      top: -1rem;
      right: 0;
}
.about-icon > .action-list > .item[data-v-26b2eb31] {
      padding: 1.3rem 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #e8e7e7;
}
.about-icon > .action-list > .item[data-v-26b2eb31]:last-child {
        border: none;
}
.qixi-page[data-v-26b2eb31] {
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/qixi-day/背景.png");
  background-size: 100% 100%;
  padding-top: 17.65rem !important;
  padding-bottom: 4.8rem;
  height: 100vh;
}
.qixi-page .info[data-v-26b2eb31] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.qixi-page .info > .middle[data-v-26b2eb31] {
      height: 2rem;
      width: 2.4rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/qixi-day/爱心@2x.png");
      background-size: 100% 100%;
      position: relative;
      font-weight: bold;
      color: #fff;
}
.qixi-page .info > .middle[data-v-26b2eb31]::before {
        content: '';
        position: absolute;
        width: 4.15rem;
        height: 2.45rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/qixi-day/头像中的红线@2x.png");
        background-size: 100% 100%;
        bottom: 4.4rem;
        left: 50%;
        transform: translateX(-50%);
}
.qixi-page .info > .left[data-v-26b2eb31],
    .qixi-page .info > .right[data-v-26b2eb31] {
      display: flex;
      flex-direction: column;
      width: calc((100vw - 4.15rem) / 2);
      text-align: center;
}
.qixi-page .info > .left > .avatar-wrapper[data-v-26b2eb31],
      .qixi-page .info > .right > .avatar-wrapper[data-v-26b2eb31] {
        border-radius: 50%;
        border: 2px solid #fff;
        width: 6rem;
        height: 6rem;
        overflow: hidden;
        margin-bottom: 1rem;
}
.qixi-page .info > .left > .avatar-wrapper > img[data-v-26b2eb31],
        .qixi-page .info > .right > .avatar-wrapper > img[data-v-26b2eb31] {
          height: 100%;
          width: 100%;
}
.qixi-page .info > .left > .title[data-v-26b2eb31],
      .qixi-page .info > .right > .title[data-v-26b2eb31] {
        text-align: center;
        color: #000;
        font-size: 1.3rem;
        font-weight: bold;
}
.qixi-page .info > .left[data-v-26b2eb31] {
      align-items: flex-end;
}
.qixi-page .info > .right[data-v-26b2eb31] {
      align-items: flex-start;
}
.qixi-page .desc[data-v-26b2eb31] {
    padding-top: 1rem;
    text-align: center;
}
.qixi-page .desc > .icon[data-v-26b2eb31] {
      display: inline-block;
      height: 2.89rem;
      width: 3.26rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/qixi-day/爱心@2x.png");
      background-size: 100% 100%;
      margin-bottom: 0.5rem;
}
.qixi-page .desc > .num[data-v-26b2eb31],
    .qixi-page .desc > .name[data-v-26b2eb31] {
      color: #c6505a;
      font-size: 1.2rem;
      font-weight: bold;
}
.qixi-page .desc > .text[data-v-26b2eb31] {
      font-size: 1.4rem;
      margin-top: 2.15rem;
      line-height: 3rem;
}
.qixi-page .desc > .text[data-v-26b2eb31] span {
        font-size: 1.4rem;
        color: #bf4c55;
        font-weight: bold;
        margin: 0 0.3rem;
}
.qixi-page .note[data-v-26b2eb31] {
    position: relative;
    height: 20.3rem;
    width: 29.3rem;
    margin: 0 auto;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/qixi-day/卷轴@2x.png");
    background-size: 100% 100%;
    margin-bottom: 0.4rem;
    font-family: shouke;
}
.qixi-page .note > .title[data-v-26b2eb31] {
      position: absolute;
      top: 3.4rem;
      left: 6.1rem;
      font-size: 1rem;
}
.qixi-page .note > .line1[data-v-26b2eb31] {
      text-align: center;
      position: absolute;
      font-size: 1.65rem;
      color: #4e4d4d;
      top: 7.65rem;
      left: 50%;
      transform: translateX(-50%);
      resize: none;
      font-family: shouke;
      border: none;
      background-color: transparent;
      width: 18rem;
}
.qixi-page .note > .change-btn[data-v-26b2eb31] {
      position: absolute;
      bottom: 2.8rem;
      right: 3.15rem;
      width: 3.765rem;
      height: 4.89rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/qixi-day/换一换@2x.png");
      background-size: 100% 100%;
}
.qixi-page .save-img[data-v-26b2eb31] {
    height: 2rem;
    width: 6.4rem;
    margin: 0 auto;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/qixi-day/save-img.png");
    background-size: 100% 100%;
}
.qixi-page .logo[data-v-26b2eb31] {
    height: 4.4rem;
    width: 8.2rem;
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/activity/qixi-day/戏鲸@2x.png");
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 7.9rem;
}

.open-app-btn {
  position: fixed;
  z-index: 99;
  right: 1rem;
  bottom: 0.5rem;
  height: 4rem;
  line-height: 4rem;
  width: 11.5rem;
  text-align: center;
  background-color: #ffd300;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 40px 6px 40px 40px;
  overflow: hidden;
}
.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  height: 5rem;
  background-color: #2b2613;
  padding: 0 1.5rem;
}
.nav .avatar {
    height: 2.6rem;
    width: 2.6rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.nav .logo {
    width: 8rem;
    height: 3rem;
}
.nav > .search-fields {
    display: flex;
    align-items: center;
    background-color: #403c2b;
    height: 3rem;
    width: 16rem;
    padding: 0 2rem;
    border-radius: 1.85rem;
    overflow: hidden;
}
.nav > .search-fields > .search-icon {
      height: 1.6rem;
      width: 1.6rem;
      margin-right: 1rem;
}
.nav > .search-fields > input {
      flex: 1;
      background-color: #403c2b;
      color: #fff;
      font-size: 1.4rem;
      width: 10rem;
}
.nav > .download-link {
    color: #fff;
    font-size: 1.3rem;
}

.swiper-container[data-v-71164a87] {
  height: 7.9rem;
  margin: 0 1.2rem;
  border-radius: 1rem;
  overflow: hidden;
}
.swiper-container .swiper-slide > img[data-v-71164a87] {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.entries[data-v-6e085bd0] {
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
  margin-top: 2.4rem;
}
.entries > a[data-v-6e085bd0] {
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    text-align: center;
}
.entries > a > .flag[data-v-6e085bd0] {
      position: absolute;
      top: -0.7rem;
      right: -0.7rem;
      width: 2.8rem;
      height: 1.7rem;
}
.entries > a > img[data-v-6e085bd0] {
      height: 5rem;
      width: 6rem;
      margin-bottom: 1rem;
}

.container[data-v-023efc88] {
  width: 10.8rem;
  margin-right: 1.05rem;
  margin-bottom: 2rem;
}
.container[data-v-023efc88]:nth-child(3n) {
    margin-right: 0;
}
.container > p[data-v-023efc88] {
    margin: 0;
}
.container > .img[data-v-023efc88] {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.5rem;
    margin-bottom: 1.2rem;
}
.container > .name[data-v-023efc88] {
    width: 10rem;
    font-size: 1.4rem;
}

.section[data-v-03f623a5] {
  margin-top: 3.5rem;
}
.section > .header[data-v-03f623a5] {
    padding: 0 1.5rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section .title[data-v-03f623a5] {
    font-size: 1.8rem;
    font-weight: bold;
}

.swiper-container[data-v-3c5967fc] {
  height: 15.2rem;
}

.container .body[data-v-6fdb2963] {
  padding: 0 1.5rem;
  display: flex;
  flex-wrap: wrap;
}
.container .change-btn[data-v-6fdb2963] {
  font-size: 1.3rem;
  color: #1a1a1a;
}

.editor-item[data-v-5b013a91] {
  width: 7.5rem;
  margin-right: 1.5rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.editor-item[data-v-5b013a91]:nth-child(4n) {
    margin-right: 0;
}
.editor-item > .name[data-v-5b013a91] {
    font-size: 1.5rem;
}
.editor-item > .tags[data-v-5b013a91] {
    font-size: 1.1rem;
    color: #7d7d7d;
    margin-bottom: 1rem;
}
.editor-item > .group[data-v-5b013a91] {
    font-size: 1.2rem;
}
.editor-item > .avatar[data-v-5b013a91] {
    height: 7.5rem;
    width: 7.5rem;
    border-radius: 50%;
    margin-bottom: 1rem;
    -o-object-fit: cover;
       object-fit: cover;
}

.change-btn[data-v-686233dd] {
  font-size: 1.3rem;
  color: #1a1a1a;
}
.body[data-v-686233dd] {
  padding: 0 1.5rem;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2.5rem;
}

.the-newest[data-v-2efe29d6] {
  position: relative;
  background-color: #ffffff;
  margin-top: 0.5rem;
  padding-top: 2.5rem;
}
.the-newest[data-v-2efe29d6]::before {
    content: '';
    position: absolute;
    top: -0.5rem;
    background-color: #fafafa;
    height: 0.5rem;
    width: 100%;
}
.the-newest .body[data-v-2efe29d6] {
    padding: 0 1.5rem;
}
.the-newest .body .item[data-v-2efe29d6] {
      display: flex;
      align-items: flex-end;
      padding: 2rem 0;
      border-top: 1px solid rgba(232, 231, 231, 0.5);
}
.the-newest .body .item > .left[data-v-2efe29d6] {
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-right: 1.8rem;
        max-width: 100%;
}
.the-newest .body .item > .left > .title[data-v-2efe29d6] {
          font-size: 1.6rem;
          margin-bottom: 1rem;
}
.the-newest .body .item > .left > .desc[data-v-2efe29d6] {
          color: #7d7d7d;
          font-size: 1.2rem;
          margin-bottom: 1rem;
}
.the-newest .body .item > .left > .extra[data-v-2efe29d6] {
          font-size: 1.2rem;
}
.the-newest .body .item > .left > .extra > span[data-v-2efe29d6] {
            margin-right: 0.8rem;
}
.the-newest .body .item > .avatar[data-v-2efe29d6] {
        height: 5rem;
        width: 5rem;
        border-radius: 0.5rem;
}

.home[data-v-fae5bece] {
  padding-top: 1.6rem;
}
.header[data-v-fae5bece] {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
  background-color: #fff;
}
.header .avatar[data-v-fae5bece] {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
}
.header > .search-field[data-v-fae5bece] {
    display: flex;
    flex: 1;
    align-items: center;
    height: 3.7rem;
    border-radius: 1.85rem;
    margin: 0 1.5rem;
    overflow: hidden;
    background-color: #f3f3f3;
    padding: 0 2rem;
}
.header > .search-field > input[data-v-fae5bece] {
      background-color: #f3f3f3;
      border: none;
      outline: none;
      flex: 1;
      padding-left: 1.5rem;
      font-size: 1.4rem;
      color: #1a1a1a;
}
.header .search-icon[data-v-fae5bece] {
    height: 1.7rem;
    width: 1.7rem;
}
.header .edit-icon[data-v-fae5bece] {
    height: 2.5rem;
    width: 2.5rem;
}

.the-privacy-agreement[data-v-94f8231a] {
  padding: 0 1.5rem;
  height: 60vh;
  overflow: scroll;
  font-size: 1.6rem;
}
.the-privacy-agreement p[data-v-94f8231a] {
    margin: 0;
}

.the-user-agreement[data-v-6cd2ca84] {
  padding: 0 1.5rem;
  height: 60vh;
  overflow: scroll;
  font-size: 1.6rem;
}
.the-user-agreement p[data-v-6cd2ca84] {
    margin: 0;
}

.form[data-v-342e100d] {
  display: flex;
  flex-direction: column;
  margin-top: 5rem;
  margin-bottom: 1.5rem;
}
.form > input[data-v-342e100d] {
    font-size: 1.4rem;
    padding: 0 3rem;
    border: 1px solid #DCDFE3;
    height: 4.5rem;
    line-height: 4.5rem;
    outline: none;
    background-color: #FAFAFA;
    border-radius: 2.25rem;
    margin-bottom: 2rem;
}

.form[data-v-1428c482] {
  margin-top: 5rem;
  margin-bottom: 3.5rem;
}
.form input[data-v-1428c482] {
    outline: none;
    border: none;
}
.form > .phone-input[data-v-1428c482] {
    display: flex;
    border: 1px solid #dcdfe3;
    background-color: #fafafa;
    border-radius: 2.25rem;
    overflow: hidden;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 1.4rem;
    margin-bottom: 2rem;
}
.form > .phone-input > .prefix[data-v-1428c482] {
      position: relative;
      color: #585b61;
      border-right: 1px solid #d8d8d8;
      padding: 0 1.5rem;
      width: 7.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.form > .phone-input > .prefix[data-v-1428c482]::after {
        content: '';
        border-top: 0.6rem solid #585b61;
        border-left: 0.6rem solid transparent;
        border-right: 0.6rem solid transparent;
}
.form > .phone-input > input[data-v-1428c482] {
      border: none;
      background-color: #fafafa;
      flex: 1;
      padding-left: 1.5rem;
}
.form > .verify-input[data-v-1428c482] {
    font-size: 1.4rem;
}
.form > .verify-input > .code-input[data-v-1428c482] {
      border: 1px solid #dcdfe3;
      height: 4.5rem;
      width: 11.6rem;
      border-radius: 2.25rem;
      padding: 0 2rem;
}
.form > .verify-input > .send-btn[data-v-1428c482] {
      display: inline-block;
      width: 11rem;
      height: 4.5rem;
      line-height: 4.5rem;
      border-radius: 2.25rem;
      text-align: center;
      background-color: rgba(255, 211, 0, 0.16);
      margin-left: 1rem;
}

.container[data-v-26084dc2] {
  padding: 6rem 2rem;
  padding-bottom: 0;
}
.container > .tab[data-v-26084dc2] {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #7d7d7d;
}
.container > .tab > .item[data-v-26084dc2] {
      margin-right: 2.5rem;
}
.container > .tab > .item.active[data-v-26084dc2] {
        font-size: 2rem;
        color: #1a1a1a;
        font-weight: bold;
}
.container > .login-btn[data-v-26084dc2],
  .container > .wx-btn[data-v-26084dc2] {
    height: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    border-radius: 2.1rem;
    color: #1a1a1a;
    font-size: 1.6rem;
}
.container > .login-btn[data-v-26084dc2] {
    background-color: #ffd300;
    margin-bottom: 2rem;
}
.container > .wx-btn[data-v-26084dc2] {
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container > .wx-btn > img[data-v-26084dc2] {
      height: 2.2rem;
      width: 2.2rem;
      margin-right: 1rem;
}
.container .argreement[data-v-26084dc2] {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #000000;
    margin-top: 20rem;
}
.container .argreement > .icon[data-v-26084dc2] {
      height: 1.4rem;
      width: 1.4rem;
      margin-right: 1.2rem;
}
.container .argreement p[data-v-26084dc2] {
      margin: 0;
}
.container .argreement span[data-v-26084dc2] {
      color: #ff7b52;
}

.list-item[data-v-3520f33a] {
  display: block;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e8e7e7;
  margin-bottom: 2rem;
}
.list-item p[data-v-3520f33a] {
    margin: 0;
}
.list-item .content1 .top[data-v-3520f33a] {
    display: flex;
    align-items: center;
    padding-top: 2rem;
    margin-bottom: 1.2rem;
}
.list-item .content1 .top .avatar[data-v-3520f33a] {
      height: 9rem;
      width: 9rem;
      border-radius: 0.5rem;
      overflow: hidden;
}
.list-item .content1 .top .avatar > img[data-v-3520f33a] {
        height: 100%;
        width: 100%;
}
.list-item .content1 .top .content2[data-v-3520f33a] {
      flex: 1;
      margin-left: 1.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 9rem;
}
.list-item .content1 .top .content2 .title[data-v-3520f33a] {
        font-size: 1.6rem;
        font-weight: bold;
}
.list-item .content1 .top .content2 .tag-list .tag[data-v-3520f33a] {
        display: inline-block;
        margin-right: 0.8rem;
        border: 1px solid #c0bdbd;
        border-radius: 1.2rem;
        padding: 0 0.8rem;
        line-height: 1.9rem;
        font-size: 1rem;
}
.list-item .content1 .auth-name[data-v-3520f33a] {
    font-size: 1.3rem;
    color: #7d7d7d;
}
.list-item .content1 .bottom[data-v-3520f33a] {
    font-size: 1.3rem;
    color: #7d7d7d;
}
.list-item .content1 .bottom .label[data-v-3520f33a] {
      color: #1a1a1a;
}
.list-item .num[data-v-3520f33a] {
    display: inline-block;
    color: #ffffff;
    font-size: 1.3rem;
    width: 4.35rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    border-radius: 0.3rem;
    background-color: #c0bdbd;
}
.list-item .num.num1[data-v-3520f33a] {
      background-color: #ff5151ff;
}
.list-item .num.num2[data-v-3520f33a] {
      background-color: #ff7b52;
}
.list-item .num.num3[data-v-3520f33a] {
      background-color: #ffd415;
}
.list-item .num.num4[data-v-3520f33a] {
      background-color: #c0bdbd;
}

.container[data-v-a269ed34] {
  position: relative;
}
.swiper-slide[data-v-a269ed34] {
  height: auto !important;
}
.swiper-wrapper[data-v-a269ed34] {
  height: auto;
}
p[data-v-a269ed34] {
  padding: 0;
  margin: 0;
}
.hide[data-v-a269ed34] {
  display: none;
}
.header-bg[data-v-a269ed34],
.header-bg2[data-v-a269ed34] {
  width: 100vw;
  position: absolute;
  top: 0;
}
.bg-wrapper[data-v-a269ed34] {
  font-size: 0;
}
.header-bg1[data-v-a269ed34] {
  width: 100vw;
  height: 12.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  position: fixed;
  top: 0;
  z-index: 100;
  opacity: 0;
}
.header-bg2[data-v-a269ed34] {
  opacity: 0.8;
}
.fixed-bar[data-v-a269ed34] {
  position: relative;
  /* position: absolute; */
  /* z-index: 200; */
  /* top: 9.35rem; */
  /* top: 13.2rem; */
  height: 2.5rem;
  line-height: 2.5rem;
}
.tab-bar[data-v-a269ed34] {
  position: relative;
  z-index: 2000;
  font-size: 1.5rem;
  padding: 0 2.5rem;
  margin-bottom: 2rem;
}
.tab-bar.fixed[data-v-a269ed34] {
    position: fixed;
    top: 8.5rem;
    visibility: hidden;
    /* display: none; */
}
.tab-bar .tab-item[data-v-a269ed34] {
    margin-right: 3.5rem;
}
.tab-bar .tab-item.active[data-v-a269ed34] {
      font-size: 1.8rem;
      font-weight: bold;
}
.body[data-v-a269ed34] {
  position: relative;
  z-index: 99;
  /* padding-top: 17rem; */
  padding-top: 13.2rem;
}
.body .list[data-v-a269ed34] {
    background-color: #ffffff;
    border-radius: 2rem 2rem 0 0;
    margin-bottom: 40px;
    padding: 0 2rem;
    padding-top: 2.5rem;
}

.loading-wrapper[data-v-4f7ce99c] {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.empty-container[data-v-4f7ce99c] {
  display: flex;
  flex-direction: column;
  height: 500px;
  align-items: center;
  justify-content: center;
}
.empty-container .note[data-v-4f7ce99c] {
    margin-top: 2rem;
    color: #bfbdbd;
    font-size: 1.4rem;
}
.list[data-v-4f7ce99c] {
  position: relative;
  padding: 0 1.5rem;
  padding-top: 8.5rem;
  background-color: #fff;
  /* height: 100vh; */
  /* overflow: scroll; */
}
.list .item[data-v-4f7ce99c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 2.5rem 0;
    border-bottom: 1px solid #e8e7e7;
}
.list .item > .left[data-v-4f7ce99c] {
      flex: 1;
}
.list .item > .avatar[data-v-4f7ce99c] {
      height: 5rem;
      width: 5rem;
      -o-object-fit: cover;
         object-fit: cover;
      margin-left: 1.5rem;
      border-radius: 0.5rem;
}
.list .item[data-v-4f7ce99c]:last-child {
      border: none;
}
.list .item p[data-v-4f7ce99c] {
      margin: 0;
}
.list .item .title[data-v-4f7ce99c] {
      font-size: 1.6rem;
      font-weight: bold;
      margin-bottom: 1.5rem;
}
.list .item .desc[data-v-4f7ce99c] {
      font-size: 1.3rem;
      color: #7d7d7d;
      margin-bottom: 1rem;
}
.list .item .extra[data-v-4f7ce99c] {
      color: #1a1a1a;
      font-size: 1.3rem;
}
.list .item .extra span[data-v-4f7ce99c] {
        display: inline-block;
        margin-right: 0.8rem;
}

p[data-v-9d00a71c] {
  margin: 0;
}
.main[data-v-9d00a71c] {
  overflow: scroll;
}
.filter-fields[data-v-9d00a71c] {
  position: fixed;
  top: 0;
  z-index: 999;
  margin-top: 5rem;
  font-size: 1.4rem;
  background-color: #fafafa;
}
.filter-fields .category[data-v-9d00a71c]::-webkit-scrollbar,
  .filter-fields .special-list[data-v-9d00a71c]::-webkit-scrollbar {
    display: none;
    height: 0;
}
.filter-fields .category[data-v-9d00a71c] {
    white-space: nowrap;
    width: 100vw;
    overflow: scroll;
    padding-left: 1.5rem;
    background-color: #fafafa;
    z-index: 99;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.filter-fields .category .item[data-v-9d00a71c] {
      color: #c0bdbd;
      margin-right: 2.5rem;
}
.filter-fields .category .item.active[data-v-9d00a71c] {
        color: #1a1a1a;
        font-weight: bold;
}
.filter-fields .advance[data-v-9d00a71c] {
    display: flex;
    justify-content: space-between;
    padding-left: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.4rem;
}
.filter-fields .advance li[data-v-9d00a71c] {
      display: flex;
      align-items: center;
      margin-right: 1.4rem;
}
.filter-fields .advance li.bgm-li.selected[data-v-9d00a71c] {
        color: #ce3dff;
}
.filter-fields .advance li .bgm-icon[data-v-9d00a71c] {
        height: 1.5rem;
        width: 1.5rem;
        margin-right: 0.5rem;
}
.filter-fields .advance li .expand-icon[data-v-9d00a71c] {
        height: 0.8rem;
        width: 0.8rem;
        margin-left: 0.5rem;
}
.filter-fields .special-list[data-v-9d00a71c] {
    display: flex;
    width: 100vw;
    overflow: scroll;
    padding-left: 1.5rem;
    padding-bottom: 2rem;
}
.filter-fields .special-list li[data-v-9d00a71c] {
      margin-right: 1.4rem;
      padding: 0 1.1rem;
      height: 2.5rem;
      line-height: 2.5rem;
      background-color: #fff;
      border-radius: 1.2rem;
      white-space: nowrap;
}
.filter-fields .special-list li.active[data-v-9d00a71c] {
        background-color: #ffeb6f;
}
.filter-fields .select-filter-mask[data-v-9d00a71c] {
    position: fixed;
    z-index: 9;
    top: 13.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.filter-fields .select-filter[data-v-9d00a71c] {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    z-index: 99;
    flex-wrap: wrap;
    font-size: 1.3rem;
    background-color: #fff;
    padding: 2.5rem 1.5rem;
    padding-bottom: 1rem;
}
.filter-fields .select-filter .filter-title[data-v-9d00a71c] {
      font-size: 1.4rem;
      margin-bottom: 1.5rem;
}
.filter-fields .select-filter .item[data-v-9d00a71c] {
      display: inline-block;
      height: 3.3rem;
      width: 7.5rem;
      line-height: 3.3rem;
      text-align: center;
      border-radius: 1.65rem;
      background-color: #fafafa;
      margin-bottom: 1.5rem;
      margin-right: 1.5rem;
}
.filter-fields .select-filter .item[data-v-9d00a71c]:nth-child(4n) {
        margin-right: 0;
}
.filter-fields .select-filter .item.active[data-v-9d00a71c] {
        background-color: #ffeb6f;
}

.item[data-v-b8db3a94] {
  padding: 2rem 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #E8E7E7;
}
.item .title[data-v-b8db3a94] {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.item .desc[data-v-b8db3a94] {
    font-size: 1.2rem;
    color: #7D7D7D;
    margin-bottom: 1rem;
}
.item .extra[data-v-b8db3a94] {
    font-size: 1.2rem;
}
.item .extra > span[data-v-b8db3a94] {
      margin-right: 0.8rem;
}
.item > img[data-v-b8db3a94] {
    height: 5rem;
    width: 5rem;
    border-radius: 0.5rem;
    margin-left: 1.9rem;
}

.the-section p[data-v-2955ed9e] {
  margin: 0;
}
.the-section > .header[data-v-2955ed9e] {
  font-size: 1.4rem;
  color: #7D7D7D;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-bottom: 1px solid #E8E7E7;
}
.the-section > .list[data-v-2955ed9e] {
  padding: 0 1.5rem;
}

.the-header[data-v-0f757971] {
  padding: 3.5rem 1.5rem;
  background-color: #FAFAFA;
  display: flex;
  align-items: center;
}
.the-header > .avatar[data-v-0f757971] {
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
    margin-right: 2rem;
}
.the-header > .nickname[data-v-0f757971] {
    font-size: 1.5rem;
    font-weight: bold;
}

.cell-item[data-v-14420b14] {
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  justify-content: space-between;
}
.cell-item .icon[data-v-14420b14] {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 1.5rem;
    vertical-align: middle;
}
.cell-item .title[data-v-14420b14] {
    vertical-align: middle;
}
.cell-item > .entry-icon[data-v-14420b14] {
    height: 1.1rem;
    width: 1.1rem;
}

.sign-out-btn[data-v-4e42760d] {
  height: 4.5rem;
  line-height: 4.5rem;
  text-align: center;
  border-radius: 2.1rem;
  color: #1a1a1a;
  font-size: 1.6rem;
  background-color: #ffd300;
  margin: 0 1.5rem;
  margin-bottom: 2rem;
  margin-top: 10rem;
}
.sign-out-btn[data-v-4e42760d]:active {
    opacity: 0.9;
}
.body[data-v-4e42760d] {
  padding-top: 1.5rem;
}

p[data-v-76126f81] {
  margin: 0;
}
.the-ablum-item[data-v-76126f81] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(232, 231, 231, 0.5);
  padding: 1rem;
  border-radius: 1rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
.the-ablum-item > .left[data-v-76126f81] {
    display: flex;
    align-items: center;
}
.the-ablum-item > .left img[data-v-76126f81] {
      height: 5rem;
      width: 5rem;
      border-radius: 0.2rem;
      margin-right: 1rem;
      -o-object-fit: cover;
         object-fit: cover;
}
.the-ablum-item > .left .title[data-v-76126f81] {
      font-size: 1.6rem;
}
.the-ablum-item > .left .extra[data-v-76126f81] {
      font-size: 1.3rem;
      color: #7D7D7D;
}
.the-ablum-item .allow-right[data-v-76126f81] {
    height: 1.1rem;
    width: 1.1rem;
}

.container .header[data-v-24769da4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  height: 6rem;
  background-color: #FAFAFA;
  font-size: 1.5rem;
  font-weight: bold;
}
.container .header .tabs > .item[data-v-24769da4] {
    color: #7D7D7D;
    margin-left: 3.05rem;
}
.container .header .tabs > .item.active[data-v-24769da4] {
      color: #000;
}
.container .body[data-v-24769da4] {
  padding: 1.5rem;
  height: calc(100vh - 11rem);
  overflow: scroll;
}
.container .add-btn[data-v-24769da4] {
  position: fixed;
  right: 2rem;
  bottom: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5rem;
  height: 4.3rem;
  width: 4.3rem;
  background: linear-gradient(#FFE557, #FFD416);
  border-radius: 50%;
}
.container[data-v-24769da4] .van-popup {
  border-radius: 1rem 1rem 0 0;
  padding: 1.5rem;
}

.tag-edit-form[data-v-b0772a48] {
  padding: 0 2rem;
}
.tag-edit-form > .header[data-v-b0772a48] {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 0;
    border-bottom: 1px solid #e8e7e7;
}
.tag-edit-form > .header > span[data-v-b0772a48]:nth-child(2) {
      font-weight: bold;
}
.tag-edit-form > .body > .section[data-v-b0772a48] {
    padding-top: 2rem;
}
.tag-edit-form > .body > .section > .title[data-v-b0772a48] {
      display: flex;
      justify-content: space-between;
      font-size: 1.8rem;
      font-weight: bold;
}
.tag-edit-form > .body > .section > .content[data-v-b0772a48] {
      display: flex;
      flex-wrap: wrap;
      padding: 2rem 0;
      border-bottom: 1px solid rgba(232, 231, 231, 0.5);
}
.tag-edit-form > .body > .section > .content > .tags[data-v-b0772a48] {
        position: relative;
        font-size: 1.4rem;
        padding: 0.5rem 2rem;
        border-radius: 1.6rem;
        margin-bottom: 1.5rem;
        margin-right: 1rem;
}
.tag-edit-form > .body > .section > .content > .tags.active[data-v-b0772a48] {
          background-color: #ffeb6f;
}
.tag-edit-form > .body > .section > .content > .tags.active > img[data-v-b0772a48] {
            position: absolute;
            height: 1.5rem;
            width: 1.5rem;
            right: -0.4rem;
            top: -0.4rem;
}
.tag-edit-form > .body > .section .next[data-v-b0772a48] {
      display: flex;
      align-items: center;
      font-size: 1.2rem;
      font-weight: normal;
      border: 1px solid rgba(232, 231, 231, 0.5);
      padding: 0 1rem;
      border-radius: 1.6rem;
}
.tag-edit-form > .body > .section .next > img[data-v-b0772a48] {
        height: 1.1rem;
        width: 1.1rem;
        margin-left: 0.5rem;
}
.tag-edit-form > .body > .section .tag-add-btn[data-v-b0772a48] {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px dashed #e8e7e7;
      height: 3.2rem;
      width: 3.2rem;
      border-radius: 50%;
}
.tag-edit-form > .body > .section .tag-add-btn > img[data-v-b0772a48] {
        height: 1.2rem;
        width: 1.2rem;
}
.tag-edit-form > .body > .section > .tag-list > .tags[data-v-b0772a48] {
      border: 1px solid rgba(232, 231, 231, 0.5);
}
.tag-edit-form[data-v-b0772a48] .tag-input-popup {
    padding: 2rem 1rem;
}
.tag-edit-form[data-v-b0772a48] .tag-input-popup .tag-input-form {
      display: flex;
      align-items: center;
}
.tag-edit-form[data-v-b0772a48] .tag-input-popup .tag-input-form > input {
        flex: 1;
        font-size: 1.5rem;
        padding: 0.5rem 1rem;
        background-color: #fafafa;
        border-radius: 2rem;
        margin-right: 1rem;
}
.tag-edit-form[data-v-b0772a48] .tag-input-popup .tag-input-form .btn-submit {
        font-size: 1.4rem;
        font-weight: bold;
        padding: 0.5rem 2rem;
        border-radius: 1.6rem;
        background-color: #ffeb6f;
}

.collection-edit[data-v-2d8682fc] {
  padding: 1.5rem;
}
.collection-edit[data-v-2d8682fc] .tag-edit-popup {
    border-radius: 1rem 1rem 0 0;
}
.collection-edit .row[data-v-2d8682fc] {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(232, 231, 231, 0.5);
    padding: 2rem 0;
}
.collection-edit .row > input[data-v-2d8682fc] {
      flex: 1;
      padding-left: 2.5rem;
}
.collection-edit .row > .tag-placeholder[data-v-2d8682fc] {
      color: #c0bdbd;
      flex: 1;
      padding-left: 2.5rem;
}
.collection-edit .row > .right-allow[data-v-2d8682fc] {
      height: 1.1rem;
      width: 1.1rem;
}
.collection-edit .row .avatar[data-v-2d8682fc] {
      height: 3.5rem;
      width: 3.5rem;
      border-radius: 0.2rem;
}
.collection-edit .desc[data-v-2d8682fc] {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
}
.collection-edit .desc .title[data-v-2d8682fc] {
      font-size: 1.5rem;
      padding: 2rem 0;
}
.collection-edit .desc > textarea[data-v-2d8682fc] {
      resize: none;
      border: 1px solid #e8e7e7;
      height: 15rem;
      padding: 1.5rem;
      border-radius: 0.5rem;
}
.collection-edit .submit-btn[data-v-2d8682fc] {
    margin-top: 4rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 0;
    border-radius: 5rem;
    background-color: #ffd415;
}
.collection-edit .submit-btn[data-v-2d8682fc]:active {
      background-color: rgba(255, 212, 21, 0.5);
}

.header[data-v-ad628520] {
  padding: 1.6rem;
  padding-bottom: 3.3rem;
  position: relative;
}
.header > .bg[data-v-ad628520] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.header .mask[data-v-ad628520] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    filter: blur(10px);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
}
.header > .info[data-v-ad628520] {
    position: relative;
    z-index: 9;
    display: flex;
}
.header > .info > .avatar-wrapper[data-v-ad628520] {
      height: 12rem;
      width: 12rem;
      border-radius: 0.2rem;
      overflow: hidden;
      margin-right: 1.5rem;
}
.header > .info > .avatar-wrapper > img[data-v-ad628520] {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
}
.header > .info > .right[data-v-ad628520] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1;
}
.header > .info > .right > .tags[data-v-ad628520] {
        color: #FFFFFF;
        font-size: 1.2rem;
        margin-bottom: 2.8rem;
}
.header > .info > .right > .tags > span[data-v-ad628520] {
          display: inline-block;
          padding: 0 0.75rem;
          border-radius: 1rem;
          margin-right: 0.5rem;
          background-color: rgba(255, 255, 255, 0.15);
}
.header > .info > .right > .collect-imgs[data-v-ad628520] {
        position: relative;
        display: flex;
        align-items: center;
        font-size: 1.1rem;
        color: #FFFFFF;
}
.header > .info > .right > .collect-imgs > img[data-v-ad628520] {
          position: relative;
          height: 2rem;
          width: 2rem;
          border-radius: 50%;
          border: 1px solid rgba(255, 255, 255, 0.8);
          -o-object-fit: cover;
             object-fit: cover;
}
.header > .info > .right > .collect-imgs > img[data-v-ad628520]:nth-child(2) {
            z-index: 9;
            left: -3px;
}
.header > .info > .right > .collect-imgs > img[data-v-ad628520]:nth-child(3) {
            z-index: 9;
            left: -6px;
}
.header > .info > .right > .date[data-v-ad628520] {
        font-size: 1.1rem;
        color: rgba(255, 255, 255, 0.5);
}
.header > .info .title-field[data-v-ad628520] {
      display: flex;
      justify-content: space-between;
}
.header > .info .title-field > .title[data-v-ad628520] {
        font-size: 1.8rem;
        color: #FFFFFF;
        font-weight: bold;
}
.header > .info .title-field > .follow-btn[data-v-ad628520] {
        display: inline-block;
        font-size: 1.2rem;
        font-weight: bold;
        background-color: #FFD415;
        padding: 0.8rem 1.3rem;
        border-radius: 1.6rem;
}
.header > .desc[data-v-ad628520] {
    margin-top: 2rem;
    position: relative;
    z-index: 9;
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.5);
}
.header > .control[data-v-ad628520] {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 9;
    margin-top: 2rem;
}
.header > .control > .box[data-v-ad628520] {
      color: #FFFFFF;
      font-size: 1.2rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-right: 4rem;
}
.header > .control > .box[data-v-ad628520]:last-child {
        margin-right: 0;
}
.header > .control > .box > img[data-v-ad628520] {
        height: 2.5rem;
        width: 2.5rem;
        margin-bottom: 1rem;
}

@charset "UTF-8";
.the-body[data-v-4e5c8e76] {
  background-color: #fff;
  position: relative;
  left: 0;
  right: 0;
  z-index: 99;
  top: -1rem;
  padding: 0 1.5rem;
  border-radius: 1rem 1rem 0 0;
  min-height: 60vh;
}
.the-body > .header[data-v-4e5c8e76] {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(232, 231, 231, 0.8);
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
}
.the-body > .header > span[data-v-4e5c8e76] {
      color: #7D7D7D;
      font-size: 1.1rem;
      margin-left: 1rem;
}
.the-body > .list > .item[data-v-4e5c8e76] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(232, 231, 231, 0.8);
}
.the-body > .list > .item .title[data-v-4e5c8e76] {
      font-size: 1.7rem;
      margin-bottom: 2rem;
}
.the-body > .list > .item .tags[data-v-4e5c8e76] {
      font-size: 1.2rem;
      color: #7d7d7d;
}
.the-body > .list > .item .tags > span[data-v-4e5c8e76] {
        display: inline-block;
        border: 1px solid #e8e7e7;
        padding: 0 0.75rem;
        border-radius: 0.9rem;
        margin-right: 0.6rem;
}
.the-body > .list > .item .extra[data-v-4e5c8e76] {
      display: flex;
      align-items: center;
      font-size: 1.2rem;
      color: #7D7D7D;
      margin-top: 1.6rem;
}
.the-body > .list > .item .extra > span[data-v-4e5c8e76] {
        margin-right: 0.8rem;
}
.the-body > .list > .item .extra > span.bgm[data-v-4e5c8e76], .the-body > .list > .item .extra > span.ost[data-v-4e5c8e76] {
          font-size: 0.8rem;
          display: inline-block;
          height: 1.2rem;
          width: 2.3rem;
          text-align: center;
          border-radius: 0.2rem;
          border: 1px solid currentColor;
}
.the-body > .list > .item .extra > span.bgm[data-v-4e5c8e76] {
          color: #CE3DFF;
}
.the-body > .list > .item .extra > span.ost[data-v-4e5c8e76] {
          color: #FF2424;
}
.the-body > .list > .item > .right[data-v-4e5c8e76] {
      margin-left: 1rem;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: space-between;
}
.the-body > .list > .item > .right .avatar[data-v-4e5c8e76] {
        height: 5rem;
        width: 5rem;
        border-radius: 0.5rem;
        -o-object-fit: cover;
           object-fit: cover;
}
.the-body > .list > .item > .right .more[data-v-4e5c8e76] {
        display: inline-block;
        height: 1.5rem;
        width: 1.5rem;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAtCAYAAAB8rEEwAAAArUlEQVQ4T+2VMQrCUBBEZwKR8Ds9gLVX+AextLfSzkNYWtlbeoUkmCb/CFp7AStDMJCxUYhIYA/wt9lih2X37cBSEkMI065pVkqSNaW5yDv7/pg6d/LeP1jX9axr2wOkpYAJPkHgBfKcZtmGVZ5vQe6Hgh+htOOlLK+QFt/CXyZvrIriKcCNiQg0xk6WmUzbmTiNbjUoMIpsCEzETbeLzrQRj860cYrOtH0EC6c3LNEYe9G8+goAAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        background-size: 0.3rem 1.5rem;
}

.collection-detail[data-v-1a99b549] {
  position: relative;
}

.container[data-v-1d2cdd43] {
  padding: 0 1.5rem;
}

.app-normal-cell[data-v-2931ceea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.2rem 0;
  border-bottom: 1px solid #e8e7e7;
}
.app-normal-cell .left[data-v-2931ceea] {
    display: flex;
    align-items: center;
    margin-right: 2.4rem;
    flex: 1;
}
.app-normal-cell .flag[data-v-2931ceea] {
    display: inline-block;
    height: 2rem;
    width: 3.5rem;
    text-align: center;
    line-height: 2rem;
    background-color: #ff7b52;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 0.2rem 0.2rem 0.8rem 0.2rem;
    margin-right: 1rem;
}
.app-normal-cell > .right[data-v-2931ceea] {
    color: #c0bdbd;
    font-size: 1.2rem;
}
.app-normal-cell .title[data-v-2931ceea] {
    font-size: 1.6rem;
}

.container[data-v-af5f79fe] {
  padding: 0 1.5rem;
}

.container[data-v-58280aea] {
  padding: 0 1.5rem;
}

.container[data-v-f89aa1b2] {
  padding: 0 1.5rem;
}

.container[data-v-ced23842] {
  padding: 0 1.5rem;
  padding-top: 2rem;
}
.row[data-v-ced23842] {
  padding-bottom: 2rem;
  border-bottom: 1px solid #e8e7e7;
}
.row.avatar-filed[data-v-ced23842] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.row.avatar-filed .avatar[data-v-ced23842] {
      height: 6.4rem;
      width: 6.4rem;
      border-radius: 50%;
}
.row.avatar-filed > .title[data-v-ced23842] {
      font-size: 1.7rem;
      color: #1a1a1a;
}
.row .title[data-v-ced23842] {
    font-size: 1.2rem;
    color: #7d7d7d;
}
.row .cell[data-v-ced23842] {
    display: flex;
    align-items: center;
}
.row .cell > input[data-v-ced23842],
    .row .cell > .input[data-v-ced23842] {
      font-size: 1.7rem;
      flex: 1;
      border: none;
      color: #1a1a1a;
}
.row .cell > img[data-v-ced23842] {
      height: 1.1rem;
      width: 1.1rem;
}
.btn[data-v-ced23842] {
  margin-top: 6rem;
  text-align: center;
  background-color: #ffd415;
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 1.7rem;
  border-radius: 3.03rem;
}
.btn[data-v-ced23842]:active {
    background-color: rgba(255, 212, 21, 0.5);
}

.container[data-v-65d59982] {
  padding: 2.5rem 1.5rem;
}
.container .upload-title[data-v-65d59982] {
    color: #7D7D7D;
    font-size: 1.5rem;
    margin: 0;
    margin-bottom: 2.5rem;
}
.container .icon[data-v-65d59982] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container .icon[data-v-65d59982]::after {
      content: '';
      position: absolute;
      height: 2px;
      width: 3rem;
      background-color: #D8D8D8;
}
.container .icon[data-v-65d59982]::before {
      content: '';
      position: absolute;
      height: 3rem;
      width: 2px;
      background-color: #D8D8D8;
}
.container[data-v-65d59982] .van-uploader__preview-image {
    height: 8rem;
    width: 8rem;
    border-radius: 0.5rem;
}
.container[data-v-65d59982] .van-uploader__input-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8rem;
    width: 8rem;
    border-radius: .5rem;
    border: 1px solid #E8E7E7;
}
.btn[data-v-65d59982] {
  background-color: #FFD415;
  font-size: 1.7rem;
  font-weight: bold;
  height: 4.5rem;
  border-radius: 3.03rem;
  text-align: center;
  line-height: 4.5rem;
  margin-top: 6rem;
}
textarea[data-v-65d59982] {
  padding: 1.5rem;
  height: 15rem;
  width: 100%;
  border: 1px solid #E8E7E7;
  border-radius: 0.5rem;
  resize: none;
  font-size: 1.5rem;
  margin-bottom: 5rem;
}
textarea[data-v-65d59982]::-moz-placeholder {
    color: #C0BDBD;
}
textarea[data-v-65d59982]:-ms-input-placeholder {
    color: #C0BDBD;
}
textarea[data-v-65d59982]::placeholder {
    color: #C0BDBD;
}
.input-wrapper[data-v-65d59982] {
  margin-top: 5rem;
  font-size: 1.5rem;
  border-bottom: 1px solid #E8E7E7;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
}
.input-wrapper input[data-v-65d59982] {
    border: none;
    width: 100%;
}
.input-wrapper input[data-v-65d59982]::-moz-placeholder {
      color: #C0BDBD;
}
.input-wrapper input[data-v-65d59982]:-ms-input-placeholder {
      color: #C0BDBD;
}
.input-wrapper input[data-v-65d59982]::placeholder {
      color: #C0BDBD;
}

.page[data-v-059f8d0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10.8rem;
}
.page .input-fields[data-v-059f8d0e] {
    padding: 0 3.75rem;
}
.page .btn-wrapper[data-v-059f8d0e] {
    padding: 0 2.5rem;
    width: 100%;
    text-align: center;
    margin-top: 10rem;
}
.page .btn-wrapper .submit-btn[data-v-059f8d0e] {
      background-color: #ffd415;
      font-size: 1.7rem;
      width: 100%;
      padding: 1.4rem 0;
      border-radius: 3.03rem;
}
.page .btn-wrapper .submit-btn[data-v-059f8d0e]:active {
        background-color: rgba(255, 212, 21, 0.5);
}
.row[data-v-059f8d0e] {
  display: flex;
  align-items: center;
  padding: 1.95rem 1rem;
  border-bottom: 1px solid #e8e7e7;
  width: 26rem;
}
.row input[data-v-059f8d0e] {
    border: none;
    outline: none;
    font-size: 1.8rem;
    font-weight: 500;
    /* width: 11.7rem; */
}
.row input[data-v-059f8d0e]::-moz-placeholder {
      font-size: 1.5rem;
      color: #c0bdbd;
}
.row input[data-v-059f8d0e]:-ms-input-placeholder {
      font-size: 1.5rem;
      color: #c0bdbd;
}
.row input[data-v-059f8d0e]::placeholder {
      font-size: 1.5rem;
      color: #c0bdbd;
}
.row.verify-code[data-v-059f8d0e] {
    justify-content: space-between;
}
.row.verify-code input[data-v-059f8d0e] {
      width: 8.5rem;
}
.row.verify-code .send-code-btn[data-v-059f8d0e] {
      color: #1749ff;
      font-size: 1.5rem;
}
.row.tel-input input[data-v-059f8d0e] {
    padding: 0;
    margin: 0;
    width: 11.7rem;
}
.row.tel-input .tel-input-wrapper[data-v-059f8d0e] {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
}
.row.tel-input .tel-input-wrapper > .left[data-v-059f8d0e] {
      display: flex;
      align-items: center;
}
.row.tel-input .split[data-v-059f8d0e] {
    background-color: #ffd415;
    width: 0.2rem;
    height: 1.7rem;
    border-radius: 0.18rem;
    /* margin-right: 3.5rem; */
    margin-left: 0.5rem;
}
.row.tel-input .select-down-icon[data-v-059f8d0e] {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 1rem;
}
.row.tel-input .country-code[data-v-059f8d0e] {
    font-size: 1.8rem;
    font-weight: 500;
}
.row.tel-input .clear-btn[data-v-059f8d0e] {
    height: 1.8rem;
    width: 1.8rem;
}

@charset "UTF-8";
.RechargeVip-module_rechargeVip_2xTk9 {
  padding: 1.5rem;
  background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/recharge/vip-recharge.png");
  background-size: 100% 100%;
  margin-bottom: 1rem; }
  .RechargeVip-module_rechargeVip_2xTk9.RechargeVip-module_diamond_2gtlT {
    background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/recharge/钻石会员.png"); }
  .RechargeVip-module_rechargeVip_2xTk9 > .RechargeVip-module_header_3COCN {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1.4rem; }
    .RechargeVip-module_rechargeVip_2xTk9 > .RechargeVip-module_header_3COCN > .RechargeVip-module_left_OfORA {
      display: flex;
      align-items: center; }
      .RechargeVip-module_rechargeVip_2xTk9 > .RechargeVip-module_header_3COCN > .RechargeVip-module_left_OfORA > .RechargeVip-module_icon_3D0bU {
        height: 1.6rem;
        width: 1.6rem;
        margin-right: 0.5rem; }
      .RechargeVip-module_rechargeVip_2xTk9 > .RechargeVip-module_header_3COCN > .RechargeVip-module_left_OfORA > .RechargeVip-module_price_1Wn1h {
        font-size: 1.7rem;
        font-weight: bold;
        background-image: linear-gradient(127deg, #fecbaa 0%, #f6ac7c 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-right: 1rem; }
      .RechargeVip-module_rechargeVip_2xTk9 > .RechargeVip-module_header_3COCN > .RechargeVip-module_left_OfORA > .RechargeVip-module_actual_252wS {
        font-size: 1.1rem;
        color: rgba(255, 255, 255, 0.5);
        text-decoration: line-through; }
    .RechargeVip-module_rechargeVip_2xTk9 > .RechargeVip-module_header_3COCN > .RechargeVip-module_btn_2lgpF {
      font-size: 1.3rem;
      font-weight: bold;
      height: 2.5rem;
      line-height: 2.5rem;
      width: 5rem;
      text-align: center;
      border-radius: 1.5rem;
      background: linear-gradient(127deg, #fecbaa 0%, #f6ac7c 100%); }
  .RechargeVip-module_rechargeVip_2xTk9 > .RechargeVip-module_body_Sb8as {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.1rem;
    padding-top: 1.3rem; }

.RechargeVip-module_tabs_1yoCq {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem; }
  .RechargeVip-module_tabs_1yoCq > div {
    border: 1px solid #ffd313;
    font-size: 1.2rem;
    background-color: rgba(255, 211, 19, 0.1);
    width: 8rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-radius: 1.5rem;
    margin-right: 1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center; }
    .RechargeVip-module_tabs_1yoCq > div.RechargeVip-module_active_3buSk {
      height: 3.4rem;
      align-items: flex-start;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/recharge/选择@2x.png");
      background-size: 100% 100%;
      background-color: transparent;
      border: none; }
    .RechargeVip-module_tabs_1yoCq > div:last-child {
      margin-right: 0; }
    .RechargeVip-module_tabs_1yoCq > div > .RechargeVip-module_unit_3L-n1 {
      color: #ff2424;
      font-size: 1rem;
      margin-left: 0.35rem; }

@charset "UTF-8";
p[data-v-9861353e] {
  margin: 0;
}
.id-field[data-v-9861353e] {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.modal-note[data-v-9861353e] {
  text-align: center;
  margin-bottom: 1rem;
  padding-top: 1rem;
}
.modal-user-info[data-v-9861353e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding-bottom: 1rem;
}
.modal-user-info > .nickanme[data-v-9861353e] {
    margin-bottom: 0.5rem;
}
.modal-user-info > .avatar[data-v-9861353e] {
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 0.5rem;
}
.recharge-page[data-v-9861353e] {
  background-color: #fafafa;
  min-height: calc(100% - 5rem);
  background-size: 100% 26.5rem;
  background-repeat: no-repeat;
  padding-bottom: 14rem;
}
.recharge-page .first-recharge-field[data-v-9861353e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 123, 82, 0.2);
    font-size: 1.3rem;
    padding: 0.75rem 1.5rem;
    border-radius: 2.25rem;
    margin-bottom: 1rem;
}
.recharge-page .first-recharge-field > .btn[data-v-9861353e] {
      background-color: #ff7b52;
      font-size: 1.4rem;
      color: #fff;
      height: 3rem;
      line-height: 3rem;
      width: 6.5rem;
      text-align: center;
      border-radius: 2.2rem;
}
.recharge-page > .header[data-v-9861353e] {
    background-color: #fff;
    padding: 0 1.5rem;
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}
.recharge-page > .header > .user-info[data-v-9861353e] {
      height: 5.55rem;
      padding: 1rem;
      padding-left: 0.5rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      background: rgba(255, 211, 19, 0.4);
      border: 1px solid #ffd313;
      border-radius: 55.5px;
      margin-bottom: 2rem;
}
.recharge-page > .header > .user-info > input[data-v-9861353e] {
        background-color: transparent;
        flex: 1;
        font-size: 1.4rem;
        padding: 1rem;
        font-weight: bold;
}
.recharge-page > .header > .user-info > .btn[data-v-9861353e] {
        color: #fff;
        background: #dde0e8;
        width: 6.7rem;
        text-align: center;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 0.5rem 0;
        border-radius: 2rem;
}
.recharge-page > .header > .user-info > .btn.enable[data-v-9861353e] {
          background-color: #ffd415;
          color: black;
}
.recharge-page > .header > .user-info > .left[data-v-9861353e] {
        display: flex;
        align-items: center;
}
.recharge-page > .header > .user-info > .left > .avatar[data-v-9861353e] {
          height: 4.8rem;
          width: 4.8rem;
          border-radius: 50%;
          margin-right: 1rem;
}
.recharge-page > .header > .user-info > .left > .nickname[data-v-9861353e] {
          font-size: 1.4rem;
}
.recharge-page > .header > .user-info > .change-btn[data-v-9861353e] {
        color: black;
        background: #fff;
        width: 6.7rem;
        text-align: center;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 0.5rem 0;
        border-radius: 2rem;
}
.recharge-page > .header .diamond-count[data-v-9861353e] {
      text-align: center;
      font-size: 4rem;
      font-weight: bold;
}
.recharge-page > .header .unit[data-v-9861353e] {
      text-align: center;
      font-size: 1.4rem;
      margin-bottom: 2.5rem;
}
.recharge-page > .btn-group[data-v-9861353e] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 1.4rem 1rem;
}
.recharge-page > .btn-group > .fish_coin[data-v-9861353e] {
      font-size: 1.4rem;
      padding-bottom: 1.4rem;
}
.recharge-page > .btn-group > .btn[data-v-9861353e] {
      width: 100%;
      font-size: 1.5rem;
      padding: 1rem;
      background-color: #ffd415;
      border-radius: 10rem;
      text-align: center;
}
.recharge-page > .btn-group > .btn[data-v-9861353e]:active {
        background-color: rgba(255, 212, 21, 0.5);
}
.tab-bar[data-v-9861353e] {
  padding: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-bar > div[data-v-9861353e] {
    font-size: 1.4rem;
    font-weight: bold;
    margin-right: 2.5rem;
    color: #c0bdbd;
}
.tab-bar > div[data-v-9861353e]:last-child {
      margin-right: 0;
}
.tab-bar > div.active[data-v-9861353e] {
      color: black;
}
ul[data-v-9861353e] {
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 10.8rem);
  -moz-column-gap: 1.05rem;
       column-gap: 1.05rem;
  row-gap: 1rem;
}
ul > li[data-v-9861353e] {
    position: relative;
    padding: 1.5rem 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    height: 15rem;
    border-radius: 0.5rem;
    border: 2px solid transparent;
}
ul > li > .extra[data-v-9861353e] {
      position: absolute;
      top: -2px;
      left: -2px;
      content: '首冲加送';
      font-size: 0.9rem;
      color: #fff;
      background-color: #ff7b52;
      padding: 0.2rem 0.5rem;
      border-radius: 0.5rem 0 0.5rem 0;
}
ul > li.active[data-v-9861353e] {
      border: 2px solid #ffd415;
}
ul > li.active[data-v-9861353e]::after {
        content: '';
        position: absolute;
        top: -2px;
        right: -2px;
        height: 2.3rem;
        width: 2.3rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/mine/选择@3x.png");
        background-size: 100% 100%;
}
ul > li.active > .price[data-v-9861353e] {
        background-color: #ffd415;
}
ul > li > .diamond[data-v-9861353e] {
      font-size: 1.5rem;
      font-weight: bold;
}
ul > li > .price[data-v-9861353e] {
      font-size: 1.3rem;
      font-weight: bold;
      width: 7rem;
      padding: 0.4rem 0;
      background-color: rgba(255, 211, 23, 0.1);
      border-radius: 1.5rem;
}
ul > li > img[data-v-9861353e] {
      height: 7rem;
      width: 7rem;
}
.ensure-btn[data-v-9861353e] {
  background-color: #ffd313;
  border-radius: 2.2rem;
  height: 4.4rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 4.4rem;
  margin: 2rem;
}
.payMethodContainer[data-v-9861353e] {
  padding: 0 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 3.5rem;
}
.payMethodContainer .header[data-v-9861353e] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
}
.payMethodContainer .header > .icon[data-v-9861353e] {
      height: 1.7rem;
      width: 1.7rem;
      background-size: 100% 100%;
      margin-right: 1rem;
      background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/recharge/钻石@3x.png");
}
.payMethodContainer .header > .icon.fish[data-v-9861353e] {
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/recharge/大鱼币1@3x.png");
}
.payMethodContainer .header > .price[data-v-9861353e] {
      font-size: 1.4rem;
      font-weight: bold;
}
.payMethodContainer .header > .price > span[data-v-9861353e] {
        margin-right: 2rem;
}
.payMethodContainer .header > .price > span.first[data-v-9861353e] {
          position: relative;
}
.payMethodContainer .header > .price > span.first[data-v-9861353e]::after {
            position: absolute;
            content: '';
            background-color: #c0bdbd;
            height: 1.3rem;
            width: 1px;
            right: -1rem;
            top: 50%;
            transform: translateY(-50%);
}
.payMethodContainer .header > .price > span.second[data-v-9861353e] {
          color: #ff7b52;
}
.payMethodContainer .body[data-v-9861353e] {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 3rem;
}
.payMethodContainer .body > .row[data-v-9861353e] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 2.5rem;
}
.payMethodContainer .body > .row > .left[data-v-9861353e] {
        font-size: 1.4rem;
        display: flex;
        align-items: center;
}
.payMethodContainer .body > .row > .left > .label[data-v-9861353e] {
          background-color: #ff7b52;
          font-size: 1rem;
          color: #fff;
          padding: 0 1rem;
          border-radius: 0.85rem;
          margin-left: 1rem;
}
.payMethodContainer .body > .row > .left > .icon[data-v-9861353e] {
          height: 2.8rem;
          width: 2.8rem;
          margin-right: 1rem;
}
.payMethodContainer .body > .row > .checkbox[data-v-9861353e] {
        height: 1.6rem;
        width: 1.6rem;
        background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/recharge/no_choice@3x.png");
        background-size: 100% 100%;
}
.payMethodContainer .body > .row > .checkbox.selected[data-v-9861353e] {
          background-image: url("https://static.aipiaxi.com/app/web/venus-ssr/assets/recharge/choice@3x.png");
}
.payMethodContainer .btn[data-v-9861353e] {
    background-color: #ffd313;
    border-radius: 2.2rem;
    height: 4.4rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 4.4rem;
}

@charset "UTF-8";
html {
  font-size: calc((100vw / 375) * 10); }

html,
body {
  margin: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }

* {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

a {
  text-decoration: none;
  color: currentColor; }
  a:focus {
    -webkit-tap-highlight-color: unset; }

input {
  border: none;
  -webkit-appearance: none;
  outline: none; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.display-block {
  display: block; }

.marquee-container {
  position: relative;
  flex: 1;
  overflow: hidden;
  height: 2.5rem; }
  .marquee-container .marquee-content {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    /* 宽度 大于容器的两倍即可 */
    -webkit-animation: 5s move infinite linear;
            animation: 5s move infinite linear; }
    .marquee-container .marquee-content > .text {
      display: inline-block;
      padding: 0 0.5rem;
      /* 宽度 等于容器的宽度 */
      width: 50%;
      text-align: center;
      margin-top: 5px;
      white-space: nowrap; }

@-webkit-keyframes move {
  /* 原理 left值的变化 移动一个容器的宽度 */
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }

@keyframes move {
  /* 原理 left值的变化 移动一个容器的宽度 */
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }


/*# sourceMappingURL=main.2b3920c3.css.map*/