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

.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.registration-container {
  background-color: #1677ff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.registration-container .header {
  text-align: center;
}
.registration-container .header .time {
  height: 51rpx;
  font-family: 'AlipayNumber';
  font-size: 40rpx;
  font-weight: 700;
  color: white;
  line-height: 51rpx;
}
.registration-container .header .desc {
  margin-top: 10rpx;
  font-size: 26rpx;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  line-height: 37rpx;
  word-spacing: 0.42rpx;
}

.registration-container .card {
  position: relative;
  margin-top: 30rpx;
  width: 686rpx;
  background-color: #ffffff;
  border-radius: 16rpx;
}
.registration-container .card .title {
  width: 100%;
  height: 58rpx;
  border-top-left-radius: 16rpx;
  border-top-right-radius: 16rpx;
  background-image: url('https://gw.alipayobjects.com/mdn/rms_8dcb95/afts/img/A*o_ppRppIIW0AAAAAAAAAAAAAARQnAQ');
  background-size: 100% 100%;
  uc-perf-stat-ignore: image;
}

.registration-container .card .community-info {
  margin: 0 24rpx;
  position: relative;
  top: -12rpx;
  display: flex;
  align-items: center;
  height: 85rpx;
  border-bottom: 1px solid rgba(151, 151, 151, 0.1);
}
.registration-container .card .community-info .image {
  width: 44rpx;
  height: 44rpx;
  margin-right: 16rpx;
}
.registration-container .card .community-info .name {
  margin-right: auto;
  font-size: 32rpx;
  font-weight: 700;
  color: black;
  line-height: 45rpx;
}

.registration-container .card .main-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.registration-container .card .main-card .tip-image.big {
  width: 100%;
  height: 500rpx;
  background-image: url('https://gw.alipayobjects.com/mdn/rms_8dcb95/afts/img/A*ZVX0SJ_javIAAAAAAAAAAAAAARQnAQ');
  background-size: 100% 100%;
  uc-perf-stat-ignore: image;
}

.registration-container .card .main-card .qrcode-desc {
  font-size: 0.32rem;
  font-weight: 700;
  color: black;
  line-height: 0.45rem;
  z-index: 1;
}
.registration-container .card .main-card .qrcode-desc:first-child {
  margin-top: 0.55rem;
}
.registration-container .card .main-card .pass-qrcode image{
  width: 480rpx;
  height: 480rpx;
}

.registration-container .card .visit-info {
  margin-top: 41rpx;
  padding: 24rpx;
  background: #f7fbff;
  border-bottom-left-radius: 16rpx;
  border-bottom-right-radius: 16rpx;
}
.registration-container .card .visit-info-header {
  display: flex;
  align-items: center;
}
.registration-container .card .visit-info-header .text {
  margin-right: 16rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #999;
  line-height: 40rpx;
}
.registration-container .card .visit-info-header .icon {
  width: 242rpx;
  height: 42rpx;
}
.registration-container .card .visit-info-header .icon.uncertify {
  background-image: url('/common/assets/sesame-uncertify.png');
  background-size: 100% 100%;
  uc-perf-stat-ignore: image;
}
.registration-container .card .visit-info-header .icon.certify {
  background-image: url('/common/assets/sesame-certify.png');
  background-size: 100% 100%;
  uc-perf-stat-ignore: image;
}
.registration-container .card .visit-info-main {
  margin-top: 34rpx;
  display: flex;
  justify-content: space-between;
  padding: 0 47rpx;
}
.registration-container .card .visit-info-main .divide {
  width: 1px;
  height: 64rpx;
  margin-top: 8rpx;
  background-color: rgba(153, 153, 153, 0.3);
}
.registration-container .card .visit-info-main .name,
.registration-container .card .visit-info-main .reason {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 96rpx;
  min-width: 158rpx;
  text-align: center;
  font-size: 28rpx;
  font-weight: 400;
  color: black;
  line-height: 40rpx;
}
.registration-container .card .visit-info-main .name > view:last-child {
  margin-top: 16rpx;
}
.registration-container .card .visit-info-main .reason-logo {
  display: inline-block;
  width: 44rpx;
  height: 44rpx;
}



.registration-container .menu {
  box-sizing: border-box;
  margin: 24rpx 0;
  width: 685rpx;
  padding: 0 25rpx;
  border-radius: 16rpx;
  font-size: 30rpx;
  font-weight: 400;
  color: #fff;
  line-height: 42rpx;
  display: flex;
  flex-direction: column;
  background-color: #4492fe;
}
.registration-container .menu .menu-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 91rpx;
  position: relative;
}
.registration-container .menu .menu-list::after {
  bottom: 0;
  position: absolute;
  content: '';
  display: block;
  left: 0;
  right: 0;
  height: 2rpx;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: rgba(255, 255, 255, 0.2);
}
.registration-container .menu .menu-list .left {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 30rpx;
}
.registration-container .menu .menu-list .left .icon {
  margin-right: 18rpx;
  width: 40rpx;
  height: 40rpx;
  color: #ffffff;
}
.registration-container .menu .menu-list .am-icon {
  color: #ffffff;
}
.registration-container .menu :last-child {
  border: none;
}