.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: #1a63dc;}
.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: #1a63dc;}

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



@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;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-a{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .23rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-b{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-c{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-a:hover,.paging-b:hover,.paging-c:hover{background-color: #1a63dc;color: #fff;border: 1px solid #1a63dc;}
.paging-c.active{background-color: #1a63dc;color: #fff;border: .01rem solid #1a63dc;}
.paging-a,.paging-b,.paging-c{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .paging-a,.paging-b,.paging-c{font-size: 13.2px;}
}
@media(max-width: 750px){
    .paging-a,.paging-b,.paging-c{font-size: 12px;}
}