:root{--size-hd:10rem;--container:123rem;--p-it:1.6rem;--mb-gap:4rem;--space:2.4rem;--hd:8rem;--hd-small:7rem;--logo-w:15.7rem;--menu:5.4rem;--menu-small:4rem;--it-pd:.8rem;--cm-gap:6.4rem}@media screen and (max-width:1200px){:root{--mb-gap:2.4rem;--cm-gap:4.8rem;--space:1.6rem}}@media screen and (max-width:768px){:root{--hd:6.5rem}}@media screen and (max-width:576px){:root{--mb-gap:1.6rem;--logo-w:13.7rem;--cm-gap:2.4rem}}@media screen and (max-width:430px){:root{--hd:5.5rem}}.brand{padding-top:6.4rem;padding-bottom:10rem}.brand ::-webkit-scrollbar{width:10px;height:0}.brand ::-webkit-scrollbar-track{background:#f1f1f1}.brand ::-webkit-scrollbar-thumb{background:#2c388f}@media screen and (max-width:1200px){.brand{padding-top:4.8rem;padding-bottom:8rem}.brand .brand-top{margin-bottom:4.8rem}}@media screen and (max-width:768px){.brand{padding-top:3.2rem;padding-bottom:6rem}}@media screen and (max-width:576px){.brand .brand-item{width:calc((6/12)*100%)}.brand .brand-detail{background:#fff;border-radius:4px;background:var(--White,#fff);-webkit-box-shadow:24px 24px 40px 0 rgba(0,0,0,.08);box-shadow:24px 24px 40px 0 rgba(0,0,0,.08);overflow:hidden}.brand .brand-detail .img-top{margin-bottom:0}.brand .wrapper-bottom{padding:1.2rem;padding-bottom:2rem;gap:.8rem}.brand .wrapper-bottom .tt-brand{font-size:2rem}.brand .wrapper-bottom .gap-tt{gap:.8rem}.brand .wrapper-bottom .txt-detail{font-size:1.4rem}}@media screen and (max-width:430px){.brand{padding-top:2.4rem}.brand .wrapper-bottom .tt-brand{font-size:1.8rem}}@media screen and (max-width:360px){.brand .tt-main-title{text-align:center;margin-bottom:1rem}.brand .brand-item{width:100%}.brand .brand-item .img-local{margin-inline:auto}.brand .brand-bot{gap:4.8rem}}.hide-hd .brand-top{top:0}.list-cate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.6rem;overflow-x:scroll;width:100%;white-space:nowrap}.brand-top{margin-bottom:6.4rem;position:sticky;top:var(--hd);left:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:10}.brand-top:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;height:100%;background:#fff;z-index:-1}.brand-top .cate{color:var(--BLACK,#131313);font-size:16px;font-style:normal;font-weight:400;line-height:1.5;padding:1rem 2.4rem;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative}.brand-top .cate:after{content:"";position:absolute;width:0;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);height:1px;background:#bcd537;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform-origin:center center;transform-origin:center center}.brand-top .cate.active:after,.brand-top .cate:hover:after{width:100%}.brand-bot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6.4rem}.tt-main-title{color:#bcd537;font-weight:300;line-height:1;text-transform:uppercase;margin-bottom:4rem}@media screen and (max-width:1200px){.tt-main-title{margin-bottom:2.4rem}}.list-brand-new{row-gap:4.8rem}@media screen and (max-width:768px){.list-brand-new{row-gap:3.2rem}}.brand-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.brand-item:hover .img-local{-webkit-filter:unset;filter:unset}.brand-item .img-local{max-width:12rem;max-height:12rem;margin-bottom:var(--space);-webkit-transition:all .3s ease-in-out;position:relative;transition:all .3s ease-in-out}@media screen and (min-width:1201px){.brand-item .img-local{-webkit-filter:grayscale(1);filter:grayscale(1)}}.brand-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;height:100%}.brand-detail:hover .img-top img{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.brand-detail:hover .wrapper-bottom .tt-brand{color:#bcd537}.brand-detail .img-top{padding-bottom:calc((292/389)*100%);position:relative;margin-bottom:2.4rem;overflow:hidden}.brand-detail .img-top img{position:absolute;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.brand-detail .link-wrap{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.wrapper-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;height:100%}.wrapper-bottom .tt-brand{color:var(--text-color,var(--text-color,#333));font-size:24px;font-style:normal;font-weight:400;line-height:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wrapper-bottom .txt-detail{overflow:hidden;color:var(--subtext-color,#828282);font-size:16px;font-style:normal;font-weight:400;line-height:1.5;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.wrapper-bottom .gap-tt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:1.6rem}.wrapper-bottom .social-icon{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:.4rem}@media (max-width:575px){.wrapper-bottom .social-icon .img{padding:.1rem}}