.OverviewOfServiceAreaBox {
    width: 100%;

    .OverviewOfServiceAreaContent {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 11px 0;

        .OverviewOfServiceAreaContentTop {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 10px;

            .OverviewOfServiceAreaContentTopItem {
                width: calc((100% - 20px) / 2);
                // width: 100%;
                min-height: 56px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                background-image: url(../../../../assets/image/serviceAreaBg.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;

                .OverviewOfServiceAreaContentTopItemLabel {
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: bold;
                    font-size: 12px;
                    color: #FFFFFF;
                    text-align: center;
                    font-style: normal;
                }

                .OverviewOfServiceAreaContentTopItemvalue {
                    font-family: Bahnschrift, Bahnschrift;
                    font-weight: 400;
                    font-size: 25px;
                    color: #56BCE6;
                    text-align: center;
                    font-style: normal;
                }
            }
        }


        .OverviewOfServiceAreaContentBottom {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;

            .OverviewOfServiceAreaContentBottomItem {
                width: calc((100% - 20px) / 3);
                min-height: 50px;
                margin-bottom: 10px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                background-image: url(../../../../assets/image/serviceAreaBg.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                border: 1px solid rgba(78, 173, 245, 0.3);


                .OverviewOfServiceAreaContentBottomItemLabel {
                    font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: bold;
                    font-size: 12px;
                    color: #FFFFFF;
                    text-align: center;
                    font-style: normal;
                }

                .OverviewOfServiceAreaContentBottomItemValue {
                    font-family: Bahnschrift, Bahnschrift;
                    font-weight: 400;
                    font-size: 20px;
                    color: #FFFFFF;
                    text-align: center;
                    font-style: normal;
                    margin-top: 2px;
                }
            }
        }
    }

    .OverviewOfServiceAreaBusyContent {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 11px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .OverviewOfServiceAreaBusyContentItem {
            width: calc((100% - 10px) / 2);
            background: linear-gradient(0, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
            box-sizing: border-box;
            padding: 5px 15px;
            display: flex;
            align-items: center;

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

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

            .OverviewOfServiceAreaBusyContentItemRight {
                flex: 1;

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

                .OverviewOfServiceAreaBusyContentItemRightValueBox {
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;

                    .OverviewOfServiceAreaBusyContentItemRightNumber {
                        font-family: Impact, Impact;
                        font-weight: 400;
                        font-size: 25px;
                        color: #D24343;
                        letter-spacing: 2px;
                        text-align: right;
                        font-style: normal;
                        text-transform: none;
                    }

                    .OverviewOfServiceAreaBusyContentItemRightUnit {
                        font-family: Inter, Inter;
                        font-weight: 400;
                        font-size: 12px;
                        color: #808A96;
                        text-align: right;
                        font-style: normal;
                        text-transform: none;
                        margin-left: 10px;
                    }
                }
            }
        }
    }
}