@charset "UTF-8";
/************************分类导航 start****************/
/*头部 start*/
.header .am-header-default .am-header-title{
    position:relative;
    height:32px;
    line-height:32px;
    font-size:1.4rem;
    background:#f2f2f2;
    border-radius:5px;
    color:#333;
    margin:9px 0 0 88px;
    text-align: center;
    overflow: hidden;
}
.header .am-header-default .am-header-title a{
    color:#666;
}
/*头部 end*/

.kinds_box{
    position:fixed;
    z-index:999;
    width:100%;
    height:calc(100% - 98px);
    background:#fff;
    overflow:hidden;
}
/*左侧 start*/
.kinds_left{
    position:absolute;
    left:0;
    top:0;
    z-index:999;
    width:90px;
    height:100%;
    background:#f3f4f6;
    overflow:hidden;
}
.kinds_left li{
    position:relative;
    width:100%;
    font-size:1.5rem;
    line-height:2.2rem;
    padding:10px 15px;
    text-align:center;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kinds_left li a{
    display:block;
}
.kinds_left li.active{
    background:#fff;
    color:#333;
}
.kinds_left li.active i{
    position:absolute;
    left:5px;
    top:50%;
    margin-top:-8px;
    width:4px;
    height:16px;
    background:#d1141c;
}
/*左侧 end*/

/*右侧 start*/
.kinds_right{
    width:100%;
    height:100%;
    padding:0 5px 10px 95px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kinds_nav{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    display:none;
}
.kinds_nav>img{
    display:block;
    width:96%;
    border-radius:5px;
    margin:0 auto 10px;
}
.kinds_item{
    position:absolute;
    width:100%;
    height:calc(100% - 50px);
    background:#fff;
    padding-bottom:80px;
    overflow-y: scroll;
}
.kinds_list{
    width:100%;
    margin-bottom:10px;
    overflow:hidden;
}
.kinds_list dt{
    width:100%;
    padding:0 4%;
    font-size:1.5rem;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kinds_list dt a{
    display:block;
}
.kinds_list dd{
    width:100%;
    padding:0;
    overflow:hidden;
}
.kinds_list dd a{
    float:left;
    width:46%;
    height:50px;
    line-height:50px;
    background:#f2f2f2;
    border-radius:5px;
    padding:0 5px;
    font-size:1.3rem;
    margin:10px 2% 0;
    text-align: center;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kinds_list dd a span{
    display:block;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.one_list{
    width:100%;
    padding:0 2%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.one_list li{
    width:100%;
    overflow:hidden;
}
.one_list li a{
    display:block;
    width:100%;
    line-height:45px;
    background:#f2f2f2;
    border-radius:5px;
    padding:0 10px;
    margin-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.one_list li a i{
    float:left;
    width:8px;
    height:8px;
    background:#d1141c;
    border-radius:50%;
    margin:18px 5px 0 0;
    overflow:hidden;
}
/*右侧 end*/
/************************分类导航 end*******************/