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


    .PreferenceTypeCharts {
        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: 11px 20px 16px;

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

        .PreferenceTypeChartsContent {
            width: 100%;
            height: 100%;

            .PreferenceType {
                width: 100%;
                height: 100%;
            }
        }
    }
}