.mod-productlist01{margin-top: 0 !important;}
 .mod-title{float:none;}
.mod-productlist01 .mod-title .category-title{font-size: calc(1vw + 16px); line-height: calc(1vw + 25px); font-weight:700; color:var(--main);}
.mod-productlist01 .mod-seo{padding:0 0 calc(1vw + 5px);}

.mod-productlist01 .content-bg{overflow:visible;}
.mod-productlist01 .filter-page{overflow:hidden; line-height: 25px; padding:4px 8px; background:#f5f5f5; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.mod-productlist01 .filter-page .pager{overflow: hidden; line-height:30px; white-space: nowrap;}
.mod-productlist01 .filter-page .pager .pager-nav{display:none;}
.mod-productlist01 .filter-page .view-as {padding:5px 7px; display:flex;}
.mod-productlist01 .filter-page .view-as .view-tool{font:0px/1 FontAwesome; color:#999; cursor:pointer;}
.mod-productlist01 .filter-page .view-as .view-tool:before{padding:0 5px; font-size:14px; line-height:20px;}
.mod-productlist01 .filter-page .view-as .tool-name{display: block; line-height:20px; margin:0 4px;}
.mod-productlist01 .filter-page .view-as .icon-list:before{content: "\f0ca";}
.mod-productlist01 .filter-page .view-as .icon-img-list{color:var(--main);}
.mod-productlist01 .filter-page .view-as .icon-img-list:before{content: "\f0ca";}
.mod-productlist01 .filter-page .view-as .icon-list:hover{color:#333;}
.mod-productlist01 .filter-page .view-as .icon-gray:before{content: "\f00a";}
.mod-productlist01 .filter-page .view-as .icon-img-gray{color:var(--main);}
.mod-productlist01 .filter-page .view-as .icon-img-gray:before{content: "\f00a";}
.mod-productlist01 .filter-page .view-as .icon-gray:hover{color:#333;}
.mod-productlist01 .filter-page span{display:block;}

.mod-productlist01 .product-title a{color:var(--main); overflow: hidden; font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px);}
.mod-productlist01 .product-order-info {color:#666; font-size:13px; line-height:20px; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mod-productlist01 .product-order-info span {color:#333;}
.mod-productlist01 .product-order-info .text{color:var(--main);}
.mod-productlist01 .product-order-info .num{color:#666;}
.mod-productlist01 .product-order-info .unit{color:#333;}

.mod-productlist01 a.favorites{position:absolute; top:5px; right:5px; color:#333;}
.mod-productlist01 .list-item a.favorites{right:auto; left:10px; top:calc(0.5vw + 20px);}
.mod-productlist01 a.favorites span{display:none;}
.mod-productlist01 a.favorites:before{content:"\f08a"; font:16px/1 FontAwesome; display:block; width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%; overflow:hidden; background:#fff;}
.mod-productlist01 a.favorites:hover,.mod-productlist01 a.on{color:var(--main);}
.mod-productlist01 a.on:before{content: "\f004";}

.mod-productlist01 .box-gallery{padding:10px 0px; display:flex; flex-wrap:wrap; align-items:stretch; margin:0 -10px;}
.mod-productlist01 .box-gallery .gallery-item{margin:10px; box-sizing:border-box; width:calc(100%/4 - 20px) !important; overflow: hidden; cursor:default; background:#fff; transition:All 0.2s ease-in-out;}
.mod-productlist01 .box-gallery .product-img{position:relative;}
.mod-productlist01 .box-gallery .product-img img{max-width:100%; height:auto !important;}
.mod-productlist01 .box-gallery .product-img img + img{position:absolute; top:0; left:0; bottom:0; right:0; transform:rotateY(90deg); opacity:0;}
.mod-productlist01 .box-gallery .gallery-item:hover .product-img img + img{transform:rotateY(0); opacity:1;}
.mod-productlist01 .box-gallery .product-img a{overflow:hidden; display:block;}
.mod-productlist01 .box-gallery .product-img .mc-click-target{margin-bottom:10px;}
.mod-productlist01 .box-gallery input{margin:5px; position:absolute; top:0px; left:0px; height:15px; width:15px;}

.mod-productlist01 .box-gallery .product-title{overflow:hidden; padding:10px 0px 5px;}

.mod-productlist01 .box-list{padding:10px 0px; overflow:hidden; background:none; border:none;}
.mod-productlist01 .list-item{border-bottom:1px dashed rgba(0,0,0,0.1); padding:calc(0.5vw + 10px) 0; overflow: hidden; background:#fff; display:flex; justify-content:space-between; align-items:center; position:relative;}
.mod-productlist01 .box-list .chk input{margin:0px; padding:0px;}
.mod-productlist01 .box-list .pic{overflow:hidden; width:25%; border:1px solid rgba(0,0,0,0.1);}
.mod-productlist01 .box-list .pic a{display:block;}
.mod-productlist01 .box-list .pic img{width:100%; height:auto;}
.mod-productlist01 .box-list .attr {overflow: hidden; width:calc(75% - 0.5vw - 10px);}
.mod-productlist01 .box-list .product-title{padding-bottom:calc(0.25vw + 5px);}

.mod-productlist01 .box-list .product-message-send {color:#fff; display:inline-block; font-size:13px; padding:5px 10px; background:#333; margin-top:calc(0.75vw + 5px); line-height:20px; border-radius:2px;}
.mod-productlist01 .box-list .product-message-send:hover{background:var(--main);}

.mod-productlist01 .mod-seo-productlist .download{overflow:hidden; display:flex; align-items:center; margin:0 -5px;}
.mod-productlist01 .mod-seo-productlist .download span{display:block;}
.mod-productlist01 .mod-seo-productlist .download .download-title{color:#666; line-height:20px; font-size:12px; padding:0 5px;}
.mod-productlist01 .mod-seo-productlist .download .file a{width:16px; height:16px; padding:2px 5px; display:block;}

@media(max-width:768px) {
    .mod-productlist01 .filter-page {
        padding: 10px;
    }

    .mod-productlist01 .filter-page .pager {
        display: none;
    }

    .mod-productlist01 .filter-page .sel-products {
        float: left;
    }

    .mod-productlist01 .filter-page .view-as {
        display: none;
    }

    .mod-productlist01 .box-gallery .gallery-item {
        width: calc(50% - 20px) !important;
    }

    .mod-productlist01 .product-order-info {
        display: none;
    }

    .mod-productlist01 .product-order-info.price {
        display: -webkit-box;
    }

    .mod-productlist01 .box-list .pic {
        width: 30%;
    }

    .mod-productlist01 .box-list .attr {
        width: calc(70% - 0.5vw - 10px);
    }
}