.blog-title{max-width:2560px;width:100%;margin:0 auto;padding:100px 0;background:#FBFBFB;padding:80px 0px}.blog-title .blog-title-content{max-width:1440px;width:100%;margin:0 auto;display:flex;align-items:center;column-gap:40px;row-gap:40px}.blog-title .blog-title-content .blog-left{width:600px;height:360px;background-size:100% auto;display:flex;flex-direction:column-reverse;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #EEEEEE}.blog-title .blog-title-content .blog-right{width:800px;box-sizing:border-box;display:flex;flex-direction:column}.blog-title .blog-title-content .blog-right .tab-box{display:flex;column-gap:6px;row-gap:6px}.blog-title .blog-title-content .blog-right .tab-box span{padding:3px 9px;background:rgba(86,41,255,0.1);border-radius:4px;font-weight:400;font-size:12px;color:#5629FF}.blog-title .blog-title-content .blog-right .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-weight:400;font-size:14px;color:#333333;margin-top:12px}.blog-title .blog-title-content .blog-right .content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:400;font-size:14px;color:#666666;margin-top:16px}.blog-title .blog-title-content .blog-right .blog-item-right-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}.blog-title .blog-title-content .blog-right .blog-item-right-bottom .user{display:flex;align-items:center;column-gap:8px;row-gap:8px;font-weight:400;font-size:14px;color:#666666}.blog-title .blog-title-content .blog-right .blog-item-right-bottom .user .avatar{width:32px;height:32px;border-radius:50%;background:#D9D9D9}.blog-title .blog-title-content .blog-right .blog-item-right-bottom .release-time{font-weight:400;font-size:14px;color:#666666}.blog-content{max-width:2560px;width:100%;margin:0 auto;padding:80px 0}.blog-content .blog-tabs{max-width:1440px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;column-gap:12px;row-gap:12px}.blog-content .blog-tabs .blog-tabs-item{padding:7px 18px;font-weight:400;font-size:14px;color:#666666;background:#FFFFFF;border-radius:5px 5px 5px 5px;border:1px solid #EEEEEE;cursor:pointer}.blog-content .blog-tabs .active{background-color:#000000;color:#FFFFFF}.blog-content .blogs{max-width:1440px;width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;column-gap:20px;row-gap:20px}.blog-content .blogs .blog-item{display:flex;justify-content:space-between;width:710px;box-sizing:border-box;background:#FBFBFB;border-radius:8px;border:1px solid #EEEEEE;padding:12px;row-gap:8px;column-gap:8px}.blog-content .blogs .blog-item .blog-item-left{width:300px;height:180px;background-size:100% auto;display:flex;flex-direction:column-reverse;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #EEEEEE}.blog-content .blogs .blog-item .blog-item-left img{width:300px}.blog-content .blogs .blog-item .blog-item-right{width:374px}.blog-content .blogs .blog-item .blog-item-right .tab-box{display:flex;column-gap:6px;row-gap:6px}.blog-content .blogs .blog-item .blog-item-right .tab-box span{padding:3px 9px;background-color:#F0F1F2;border-radius:4px;font-weight:400;font-size:12px;color:#666666}.blog-content .blogs .blog-item .blog-item-right .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-weight:400;font-size:14px;color:#333333;margin-top:12px}.blog-content .blogs .blog-item .blog-item-right .content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:400;font-size:14px;color:#666666;margin-top:16px}.blog-content .blogs .blog-item .blog-item-right .blog-item-right-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}.blog-content .blogs .blog-item .blog-item-right .blog-item-right-bottom .user{display:flex;align-items:center;column-gap:8px;row-gap:8px;font-weight:400;font-size:14px;color:#666666}.blog-content .blogs .blog-item .blog-item-right .blog-item-right-bottom .user .avatar{width:32px;height:32px;border-radius:50%;background:#D9D9D9}.blog-content .blogs .blog-item .blog-item-right .blog-item-right-bottom .release-time{font-weight:400;font-size:14px;color:#666666}.blog-content .pagination{max-width:1440px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;margin-top:20px;column-gap:8px;row-gap:8px}.blog-content .pagination .page-item{width:32px;height:32px;border-radius:3px;border:1px solid #DCDCDC;line-height:32px;text-align:center;cursor:pointer;user-select:none}.blog-content .pagination .active{color:#FFFFFF;background-color:#000000}.blog-content .pagination .next,.blog-content .pagination .previous{cursor:pointer}@media screen and (max-width:1440px){.blog-title .blog-title-content{flex-wrap:wrap;padding:0 20px;box-sizing:border-box}.blog-content{box-sizing:border-box;padding:80px 20px}.blog-content .blogs .blog-item{width:calc(50% - 10px)}}@media screen and (max-width:870px){.blog-content{flex-wrap:wrap}.blog-content .blogs .blog-item{width:100%}.blog-content .blogs .blog-item .blog-item-left{width:40%;height:160px}.blog-content .blogs .blog-item .blog-item-right{width:58%}}