werun-wxapp/components/diy-personal/index.less

.box {
    position: relative;
    width: 100%;

    .fui-personal-group {
        display: flex;
        flex-wrap: wrap;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;

        .column-centre {
            width: 300rpx;
            height: 100rpx;
            margin: 150rpx 225rpx;

            .personal-names {
                width: 100rpx;
                height: 100rpx;
                border-radius: 50%;
                margin: 0 100rpx;

            }

            .nicknames {
                width: 300rpx;

                text-align: center;
                font-size: 28rpx;
                font-weight: 800;
            }


        }

        .nicknames {
            width: 300rpx;
            text-align: center;
            font-size: 28rpx;
            font-weight: 800;
        }

        .personal-name {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
            margin: auto 30rpx;
        }

        .personal-nametwo {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
            margin: auto 60rpx;
        }

        .nickname {
            font-size: 28rpx;
            font-weight: 800;
        }

        // .members {
        //     position: absolute;
        //     bottom: 0rpx;
        //     left: 5%;
        //     width: 90%;
        //     background-image: url("https://file-cloud.fmode.cn/O64wHWNFcf/20220223/5311sb030705.png");
        //     background-repeat: no-repeat;
        //     background-position: center top;
        //     background-size: 100% 100%;
        //     padding: 20rpx 0;
        //     font-size: 30rpx;
        // }

        // .members-two {
        //     width: 90%;
        //     height: 52rpx;
        //     margin-top: -120rpx;
        //     // background-image: url("https://file-cloud.fmode.cn/lb486SzXLP/20211207/7p0u13091423.png");
        //     // background-repeat: no-repeat;
        //     // background-position: center top;
        //     // background-size: 100% 100%;
        //     z-index: 9999;

        // }
    }

    .members {
        background-image: url("https://file-cloud.fmode.cn/O64wHWNFcf/20220223/5311sb030705.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;


        width: 90%;
        margin-top: -57rpx;
        margin-left: 5%;


        .membersa {
            padding: 10rpx 100rpx;
            font-size: 30rpx;
        }
    }

    .members-two {
        width: 90%;
        height: 80rpx;
        margin-top: -40rpx;
        margin-left: 5%;
        z-index: 9999;

    }
}