.BrandDetailBox {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;

    .brandTypeBox {
        width: 100%;

        .brandChartBox {
            width: 100%;
            height: 132px;
            margin-top: 35px;
            position: relative;

        }
    }

    .brandList {
        width: 100%;
        margin-top: 42px;

        .tabBox {
            width: 100%;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            padding: 3px 10px;
            // overflow-x: auto;
            // overflow-y: hidden;
            background: linear-gradient(90deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);

            .tabItem {
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: bold;
                font-size: 15px;
                color: #8B969F;
                text-align: left;
                font-style: normal;
                padding: 0 10px;
                white-space: nowrap;
                cursor: pointer;
            }

            .selectTab {
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: 400;
                font-size: 15px;
                color: #FFFFFF;
                text-align: left;
                font-style: normal;
                position: relative;
                display: inline-block;
            }

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

       

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

            .brandItem {
                width: 100%;
                height: 86px;
                margin-bottom: 10px;
                background-color: #0F1625;
                box-sizing: border-box;
                padding: 10px;
                display: flex;
                align-items: center;
                border-radius: 8px;

                .brandLeft {
                    width: 66px;
                    height: 66px;
                    border-radius: 10px;
                    overflow: hidden;
                    margin-right: 10px;

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

                .brandRight {
                    flex: 1;
                    height: 100%;
                    box-sizing: border-box;
                    padding: 10px 0;

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

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

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

                            .brandRightTopRightIcon {
                                width: 15px;
                                height: 15px;
                                margin-right: 10px;
                            }

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

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

                    .brandRightBottom {
                        margin-top: 13px;

                        .brandRightBottomItem {
                            font-family: Microsoft YaHei, Microsoft YaHei;
                            font-weight: 400;
                            font-size: 10px;
                            color: #0094FF;
                            text-align: center;
                            font-style: normal;
                            display: inline-block;
                            padding: 2px 10px;
                            background-color: rgba(0, 148, 255, 0.3);
                            border-radius: 3px;
                        }
                    }
                }
            }
        }
    }
}