body {
  font-size: 0.37rem;
  background: #F3F3F3;
}
.none {
  display: none;
}
.block {
  display: flex;
}
.header {
  width: 100%;
  height: 1.51rem;
  position: absolute;
  padding-top: 0.41rem;
  z-index: 1;
}
.header_left {
  margin-left: 2.75rem;
  width: 7.46rem;
}
.header_left img {
  width: 6.96rem;
}
.banner {
  height: 6.7rem;
  background: #880000;
}
.line {
  width: 0.02rem;
  height: 0.57rem;
  border: 0.01rem solid #fee4b1;
}
.header .title {
  color: #fff8c7;
  font-size: 0.34rem;
}
.header_right {
  margin-right: 2.75rem;
  color: #fff8c7;
}
.header_list .item {
  width: 2.06rem;
  height: 0.69rem;
  margin-right: 0.5rem;
  line-height: 0.69rem;
  text-align: center;
  cursor: pointer;
}
.header_list .item.active {
  background-color: #9d372c;
}

.banner {
  position: relative;
}
.banner img {
  width: 32rem;
}
.breadNumb {
  color: #c6856a;
  position: absolute;
  top: 1.97rem;
  left: 3.18rem;
  font-size: 0.27rem;
  cursor: pointer;
}
.pageName {
    font-size: .58rem;
    font-weight: 600;
    color: #FFF8C7;
    line-height: .72rem;
    position: absolute;
    left: 3.18rem;
    top: 3.4rem;
}
.main {
  width: 100%;
  transform: translateY(-1.4rem);
  padding: 0 2.75rem;
  min-height: 10rem;
}
.main .left {
  width: 4.12rem;
  background: #FFFFFF;
  height: max-content;
}
.main .left .item {
  width: 3rem;
  height: 1.37rem;
  line-height: 1.37rem;
  text-align: center;
  color: #666666;
  font-size: 0.32rem;
  cursor: pointer;
}
.main .left .item span {
  margin-left: .56rem;
}
.main .left .item.active {
  color: #CC0000;
}
.main .right {
  margin-left: .69rem;
}
.main .right .item {
  width: 100%;
  background-color: #fff;
  height: 4.24rem;
  margin-bottom: .69rem;
  cursor: pointer;
  padding: .69rem .8rem .46rem .8rem;
  border-radius: 0.09rem 0rem 0.09rem 0.09rem;
}
.main .right .item .title {
  color: #470201;
  font-size: 0.46rem;
  margin-bottom: .57rem;
}
.main .right .item .detail {
  color: #999999;
  font-size: 0.37rem;
  line-height: 0.69rem;
}

/* 类型4 传承接力*/
.main .type4 .imgLeft {
  width: 3.36rem;
}
.main .type4 .imgLeft img {
  width: 2.97rem;
}
.main .type4 .item .title {
  color: #CC0000;
  font-size: 0.41rem;
}
.main .right .type4 .item {
  height: 5.98rem;
}

/* 类型5 心声祝福 */
.main .type5 .imgLeft {
  width: 7rem;
}
.main .type5 .imgLeft img {
  width: 6.8rem;
}
.main .right .type5 .item {
  height: 4.6rem;
}
.main .imgRight {
  margin-left: .7rem;
}

/* 分页 */
.pagination_container {
  margin: 80px 0;
}
.pagination_container .page-item.prev {
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #C12323;
}
.pagination_container .page-item {
  padding: 10px 15px;
  font-size: 15px;
  margin: 0 3px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #C12323;
  cursor: pointer;
}

.pagination_container .page-item.active {
  background-color: #C12323;
}
.pagination_container .page-item.active a {
  color: #fff;
}
.pagination_container .page-link {
  color: #C12323;
}

.form-select {
  padding: 11px 15px;
  margin: 0 3px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #C12323;
  outline: none;
  font-size: 15px;
  color: #C12323;
}

.goToPage {
  margin-left: 5px;
  font-size: 16px;
}
.goToPage input {
  padding-left: 10px;
  width: 45px;
  height: 37px;
  margin: 0 3px;
  font-size: 15px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #C12323;
}


/* footer */
.footer {
  height: 2.29rem;
  background: #CC0000;
  background-image: url(../images/footer.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.footer .footer_logo {
  width: 2.98rem;
  height: 0.62rem;
  margin-left: 2.75rem;
}
.footer .right {
  margin-left: 2.04rem;
  font-size: 0.27rem;
  color: #DDDDDD;
}
.footer .right .bottom img {
  width: 0.46rem;
}
.footer .footer_line {
  height: 0.01rem;
  background: #DDDDDD;
  width: 100%;
  margin: .15rem 0;
}
.footer .right .item {
  margin-right: 1.8rem;
}
.footer .bottom .new_margin {
  margin-right: 1.5rem;
}
.footer .bottom .margin_none {
  margin-right: .5rem;
}