.user-center[data-v-b037d656] {
  margin: 0 auto;
  width: 9.6rem;
  max-width: 100%;
  padding-top: 0.76rem;
  padding-bottom: 0.46rem;
}
.user-center .section-box[data-v-b037d656] {
  margin-top: 0.3rem;
  background-color: #fff;
  padding: 0.32rem 0.8rem 0.2rem;
  border-radius: 0.04rem;
  margin-bottom: 0.3rem;
}
.user-center .section-box .title[data-v-b037d656] {
  font-size: 0.24rem;
}
.user-center .section-box .nav-item[data-v-b037d656] {
  margin-top: 0.24rem;
  background-color: #fafafa;
  border-radius: 0.04rem;
  position: relative;
  width: calc((100% - 0.4rem) / 2);
  display: inline-block;
  display: inline-flex;
  cursor: pointer;
}
.user-center .section-box .nav-item:hover .item-wrap .name[data-v-b037d656] {
  color: var(--old-red);
}
.user-center .section-box .nav-item[data-v-b037d656]:nth-child(2n) {
  margin-right: 0.4rem;
}
.user-center .section-box .nav-item .item-img[data-v-b037d656] {
  height: 0.84rem;
}
.user-center .section-box .nav-item .item-wrap[data-v-b037d656] {
  padding: 0.1rem 0.2rem;
}
.user-center .section-box .nav-item .item-wrap .name[data-v-b037d656] {
  width: 2.35rem;
  font-size: 0.18rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user-center .section-box .nav-item .item-wrap .des[data-v-b037d656] {
  color: #999;
  width: 2.35rem;
  margin-top: 0.08rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.personal-page[data-v-b037d656] {
  margin: 0;
  width: auto;
  padding: 0;
}