.content-wrap{min-height: 20px;}

.content-wrap .content{min-height: 50px;background-color: #fff;padding: 30px 25px;box-sizing: border-box;}



.view-content{margin-top: 15px;}

.view-content .view-item{border: 1px solid #eee;margin-right: 20px;width: 272px;float: left;box-sizing: border-box;margin-bottom: 20px;cursor: pointer;}

.view-content .view-item:nth-child(4n){margin-right: 0;}

.view-content .view-item .img{width: 100%;height: 270px;overflow: hidden;position: relative;}

.view-content .view-item .img .img-icon{display: inline-block;position: absolute;width: 56px;height: 56px;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.view-content .view-item .img img{display: inline-block; width: 100%;height: 100%;}

.view-content .view-item .name{padding:10px 14px;font-size: 16px;font-weight: bold;width: 100%;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}