.contentes {
    font-size: 0.5rem;
}
.contents {
    width: 15%;
    background-color: #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 1.5rem;
}
 .contents img {
    margin: auto;
    width: 0.4rem; 
    height: 0.4rem;
    
}
.title_content {
    font-weight:600;
    font-size: 0.1rem;
}
.contents:hover {
    width: 15%;
    background-color: #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 1.5rem;
    background-color: #84aadb;
    color: #fff;
    transition: all 0.2s linear;
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 3px 8px rgb(0 0 0 / 40%);
    
}
.after {
    font-size: 0.1rem;
    display:none;
    padding: 0.09rem;
}
.title {
    font-size: 0.2rem;
    text-align: center;
    line-height: 1.1rem;
    margin: auto;
}
.text {

    font-size: 0.1rem;
    width: 85%;
    margin: auto;
    height: 0.25rem;
    text-indent: 0.2rem;
    
}