.j_blog_main {
    width: 1050px;
    /* display: flex; */
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-shrink: 1;
    margin: 0 491px 0 auto;
}

.j_top {
    display: block;
    min-height: 635px;
    margin-top: 100px;
}

.j_blog_list_left {
    max-width: 70%;
    overflow: hidden;
}

.j_blog_list_left .j_blog_list_left_img a img {
    max-width: 100%;
    height: auto;
}

.j_blog_list_left .j_blog_list_left_text a {
    color: #007aad;
    line-height: 2.5em;
    margin: 9px 0;
}

.j_blog_list_left .j_blog_list_left_text span a {
    color: #007aad;
}

.j_blog_list_left .j_blog_list_left_text a h3 {
    font-size: 30px;
}

.j_blog_list_right {
    max-width: 25%;
    overflow: hidden;
}
@media screen and (max-width:800px) {
.j_blog_list_right {
    max-width: 100%;
    overflow: hidden;
}
}
.j_blog_list_left .j_blog_list_left_img a {
    display: block;
}

.j_blog_list_left .j_blog_list_left_img::after {
    content: "";
    display: block;
    width: 100%;
    margin: 16px 0;
    border-bottom: 2px solid #ccc;
}

.j_blog_list_right .j_blog_list_right_side {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.j_blog_list_right .j_blog_list_right_side dl dt {
    font-size: 23px;
    padding: 16px 0;
}

.j_blog_list_right .j_blog_list_right_side dl a {
    color: #007aad;
    display: block;
    padding: 3px 0;
}

.j_blog_page {
    margin: 19px 0;
}

.j_blog_page a {
    display: inline-block;
    margin: 0 6px;
    color: #007aad;
}



.j_blog_main-wrap{
      width: var(--j_container_width);
    flex-direction: var(--j_flex_direction);
    justify-content: space-between;
    margin: var(--j_margin_auto);
    position: relative;
}

@media screen and (max-width:800px) {
.j_blog_list_left .j_blog_list_left_text a h3 {
    font-size: 23px;
}
}