.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}#active-module{margin:80px auto 100px;width:1280px;min-height:1000px}#active-module .active-content{margin-bottom:20px;width:100%;height:300px;display:flex;background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-sizing:border-box;overflow:hidden}#active-module .active-content .left{width:600px;height:300px}#active-module .active-content .left img{width:100%;height:100%}#active-module .active-content .right{flex:1;width:0;height:300px;margin:0 15px;display:flex;flex-direction:column}#active-module .active-content .right .title{box-sizing:border-box;font-weight:600;color:#000;line-height:24px;font-size:16px;padding:25px 0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#active-module .active-content .right .desc{font-weight:400;color:#a6a9ae;line-height:24px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;box-sizing:border-box;-webkit-box-orient:vertical;margin-bottom:auto}#active-module .active-content .right .keys-wrap{overflow:hidden;position:relative;margin-bottom:15px}#active-module .active-content .right .keys-wrap .label{font-weight:600;font-size:14px;line-height:24px;color:#000}#active-module .active-content .right .keys-wrap .keys-list{margin-top:15px;display:flex}#active-module .active-content .right .keys-wrap .keys-list .key-item{font-weight:500;background:#f8f9fd;border-radius:4px;padding:0 10px;margin:0 5px 5px 0;font-size:12px;color:#9fa4a8;line-height:30px}#active-module .active-content .right .other{height:60px;display:flex;justify-content:space-between;align-items:center}#active-module .active-content .right .other>span{font-weight:400;color:rgba(0,0,0,.4);line-height:24px;font-size:14px;vertical-align:middle}#active-module .product-list{display:flex;flex-wrap:wrap}#active-module .product-list .box{width:305px;height:300px;margin-right:20px;margin-bottom:25px}#active-module .product-list .box:nth-child(4n){margin-right:0}