.card{
  overflow:hidden;
}

.card-reveal .card-body { display: flex; align-items: flex-end; justify-content: left; position: absolute; bottom: 0; height: 100%; width: 100%; text-align: left; }

.card-reveal .card-body .card-title {
    font-size: .75rem; 
    margin: 0;margin-left:2%;
    text-transform: uppercase;
    font-weight: bolder;
    color: #4d4d4d;width:96%; 
}

.card-reveal .card-body .card-title  h1{ color:#fff; font-weight:bold; font-size:14px; display: block; width:100%; margin:auto}
.card-reveal .card-body .card-title  h1 label{ display:block; width:calc(100% - 0px);font-weight:normal; font-size:16px;overflow: hidden; /*自动隐藏文字*/

text-overflow: ellipsis;/*文字隐藏后添加省略号*/

white-space: nowrap;/*强制不换行*/

width: 20em;/*不允许出现半汉字截断*/}
.card-reveal .card-body .card-title  h1 span{ font-weight:normal; float:right; display:block; width:80px; text-align:right}
.card-reveal .card-body .card-title p{ display:block; width:100%; color:#ccc; font-size:14px; padding-bottom:15px; font-weight:normal}
@media (min-width: 992px) {
    .card-reveal .card-body {
        height: 100%;
        bottom: -100%;
        -webkit-transition: bottom .2s ease-in-out;
        transition: bottom .2s ease-in-out; /* background-color:rgba(216,1,0,0.7);*/
    }

    .card-reveal .card-img-top {
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    }

    .card-reveal:hover .card-body { bottom: 0;  background-image: url(../../../images/jbbj.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100%  130px;    }

    .card-reveal:hover .card-img-top {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}