.cs-mian-blog{width:80%;max-width:1200px;margin:0 auto}.main-blog-title{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.main-blog-title h1{font-size:48px;line-height:1;font-weight:700;margin-bottom:3rem}.blog-title-ri{flex:1}.blog-title-ri ul{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:0;padding:0;font-weight:500;color:#ccc}.blog-title-ri li{border:2px solid #ccc;border-radius:30px}.blog-title-ri li a{display:block;padding:8px 30px;font-size:16px;line-height:1}.cs-mian-blog .blog-title-active{background-color:#000;border-color:#000}.blog-title-active a{color:#ccc}.main-blog-con{width:100%;margin-bottom:2rem}.blog-tag-title{width:100%;font-size:2.6rem;font-weight:600;line-height:1;padding:20px 0;border-bottom:1px solid #000}.blog-tag-article{padding:30px 0}.blog-article-list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.blog-article-item{display:flex;flex-direction:column;width:30%;max-width:380px;border:1px solid #ccc}.blog-article-img{display:block;width:100%;height:14vw;overflow:hidden}.blog-article-img img{width:100%;height:100%;object-fit:cover}.blog-article-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:20px}.blog-article-title{width:100%;color:#000}.blog-article-title h3{font-size:18px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-article-text{font-size:14px;line-height:1.5;color:#8d8d8d;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article_tags{line-height:1;color:#1878b9;font-size:14px}.blog-article-time{display:flex;align-items:center;line-height:1;font-size:12px;color:#1878b9}.blog-article-time span{margin-left:10px}.now-active{display:none}.blog_nav_arr{width:80%;margin:0 auto}.blog_nav_arr ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-weight:700;color:#ccc}.blog_nav_arr li{padding:3px 23px;font-size:1.2rem;margin:10px;border:2px solid #ccc;cursor:pointer}.blog_nav_arr .blog-title-active{background-color:#000;border-color:#000}.blog-pagination{margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1vw}.blog-pagination .page,.blog-pagination .prev,.blog-pagination .next,.blog-pagination .deco{padding:10px 15px;border-radius:5px;font-size:18px;font-weight:500;line-height:1}.blog-pagination .page.current{color:#fff;background:#94082f}@media screen and (max-width: 768px){.blog-article-item{max-width:none;width:100%}.blog-article-img{height:auto}.cs-mian-blog{width:90%}.main-blog-title{flex-wrap:wrap;padding:30px 0 0}.blog-title-le,.blog-title-ri{width:100%}.blog-title-le{display:flex;align-items:center;justify-content:space-between;background:#94082f;padding:18px}.main-blog-title h1{font-size:24px;margin-bottom:0}.blog-title-ri ul{flex-wrap:wrap;gap:0;padding:16px;margin-bottom:0;background:#000;color:#fff;max-height:0;opacity:0;transition:all .2s}.blog-title-ri li{width:100%;color:#fff;padding:0;margin:10px;border-radius:0;border:none}.blog-title-ri li a{display:inline-block;padding:0;color:#fff;line-height:1.8}.now-active{display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff;font-size:16px;font-weight:500}.no-icon{width:20px;height:20px;margin-left:10px;transform:rotate(0);transition:all .2s}.blog-title-active a{border-bottom:2px solid #fff}.blog-nav-active .blog-title-ri ul{max-height:500px;opacity:1}.blog-nav-active .no-icon{transform:rotate(180deg)}.blog-pagination{gap:10px}.blog-pagination .prev,.blog-pagination .next{display:none}.blog-pagination .page,.blog-pagination .deco{padding:5px 10px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-mian-blog.css.map */