.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;transition: all .3s;}
.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: #ff9920;}
.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: #da291c;}

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



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

.com-pag-1 {
    display: flex;
    justify-content: center;
}

.com-pag-1.bgfff .p_a {
    background-color: #fff;
}

.com-pag-1 .p_a {
    width: 0.5rem;
    height: 0.5rem;
    min-width: 30px;
    min-height: 30px;
    margin: 0 0.05rem;
    line-height: 1;
    color: #666;
    box-shadow: 0 0 0 1px #dbdbdb inset;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.com-pag-1 .btn {
    padding: 0 0.23rem;
    width: auto;
    background-size: auto 20%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
}

.com-pag-1 .btn span {
    display: block;
    text-align: center;
}

.com-pag-1 .btn:hover {
    background-color: #1a46c4;
    color: #fff;
    transition: all 0.3s;
}

.com-pag-1 .num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.com-pag-1 .num:hover,
.com-pag-1 .num.on {
    background-color: #1a46c4;
    color: #fff;
    transition: all 0.3s;
}

.com-pag-1 .te {
    width: auto;
    padding: 0 0.2rem;
}

@media screen and (max-width: 900px) {
    .com-pag-1 .p_a {
        margin-right: 0.1rem;
    }
}