.ppt-item{width:305px;height:300px;cursor:pointer;border-radius:10px;box-sizing:border-box;border:2px solid #f6f6f6;background-color:#fff;transition:transform .4s linear;overflow:hidden;display:flex;flex-direction:column}.ppt-item a{display:block;height:100%;width:100%}.ppt-item .common-color{color:#f7464e}.ppt-item:hover{transform:translateY(-10px)}.ppt-item:hover .icon-tigger{transition:all .4s linear;opacity:1!important}.ppt-item:hover .img-wrap .collect-wrap{opacity:1}.ppt-item:hover .img-wrap>a{display:block;height:100%;width:100%}.ppt-item .collect-wrap{font-size:13px;opacity:0;position:absolute;top:10px;right:10px;width:63px;display:flex;align-items:center;justify-content:center;border-radius:15px;height:30px;background:#fff;background-size:100% 100%;z-index:999;text-align:center;line-height:24px;color:#5c5c5c;cursor:pointer;transition:all .4s linear}.ppt-item .collect-wrap i{margin-right:1px}.ppt-item .img-wrap{position:relative;width:100%;height:172px}.ppt-item .img-wrap>a{display:block;height:172px;width:100%}.ppt-item .img-wrap .icon-tigger{color:#f7464e;font-size:13px;opacity:0;position:absolute;top:47px;right:10px;width:63px;display:flex;align-items:center;justify-content:center;border-radius:15px;height:30px;background:#fff;background-size:100% 100%;z-index:30;text-align:center;line-height:24px;cursor:pointer}.ppt-item .ppt-item-info{flex:1;padding:0 15px 8px;margin-top:10px;border-bottom:1px solid #f8f8f8}.ppt-item .ppt-item-info .title{font-size:14px;color:#333;margin-bottom:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:21px;font-weight:600}.ppt-item .ppt-item-info .tag-wrap{margin-bottom:15px;display:flex;align-items:center}.ppt-item .ppt-item-info .tag-wrap .tag{color:#606266}.ppt-item .ppt-item-info .tag-wrap .line{color:#f7464e;margin:0 5px}.ppt-item .ppt-item-info .data-wrap{display:flex;align-items:center;color:#999}.ppt-item .ppt-item-info .data-wrap .data-item{margin-right:8px;display:flex;align-items:center}.ppt-item .ppt-item-info .data-wrap .data-item .count{margin-left:4px}.ppt-item .ppt-item-footer{height:38px;padding:0 10px;justify-content:space-between}.ppt-item .ppt-item-footer,.ppt-item .ppt-item-footer .user-info{display:flex;align-items:center}.ppt-item .ppt-item-footer .user-info .el-image{width:20px;height:20px;border-radius:50%}.ppt-item .ppt-item-footer .user-info .name{font-size:12px;margin:0 5px;color:#666}.ppt-item .ppt-item-footer .user-info .lv{color:#f7464e}.ppt-item .ppt-item-footer .time{color:#999}#product-list{margin-top:60px}#product-list .search-wrap{background-color:#fff;padding:20px 0 0;overflow:hidden}#product-list .search-wrap .search-container{width:1640px;margin:0 auto 37px}#product-list .search-wrap .search-item-wrap{display:flex}#product-list .search-wrap .search-item-wrap label{font-size:14px;color:#666;margin-right:12px;margin-top:6px}#product-list .search-wrap .search-item-wrap .search-item-content{flex:1;display:flex;flex-wrap:wrap}#product-list .search-wrap .search-item-wrap .search-item{cursor:pointer;padding:6px 7px;font-size:14px;color:#999;margin-right:26px;border-radius:3px;margin-bottom:20px}#product-list .search-wrap .search-item-wrap .search-item.active{background-color:#f7464e;color:#fff}#product-list .search-wrap .order-wrap{height:49px;border-top:1px solid #ededed}#product-list .search-wrap .order-wrap .order-container{width:1640px;height:100%;margin:0 auto;display:flex;align-items:center}#product-list .search-wrap .order-wrap .order-container .order-item{font-size:16px;line-height:20px;padding:0 45px;border-left:1px solid #ccc;cursor:pointer}#product-list .search-wrap .order-wrap .order-container .order-item.active{color:#f7464e}#product-list .search-wrap .order-wrap .order-container .order-item:first-child{padding-left:0;border-left:none}#product-list .list-wrap{width:1640px;margin:20px auto;display:flex;flex-wrap:wrap}#product-list .list-wrap .list-item{width:305px;height:300px;margin-right:28.75px;margin-bottom:25px}#product-list .list-wrap .list-item:nth-child(5n){margin-right:0}#product-list .list-wrap .pagenation-wrap{margin:20px 0 60px;width:100%;display:flex;justify-content:center}#product-list .anthor-list{display:flex;flex-wrap:wrap;flex:1}#product-list .no-data{position:relative;width:1640px;margin:0 auto;min-height:975px}