.box[data-v-0d462e42]{display:flex;flex-wrap:wrap;justify-content:flex-start}.box .item[data-v-0d462e42]{width:240px;margin:15px;border:1px solid var(--borderColor);border-radius:14px;position:relative}.box .item .el-image[data-v-0d462e42]{border-radius:14px}.box .item .title[data-v-0d462e42]{text-align:center;padding:20px}.box .item .mask[data-v-0d462e42]{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:14px}.box .item .mask .btn[data-v-0d462e42]{color:#fff;border:1px solid #fff;margin:0 auto;padding:10px 25px;border-radius:5px}.box .item .mask .btn[data-v-0d462e42]:hover{background-color:var(--color);border-color:var(--color)}.box .item:hover .mask[data-v-0d462e42]{display:flex;flex-direction:column;justify-content:center}.imgbox{width:300px}.type-list{display:flex;margin-top:20px}.type-list .type-item{padding:8px 16px;border-radius:4px;background-color:#f4f7f9;color:#444;margin-right:10px;font-size:14px}.type-list .type-item:hover{color:var(--color)}.type-list .type-item-active:hover{color:#f4f7f9!important}.type-list .type-item-active{color:var(--color2);background-color:var(--color);font-weight:700}.nodataDiv{height:597px!important;display:flex;justify-content:center}.paddingLeft{padding:20px 0 20px 0}