th_net_hospital_ali_mp/antbuilder/industry/scanpass/components/visit-user/index.acss

.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.visit-user-container {
  box-sizing: border-box;
  width: 100%;
  background-color: #1677ff;
  background-size: 100% 100%;
  background-position-y: calc(100%);
  background-repeat: no-repeat;
}
.visit-user-section {
  height:295rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36rpx 0;
}
.visit-user-container .community-box {
  display: flex;
  padding: 42rpx 28rpx 0 28rpx;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  background-color: #1677ff;
}
.visit-user-container .community-box .community-info {
  display: flex;
  align-items: center;
}
.visit-user-container .community-box .community-info .lbs-icon {
  width: 26rpx;
  height: 33rpx;
  margin-right: 11rpx;
  background-image: url('https://gw.alipayobjects.com/mdn/rms_091500/afts/img/A*_zpOTYClPccAAAAAAAAAAAAAARQnAQ');
  background-size: 100% 100%;
}
.visit-user-container .community-box .community-info .text {
  max-width: 324rpx;
  font-size: 36rpx;
  font-weight: 600;
  color: #ffffff;
  line-height: 50rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.visit-user-container .community-box .build-info {
  display: flex;
  align-items: center;
  justify-content: end;
}
.visit-user-container .community-box .build-info .build-logo {
  width: 32rpx;
  height: 32rpx;
  margin: 5rpx;
  border-radius: 50%;
  opacity: 0.5;
  background: #FFFFFF;
}
.visit-user-container .community-box .build-info .text {
  max-width: 300rpx;
  font-size: 26rpx;
  color: #ffffff;
  line-height: 50rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.visit-user-container .user-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.visit-user-container .user-info .avator {
  width: 86rpx;
  height: 86rpx;
  border: 4rpx solid #5ca0ff;
  border-radius: 50rpx;
}
.visit-user-container .user-info .name {
  margin-top: 32rpx;
  font-size: 36rpx;
  font-weight: 600;
  color: #ffffff;
  line-height: 36rpx;
}
.visit-user-container .user-info .phone {
  margin-top: 16rpx;
  font-size: 26rpx;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  line-height: 26rpx;
}