.content {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  background-color: #fff;
  width: 100%; }

.hide {
  display: none; }
.category-content {
  width: 100%; }
.category-nav {
  width:20%;
  background-color: #f9f9f9; }

.n-list {
  width:100%;
  height:45px;
  background-color: #f9f9f9;
  text-align: center;
  position: relative; }

.n-title {
  line-height:45px;
  padding:0 5px 5px 5px;
  font-size:14px;
  color: #414141; }

.n-list.active {
  background-color: #ffffff; }

.n-list.active .n-title {
  font-size:14px;
  color: black; }

.n-icon {
  width:3px;
  height:15px;
  position: absolute;
  left:5px;
  top:15px;
  background-color: #76ac01;
  display: none; }

.n-list.active .n-icon {
  display: block; }

.category-item {
  width:80%;
  background-color: white; }
.i-name {
  width:60%;
  height:40px;
  line-height:40px;
  margin-top:20px;
  font-size:16px;
  color: #ff0000;
  padding-left:40px;
  background: url(../images/categorytitle.png) no-repeat 0px 4px;
  background-size:60%;
  margin-left:30px;}

.i-item {
  float: left;
  margin:3% 2%;
  width:21%;
  overflow: hidden;
  min-height:40px;}

.i-logo {
  width: 100%;
  margin-left:2px;
  margin-right:2px; }

.i-logo img {
  width:63px;
  height:63px; }

.i-title {
  text-align: center;
  font-size:12px;
  color: #7e7e7e;
  line-height:30px;
  height:30px;
  overflow: hidden;}