.type[data-v-bc86d4e2]{width:10rem;margin:0 auto}.type .main[data-v-bc86d4e2]{display:grid;grid-template-columns:repeat(auto-fill,2.12963rem);justify-content:center;grid-gap:.30556rem;position:relative;margin:0 auto .27778rem}.type .main .item[data-v-bc86d4e2]{display:block;grid-row:auto/span 1;grid-column:auto/span 1;width:2.12963rem;height:2.12963rem;position:relative}.type .main .item img[data-v-bc86d4e2]{width:100%;height:100%;object-fit:cover;border-radius:.18519rem}.type .main .item .mask[data-v-bc86d4e2]{width:100%;height:.40741rem;border-radius:0 0 .18519rem .18519rem;background:rgba(61,61,61,.75);position:absolute;left:0;bottom:0}.type .main .item .name[data-v-bc86d4e2]{font-size:.18519rem;font-weight:900;color:#fff;position:absolute;left:50%;bottom:5%;transform:translate(-50%,-10%);width:100%;text-align:center;display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;word-break:break-all;/*! autoprefixer: ignore next */-webkit-box-orient:vertical}