.layout5-blog-jump{display:flex;gap:80px}.layout5-blog-jump .img-wrap{width:calc((800 / 1340) * 100%);aspect-ratio:8 / 5;position:relative}.layout5-blog-jump .img-wrap .blog-preview{width:100%;height:100%}.layout5-blog-jump .img-wrap .blog-preview img{width:100%;height:100%;object-fit:cover;vertical-align:middle;transition:transform 0.3s ease}.layout5-blog-jump .img-wrap:hover .blog-preview img{transform:scale(1.1)}.layout5-blog-jump .img-wrap .layout5-blog-mask{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:10}.layout5-blog-jump .text-wrap{flex:1;padding-right:80px;border-right:1px solid rgba(218,218,218,0.5);display:flex;justify-content:space-between;flex-direction:column;gap:20px}.layout5-blog-jump .text-wrap .title-box{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}.layout5-blog-jump .text-wrap .title-box .blog-card-title{width:100%}.layout5-blog-jump .text-wrap .title-box .blog-card-desc{width:100%;height:auto;opacity:0.6;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:6;word-break:break-word}.layout5-blog-jump .text-wrap .blog-more-btn{width:100%}.layout5-blog-jump .text-wrap .blog-more-btn .blog-jump-btn{width:100%;display:flex;justify-content:space-between;gap:20px;margin:0;padding:0;overflow:visible;box-sizing:border-box;font-size:24px;line-height:1.5;color:var(--g-primary-color);transition:all 0.3s ease}.layout5-blog-jump .text-wrap .blog-more-btn .blog-jump-btn .button-text{vertical-align:top;font-family:var(--font-medium);text-align:left;position:relative}.layout5-blog-jump .text-wrap .blog-more-btn .blog-jump-btn .button-text::after{content:"";display:block;position:absolute;left:0;bottom:1px;height:1px;width:100%;background:currentColor;transform-origin:right center;transform:scaleX(0);transition:.3s transform ease}.layout5-blog-jump .text-wrap .blog-more-btn .blog-jump-btn .iconfont{transform:rotate(-45deg);color:currentColor;font-size:18px;font-weight:600}.layout5-blog-jump .text-wrap .blog-more-btn .blog-jump-btn:hover .button-text::after{transform-origin:left center;transform:scaleX(1)}@media (max-width: 800px){.layout5-blog-jump{flex-direction:column-reverse;gap:30px}.layout5-blog-jump .text-wrap{flex:none;width:100%;padding-top:20px;border-top:1px solid rgba(218,218,218,0.5);border-right:none;padding-right:0;gap:20px}.layout5-blog-jump .text-wrap .title-box{gap:10px}.layout5-blog-jump .text-wrap .blog-more-btn{width:auto;justify-content:flex-start}.layout5-blog-jump .text-wrap .blog-more-btn .blog-jump-btn{gap:30px;justify-content:flex-start;font-size:16px}.layout5-blog-jump .text-wrap .blog-more-btn .blog-jump-btn .button-text{border-bottom:none}.layout5-blog-jump .text-wrap .blog-more-btn .blog-jump-btn .iconfont{font-size:14px}.layout5-blog-jump .img-wrap{width:100%;aspect-ratio:1}}

.md-blog.layout5{box-sizing:border-box}.md-blog.layout5 .title-wrap{margin-bottom:40px}@media (max-width: 800px){.md-blog.layout5 .title-wrap{margin-bottom:20px}}.md-blog.layout5 .blog-list{display:flex;flex-direction:column;gap:80px}.md-blog.layout5 .blog-list .blog-card{width:100%}.md-blog.layout5 .blog-list .blog-card:nth-child(2) .layout5-blog-jump{flex-direction:row-reverse}.md-blog.layout5 .blog-list .blog-card:nth-child(2) .layout5-blog-jump .text-wrap{padding-right:0;border-right:none;padding-left:80px;border-left:1px solid rgba(218,218,218,0.5)}@media (max-width: 800px){.md-blog.layout5 .blog-list .blog-card:nth-child(2) .layout5-blog-jump{flex-direction:column-reverse}.md-blog.layout5 .blog-list .blog-card:nth-child(2) .layout5-blog-jump .text-wrap{border-left:none;padding-left:0}}.md-blog.layout5 .blog-list .blog-card+.blog-card{padding-top:80px;border-top:1px solid rgba(218,218,218,0.5)}.md-blog.layout5 .blog-footer{margin-top:80px;display:flex;justify-content:center;align-items:center}.md-blog.layout5 .blog-footer .more-blog{height:50px;display:flex;align-items:center;justify-content:center;min-width:200px;font-size:16px}@media (max-width: 800px){.md-blog.layout5 .blog-list{gap:30px}.md-blog.layout5 .blog-list .blog-card+.blog-card{padding-top:0;border-top:none}.md-blog.layout5 .blog-footer{margin-top:40px}.md-blog.layout5 .blog-footer .more-blog{min-width:305px}}