.imgStyle_22{ width:80%;margin: auto;}
.imgStyle_22 *{ font-size:'微软雅黑'; }
.imgStyle_22 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; }
.imgStyle_22 .imgTextLi{ overflow: hidden; margin-bottom:2%;box-sizing: border-box;}
.imgStyle_22 li{ width: 24%;}
.imgStyle_22 .imgTextLi .left{width: 100%;}
.imgStyle_22 .imgTBox{ text-align: left; float:left; display:inline-block;height: 100%;width: 100%;}
.imgStyle_22 .imgTBox>img{ display: inline-block; width:100%;box-sizing: border-box;height: 100%;}
.imgStyle_22 .imgTBox>.bbx-new-font{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.imgStyle_22 .cont{ float:right; display:inline-block;width: 100%;}
.imgStyle_22 .title .name{width: 50%;float: left;font-size: 16px;font-weight: bold;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;}
.imgStyle_22 .title .subName{width: 50%;float: right;font-size: 12px;text-align: right;line-height: 24px;color: #f00;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;}
.imgStyle_22 .title{overflow: hidden;}
.imgStyle_22 .imgDetail{color: #666;font-size: 12px;margin-bottom: 5px;}
.imgStyle_22 .left{position: relative;float: left;width: 100%;height: auto;}
.imgStyle_22 .image-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;}
.imgStyle_22 .btn a {display: block;background: rgb(255,115,4);color: #fff;text-align: center;line-height: 2;}
@media screen and (max-width: 768px){
    .imgStyle_22 .title .name{width: 100%;}
    .imgStyle_22 .title .subName{width: 100%;float: left;text-align: left;}
}