.yewu_det .hd .item{
    height: auto;
    aspect-ratio:262/190 ;
    background:linear-gradient(45deg,#f8f3f0,#f2e9e4) ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.3rem 1.8rem;
    transition: background .5s;
    border-radius:.4rem;
}

.yewu_det .hd .item .icon{
    width: 2.6rem;
    height: auto;
    aspect-ratio:1/1 ;
    object-fit: contain;
    transition: filter .5s;
}

.yewu_det .hd .item .tt{
    font-size: var(--f19);
    font-family: 'pingfangm-font';
    color:#373535 ;
    transition: color .5s;
}

.yewu_det .hd .item:hover,
.yewu_det .hd .item.on{
    background:var(--noBtnBgColor) ;
}


.yewu_det .hd .item:hover .icon,
.yewu_det .hd .item.on .icon{
    filter: var(--imgWhite);
}

.yewu_det .hd .item:hover .tt,
.yewu_det .hd .item.on .tt{
    color: #fff;
}

.yewu_det .bd .tt{
    font-size: var(--f48);
}

.yewu_det .bd .subt{
    font-size: var(--f18);
    color: #414141;
    margin-top: 1.6rem;
}
.yewu_det .bd .ar_article{
    color: #414141;
    font-size: var(--f18);
    margin-top: 2rem;
}

.yewu_det .imgs{
    gap: 1rem;
}
.yewu_det .imgs .img-db{
    height: auto;
    aspect-ratio:790/460 ;
    border-radius: 1rem;
}