.popBox { width: 100%; height: 100%; padding: 22rpx 32rpx; padding-bottom: calc(22rpx + env(safe-area-inset-bottom)) !important; box-sizing: border-box; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; padding-bottom: 30rpx; background-color: white; .header { position: relative; margin-bottom: 18rpx; font-size: 36rpx; color: #000000; text-align: center; .close { position: absolute; right: 10rpx; top: -16rpx; line-height: 60rpx; font-size: 60rpx; color: #979797; } } .tips { margin-bottom: 14rpx; font-size: 26rpx; text-align: center; color: #666666; } .shareType { display: flex; align-items: center; justify-content: space-around; width: 100%; padding: 0 10rpx; box-sizing: border-box; .box { text-align: center; padding: 0 30rpx; .icon { width: 84rpx; height: 84rpx; border-radius: 50%; } .label { font-size: 31rpx; } } } .shareText { margin: 54rpx auto 30rpx; padding: 42rpx 0rpx; box-sizing: border-box; width: 687rpx; background: #F2F6FC; border-radius: 20rpx; .title { margin-bottom: 46rpx; font-size: 36rpx; text-align: center; color: #000000; } .swiper { height: 300rpx; .content { padding: 0 70rpx; font-size: 30rpx; color: #7B7B7B; line-height: 52rpx; margin-bottom: 20rpx; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; } } .copy { margin: 20rpx auto 0; width: 330rpx; padding: 14rpx 0; text-align: center; background: #FFFFFF; border-radius: 35rpx; border: 1rpx solid #FF924C; font-size: 30rpx; color: #FF924C; } } }