.i-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.i-cont{width: 100%;}
.i-titles{color: #333333;text-align: center;font-weight: bold;margin-bottom: .55rem;}
.i-list{width: 100%;padding-bottom: .3rem;}
.i-item{width: 100%;display: block; position: relative;cursor: pointer; text-align: right;margin-bottom: .6rem; background-color: #f7f7f7; }
.i-img{position: absolute;top: 0;left: 0;width: 7.65rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.i-text{display: inline-block;text-align: left;padding: .9rem .4rem;width: 4.95rem;}
.i-name{color: #333333;font-weight: bold;padding-bottom: .3rem;margin-bottom: .15rem; position: relative;}
.i-name:after{content: ''; position: absolute;bottom: 0;left: 0; width: .26rem;height: .03rem;background-color: #e62129;}
.i-b{color: #555555;line-height: 2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-b *{line-height: inherit;}
.i-more{display: inline-block;margin-top: .5rem; padding: .13rem .33rem;color: #ffffff; background-color: #e62129;}

.i-item:hover{background-color: #ffffff;box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.1);}
.i-item:hover .i-name{color: #e62129;}



@media(min-width: 750px){ 
    .i-item:nth-child(2n)  {text-align: left;}
    .i-item:nth-child(2n) .i-img{right: 0;left: auto;}
}
@media(max-width: 750px){ 
    .i-a{width: 100%; }
    .i-item{width: 100%;}
    .i-img{width: 100%;position: static;height: auto;padding-top: 54.9%;}
    .i-text{width: 100%;padding: .5rem .3rem;}
}