body,html{
    background: #fff;
}
#main{
    background-color: #fff;
    height: 100%;
}
.leftlist{
    position: fixed;
    height: 100%;
    background-color: #f8f8f8;
    width: 90px;
    border-right: 1px solid #cdcdcd;
}
.leftlist ul{
    margin:0;
    padding: 0;
}
.leftlist ul li{
    list-style: none;
    width: 90px;
    height:40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
    color:#555;
}
.leftlist ul li.active{
    border-top:none;
    border-right: 1px solid #cdcdcd;
    border-left:2px solid tomato;
    background-color: #fff;
    color:tomato;
}
.mainbox{
    margin-left: 90px;
    height: 100%;
}
.mainbox:after{
    content:'';
    display: block;
    overflow: hidden;
    clear: both;
}
.typename{
    clear: both;
    margin:10px;
}
.typesons{
    width: 83px;
    height: 106px;
    float:left;
    margin:5px;
}
.typesons .sonbox{
    width: 83px;
}
.typesons .sonbox .sonimg{
    width: 83px;
}
.typesons .sonbox .sonname{
    text-align: center;
}