.contact-container[data-v-e8a4e446] {
  background-color: #FFFFFF;
}
.contact-list[data-v-e8a4e446] {
  padding: 0 0.45333333rem;
}
.contact-list .contact-item[data-v-e8a4e446] {
  display: flex;
  align-items: center;
  border-radius: 0.10666667rem;
  padding: 0.32rem 0;
}
.contact-list .contact-item .avatar[data-v-e8a4e446] {
  position: relative;
  margin-right: 0.32rem;
  width: 1.57333333rem;
  height: 1.57333333rem;
}
.contact-list .contact-item .avatar img[data-v-e8a4e446] {
  display: block;
  width: 1.57333333rem;
  height: 1.57333333rem;
  border-radius: 50%;
}
.contact-list .contact-item .info[data-v-e8a4e446] {
  flex: 1;
}
.contact-list .contact-item .info .name[data-v-e8a4e446] {
  font-size: 0.42666667rem;
  color: #333;
  font-weight: 500;
  margin-bottom: 0.10666667rem;
}
.contact-list .contact-item .info .phone[data-v-e8a4e446] {
  font-size: 0.34666667rem;
  color: #666;
  margin-bottom: 0.10666667rem;
}
.contact-list .contact-item .info .title[data-v-e8a4e446] {
  font-size: 0.34666667rem;
  color: #666;
  margin-bottom: 0.10666667rem;
}
.contact-list .contact-item .info .email[data-v-e8a4e446] {
  font-size: 0.32rem;
  color: #999;
  display: flex;
  align-items: center;
}
.contact-list .contact-item .info .email .van-icon[data-v-e8a4e446] {
  margin-right: 0.10666667rem;
}