.brandview{
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 3;
}
.brand_list_title{
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(50, 51, 51, 1);
    height: 11.733333vw;
    font-size: 4.8vw;
    font-weight: bold;
}
.brand_list_title>.left{
    color: rgba(50, 51, 51, 1);
    position: absolute;
    left: 4vw;
    top: 2.933333vw;
    font-size: 4.266667vw;
}
.brandlist{
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    overscroll-behavior: contain;
}
.brandlist>.prefix{
    width: 100%;
    display: flex;
    align-items: center;
    color: rgba(143, 145, 150, 1);
    height: 7.466667vw;
    font-size: 3.466667vw;
    padding-left: 4vw;
    background: rgba(247, 248, 250, 1);
}
.brandlist>.item{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 4.266667vw;
    color: rgba(50, 51, 51, 1);
    height: 16vw;
}
.brandlist>.item>div{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17.6vw;
}
.brandlist>.item>div>img{
    height: 8vw;
}
.brandlist>.letter{
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 5vw;
    height: 100vh;
    top: 0;
    right: 2vw;
}
.brandlist>.letter>div{
    width: 10vw;
    height: 6vw;
    display: flex;
    justify-content: center;
    align-items: center;
}