.catalog .top[data-v-8cbb56c7]{background:url(./bg.DEhFbSLl.png) no-repeat 50%;background-size:cover;padding:100px}.catalog .top .title[data-v-8cbb56c7]{text-align:center;color:#fff}.catalog .top .title h1[data-v-8cbb56c7]{font-size:40px;margin-bottom:20px}.catalog .top .title p[data-v-8cbb56c7]{font-size:14px;color:#fffc}.catalog .catalog_container[data-v-8cbb56c7]{width:1232px;margin:0 auto;padding:16px;background-color:#fff}.catalog .catalog_container .tips[data-v-8cbb56c7]{font-size:14px;color:#333}.catalog .catalog_container .tips span[data-v-8cbb56c7]{color:var(--color-primary);font-size:18px}.catalog .catalog_container .w[data-v-8cbb56c7]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.catalog .catalog_container .w .list[data-v-8cbb56c7]{width:232px;display:flex;flex-direction:column;position:relative;background-color:#f5f6fa;justify-content:space-between}.catalog .catalog_container .w .list img[data-v-8cbb56c7]{width:100%}.catalog .catalog_container .w .list .body[data-v-8cbb56c7]{padding:10px}.catalog .catalog_container .w .list .body .name[data-v-8cbb56c7]{margin-bottom:10px;height:36px;line-height:18px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.catalog .catalog_container .w .list .btn[data-v-8cbb56c7]{display:flex}.catalog .pagination[data-v-8cbb56c7]{margin-top:20px;justify-content:center}