.RegionalRevenueBox {
    width: 100%;
    box-sizing: border-box;
    padding: 3px 0 0 10px;


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

        .RegionalRevenueItem {
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.5);
            text-align: center;
            font-style: normal;
            padding: 2px 5px 4px 6px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            cursor: pointer;
        }

        .RegionalRevenueItemLeft {
            border-radius: 4px 0px 0px 4px;
        }

        .RegionalRevenueItemRight {
            border-radius: 0px 4px 4px 0px;
        }

        .selectRegionalRevenueItem {
            border-color: #2366D8;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 13px;
            color: #2366D8;
            text-align: center;
            font-style: normal;
            padding: 2px 5px 4px 6px;
        }




    }


    .RegionalRevenueCharts {
        width: 100%;
        box-sizing: border-box;
        // padding: 30px;
        padding: 25px 26px 20px 31px;
        display: flex;
        align-items: center;

        .RegionalRevenueChartsContent {
            width: 100%;
            // height: 132px;
            height: 210px;
            display: flex;
            align-items: center;

            .RegionalRevenue {
                // width: 132px;

                width: 100%;
                height: 132px;
            }

            .RegionalRevenueDataBoxList {
                display: inline-block;
                width: calc(100% - 162px);
                margin-left: 30px;

                .RegionalRevenueDataBox {
                    display: flex;
                    padding: 4px 0;

                    .RegionalRevenueDataLeftBox {
                        box-sizing: border-box;

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

                            .RegionalRevenueItemLeged {
                                width: 14px;
                                height: 14px;
                                background: #FF9500;
                                border-radius: 3px;
                                margin-right: 10px;
                            }

                            .RegionalRevenueItemLabel {
                                font-family: "Microsoft YaHei";
                                font-weight: 400;
                                font-size: 12px;
                                color: #FFFFFF;
                                text-align: left;
                                font-style: normal;
                                display: inline-block;
                                width: 80px;
                            }

                            .RegionalRevenueItemValue {
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: 400;
                                font-size: 12px;
                                color: #FFFFFF;
                                text-align: right;
                                font-style: normal;
                                display: inline-block;
                                width: 100px;
                            }

                            .RegionalRevenueItemUnit {
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: 400;
                                font-size: 12px;
                                color: #6A707B;
                                text-align: left;
                                font-style: normal;
                                margin-left: 4px;
                            }

                        }
                    }

                    .RegionalRevenueDataRightBox {
                        margin-left: 20px;

                        .RegionalRevenueDataYOY,
                        .RegionalRevenueDataQOQ {
                            width: 40px;
                            box-sizing: border-box;

                            .RegionalRevenueYOYTitle {
                                font-weight: 400;
                                font-size: 10px;
                                color: #FFFFFF;
                                text-align: center;
                                font-style: normal;
                            }

                            .RegionalRevenueYOYValue {
                                margin-top: 10px;

                                .RegionalRevenueYOYNumber {
                                    font-weight: 400;
                                    font-size: 10px;
                                    color: #00FF00;
                                    text-align: center;
                                    font-style: normal;
                                    text-transform: none;

                                }
                            }
                        }

                    }
                }
            }


        }


    }
}