.blog{padding-top:30px;padding-bottom:30px}.blog .title{text-align:center;margin-bottom:13px}.blog .sub-info{color:#666;margin-bottom:30px}.blog .list-tag{margin-bottom:20px}.blog .tab-list>li a{width:100%;padding:5px 20px;background:#F2F2F2;border-radius:20px;display:inline-block}.blog .tab-list>li.active a{color:#fff;background:var(--style-color)}.blog .sub-info{line-height:1.8;text-align:center}.blog .row{margin-bottom:-30px}.blog .row>div{margin-bottom:30px}.blog .block{box-shadow:0 3px 6px 1px rgba(14,91,148,.2)}.blog .scale-img img{width:100%;aspect-ratio:510 / 340}.blog .btn-cate{color:#fff;font-size:14px;margin-left:15px;padding:7px 15px;border-radius:20px;background:var(--style-color);position:relative;top:-18px}.blog .tit{height:64px;line-height:1.6;margin-left:15px;margin-right:15px;margin-bottom:20px}.blog .bottom-wrap{padding:11px 15px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.blog .date{font-size:14px}.blog .bottom-wrap .btn{width:35px;height:35px;padding:0;flex-shrink:0;font-size:20px;margin-left:15px;border-radius:50%;background:#F2F2F2;display:flex;align-items:center;justify-content:center}.blog .bottom-wrap .btn i{line-height:1;font-size:inherit}@media (min-width:768px){.blog .list-tag{margin-bottom:30px}.blog .tab-list{margin-left:-15px;margin-right:-15px}.blog .tab-list>li{margin-left:15px;margin-right:15px}}@media (min-width:1200px){.blog{padding-top:49px;padding-bottom:60px}.blog .sub-info{margin-bottom:44px}.blog .list-tag{margin-bottom:50px}.blog .tab-list>li a{padding-left:30px;padding-right:30px}.blog .tab-list>li:hover a{color:#fff;background:var(--style-color)}.blog .row{margin-left:-17px;margin-right:-17px;margin-bottom:-54px}.blog .row>div{padding:0 17px;margin-bottom:54px}.blog .top-wrap .btn:hover{color:#fff;background:var(--style-color);border-color:var(--style-color)}.blog .btn-cate{top:-20px;font:16px;margin-left:25px;padding-left:23px;padding-right:23px}.blog .tit{height:84px;margin-left:25px;margin-right:25px}.blog .bottom-wrap{padding-left:25px;padding-right:25px}.blog .date{font-size:16px}.blog .bottom-wrap .btn{width:45px;height:45px;font-size:24px;transition:background .3s}.blog .bottom-wrap .btn:hover{color:#fff;background:var(--style-color)}}@media (min-width:1640px){.blog{padding-bottom:110px}.blog .btn-cate{margin-left:40px}.blog .tit{margin:12px 40px 33px}.blog .bottom-wrap{padding-left:40px;padding-right:40px}.blog .bottom-wrap .btn{width:56px;height:56px;font-size:30px}}