.g-tab-customer {

  

    padding-top:0;

}

.g-tab-customer .m-pagination li {

    background-color:#fff;

}

.g-tab-customer .m-pagination li.active {

    background-color:#387ee8;

}

.m-case-filter {

    background-color:#fff;

}

.m-case-filter .category {

    padding:24px 0 20px;

    text-align:center;

    color:#222;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

}

.m-case-filter .category .title {

    font-size:16px;

    margin-right:24px;

    font-weight:bolder;

    line-height:36px;

}

.m-case-filter .category .m-category {

    display:inline-block;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    max-width:1080px;

    vertical-align:top;

    margin-top:-15px;

    font-size:0;

}

.m-case-filter .category .m-category .category-item {

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    font-size:16px;

    height:36px;

    display:inline-block;

    line-height:34px;

    margin-left:20px;

    cursor:pointer;

    text-align:center;

    margin-top:15px;

    padding:0 10px;

}

.m-case-filter .category .m-category .category-item:first-child {

    margin-left:0;

}

.m-case-filter .category .m-category .category-item.active,.m-case-filter .category .m-category .category-item:hover {

    background-color:#e7ebf2;

    color:#397ee8;

    border-radius:4px;

}

.m-case {

    padding-top:40px;

}

.m-case .case-page {

    text-align:center;

    padding-bottom:70px;

    margin-top:40px;

}

.m-case .case-page .pager {

    min-height:30px;

    font-size:0;

}

.m-case .case-content {

    margin-right:-20px;

    zoom:1;

}

.m-case .case-content .cursordefault {

    cursor:default;

}

.m-case .case-content .case-li {

    display:none;

}

.m-case .case-content .case-li.active {

    display:block;

}

.m-case .case-content .caseItem {

    background-color:#fff;

    width:280px;

    float:left;

    height:338px;

    border:1px solid #dbe0e5;

    margin-right:20px;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    margin-bottom:30px;

    text-align:center;

    position:relative;

    -webkit-transition:all .15s ease-in-out;

    -moz-transition:all .15s ease-in-out;

    transition:all .15s ease-in-out;

}

.m-case .case-content .caseItem .img {

    height:150px;

}

.m-case .case-content .caseItem .img img {

    margin-top:12px;

    width:242px;

    height:124px;

}

.m-case .case-content .caseItem .title {

    margin-top:0;

    font-size:18px;

    font-weight:bolder;

    padding:0 24px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.m-case .case-content .caseItem .disc {

    margin-top:20px;

    padding:0 24px;

    line-height:1.6;

    color:grey;

    text-align:justify;

    height:90px;

    overflow:hidden;

    text-overflow:ellipsis;

    -webkit-box-orient:vertical;

    display:-webkit-box;

    -webkit-line-clamp:4;

    word-break:break-word;

    word-wrap:break-word;

}

.m-case .case-content .caseItem .view {

    display:block;

    position:absolute;

    color:#4477d0;

    text-align:left;

    padding-left:24px;

    bottom:20px;

}

.m-case .case-content .caseItem .view:hover {

    text-decoration:underline;

}

.m-case .case-content .caseItem.active {

    display:block;

}

.m-case .case-content .caseItem:hover {

    box-shadow:0 0 10px 0 rgba(80,90,109,.16);

}

.m-case .case-content:after {

    display:block;

    clear:both;

    visibility:hidden;

    height:0;

    overflow:hidden;

    content:".";

}