@charset 'utf8';
/* 首页 */
.home .swiper-container,
.home .swiper-slide,
.home .swiper-slide img {
  width: 100%;
  height: 100%;
}

/* 纪念设施 */
.facilities,
.facilities-detail,
.memory {
  background: url("../images/bg_page05.jpg") no-repeat center / cover;
}

.facilities .map {
  position: relative;
}

.facilities .map .tip {
  position: absolute;
  bottom: 0.24rem;
  right: 0;
  display: flex;
  justify-content: space-around;
  width: 3.4rem;
}

.facilities .map .tip-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.facilities .map .tip-item img {
  width: 0.36rem;
}

.facilities .map .tip-item p {
  font-size: 0.2rem;
}

.facilities .tab-page {
  display: none;
}

.facilities .tab-page .title,
.facilities .tab-page .row {
  display: flex;
}

.facilities .tab-page .title {
  background-color: #bba977;
  color: #fff;
  margin-bottom: 0.16rem;
  padding: 0.4em;
}

.facilities .tab-page .title span,
.facilities .tab-page .row a,
.facilities .tab-page .row span {
  flex: 0 0 2.8rem;
  text-align: left;
}

.facilities .tab-page .title span {
  font-size: 0.3rem;
}

.facilities .tab-page .row {
  padding: 0.4em 0;
}
.facilities .tab-page .row:nth-child(2n) {
  background-color:#f1f1f1 !important;
}


.facilities .tab-page .row a,
.facilities .tab-page .row span {
  font-size: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.facilities .tab-page .row a {
  color: #d10005;
}

.facilities .tab-page .title span:nth-child(3),
.facilities .tab-page .row :nth-child(3) {
  flex: 1;
}

.facilities-detail .cover,
.facilities-detail .rich p img {
  width: 100%;
}

.facilities-detail .cover{
  padding-top:0.2rem;
}

.facilities-detail .tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.facilities-detail .tag span {
  flex: 0 0 3.15rem;
  height: 0.6rem;
  background-color: #c8b990;
  margin: 0.08rem 0;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.04rem;
}

.facilities-detail .rich {
  margin-top: 0rem;
}

.facilities-detail .rich p {
  margin-bottom: 0.24rem;
  font-size: 0.3rem;
  line-height: 1.43;
  text-align: justify;
}

.memory .img-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0.2rem 0;
}

.memory .img-list a,
.memory .img-list a img {
  width: 3rem;
  height:3.28rem;
  margin-bottom: 0.2rem;
  margin-right:0.14rem;
  margin-left:0.12rem;
}

.memory .img-list1 {
  /*display: flex;*/
  flex-wrap: wrap;
  padding: 0.2rem 0;
}

.memory .img-list1 a,
.memory .img-list1 a img {
  width: 90%;
  height:3.28rem;
  margin-bottom: 0.2rem;
  margin-right:0.14rem;
  margin-left:0.12rem;
}

/* heroics */
.heroics-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.24rem 0;
  border-bottom: 1px solid #d8d8d8;
}

.heroics-item .avatar {
  width: 1.3rem;
  height: 1.8rem;
  object-fit: cover;
}

.heroics-item .info {
  flex: 1;
  margin-left: 0.24rem;
}

.heroics-item .info .name {
  font-size: 0.3rem;
  font-weight: 500;
}

.heroics-item .info .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.24rem;
  color: #999;
  line-height: 1.3333;
  text-align: justify;
  word-break: break-all;
  margin: 0.05rem 0 0.18rem;
}

.heroics-item .info .btns {
  display: flex;
}

.heroics-item .info .btns a {
  background-color: #d10005;
  color: #fff;
  font-size: 0.24rem;
  padding: 0.4em 1.2em;
  border-radius: 0.06rem;
}

.heroics-filter {
  display: flex;
  align-items: center;
}

.heroics-filter .filter-item {
  display: flex;
  align-items: center;
  padding: 0.5em 0.5em;
}

.heroics-filter .filter-item.active {
  color: #d10005;
}

.heroics-filter .filter-item span {
  font-size: 0.24rem;
}

.heroics-filter .filter-item img {
  width: 0.44rem;
  height: 0.44rem;
}

.heroics-search {
  display: flex;
  align-items: center;
}

.heroics-search input {
  flex: 1;
  height: 0.76rem;
  background-color: transparent;
  padding: 0 0.12rem;
  outline: none;
  border: 1px solid #d4d4d4;
  font-size: 0.28rem;
  border-radius: 0.06rem 0 0 0.06rem;
}

.heroics-search span {
  height: 0.76rem;
  background-color: #d10005;
  padding: 0 1em;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 0 0.06rem  0.06rem 0;
  line-height: 0.76rem;
}