.ys-ClassifyList[data-v-004cad73]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:30px;width:100%}.ys-ClassifyList .ys-ClassifyList__item[data-v-004cad73]{background-color:var(--ys-white);box-sizing:border-box;padding:24px 30px;position:relative}.ys-ClassifyList .ys-ClassifyList__item h3[data-v-004cad73]{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--ys-text-dark);display:-webkit-box;font-size:24px;font-weight:500;line-height:33px;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis}.ys-ClassifyList .ys-ClassifyList__item .ys-ClassifyList__img[data-v-004cad73]{background-image:url(../img/home/p-bg.png);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;overflow:hidden;padding-top:58.82%;position:relative;width:100%}.ys-ClassifyList .ys-ClassifyList__item .ys-ClassifyList__img img[data-v-004cad73]{height:calc(100% - 18px);left:0;margin:auto;position:absolute;right:0;top:9px;transition:all .4s;width:auto;z-index:1}.ys-ClassifyList .ys-ClassifyList__item p[data-v-004cad73]{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--ys-text);display:-webkit-box;font-size:16px;height:84px;line-height:28px;margin-top:16px;overflow:hidden;text-overflow:ellipsis}.ys-ClassifyList .ys-ClassifyList__item .el-button[data-v-004cad73]{height:44px;margin-top:24px;width:100%}.ys-ClassifyList .ys-ClassifyList__item:hover .ys-ClassifyList__img img[data-v-004cad73]{-webkit-transform:scale(1.1);transform:scale(1.1)}.ys-ClassifyList .ys-ClassifyList__item:hover .ys-ClassifyList__introduce h3[data-v-004cad73]{color:var(--ys-primary)}@media only screen and (max-width:1240px){.ys-ClassifyList[data-v-004cad73]{-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px}}@media only screen and (max-width:1000px){.ys-ClassifyList[data-v-004cad73]{-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:720px){.ys-ClassifyList[data-v-004cad73]{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:24px}.ys-ClassifyList .ys-ClassifyList__item[data-v-004cad73]{padding:12px 16px}.ys-ClassifyList .ys-ClassifyList__item h3[data-v-004cad73]{font-size:18px;margin-bottom:8px}.ys-ClassifyList .ys-ClassifyList__item p[data-v-004cad73]{font-size:13px;height:64px;line-height:22px;margin-top:8px}.ys-ClassifyList .ys-ClassifyList__item .el-button[data-v-004cad73]{font-size:12px;height:36px;margin-top:12px}}
