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

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

#banner > .box {
  position: absolute;
  top: 1.82rem;
  right: 1.89rem;
  width: 6.18rem;
  height: 3.84rem;
  padding-top: .24rem;
  padding-right: .22rem;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: right;
}
#banner .title {
  font-size: .45rem;
  line-height: .68rem;
  font-weight: bold;
  margin-bottom: .29rem;
}

#banner .content {
  font-size: .23rem;
  line-height: .45rem;
  color: #333;
}

/*****************/
.story_row.story {
  display: flex;
  margin-bottom: 1.2rem;
}
.story_item_left {
  width: 9.63rem;
  position: relative;
}
.story_item_main {
  position: absolute;
  top: -0.55rem;
  left: 0;
  width: 6.67rem;
  height: 3.56rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.story_title {
  font-size: .45rem;
  line-height: .56rem;
  margin-bottom: .27rem;
  font-weight: bold;
}
.story_content{
  padding-left: .45rem;
  font-size: .23rem;
  line-height: .45rem;
}
.story_item_right {
  width: 4.64rem;
  margin-left: .83rem;
}
.story_item_top {
  padding-top: .5rem;
  margin-bottom: .43rem;
  font-size: .22rem;
  line-height: .45rem;
}
.story_item_bottom {
  width: 4.32rem;
}

.story_row.doing {
  display: flex;
  margin-bottom: 1.2rem;
}
.doing_left {
  width: 6.32rem;
  margin-right: .56rem;
}
.doing_right {
  position: relative;
  width: 5.75rem;
  padding-top: .53rem;
}

.doing_right_main {
  position: absolute;
  bottom: 0;
  top: .4rem;
  left: 1.88rem;
  width: 6rem;
  /* height: 4.7rem; */
  background-color: rgba(255, 255, 255, 0.5);
  text-align: right;
}
.doing_title {
  margin-bottom: .4rem;
  font-size: .45rem;
  line-height: .68rem;
  font-weight: bold;
}

.doing_content {
  font-size: .23rem;
  line-height: .4rem;
}

.fenye {
  margin-bottom: 1.2rem;
}