.userInfo-wrap {
  width: 100%;
  height: 100vh;
  background: #f9f9f9;
  padding-bottom: 5.06667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.userInfo-wrap .avatar-box {
  width: 100%;
  height: 32.8vw;
  background: #ffffff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2.66667vw;
}
.userInfo-wrap .avatar-box .update {
  margin-top: 4.26667vw;
  font-size: 3.73333vw;
}
.userInfo-wrap .classify {
  margin-top: 2.66667vw;
  background: #ffffff;
}
.userInfo-wrap .classify .classify-list {
  width: 100%;
  padding: 4.26667vw 5.86667vw 0 5.86667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.userInfo-wrap .classify .classify-list .classify-item {
  width: 26.66667vw;
  height: 7.2vw;
  border-radius: 3.73333vw;
  text-align: center;
  line-height: 7.2vw;
  font-size: 3.2vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 4.26667vw;
  background: #f4f4f4;
  color: #000;
}
.userInfo-wrap .classify .classify-list .selected {
  background: var(--color-bgc-primary-alpha-05);
}
.userInfo-wrap .update {
  margin-top: 2.66667vw;
}
.userInfo-wrap .btn {
  width: 69.33333vw;
  height: 11.73333vw;
  border-radius: 5.86667vw;
  text-align: center;
  line-height: 11.73333vw;
  color: #ffffff;
  font-size: 4.26667vw;
  margin: 5.33333vw auto 5.06667vw;
}