/* component/personCenter/personCenter.wxss */
/* @import './../../base/base.wxss'; */
@import "/app.wxss";

.user-content{
  height: 92rpx;
  padding: 28rpx 35rpx 0 50rpx;
  box-sizing: border-box;
}
.activation-content{
  /* position: relative; */
  width: 690rpx;
  height: 166rpx;
  margin: 18rpx 0;
  border-radius: 7rpx;
  box-shadow: 0 0 40rpx 1rpx #ccc;
  margin: 0 auto;
}
.person-num {
  margin: 20rpx 0;
}
.person-detail {
  margin-top: 10rpx;
}
.point-desc{
  font-size: 20rpx;
  color: #666666;
}
.point-number{
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  margin-bottom: 15rpx;
  letter-spacing: 1.5rpx;
}

.activation-bg{
  border-radius: 10rpx;
  box-shadow: 0 0 10px #ccc ;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.user-avatar{
  width: 100rpx;
  height: 100rpx;
  overflow:hidden;
  border-radius: 50%;
  display: inline-block;
  margin-right: 46rpx;
}
.user-name-content{
  display: inline-block;
}

.user-name{
  margin-bottom: 15rpx;
}
.icon-edit{
  width: 28rpx;
  height: 28rpx;
  vertical-align: middle;
  margin-left: 34rpx;
  color: #fff;
}
.user-id{
  color: #666666;
  font-size: 24rpx;
}

.person-right {
  border-right: 1px solid #c8c9c9;
}
.point, .person-right{
  padding:0 0 5rpx 0;
  box-sizing:border-box;
}
.no-active-img {
  width: 100%;
  height: 100% !important;
  border-radius:15rpx;
}
.userinfo-nickname,.user-id {
  color: #fff;
}
.user-info {
  /* position: relative; */
  display: flex;
}
.user-name-content {
  /* position: absolute;
  top: 11rpx; */
  /* padding-top: 10rpx; */
}

.member-unActive{
  margin: 18rpx 0;
  color: #FFF;
  text-align: center;
  height: 200rpx;
  line-height: 200rpx;
  border-radius: 15rpx;
  font-size: 36rpx;
  font-weight: 700;
  letter-spacing: 5rpx;
  cursor: pointer;
}
.member-unActive-bgc {
  background-color: #02bb70;
}
.un-active-btn{
  /* font-family:"iconfont-711" !important; */
}
.user-info{
  position: relative;
}
.qr-code{
  position: absolute;
  right: 0;
  top: 6rpx;
}
.qr-code .qr-code-img{
  width: 100rpx;
  height: 100rpx;
}