/*满屏显示*/
body{
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    background: #fff;
}
/*默认隐藏的头部header_ban*/
.header .header_bar{
    height: 56px;
    background: #404042;
    display: none;
}
.header .header_bar ul{
    height: 100%;
}
.header .header_bar li{
    width: 25%;
    text-align: center;
    float: left;
}
.header .header_bar a{
    font-size: 12px;
    color: #f0f0f0;
}
.header .header_bar span{
    display: block;
    width:30px;
    height:30px;
    margin: 0 auto;
    margin-top: 6px;
}
strong{
    margin:0 auto;
}
.header .header_bar li:nth-of-type(1) span{
    background: url("../img/jd-sprites.png") no-repeat -30px -27px;
    background-size: 200px 200px;
}
.header .header_bar li:nth-of-type(2) span{
    background: url("../img/jd-sprites.png") no-repeat -60px -27px;
    background-size: 200px 200px;
}.header .header_bar li:nth-of-type(3) span{
     background: url("../img/jd-sprites.png") no-repeat -90px -27px;
     background-size: 200px 200px;
 }.header .header_bar li:nth-of-type(4) span{
      background: url("../img/jd-sprites.png") no-repeat -120px -27px;
      background-size: 200px 200px;
   }

/*分类大区块*/
.category{
    /*高度用js动态控制*/
    /*height: 100%;*/
    width: 100%;
    position: relative;
}

.catLeft{
    width: 90px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: 999;*/
}

/*子盒子  滑动*/
.catLeft ul{
    -moz-transition: all .3s ease 0s; /* Firefox 4 */
    -o-transition: all .3s ease 0s; /* Opera */
    -webkit-transition: all .3s ease 0s; /* Safari 和 Chrome */
    transition: all .3s ease 0s;
    cursor: pointer;
}
.catLeft ul li{
    height: 50px;
    width: 90px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    line-height: 49px;
    text-align: center;
    background: #f3f4f6;
}
.catLeft ul li.active{
    border-right: 0;
    background-color: #fff;
}
.catLeft ul li.active a{
    color: #d8505c;
}
.catLeft ul li a{
    color: #000;
    font-family: sans-serif;
    font-size: 12px;
    display: block;
}
/*右分类*/
.catRight{
    background-color: #f3f4f6;
    height: 100%;
    margin-left:90px;
    overflow: hidden;
}
.catRight .catRight_con{
    padding: 10px 12px;
    display: none;
}
.catRight .catRight_con.active{
    display: block;
}
.catRight .catRight_con .banner{
    width: 100%;
}
.catRight .catRight_con .banner img{
    width: 100%;
}

.catRight .catRight_con .catType{
    font-size: 12px;
    font-family: sans-serif;
    margin-top: 10px;
}
.catRight .catRight_con .catType h3{
    line-height: 20px;
    font-size: 12px;
    color: #888;
}
.catRight .catRight_con .catType ul{
    background: #fff;
}
.catRight .catRight_con .catType ul li{
    width: 33.33%;
    text-align: center;
    float: left;
    margin-top: 10px;
}
.catRight .catRight_con .catType ul li img{
    height: 62px;
}

.catRight .catRight_con .catType ul li p{
    line-height: 20px;
}