.case-wrap {
    width: 1400px;
    float: left;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.case-wrap .info-list {
    min-height: 1552px;
    height: auto;
    width: 100%;
    float: left;
    margin-top: 70px;
    padding-bottom: 60px;
}

.active-case {
    background-color: #297EBB !important;
    color: #fff !important;
}

.case-wrap .info-list .list-wrap {
    height: 326px;
    width: 313px;
    cursor: pointer;
    float: left;
    margin: 80px 18px 0 18px;
    color: #2C2C2C;
}

.case-wrap .info-list .list-wrap img {
    width: 100%;
    height: 230px;
    float: left;
}

.case-wrap .info-list .list-wrap .content {
    width: 100%;
    height: 96px;
    float: left;
    box-sizing: border-box;
    border-left: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
}

.case-wrap .info-list .list-wrap .text {
    margin: 18px 0 0 15px;
    line-height: 25px;
}

.case-wrap .info-list .list-wrap .time {
    color: #bfbfbf;
    font-size: 14px;
}

.case-wrap .page-wrap {
    float: left;
    margin-top: -250px;
    width: 100%;
    height: 40px;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    user-select: none;
}

.case-wrap .page-wrap .left-arrow {
    margin-top: 8px;
}

.case-wrap .page-wrap .right-arrow {
    margin-top: 7px;
    transform: rotate(180deg);
}