.img-wrap{position:relative;width:134px;height:100px;overflow:hidden;border-radius:6px;margin:5px}.img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.img-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.img-wrap:hover .img-mask{opacity:1;visibility:visible}.mask-icon{width:40px;height:40px;border-radius:50%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;font-size:18px;color:#333;-webkit-transition:background .2s;transition:background .2s}.mask-icon:hover{background-color:#409eff;color:#fff}.mask-icon.del:hover{background-color:#f56c6c}