.blog{padding-top:50px;padding-bottom:50px}.blog>.header{margin-bottom:34px}.blog>.header>.title{font-size:40px;font-weight:600;color:#000;line-height:56px;margin-bottom:8px}.blog>.header>.desc{font-size:20px;font-weight:400;color:#000;line-height:28px}.blog>.top{display:flow-root;margin-bottom:86px}.blog>.top>.item{float:left;width:calc((100% - 40px)/4);height:170px;cursor:pointer;border-radius:6px;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column-reverse;margin-bottom:20px}.blog>.top>.item:not(:first-child){margin-left:20px;padding-left:0}.blog>.top>.item>.tilte{padding:0 30px 20px;font-size:20px;font-weight:500;color:#fff;line-height:28px}.blog>.top>.first{width:calc((100% - 40px)/2);height:360px}.blog>.tabs{position:relative;border-bottom:2px solid #f0f0f0;display:flex;margin-bottom:40px;overflow:scroll}.blog>.tabs>.item{cursor:pointer;padding:10px 0;margin-left:60px;font-size:20px;font-weight:400;color:#4c5264;line-height:28px;white-space:nowrap}.blog>.tabs>.item:hover{color:#005fe8}.blog>.tabs>.item.active{font-weight:600;color:#005fe8;border-bottom:4px solid #005fe8}.blog>.tabs>.item:first-child{margin-left:0}.blog .tabs::-webkit-scrollbar{display:none!important}.blog>.content{display:flex}.blog>.content>.left{margin-right:60px;width:calc((100% - 60px)/4 * 3)}.blog>.content>.left>.blogs>.item{gap:30px;margin-bottom:40px;cursor:pointer;height:135px;display:none}.blog>.content>.left>.blogs>.item>.image{width:240px;height:135px}.blog>.content>.left>.blogs>.item>.image>img{width:100%}.blog>.content>.left>.blogs>.item>.info{flex:1}.blog>.content>.left>.blogs>.item>.info .title{font-size:20px;font-weight:500;color:#000;line-height:28px;margin-bottom:9px}.blog>.content>.left>.blogs>.item>.info>.tags>.tag{display:inline-block;background:#e9f5ff;border-radius:11px;font-size:14px;font-weight:400;color:#4c5264;line-height:20px;margin-right:10px;margin-bottom:10px;padding:2px 11px}.blog>.content>.left>.blogs>.item>.info>.author{bottom:0;font-size:16px;font-weight:400;color:#4c5264;line-height:22px}.blog>.content>.left>.blogs>.item:hover>.info>.title{color:#005fe8}.blog>.content>.left>.pager{padding:0;display:none}.blog>.content>.left>.pager>li{display:inline-block;min-width:32px;height:32px;background:#fff;border-radius:6px;border:1px solid rgba(0,0,0,.15);line-height:30px;text-align:center;vertical-align:middle;list-style:none;outline:0;cursor:pointer;user-select:none;margin-right:8px;margin-bottom:8px}.blog>.content>.left>.pager>li:first-child{margin-right:4px}.blog>.content>.left>.pager>li>a{display:block;padding:0 6px;color:rgba(0,0,0,.88);transition:none}.blog>.content>.left>.pager>li.current,.blog>.content>.left>.pager>li:hover{border-color:#1677ff;color:#1677ff}.blog>.content>.left>.pager>li.current>a,.blog>.content>.left>.pager>li:hover>a{color:#1677ff}.blog>.content>.left>.pager>li.prev-fast,.blog>.content>.left>.pager>li.next-fast{border:0;vertical-align:2px}.blog>.content>.right{width:calc((100% - 60px)/4)}@media(max-width:1080px){.blog>.top>.item{width:calc((100% - 20px)/2);margin-left:20px}.blog>.top>.item:not(:first-child){margin-left:0}.blog>.top>.item:nth-child(odd){margin-left:20px}.blog>.top>.item:first-child{width:100%;margin-left:0}.blog>.content{flex-direction:column}.blog>.content>.left,.blog>.content>.right{width:100%}.blog>.content>.left{margin-right:0;margin-bottom:40px}}@media(max-width:960px){.blog .top{margin-bottom:0}.blog .top .first{height:150px}.blog>.top>.item{width:100%!important;margin-left:0!important}.blog>.top>.item:nth-child(odd){margin-left:0!important}.blog{padding-top:20px}.blog .header{margin-bottom:18px}.blog .header .title{font-size:32px}.blog .header .desc{font-size:14px;line-height:20px}.blog .tabs{margin-bottom:20px}.blog .tabs .item{font-size:16px}.blog .content .left .blogs .item{gap:8px;height:auto;margin-bottom:15px}.blog .content .left .blogs .item .image{width:30%;height:auto}.blog .content .left .blogs .item .image img{width:100%;height:100%;object-fit:cover}.blog .content .left .blogs .item .info{width:70%}.blog .content .left .blogs .item .info .title{font-size:14px;line-height:17px;margin-bottom:9px;padding-left:4px}.blog .content .left .blogs .item .info .tags .tag{padding:10px;margin-bottom:0;line-height:0;overflow:hidden;font-size:12px}.blog .content .left .blogs .item .info .author{margin-top:10px;font-size:10px;padding-left:7px}}@media(max-width:768px){.blog .top{margin-bottom:0}.blog .top .first{height:150px}.blog>.top>.item{width:100%!important;margin-left:0!important}.blog>.top>.item:nth-child(odd){margin-left:0!important}.blog .tabs{margin-bottom:20px}.blog .tabs .item{font-size:16px}.blog .content .left .blogs .item{gap:8px;height:auto;margin-bottom:15px}.blog .content .left .blogs .item .image{width:30%;height:auto}.blog .content .left .blogs .item .image img{width:100%;height:100%;object-fit:cover}.blog .content .left .blogs .item .info{width:70%}.blog .content .left .blogs .item .info .title{font-size:14px;line-height:17px;margin-bottom:9px;padding-left:4px}.blog .content .left .blogs .item .info .tags .tag{padding:10px;margin-bottom:0;line-height:0;overflow:hidden;font-size:12px}.blog .content .left .blogs .item .info .author{margin-top:10px;font-size:10px;padding-left:7px}}.active-nav{color:#005fe8;border-bottom:2px solid #005fe8}