.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; }