.cpts-category-item{position:relative;margin:.5rem .75rem;cursor:pointer}.cpts-category-item .bage{height:27px;left:0;position:absolute;top:0;width:63px;z-index:9}.cpts-category-item .bage1{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/tag_VIP.png?a=1) top no-repeat;background-size:100% auto}.cpts-category-item .bage2{background:url(https://cdn1.ali.codinghou.cn/coding/pc/icons/tag_VIP2.png?a=1) top no-repeat;background-size:100% auto}.cpts-category-item .pic{width:17.75rem;height:10rem;overflow:hidden;border-radius:.5rem}@media(min-width:1536px){.cpts-category-item .pic{width:21.5rem;height:12.5rem}}.cpts-category-item .author{box-sizing:border-box;width:17.5rem;display:flex;align-items:center;padding:.5rem}.cpts-category-item .author .avatar{margin-right:.5rem;overflow:hidden;background-color:#c0c4cc;border-radius:50%;height:40px;width:40px}.cpts-category-item .author .name{white-space:wrap;overflow:hidden;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.cpts-category-item .author .username{align-items:center;color:#8e8e8e;display:flex;font-size:15px;justify-content:flex-start}.cpts-category-item-skeleton[data-v-fe446bb8]{display:flex;flex-wrap:wrap}.cpts-category-item-skeleton .category-item-skeleton[data-v-fe446bb8]{position:relative;margin:.5rem .75rem;cursor:pointer}.cpts-category-item-skeleton .category-item-skeleton .skeleton-placeholder[data-v-fe446bb8]{animation:skeleton-loading-fe446bb8 1.5s ease-in-out infinite;background:#3b3d4c}.cpts-category-item-skeleton .category-item-skeleton .category-pic-skeleton[data-v-fe446bb8]{width:17.75rem;height:10rem;overflow:hidden;border-radius:.5rem;position:relative}@media(min-width:1536px){.cpts-category-item-skeleton .category-item-skeleton .category-pic-skeleton[data-v-fe446bb8]{width:21.5rem;height:12.5rem}}.cpts-category-item-skeleton .category-item-skeleton .category-pic-skeleton .skeleton-pic[data-v-fe446bb8]{border-radius:8px;height:100%;width:100%}.cpts-category-item-skeleton .category-item-skeleton .category-pic-skeleton .skeleton-mask[data-v-fe446bb8]{align-items:flex-end;display:flex;height:100%;justify-content:space-between;left:0;padding:8px;pointer-events:none;position:absolute;top:0;width:100%}.cpts-category-item-skeleton .category-item-skeleton .category-pic-skeleton .skeleton-mask .skeleton-mask-count[data-v-fe446bb8]{animation:skeleton-loading-fe446bb8 1.5s ease-in-out infinite;background:#3b3d4c;border-radius:4px;height:20px;width:40px}.cpts-category-item-skeleton .category-item-skeleton .category-author-skeleton[data-v-fe446bb8]{box-sizing:border-box;width:17.5rem;display:flex;align-items:center;padding:.5rem}.cpts-category-item-skeleton .category-item-skeleton .category-author-skeleton .category-avatar-skeleton[data-v-fe446bb8]{margin-right:.5rem;overflow:hidden;border-radius:50%;height:40px;width:40px}.cpts-category-item-skeleton .category-item-skeleton .category-author-skeleton .category-avatar-skeleton .skeleton-avatar-inner[data-v-fe446bb8]{border-radius:50%;height:100%;width:100%}.cpts-category-item-skeleton .category-item-skeleton .category-author-skeleton .category-info-skeleton .skeleton-name[data-v-fe446bb8]{border-radius:4px;height:20px;margin-bottom:8px;width:160px}.cpts-category-item-skeleton .category-item-skeleton .category-author-skeleton .category-info-skeleton .skeleton-teacher[data-v-fe446bb8]{border-radius:4px;height:16px;width:100px}@keyframes skeleton-loading-fe446bb8{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}