.list-img {
  width: 100%;
  height: 20.4rem;
  background-image: url(../img/mobile/底图.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.list-img-div {
  width: 17rem;
  height: 8.2rem;
  background: #cca75c;
  border-radius: 0rem 0rem 0rem 0rem;
  opacity: 1;
  position: absolute;
  left: 2rem;
  bottom: -1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
a {
  text-decoration: none;
}
.list-div {
  width: 13.1rem;
  height: 5.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list-div-top {
  width: 3.4rem;
  height: 0.3rem;
  background: #ffffff;
  border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
  opacity: 1;
}
.list-div-mid {
  font-size: 1.7rem;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.4rem;
}
.list-div-bottom {
  width: 13.1rem;
  height: 2rem;
  font-size: 1.2rem;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  line-height: 2rem;
}
/* 内容 */
.list-content-div {
  margin-top: 4.9rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.list-content {
  width: 33.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0rem 0rem 0rem 0rem;
  opacity: 1;
  border: 0.1rem solid rgba(0, 0, 0, 0.15);
  margin-bottom: 1.2rem;
}
.list-content-title {
  width: 21.6rem;
  font-size: 1.2rem;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #303030;
  line-height: 2.2rem;
  margin-left: 0.8rem;
  word-wrap: break-word;
}
.list-content-title-span{
  font-size: 1.2rem;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #303030;
  line-height: 2.2rem;
  margin-left: 0.8rem;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.list-content-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 3.2rem;
  background: #c13f33;
  border-radius: 0rem 0rem 0rem 0rem;
  opacity: 1;
  font-size: 1.4rem;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.6rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  margin-right: 0.4rem;
}
.list-content-bottom-div {
  width: 100%;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
  margin-bottom: 5.9rem;
}
.list-content-bottom {
    align-items: center;
  width: 21.5rem;
  height: 4rem;
  display: flex;
  justify-content: space-between;
 
}
.list-content-bottom div {
  width: 10rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
   background: linear-gradient(135deg, rgba(217, 182, 109, 0.9) 0%, rgba(191, 155, 80, 0.9) 100%);
  font-size: 1.4rem;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.6rem;
}