.personal-item{
  height:85upx;
  border-bottom: 1upx solid #eee;
  padding: 0 30upx;
  font-size: 26upx;
  color: #333;
  line-height: 30upx;
  font-weight: bold;
}

.personal-item-avatar {
  height: 120upx;
}
.personal-item-use-avatar{
  border-radius: 50%;
  width:60upx;
  height:60upx;
}
.person-item-value{
  max-width: 70%;
  color: #333;
  font-weight: 400;
}

.personal-item-use-avatar,.person-item-value{
  margin-right: 10upx;
}
.person-item-placeholder{
  color: #999;
}

.person-more{
  color: #999999;
  font-size: 26upx;
  line-height: 34upx;
}

.personal-modal{
  width: 650upx;
  height: 300upx;
  border-radius: 20upx;
  background-color: #fff;
}
.personal-modal-header{
  height: 90upx;
  font-size: 30upx;
  line-height: 40upx;
  color: #333;
}
.personal-modal-input-wrap{
  margin: 0 30upx;
  border: 2upx solid #eee;
  height: 80upx;
  margin-bottom: 30upx;
}

.personal-modal-input-wrap input {
  width: 100%;
  padding: 20upx;
  font-size: 30upx;
  line-height: 30upx;
  height: 50upx;
  color: #333;
}

.personal-modal-footer{
  border-top: 1upx solid #EEEEEE;
  font-size: 30upx;
  line-height: 34upx;
  color: #999999;
}
.personal-modal-footer view:last-of-type{
  color: #028748;
  border-left: 1upx solid #EEEEEE;
}