@charset "utf8";
@import url("./common.css");

#banner {
  position: relative;
  margin-bottom: 1.05rem;
}

#banner>.box {
  position: absolute;
  bottom: 1.94rem;
  right: 1.89rem;
  width: 6.26rem;
  height: 3.90rem;
  padding-top: .32rem;
  padding-right: .32rem;
  text-align: right;
  background-color: rgba(255, 255, 255, 0.5);
}

#banner>.box .title {
  font-size: .4rem;
  line-height: .6rem;
  font-weight: bold;
  /* margin-bottom: .29rem; */
}

#banner>.box p {
  font-size: .23rem;
  line-height: .4rem;
}

/**************************story_main**************/

.little_story_row.little_story {
  margin-bottom: 1rem;
}

.little_story_row {
  display: flex;
}

.story_main .little_story_title {
  font-size: .45rem;
  line-height: .68rem;
  font-weight: bold;
}

.pic_center {
  width: 4.13rem;
  margin: .32rem auto 0;
}

.little_story_content {
  font-size: .23rem;
  line-height: .45rem;
  margin-left: .54rem;
  margin-top: .65rem;
  margin-right: .44rem;
}

.little_story_item2 {
  position: relative;
  width: 7.74rem;
}

.little_story_content2 {
  position: absolute;
  left: .56rem;
  top: 3.15rem;
  font-size: .23rem;
  line-height: .45rem;
}

.little_doing_row {
  display: flex;
  justify-content: space-between;
}

.little_doing_row > .left-item {
  width: 9.36rem;
  height: 5.92rem;
}
.little_doing_row > .left-item img {
  width: 9.36rem;
  height: 5.92rem;
}
.little_doing_title {
  position: absolute;
  top: -1.55rem;
  right: 0;
  width: 5rem;
  height: .2rem;
  font-size: .45rem;
  font-weight: bold;
  line-height: .6rem;
}

.little_doing_item.right-item {
  position: relative;
  text-align: right;
  width: 4.9rem;
}

.little_doing_content {
  font-size: .23rem;
  line-height: .45rem;
  margin-top: -.15rem;
}

.little_doing_row.doing {
  margin-bottom: .6rem;
}

.fenye {
  margin-bottom: 1.2rem;
}

.right-item-pic {
  margin-top: .3rem;
  width: 4.63rem;
  height:2.97rem;
  margin-left: auto;
}

.right-item-pic img {
  width: 4.63rem;
  height:2.97rem;
}