.auth-popup-wrap { padding: 24rpx 24rpx 100rpx; background-color: #fff; overflow: hidden; } .auth-popup-wrap .head-layout { display: flex; align-items: center; } .auth-popup-wrap .head-layout .pic { width: 48rpx; height: 48rpx; background-color: gray; overflow: hidden; border-radius: 50%; } .auth-popup-wrap .head-layout .name { margin-left: 16rpx; font-weight: 700; font-size: 30rpx; color: #333333; } .auth-popup-wrap .head-layout .shenqing { margin-left: 40rpx; font-weight: 400; font-size: 30rpx; color: #333333; } .auth-popup-wrap .head-layout .info { font-weight: 500; font-size: 32rpx; color: #999999; margin-right: 10rpx; } .auth-popup-wrap .title { color: #333333; font-weight: 700; font-size: 36rpx; margin-top: 40rpx; } .auth-popup-wrap .subtitle { color: #999999; font-weight: 400; font-size: 30rpx; margin-top: 4rpx; } .auth-popup-wrap .content-layout { background-color: #F5F5F5; border-radius: 16rpx; margin-top: 40rpx; padding: 20rpx 0 20rpx 48rpx; position: relative; } .auth-popup-wrap .content { color: #333333; font-weight: 400; font-size: 30rpx; } .auth-popup-wrap .content-layout .content::before { position: absolute; content: ''; width: 8rpx; height: 8rpx; background-color: #999999; border-radius: 50%; top: 36rpx; left: 24rpx; } .auth-popup-wrap .confirm { color: #333333; font-weight: 400; font-size: 30rpx; margin-top: 36rpx; } .auth-popup-wrap .btn-layout { display: flex; margin-top: 38rpx; justify-content: space-between; } .auth-popup-wrap button { flex: auto; }