body {
  overscroll-behavior-y: contain;
  height: 100vh;
  overflow: auto;
}

body.scroll-lock {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

.main-container {
  width: 100%;
}

.main-container .account-list-container {
  width: 100%;
}

/* 选项卡 start */
.van-tabs .van-tabs__wrap {
  margin-top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.van-tabs .van-tabs__wrap .van-tabs__nav {
  padding: 0;
  width: 100%;
}
#account-article-tabs-wrap .van-tabs__wrap .van-tabs__nav {
  width: 66%;
}
.van-tabs .van-tabs__wrap .van-tab--line {
  width: 100%;
  height: 4rem;
  display: flex;
  border-bottom: 0.2rem solid transparent;
  border: none;
  background-color: transparent;
}

.van-tabs .van-tabs__wrap .van-tab--line .van-tab__text {
  font-size: 1.3rem;
}

.user-container-funtions .lists .operate.van-tab--active {
  background-color: #cbede5;
}

.van-tabs .van-tabs__wrap .van-tab--line.van-tab--active .van-tab__text {
  color: var(--primary-text-color);
  font-size: 1.5rem;
  font-weight: 500;
}
.van-tabs .van-tabs__wrap .van-tab--line.van-tab--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0.2rem;
  width: 2rem;
  background-color: var(--primary-text-color);
}
.van-tabs .van-tabs__content {
  width: 100%;
  /* max-width: var(--default-screen-max-width);
    min-width: var(--default-screen-min-width); */
  padding: 0;
  margin: 0.5rem auto 0;
}
.van-tabs .van-tabs__content #account-tabs-content-pupop-show.van-tab__panel:not(.hidden) {
  /* transition: all 0.5s ease; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  /* overflow-y: auto; */
  background-color: #f5f6fa;
}

#account-tabs-content.van-tabs__content .van-tab__panel .van-nav-bar--fixed {
  position: inherit;
}

#xqbj-rank-list {
  margin: 0;
}

@media (max-width: 768px) {
  #account-tabs-content.van-tabs__content .van-tab__panel > .content {
    margin: var(--van-nav-bar-height) 0 0 0;
    height: calc(100% - var(--van-nav-bar-height));
    overflow-y: auto;
  }

  #account-tabs-content.van-tabs__content .van-tab__panel > .my-tiezi-content .xqbj-list {
    height: calc(100vh - var(--van-nav-bar-height) - 4rem - var(--default-safari-bottom-height, 0px));
    overflow-y: auto;
    margin: 0;
    padding-bottom: 2rem;
  }
  #account-tabs-content.van-tabs__content .van-tab__panel > .content > .xqbj-list {
    height: calc(100vh - var(--van-nav-bar-height) - var(--default-safari-bottom-height, 0px));
    overflow-y: auto;
    margin: 0;
    padding-bottom: 2rem;
  }
  #account-tabs-content.van-tabs__content .my-wallet-panel > .my-wallet-panel-content > .content {
    height: calc(100vh - var(--van-nav-bar-height) - var(--default-safari-bottom-height, 0px));
  }
  #xqbj-rank-list {
    margin: 0 0 2rem 0;
  }

  #account-tabs-content-pupop-show .xqbj-component-pagination-dynamic {
    margin-top: 1.5rem;
  }

  #account-tabs-content-pupop-show .xqbj-component-pagination-dynamic #van-pagination {
    margin-top: 1rem;
  }
}

/* 选项卡 end */

#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-top
  .xqbj-main-top-panel-0113
  .content
  .rank-card
  .top
  .rank-card-content
  .rank-card-content-avatar {
  margin: 0 1rem 0 0.25rem;
}

#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-top
  .xqbj-main-top-panel-0113
  .content
  .rank-card
  .top
  .rank-card-content
  .rank-card-content-content
  .rank-card-content-content-fans
  .item {
  margin: 0;
}

#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-top
  .xqbj-main-top-panel-0113
  .content
  .rank-card
  .top
  .rank-card-content
  .rank-card-content-content
  .rank-card-content-content-fans {
  justify-content: space-between;
}

#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-top
  .xqbj-main-top-panel-0113
  .content
  .rank-card
  .bottom {
  padding: 0 1rem 1rem 1rem;
}

#xqbj-container > .xqbj-main > .xqbj-main-container > .xqbj-main-top {
  margin: 0;
}

#xqbj-container .banner {
  margin: 1rem 0;
}

#xqbj-container .banner .banner-swiper .swiper-slide {
  height: 3.5rem;
  /* height: 8rem; */
}

#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-panel
  > .xqbj-main-left
  > .user-container
  > .user-container-banner
  > .banner {
  border-radius: 0.4rem;
}

#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-panel
  > .xqbj-main-left
  > .user-container
  > .user-container-banner
  > .ad-wrap {
  margin-top: 1rem;
}

#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-panel
  > .xqbj-main-left
  > .user-container
  > .user-container-funtions {
  padding: 0;
}

.user-container-funtions .lists .operate {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  /* border-bottom: solid 0.05rem #00000019; */
  border-bottom: 0.025rem solid rgba(0, 0, 0, 0.05);
  border: none;
}

.user-container-funtions .lists .operate:last-child {
  border-bottom: 0;
}

.user-container-funtions .lists .operate .left {
  display: flex;
  align-items: center;
}

.user-container-funtions .lists .operate .left .img {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  color: var(--primary-text-color);
}

.user-container-funtions .lists .operate .left .img1 {
  /* background-image: url("../../__base/images/user/i1.png");
    background-size: 100% 100%; */
  /* color:var(--primary-text-color); */
}

.user-container-funtions .lists .operate .left .img2 {
  /* background-image: url("../../__base/images/user/i2.png");
    background-size: 100% 100%; */
}

.user-container-funtions .lists .operate .left .img3 {
  /* background-image: url("../../__base/images/user/i3.png");
    background-size: 100% 100%; */
}

.user-container-funtions .lists .operate .left .img4 {
  /* background-image: url("../../__base/images/user/i4.png");
    background-size: 100% 100%; */
}

.user-container-funtions .lists .operate .left .img5 {
  /* background-image: url("../../__base/images/user/i5.png");
    background-size: 100% 100%; */
}

.user-container-funtions .lists .operate .left .img6 {
  /* background-image: url("../../__base/images/user/i6.png");
    background-size: 100% 100%; */
}

.user-container-funtions .lists .operate .left .img7 {
  /* background-image: url("../../__base/images/user/i-wallet.png");
    background-size: 100% 100%; */
}

.user-container-funtions .lists .operate .left .name {
  font-size: 1.4rem;
  color: var(--nav-title-color);
}

.user-container-funtions .lists .operate .right {
  display: flex;
  align-items: center;
}

.user-container-funtions .lists .operate .right .msg {
  font-size: 1rem;
  color: var(--original-grey);
}

.user-container-funtions .lists .operate .right .i-go {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../../__base/images/user/i-go.png");
  background-size: 100% 100%;
}

/* 我的信息 start */
.userinfo {
}

.userinfo .cont {
  padding: 1rem;
  background-color: #f5f6fa;
}

.userinfo .cont .line {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 0.05rem;
  /* background-color: #00000019; */
  background-color: rgba(0, 0, 0, 0.1);
}

.userinfo .cont .p1 {
}

