.top-categorys .entery .item{width:120px;padding:0 15px}
.top-categorys .entery .item .pic-area{width:80px;margin:0 calc(50% - 40px)}
.top-categorys .entery .item .pic-area .pic{width:80px;height:80px}
.top-categorys .entery .item .pic-area .bg{width:100%;height:auto;top:10px;right:0;z-index:-1;opacity:.4}
.top-categorys .entery .item .name{margin-top:15px}
.top-categorys .entery .item .name:before{position:absolute;bottom:5px;right:0;width:100%;height:10px;content:"";z-index:1;background:linear-gradient(to right,transparent,var(--color),transparent);opacity:.25}
.top-categorys .entery .item:hover .pic-area .bg{opacity:.7}
.top-categorys .entery .item:hover .pic-area .pic{transform:scale(1.1)}
.top-categorys .entery .item:hover .name{color:var(--color)}

@media only screen and (max-width:920px){
.top-categorys .entery .item{width:110px;padding:0 5px}
.top-categorys .entery .item .pic-area{width:60px;margin:0 calc(50% - 30px)}
.top-categorys .entery .item .pic-area .pic{width:60px;height:60px}
.top-categorys .entery .item .name{margin-top:10px;font-size:12px}
}