.resource-grid[data-v-5ba31fb1]{display:flex;flex-wrap:wrap;max-height:480px;overflow-y:auto}.resource-item[data-v-5ba31fb1]{width:120px;margin:0 10px 10px 0;padding:4px;border:2px solid transparent;border-radius:6px;cursor:pointer}.resource-item[data-v-5ba31fb1]:hover{border-color:#dcdfe6}.resource-item.active[data-v-5ba31fb1]{border-color:#409eff}.resource-img[data-v-5ba31fb1]{width:112px;height:80px;border-radius:4px}.resource-name[data-v-5ba31fb1]{font-size:12px;color:#909399;text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination[data-v-5ba31fb1]{margin-top:10px;text-align:right}