.variety-container[data-v-2bafd049]{padding:.24rem .15rem .4rem}.variety-container .title[data-v-2bafd049]{margin:.4rem 0;color:#333;font-size:.24rem;font-weight:700;padding-left:.18rem;line-height:1;border-left:.06rem solid #dc2f27}.variety-container .cat-list[data-v-2bafd049]{display:flex;align-items:center;border-bottom:1px solid #eee;flex-wrap:wrap}.variety-container .cat-list .cat-item[data-v-2bafd049]{color:#333;font-size:.16rem;margin-right:.4rem;line-height:.32rem;padding:0 .16rem;margin-bottom:.15rem;cursor:pointer;background:transparent;transition-duration:.2s;transition-timing-function:ease;transition-property:background-color,opacity,color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.variety-container .cat-list .cat-item[data-v-2bafd049]:hover{opacity:.8}.variety-container .cat-list .cat-item.on[data-v-2bafd049]{background:#ffedec;color:#dc2f27}.variety-container .list[data-v-2bafd049]{padding:.24rem 0 .4rem;display:flex;flex-wrap:wrap;justify-content:left}.variety-container .list .item[data-v-2bafd049]{width:23.5%;margin-left:2%;margin-bottom:.4rem;cursor:pointer;position:relative;top:0;transition:top .2s ease}.variety-container .list .item[data-v-2bafd049]:nth-child(4n-3){margin-left:0}.variety-container .list .item[data-v-2bafd049]:hover{top:-.06rem}.variety-container .list .item:hover div[data-v-2bafd049]{color:#dc2f27}.variety-container .list .item .img-box[data-v-2bafd049]{margin-bottom:.15rem;overflow:hidden;max-height:2.2rem;border-radius:.04rem}.variety-container .list .item img[data-v-2bafd049]{width:100%;height:auto}.variety-container .list .item div[data-v-2bafd049]{transition:color .2s ease;color:#333;font-size:.18rem;line-height:1;text-align:center;width:100%}@media screen and (max-width:750px){.variety-container .list .item[data-v-2bafd049]{width:48%;margin-left:4%}.variety-container .list .item[data-v-2bafd049]:nth-child(2n-1){margin-left:0}}