.material-box[data-v-bb036c96]{width:100%;height:auto;margin:30px auto 0}.material-box .box[data-v-bb036c96]{width:100%;height:100%;padding:0;justify-content:center}.material-box .box .content[data-v-bb036c96]{width:100%;max-width:1200px;padding:0 16px;box-sizing:border-box;height:100%}.material-box .box .content .title[data-v-bb036c96]{font-size:20px;font-weight:700;margin-top:40px}.material-box .box .content .tip[data-v-bb036c96]{margin-top:15px;color:#4e5969}.material-box .box .content .brand-section[data-v-bb036c96]{width:100%;max-width:1200px;margin:30px auto;min-height:120px}.material-box .box .content .brand-section .brand-grid[data-v-bb036c96]{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.material-box .box .content .brand-section .brand-grid .brand-card[data-v-bb036c96]{flex:0 1 calc(20% - 16px);min-width:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.material-box .box .content .brand-section .brand-grid .brand-card[data-v-bb036c96]:hover{transform:translateY(-10px);box-shadow:0 6px 20px 0 rgba(0,0,0,.15)}.material-box .box .content .brand-section .brand-grid .brand-card .brand-image[data-v-bb036c96]{width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px}.material-box .box .content .brand-section .brand-grid .brand-card .brand-image .image[data-v-bb036c96]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.material-box .box .content .brand-section .brand-grid .brand-card .brand-info[data-v-bb036c96]{padding:12px;background-color:#fff}.material-box .box .content .brand-section .brand-grid .brand-card .brand-info .brand-name[data-v-bb036c96]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-box .box .content .brand-section .brand-grid .brand-card .brand-info .brand-slogan[data-v-bb036c96]{font-size:12px;color:#99a5b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1200px){.material-box .box .content .brand-section .brand-grid .brand-card[data-v-bb036c96]{flex-basis:calc(25% - 15px)}}@media screen and (max-width:900px){.material-box .box .content .brand-section .brand-grid[data-v-bb036c96]{gap:12px}.material-box .box .content .brand-section .brand-grid .brand-card[data-v-bb036c96]{flex-basis:calc(50% - 6px)}}