reader/components/invite/index.less

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