.recommend[data-v-dae3fd3d]{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:flex-start}.recommend .recommend-blog-list[data-v-dae3fd3d]{border:1px solid #e3e3ee;border-radius:4px;height:968px;overflow:hidden;width:868px}.recommend .recommend-blog-list .recommend-header[data-v-dae3fd3d]{background:#f9f9fb;border-bottom:1px solid #e3e3ee;color:#000;font-size:14px;font-style:normal;font-weight:600;height:56px;line-height:32px;padding:12px 16px;width:100%}.recommend .recommend-blog-list .layout-three-container[data-v-dae3fd3d]{background:#fff;height:860px;overflow:hidden;overflow-y:auto;width:100%}.recommend-blog-page[data-v-dae3fd3d]{align-items:center;display:flex;justify-content:center;margin:16px 0}.recommend-blog-page-disabled[data-v-dae3fd3d]{color:var(--devui-disabled-text);cursor:not-allowed}@media (max-width:1279px){.recommend .recommend-blog-list[data-v-dae3fd3d]{width:536px}}@media (max-width:1023px){.recommend .recommend-blog-list[data-v-dae3fd3d]{width:704px}}@media (max-width:767px){.recommend .recommend-blog-list[data-v-dae3fd3d]{width:343px}}