.product-list-wrapper{background-color:#f6f6f6}.product-list-wrapper .product-list-content{display:flex;gap:74px}.product-list-wrapper .product-nav{width:330px}.product-list-wrapper .product-nav .product-nav-list{display:flex;flex-direction:column;gap:40px}.product-list-wrapper .product-nav .product-nav-list .product-nav-item{position:relative}.product-list-wrapper .product-nav .product-nav-list .product-nav-item .product-link{padding:10px 0 16px;border-bottom:1px solid #D9D9D9;display:flex;justify-content:space-between}.product-list-wrapper .product-nav .product-nav-list .product-nav-item .product-link .text-wrapper{display:flex;align-items:center;gap:8px}.product-list-wrapper .product-nav .product-nav-list .product-nav-item .product-link .text-wrapper::before{content:'';width:8px;height:8px;border-radius:50%;background-color:#222222}.product-list-wrapper .product-nav .product-nav-list .product-nav-item .product-link .iconfont{font-size:20px;color:#D9D9D9}.product-list-wrapper .product-nav .product-nav-list .product-nav-item.active .product-link,.product-list-wrapper .product-nav .product-nav-list .product-nav-item:hover .product-link{color:var(--primary-color)}.product-list-wrapper .product-nav .product-nav-list .product-nav-item.active .product-link .text-wrapper::before,.product-list-wrapper .product-nav .product-nav-list .product-nav-item:hover .product-link .text-wrapper::before{background-color:var(--primary-color)}.product-list-wrapper .product-nav .product-nav-list .product-nav-item.active .product-link .iconfont,.product-list-wrapper .product-nav .product-nav-list .product-nav-item:hover .product-link .iconfont{color:var(--primary-color)}.product-list-wrapper .product-list-right{width:calc(100% - 330px - 74px)}.product-list-wrapper .product-list-right .product-list{display:flex;flex-wrap:wrap;gap:20px}.product-list-wrapper .product-list-right .product-list .product-item{width:calc(100% / 4 - (20px * 3 / 4))}.product-list-wrapper .product-list-right .product-list .product-item .image-box{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative;background-color:#fff}.product-list-wrapper .product-list-right .product-list .product-item .image-box img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.product-list-wrapper .product-list-right .product-list .product-item .image-box .mask-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:#00000033;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:60px;transition:all .5s ease;transform:translateY(100%)}.product-list-wrapper .product-list-right .product-list .product-item .image-box .mask-layer .icon-wrapper{width:44px;height:44px;border-radius:50%;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;padding:10px}.product-list-wrapper .product-list-right .product-list .product-item .image-box .mask-layer .icon-wrapper img{width:100%}.product-list-wrapper .product-list-right .product-list .product-item .image-box .mask-layer .icon-wrapper:hover{opacity:.7}.product-list-wrapper .product-list-right .product-list .product-item .title{padding:20px;position:relative;text-align:center}.product-list-wrapper .product-list-right .product-list .product-item:hover .title{color:var(--primary-color)}.product-list-wrapper .product-list-right .product-list .product-item:hover .image-box img{transform:scale(1.1)}.product-list-wrapper .product-list-right .product-list .product-item:hover .image-box .mask-layer{transform:translateY(0)}@media screen and (max-width:1400px){.product-list-wrapper .product-list-content{gap:40px}.product-list-wrapper .product-list-content .product-nav{width:280px}.product-list-wrapper .product-list-content .product-nav .product-nav-list{gap:24px}.product-list-wrapper .product-list-content .product-list-right{width:calc(100% - 280px - 40px)}.product-list-wrapper .product-list-content .product-list-right .product-list .product-item{width:calc(100% / 3 - (20px * 2 / 3))}.product-list-wrapper .product-list-content .product-list-right .product-list .product-item .image-box .mask-layer{gap:36px}.product-list-wrapper .product-list-content .product-list-right .product-list .product-item .title{padding:16px}}@media screen and (max-width:992px){.product-list-wrapper .product-list-content{flex-direction:column;gap:16px}.product-list-wrapper .product-list-content .product-nav{width:100%}.product-list-wrapper .product-list-content .product-nav .product-nav-list{gap:12px}.product-list-wrapper .product-list-content .product-list-right{width:100%}.product-list-wrapper .product-list-content .product-list-right .product-list{gap:12px}.product-list-wrapper .product-list-content .product-list-right .product-list .product-item{width:calc(50% - 6px)}.product-list-wrapper .product-list-content .product-list-right .product-list .product-item .image-box .mask-layer{gap:24px}.product-list-wrapper .product-list-content .product-list-right .product-list .product-item .image-box .mask-layer .icon-wrapper{width:32px;height:32px;padding:6px}.product-list-wrapper .product-list-content .product-list-right .product-list .product-item .title{padding:12px}}