.customer-header[data-v-4e8896af] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.52083vw;
}
.customer-header .title[data-v-4e8896af] {
  font-size: 0.83333vw;
  font-weight: bold;
}
.customer-header .control-box[data-v-4e8896af] {
  display: flex;
  align-items: center;
}
.customer-header .control-box .close-icon[data-v-4e8896af] {
  margin-left: 1.04167vw;
  color: #9e9e9e;
  font-size: 1.04167vw;
  cursor: pointer;
}
.user-info[data-v-4e8896af] {
  padding: 1.04167vw 0;
  display: flex;
}
.user-info .avatar[data-v-4e8896af] {
  flex: none;
}
.user-info .avatar img[data-v-4e8896af] {
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
}
.user-info .info[data-v-4e8896af] {
  flex: 1;
  padding-left: 0.52083vw;
  font-size: 0.72917vw;
}
.user-info .info .top[data-v-4e8896af] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-info .info .top .left[data-v-4e8896af] {
  display: flex;
  align-items: center;
}
.user-info .info .top .left .name[data-v-4e8896af] {
  margin-right: 0.52083vw;
}
.user-info .info .staff-id[data-v-4e8896af], .user-info .info .bottom[data-v-4e8896af] {
  padding-top: 0.52083vw;
}
.info-detail .title[data-v-4e8896af] {
  height: 2.08333vw;
  line-height: 2.08333vw;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}
.info-detail .detail[data-v-4e8896af] {
  margin-top: 0.52083vw;
}