.userinfo .cont .p1 .wrap {
  position: relative;
  /* display: flex; */
}

.userinfo .cont .p1 .name {
  margin-bottom: 1rem;
  /* height: 3rem; */
  /* line-height: 3rem; */
  font-size: 1.5rem;
  color: #222222cc;
  font-weight: 500;
}

.userinfo .cont .p1 .signature {
  margin-right: 0;
}

.userinfo .cont .p1 .inp {
  /* height: 3.8rem; */
  font-size: 1.4rem;
  color: var(--detail-color);
  /* width: 100%; */
  flex: 1;
  padding: 0.9rem;
  outline: none;
  border: 0px;
  border-radius: 0.4rem;
  background-color: #fff;
}

.userinfo .cont .p1 .inp::placeholder {
  color: var(--original-grey);
}

.userinfo .cont .p1 #wordsLength {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 1rem;
  color: var(--primary-text-color);
}

.userinfo .cont .p1 .text {
  padding: 1rem;
  width: 100%;
  height: 11.5rem;
  font-size: 1.4rem;
  color: var(--detail-color);
  border: 0px;
  border-radius: 0.4rem;
  background-color: #fff;
  box-sizing: border-box;
}

.userinfo .cont .p1 .text::placeholder {
  color: var(--original-grey);
}

.userinfo .cont .p1 .tip {
  margin-top: 1rem;
  /* margin-left: 3.8rem; */
  font-size: 1rem;
  color: var(--tip-color);
}

.userinfo .cont .p2 {
  margin: 2.5rem auto 0;
  width: 21.5rem;
  height: 3.9rem;
  line-height: 3.9rem;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  border-radius: 0.4rem;
  background-color: var(--primary-text-color);
  cursor: pointer;
  border: none;
  display: block;  
}

/* 我的信息 end */

/* #xqbj-rank-list{
    padding-bottom: 5rem;
} */
/* 订阅 start */
#xqbj-rank-list .content {
  padding: 1rem;
}

#xqbj-rank-list .content .rank-card .top .rank-card-icon {
  display: none;
}

#xqbj-rank-list .content .rank-card .top .rank-card-content {
  position: relative;
  width: 100%;
}
#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-avatar {
  margin: 0 0.7rem 0 1rem;
}

#xqbj-rank-list .content .rank-card .bottom .describe {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

#xqbj-rank-list .content .rank-card .bottom .describe {
  max-width: none;
}

#xqbj-rank-list .content {
  display: block;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

#xqbj-rank-list .content .rank-card {
  margin: 0.5rem 0 0 0;
  border-radius: 0.2rem;
}

#xqbj-rank-list .content .rank-card .top {
  margin: 0;
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-avatar {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
}
#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-name {
  width: 50%;
  font-size: 1.25rem;
  margin-bottom: 0;
}

#xqbj-rank-list
  .content
  .rank-card
  .top
  .rank-card-content
  .rank-card-content-content
  .rank-card-content-content-fans
  .item
  span {
  font-size: 1.1rem;
}

#xqbj-rank-list
  .content
  .rank-card
  .top
  .rank-card-content
  .rank-card-content-content
  .rank-card-content-content-fans
  .item {
  font-size: 1.1rem;
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content {
  position: relative;
  flex: 1;
  line-height: normal;
  justify-content: center;
}
#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow {
  position: absolute;
  top: 0;
  right: 0;
}
#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button {
  width: 5.15rem;
  height: 2.2rem;
  font-size: 1rem;
}
#xqbj-rank-list .content .rank-card .bottom {
  font-size: 1.2rem;
  position: relative;
  padding: 0 1rem 1rem 1rem;
  margin: 0;
}
.xqbj-icon-unsubscription,
.xqbj-icon-subscription {
  width: 0.9rem;
  height: 0.9rem;
}

/* 订阅 end */

#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-top
  .xqbj-main-top-panel-0113
  .content
  .rank-card
  .top
  .rank-card-content
  .rank-card-content-avatar {
  flex-shrink: 0;
}

.xqbj-list .xqbj-list-rows {
  padding-top: 1rem;
}

.is-mobile {
  display: block !important;
}

.is-desktop {
  display: none !important;
}

/* 常见问题 */
.xqbj-component-account-question {
  margin-top: 0;
  height: max-content;
  margin-bottom: 1rem;
}

.xqbj-component-account-question .qa-container {
  width: auto;
  background: #fff;
  margin: 1rem 1rem 0 1rem;
  border-radius: 0.4rem;
  padding: 0 1.4rem;
}

.xqbj-component-account-question .qa-container .card {
  padding: 1rem 0;
}

.xqbj-component-account-question .qa-container .card:not(:last-child) {
  border-bottom: 0.08rem solid rgb(0 0 0 / 10%);
}

.xqbj-component-account-question .qa-container .question {
  color: var(--primary-text-color);
  font-size: 1.4rem;
}

.xqbj-component-account-question .qa-container .answer {
  font-size: 1.4rem;
  color: var(--detail-color);
  margin-top: 1rem;
}

#xqbj-rank-list .content .rank-card .bottom::after {
  content: "";
  width: calc(100% - 1.75rem);
  position: absolute;
  left: 0.85rem;
  bottom: 0rem;
  height: 0.05rem;
  background-color: #00000019;
}
#xqbj-container
  > .xqbj-main
  > .xqbj-main-container
  > .xqbj-main-top
  .xqbj-main-top-panel-0113
  .content
  .rank-card
  .top
  .rank-card-content
  .rank-card-content-content
  .rank-card-content-content-name
  > .level-badge {
  display: none;
}

