@media screen and (min-width:700px){.class-item{width:200px}}@media screen and (max-width:700px){.class-item{width:calc(100% - 30px)}.show-btn{width:20px;height:20px;background-color:#c91234;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;padding:0;box-sizing:border-box;padding-bottom:2px}}.classification-title{font-weight:700;font-size:23px;color:var(--color-title);margin:24px 20px;display:flex;align-items:center;border-bottom:2px solid #db2778;padding-bottom:5px}.classification-item{border:1px solid var(--color-border);padding:24px;border-radius:4px;margin:0!important;margin-bottom:10px!important;height:188px;cursor:pointer}.classification-item .el-col{height:100%}.classification-item .cla-img{height:100px;width:100px;overflow:hidden}.classification-item .cla-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.classification-item-text div{font-weight:600;font-size:15px;color:#0070c0;margin-bottom:14px;text-align:center;margin-top:20px}.classification-item-text p{font-weight:400;font-size:13px;color:#333;line-height:1.5;overflow:hidden;height:140px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7}.classification-item-text span:hover{color:var(--color-main);font-size:15px}.classification-item:hover{background-color:#f9dee2}