.images-main .page-container{
  display:block;
}

.images-main .page-main{
  width:100%;
  padding-left:0;
}

.images-heading{
  text-align:center;
  padding:34px 0 10px;
}

.images-heading-title{
  margin:0;
  font-size:36px;
  font-weight:var(--fontblod5);
  color:#333;
  line-height:1.2;
  letter-spacing:2px;
}

.images-heading-line{
  width:48px;
  height:3px;
  background:#b8241f;
  margin:14px auto 0;
  border-radius:999px;
}

.images-heading-sub{
  margin:14px auto 0;
  max-width:860px;
  padding:0 15px;
  color:#666;
  font-size:14px;
  line-height:1.75;
}

.images-center-tabs{
  display:flex;
  justify-content:center;
  margin:22px 0 18px;
}

.images-center-tabs .banner-subnav-list{
  justify-content:center;
}

/* 图集页子栏目：未选中灰底，选中/触摸绿色底白字 */
.images-main .images-center-tabs .banner-subnav-list{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:center;
  border-left:none;
  background:transparent;
}

.images-main .images-center-tabs .banner-subnav{
  width:100%;
}

.images-main .images-center-tabs .banner-subnav-item{
  display:flex;
  align-items:stretch;
  border-right:1px solid #e6e6e6;
}

.images-main .images-center-tabs .banner-subnav-item:last-child{
  border-right:none;
}

.images-main .images-center-tabs .banner-subnav-item a{
  background:#f5f5f5;
  color:#333;
  border-bottom-color:transparent;
}

.images-main .images-center-tabs .banner-subnav-item a::after{
  content:none;
}

.images-main .images-center-tabs .banner-subnav-item a:hover,
.images-main .images-center-tabs .banner-subnav-item a:active,
.images-main .images-center-tabs .banner-subnav-item.is-active a{
  background:#057a52;
  color:#fff;
  border-bottom-color:transparent;
}

.images-main .images-center-tabs .images-tab-btn{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  cursor:pointer;
  font:inherit;
  margin:0;
}

.images-main .images-center-tabs .banner-subnav-item .images-tab-btn{
  background:#f5f5f5;
  color:#333;
  border:0;
  border-radius:0;
  height:48px;
  min-width:180px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background-color .18s ease,color .18s ease;
}

.images-main .images-center-tabs .banner-subnav-item .images-tab-btn:hover,
.images-main .images-center-tabs .banner-subnav-item .images-tab-btn:active,
.images-main .images-center-tabs .banner-subnav-item.is-active .images-tab-btn{
  background:#057a52;
  color:#fff;
}

.images-panels .images-panel{
  display:none;
}

.images-panels .images-panel.is-active{
  display:block;
}

.images-gallery{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}

.images-gallery .gallery-item{
  background:#fff;
  border:1px solid #dedede;
  border-radius:6px;
  overflow:hidden;
  transition:box-shadow .15s ease,transform .15s ease;
}

.images-gallery .gallery-item:hover{
  box-shadow:0 10px 18px rgba(0,0,0,.08);
  transform:translateY(-2px);
}

.images-gallery .gallery-link{
  display:block;
  color:inherit;
  text-decoration:none;
}

.images-gallery .gallery-thumb{
  aspect-ratio: 4/3;
  background:#f6f6f6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.images-gallery .gallery-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.images-gallery .gallery-title{
  background:#f5f5f5;
  border-top:1px solid #ededed;
  padding:12px 12px 14px;
  font-size:14px;
  line-height:1.35;
  color:#333;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:background-color .18s ease,color .18s ease;
}

.images-gallery .gallery-link:hover .gallery-title,
.images-gallery .gallery-link:active .gallery-title{
  background:#057a52;
  color:#fff;
}

@media (max-width:1200px){
  .images-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-width:1024px){
  .images-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:768px){
  .images-heading{padding:22px 0 8px}
  .images-heading-title{font-size:28px;letter-spacing:1px}
  .images-heading-line{margin-top:12px}
  .images-center-tabs{margin:14px 0 12px}
  .images-main .images-center-tabs .banner-subnav-list{
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
  }
  .images-main .images-center-tabs .banner-subnav-item{
    border-right:none;
    border-bottom:1px solid #e6e6e6;
  }
  .images-main .images-center-tabs .banner-subnav-item:last-child{
    border-bottom:none;
  }
  .images-main .images-center-tabs .banner-subnav-item .images-tab-btn{
    width:100%;
    min-width:0;
    height:44px;
  }
  .images-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .images-gallery .gallery-title{font-size:13px;padding:10px 10px 12px}
}