.hcp-grid{
display:grid;
gap:40px;
}

.hcp-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.hcp-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.hcp-grid.cols-4{grid-template-columns:repeat(4,1fr);}
.hcp-grid.cols-5{grid-template-columns:repeat(5,1fr);}

.hcp-card{
position:relative;
text-decoration:none;
display:block;
}

.hcp-title-wrap{
position:relative;
overflow:hidden;
}

.hcp-title{
font-size:28px;
transition:.4s;
}

/* 图片漂浮 */

.hcp-image{
position:fixed;
width:260px;
pointer-events:none;
z-index:9999;
opacity:0;
transform:translate(-50%,-50%) scale(.85);
transition:.3s;
}

/* hover */

.hcp-card:hover .hcp-title{
transform:translateY(-10px);
}

/* 移动端关闭 */

@media(max-width:1024px){

.hcp-image{
display:none !important;
}

}