@media (max-width: 959px) {
  #xqbj-rank-list .artwork {
    padding: 1rem;
    background-color: #fff;
  }
  #xqbj-rank-list .artwork .list {
    display: grid;
    grid-template-columns: repeat(3, minmax(30%, 1fr));
    column-gap: 1rem;
  }
  #xqbj-rank-list .artwork .item {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  #xqbj-rank-list .artwork .htop {
    font-size: 1rem;
    color: var(--detail-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    padding-top: 0.5rem;
  }

  #xqbj-rank-list .artwork .img {
    width: 100%;
    height: 8.6rem;
  }

  #xqbj-rank-list .artwork .img img {
    border-radius: 0.4rem;
    aspect-ratio: 1;
  }
}
.van-tabs__nav {
  display: flex;
  justify-content: center;
}
@media (min-width: 960px) {
  body.scroll-lock {
    overflow: auto;
    position: inherit;
    width: 100%;
    height: 100%;
  }
  #xqbj-container
    > .xqbj-main
    > .xqbj-main-container
    > .xqbj-main-top
    .xqbj-main-top-panel-0113
    .content
    .rank-card
    .top
    .rank-card-content
    .rank-card-content-content
    .rank-card-content-content-name
    > .level-badge {
    display: inline-block;
    width: 1.35rem;
    height: 0.8rem;
    margin-left: 1rem;
  }
  /* 常见问题 */
  .xqbj-component-account-question .qa-container {
    margin: 0;
    padding: 0 1rem;
  }

  .xqbj-component-account-question .qa-container .card {
    padding: 1rem 0;
  }

  .xqbj-component-account-question .qa-container .question {
    font-size: 0.8rem;
  }

  .xqbj-component-account-question .qa-container .answer {
    font-size: 0.8rem;
    margin-top: 0.5rem;
  }

  #xqbj-container .banner {
    margin: 0.5rem 0;
  }

  .is-mobile {
    display: none !important;
  }

  .is-desktop {
    display: block !important;
  }

  .xqbj-list .xqbj-list-rows {
    padding-top: 0;
  }

  /* 选项卡 start */
  .main-container .account-list-container .title {
    font-size: 1.2rem;
    padding: 1rem 0;
  }

  /* 选项卡 end */
  .van-tabs .van-tabs__wrap {
    margin-top: 0.5rem;
    border-bottom: solid 0.05rem rgba(0, 0, 0, 0.1);
  }

  .van-tabs .van-tabs__wrap .van-tab--line {
    width: 7rem;
    height: 3rem;
  }

  .van-tabs .van-tabs__wrap .van-tab--line .van-tab__text {
    font-size: 0.9rem;
  }
  .van-tabs .van-tabs__wrap .van-tab--line.van-tab--active .van-tab__text {
    color: var(--primary-text-color);
    font-weight: 500;
    font-size: 1rem;
  }
  .van-tabs .van-tabs__wrap .van-tab--line.van-tab {
    flex: none;
  }

  .van-tabs .van-tabs__content {
    width: 100%;
    /* max-width: var(--default-screen-max-width);
        min-width: var(--default-screen-min-width); */
    padding: 0;
    margin: 0 auto;
  }

  .van-tabs .van-tabs__content #account-tabs-content-pupop-show.van-tab__panel:not(.hidden) {
    /* transition: all 0.5s ease; */
    position: initial;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    z-index: inherit;
    overflow-y: inherit;
    background-color: inherit;
  }

  /* 头部 end */

  .userinfo {
  }

  .userinfo .cont {
    margin-top: 0.55rem;
    padding: 1rem;
    background-color: #fff;
  }

  .userinfo .cont .line {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    height: 0.05rem;
    background-color: #00000019;
  }

  .userinfo .cont .p1 {
  }

  .userinfo .cont .p1 .wrap {
    position: relative;
    display: flex;
  }

  .userinfo .cont .p1 .name {
    /* margin-right: 1rem; */
    width: 4rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 0.9rem;
    color: #222222cc;
    margin-bottom: 0;
  }

  .userinfo .cont .p1 .signature {
    /* margin-right: 1.9rem; */
  }

  .userinfo .cont .p1 .inp {
    height: 3rem;
    font-size: 0.8rem;
    color: var(--detail-color);
    /* width: 19.5rem; */
    padding: 0.9rem;
    outline: none;
    border: 0px;
    border-radius: 0.4rem;
    background-color: #f5f6fa;
  }

  .userinfo .cont .p1 .inp::placeholder {
    color: var(--original-grey);
  }

  .userinfo .cont .p1 #wordsLength {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    font-size: 0.8rem;
    color: var(--primary-text-color);
  }

  .userinfo .cont .p1 .text {
    padding: 0.9rem;
    width: calc(100% - 4rem);
    height: 8.8rem;
    font-size: 0.8rem;
    color: var(--detail-color);
    border: 0px;
    border-radius: 0.4rem;
    background-color: #f5f6fa;
  }

  .userinfo .cont .p1 .text::placeholder {
    color: var(--original-grey);
  }

  .userinfo .cont .p1 .tip {
    margin-top: 0.5rem;
    margin-left: 4rem;
    font-size: 0.8rem;
    color: var(--tip-color);
  }

  .userinfo .cont .p2 {
    margin: 2.5rem auto 0;
    width: 15.1rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 0.9rem;
    color: #fff;
    border-radius: 0.4rem;
    background-color: var(--primary-text-color);
    cursor: pointer;
  }

  #account-tabs-content.van-tabs__content .van-tab__panel > .content {
    margin: 0;
  }

  .xqbj-list .meritvideo-list .xqbj-list-rows {
    margin: 0 0 0.6rem 0;
  }

  /* 选项卡 end */
  #xqbj-container
    > .xqbj-main
    > .xqbj-main-container
    > .xqbj-main-top
    .xqbj-main-top-panel-0113
    .content
    .rank-card
    .top
    .rank-card-content
    .rank-card-content-content
    .rank-card-content-content-fans {
    justify-content: flex-start;
  }

  #xqbj-container
    > .xqbj-main
    > .xqbj-main-container
    > .xqbj-main-top
    .xqbj-main-top-panel-0113
    .content
    .rank-card
    .top
    .rank-card-content
    .rank-card-content-content
    .rank-card-content-content-fans
    .item {
    margin-right: 1.5rem;
  }

  .xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-left {
    margin-right: 0.8rem;
  }

  /*  */
  /* #xqbj-container .banner .banner-swiper .swiper-slide {
        height: 4.0rem;
    } */

  .user-container-funtions .lists .operate .left .name {
    font-size: 0.8rem;
    color: var(--nav-title-color);
  }

  .user-container-funtions .lists .operate .right .msg {
    font-size: 0.8rem;
    color: var(--original-grey);
  }

  .user-container-funtions .lists .operate .left .img {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.3rem;
  }

  .user-container-funtions .lists .operate .right .i-go {
    /* display: none; */
    width: 0.7rem;
    height: 0.7rem;
  }

  .user-container-funtions .lists .operate .right .msg {
    display: none;
  }

  /* 我的信息 start */
  #xqbj-rank-tabs .van-tabs--card > .van-tabs__content {
    /* height: calc(100% - var(--van-nav-bar-height) - 6.0rem - 6.0rem); */
    height: 32rem;
  }

  #xqbj-rank-list .content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin: 0 -1.5rem 0 0;
    padding: 0;
  }

  #xqbj-rank-list .content .rank-card {
    border-radius: 0.2rem;
  }

  #xqbj-rank-list .content .rank-card:nth-child(even) {
    margin: 0.5rem 0 0 0;
  }

  #xqbj-rank-list .content .rank-card .top {
    padding: 0.5rem 0;
    /* margin: 0.5rem 0.5rem 0 0; */
    margin: 0;
  }

  #xqbj-rank-list .content .rank-card .bottom {
    font-size: 0.8rem;
    padding: 0 0.85rem 1rem 0.85rem;
    /* margin: 0 0.5rem 0 0; */
    margin: 0;
    position: relative;
  }

  #xqbj-rank-list .content .rank-card .bottom .describe {
    max-width: 100%;
    padding: 1rem 0 0 0;
    text-overflow: ellipsis;
  }

  #xqbj-rank-list .content .rank-card .top .rank-card-icon {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0 1rem;
    font-size: 0.75rem;
  }

  #xqbj-rank-list .content .rank-card .top .rank-card-content {
    width: calc(100% - 0.3rem - 0.25rem);
    display: flex;
  }

  #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-avatar {
    width: 3rem;
    height: 3rem;
    margin: 0 0.7rem 0 0.25rem;
  }

  #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content {
    width: calc(100% - 3rem - 0.25rem - 6rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow {
    width: 4.8rem;
    font-size: 0.8rem;
    padding: 0 0 0 0;
  }

  #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button {
    width: 4rem;
    height: 1.4rem;
  }

  #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button .xicon {
    margin: 0 0 0 0.25rem;
  }

  #xqbj-rank-list
    .content
    .rank-card
    .top
    .rank-card-content
    .rank-card-content-content
    .rank-card-content-content-name {
    width: 60%;
    font-size: 0.8rem;
  }

  #xqbj-rank-list
    .content
    .rank-card
    .top
    .rank-card-content
    .rank-card-content-content
    .rank-card-content-content-fans {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  #xqbj-rank-list
    .content
    .rank-card
    .top
    .rank-card-content
    .rank-card-content-content
    .rank-card-content-content-fans
    .item {
    font-size: 0.7rem;
    margin: 0 1.5rem 0 0;
  }

  #xqbj-rank-list
    .content
    .rank-card
    .top
    .rank-card-content
    .rank-card-content-content
    .rank-card-content-content-fans
    .item
    span {
    font-size: 0.7rem;
    margin: 0 0.15rem 0 0;
  }

  #xqbj-rank-list .xqbj-icon-unsubscription,
  .xqbj-icon-subscription {
    width: 0.7rem;
    height: 0.7rem;
  }

  #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button {
    width: 4.2rem;
    height: 1.8rem;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.8rem;
  }

  /*  */

  /*  */
  #xqbj-rank-tabs {
    position: relative;
    margin: 0 0 0 0.5rem;
    height: 100%;
  }

  #xqbj-rank-tabs.sticky {
    position: fixed;
    top: 6rem;
  }

  #xqbj-rank-tabs .rank-title {
    display: none;
  }

  #xqbj-rank-tabs .rank-content {
    margin-top: 0.5rem;
  }

  #xqbj-rank-list .no-artwork-container {
    display: flex;
    padding: 1rem 1rem 1rem 0.85rem;
    align-items: center;
    background: #ffffff;
    color: var(--original-grey);
    font-size: 0.85rem;
  }

  #xqbj-rank-list .artwork {
    display: flex;
    padding: 1rem 1rem 1rem 0.85rem;
    align-items: center;
    background: #ffffff;
  }

  #xqbj-rank-list .artwork .htitle {
    margin-right: 0.5rem;
    width: 1rem;
    flex-shrink: 0;
    font-size: 0.9rem;
    color: #000;
    font-weight: bold;
    line-height: 1.1;
  }

  #xqbj-rank-list .artwork .htitle span {
    color: var(--original-blue);
  }

  #xqbj-rank-list .artwork .item {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-right: 0.5rem;
  }

  #xqbj-rank-list .artwork .img {
    margin-right: 0.5rem;
    width: 6rem;
    height: 6rem;
    border-radius: 0.4rem;
    flex-shrink: 0;
  }

  #xqbj-rank-list .artwork .img img {
    border-radius: 0.4rem;
  }

  #xqbj-rank-list .artwork .htop {
    font-size: 0.85rem;
    color: var(--detail-color);
    max-width: 100%;
    margin-bottom: 1.25rem;
    height: 3.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #xqbj-rank-list .artwork .hbotm {
    display: flex;
    align-items: center;
    line-height: 1;
  }

  #xqbj-rank-list .artwork .xqbj-icon-time {
    margin-right: 0.3rem;
  }

  #xqbj-rank-list .artwork .time {
    color: var(--original-text-color);
    font-size: 0.7rem;
  }

  .xqbj-component-account-question {
    margin-top: 0.5rem;
  }

  #xqbj-container
    > .xqbj-main
    > .xqbj-main-container
    > .xqbj-main-panel
    > .xqbj-main-left
    > .user-container
    > .user-container-funtions
    > .lists {
    padding: 0 0.5rem 0 1rem;
  }
}

