.products{padding:30px 0}.products .title{margin-bottom:13px}.products .sub-info{line-height:1.8;margin-bottom:20px}.products .sub-info>*:not(:last-child){margin-bottom:1.8em}.products .row{margin-bottom:-30px}.products .row>div{margin-bottom:30px}.products .block{text-align:center}.products .top-wrap{position:relative;padding-left:15px;padding-right:15px;padding-bottom:14px}.products .top-wrap img{width:100%;aspect-ratio:1 / 1}.products .tit{height:54px;font-weight:700;text-align:left;margin-top:15px;margin-bottom:8px}.products .params-list li{display:flex;align-items:center}.products .params-list img{width:auto;height:16px;flex-shrink:0;margin-right:5px}.products .info-group{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;visibility:hidden;transition:all .3s}.products .top-wrap:hover .info-group{opacity:1;visibility:visible}.products .top-wrap .btn{width:152px;color:#fff;padding:7px 15px;margin-top:10px;background:var(--style-color)}.products .color-wrap{display:flex;align-items:center;color:#999;border-top:1px solid #eee;padding-top:10px;padding-bottom:15px;margin-left:15px;margin-right:15px}.products .color-wrap img{width:30px;height:30px;border-radius:50%;background:#eee}.products .color-wrap>*:not(:last-child){margin-right:10px}.products .bottom-wrap{background:#E9F8FD;position:relative;text-align:left;padding-left:15px;padding-top:12px;padding-bottom:12px}.products .bottom-wrap .btn{position:absolute;top:0;right:15px;transform:translateY(-50%);width:30px;height:30px;color:#fff;font-size:20px;border-radius:50%;background:var(--style-color);display:flex;align-items:center;justify-content:center}.products .bottom-wrap .btn i{font-size:inherit;line-height:1}@media (min-width:1200px){.products{padding-top:46px;padding-bottom:60px}.products .sub-info{margin-bottom:45px}.products .row{margin-bottom:-54px}.products .row>div{margin-bottom:54px}.products .tit{height:60px;margin-top:22px}.products .top-wrap .btn{transition:all .3s}.products .top-wrap .btn:hover{color:var(--style-color);background:#fff;border-color:var(--style-color)}.products .color-wrap{padding-top:18px;padding-bottom:24px;margin-left:30px;margin-right:30px}.products .bottom-wrap{padding-left:30px}.products .bottom-wrap .btn{right:30px;width:42px;height:42px;font-size:24px}}@media (min-width:1640px){.products{padding-bottom:110px}.products .row{margin-left:-27px;margin-right:-27px}.products .row>div{padding:0 27px}.products .tit{height:66px}.products .top-wrap{padding-left:30px;padding-right:30px}.products .top-wrap>img{max-width:262px}}.filter-wrap{padding:20px;position:relative;margin-bottom:30px}.filter-wrap .sub-title{color:#fff;margin-bottom:10px}.filter-wrap .filter>*{color:#999}.filter-wrap .item-filter{position:relative;display:none}.filter-wrap .filter-title{height:45px;padding-left:20px;padding-right:20px;display:flex;align-items:center;justify-content:space-between;border-radius:4px;background-color:#fff;border:1px solid #999;cursor:pointer}.filter-wrap .select-list{position:absolute;left:0;top:100%;z-index:1;width:100%;max-height:310px;padding:10px 0;overflow-y:auto;background-color:#fff;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;display:none}.filter-wrap .item-filter.active .select-list{display:block}.filter-wrap .select-list li{display:block;padding:3px 5px 3px 20px;position:relative}.filter-wrap .select-list li.selectd>label>span::before{content:'';position:absolute;left:10px;top:50%;width:6px;height:6px;background-color:#8499a5;transform:translateY(-50%)}.filter-wrap .select-list li>span:hover{background:#f8f8f8}.filter-wrap .select-list label{display:flex;align-items:center;font-weight:400;margin-bottom:0;cursor:pointer}.filter-wrap .select-list li label:not(:last-child){color:#666;margin-top:10px}input[type="checkbox"]{width:20px;height:20px;margin-right:10px}.filter-wrap .select-list li ul li{padding-left:30px}@media (min-width:992px){.filter-wrap .filter{display:flex;margin-left:-13px;margin-right:-13px}.filter-wrap .item-filter{display:block}.filter-wrap .filter>*{flex:1;margin:0 13px}}@media (min-width:1200px){.filter-wrap{padding:28px 40px 30px;margin-bottom:50px}.filter-wrap .sub-title{margin-bottom:19px}.filter-wrap .filter-title{height:50px}.filter-wrap .filter-more .filter-title:hover{background-color:#f1f1f1}}