.case-list{
    background-color: white;

}
.case-list .list-item{
    flex: 0 0 calc(33.33% - 6px);
    height: 300px;
    box-sizing: border-box;
    margin: 5px 3px;
}
.case-list .list-item .item-mark .item-mark-body{
    /*width: calc(33.33vw - 3px);*/
    width: 100%;
    height: 300px;
    background:linear-gradient(0deg,rgba(254,70,70,1),rgba(220,1,1,1));
    opacity:0.89;
    position: relative;
    z-index: 1;
    top: -300px;
    transition: all 0.2s;
    overflow: hidden;
    /*top: 0;*/
}

.case-list .list-item .item-mark .item-mark img{width: 100%}
.case-list .list-item:hover .item-mark .item-mark-body{
    top: -0px;
}
.item-button{
    height: 0;
}
.body-inner-name{
    position: relative;
    top: 0px;
    font-size: 18px;
}
.case-list .list-item:hover .body-inner-name{
    top: 0px;
    font-size: 29px;
}
.show-more img{
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
.case-list .list-item{
    flex: 0 0 50%;
    margin: 0px;
    height: auto;
    position: relative;

}
.case-list .list-item .item-mark{
       position: absolute;
    /*height: 100px;*/
    width: 100vw;
    background: #363636;
    z-index: 999;
      
        display: none
            /*border: 1px solid #ffffff;*/
}
.case-list .list-item .item-mark .item-mark-body{
    /*width: calc(33.33vw - 3px);*/
    width: 100%;
    height: auto;
    background:linear-gradient(0deg,rgba(254,70,70,1),rgba(220,1,1,1));
    opacity:0.89;
    position: relative;
    z-index: 1;
    top: 0;
    transition: all 0.2s;
    overflow: hidden;
      bottom: 0px;
    /*top: 0;*/
}
.list-item a{display: block;}
.item-mark-body-inner img{
    display: none;
}
.case-list .list-item .item-mark .item-mark-body .body-inner-name {

    top: 0;
    font-size: 1rem;
 

}
.case-list .list-item .item-mark .item-mark-body-inner {

    top: 0;
    font-size: 1rem;
    height: 2rem;
    margin-top:0px;
 

}
.case-more{
    text-align: center;
    padding: 20px 0;
    font-size: 14px;
    color: rgba(255,255,255,.5);
    background-color: #282A2E;
    height: 40px;
    line-height: 40px;
}

}