/* 问题反馈 start */
.xqbj-component-account-feedback {
  padding: 1rem;
}

.xqbj-component-account-feedback .feedback-container {
  width: auto;
  background: #f5f6fa;
  margin-top: 0;
  border-radius: 0.4rem;
  padding: 0;
}

.xqbj-component-account-feedback .feedback-container .desc-content {
  position: relative;
  padding: 0 0 0.4rem 0;
  border-bottom: 0.08rem solid #00000019;
}

.xqbj-component-account-feedback .feedback-container .text-title {
  font-size: 0.9rem;
  color: rgba(34, 34, 34, 0.8);
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.xqbj-component-account-feedback .feedback-container .upload-content {
  padding-top: 1rem;
}

textarea#feedback-textarea {
  resize: none;
  min-height: 14rem;
  font-size: 1.4rem;
  background-color: #ffffff;
  /* color: var(--detail-color); */
  color: var(--original-grey);
}

#feedback-textarea::placeholder {
  color: var(--original-grey);
  font-weight: normal;
}

.xqbj-component-account-feedback .feedback-container .limit-count {
  position: absolute;
  /* right: 0.5rem;
    bottom: 1.2rem;
    font-size: 1.2rem; */
  right: 0.5rem;
  bottom: 1.2rem;
  font-size: 1rem;
  color: var(--primary-text-color);
}

.xqbj-component-account-feedback .xqbj-component-upload .van-uploader .upload-container {
  overflow: hidden;
  position: relative;
  width: 15rem;
  height: 8.25rem;
  background-image: repeating-linear-gradient(
    42deg,
    var(--primary-text-color) 0,
    var(--primary-text-color) 0.25rem,
    transparent 0.25rem,
    transparent 0.375rem
  );
  border-radius: 0.5rem;
}

.xqbj-component-account-feedback .feedback-container .upload-box {
  /* width: 15rem;
    height: 8.25rem;
    background-color: rgba(19, 134, 255, 0.05);
    border: 0.075rem dashed var(--primary-text-color);
    border-radius: 0.3rem;
    position: relative; */
  /* background-color: rgba(var(--original-blue-rgb), 0.05); */
  background-color: #ebf5f3;
  border-radius: 0.5rem;
  position: absolute;
  inset: 0.075rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  color: var(--primary-text-color);
}

.xqbj-component-account-feedback .feedback-container .submit-btn {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  background-color: var(--primary-text-color);
  width: 21.5rem;
  margin: 0 auto;
  border-radius: 0.4rem;
  margin-top: 2.5rem;
  height: 3.9rem;
  line-height: 3.9rem;
  border: none;
  display: block;
}

.xqbj-component-account-feedback .feedback-container .upload-container {
  /* display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem; */
}

.xqbj-component-account-feedback .feedback-container .image-box {
  width: 15rem;
  height: 8.25rem;
  border: 1px dashed var(--primary-text-color);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}

.xqbj-component-account-feedback .feedback-container .image-box .close-btn {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  cursor: pointer;
  background-image: url(../../__base/images/icon-login-close.png);
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}

.xqbj-component-account-feedback .feedback-container .upload-box .img {
  width: 3.75rem;
  height: 3.75rem;
}

.xqbj-component-account-feedback .feedback-container #fileInput {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
  padding: 1rem;
  border: 0.01rem solid #e9e9e9;
  width: 100%;
  border-radius: 0.2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.xqbj-component-account-feedback .van-uploader .van-uploader__preview .van-uploader__preview-image {
  width: 8.3rem;
  height: 8.3rem;
}

