.AccountsReceivableWarningBox {
    width: 100%;

    .selectTabBox {
        width: 100%;
        height: 28px;
        background: linear-gradient(90deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
        box-sizing: border-box;
        padding: 4px 10px;
        display: flex;
        align-items: center;

        .tabItem {
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 15px;
            color: #89909C;
            text-align: left;
            font-style: normal;
            text-transform: none;
            margin-right: 20px;
            cursor: pointer;
        }

        .selectTabItem {
            color: #FFFFFF;
            position: relative;
        }

        .selectTabItem::after {
            content: "";
            width: 100%;
            height: 1px;
            background: linear-gradient(180deg, #00F6FF 0%, #008CFF 100%);
            position: absolute;
            left: 0;
            bottom: -4px;
        }


    }


    .AccountsReceivableWarningContent {
        width: 100%;
        box-sizing: border-box;
        // padding: 40px 28px 0;
        padding: 0 28px 0;

        .AccountsReceivableWarningPie {
            width: 100%;
            display: flex;
            align-items: center;

            .progressPieLeft {
                width: 132px;
                height: 132px;
                margin-right: 20px;
            }

            .progressPieRight {
                flex: 1;

                .progressPieTop {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    border-bottom: 1px solid #283041;
                    padding: 10px 0;

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

                        .progressPieTopItemValueBox {
                            margin-top: 8px;

                            .progressPieTopItemValue {
                                font-family: Impact, Impact;
                                font-weight: 400;
                                font-size: 15px;
                                color: #FFFFFF;
                                letter-spacing: 1px;
                                text-align: left;
                                font-style: normal;
                            }

                            .progressPieTopItemUnit {
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: 400;
                                font-size: 12px;
                                color: #888C96;
                                text-align: left;
                                font-style: normal;
                                text-transform: none;
                                margin-left: 8px;
                            }
                        }
                    }
                }

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

                    .progressPieBottomItem {
                        .progressPieBottomItemTop {
                            display: flex;
                            align-items: center;

                            .progressPieBottomItemTopLegend {
                                width: 14px;
                                height: 14px;
                                border-radius: 3px;
                                margin-right: 8px;
                            }

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

                        .progressPieBottomItemBottom {
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 10px;
                            color: #6A707B;
                            text-align: left;
                            font-style: normal;
                            text-transform: none;
                            padding-left: 22px;
                            margin-top: 4px;
                        }
                    }
                }

                .progressPieBottomSecond {
                    .progressPieBottomItem {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 4px 0;

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

                            .progressPieBottomItemTopLegend {
                                width: 14px;
                                height: 14px;
                                border-radius: 3px;
                                margin-right: 8px;
                            }

                            .progressPieBottomItemTopLabel {
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: 400;
                                font-size: 12px;
                                color: #FFFFFF;
                                text-align: left;
                                font-style: normal;
                                text-transform: none;
                            }
                        }

                        .progressPieBottomItemBottomValueBox {
                            display: flex;
                            align-items: center;
                            .progressPieBottomItemBottomValue {
                                font-family: Microsoft YaHei, Microsoft YaHei;
                                font-weight: 400;
                                font-size: 12px;
                                color: #FFFFFF;
                                text-align: left;
                                font-style: normal;
                                text-transform: none;
                            }

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