.hot-brand{width:100%;height:auto;margin:0 auto}.all-brand-box>.title,.hot-brand .title{width:100%;height:auto;text-align:left;font-size:16px;color:#333;font-weight:700}.hot-brand ul{margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center}.hot-brand ul li{margin:10px 0 0 10px;width:calc(calc(100% - 20px)/ 3);width:-moz-calc(calc(100% - 20px)/ 3);width:-webkit-calc(calc(100% - 20px)/ 3);width:-ms-calc(calc(100% - 20px)/ 3)}.all-brand-box{width:100%;height:auto;margin-top:20px}.all-brand{background:#fff;padding:20px 10px;margin-top:20px}.all-brand .brand-search{width:100%;height:auto;position:relative}.all-brand .brand-search input{width:100%;height:42px;padding:0 10px 0 42px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);-webkit-border-radius:var(--border-radius-small);-moz-border-radius:var(--border-radius-small);-ms-border-radius:var(--border-radius-small);-o-border-radius:var(--border-radius-small)}.all-brand .brand-search span{display:inline-block;width:42px;height:42px;line-height:44px;text-align:center;position:absolute;top:0;left:4px;border-top-left-radius:10px;border-bottom-left-radius:10px;cursor:pointer}.all-brand .brand-search span i{font-size:26px;color:#999}.all-brand .brand-menu{width:100%;height:auto;margin:20px 0 30px}.all-brand .brand-menu ul{width:100%;height:auto;display:flex;align-items:center;flex-wrap:wrap}.all-brand .brand-menu ul li{width:32px;height:32px;color:#333;font-size:14px;border:1px solid var(--border-color);line-height:32px;text-align:center;margin:0 10px 10px 0;border-radius:var(--border-radius-small);-webkit-border-radius:var(--border-radius-small);-moz-border-radius:var(--border-radius-small);-ms-border-radius:var(--border-radius-small);-o-border-radius:var(--border-radius-small)}.all-brand .brand-menu ul li.active,.all-brand .brand-menu ul li:hover{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;cursor:pointer}.all-brand .brand-list li{width:100%;height:auto;margin-top:20px}.all-brand .brand-list li:first-child{margin-top:0}.all-brand .brand-list li .title{width:100%;height:34px;font-size:16px;line-height:34px;color:#333;text-align:left;border-bottom:1px solid var(--border-color);font-weight:700}.all-brand .brand-list li .list{width:100%;height:auto;display:flex;flex-flow:wrap}.all-brand .list span{color:#333;margin:20px 30px 0 0}.all-brand .bshow{display:inline-block!important}.all-brand .bhide{display:none!important}.all-brand .list span:hover{color:var(--primary-color)}@media (max-width:575px){.hot-brand ul li:nth-child(3n+1){margin-left:0}}@media (min-width:576px){.hot-brand ul li{width:calc(calc(100% - 30px)/ 4);width:-moz-calc(calc(100% - 30px)/ 4);width:-webkit-calc(calc(100% - 30px)/ 4);width:-ms-calc(calc(100% - 30px)/ 4)}}@media (min-width:768px){.all-brand-box>.title,.hot-brand .title{font-size:26px}.all-brand{padding:20px}.all-brand .brand-search{width:50%}.all-brand .brand-list li{margin-top:30px}}@media (min-width:576px) and (max-width:991px){.hot-brand ul li:nth-child(4n+1){margin-left:0}}@media (min-width:992px){.hot-brand ul li{width:calc(calc(100% - 50px)/ 6);width:-moz-calc(calc(100% - 50px)/ 6);width:-webkit-calc(calc(100% - 50px)/ 6);width:-ms-calc(calc(100% - 50px)/ 6)}.hot-brand ul li:nth-child(6n+1){margin-left:0}}@media (min-width:1200px){.all-brand-box{margin-top:40px}.all-brand-box>.title,.hot-brand .title{font-size:30px}}