@media (min-width: 960px) {
  .xqbj-component-account-feedback {
    padding: 0;
    margin-top: 0.5rem;
  }

  .xqbj-component-account-feedback .feedback-container {
    padding: 0 1rem 2.5rem 1rem;
    background-color: #ffffff;
  }

  .xqbj-component-account-feedback .feedback-container .desc-content {
    padding: 1rem 0 0.4rem 0;
  }

  .xqbj-component-account-feedback .feedback-container .text-title {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }

  .xqbj-component-account-feedback .feedback-container .upload-content {
    padding-top: 1rem;
  }

  textarea#feedback-textarea {
    resize: none;
    min-height: 9rem;
    font-size: 0.8rem;
    background-color: #f5f6fa;
  }

  .xqbj-component-account-feedback .feedback-container .limit-count {
    right: 1rem;
    bottom: 2rem;
    font-size: 0.8rem;
  }

  .xqbj-component-account-feedback .xqbj-component-upload .van-uploader .upload-container {
    width: 10rem;
    height: 5.5rem;
  }

  .xqbj-component-account-feedback .feedback-container .upload-box {
    /* width: 10rem;
        height: 5.5rem; */
    font-size: 0.7rem;
    inset: 0.1rem;
  }

  .xqbj-component-account-feedback .feedback-container .submit-btn {
    width: 15rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.4rem;
    margin: 0 auto;
    margin-top: 2.5rem;
    font-size: 0.9rem;
  }

  .xqbj-component-account-feedback .feedback-container .upload-box .img {
    width: 2.5rem;
    height: 2.5rem;
  }

  .xqbj-component-account-feedback .feedback-container .upload-container {
    /* grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem; */
  }

  .xqbj-component-account-feedback .feedback-container .image-box {
    width: 10rem;
    height: 5.5rem;
  }

  .xqbj-component-account-feedback .feedback-container .image-box .close-btn {
    width: 1rem;
    height: 1rem;
  }

  .xqbj-component-account-feedback .van-uploader .van-uploader__preview .van-uploader__preview-image {
    width: 5.5rem;
    height: 5.5rem;
  }
}

/* 问题反馈 end */

/* 订阅 start */
@media (max-width: 768px) {
  .my-wallet-panel-content > .content {
    max-height: calc(100vh - var(--van-nav-bar-height));
    overflow-y: auto;
  }
}
.xqbj-component-account-mywallet .wallet-top .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.7rem;
}

.xqbj-component-account-mywallet .wallet-top .flex-box .withdraw-btn {
  color: var(--list-text-color);
  background-color: #fff;
  border-color: transparent;
  width: 6.5rem;
  height: 2.8rem;
  border-radius: 1.8rem;
  font-weight: 500;
}

.xqbj-component-account-mywallet .wallet-top {
  background-image: url("../../__base/images/wallet-header-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 1rem 1rem 0.5rem;
  color: #fff;
  font-size: 1.4rem;
}

.xqbj-component-account-mywallet .wallet-top span {
  color: rgba(255, 255, 255, 0.6);
}

.xqbj-component-account-mywallet .wallet-top .flex-box span {
  font-size: 1.2rem;
}

.xqbj-component-account-mywallet .wallet-top .flex-box span.count {
  color: #fff;
  font-weight: 500;
  font-size: 3rem;
  margin-left: 1rem;
  line-height: 2.1rem;
}

.xqbj-component-account-mywallet .icon-question {
  width: 1.7rem;
  height: 1.7rem;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.xqbj-component-account-mywallet #vip-line {
  margin: 2rem 0 0.8rem;
  height: 0.4rem;
}

.xqbj-component-account-mywallet #vip-line .van-progress__portion {
  background: #ff8800;
  border-radius: 0.2rem;
  height: 0.4rem;
}

.xqbj-component-account-mywallet #vip-line .van-progress__pivot {
  color: #fff;
  font-weight: 500;
  background: #ff8800;
  font-size: 1rem;
  height: 1.8rem;
  padding: 0 0.8rem;
  line-height: 1.8rem;
}

.xqbj-component-account-mywallet #vip-line .van-progress__pivot::after {
  content: "";
  position: absolute;
  right: -0.35rem;
  top: 0;
  width: 0;
  height: 0;
  border-top: 0.9rem solid transparent;
  border-bottom: 0.9rem solid transparent;
  border-left: 0.9rem solid #ff8800;
}

.xqbj-component-account-mywallet .payment-box {
  background-color: transparent;
  padding: 1rem 1rem 1rem 0.85rem;
}

.xqbj-component-account-mywallet .payment-box .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin: 0 0 1rem; */
}

.xqbj-component-account-mywallet .wallet-top .flex-box:not(:first-child) {
  margin-top: 1.5rem;
}

.xqbj-component-account-mywallet .payment-box .cato {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--nav-title-color);
  margin: 1rem 0;
}

.xqbj-component-account-mywallet .payment-box .history-btn {
  color: var(--list-text-color);
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}

.payment-amount-grid-ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 9.4rem));
  list-style: none !important;
  justify-content: center;
  gap: 0.85rem 0.9rem;
  /* margin-top: 1rem; */
}

.payment-amount-grid-ul li {
  background-color: rgba(var(--original-blue-rgb), 0.1);
  color: var(--list-text-color);
  font-size: 1.5rem;
  width: 9.4rem;
  height: 6rem;
  border-radius: 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.payment-amount-grid-ul li.active {
  border-color: var(--primary-text-color);
  border: solid 0.15rem var(--primary-text-color);
}

.payment-amount-grid-ul li > span {
  color: #ff8800;
  font-size: 1.4rem;
}

.payment-method-ul {
  list-style: none !important;
  margin: 0 auto;
  margin: 0.75rem auto;
  width: 30rem;
  height: auto;
  border-radius: 1rem;
  padding: 0.7rem 1.5rem 0.7rem 1.5rem;
  background-color: rgba(var(--original-blue-rgb), 0.05);
  border: 0.05rem solid rgba(0, 0, 0, 0.1);
  font-size: 1.6rem;
}

.payment-method-ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  height: 33%;
}

.payment-method-ul li:not(:last-child) {
  border-bottom: solid 0.05rem rgba(0, 0, 0, 0.1);
}

