
.k-main{width: 100%;padding: .25rem .3rem .9rem;}
.k-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.k-cont{width: 100%;display: flex;flex-wrap: wrap;font-size: 0;}
.k-item{display: block;cursor: pointer;width: 32.13%;margin-right: 1.8%;border-radius:.2rem;overflow: hidden;margin-bottom: .3rem;}
.k-item:nth-child(3n){margin-right: 0;}
.k-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(296/527*100%);}
.k-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.k-text{width: 100%;position: relative;display: flex;flex-wrap: wrap;align-content: center;align-items: center;padding: .55rem 1.3rem .5rem .55rem;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.k-text:after{transition: all .5s;content: '';position: absolute;top: 50%;right: .5rem;transform: translate(0,-50%);width: .4rem;height: .4rem;border-radius: 50%;background-image: url('/static/home/images/a14.png');background-color: rgba(110,199,64,.6);background-size: .06rem auto;background-position: center center;background-repeat: no-repeat;}
.k-name{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.5;}
.k-intro{width: 100%;color: rgba(255,255,255,.7);line-height: 1.6;}
.k-item:hover .k-img img{transform: scale(1.05);}

@media(max-width: 750px){
    .k-item{width: 100%;margin-right: 0;}
    .k-text{padding: .5rem 1rem .5rem .3rem;}
    .k-text:after{right: .3rem;}
}
