.user_index .user-box {
  margin: 0 auto;
  margin-bottom: 0.7rem;
  display: flex;
  min-height: 6rem;
}
#side{width: 3rem;}
.user_index .user-box .user-box_left{background: #fff; border-radius: 0.08rem; width: 3rem; box-shadow: 0 0.04rem 0.07rem 0 rgba(193,160,97,0.35);}

.user_index .user-box .user-base .user-photo {
  width: 0.8rem;
  height: 0.8rem; display: block;
  border-radius: 50%;
  overflow: hidden;
margin: 0 auto 0.1rem;
}
.user_index .user-box .user-base .user-photo img {
  width: 100%;
  display: block;
}

.user_index .user-box .user-base .name {
  color: #181818; margin-bottom: 0.05rem; line-height: 1; display: block;
}

.user_index .point-box .point span{color: #f2a046;}
.user_index .point-box a{color: #fff; background: linear-gradient(0deg, #ffc155, #ff7c2a); padding: 1px 0.15rem; border-radius: 0.05rem; }

.user_index .user-box_left .line{height: 0.8rem; width: 1px; background: #cfcfcf;}
.user_index .money-box{}
.user_index .money-box .money span{color: #f2a046;}
.user_index .money-box a{color: #f2a046; padding: 1px 0.15rem; border: 1px solid #f2a046; border-radius: 0.05rem; }

.user_index .user-box .navbar {
display:block;
  background-color: #fff;
}
.user_index .user-box .navbar .navbar_tit{border-top: 1px solid #cfcfcf;}
.user_index .user-box .navbar ul {

}
.user_index .user-box .navbar ul li {
  font-size: 0.18rem; margin-top: 0.3rem; width: 50%;
}
.user_index .user-box .navbar ul li a {
  color: #535353;letter-spacing: 0.02rem;
}
.user_index .user-box .navbar ul li.active a {
  color: #f2a046;
}
.user_index .user-box .navbar ul li a:hover {
  color: #f2a046;border-bottom: 1px solid #f2a046;
}
.user_index .user-box .user-box-content {
  height: 100%; min-height: 9rem;
  margin-left: 0.3rem;
  flex: 1; overflow: hidden;
  background: #fff; border-radius: 0.08rem;
}