.payment-method-ul li .method {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.payment-method-ul li .img1 {
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.6rem;
}

.payment-method-ul li .radio-btn {
  width: 1.6rem;
  height: 1.6rem;
}

.payment-method-ul li .radio-btn img {
  transition: all 0.2s ease;
}

.payment-method-ul li.active .radio-btn img {
  content: url("../../__base/images/icon-radio-selected.png");
}

.payment-method-ul li:not(.active) .radio-btn img {
  content: url("../../__base/images/icon-radio-default.png");
}

.xqbj-component-account-mywallet .payment-btn {
  margin: 2.5rem auto;
  width: 100%;
  height: 3.9rem;
  background-color: var(--primary-text-color);
  color: #fff;
  text-align: center;
  line-height: 3.9rem;
  font-weight: 500;
  border-radius: 0.5rem;
  cursor: pointer;
}

@media (min-width: 960px) {
  .xqbj-component-account-mywallet {
    font-size: 0.8rem;
    margin-top: 0.5rem;
  }

  .xqbj-component-account-mywallet .wallet-top {
    border-radius: 0.25rem;
  }

  .xqbj-component-account-mywallet .wallet-top .flex-box span {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }

  .xqbj-component-account-mywallet .wallet-top .flex-box .withdraw-btn {
    height: 1.6rem;
    width: 3.6rem;
    border-radius: 0.9rem;
    font-size: 0.8rem;
    line-height: 0.8rem;
  }

  .xqbj-component-account-mywallet .icon-question {
    width: 0.85rem;
    height: 0.85rem;
    margin-left: 0.25rem;
    vertical-align: text-bottom;
  }

  .xqbj-component-account-mywallet #vip-line {
    margin: 0.5rem 0;
    height: 0.2rem;
  }

  .xqbj-component-account-mywallet .wallet-top .flex-box span.count {
    font-size: 1.5rem;
    margin-left: 0.3rem;
  }

  .xqbj-component-account-mywallet #vip-line .van-progress__portion {
    height: 0.2rem;
  }

  .xqbj-component-account-mywallet #vip-line .van-progress__pivot {
    font-size: 0.5rem;
    height: 0.9rem;
    line-height: 0.9rem;
  }

  .xqbj-component-account-mywallet #vip-line .van-progress__pivot::after {
    display: none;
  }

  .xqbj-component-account-mywallet .payment-box {
    padding: 1.1rem 1rem 1.75rem;
    margin-top: 0.5rem;
    background-color: #fff;
  }

  .xqbj-component-account-mywallet .wallet-top .flex-box:not(:first-child) {
    margin-top: 0.25rem;
  }

  .xqbj-component-account-mywallet .payment-box .cato {
    font-size: 0.8rem;
    margin: 0;
  }

  .xqbj-component-account-mywallet .payment-box .flex-box {
    margin: 0;
  }

  .payment-amount-grid-ul {
    gap: 0.5rem 2.5rem;
    grid-template-columns: repeat(3, minmax(0, 5.5rem));
    margin: 0.75rem 0;
  }

  .payment-amount-grid-ul li {
    font-size: 0.9rem;
    width: 5.5rem;
    height: 3.5rem;
    border-radius: 0.4rem;
  }

  .payment-amount-grid-ul li.active {
    border: solid 0.075rem var(--primary-text-color);
  }

  .payment-amount-grid-ul li > span {
    color: #ff8800;
    font-size: 0.8rem;
  }

  .payment-method-ul {
    margin: 0.75rem auto;
    width: 22rem;
    height: auto;
    border-radius: 0.5rem;
    padding: 0.35rem 1rem;
    /* background-color: rgba(50, 118, 255, 0.05); */
    border: 0.05rem solid rgba(0, 0, 0, 0.1);
    font-size: 0.8rem;
  }

  .payment-method-ul li {
    height: 33%;
  }

  /* .payment-method-ul li:not(:last-child) {
        border-bottom: solid 0.05rem rgba(0, 0, 0, 0.1);
    } */

  .payment-method-ul li .method {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .payment-method-ul li .img1 {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 0.8rem;
  }

  .payment-method-ul li .radio-btn {
    width: 0.8rem;
    height: 0.8rem;
  }

  .xqbj-component-account-mywallet .payment-btn {
    font-size: 0.9rem;
    border-radius: 0.3rem;
    margin: 0 auto;
    width: 15rem;
    height: 3rem;
    line-height: 3rem;
    margin-top: 1.5rem;
  }
}
/* 我的信息 end */

/* 头部 start */
.level-desc-container {
  background-color: #f5f6fa;
  height: 100%;
  padding: 1rem;
}

.level-desc-container .top {
  text-align: left;
  font-size: 1.6rem;
  color: var(--detail-color);
  font-weight: 500;
}

.level-desc-container .level-table {
  max-width: 30rem;
  margin: 0 auto 1rem;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.level-desc-container .level-table table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  text-align: center;
  border: 0.08rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;
}

.level-desc-container .level-table th,
.level-desc-container .level-table td {
  padding: 0 0.5rem;
  border-bottom: 1px solid #f0f0f0;
  font-size: 1.12rem;
  height: 6rem;
  word-break: break-all;
  text-wrap: wrap;
}

.level-desc-container .level-table tr:nth-child(even) {
  /* background-color: rgba(50, 118, 255, 0.05); */
  background-color: rgba(var(--original-blue-rgb), 0.05);
}

.level-desc-container .level-table thead {
  /* background-color: rgba(50, 118, 255, 0.05); */
  background-color: rgba(var(--original-blue-rgb), 0.05);
  color: var(--primary-text-color);
}

.level-desc-container .level-table th:nth-child(2) {
  color: var(--primary-text-color);
}

.level-desc-container .level-table tr:last-child td {
  border-bottom: none;
}

.level-desc-container tbody tr td:last-child {
  max-width: 15rem;
}

.level-desc-container tbody tr td:not(:last-child),
.level-desc-container thead th:not(:last-child) {
  border-right: 0.08rem solid rgba(0, 0, 0, 0.1);
}

.level-desc-container .level-table thead th {
  text-align: center;
  font-size: 1.2rem;
}

.level-desc-container .detail-desc {
  color: var(--nav-title-color);
  font-size: 1.2rem;
  margin: 1rem 0;
}
td.review,
td.reduce {
  color: #ff8800;
}
td.success {
  color: #1abb9b;
}
td.failure {
  color: var(--tip-color);
}
td.add {
  color: var(--primary-text-color);
}
.van-nav-bar__left.back-btn .img {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 960px) {
  .level-desc-container {
    height: max-content;
    background-color: #ffffff;
  }

  .level-desc-container .top {
    text-align: center;
    font-size: 0.8rem;
    color: var(--detail-color);
    font-weight: 500;
  }

  .level-desc-container .back-btn {
    position: absolute;
    left: 1rem;
    top: 1rem;
    color: var(--list-text-color);
    text-decoration: underline;
    display: flex;
    cursor: pointer;
  }

  .level-desc-container .level-table {
    max-width: 27rem;
    margin: 1.5rem auto;
    border-radius: 0.5rem;
    box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.05);
  }

  .level-desc-container .level-table td,
  .level-desc-container .level-table th {
    height: 2.5rem;
  }

  .level-desc-container .level-table table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    text-align: center;
    border: 0.05rem solid rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
  }

  .level-desc-container .level-table th,
  .level-desc-container .level-table td {
    padding: 0 0.75rem;
    border: 0.05rem solid rgba(50, 118, 255, 0.05);
    font-size: 0.7rem;
  }

  .level-desc-container .level-table th {
    font-size: 0.8rem;
  }

  .level-desc-container tbody tr td:last-child {
    max-width: 12.8rem;
  }

  .level-desc-container tbody tr td:not(:last-child),
  .level-desc-container .level-table thead th:not(:last-child) {
    border-right: 0.05rem solid rgba(0, 0, 0, 0.1);
  }

  .level-desc-container .level-table thead th {
    font-size: 0.8rem;
  }

  .level-desc-container .back-btn {
    position: absolute;
    left: 1rem;
    top: 1rem;
    color: var(--list-text-color);
    text-decoration: underline;
    display: flex;
    cursor: pointer;
    align-items: center;
  }
}

/* 订阅 end */

