#wsdBodyer{
    color: #000;
}
.catesNav,.subCatesDiv{
    padding: 1rem;
}
.catesNav{
    display: flex;
    flex-flow: wrap;
}
.singleCate{
    margin-right: 0.5rem;
    width: calc((100% - 0.5rem * 3) / 4);
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.singleCate:nth-child(4n){
    margin-right: 0;
}
.cateImg{
    width: 100%;
}
.choosedImg{
    display: none;
    width: 2rem;
    position: absolute;
    right: -7px;
    top: -7px;
}
.singleCate_choosed{
    border: 1px solid #4095EF;
}
.singleCate_choosed > .choosedImg{
    display:block;
}
.subCatesDiv{

}
.subCates{
    display: none;
}
.subCate{
    margin-bottom: 1.5rem;
}
.titleDiv{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.titleDiv > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.titleDiv > div > img{
    width: 2rem;
}
.titleDiv > div > div{
    
margin-left: 0.5rem;
}
.titleDiv > img{
    width: 1.5rem;
    transform: rotate(180deg);
}
.description{
    background-color: #F0F7FF;
    padding: 0.5rem;
    color: #666;
    display: none;
}