section.cnblog-listing{position:relative}section.cnblog-listing .inner{padding:20px}section.cnblog-listing .inner .row{display:table;table-layout:fixed;width:100%}section.cnblog-listing .inner .row .col{display:table-cell;padding:0 10px 10px;vertical-align:top}section.cnblog-listing .inner .row .col .blog_articles{margin:10px 0}section.cnblog-listing article.articleitems{display:block;margin-bottom:20px}section.cnblog-listing .articleitems:after,section.cnblog-listing .articleitems:before{clear:both;content:"";display:block}section.cnblog-listing .articleitems .infomation{float:left;padding:0 0 0 30px;width:70%}section.cnblog-listing .articleitems .infomation h2{font-size:18px;line-height:1.5;margin-bottom:0;padding:0}section.cnblog-listing .articleitems .infomation h2 a{color:#333;display:inline-block;font-size:20px;font-weight:700;letter-spacing:0;line-height:1.5}section.cnblog-listing .articleitems .infomation .meta-info{display:flex;flex-wrap:wrap;gap:10px}section.cnblog-listing .articleitems .infomation div.tags,section.cnblog-listing .articleitems .infomation span.published_at{background:none;display:block;font-size:14px;letter-spacing:0;opacity:.8;padding:.5rem 0;text-align:left}.blog-tag{border:1px solid #ccc;border-radius:5px;color:#333;margin:5px;padding:0 8px;text-decoration:none;transition:background-color .2s ease}.blog-tag:hover{background-color:#e0e0e0;color:#333}section.cnblog-listing .articleitems .infomation p{margin:0}section.cnblog-listing .articleitems .catch{float:left;width:30%}section.cnblog-listing .articleitems .catch a{text-decoration:none;transition:unset;-webkit-tap-highlight-color:transparent}section.cnblog-listing .articleitems .catch a img{margin:0 auto;max-width:100%;text-align:center;width:100%}section.cnblog-listing .articleitems .infomation h2 a:hover{opacity:.4}section.cnblog-listing .articleitems .infomation a.view-article{transition:unset;-webkit-tap-highlight-color:transparent;color:#2d6eb3;display:inline-block;font-size:14px;letter-spacing:.1em;line-height:1.75;padding:6px 6px 13px;text-align:right;text-decoration:underline;width:100%}section.cnblog-listing .inner .row .col .blog_articles hr{background-color:transparent;border:0;border-bottom:1px solid #eee;height:auto;margin-bottom:30px}section.cnblog-listing .articleitems .infomation a.view-article:hover{opacity:.4;text-decoration:none}section.cnblog-listing .articleitems .catch a:hover img{opacity:.4}.blog-pagination{justify-content:center;padding:0}.blog-pagination,.blog-pagination .blog-pagination-center,.blog-pagination .blog-pagination-left,.blog-pagination .blog-pagination-right{display:flex;gap:5px 10px}.blog-pagination .blog-pagination-left a.prev-link,.blog-pagination .blog-pagination-right a,.blog-pagination a{background:#fff;border:1px solid #333;border-radius:100px;box-sizing:initial;color:#333;display:flex;font-size:10px;font-weight:700;height:10px;justify-content:center;line-height:10px;min-width:30px;padding:10px}nav.paginationwrapper{padding-top:5px}.blog-pagination a:hover{opacity:.4}.blog-pagination a.active{background:#333;color:#fff}.blog-pagination a.next-link.inactive,.blog-pagination a.prev-link.inactive{display:none}.breadcrumbs ul li a:hover{opacity:.4}@media (max-width:767px){section.cnblog-listing .articleitems .catch,section.cnblog-listing .articleitems .infomation{float:none;padding:1em 0 0;width:100%}section.cnblog-listing .inner .row .col{display:block;padding:0}section.cnblog-listing .inner .row .col .blog_articles hr{margin-bottom:10px}.blog-pagination,.blog-pagination .blog-pagination-center,.blog-pagination .blog-pagination-left,.blog-pagination .blog-pagination-right{flex-wrap:wrap}}