/* 卡片 start */
.xqbj-component-account-withdraw-history tr th:nth-child(2),
.xqbj-component-account-withdraw-history tr td:nth-child(2),
.xqbj-component-account-withdraw-history tr th:nth-child(3),
.xqbj-component-account-withdraw-history tr td:nth-child(3) {
  max-width: 6.75rem;
  width: 5.75rem;
}
@media (min-width: 960px) {
  .xqbj-component-account-withdraw-history tr th:first-child,
  .xqbj-component-account-withdraw-history tr td:first-child {
    max-width: 9rem;
    width: 8.5rem;
  }
  .xqbj-component-account-withdraw-history {
    background-color: #fff;
  }
}
/* 头部 end */

/* 我的钱包 start */
.xqbj-component-account-scan-payment {
  background: #fff;
  padding: 1rem;
  line-height: 1;
  min-height: 33.5rem;
}

.xqbj-component-account-scan-payment p {
  margin: 0;
}

.xqbj-component-account-scan-payment .scan-payment-back-prev {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.8rem;
  color: var(--list-text-color);
  text-decoration-line: underline;
  text-decoration-color: var(--list-text-color);
  cursor: pointer;
}

.xqbj-component-account-scan-payment .scan-payment-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.xqbj-component-account-scan-payment .scan-payment-content .scan-payment-title {
  font-size: 1.2rem;
  color: var(--detail-color);
  margin-top: 0.8rem;
}

.xqbj-component-account-scan-payment .scan-payment-content .scan-payment-coin-num {
  font-size: 2.5rem;
  color: var(--detail-color);
  margin-top: 1.3rem;
}

.xqbj-component-account-scan-payment .scan-payment-content .scan-payment-coin-num span {
  font-size: 1.5rem;
  display: inline-block;
  margin-right: 0.25rem;
}

.scan-payment-qrcode-box {
  margin-top: 0.75rem;
  border-radius: 0.5rem;
  width: 11.5rem;
  height: 11.5rem;
  background-color: #f5f8ff;
  border: solid rgba(var(--original-blue-rgb), 0.2) 0.1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.scan-payment-qrcode-box #scan-payment-qrcode {
  width: 10rem;
  height: 10rem;
  background-color: #ffffff;
  padding: 0.5rem;
}

.scan-payment-qrcode-box #scan-payment-qrcode canvas {
  width: 100%;
  height: 100%;
}

.xqbj-component-account-scan-payment .scan-payment-text {
  font-size: 0.6rem;
  margin-top: 1rem;
}

.can-payment-pay-buttom {
  height: 3rem;
  width: 15.1rem;
  background: var(--list-text-color);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  color: #ffffff;
  margin-top: 1rem;
  cursor: pointer;
}

@media (max-width: 960px) {
  .xqbj-component-account-scan-payment {
    background: none;
  }

  .xqbj-component-account-scan-payment .scan-payment-back-prev {
    display: none;
  }

  .xqbj-component-account-scan-payment .scan-payment-content .scan-payment-title {
    font-size: 1.6rem;
    margin-top: 3.85rem;
  }

  .xqbj-component-account-scan-payment .scan-payment-content .scan-payment-coin-num {
    font-size: 5rem;
    margin-top: 1.8rem;
  }

  .xqbj-component-account-scan-payment .scan-payment-content .scan-payment-coin-num span {
    font-size: 3rem;
    margin-right: 0.5rem;
  }

  .scan-payment-qrcode-box {
    margin-top: 1.5rem;
    border-radius: 1rem;
    width: 23rem;
    height: 23rem;
  }

  .scan-payment-qrcode-box #scan-payment-qrcode {
    width: 20rem;
    height: 20rem;
    background-color: #ffffff;
    padding: 1rem;
  }

  .scan-payment-qrcode-box #scan-payment-qrcode canvas {
    width: 100%;
    height: 100%;
  }

  .xqbj-component-account-scan-payment .scan-payment-text {
    font-size: 1.2rem;
    margin-top: 2rem;
  }

  .can-payment-pay-buttom {
    height: 3.9rem;
    width: 100%;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    margin-top: 2.5rem;
  }
}

/* 我的钱包 end */

/* 问题反馈 start */
.xqbj-component-account-goldcoin-history tr td:nth-child(3):not(.reduce) {
  color: var(--list-text-color);
}

/* 选项卡 end */

/* 用这份 钱包样式 */
.xqbj-component-account-wallet {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  font-size: 1.2rem;
  gap: 0.8rem;
  font-family: "PingFang SC";
  position: relative;
}
.xqbj-component-account-wallet .wallet-header {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.xqbj-component-account-wallet .wallet-header .header-link {
  color: var(--primary-text-color);
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}

.xqbj-component-account-wallet .wallet-header .header-link .icon-back {
  width: 0.8rem !important;
  height: 0.8rem !important;
  display: inline-block;
}
.xqbj-component-account-wallet .flex-start-center {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0.2rem;
}

.xqbj-component-account-wallet .flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.2rem;
}

.xqbj-component-account-wallet .wallet-form-item {
  display: block;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  gap: 0.5rem;
}
.xqbj-component-account-wallet .wallet-form-item .wallet-form-item-label {
  width: 100%;
  font-weight: 500;
}
.xqbj-component-account-wallet .wallet-form-item .wallet-form-item-content {
  height: 3rem;
  font-size: 1.2rem;
  color: var(--detail-color);
  width: 100%;
  padding: 0rem 0.9rem;
  outline: none;
  background-color: #ffffff;
}

.xqbj-component-account-wallet .wallet-header .header-title {
  font-weight: 600;
}

.xqbj-component-account-wallet .border-default {
  border-radius: 0.4rem;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.xqbj-component-account-wallet .text-xl {
  font-size: 2rem;
}

.xqbj-component-account-wallet .text-sm {
  font-size: 1.1rem;
}
.xqbj-component-account-wallet .text-xs {
  font-size: 1.1rem;
}
.xqbj-component-account-wallet .text-normal {
  font-size: 1.15rem;
}
.xqbj-component-account-wallet .w-full {
  width: 100% !important;
  text-align: left;
}

.xqbj-component-account-wallet .submit-btn {
  text-align: center;
  color: #fff;
  border-radius: 0.4rem;
  background-color: var(--primary-text-color);
  cursor: pointer;
  /* width: 21.5rem; */
  width: 100%;
  font-size: 1.2rem;
  height: 3.9rem;
  line-height: 3.9rem;
  margin-bottom: 2rem;
}
.xqbj-component-account-wallet .money-summary {
  background-color: #ffffff;
  padding: 2rem 4rem;
  width: 100%;
  font-weight: 500;
}

.xqbj-component-account-wallet .divider {
  background-color: #fff;
  width: 1px;
  height: 3rem;
  margin: 0 4rem;
}

.xqbj-component-account-wallet .wallet-notice-error {
  background-color: #ffe6e6;
  border: 1px solid var(--tip-color);
  position: absolute;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  margin-top: 0rem;
  border-radius: 0.2rem;
  left: 1rem;
  right: 1rem;
  width: auto !important;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 960px) {
  .xqbj-component-account-wallet {
    margin-top: 0.5rem;
    background-color: #ffffff;
    font-size: 0.8rem;
  }
  .xqbj-component-account-wallet .wallet-header {
    display: flex;
  }
  .xqbj-component-account-wallet .money-summary {
    background-color: #f5f6fa;
    width: auto !important;
  }

  .xqbj-component-account-wallet .wallet-form-item {
    display: flex;
  }
  .xqbj-component-account-wallet .wallet-form-item .wallet-form-item-label {
    width: 1.8rem;
    max-width: 1.8rem;
  }
  .xqbj-component-account-wallet .wallet-form-item .wallet-form-item-content {
    background-color: #f5f6fa;
    height: 2.5rem;
    font-size: 0.8rem;
  }

  .xqbj-component-account-wallet .text-xl {
    font-size: 1.2rem;
  }

  .xqbj-component-account-wallet .text-lg {
    font-size: 0.9rem;
  }

  .xqbj-component-account-wallet .text-normal {
    font-size: 0.8rem;
  }
  .xqbj-component-account-wallet .text-sm {
    font-size: 0.7rem;
  }
  .xqbj-component-account-wallet .text-xs {
    font-size: 0.7rem;
  }
  .xqbj-component-account-wallet .w-half {
    width: 15.5rem !important;
  }
  .xqbj-component-account-wallet .submit-btn {
    width: 15rem;
    height: 3rem;
    line-height: 3rem;
  }
  #walletTip {
    padding-left: 2.4rem;
    overflow: hidden;
    position: relative;
    top: -0.5rem;
  }
  .xqbj-component-account-wallet .divider {
    margin: 0 2rem;
    background-color: #00000019;
  }

  .xqbj-component-account-wallet .wallet-notice-error {
    margin-top: 2rem;
  }
}

