@charset "utf-8";
/* environment */
#crumb {
  margin: auto;
  width: 80%;
  min-width: 1000px;
}
#list .box {
  padding: 60px 0 80px;
}
#list .con {
  margin: auto;
  padding-top: 60px;
  width: 80%;
  min-width: 1000px;
}
#list .con .item {
  position: relative;
  float: left;
  margin: 0 1.5%;
  width: 22%;
}
#list .con .item .img img {
  display: block;
  width: 100%;
  background: #eee no-repeat center;
  background-size: cover;
}
#list .con .item .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 2.8em;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
/*手机版*/
@media screen and (max-width: 800px) {
  #list .box {
    padding: 20px 0 40px;
  }
  #list .con {
    padding-top: 20px;
    width: 94%;
    min-width: auto;
  }
  #list .con .item {
    margin: 5px 1.5%;
    width: 47%;
  }
  #list .con .item .txt {
    line-height: 2em;
    font-size: 12px;
  }
}