.i-main{width: 100%;padding-top: .8rem;padding-bottom: 1.2rem;background-color: #fafafa;}
.i-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.i-title{color: #333;line-height: 1;text-align: center;margin-bottom: .6rem;}
.i-big{width: 100%;margin-bottom: .8rem;}
.i-left{float: left;width: 50%;height: 4.48rem;overflow: hidden;}
.i-right{float: right;width: 50%;height: 4.48rem;background-color: #fff;display: flex;align-items: center;}
.i-img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease 0s;}
body.pc .i-left:hover .i-img{transform: scale(1.07);}
.i-mid{width: 100%;padding-left: .9rem;padding-right: .75rem;}
.i-date{position: relative;margin-bottom: .4rem;}
.i-dm{color: #333;line-height: 1;padding-right: .1rem;}
.i-year{color: #999;}
.i-tit{display: block;color: #333;line-height: 1.5;margin-bottom: .14rem;transition: color .3s;}
.i-des{color: #888;line-height: 1.5;margin-bottom: .65rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-more{display: inline-block;vertical-align: top;width: auto;padding: 0 .2rem;background-color: #ffaa00;color: #fff;line-height: 3;border: none;cursor: pointer;}
.i-more:after{content: "";display: inline-block;vertical-align: middle;width: .53333em;height: .93333em;background-image: url(/static/home/images/7.png);background-size: 100% 100%;position: relative;top: -1px;margin-left: .53rem;}
body.pc .i-tit:hover{color: #fa0;}
.i-list{width: 100%;font-size: 0;}
.i-item{display: inline-block;vertical-align: top;width: 31.25%;margin-right: 3.125%;margin-bottom: .86rem;}
.i-item:nth-child(3n){margin-right: 0;}
.i-wrap{width: 100%;padding-top: 62.22%;position: relative;overflow: hidden;}
.i-pic{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.5s ease 0s;}
.i-text{padding-top: .37rem;}
.i-time{margin-bottom: .25rem;}
.i-t{color: #333;line-height: 1.2;height: 2.4em;margin-bottom: .15rem;transition: color .3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-intro{color: #888;line-height: 1.5;height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
body.pc .i-item:hover .i-pic{transform: scale(1.07);}
body.pc .i-item:hover .i-t{color: #fa0;}
@media(max-width: 1200px){
    .i-date{margin-bottom: .15rem;}
    .i-des{margin-bottom: .2rem;}
}
@media(max-width: 750px){
    .i-main{padding: .5rem .3rem;}
    .i-title{margin-bottom: .3rem;}
    .i-left{float: none;width: 100%;height: auto;padding-top: 62.222%;position: relative;display: block;}
    .i-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
    .i-right{float: none;width: 100%;display: block;height: auto;padding: 0.3rem;}
    .i-mid{padding: 0;}
    .i-more{line-height: .66rem;}
    .i-big{margin-bottom: .3rem;}
    .i-item{width: calc(50% - 0.15rem);margin-right: .3rem;margin-bottom: .3rem;}
    .i-item:nth-child(3n){margin-right: 0.3rem;}
    .i-item:nth-child(2n){margin-right: 0;}
    .i-text{padding-top: .2rem;}
    .i-time{margin-bottom: .15rem;}
    .i-t{margin-bottom: .1rem;}
}

.pg-main{text-align: center;font-size: 0;}
.pg-one{display: inline-block;vertical-align: top;min-width: .46rem;height: .46rem;line-height: .44rem;padding: 0 0.05rem;text-align: center;color: #888;border: 1px solid #eee;margin: 0 .1rem;cursor: pointer;background-color: #fff;transition: background-color .3s;}
.pg-one.active{background-color: #fa0;color: #fff;}
.pg-input{width: 1rem;height: .46rem;border: 1px solid #eee;background-color: #fff;text-align: center;color: #888;margin: 0 .12rem 0 .3rem;}
.pg-submit{width: auto;border: none;background-color: transparent;height: 1px solid transparent;line-height: .44rem;color: #888;cursor: pointer;padding: 0;}
.pg-prev,
.pg-next{background-image: url(/static/home/images/56.png);background-size: .444444em auto;background-repeat: no-repeat;background-position: center center;}
.pg-prev{transform: rotate(180deg);margin-left: 0;}
body.pc .pg-one:hover{background-color: #fa0;color: #fff;}
body.pc .pg-next:hover,
body.pc .pg-prev:hover{background-image: url(/static/home/images/57.png)}
@media(max-width: 750px){
    .pg-one{margin: 0 0.05rem;}
    .pg-input{margin-left: .1rem;margin-right: .1rem;}
}