.xqbj-component-account-wallet .bg-slate {
  background-color: rgba(var(--original-blue-rgb), 0.05);
  border-radius: 0.4rem;
  padding: 1rem;
}

.xqbj-component-account-wallet .text-primary {
  color: var(--primary-text-color);
}

.xqbj-component-account-wallet .text-warning {
  color: #ff9000;
}

.xqbj-component-account-wallet .text-error {
  color: var(--tip-color);
}

.xqbj-component-account-wallet .disabled {
  background-color: #c5c5c5;
  cursor: not-allowed;
}

/* 等级权益说明 end */

/* 我的钱包 start */
.my-tiezi-content {
  background-color: #f5f6fa;
}
.my-tiezi-content .title {
  text-align: center;
  font-weight: 500;
}
.xqbj-list-rows-flex-end-bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.my-tiezi-content
  .xqbj-list
  .xqbj-list-rows
  .xqbj-list-rows-placard
  .xqbj-list-rows-placard-group
  .xqbj-list-rows-placard-group-item {
  margin-bottom: 0;
}
.xqbj-list-rows-flex-end-bottom .btn {
  color: #fff;
  width: 4rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  padding: 0;
  font-size: 1.075rem;
  margin-bottom: 1rem;
}
.xqbj-list-rows-flex-end-bottom .btn.inactive {
  background-color: #a3a3a3;
  margin-left: 1rem;
}
.xqbj-list-rows-flex-end-bottom .btn.edit-btn {
  background-color: #cefbf1;
  color: var(--primary-text-color);
}
#account-tabs--article-content {
  background-color: #f5f6fa;
  margin-top: -1rem;
}
#account-tabs-article-content > .van-tab__panel {
  min-height: 20rem;
}
@media (min-width: 960px) {
  .my-tiezi-content {
    background-color: #fff;
  }
  .main-container .account-list-container .my-tiezi-content .title {
    font-size: 0.9rem;
    height: 3rem;
    margin-top: 0.5rem;
    color: var(--detail-color);
  }
  .main-container .account-list-container .my-tiezi-content .van-tabs {
    padding: 0 0.5rem;
  }
  .xqbj-list-rows-flex-end-bottom {
    margin: 0.5rem 0;
  }
  .xqbj-list-rows-flex-end-bottom .btn {
    width: 3.3rem;
    height: 1.4rem;
    border-radius: 0.2rem;
    line-height: 1.4rem;
    padding: 0;
    font-size: 0.7rem;
    margin-bottom: 0;
  }
  .xqbj-list-rows-placard .xqbj-list-rows-flex-end-bottom {
    margin-top: 0;
  }
  .van-tabs .van-tabs__wrap .van-tab--line.van-tab--active::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0.2rem;
    width: 2rem;
    background-color: var(--primary-text-color);
  }
  #account-tabs--article-content {
    margin: 0 auto;
    background-color: #fff;
  }
  #account-tabs-article-content > .van-tab__panel {
    min-height: 20rem;
  }
}
/* 订阅 end */

/* 等级权益说明 start */
.warning-text {
  color: #f00;
  margin-top: 1rem;
}
.reward-wrap .bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
.form-cont {
  position: fixed;
  top: 50%;
  left: 50%;
  /* margin-left: -15.4rem; */
  /* padding-bottom: 1.5rem; */
  width: 25rem;
  /* height: 22.1rem; */
  border-radius: 0.4rem;
  background-color: #fff;
  transform: translate3d(-50%, -50%, 0);
  z-index: 10;
}

.form-cont .p1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--nav-title-color);
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-bottom: solid 1px #08080819;
}
.form-cont .p1 .close1 {
  position: absolute;
  right: 1rem;
  top: 1.5rem;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../../__base/images/close-grey.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.form-cont .p1 .light {
  margin-right: 0.5rem;
  font-weight: normal;
  font-size: 1rem;
  color: var(--original-grey);
  font-weight: normal;
}
.reward-wrap .tip {
  padding: 1.1rem 2rem 1.5rem;
}
.reward-wrap .tip .msg {
  padding: 1rem 0 1.75rem;
  font-size: 1rem;
  color: var(--nav-title-color);
  text-align: center;
}
.reward-wrap .tip .btun {
  margin: 0 auto;
  width: 20.5rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  border-radius: 0.4rem;
  background-color: var(--primary-text-color);
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}
.reward-wrap .tip .btuns {
  display: flex;
  justify-content: center;
}
.reward-wrap .tip .btuns .butn1 {
  width: 10rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  background-color: #c5c5c5;
}
.reward-wrap .tip .btuns .butn2 {
  margin-left: 2.5rem;
  background-color: var(--primary-text-color);
}

.reward-wrap .tip-hook-wrap1 {
  display: none;
}
.reward-wrap .tip-hook-wrap2 {
  display: none;
}

/* mobile */
@media (max-width: 767px) {
  .form-cont {
    width: 30rem;
  }
  .form-cont .p1 {
    font-size: 1.6rem;
  }
  .form-cont .p1 .close1 {
    height: 1.5rem;
    width: 1.5rem;
  }
  .form-cont .p1 .light {
    font-size: 1.2rem;
    font-weight: normal;
  }
  .reward-wrap .tip {
    padding: 1.1rem 2.75rem 1.5rem;
  }
  .reward-wrap .tip .msg {
    padding: 1rem 0;
    font-size: 1.2rem;
  }
  .reward-wrap .tip .btun {
    margin: 0 auto;
    width: 24.6rem;
    height: 3.7rem;
    text-align: center;
    line-height: 3.7rem;
    border-radius: 0.4rem;
    background-color: var(--primary-text-color);
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
  }
  .reward-wrap .tip .btuns .butn1 {
    width: 12rem;
    height: 3.7rem;
    text-align: center;
    line-height: 3.7rem;
    border-radius: 0.2rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    background-color: #c5c5c5;
  }
  .reward-wrap .tip .btuns .butn2 {
    margin-left: 3rem;
    background-color: var(--primary-text-color);
  }
}
/* 提现历史记录 end */