.navbar{width:1200px;margin:20px auto;padding:10px 20px;display:flex;background-color:#fff;box-sizing:border-box;justify-content:flex-start;box-shadow:0 1px 4px rgba(0,0,0,0.1)}.navbar .navbar-item{margin-right:15px;padding:8px 16px;text-decoration:none;color:#333;border-radius:4px;transition:background-color .3s}.navbar .navbar-item:hover{background-color:#f0f0f0}.navbar .active{background-color:#ff5555cc;color:#fff}.category-container{max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;background-color:white}.category-container .category,.category-container .province{margin-bottom:10px}.category-container .category:last-child,.category-container .province:last-child{margin-bottom:0}.category-container .category a,.category-container .province a{font-size:14px;padding:5px 8px;display:inline-block}.category-container .category a:hover:first-child,.category-container .province a:hover:first-child{color:#333}.category-container .category a:not(:first-child),.category-container .province a:not(:first-child){cursor:pointer;transition:background-color .3s}.category-container .category a:not(:first-child).active,.category-container .province a:not(:first-child).active{color:white;background-color:#ff5555cc}.category-container .category a:not(:first-child):hover,.category-container .province a:not(:first-child):hover{background-color:#f0f0f0}.paihang-container{max-width:1200px;margin:0 auto;box-sizing:border-box}.paihang-container .tags{margin:15px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow:hidden;background-color:#fff}.paihang-container .tag{min-width:100px;padding:5px 10px;cursor:pointer;font-size:14px;text-align:center;transition:background-color .3s,color .3s}.paihang-container .tag.active{background-color:#ff5555cc;color:white;font-weight:bold}.paihang-container .tag:hover{background-color:rgba(255,34,34,0.8);color:white}.paihang-container .brand-list{display:none}.paihang-container .brand-list:nth-child(2){display:block}.paihang-container .brand-card{margin:15px 0;padding:20px;background-color:#fff}.paihang-container .brand-card:last-child{margin-bottom:0}.paihang-container .brand-header{display:flex;justify-content:space-between;align-items:center}.paihang-container .brand-header h2{margin:0;font-weight:bold}.paihang-container .brand-header .rating{background-color:#fa8072;color:#fff;padding:5px 10px;border-radius:5px}.paihang-container .attributes{display:flex;flex-wrap:wrap;margin-top:10px}.paihang-container .attribute{background-color:#eee;margin:5px;padding:5px 10px;border-radius:5px}.paihang-container .brand-description{margin-top:10px}.brand-container{padding:20px;box-sizing:border-box;background-color:#fff}.brand-container h2{font-weight:bold;text-align:left;margin-bottom:20px}.brand-container .brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:10px;border-radius:30px;background:linear-gradient(to right, #eee, #ddd)}.brand-container .brand:nth-child(1){background:linear-gradient(to right, #ff6f61, #ffa69e)}.brand-container .brand:nth-child(2){background:linear-gradient(to right, #ffb067, #ffc785)}.brand-container .brand:nth-child(3){background:linear-gradient(to right, #b9e28c, #d7ead9)}.brand-container .brand:nth-child(4){background:linear-gradient(to right, #73c8a9, #b7e0d6)}.brand-container .brand:nth-child(5){background:linear-gradient(to right, #7087b0, #9aaec8)}.brand-container .logo{display:flex;align-items:center;background:transparent}.brand-container .logo img{height:50px;object-fit:contain;border-radius:4px;margin-right:10px}.brand-container .ranking{font-size:1.2em;font-weight:bold;margin-right:15px}.brand-container .text{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.other-brand-container{max-width:1200px;margin:15px auto 0;padding:20px;box-sizing:border-box;background-color:#fff}.other-brand-container h2{font-weight:bold;text-align:left;margin-bottom:20px}.other-brand-container .brand-list{display:flex;flex-wrap:wrap;justify-content:start;gap:20px}.other-brand-container .card{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;position:relative;width:calc((100% - 160px) / 9);height:50px;box-sizing:border-box;background-color:white;border:1px solid #ddd}.other-brand-container .card img{width:100%;height:100%;position:relative;z-index:1;object-fit:cover;background-color:#fff}@media screen and (max-width:992px){.brand-container .brand{padding:5px 10px}.brand-container .brand .logo img{height:30px}.other-brand-container .card{width:calc((100% - 100px) / 6)}}@media screen and (max-width:768px){.other-brand-container .card{width:calc((100% - 60px) / 4)}}