.list-content {
  position: relative;
  min-height: 400px;
  margin: 67px auto;
}
.list-content .side-nav {
  position: absolute;
  top: 0;
  width: 240px;
  text-align: center;
}
.list-content .side-nav li {
  position: relative;
  width: 240px;
}
.list-content .side-nav li a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: rgba(121, 185, 65, 0.4);
  font-size: 14px;
  cursor: pointer;
}
/* .list-content .side-nav>li:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 240px;
  height: 1px;
  background: #cbcaca;
} */
.list-content .side-nav li.title {
  height: 50;
  line-height: 50px;
  cursor: default;
  color: #fff;
  background: #79B941;
  font-size: 18px;
}
/* .list-content .side-nav li a {
  border: solid #cbcaca;
  border-width: 0 1px 1px 1px;
} */
.list-content .side-nav li a.active {
  color: #79B941;
}
.list-content .side-nav>li.dropdown ul {
  display: none;
}
.list-content .side-nav>li.dropdown ul.active {
  display: block;
}
.list-content .side-nav li ul li a {
  width: 230px;
  height: 48px;
  margin: 0 auto;
  line-height: 48px;
  background: #f8f8f8;
  color: #707070;
  border-color: #e0e0e0;
  border-width: 0 1px 1px 1px;
}
.list-content .list {
  width: 100%;
  padding-left: 280px;
}
.list .header {
  position: relative;
  min-width: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #cbcaca;
}
.list .header .title,.list .header .crumb,.list .header .crumb li {
  display: inline-block;
  height: 100%;
}
.list .header .title {
  font-size: 18px;
  color: #79B941;
}
.list .header .crumb {
  position: absolute;
  top: 0;
  right: 0;
  color: #8f8f8f;
}
.list .header .crumb.left {
  left: 0;
  padding-left: 0;
}
.list .header .crumb.right {
  right: 0;
}
.list .header .crumb li a {
  color: #8f8f8f;
}
.list .header .crumb li a:hover {
  color: #5d9e25;
}
.list .header .crumb li a:after {
 /* content: '';*/
  display: inline-block;
  margin-left: 4px;
  color: #8f8f8f;
}
.list ul {
  padding: 12px 0;
}
.list ul li {
  position: relative;
  width: 100%;
  height: 3em;
  padding: 0 7.5em 0 .8em;
  line-height: 3em;
  font-size: 15px;
}
.list ul li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-radius: 50%;
  background: #cbcaca;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.list ul li:hover:before {
  background: #79B941;
}
.list ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #443c3a;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.list ul li a:hover {
  color: #79B941;
}
.list ul li .date {
  position: absolute;
  top: 0;
  right: 0;
  color: #8f8f8f;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

@media screen and (width: 992px) {
  .banner {
    display: none;
  }
  .list-content {
    margin: .6rem auto;
  }
  .list-content .side-nav {
    display: none;
  }
  .list-content .list {
    padding: 0 15px;
  }
  .list .header {
    height: auto;
    border: 0;
    line-height: 1.5;
  }
  .list .header .crumb {
    display: none;
  }
  .list .header .title {
    height: auto;
    padding: .3rem .5rem;
    border-left: .3rem solid #79B941;
    font-size: .6rem;
    background: #4a9eff;
    color: #fff;
  }
  .list ul li {
    font-size: .6rem;
  }
  footer {
    display: none;
  }
}