.user[data-v-eab5b582]{padding:0 100px 100px}.user .content[data-v-eab5b582]{margin-top:40px}.user .content .content-img[data-v-eab5b582]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px 17px}.user .content .content-img .content-item[data-v-eab5b582]{background:#f5f6f9;position:relative;max-width:327px;max-height:240px;cursor:pointer}.user .content .content-img .content-item img[data-v-eab5b582]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.user .content .content-img .content-item .top[data-v-eab5b582]{top:0;bottom:0;background-color:rgba(0,0,0,.2)}.user .content .content-img .content-item .bottom[data-v-eab5b582],.user .content .content-img .content-item .top[data-v-eab5b582]{position:absolute;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.user .content .content-img .content-item .bottom[data-v-eab5b582]{bottom:20px;margin:0 auto;width:247px}.user .content .content-img .content-item:hover .bottom[data-v-eab5b582],.user .content .content-img .content-item:hover .top[data-v-eab5b582]{opacity:1}