body{background-color:#F7F7F7}body .header-nav-wrapper .nav-list-wrapper{background-color:#f0f0f0}body .header-nav-wrapper .nav-list{flex-wrap:wrap;gap:42px 0}body .header-nav-wrapper .nav-list .nav-item{width:calc(100% / 3);display:flex;justify-content:center}body .header-nav-wrapper .nav-list .nav-item a{display:inline-block}.tid-match{visibility:visible}@keyframes rotate360{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.icon-rotating{animation:rotate360 .8s linear}.product-list-wrapper .screen-wrapper{transition:all .3s ease}.product-list-wrapper .screen-wrapper.disabled-element{pointer-events:none;opacity:.8;cursor:not-allowed}.product-list-wrapper .screen-wrapper .button-wrapper{display:flex}.product-list-wrapper .screen-wrapper .button{display:flex;align-items:center;justify-content:center;height:46px;padding:0 16px;color:#fff;background-color:var(--primary-color);cursor:pointer}.product-list-wrapper .screen-wrapper .button .iconfont{margin-left:4px;font-size:32px}.product-list-wrapper .screen-wrapper .screen-title{display:flex;align-items:center;justify-content:space-between}.product-list-wrapper .screen-wrapper .screen-title .title{font-family:'OPPOSans-B'}.product-list-wrapper .screen-wrapper .screen-swiper{background-color:#FFFFFF;overflow:hidden;position:relative}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-scrollbar{left:0;bottom:0;width:100%;height:8px;background-color:#E6E6E6}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-scrollbar .swiper-scrollbar-drag{background-color:var(--primary-color)}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide{width:200px;border-right:1px solid #eee}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide:last-child{border-right:none}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .title{padding:0 24px;height:80px;display:flex;align-items:center;background-color:var(--primary-color);color:#fff}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .search{padding:0 24px;height:60px;line-height:60px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .search:placeholder{color:#D9D9D9}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:24px 12px;height:280px;overflow-y:auto}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group::-webkit-scrollbar{width:4px;background-color:#E6E6E6}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group::-webkit-scrollbar-track{width:4px;background-color:#E6E6E6}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group::-webkit-scrollbar-thumb{border-radius:2px;background-color:#999}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group{display:flex;flex-direction:column;gap:24px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label{cursor:pointer;display:flex;align-items:center}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label .checkbox{width:18px;height:18px;border:1px solid #E6E6E6;margin-right:8px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label .checkbox:checked{border-color:var(--primary-color);background-color:var(--primary-color);position:relative}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label .checkbox:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:16px;font-weight:bold}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label input:checked+.icon{border-color:var(--primary-color);background-color:var(--primary-color);position:relative}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label input:checked+.icon::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:16px;font-weight:bold}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label .icon{width:18px;height:18px;border:1px solid #E6E6E6;margin-right:8px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .btn-reset{width:100%;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .btn-reset .iconfont{color:var(--primary-color);font-size:24px}.product-list-wrapper .screen-wrapper .select-list-wrapper{background-color:#FFFFFF;padding-left:24px;padding-right:24px}.product-list-wrapper .screen-wrapper .select-list-wrapper .select-list{display:flex;flex-wrap:wrap;gap:12px}.product-list-wrapper .screen-wrapper .select-list-wrapper .select-list .select-item{display:flex;align-items:center;justify-content:center;padding:12px 16px;background-color:#F7F7F7}.product-list-wrapper .screen-wrapper .select-list-wrapper .select-list .select-item .iconfont{cursor:pointer;margin-left:12px;color:var(--primary-color)}.product-list-wrapper .product-list-title-wrapper{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding-left:50px;padding-right:50px}.product-list-wrapper .product-list-title-wrapper .title{font-family:'OPPOSans-B'}.product-list-wrapper .product-list-title-wrapper .input-wrapper{width:316px;height:40px;background:#F7F7F7;display:flex;align-items:center;color:#fff}.product-list-wrapper .product-list-title-wrapper .input-wrapper input{padding-left:24px;flex:1;height:100%;border:none;background:transparent;font-size:18px}.product-list-wrapper .product-list-title-wrapper .input-wrapper .icon-wrapper{width:48px;height:100%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center}.product-list-wrapper .product-list-title-wrapper .input-wrapper .icon-wrapper .iconfont{font-size:20px}.product-list-wrapper .product-list{display:flex;flex-wrap:wrap;gap:20px 12px}.product-list-wrapper .product-list .product-item{width:calc(100% / 4 - (12px * 3 / 4));background-color:#fff}.product-list-wrapper .product-list .product-item .product-link{display:block;position:relative;height:100%}.product-list-wrapper .product-list .product-item .product-link .image-box{overflow:hidden;aspect-ratio:350 / 300}.product-list-wrapper .product-list .product-item .product-link .image-box img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.product-list-wrapper .product-list .product-item .product-link .text-wrapper{padding:24px 16px;transition:all .5s ease;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.product-list-wrapper .product-list .product-item .product-link .text-wrapper .button{display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-color);height:32px;padding:0 24px;color:#F2AD35}.product-list-wrapper .product-list .product-item .product-link .text-wrapper .button:hover{background-color:var(--primary-color);color:#fff}.product-list-wrapper .product-list .product-item:hover .product-link .image-box img{transform:scale(1.1)}.loading-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9999;display:none}@media screen and (max-width:992px){body .header-nav-wrapper{display:none !important}.product-list-wrapper .screen-wrapper .screen-title .title{width:100%;text-align:center}.product-list-wrapper .screen-wrapper .screen-title .button{display:none;height:40px;padding:0 12px;font-size:14px}.product-list-wrapper .screen-wrapper .screen-title .button .iconfont{font-size:28px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide{width:180px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .title{padding:0 16px;height:60px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .search{padding:0 16px;height:50px;line-height:50px;font-size:14px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group{padding:16px 12px;height:200px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group{gap:16px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label .icon{width:16px;height:16px;margin-right:6px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .group .checkbox-group .label input:checked+.icon::after{font-size:14px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .btn-reset{height:50px}.product-list-wrapper .screen-wrapper .screen-swiper .swiper-slide .form .btn-reset .iconfont{font-size:20px}.product-list-wrapper .screen-wrapper .select-list-wrapper{padding-left:16px;padding-right:16px}.product-list-wrapper .screen-wrapper .select-list-wrapper .select-list{gap:8px}.product-list-wrapper .screen-wrapper .select-list-wrapper .select-list .select-item{padding:8px 12px}.product-list-wrapper .screen-wrapper .select-list-wrapper .select-list .select-item .iconfont{margin-left:8px}.product-list-wrapper .product-list-title-wrapper{padding:12px;flex-direction:column;gap:16px}.product-list-wrapper .product-list-title-wrapper .title{font-size:18px}.product-list-wrapper .product-list-title-wrapper .input-wrapper{width:100%;max-width:400px;height:36px}.product-list-wrapper .product-list-title-wrapper .input-wrapper input{padding-left:16px;font-size:16px}.product-list-wrapper .product-list-title-wrapper .input-wrapper .icon-wrapper{width:40px}.product-list-wrapper .product-list-title-wrapper .input-wrapper .icon-wrapper .iconfont{font-size:18px}.product-list-wrapper .product-list{gap:16px 12px}.product-list-wrapper .product-list .product-item{width:calc(100% / 2 - (12px / 2))}.product-list-wrapper .product-list .product-item .product-link .text-wrapper{padding:12px 8px}.product-list-wrapper .product-list .product-item .product-link .text-wrapper .button{height:28px;padding:0 16px}.product-list-wrapper .paging-wrapper .paging{gap:10px}.product-list-wrapper .paging-wrapper .paging li a{width:40px;height:40px}}