.index-content {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index-content .stories-d,
.index-content .stories-s {
  width: 9.6rem;
  height: 5.21rem;
  margin: 1rem 0;
}

.index-content .stories-d img,
.index-content .stories-s img {
  width: 6rem;
  height: 4.05rem;
  position: absolute;
  margin-top: .3rem;
}

.index-content .stories-d img, 
.index-content .stories-d .line1 {
  margin-left: 3.6rem;
}

.index-content #will-change .story-pic:hover {
  box-shadow: 0 0 15px rgb(125, 74, 24, 0.4);
  margin-top: .2rem;
}

.index-content #will-change .story-pic:hover~.line1 {
  width: 6rem;
  margin-top: 4.21rem;
}

.index-content #will-change .line1 {
  width: 0;
  height: .04rem;
  background-color: #F08200;
  position: absolute;
  margin-top: 4.31rem;
  z-index: 9;
  transition: width 2s;
	-webkit-transition: width 2s; /* Safari */
}

.index-content .stories-d .background,
.index-content .stories-s .background {
  width: 8.9rem;
  height: 4.15rem;
  background-color: #D49B62;
  color: #fff;
  margin-top: 1.16rem;
}

.index-content .stories-s .background {
  margin-left: .7rem;
}

.index-content .stories-d .background h6,
.index-content .stories-s .background h6 {
  font-size: .44rem;
  position: absolute;
  margin-top: 3.3rem;
}

.index-content .stories-d .background h6 {
  margin-left: 5.5rem;
}

.index-content .stories-s .background h6 {
  margin-left: .5rem;
}

.index-content .stories-d .background p,
.index-content .stories-s .background p {
  font-size: .16rem;
  width: 3.25rem;
  height: 4.15rem;
  display: flex;
  align-items: center;
  position: absolute;
  line-height: .26rem;
  margin-left: .2rem;
  font-family: PingFang;
  text-indent: .3rem;
}

.index-content .stories-s .background p {
  margin-left: 5.5rem;
}

.index-content ul li {
  float: left;
  font-size: .26rem;
  margin-bottom: 1rem;
  cursor: pointer;
}

.index-content ul .chosen {
  font-size: .3rem;
  padding-bottom: .1rem;
  border-bottom: #D49B62 solid .03rem;
}

.index-content ul li:nth-child(1),
.index-content ul li:nth-child(2),
.index-content ul li:nth-child(3),
.index-content ul li:nth-child(4) {
  margin-right: 1rem;
}