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