.blog-page-container{background-color:#fbfbfb}.blog-page-container .blog-page-body{max-width:1200px;margin:0 auto;padding:1rem 0 4rem}.blog-page-container .blog-nav-section{padding:1rem 0;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:flex-end}.blog-page-container .blog-nav-section .page-name-text{font-size:1.25rem}.blog-page-container .blog-category-nav-section .category-nav-list{display:flex;justify-content:space-between}.blog-page-container .blog-category-nav-section .category-nav-item{margin-right:1.5rem}.blog-page-container .blog-category-nav-section .category-nav-item:last-child{margin-right:0}.blog-page-container .blog-list-section{margin-top:2rem}.blog-page-container .blog-list-section .blog-list{display:flex;flex-wrap:wrap}.blog-page-container .blog-list-section .blog-item{width:32%;margin-right:2%;margin-bottom:2rem;overflow:hidden;border-radius:.5rem;background-color:#fff}.blog-page-container .blog-list-section .blog-item .blog-img a{display:block;font-size:0}.blog-page-container .blog-list-section .blog-item .blog-img a>img{width:100%;height:auto}.blog-page-container .blog-list-section .blog-item .blog-content{padding:1rem}.blog-page-container .blog-list-section .blog-item .blog-content .cate-info-box{display:flex;justify-content:flex-start;color:#999;font-size:.95rem;padding:.5rem 0}.blog-page-container .blog-list-section .blog-item .blog-content .cate-info-box .cate-name{color:#999;font-weight:700;transition:all .15s ease-in-out}.blog-page-container .blog-list-section .blog-item .blog-content .cate-info-box .cate-name:hover{color:#f6d34b;text-decoration:underline}.blog-page-container .blog-list-section .blog-item .blog-content .cate-info-box .mx-dot{padding:0 3px;font-weight:700}.blog-page-container .blog-list-section .blog-item .blog-content .blog-title{font-size:1.25rem;padding:.25rem 0}.blog-page-container .blog-list-section .blog-item .blog-content .abstract-text{margin-top:.25rem;font-size:1rem;color:#353535;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-page-container .blog-list-section .blog-item:nth-child(3n){margin-right:0}.blog-page-container .blog-list-section .blog-pagination .blog-pagination-box{display:flex;justify-content:center}.blog-page-container .blog-list-section .blog-pagination .pagination-item{margin:0 .5rem;font-size:1.5rem;transition:all .25s ease-in-out}.blog-page-container .blog-list-section .blog-pagination .pagination-item.active>a{color:#f6d34b}.blog-page-container .blog-list-section .blog-pagination .arrow-item:hover{border-radius:10rem;background-color:#f6d34b}.blog-page-container .blog-list-section .blog-pagination .arrow-item:hover a>.el-icon{color:#fff}@media screen and (max-width:1224px){.blog-page-container{padding:1rem 2% 4rem}}@media screen and (max-width:960px){.blog-page-container .blog-list-section .blog-item{width:48.5%;margin-right:3%}.blog-page-container .blog-list-section .blog-item:nth-child(3n){margin-right:3%}.blog-page-container .blog-list-section .blog-item:nth-child(2n){margin-right:0}}@media screen and (max-width:767px){.blog-page-container .blog-list-section .blog-item{width:100%;margin-right:0;border-radius:0;background-color:transparent;padding-bottom:1rem;border-bottom:1px solid #c5c5c5}.blog-page-container .blog-list-section .blog-item .blog-content .cate-info-box{padding:.15rem 0}.blog-page-container .blog-list-section .blog-item .blog-content .blog-title{font-size:1.15rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-page-container .blog-list-section .blog-item:nth-child(2n),.blog-page-container .blog-list-section .blog-item:nth-child(3n){margin-right:0}}