body {
    background: #f6f6f6;
}
img {
    max-width: 100%;height: auto;
}
/*侧边栏*/
.content>div{
    display: inline-block;
    height: 100%;
    position: absolute;
    overflow: auto;
}
.slider{
    width: 26%;
    left: 0;
    top:0;
    bottom: 0;
    overflow: auto;
}
.slider ul{
    padding-bottom: 1.8rem;
}
.slider ul li{
    margin-top: 0.8rem;
    font-size: 0.7rem;
    text-align: center;
}
.slider ul li span{
    display: inline-block;
    width: 4.5rem;
    padding: 0.35rem 0;
    margin:0 auto;
    border-radius: 0.8rem;
}
.slider ul li.on span{
    background: #d70c18;
    color: #ffffff;
}
/*详细内容*/
.classifyDetails{
    width: 74%;
    background: #ffffff;
    right: 0;
    top:0;
    bottom: 0;
}
.classifyDetails ul{
    height: 100%;
    padding: 0.625rem;
}
.classifyDetails ul li{
    display: inline-block;
    width: 32%;
}
.classifyDetails ul li div{
    margin: 0 auto;
    width: 3.7rem;
    height:3.7rem;
    text-align: center;
}
.classifyDetails ul li p{
    padding: 0.6rem 0;
    text-align: center;
    color: #333333;
    font-size: 0.62rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}