haowanShow/miniprogram/pages/business-card/business-card.wxss

page {
  color: #131D34;
}
.m-t-32 {
  margin-top: 32rpx;
}
.search-w {
  display: flex;
  width: 100%;
  align-items: center;
}
.search-bar {
  flex-grow: 1;
}
.scan {
  width: 54rpx;
  height: 54rpx;
  margin-left: 56rpx;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDI3IDI3Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzE3ZDJkMjsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGlkPSJteV9zY2FuIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xLjAyOSwxNS4yMzFhMS4wMzIsMS4wMzIsMCwwLDAsMS4wMjYtMS4wMzhWOC44MTlhLjU4NC41ODQsMCwwLDEsLjU4LS41ODhINy45NDVhMS4wNDIsMS4wNDIsMCwwLDAsMC0yLjA4NEgyLjYzNkEyLjY1OSwyLjY1OSwwLDAsMCwwLDguODE5djUuMzczYTEuMDM3LDEuMDM3LDAsMCwwLDEuMDI5LDEuMDM4Wm0wLDUuMjkxSDI1Ljk2N2ExLjA0LDEuMDQsMCwwLDAsMC0yLjA4SDEuMDI5YTEuMDQsMS4wNCwwLDAsMCwwLDIuMDhabTE4LTEyLjNoNS4zMDlhLjU4NC41ODQsMCwwLDEsLjU4LjU4OHY1LjM3M2ExLjAyOCwxLjAyOCwwLDEsMCwyLjA1NSwwVjguODEyYTIuNjU2LDIuNjU2LDAsMCwwLTIuNjM2LTIuNjY4SDE5LjAyOGExLjA0LDEuMDQsMCwwLDAsMCwyLjA4Wk03Ljk1MSwzMS4wNjRIMi42MzlhLjU4NC41ODQsMCwwLDEtLjU4LS41ODhWMjUuMWExLjAzOCwxLjAzOCwwLDAsMC0xLjAyOS0xLjA0MkExLjAzOCwxLjAzOCwwLDAsMCwwLDI1LjF2NS4zNzNhMi42NTYsMi42NTYsMCwwLDAsMi42MzYsMi42NjhINy45NDVhMS4wNCwxLjA0LDAsMCwwLC4wMDctMi4wOFptMTgtNy4wMDZBMS4wMzgsMS4wMzgsMCwwLDAsMjQuOTIxLDI1LjF2NS4zNzNhLjU4NC41ODQsMCwwLDEtLjU4LjU4OEgxOS4wMjhhMS4wNDIsMS4wNDIsMCwwLDAsMCwyLjA4NGg1LjMwOWEyLjY2NCwyLjY2NCwwLDAsMCwyLjYzOS0yLjY3MVYyNS4xQTEuMDMzLDEuMDMzLDAsMCwwLDI1Ljk1LDI0LjA1N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTYuMTQ0KSIvPg0KPC9zdmc+DQo=) no-repeat center center;
}
.title {
  
  font-size: 30rpx;
  font-weight: bold;
}
.my-card-content {
  display: flex;
  padding: 42rpx 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.card {
  width: 210rpx;
  height: 120rpx;
  margin-right: 30rpx;
}
.info {
  flex: 1;
  display: flex;
  justify-content: space-between;
  
  font-size: 40rpx;
  align-items: center;
}
.info view {
  text-align: center;
}

.info-type {
  color: #909090;
  font-size: 22rpx;
}

.friend-card-content {
  /* display: flex; */
}

.friend-card-item {
  padding: 30rpx 0 ;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  width: 100%;
  position: relative;
}
.company {
  margin-top: 22rpx;
}
.call {
  width: 64rpx;
  height: 64rpx;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 64rpx;
  background: #17D2D2;
  position: absolute;
  right: 0;
  bottom: 64rpx;
}