.GenderCustomerGroupBox {
    width: calc((100% - 28px) / 3);
    display: inline-block;
    height: 210px;

    .GenderCustomerGroupCharts {
        width: 100%;
        height: 182px;
        // background: linear-gradient(0deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
        background-image: url('../../../../assets/image/smallModalBg.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding: 20px 64px 18px;

        .GenderCustomerGroupUnit {
            font-family: "Microsoft YaHei";
            font-weight: 400;
            font-size: 10px;
            color: #7F808B;
            text-align: left;
            font-style: normal;
            padding-left: 8px;
            height: 16px;
        }

        .GenderCustomerGroupContent {
            width: 100%;
            height: 145px;

            .GenderCustomerGroup {
                width: 86px;
                height: 86px;
            }

            .legendBox {
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-top: 30px;

                .legendBoxContent {
                    width: 86px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;

                    .legendItem {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;

                        .legendIcon {
                            width: 14px;
                            height: 14px;
                            border-radius: 3px 3px 3px 3px;
                            margin-bottom: 8px;
                        }

                        .legendName {
                            font-family: "Microsoft YaHei";
                            font-weight: 400;
                            font-size: 12px;
                            color: #FFFFFF;
                            text-align: left;
                            font-style: normal;
                        }
                    }
                }


            }
        }
    }
}