.friend-circle{
  padding: 15rpx 30rpx;
  border-bottom: 1px solid #DEDEDE;
}
.friend-circle:last-child {
  border-bottom: none;
}
.friend-circle-box{
  display: flex;
  justify-content: space-between;
  padding-bottom: 10rpx;
}

.avatar{
  width: 8%;
}
.avatar image{
  width: 100%;
  height: 50rpx;
  border-radius: 50rpx;
}
.content{
  width: 90%;
}
.name{
  font-size: 30rpx;
  color: #949494;
}
.text{
  font-size: 32rpx;
  color: #000;
  margin: 10rpx 0;
}
.date{
  font-size: 28rpx;
  color: #949494;
}
.photo-one image{
  width: 100%;
}
.photo-more image{
  width: 32%;
  height: 150rpx;
  margin-right: 2%;
  margin-bottom: 10rpx;
}
.photo-more image:nth-child(3n){
  margin-right: 0;
}
.video video{
  width: 100%;
}
.new-friend-circle{
  position: fixed;
  right: 30rpx;
  bottom: 30rpx;
}
.box{
  width: 100rpx;
  height: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #9F1512;
  color: #fff;
  font-size: 32rpx;
  border-radius: 50%;
}