.md33670.j-main{width: 100%;font-family: Montserrat-Regular;padding: 1rem .3rem;}
.md33670.j-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;}
.md33670.j-main .j-title{color: #333;font-family: Montserrat-SemiBold;font-weight: bold;line-height: 1;margin-bottom: .5rem;}
.md33670.j-main .j-list{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: .2rem;}
.md33670.j-main .j-item{width: calc(33.33333% - 0.2333rem);margin-right: 0.35rem;margin-bottom: 0.4rem;border: 1px solid #e2e2e2;border-radius: .2rem;overflow: hidden;transition: all .3s;}
.md33670.j-main .j-item:nth-child(3n){margin-right: 0;}
.md33670.j-main .j-box{width: 100%;padding-top: 56.666%;position: relative;overflow: hidden;}
.md33670.j-main .j-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.5s ease 0s;}
.md33670.j-main .j-text{width:100%;padding: .39rem;}
.md33670.j-main .j-date{color: #666;line-height: 1.5;margin-bottom: .07rem;transition: color .3s;}
.md33670.j-main .j-tit{color: #333;line-height: 1.416;height: 2.832em;font-family: Montserrat-Medium;margin-bottom: .34rem;transition: color .3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md33670.j-main .j-arrow{width: .4rem;height: .4rem;border-radius: 50%;background-color: #f5f5f5;position: relative;}
.md33670.j-main .j-arrow:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));border-radius: 50%;opacity: 0;transition: opacity .3s;}
.md33670.j-main .j-arrow:after{content: "";display: inline-block;border-left: .09rem solid #333;border-top: .06rem solid transparent;border-bottom: .06rem solid transparent;position: absolute;left: 50%;top: 50%;margin-left: -0.04rem;margin-top: -0.06rem;z-index: 2;transition: border-left-color .3s;}
.md33670.j-main .j-item:hover{box-shadow: 0.05rem 0.05rem 0.1rem rgba(4,104,169,0.2);border-color: transparent;}
.md33670.j-main .j-item:hover .j-date{color: #333;}
.md33670.j-main .j-item:hover .j-tit{color: var(--active);}
.md33670.j-main .j-item:hover .j-arrow:before{opacity: 1;}
.md33670.j-main .j-item:hover .j-arrow:after{border-left-color: #fff;}
.md33670.j-main .j-item:hover .j-img{transform: scale(1.07);}
@media(max-width: 750px){
    .md33670.j-main{padding: .6rem .3rem;}
    .md33670.j-main .j-item{width: calc(50% - 0.15rem);margin-right: 0.3rem;margin-bottom: 0.3rem;}
    .md33670.j-main .j-item:nth-child(3n){margin-right: 0.3rem;}
    .md33670.j-main .j-item:nth-child(2n){margin-right: 0;}
    .md33670.j-main .j-text{padding: .2rem;}
}
@media(max-width: 500px){
    .md33670.j-main .j-date{font-size: .24rem;}
    .md33670.j-main .j-tit{font-size: .26rem;margin-bottom: .2rem;}
}

.pg-main{text-align: center;font-size: 0;font-family: Montserrat-Regular;}
.pg-main .pg-arrow{width: .5rem;height: .5rem;border-radius: 50%;background-color: #f2f3f5;margin: 0 0.05rem;cursor: pointer;position: relative;display: inline-block;vertical-align: top;}
.pg-main .pg-one{min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: 0.25rem;background-color: #f2f3f5;margin: 0 0.05rem;padding: 0 0.1rem;cursor: pointer;position: relative;display: inline-block;vertical-align: top;color: #333;transition: color .3s;}
.pg-main .pg-prev:after{content: "";display: inline-block;border-right: 0.09rem solid #333;border-top: .06rem solid transparent;border-bottom: .06rem solid transparent;position: absolute;left: 50%;margin-left: -0.05rem;top: 50%;margin-top: -0.06rem;z-index: 2;transition: all .3s;}
.pg-main .pg-next:after{content: "";display: inline-block;border-left: 0.09rem solid #333;border-top: .06rem solid transparent;border-bottom: .06rem solid transparent;position: absolute;left: 50%;margin-left: -0.04rem;top: 50%;margin-top: -0.06rem;z-index: 2;transition: all .3s;}
.pg-main .pg-one span{display: inline-block;position: relative;z-index: 2;}
.pg-main .pg-arrow:before,
.pg-main .pg-one:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));border-radius: .25rem;opacity: 0;transition: opacity .3s;}
.pg-main .pg-arrow:hover:before,
.pg-main .pg-one:hover:before{opacity: 1;}
.pg-main .pg-arrow:hover:after{border-left-color: #fff;border-right-color: #fff;}
.pg-main .pg-one:hover:before{opacity: 1;}
.pg-main .pg-one:hover{color: #fff;}
.pg-main .pg-one.active{color: #fff;}
.pg-main .pg-one.active:before{opacity: 1;}
@media(max-width: 500px){
    .pg-main .pg-one{font-size: .24rem;}
}