@media screen and (max-width: 768px) {
    .tab2 {
        display: none;
    }

    .tab1 {
        width: 100%;
        border: 0;
    }

    .centerRegion {
        width: 95%;
    }

    .tab1 .item {
        position: relative;
    }

    .tab1 .right .title {
        font-size: 4vw;
        line-height: 5vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tab1 .right .span:nth-child(4) {
        display: none;
    }

    .tab1 .right .span:nth-child(3) {
        margin-top: 2vw;
        font-size: 3vw;
        line-height: 4vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tab1 .right .span:nth-child(2) {
        position: absolute;
        font-size: 3vw!important;
        bottom: 10%
    }
    .tab1 .img {
        height: 22.6vw;
  }
}