.other {
  background: #FFF;
}
.other
.type {
  width: 300px;
  max-width: calc(100% - 50px);
  margin: 0px auto;
  position: relative;
  height: 100%;
  padding-top: 10px;
  border-bottom: 2px solid #f6f6f6;
  overflow: hidden;
}
.type ul li {
  float: left;
}
.type li a {
  display: block;
  height: 45px;
  line-height: 45px;
  width: 150px;
  font-size: 15px;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 10px;
}
.type li .hover {
  color: #fff;
  background: #23aa89;
}
.lists li {
  border-bottom: 1px solid #F6F6F6;
  padding: 20px;
}
.lists li .number {
  color: #c3c3c3;
  display: block;
  width: 45px;
  margin-right: 26px;
  text-align: center;
  font-size: 26px;
  line-height: 75px;
  height: 75px;
  overflow: hidden;
  float: left;
  font-style: normal;
}
.lists li .weblogo {
  float: left;
  height: 75px;
  line-height: 75px;
  width: 280px;
  margin-right: 20px;
}
.lists li .weblogo img {
  max-width: 70%;
  max-height: 100%;
}
.lists li .introduce {
  padding: 20px 0px;
  line-height: 31px;
  float: left;
  width: calc(100% - 45px - 26px - 300px - 200px - 170px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
  color: #9c9c9c;
}
.lists li .click {
  margin-left: 50px;
  float: left;
  width: 150px;
  line-height: 75px;
  height: 75px;
  font-size: 15px;
  color: #ff8d10;
}
.lists li .go {
  margin-left: 50px;
  float: left;
  width: 120px;
  background: #FFF;
  text-align: center;
  height: 44px;
  color: #a2a2a2;
  border: 1px solid #ececec;
  line-height: 44px;
  font-size: 15px;
  border-radius: 25px;
  margin-top: 15.5px;
}