.r-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .2rem;}
.r-cont{width: 100%;}
.r-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .55rem;}
.r-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.r-item{display: inline-block;vertical-align: top;text-align: center;width: 2.8rem;border: solid 1px #eeeeee;margin-right: .45rem;margin-bottom: .4rem;}
.r-item:nth-child(4n){margin-right: 0;}
.r-img{cursor: pointer; width: 100%;overflow: hidden;height: 2.8rem;line-height: 2.8rem;}
.r-img img{max-width: 80%;max-height: 80%; transform: scale(1.00);transition: all .5s;}
.r-text{display: block;cursor: pointer;	background-color: #f8f8f8;	border: solid 1px #eeeeee;}
.r-name{display: block;	color: #666666;padding: 0 .1rem;line-height: .6rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.r-item:hover .r-img img{transform: scale(1.05);}
.r-item:hover .r-text{	background-color: #da291c;}
.r-item:hover .r-name{	 color: #fff;}


@media(max-width: 750px){ 
    .r-a{width: 100%;}
    .r-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .r-item:nth-child(2n){margin-right: 0;}
}