.ThisMonthBenefitsBox {
    width: 100%;
    box-sizing: border-box;
    // padding: 20px 11px 0;

    .ThisMonthBenefitsContent {
        width: 100%;
        height: 66px;
        background: linear-gradient(180deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
        box-sizing: border-box;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .ThisMonthBenefitsContentLeft {
            display: flex;
            align-items: center;

            .thisMonthIcon {
                width: 46px;
                height: 46px;
                margin-right: 10px;
            }

            .thisMonthTitle {
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: 400;
                font-size: 14px;
                color: #FFFFFF;
                text-align: left;
                font-style: normal;
            }
        }

        .ThisMonthBenefitsContentRight {
            .thisMonthValue {
                font-family: Impact, Impact;
                font-weight: 400;
                font-size: 25px;
                color: #FFFFFF;
                letter-spacing: 2px;
                text-align: right;
                font-style: normal;
            }

            .thisMonthUnit {
                font-family: Inter, Inter;
                font-weight: 400;
                font-size: 12px;
                color: #6F7686;
                text-align: right;
                font-style: normal;
                text-transform: none;
            }
        }

    }
}