.box[data-v-990dbf3c]{display:flex;flex-wrap:wrap;justify-content:flex-start}.box .item[data-v-990dbf3c]{width:240px;margin:15px;border:1px solid var(--borderColor);border-radius:10px;position:relative}.box .item .title[data-v-990dbf3c]{text-align:center;padding:20px}.box .item .mask[data-v-990dbf3c]{display:none;width:100%;height:100%;position:absolute;left:0;right:0;top:0;background-color:rgba(0,0,0,.5);text-align:center;border-radius:10px}.box .item .mask .btn[data-v-990dbf3c]{color:#fff;border:1px solid #fff;margin:0 auto;padding:10px 25px;border-radius:5px}.box .item .mask .btn[data-v-990dbf3c]:hover{background-color:var(--color);border-color:var(--color)}.box .item:hover .mask[data-v-990dbf3c]{display:flex;flex-direction:column;justify-content:center}.imgbox{width:300px}