.box {
  background: #f2f1f6;
  height: calc(100vh - 88rpx);
}

.top {
  padding: 40rpx 0rpx 40rpx 30rpx;
  background: #3476fe;
  display: flex;
  align-items: center;
  color: white;
  font-size: 28rpx;
}

.top_img {
  position: relative;
  margin-right: 30rpx;
}

.head {
  width: 140rpx;
  height: 140rpx;
  border-radius: 9999rpx;
}

.vip {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  bottom: -10rpx;
  right: -10rpx;
}

.top_info {
  flex: 1;
}

.top_name {
  margin-bottom: 10rpx;
}

.top_phone {}

.top_phone text {
font-size: 24rpx;
background: #ef432b;
border-radius: 6rpx;
padding: 6rpx 8rpx;
margin-right: 6rpx;
}

.top_card {
  width: 200rpx;
  display: flex;
}

.top_card_text {}

.top_card image {
  width: 40rpx;
  height: 40rpx;
}

.bottom {
}

.bottom_item {
  background: white;
  padding: 24rpx 30rpx;
  align-items: center;
  display: flex;
  box-sizing: border-box;
  border-bottom: solid 2rpx #f2f2f2;
  /* font-weight: 550; */
}

.bottom_item image {
  width: 50rpx;
  height: 50rpx;
  margin-right: 30rpx;
}

.bottom_item text {
  letter-spacing:4rpx
}

.xian {
  background: #efefef;
  height: 20rpx;
}