/* pc样式 */
@media screen and (min-width: 1024px){
  .zx-content {
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 9.2rem;
     background-image: url(../images/content_bg1.png);
     background-repeat: no-repeat;
     background-size: auto 9.2rem;
     background-position: center;
  }
 
  .zx-content-box {
     padding-top: 0.4rem;
     display: flex;
     justify-content: space-between;
  }

  .zx-content-box-list {
     width: 3.2rem;
  }
  .zx-content-box-list ul li {
     position: relative;
     width: 100%;
     margin-bottom: 0.4rem;
  }
  .zx-content-box-list ul li::after {
     content: "";
     width: 0.6rem;
	height: 0.06rem;
	background-color: var(--zt_color--);
     position: absolute;
     left: 0.3rem;
     top: 0;
  }
  .zx-content-box-list ul li a{
     box-sizing: border-box;
     padding: 0.3rem;
     width: 100%;
     height: 2.3rem;
     background-color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
  }
  .zx-content-box-list ul li a h2{
     font-size: 0.18rem;
     color: #333333;
     line-height: 0.26rem;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
  }
  .zx-content-box-list ul li a p{
     font-size: 0.14rem;
     color: #aaaaaa;
     line-height: 0.24rem;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
  }
  .zx-content-box-list-date{
     display: flex;
     align-items: center;
     font-size: 0.14rem;
     color: var(--zt_color--);
  }
  .zx-content-box-list-date img{
     height: 0.16rem;
     margin-right: 0.1rem;
  }
  .zx-content-box-list ul li:hover h2 {
     color: var(--zt_color--);
  }

  /* 资讯轮播 */
  .zx-content-box-lunbo {
     width: 6.8rem;
  }
  .swiper2 {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
 }

 .swiper2 .swiper-slide {
     pointer-events: auto; 
 }
 .swiper2 .swiper-slide::after{
     height: 0.1rem;
     width: 6.4rem;
     content: "";
     background-color: var(--zt_color--);
	opacity: 0.8;
     position: absolute;
     left: 50%;
     top: 4.5rem;
     transform: translate(-50%,0);
 }
 .swiper2 .swiper-slide::before{
     height: 0.1rem;
     width: 6rem;
     content: "";
     background-color: var(--zt_color--);
	opacity: 0.3;
     position: absolute;
     left: 50%;
     top: 4.6rem;
     transform: translate(-50%,0);
 }

 .swiper2-slide-img {
     width: 100%;
     height: 4.5rem;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .swiper2-slide-bj {
     position: absolute;
     left: 0;
     bottom: calc(100% - 4.5rem);
     width: 100%;
 }
 .swiper2-slide-text {
     position: relative;
     box-sizing: border-box;
     padding: 0.4rem 0 0 0;
     width: 100%;
 }

 .swiper2-slide-text>h2{
     padding: 0 0.2rem;
     text-align: center;
     color: var(--zt_color--);
     font-size: 0.22rem;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
 .swiper2-slide-text>p{
     text-align: center;
     margin-top: 0.2rem;
     font-size: 0.14rem;
     line-height: 0.3rem;
     color: #888888;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .swiper2 .swiper2-pagination {
     height: 30px;
     width: auto;
     position: absolute;
     z-index: 999;
     left: 50%;
     top: 4rem;
     transform: translate(-50%,0);
 }

 .swiper2-pagination>.swiper-pagination-bullet {
     cursor: pointer;
     margin-right: 0.3rem;
     background-color: transparent;
     background-color: #fff;
     opacity: 0.6;
     width: 0.1rem;
     height: 0.1rem;
 }
 .swiper2-pagination>.swiper-pagination-bullet-active {
     opacity: 1;
 }

 /* 公告&&日程 */
 .gg-rc-content {
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 7rem;
     background-color: #f7f5f1;
 }
 .gg-rc-content-box {
     display:flex;
     justify-content: space-between;
 }
 .gg-box,.rc-box {
     width: 48%;
 }

 /* 公告样式 */
 .gg-list ul {
     margin-top: 0.4rem;
 }
 .gg-list ul li {
     margin-bottom: 0.25rem;
 }
 .gg-list ul li a{
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     height: 0.9rem;
     justify-content: flex-end;
 }
 .gg-list-text {
     box-sizing: border-box;
     width: 90%;
     height: 0.7rem;
     font-size: 0.18rem;
     color: #333333;
     padding: 0 0.8rem 0 0.4rem;
     display: flex;
     align-items: center;
	background-color: #ffffff;
	border-radius: 0 0.35rem 0.35rem 0;
     background-image: url(../icon/gg_jt.png);
     background-position: calc(100% - 0.3rem) center;
     background-repeat: no-repeat;
     background-size: 0.2rem auto;
 }
 .gg-list ul li:hover .gg-list-text {
     color: var(--zt_color--);
 }

 .gg-list-date {
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 0;
     left: 0;
     width: 0.9rem;
	height: 0.9rem;
	background-color: rgba(210, 10, 20,.2);
     border-radius: 50%;
 }
 .gg-list-date-text {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     width: 0.8rem;
	height: 0.8rem;
	background-color: var(--zt_color--);
     border-radius: 50%;
 }
 .gg-list-date-text h2{
     font-size: 0.26rem;
	color: #ffffff;
 }
 .gg-list-date-text span{
     width: 0.5rem;
     height: 1px;
     background-color: rgba(255, 255, 255,0.4);
     margin: 0.01rem 0;
 }
 .gg-list-date-text p{
     font-size: 0.14rem;
	color: #ffffff;
 }

 /* 日程内容 */
 .rc-content {
     margin-top: 0.4rem;
     width: 100%;
	height: 4.3rem;
     display: flex;
     justify-content: center;
	background-color: var(--zt_color--);
	border-radius: 0.5rem 0px 0.5rem 0px;
 }

 .rc-content-box {
     width: 96%;
     height: 4.3rem;
	background-color: #ffffff;
	border-radius: 50px 0px 50px 0px;
 }
 .swiper3 .swiper-slide {
     position: relative;
     box-sizing: border-box;
     padding: 0.3rem;
     height: 4.3rem;
 }
.rc-content-top {
     display:flex;
     justify-content: space-between;
     align-items: center;
}
.rc-content-date {
     margin-right: 0.3rem;
     width: 0.7rem;
	height: 0.8rem;
	border-radius: 0.05rem;
	border: solid 1px var(--zt_color--);
     color: var(--zt_color--);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
.rc-content-date h2{
     font-size: 0.26rem;
}
.rc-content-date span{
     margin: 0.05rem 0;
     width: 0.5rem;
	height: 1px;
	background-color: var(--zt_color--);
}
.rc-content-date p{
     font-size: 0.14rem;
}
.rc-content-top-title {
     flex: 1;
     font-size: 0.2rem;
     color: #333333;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.rc-content-bottom {
     margin-top: 0.25rem;
     font-size: 0.16rem;
     color: #aaaaaa;
     line-height: 0.32rem;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 7;
     -webkit-box-orient: vertical;
}

.rc-content-ydxq {
     position: absolute;
     bottom: 0.3rem;
     right: 0.3rem;
     font-size: 0.16rem;
     color: var(--zt_color--);
}


/* 五秩 · 弦歌 */
.wyxg-content {
     position: relative;
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 8.4rem;
     background-image: url(../images/content_bg3.png);
     background-repeat: no-repeat;
     background-size: auto 8.4rem;
     background-position: center;
}

.wuxg-bj-xian {
     position: absolute;
     left: 0;
     bottom: 0.6rem;
     width: 100%;
     height: 0.6rem;
     background-image: url(../images/wzxg_xian_bg2.png);
     background-repeat: no-repeat;
     background-size: auto 0.4rem;
     background-position: -0.4rem bottom;
}

.wyxg {
     position: relative; 
     margin-top: 0.5rem;
}
/* 五秩 · 弦歌轮播样式 */
.swiper-wyxg {
     position: relative; 
     overflow: hidden;
}
.swiper-wyxg .swiper-slide {
     filter: brightness(1);
}

.swiper-wyxg .swiper-slide:hover .wyxg-item-top-text{
     background-color: #c3a161;
     transition: all .2s ease;
}
.swiper-wyxg .swiper-slide:hover .wyxg-item-top-text p{
     color: #fff;
     transition: all .2s ease;
}

.wyxg-item{
     height: 5.7rem;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
}

.swiper-wyxg .swiper-slide:nth-child(2n-1) .wyxg-item {
     transform: translate(0, 0.6rem);
     height: 5.1rem;
}

.wyxg-item-top {
     width: 100%;
     display: flex;
     flex-direction: column;
}
.wyxg-item-top-img {
     width: 100%;
     height: 1.8rem;
     background-repeat: no-repeat;
     background-size: 100% 1.8rem;
     background-position: center;
}
.wyxg-item-top-text {
     box-sizing: border-box;
     padding: 0.3rem;
     height: 1.8rem;
     background-color: #fff;
     transition: all .2s ease;
}
.wyxg-item-top-text p{
     transition: all .2s ease;
     font-size: 0.18rem;
     line-height: 0.3rem;
     color: #333333;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
}

.wyxg-item-bottom {
     display: flex;
     flex-direction: column;
     align-items: center;
}
.wyxg-item-bottom h2{
     font-size: 0.24rem;
     color: #efbb6a;
}
.wyxg-item-bottom img{
     width: 0.2rem;
}


.swiper4-button-prev {
     cursor: pointer;
     position: absolute;
     bottom: 50%;
     left: -1rem;

}
.swiper4-button-next {
     cursor: pointer;
     position: absolute;
     bottom: 50%;
     right: -1rem;

}
.swiper4-button-prev img,.swiper4-button-next img {
     height: 0.5rem;
}





/* 祝福 · 湖理 */
.zfhl-content {
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 9.2rem;
     background-image: url(../images/content_bg4.png);
     background-repeat: no-repeat;
     background-size: auto 9.2rem;
     background-position: center;
}

.zfhl {
     padding-top: 0.4rem;
     display: flex;
     justify-content: space-between;
}

.zfhl-left {
     display: flex;
     justify-content: space-between;
     box-sizing: border-box;
     padding: 0.2rem;
     width: 9.6rem;
	height: 6.2rem;
     background-color: var(--zt_color--);
}
.zfhl-left-title{
     text-align: center;
     height:100%;
     width: 0.4rem;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     font-size: 0.26rem;
     color: #fff;
}
.zfhl-left-title img {
     margin-bottom: 0.1rem;
     width: 0.34rem;
}
.zfhl-left-box{
     width: 8.6rem;
	height: 5.8rem;
	background-color: #ffffff;
	border-radius: 0.5rem 0px 0.5rem 0px;
     background-image: url(../images/dlzf_bg.png);
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size: auto 2.1rem;
}
.zfhl-left-box ul{
     padding-top: 0.4rem;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
.zfhl-left-box ul li{
     margin-bottom: 0.05rem;
     min-width: 18%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 0.3rem;
     height: 0.5rem;
	background-color: rgba(239, 187, 106,0.3);
	border-radius: 0.25rem;
	border: solid 1px #efbb6a;
     color: var(--zt_color--);
}
.zfhl-left-box ul li:nth-child(2n) {
     transform: translate(-0.1rem, -0.05rem);
}
.zfhl-left-box ul li:nth-child(2n-1) {
     transform: translate(0.1rem, 0.1rem);
}



.zfhl-right {
     width: 4rem;
     height: 6.2rem;
     background-image: url(../images/xzf_bg.png);
     background-repeat: no-repeat;
     background-size: auto 6.2rem;
     background-position: center;
}
.zfhl-right-title{
     padding-top: 0.3rem;
     text-align: center;
	font-size: 0.3rem;
     color: var(--zt_color--);
}
.zfhl-right-title img{
     height: 0.34rem;
}

.zfhl-right-box {
     display: flex;
     box-sizing: border-box;
     padding: 0.2rem 0.45rem;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
}
.zfhl-right-box table tr{
    display: flex;
    flex-direction: column;
}
.zfhl-right-box h2 {
     width: 100%;
     padding-bottom: 0.1rem;
     font-size: 0.16rem;
	color: var(--zt_color--);
}
.zfhl-right-box input {
     padding-left: 0.1rem;
     margin-bottom: 0.1rem;
    // width: 100%;
	height: 0.4rem;
	border: solid 1px #efbb6a;
}
.zfhl-right-box textarea {
     padding-left: 0.1rem;
     width: 100%;
	height: 1.1rem;
	border: solid 1px #efbb6a;
}
.sfz-tj{
     cursor: pointer;
     margin-top: 0.2rem;
     margin-right: 0.1rem;
     width: 1.2rem;
	height: 0.4rem;
     border-radius: 0.2rem;
     background-color: var(--zt_color--);
     color: #ffffff;
     font-size: 0.18rem;
     border: none;
}
.sfz-cz{
     cursor: pointer;
     margin-top: 0.2rem;
     width: 1.2rem;
	height: 0.4rem;
     border-radius: 0.2rem;
	background-color: #b1adad;
     color: #ffffff;
     font-size: 0.18rem;
     border: none;
}


/* 标识&&捐赠  */
.bs-jz-content {
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 4.2rem;
     background-image: url(../images/content_bg5.png);
     background-repeat: no-repeat;
     background-size: auto 4.2rem;
     background-position: center;
}
.bs-jz-content-box {
     display: flex;
     justify-content: space-between;
}
.bs-content,.jz-content {
     box-sizing: border-box;
     padding: 0 0.3rem 0 0.4rem;
     width: 6.7rem;
	height: 2.2rem;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 6.7rem auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.bs-content {
     background-image: url(../images/bs_bg.png);

}
.jz-content {
     background-image: url(../images/jz_bg.png);
}

.bs-jz-box-left {
     display: flex;
     align-items: center;
}
.bs-jz-box-left-img{
     width: 1.1rem;
	height: 1.1rem;
     border-radius: 50%;
	border: 2px dotted #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
}
.bs-jz-box-left-img img{
     max-width: 80%;
     max-height: 60%;
     transition: all 2s ease;
}
.bs-jz-box-left-text{
     margin-left: 0.2rem;
     color: #fff;
}
.bs-jz-box-left-text h2{
     font-size: 0.36rem;
}
.bs-jz-box-left-text p{
     font-size: 0.24rem;
}


.bs-jz-box-more {
     margin-top: 0.1rem;
     padding-right: 0.45rem;
     background-image: url(../icon/more_white.png);
     background-repeat: no-repeat;
     background-position: right center;
     background-size: auto 0.16rem;
     font-size: 0.18rem;
     color: #fff;
}

.bs-jz-content-box a:hover .bs-jz-box-left-img img {
     transform: rotateY(360deg);
        transition: all 2s ease;
}

}




@media screen and (max-width: 1400px) {
     .swiper4-button-prev {
          cursor: pointer;
          position: absolute;
          bottom: 50%;
          left: -0.5rem;
      }
     .swiper4-button-next {
          cursor: pointer;
          position: absolute;
          bottom: 50%;
          right: -0.5rem;
      }
 }




/* 移动端样式 */
@media screen and (max-width: 1024px) {
    .zx-content {
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 9.2rem;
     background-image: url(../images/content_bg1.png);
     background-repeat: no-repeat;
     background-size: auto 9.2rem;
     background-position: center;
  }
 
  .zx-content-box {
     padding-top: 0.4rem;
     display: flex;
     justify-content: space-between;
  }

  .zx-content-box-list {
     width: 3.2rem;
  }
  .zx-content-box-list ul li {
     position: relative;
     width: 100%;
     margin-bottom: 0.4rem;
  }
  .zx-content-box-list ul li::after {
     content: "";
     width: 0.6rem;
	height: 0.06rem;
	background-color: var(--zt_color--);
     position: absolute;
     left: 0.3rem;
     top: 0;
  }
  .zx-content-box-list ul li a{
     box-sizing: border-box;
     padding: 0.3rem;
     width: 100%;
     height: 2.3rem;
     background-color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
  }
  .zx-content-box-list ul li a h2{
     font-size: 0.22rem;
     color: #333333;
     line-height: 0.26rem;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
  }
  .zx-content-box-list ul li a p{
     font-size: 0.18rem;
     color: #aaaaaa;
     line-height: 0.24rem;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
  }
  .zx-content-box-list-date{
     display: flex;
     align-items: center;
     font-size: 0.18rem;
     color: var(--zt_color--);
  }
  .zx-content-box-list-date img{
     height: 0.2rem;
     margin-right: 0.1rem;
  }

  /* 资讯轮播 */
  .zx-content-box-lunbo {
     width: 6rem;
  }
  .swiper2 {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
 }

 .swiper2 .swiper-slide {
     pointer-events: auto; 
 }
 .swiper2 .swiper-slide::after{
     height: 0.1rem;
     width: 5.6rem;
     content: "";
     background-color: var(--zt_color--);
	opacity: 0.8;
     position: absolute;
     left: 50%;
     top: 4.5rem;
     transform: translate(-50%,0);
 }
 .swiper2 .swiper-slide::before{
     height: 0.1rem;
     width: 5.2rem;
     content: "";
     background-color: var(--zt_color--);
	opacity: 0.3;
     position: absolute;
     left: 50%;
     top: 4.6rem;
     transform: translate(-50%,0);
 }

 .swiper2-slide-img {
     width: 100%;
     height: 4.5rem;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .swiper2-slide-bj {
     position: absolute;
     left: 0;
     bottom: calc(100% - 4.5rem);
     width: 100%;
 }
 .swiper2-slide-text {
     position: relative;
     box-sizing: border-box;
     padding: 0.4rem 0 0 0;
     width: 100%;
 }

 .swiper2-slide-text>h2{
     padding: 0 0.2rem;
     text-align: center;
     color: var(--zt_color--);
     font-size: 0.24rem;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
 .swiper2-slide-text>p{
     text-align: center;
     margin-top: 0.2rem;
     font-size: 0.18rem;
     line-height: 0.3rem;
     color: #888888;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .swiper2 .swiper2-pagination {
     height: 30px;
     width: auto;
     position: absolute;
     z-index: 999;
     left: 50%;
     top: 4rem;
     transform: translate(-50%,0);
 }

 .swiper2-pagination>.swiper-pagination-bullet {
     cursor: pointer;
     margin-right: 0.3rem;
     background-color: transparent;
     background-color: #fff;
     opacity: 0.6;
     width: 0.1rem;
     height: 0.1rem;
 }
 .swiper2-pagination>.swiper-pagination-bullet-active {
     opacity: 1;
 }

 /* 公告&&日程 */
 .gg-rc-content {
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 7rem;
     background-color: #f7f5f1;
 }
 .gg-rc-content-box {
     display:flex;
     justify-content: space-between;
 }
 .gg-box,.rc-box {
     width: 48%;
 }

 /* 公告样式 */
 .gg-list ul {
     margin-top: 0.4rem;
 }
 .gg-list ul li {
     margin-bottom: 0.25rem;
 }
 .gg-list ul li a{
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     height: 0.9rem;
     justify-content: flex-end;
 }
 .gg-list-text {
     box-sizing: border-box;
     width: 90%;
     height: 0.7rem;
     font-size: 0.18rem;
     color: #333333;
     padding: 0 0.8rem 0 0.4rem;
     display: flex;
     align-items: center;
	background-color: #ffffff;
	border-radius: 0 0.35rem 0.35rem 0;
     background-image: url(../icon/gg_jt.png);
     background-position: calc(100% - 0.3rem) center;
     background-repeat: no-repeat;
     background-size: 0.2rem auto;
 }
 .gg-list ul li:hover .gg-list-text {
     color: var(--zt_color--);
 }
 .gg-list-date {
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 0;
     left: 0;
     width: 0.9rem;
	height: 0.9rem;
	background-color: rgba(210, 10, 20,.2);
     border-radius: 50%;
 }
 .gg-list-date-text {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     width: 0.8rem;
	height: 0.8rem;
	background-color: var(--zt_color--);
     border-radius: 50%;
 }
 .gg-list-date-text h2{
     font-size: 0.26rem;
	color: #ffffff;
 }
 .gg-list-date-text span{
     width: 0.5rem;
     height: 1px;
     background-color: rgba(255, 255, 255,0.4);
     margin: 0.01rem 0;
 }
 .gg-list-date-text p{
     font-size: 0.14rem;
	color: #ffffff;
 }

 /* 日程内容 */
 .rc-content {
     margin-top: 0.4rem;
     width: 100%;
	height: 4.3rem;
     display: flex;
     justify-content: center;
	background-color: var(--zt_color--);
	border-radius: 0.5rem 0px 0.5rem 0px;
 }

 .rc-content-box {
     width: 96%;
     height: 4.3rem;
	background-color: #ffffff;
	border-radius: 50px 0px 50px 0px;
 }
 .swiper3 .swiper-slide {
     position: relative;
     box-sizing: border-box;
     padding: 0.3rem;
     height: 4.3rem;
 }
.rc-content-top {
     display:flex;
     justify-content: space-between;
     align-items: center;
}
.rc-content-date {
     margin-right: 0.3rem;
     width: 0.7rem;
	height: 0.8rem;
	border-radius: 0.05rem;
	border: solid 1px var(--zt_color--);
     color: var(--zt_color--);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
.rc-content-date h2{
     font-size: 0.3rem;
}
.rc-content-date span{
     margin: 0.05rem 0;
     width: 0.5rem;
	height: 1px;
	background-color: var(--zt_color--);
}
.rc-content-date p{
     font-size: 0.16rem;
}
.rc-content-top-title {
     flex: 1;
     font-size: 0.22rem;
     color: #333333;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.rc-content-bottom {
     margin-top: 0.25rem;
     font-size: 0.18rem;
     color: #aaaaaa;
     line-height: 0.32rem;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 7;
     -webkit-box-orient: vertical;
}

.rc-content-ydxq {
     position: absolute;
     bottom: 0.3rem;
     right: 0.3rem;
     font-size: 0.16rem;
     color: var(--zt_color--);
}

/* 五秩 · 弦歌 */
.wyxg-content {
     position: relative;
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 8.4rem;
     background-image: url(../images/content_bg3.png);
     background-repeat: no-repeat;
     background-size: auto 8.4rem;
     background-position: center;
}

.wuxg-bj-xian {
     position: absolute;
     left: 0;
     bottom: 0.7rem;
     width: 100%;
     height: 0.6rem;
     background-image: url(../images/wzxg_xian_bg2.png);
     background-repeat: no-repeat;
     background-size: auto 0.4rem;
     background-position: -0.4rem bottom;
}

.wyxg {
     position: relative; 
     margin-top: 0.5rem;
}
/* 五秩 · 弦歌轮播样式 */
.swiper-wyxg {
     position: relative; 
     overflow: hidden;
}
.swiper-wyxg .swiper-slide {
     filter: brightness(1);
}

.wyxg-item{
     height: 5.7rem;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
}

.swiper-wyxg .swiper-slide:nth-child(2n-1) .wyxg-item {
     transform: translate(0, 0.6rem);
     height: 5.1rem;
}

.wyxg-item-top {
     width: 100%;
     display: flex;
     flex-direction: column;
}
.wyxg-item-top-img {
     width: 100%;
     height: 1.8rem;
     background-repeat: no-repeat;
     background-size: 100% 1.8rem;
     background-position: center;
}
.wyxg-item-top-text {
     box-sizing: border-box;
     padding: 0.3rem;
     height: 1.8rem;
     background-color: #fff;
}
.wyxg-item-top-text p{
     font-size: 0.18rem;
     line-height: 0.3rem;
     color: #333333;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
}
.wyxg-item-bottom {
     display: flex;
     flex-direction: column;
     align-items: center;
}
.wyxg-item-bottom h2{
     font-size: 0.24rem;
     color: #efbb6a;
}
.wyxg-item-bottom img{
     width: 0.2rem;
}


.swiper4-button-prev {
     z-index: 9;
     border-radius: 50%;
     background-color: var(--zt_color--);
     cursor: pointer;
     position: absolute;
     bottom: 50%;
     left: 0rem;

}
.swiper4-button-next {
     z-index: 9;
     border-radius: 50%;
     background-color: var(--zt_color--);
     cursor: pointer;
     position: absolute;
     bottom: 50%;
     right: 0rem;

}
.swiper4-button-prev img,.swiper4-button-next img {
     height: 0.5rem;
}





/* 祝福 · 湖理 */
.zfhl-content {
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 9.2rem;
     background-image: url(../images/content_bg4.png);
     background-repeat: no-repeat;
     background-size: auto 9.2rem;
     background-position: center;
}

.zfhl {
     padding-top: 0.4rem;
     display: flex;
     justify-content: space-between;
}

.zfhl-left {
     display: flex;
     justify-content: space-between;
     box-sizing: border-box;
     padding: 0.2rem;
     width: 65%;
	height: 6.2rem;
     background-color: var(--zt_color--);
}
.zfhl-left-title{
     text-align: center;
     height:100%;
     width: 0.4rem;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     font-size: 0.26rem;
     color: #fff;
}
.zfhl-left-title img {
     margin-bottom: 0.1rem;
     width: 0.34rem;
}
.zfhl-left-box{
     width: 8.6rem;
	height: 5.8rem;
	background-color: #ffffff;
	border-radius: 0.5rem 0px 0.5rem 0px;
     background-image: url(../images/dlzf_bg.png);
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size: auto 2.1rem;
}
.zfhl-left-box ul{
     padding-top: 0.4rem;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
.zfhl-left-box ul li{
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 0.2rem;
     height: 0.4rem;
	background-color: rgba(239, 187, 106,0.3);
	border-radius: 0.2rem;
	border: solid 1px #efbb6a;
     color: var(--zt_color--);
}
.zfhl-left-box ul li:nth-child(2n) {

}
.zfhl-left-box ul li:nth-child(2n-1) {
     transform: translate(0.1rem, 0.1rem);
}



.zfhl-right {
     width: 4rem;
     height: 6.2rem;
     background-image: url(../images/xzf_bg.png);
     background-repeat: no-repeat;
     background-size: auto 6.2rem;
     background-position: center;
}
.zfhl-right-title{
     padding-top: 0.3rem;
     text-align: center;
	font-size: 0.3rem;
     color: var(--zt_color--);
}
.zfhl-right-title img{
     height: 0.34rem;
}

.zfhl-right-box {
     display: flex;
     box-sizing: border-box;
     padding: 0.2rem 0.45rem;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
}
.zfhl-right-box h2 {
     width: 100%;
     padding-bottom: 0.1rem;
     font-size: 0.16rem;
	color: var(--zt_color--);
}
.zfhl-right-box input {
     padding-left: 0.1rem;
     margin-bottom: 0.1rem;
   //  width: 100%;
	height: 0.4rem;
	border: solid 1px #efbb6a;
}
.zfhl-right-box textarea {
     padding-left: 0.1rem;
     width: 100%;
	height: 1.1rem;
	border: solid 1px #efbb6a;
}
.sfz-tj{
     cursor: pointer;
     margin-top: 0.2rem;
     margin-right: 0.1rem;
     width: 1.2rem;
	height: 0.4rem;
     border-radius: 0.2rem;
     background-color: var(--zt_color--);
     color: #ffffff;
     font-size: 0.18rem;
     border: none;
}
.sfz-cz{
     cursor: pointer;
     margin-top: 0.2rem;
     width: 1.2rem;
	height: 0.4rem;
     border-radius: 0.2rem;
	background-color: #b1adad;
     color: #ffffff;
     font-size: 0.18rem;
     border: none;
}
/* 标识&&捐赠  */
.bs-jz-content {
     box-sizing: border-box;
     padding-top: 0.7rem;
     height: 4.2rem;
     background-image: url(../images/content_bg5.png);
     background-repeat: no-repeat;
     background-size: auto 4.2rem;
     background-position: center;
}
.bs-jz-content-box {
     display: flex;
     justify-content: space-between;
}
.bs-content,.jz-content {
     box-sizing: border-box;
     padding: 0 0.3rem 0 0.4rem;
     width: 48%;
	height: 2.2rem;
     background-position: center;
     background-repeat: no-repeat;
     background-size:100% auto ;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.bs-content {
     background-image: url(../images/bs_bg.png);

}
.jz-content {
     background-image: url(../images/jz_bg.png);
}

.bs-jz-box-left {
     display: flex;
     align-items: center;
}
.bs-jz-box-left-img{
     width: 1.1rem;
	height: 1.1rem;
     border-radius: 50%;
	border: 2px dotted #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
}
.bs-jz-box-left-img img{
     max-width: 80%;
     max-height: 60%;
}
.bs-jz-box-left-text{
     margin-left: 0.2rem;
     color: #fff;
}
.bs-jz-box-left-text h2{
     font-size: 0.36rem;
}
.bs-jz-box-left-text p{
     font-size: 0.24rem;
}


.bs-jz-box-more {
     margin-top: 0.1rem;
     padding-right: 0.45rem;
     background-image: url(../icon/more_white.png);
     background-repeat: no-repeat;
     background-position: right center;
     background-size: auto 0.16rem;
     font-size: 0.18rem;
     color: #fff;
}


}

@media screen and (max-width: 800px) {
     .zx-content {
          height: 100%;
          background-size:cover;
     }
     .zx-content-box {
          flex-wrap: wrap;
     }
     .zx-content-box-list,.zx-content-box-lunbo {
          width: 100%;
      }
      .zx-content-box-lunbo {
          padding-bottom: 0.4rem;
      }

      .gg-rc-content {
          height: 100%;
      }

      .gg-rc-content-box {
          flex-wrap: wrap;
      }
      .gg-box, .rc-box {
          width: 100%;
          margin-bottom: 0.4rem;
      }

      .wyxg-item-top-text {
          padding: 0.2rem;
      }
      .wyxg-item-top-text p {
          font-size: 0.2rem;
      }

      .bs-jz-content {
          height: 100%;
          background-size: auto 100%;
          padding-top: 0.4rem;
      }

      .bs-jz-content-box {
          flex-direction: column;
      }

      .bs-content,.jz-content {
          height: 1.8rem;
          margin-bottom:0.2rem;
          border-radius: 0.2rem;
          width: 100%;
      }
      .zfhl-content {
          height: 100%;
          background-size: auto 100%;
      }
      .zfhl {
          flex-wrap: wrap;
          justify-content: center;
      }

      .zfhl-left {
          width: 100%;
      }

      .zfhl-right {
          margin-top: 0.2rem;
      }

}

@media screen and (max-width: 500px) {


}