.other_grid_7{--num-other_grid_7:3;--gap-other_grid_7:.3rem;--desc_line-grid7:3;--desc_lineheight-grid7:1.5;--desc_size-grid7:16px;--desc_height-grid7:calc(var(--desc_size-grid7) * var(--desc_line-grid7) * var(--desc_lineheight-grid7));--gradient_top:var(--site-color-transparent);--gradient_bottom:var(--site-color)}@media (max-width:767px){.other_grid_7{--num-other_grid_7:2;--gap-other_grid_7:.1rem}}.other_grid_7-head{display:flex;align-items:center;gap:1rem;padding-bottom:.4rem}@media (max-width:767px){.other_grid_7-head{flex-wrap:wrap;gap:.2rem}}.other_grid_7-head-text{flex:1 0;display:flex;flex-direction:column;gap:.2rem}@media (max-width:767px){.other_grid_7-head-text{flex:0 0 auto;width:100%;gap:.1rem}}.other_grid_7-head-button-item{height:40px;display:flex;align-items:center;font-size:16px;color:#fff;padding:0 .3rem;background:var(--site-color);border-radius:4px;overflow:hidden}.other_grid_7-main{display:flex;flex-wrap:wrap;gap:var(--gap-other_grid_7);color:#fff}@media (max-width:767px){.other_grid_7-main{flex:0 0 auto;width:100%}}.other_grid_7-item{display:block;position:relative;width:calc((100% / var(--num-other_grid_7)) - (var(--gap-other_grid_7) * (var(--num-other_grid_7) - 1) / var(--num-other_grid_7)));overflow:hidden;color:inherit}.other_grid_7-item-img{width:100%;display:flex;justify-content:center;align-items:center;transition:.3s all;position:relative;z-index:1}.other_grid_7-item-img img{display:block;width:100%}.other_grid_7-item::before{content:"";position:absolute;left:0;bottom:0;z-index:2;width:100%;height:100%;background:linear-gradient(to bottom, var(--gradient_top), var(--gradient_bottom));transition:.3s all}.other_grid_7-item-text{position:absolute;bottom:0;left:0;z-index:3;width:100%;padding:.24rem;transition:.3s all}.other_grid_7-item-text[data-desc="1"]{transform:translateY(var(--desc_height-grid7))}.other_grid_7-item-title{font-size:24px;font-weight:bold;margin-bottom:.24rem}.other_grid_7-item-desc{display:-webkit-box;-webkit-line-clamp:var(--desc_line-grid7);overflow:hidden;text-overflow:ellipsis;font-size:var(--desc_size-grid7);line-height:var(--desc_lineheight-grid7);height:var(--desc_height-grid7);opacity:0;transition:.3s all}.other_grid_7-item-arrow{width:.3rem;height:.3rem;border-radius:50%;overflow:hidden;border:1px solid currentColor;display:flex;justify-content:center;align-items:center;margin-top:.2rem}.other_grid_7-item-arrow>svg{width:18px;height:18px;stroke:currentColor;stroke-width:4px}.other_grid_7-item:hover .other_grid_7-item-text[data-desc="1"]{transform:translateY(0)}.other_grid_7-item:hover .other_grid_7-item-desc{opacity:1}
/*# sourceMappingURL=./other-grid-7.css.map */