.blog_advHome {overflow: hidden;margin-bottom: 30px}
.blog_home {width: calc(75% - 15px);float: left}
.banner_blog {width: calc(25% - 15px);float: right}

.list_blog .type0 {overflow: hidden;border-bottom: 1px solid #ececec;margin-bottom: 20px;padding-bottom: 20px;position: relative}
.list_blog .type0:before {content: "";display: block;width: 1px;height: 100%;position: absolute;top: 0;left: calc((100% - 60px)*2/3 + 45px);background-color: #ececec}
.list_blog .type0 .item:first-child {width: calc((100% - 60px)*2/3 + 30px);float: left}
.list_blog .type0 .item:nth-child(2) {width: calc((100% - 60px)/3);float: right}
.list_blog .type0 .item:nth-child(2) .desc {max-height: 144px}

.list_blog .type1 {overflow: hidden}
.list_blog .type1 .item {width: calc((100% - 60px)/3);float: left;margin: 0 0 30px 30px}
.list_blog .type1 .item:nth-child(3n+1) {clear: both;margin-left: 0}
.list_blog .title {display: block;font-weight: bold;margin-bottom: 5px}
.list_blog .desc {line-height: 24px;margin-bottom: 10px;max-height: 72px;overflow: hidden}
.list_blog .date {color: #999;font-size: 14px}

.info_tk {display: block;overflow: hidden;margin-top: 10px}
.info_tk .img_tk {width: 30px;float: left;height: 30px;border-radius: 50%;position: relative;overflow: hidden}
.info_tk .img_tk img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover}
.info_tk .title_tk {width: calc(100% - 40px);float: right;color: var(--bs-primary);font-size: 15px;line-height: 30px}
.info_tk:hover .title_tk {color: var(--bs-second)}

@media(max-width: 1024px){
    .blog_home, .banner_blog {width: 100%}
    .banner_blog .mb-5 {width: calc(50% - 15px);float: left}
    .banner_blog .mb-5:nth-child(2n) {float: right}
}
@media(max-width: 767px){ 
    .list_blog .type0 {border-bottom: none;overflow: visible}
    .list_blog .type0:before {display: none}
    .list_blog .type0 .item:first-child {width: 100%;margin: 0 0 30px 0}
    .list_blog .type0 .item:nth-child(2) {width: calc(50% - 10px);float: left;margin: 0 0 30px 0}
    .list_blog .type0 .item:nth-child(2) .desc {max-height: 72px}

    .list_blog .type1 {overflow: visible}
    .list_blog .type1 .item {width: calc(50% - 10px);float: left;margin: 0 0 30px 20px}
    .list_blog .type1 .item:nth-child(2n+1) {clear: none;margin-left: 20px}
    .list_blog .type1 .item:nth-child(2n) {clear: both;margin-left: 0}
}