.blog-layout{background-color:#f5f5f5;min-height:75vh;padding-bottom:30px}@media (min-width:1200px){.blog-page-index .banner{text-align:left;background-image:url(../media/banner.2l91n2w_scoi7.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:320px;padding-top:90px}.blog-page-index .banner h1{width:1200px;margin:0 auto;font-size:30px;font-weight:700;line-height:48px}.blog-page-index .banner .banner-title{color:#000;width:1200px;margin:0 auto;font-size:14px;font-weight:400;line-height:28px}.blog-page-index .bread-crumb{background-color:#fff;border-radius:10px;width:1200px;height:50px;margin:20px auto}.blog-page-index .bread-crumb .inner{align-items:center;padding:11px 30px;display:flex}.blog-page-index .bread-crumb .inner a,.blog-page-index .bread-crumb .inner .bread-last{color:#666;font-size:14px;font-weight:400;line-height:28px}.blog-page-index .bread-crumb .inner span{padding:0 5px}.blog-page-index .content-show{width:1200px;margin:0 auto;display:flex}.blog-page-index .content-show .tab-pagination{background:#fff;border-radius:10px;width:820px;margin-right:20px;padding-bottom:30px;position:relative}.blog-page-index .content-show .tab-pagination .tab-work{padding:0 30px;display:flex;position:relative}.blog-page-index .content-show .tab-pagination .tab-work:after{content:"";background-color:#eee;width:100%;height:1px;position:absolute;bottom:0;left:0}.blog-page-index .content-show .tab-pagination .tab-work .tab-item{cursor:pointer;color:#333;margin-right:40px;padding:11px 0;font-size:16px;font-weight:700;line-height:28px}.blog-page-index .content-show .tab-pagination .tab-work .tab-item.active{color:#1874f5;border-bottom:4px solid #1874f5}.blog-page-index .content-show .tab-pagination .tab-work .tab-item:hover{color:#1874f5}.blog-page-index .content-show .tab-pagination .article-list-data{padding-bottom:30px}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box{padding-top:125px}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box img{width:100px;height:auto;margin:0 auto;display:block}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box p{text-align:center;margin-top:5px;font-size:16px;font-weight:400;line-height:28px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item{margin:30px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item:hover .content h2{color:#1874f5}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a{display:flex}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .cover{flex:2}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .cover img{border-radius:6px;width:100%;height:100%;display:inline-block}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content{flex:4;margin-left:30px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content h2{color:#000;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:18px;font-weight:700;line-height:28px;display:-webkit-box;overflow:hidden}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content p{color:#333;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:56px;margin:10px 0;font-size:14px;font-weight:400;line-height:28px;display:-webkit-box;overflow:hidden}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content .publish{color:#666;font-size:14px;font-weight:400;line-height:28px;display:flex}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content .publish span:first-child{margin-right:20px}.blog-page-index .content-show .tab-pagination .pagination-bottom{position:absolute;bottom:30px;right:0}.blog-page-index .content-show .recommend-show{flex-grow:0;flex-shrink:0;width:360px}.blog-page-index .content-show .recommend-show>div{margin-bottom:20px}.blog-page-index .content-show .recommend-show .side-card{background:#fff;border-radius:10px;padding:20px}.blog-page-index .content-show .recommend-show .side-card h3{color:#333;border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px;font-size:16px;font-weight:700}.blog-page-index .content-show .recommend-show .side-card ul{margin:0;padding:0;list-style:none}.blog-page-index .content-show .recommend-show .side-card ul li{margin-bottom:10px}.blog-page-index .content-show .recommend-show .side-card ul li a{color:#666;font-size:14px;line-height:24px;text-decoration:none;display:block}.blog-page-index .content-show .recommend-show .side-card ul li a:hover{color:#1874f5}.blog-page-index .content-show .recommend-show .side-card ul.hot-list li a{justify-content:space-between;display:flex}.blog-page-index .content-show .recommend-show .side-card ul.hot-list li a .title{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:10px;overflow:hidden}.blog-page-index .content-show .recommend-show .side-card ul.hot-list li a .date{color:#999;flex-shrink:0;font-size:12px}.blog-page-index .content-show .recommend-show .side-card .more-link{text-align:center;color:#1874f5;border-top:1px solid #eee;margin-top:15px;padding-top:15px;font-size:14px;text-decoration:none;display:block}.blog-page-index .content-show .recommend-show .side-card .more-link:hover{text-decoration:underline}.blog-page-index .loading-box{justify-content:center;min-height:350px;padding-top:45px;display:flex}}@media (min-width:768px) and (max-width:1199px){.blog-page-index .banner{text-align:left;background-image:url(../media/banner.2l91n2w_scoi7.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:240px;padding-top:55px}.blog-page-index .banner h1{width:100%;max-width:700px;margin:0 auto;font-size:24px;font-weight:700;line-height:36px}.blog-page-index .banner .banner-title{color:#000;width:100%;max-width:700px;margin:0 auto;font-size:13px;font-weight:400;line-height:24px}.blog-page-index .bread-crumb{background-color:#fff;border-radius:10px;width:100%;max-width:700px;height:50px;margin:15px auto}.blog-page-index .bread-crumb .inner{align-items:center;padding:11px 20px;display:flex}.blog-page-index .bread-crumb .inner a,.blog-page-index .bread-crumb .inner .bread-last{color:#666;font-size:14px;font-weight:400;line-height:28px}.blog-page-index .bread-crumb .inner span{padding:0 5px}.blog-page-index .content-show{width:100%;max-width:700px;margin:0 auto;display:flex}.blog-page-index .content-show .tab-pagination{background:#fff;border-radius:10px;width:100%;margin-right:0;padding:0 16px 30px;position:relative}.blog-page-index .content-show .tab-pagination .tab-work{padding:0 20px;display:flex;position:relative}.blog-page-index .content-show .tab-pagination .tab-work:after{content:"";background-color:#eee;width:100%;height:1px;position:absolute;bottom:0;left:0}.blog-page-index .content-show .tab-pagination .tab-work .tab-item{cursor:pointer;color:#333;margin-right:30px;padding:11px 0;font-size:15px;font-weight:700;line-height:28px}.blog-page-index .content-show .tab-pagination .tab-work .tab-item.active{color:#1874f5;border-bottom:4px solid #1874f5}.blog-page-index .content-show .tab-pagination .tab-work .tab-item:hover{color:#1874f5}.blog-page-index .content-show .tab-pagination .article-list-data{padding-bottom:30px}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box{padding-top:100px}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box img{width:80px;height:auto;margin:0 auto;display:block}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box p{text-align:center;margin-top:5px;font-size:15px;font-weight:400;line-height:28px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item{margin:20px 0}.blog-page-index .content-show .tab-pagination .article-list-data .article-item:hover .content h2{color:#1874f5}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a{display:flex}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .cover{flex-shrink:0;width:180px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .cover img{border-radius:6px;width:100%;height:100%;display:inline-block}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content{margin-left:20px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content h2{color:#000;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:16px;font-weight:700;line-height:26px;display:-webkit-box;overflow:hidden}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content p{color:#333;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:52px;margin:10px 0;font-size:14px;font-weight:400;line-height:26px;display:-webkit-box;overflow:hidden}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content .publish{color:#666;font-size:14px;font-weight:400;line-height:26px;display:flex}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content .publish span:first-child{margin-right:20px}.blog-page-index .content-show .tab-pagination .pagination-bottom{position:absolute;bottom:30px;right:0}.blog-page-index .content-show .recommend-show{display:none}.blog-page-index .loading-box{justify-content:center;min-height:350px;padding-top:45px;display:flex}}@media (max-width:767px){.blog-page-index .banner{text-align:left;background-image:url(../media/banner.2l91n2w_scoi7.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:160px;padding-top:35px}.blog-page-index .banner h1{width:100%;margin:0;padding:0 16px;font-size:18px;font-weight:700;line-height:28px}.blog-page-index .banner .banner-title{color:#000;width:100%;margin:8px 0 0;padding:0 16px;font-size:12px;font-weight:400;line-height:20px}.blog-page-index .bread-crumb{border-radius:8px;width:100%;height:auto;margin:10px 0;padding:0 2.5vw}.blog-page-index .bread-crumb .inner{background-color:#fff;align-items:center;padding:8px 16px;display:flex}.blog-page-index .bread-crumb .inner a,.blog-page-index .bread-crumb .inner .bread-last{color:#666;font-size:12px;font-weight:400;line-height:20px}.blog-page-index .bread-crumb .inner span{padding:0 4px}.blog-page-index .content-show{width:100%;margin:0;padding:0 2.5vw;display:block}.blog-page-index .content-show .tab-pagination{background:#fff;border-radius:10px;width:100%;margin:0;padding:8px 16px;position:relative}.blog-page-index .content-show .tab-pagination .tab-work{padding:0 16px;display:flex;position:relative}.blog-page-index .content-show .tab-pagination .tab-work:after{content:"";background-color:#eee;width:100%;height:1px;position:absolute;bottom:0;left:0}.blog-page-index .content-show .tab-pagination .tab-work .tab-item{cursor:pointer;color:#333;margin-right:20px;padding:8px 0;font-size:14px;font-weight:700;line-height:24px}.blog-page-index .content-show .tab-pagination .tab-work .tab-item.active{color:#1874f5;border-bottom:3px solid #1874f5}.blog-page-index .content-show .tab-pagination .tab-work .tab-item:hover{color:#1874f5}.blog-page-index .content-show .tab-pagination .article-list-data{padding-bottom:20px}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box{padding-top:50px}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box img{width:50px;height:auto;margin:0 auto;display:block}.blog-page-index .content-show .tab-pagination .article-list-data .no-data-box p{text-align:center;margin-top:5px;font-size:13px;font-weight:400;line-height:24px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item{margin:16px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item:hover .content h2{color:#1874f5}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a{display:flex}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .cover{flex-shrink:0;width:120px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .cover img{border-radius:4px;width:100%;height:auto;display:inline-block}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content{margin-left:12px}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content h2{color:#000;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:44px;font-size:14px;font-weight:700;line-height:22px;display:-webkit-box;overflow:hidden}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content p{display:none}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content .publish{color:#666;font-size:12px;font-weight:400;line-height:20px;display:flex}.blog-page-index .content-show .tab-pagination .article-list-data .article-item a .content .publish span:first-child{margin-right:15px}.blog-page-index .content-show .tab-pagination .pagination-bottom{margin-top:15px;position:static}.blog-page-index .content-show .recommend-show{display:none}.blog-page-index .loading-box{justify-content:center;min-height:300px;padding-top:45px;display:flex}}