.x-cms-ai-ofp-brand-content{box-sizing:border-box;width:100%;margin-top:70px;font-size:12px}.x-cms-ai-ofp-brand-content *{box-sizing:border-box}.x-cms-ai-ofp-brand-content .brand{width:min(1280px,100% - 32px);margin:0 auto}.x-cms-ai-ofp-brand-content .title{margin:0 0 15px;color:#000;font-size:32px}.x-cms-ai-ofp-brand-content .cardBox{display:flex;flex-wrap:wrap;gap:15px;margin:0 0 35px;padding:0;list-style:none}.x-cms-ai-ofp-brand-content .item{width:calc((100% - 90px) / 7);min-height:75px;border:1px solid #bcbcbc;border-radius:6px;background:#f8f8f8;transition:box-shadow .2s ease}.x-cms-ai-ofp-brand-content .item:hover{box-shadow:0 8px 10px #54545452}.x-cms-ai-ofp-brand-content .lazy_href{display:block;height:100%;text-decoration:none;color:inherit}.x-cms-ai-ofp-brand-content .imgWrap{display:flex;align-items:center;justify-content:center;min-height:73px;border-radius:6px}.x-cms-ai-ofp-brand-content img{max-width:205px;max-height:40px}.x-cms-ai-ofp-brand-content .viewAllBrands{display:block;width:292px;height:45px;margin:0 auto;border:1px solid #0d5c91;border-radius:4px;background:#fff;color:#0d5c91;font-size:16px;font-weight:700;cursor:pointer}.x-cms-ai-ofp-brand-content .viewAllBrands:hover{background:#0d5c91;color:#fff}.x-cms-ai-ofp-brand-content .allBrands{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6)}.x-cms-ai-ofp-brand-content .allBrandsBox{position:relative;width:min(1208px,100% - 48px);height:min(70vh,680px);padding-right:7px;border-radius:12px;background:#fff}.x-cms-ai-ofp-brand-content .allBoxDiv{height:100%;padding:25px 0 0;overflow-y:auto}.x-cms-ai-ofp-brand-content .closeAllBrands{position:absolute;top:-40px;right:-32px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.5);cursor:pointer}.x-cms-ai-ofp-brand-content .closeAllBrands img{width:30px;height:30px}.x-cms-ai-ofp-brand-content .allBrands .title{width:100%;line-height:29px;margin-bottom:15px;padding:0 25px;font-size:24px;font-weight:700}.x-cms-ai-ofp-brand-content .clearfix{margin:0;padding:0 10px 0 25px;list-style:none;overflow:hidden}.x-cms-ai-ofp-brand-content .clearfix .item{float:left;width:calc((100% - 75px) / 6);margin-inline-end:15px;margin-bottom:15px}.x-cms-ai-ofp-brand-content .clearfix .item:nth-child(6n){margin-inline-end:0}@media (max-width: 1279px){.x-cms-ai-ofp-brand-content{margin-top:45px}.x-cms-ai-ofp-brand-content .brand{width:calc(100% - 30px)}.x-cms-ai-ofp-brand-content .title{padding:0 15px;font-size:22px}.x-cms-ai-ofp-brand-content .cardBox{padding:0 15px;gap:10px}.x-cms-ai-ofp-brand-content .item{width:calc((100% - 30px)/4)}.x-cms-ai-ofp-brand-content .allBrandsBox{width:90%;height:400px;padding:25px}.x-cms-ai-ofp-brand-content .allBoxDiv{padding:0}.x-cms-ai-ofp-brand-content .clearfix{overflow-y:auto}.x-cms-ai-ofp-brand-content .clearfix .item{width:calc((100% - 30px)/4)}}@media (max-width: 767px){.x-cms-ai-ofp-brand-content{margin-top:20px}.x-cms-ai-ofp-brand-content .brand{width:100%}.x-cms-ai-ofp-brand-content .cardBox{gap:10px;padding:0 15px}.x-cms-ai-ofp-brand-content .item{width:calc((100% - 10px)/2);margin:0}.x-cms-ai-ofp-brand-content .viewAllBrands{width:calc(100% - 30px);max-width:292px}.x-cms-ai-ofp-brand-content .allBrandsBox{width:95%;height:70%;padding:15px}.x-cms-ai-ofp-brand-content .closeAllBrands{top:2px;right:2px}.x-cms-ai-ofp-brand-content .allBrands .title{font-size:22px;line-height:29px;margin-bottom:15px;padding-right:48px}.x-cms-ai-ofp-brand-content .clearfix{gap:10px}.x-cms-ai-ofp-brand-content .clearfix .item{width:calc((100% - 10px)/2)}}