.healthy-card-qrcode-container { height: 100%; display: block; padding-top: 120rpx; background-color: #329AE0; } .healthy-card-qrcode-container .card-container { width: 600rpx; margin: auto; overflow: hidden; border-radius: 16rpx; background-color: #fff; } .healthy-card-qrcode-container .card-header { height: 135rpx; display: flex; padding: 0 24rpx; align-items: center; justify-content: space-between; background-color: #F2F2F2; } .healthy-card-qrcode-container .qrcode-container { height: 600rpx; position: relative; display: flex; align-items: center; justify-content: center; } .healthy-card-qrcode-container .qrcode-container .loading-container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .healthy-card-qrcode-container .qrcode-container .qrcode-img { z-index: 1; width: 80% !important; height: 80% !important; position: relative; } .healthy-card-qrcode-container .qrcode-container .logo-container { width: 70rpx; height: 70rpx; left: 50%; top: 50%; z-index: 2; overflow: hidden; border-radius: 12rpx; position: absolute; background-color: #f9f9f9; transform: translate3d(-50%, -50%, 0); } .healthy-card-qrcode-container .qrcode-container .logo-container image { width: 100%; height: 100%; } .healthy-card-qrcode-container .user-name { color: #333; font-size: 32rpx; margin-bottom: 16rpx; } .healthy-card-qrcode-container .user-id-card { color: #333; font-size: 32rpx; } .healthy-card-qrcode-container .refresh-icon { width: 40rpx; height: 40rpx; margin-bottom: 10rpx; } .healthy-card-qrcode-container .card-header-right { color: #329AE0; display: flex; font-size: 30rpx; flex-direction: column; align-items: center; justify-content: center; } .healthy-card-qrcode-container .butBox { display: flex; justify-content: center; } .healthy-card-qrcode-container .but { width: 600rpx; margin-top: 24rpx; background-color: #0578c5; border-radius: 12rpx; color: #fff; border: none; }