.mbzxbox{border:1px solid #4a3b2a;border-radius:8px;margin:0 0 20px 0;overflow:hidden}
.lznt_t{height:40px;line-height:40px;padding:0 20px;font-size:14px;font-weight:bold;border-bottom:1px solid #4a3b2a;background:url(../img/bbt.png)}
.lznt_t .stline{position:absolute;margin:-1px 0 0 0;display:flex}
.mbzx_lst{padding:15px 10px 5px;overflow:hidden}

.mbzx_lst ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0;padding:0;list-style:none}
.mbzx_lst li{width:25%;box-sizing:border-box;padding:10px;overflow:hidden;vertical-align:top;transition:all 0.3s ease}
.mbzx_lst li a{display:block;padding:0;text-decoration:none;color:inherit}
.mbzx_lst li a:hover{color:#e9bb83;text-decoration:none}

.mbzxlstimg{position:relative;width:100%;height:0;padding-top:149%;overflow:hidden;border-radius:8px;aspect-ratio:unset}
.mbzxlstimg img.isuccess{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;transition:transform 0.5s ease}
.mbzx_lst li a:hover .mbzxlstimg img.isuccess{transform:scale(1.05)}
.mbzx_lst li a:hover img{opacity:0.95}

.mbzx_lst .img-count-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mbzx_lst .img-count {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,0.65);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 8px;
    line-height: 14px;
    z-index: 10;
}

.mbzx_lsttt{margin-top:8px;padding:0 5px;height:20px;line-height:20px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#e9bb83;transition:color 0.3s ease;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.mbzx_lst li a:hover .mbzx_lsttt{color:#33CCCC}

@media screen and (min-width: 1024px) {
    .mbzx_lst li { width: 25%; }
    .mbzx_lsttt { font-size: 13px; height: 18px; line-height: 18px; margin-top: 10px; }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .mbzx_lst li { width: 50%; }
    .mbzx_lsttt { font-size: 33px; height: 38px; line-height: 38px; margin-top: 18px; }
    .lznt_t { font-size: 25px; height: 46px; line-height: 46px; }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .mbzx_lst li { width: 50%; }
    .mbzx_lst { padding: 8px; }
    .mbzx_lsttt { font-size: 29px; height: 34px; line-height: 34px; margin-top: 14px; }
    .lznt_t { font-size: 21px; height: 42px; line-height: 42px; }
}

@media screen and (max-width: 575px) {
    .mbzx_lst li { width: 100%; padding: 12px 5px; }
    .mbzx_lst { padding: 8px 0; }
    .mbzx_lsttt { font-size: 30px; height: 36px; line-height: 36px; margin-top: 16px;
        white-space: nowrap; text-overflow: ellipsis; text-align: center;
        font-weight: 500; color: #ffffff; }
    .lznt_t { padding: 0 10px; font-size: 23px; height: 44px; line-height: 44px; }
    .mbzxbox { border-radius: 8px; }
}

.mbzx_lst_loading {
    text-align: center;
    padding: 30px 0;
    color: #999;
    font-size: 14px;
}

/* 末图朦胧渐隐（参考 yituyu.com）：最后一张正文图底部渐变融入页面黑底，纯装饰不拦截点击 */
.ff-imgfade {
    display: block;
    position: relative;
    height: 0;
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 1;
    pointer-events: none;
}
.ff-imgfade::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 400px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    pointer-events: none;
}

@media screen and (min-width: 1024px) {

    .mbzxlstimg img.isuccess {
        transition: filter 1s ease;
    }

    .mbzx_lst li a:hover .mbzxlstimg img.isuccess {
        transform: none;
        -webkit-filter: brightness(40%);
        filter: brightness(40%);
    }

    .mbzx_lst li a:hover img {
        opacity: 1;
    }
}