.block34654 {
    box-sizing: border-box;
}

.block34654 .bottom23314 .page-more {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
}

@media screen and (min-width : 1025px) {
    .block34654 {
        font-size: 16px !important;
    }
}

@media screen and (min-width : 768px) and (max-width :1025px) {
    .block34654 {
        font-size: 14px !important;
    }
}

@media screen and (min-width : 450px) and (max-width :939px) {
    .block34654 .mark23314 .page-sum {
        -webkit-line-clamp: 4 !important;
    }

    .block34654 .mark23314 .page-title {
        font-size: 0.9em !important;
        top: 13% !important;
    }
}

@media screen and (min-width : 450px) {
    .block34654 {
        font-size: 15px;
    }

    .block34654 .item:nth-child(3n+1) {
        margin-left: 0px;
    }

    .block34654 .item {
        width: calc((100% - 40px) / 3);
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .block34654 .bottom23314 .page-title {
        font-size: 1em;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 1.45;
        position: absolute;
        bottom: 6.5%;
        left: 5.73%;
        right: 12.81%;
        /* bottom: 6.5%; */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        z-index: 1;
    }


}

.block34654 .imgTextBoxs {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

@media screen and (max-width : 450px) {
    .block34654 .item {
        width: calc(100%);
        margin: 10px 0px;
    }

    .block34654 .item:nth-child(n+4) {
        display: none;
    }

    .block34654 .bottom23314 .page-title {
        font-size: 14px;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 22px;
        position: absolute;
        top: 71%;
        left: 5.61%;
        right: 5.81%;
        /* bottom: 6.5%; */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        z-index: 1;
    }
}

.block34654 .bottom23314 {
    display: block;
}

.block34654 .item-picture {
    width: 100%;
    position: relative;
}

.block34654 .bottom23314 .page-title a {
    color: #FFFFFF;
}

.block34654 .item-picture img {
    vertical-align: top;

}

.block34654 .item-picture::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
}

.block34654 .mark23314 {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 2;
    background: rgba(0, 129, 211, 0.68);
    width: 100%;
}

.block34654 .mark23314 .page-title {
    font-size: 1em;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 1.5;
    position: absolute;
    top: 17.05%;
    left: 7.94%;
    width: 81.46%;
    /* bottom: 6.5%; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.block34654 .mark23314 .page-title a {
    color: #FFFFFF;
}

.block34654 .mark23314 .page-sum {
    font-size: 0.875em;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 1.5;
    position: absolute;
    top: 37.35%;
    left: 7.94%;
    width: 81.46%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.block34654 .mark23314 .page-more {
    position: absolute;
    top: 82.65%;
    left: 8.36%;
    display: inline;
    font-size: 0.875em;
    color: #FFFFFF;
    letter-spacing: 0;
}

.block34654 .mark23314 .page-more svg {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 105.31%;
}

.block34654 .mark23314 .page-more span {
    vertical-align: middle;
}

.block34654 .mark23314 {
    background: var(--color-match-setting1)
}

.block34654 .templist-no-data {
    font-family: var(--ld-text1-font-family, Helvetica);
    color: var(--ld-text1-color, #333333);
    font-size: var(--ld-text1-font-size, 14px);
    font-weight: var(--ld-text1-font-weight, 400);
    line-height: var(--ld-text1-line-height, normal);
    display: flex;
    width: 100%;
    justify-content: center;
    border-bottom: 1px solid #dbdbdb;
    padding: 12px 0;
}

.block34654 .artclelist-site-pagination {
    margin: 0 auto;
    width: 100%;
}

.block34654 .artclelist-site-pagination .artclelist-laypage-normal {
    display: flex;
    justify-content: center;
    padding: 0
}

.block34654 .artclelist-site-pagination .layui-box {
    margin: 0
}

.block34654 .artclelist-site-pagination .layui-box span,
.block34654 .artclelist-site-pagination .layui-box a {

    background: rgba(255, 255, 255, 0.80);
    padding: 2px 7px;
    margin: 0px 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #0E0E0E;
    border: 1px solid;
    width: 10px;
    line-height: 21px;
    height: 21px;
}

.block34654 .artclelist-site-pagination .layui-laypage .layui-laypage-em {
    top: 0;
    left: 0;
    padding: 0
}

.block34654 .artclelist-site-pagination .layui-laypage em {
    line-height: 21px
}


.block34654 .artclelist-site-pagination .layui-laypage .layui-laypage-curr {
    padding: 3px 8px;
    background: var(--color-match-setting2, rgba(0, 129, 211, 1));
    opacity: 1 !important;
    margin: 0 3px;
    font-size: 15px;
    color: #fff;
    width: 10px;
    line-height: 21px;
    height: 21px;
}

.block34654 .artclelist-site-pagination .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--color-match-setting2, rgba(0, 129, 211, 1)) !important;
    padding: 0 !important;
}

.block34654 .artclelist-site-pagination .layui-laypage .layui-laypage-curr em {
    color: #fff !important;
}