@media (min-width: 1025px){

.pro-main .common-main{display: flex;max-width: 1600px;margin: auto;padding: 40px 20px 0;}
.pro-main .page-nav{width: 350px;}
.pro-main .page-nav .pagenav-catelist>li ul{position:static;opacity:1;transform:none;background:none;box-shadow:0 0 0;display:none}
.pro-main .page-nav .pagenav-catelist>li{margin-right: 0;padding: 5px 10px;width: 100%;justify-content: space-between;flex-wrap:wrap}
.pro-main .page-nav .pagenav-catelist>li:hover >ul{display:block}
.pro-main .page-nav .pagenav-cate{padding: 0;}
.pro-main .page-nav .l-wrap{max-width: 100%;padding: 0;}
.pro-main .page-main{width: calc(100% - 350px);padding-left: 30px;}
.pro-main .page-main .l-wrap{padding: 0;}
.pro-main .pro-list.list1 li{width: 32%;margin-right: 2%;}
.pro-main .pro-list.list1 li:nth-child(3n){margin-right: 0;}
.pro-main .pro-list.list1 li:nth-child(4n){margin-right: 2%;}}
  .pro-list li .pro-info .icon{position:unset;opacity:1}
.pro-list.list1 li .pro-info .bottom-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pro-list li .pro-info .icon{width:auto;transform:unset;color:#fff;background:var(--color);border-radius:10px;padding:0 10px}
.pro-list li .pro-info .icon em{margin-right:5px}
.pro-list li .pro-info .icon.pro-checked {color: #fff}
@media (max-width:500px){.pro-list li .pro-info .icon .view-mofffre-text{font-size:13px}
}



@media (min-width:769px) {
.product-catelist{justify-content: space-between;}
.product-cateitem{width: 23%;margin:0}
.product-cateitem .cate-info .cate-title{-webkit-line-clamp: 3;}}
  @media (min-width:768px){.product-cateitem .cate-img{border-bottom:1px solid #EEEEEE}
.product-cateitem:hover .cate-info{color:unset;background:unset}
.product-cateitem .cate-info .cate-title{text-align:center}
.product-cateitem .cate-img::after{display:none}
.product-cateitem{box-shadow:0 10px 40px 0 rgba(0,0,0,.1)}
.product-cateitem:hover .cate-info::before{width:100%}
.product-cateitem .cate-info{position:relative;left:unset;width:100%;right:unset;bottom:unset;display:inline-block}
.product-cateitem .cate-info::before{content:"";position:absolute;top:-1px;left:0;width:0%;height:1px;background:var(--color);transition:all .3s 
linear;z-index:1}
.product-cateitem:hover .cate-info::after{opacity:1;left:calc(100% - 4px)}
.product-cateitem .cate-info::after{transition:all .3s 
linear;content:"";position:absolute;top:-3.5px;left:0;opacity:0;width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent var(--color)}
}
.common-page{max-width: 100%;padding: 0 calc((100% - 700px)/2)}
.product-cateitem .cate-info .more{padding:10px 20px;color:#fff;background:var(--color);border-radius:10px;width:100%;text-align:center}