@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.18rem;
  height: 3.85rem;
  padding-top: .24rem;
  padding-right: .22rem;
  text-align: right;
  background-color: rgba(255, 255, 255, 0.5);
}

#banner > .box .title {
  font-size: .45rem;
  line-height: .68rem;
  font-weight: bold;
  margin-bottom: .29rem;
}

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

/**************************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: 0 auto;
  margin-top: .32rem;
}

.little_story_content {
  font-size: .23rem;
  line-height: .45rem;
  margin-left: .14rem;
  margin-top: .65rem;
  margin-right: .34rem;
}
.little_story_item2 {
  position: relative;
  width: 7.74rem;
}

.little_story_content2 {
  position: absolute;
  left: .56rem;
  top: 3rem;
  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;
  line-height: .68rem;
  font-weight: bold;
}

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

.little_doing_content  {
  font-size: .23rem;
  line-height: .45rem;
}
.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;
}