.zfPop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(118,0,0,.6);backdrop-filter: blur(5px);opacity: 0;visibility: hidden;z-index: -20;transition: .5s }
.zfPop.show{opacity: 1;visibility: visible;z-index:80 }
.zfPops{margin:.8rem 0 .5rem;overflow: auto;height: calc(100% - 1rem);display: flex;flex-direction: column;justify-content: center}
.zfPop .tit{font-size: .5rem;color: #FFECCC;text-align: center;margin-bottom: .5rem}
.zfPop .tip{font-size: .18rem;color: #CFB68B;text-align: center;margin-bottom: .3rem}
.zfPop .fszf{width: 1.74rem;height: 1.74rem;margin: 0 auto;display: block;background: transparent;border-radius: 50%;cursor: pointer;margin-bottom: .3rem}
.zfPop .fszf img{width: 100%}
.zfList{overflow: hidden;width: 100%;padding: .2rem 0 .2rem}
.zfList ul{white-space: nowrap;margin-bottom: .4rem}
.zfList ul li{display: inline-block; position: relative;vertical-align: middle; cursor: pointer;transition: .3s;height: .66rem;border-radius: .5rem;box-sizing: border-box;border: 1px solid #FFECCC;color: #FFECCC ; width:5rem;font-size: .18rem}
.zfList ul li:before{content: '';width: .18rem;height: .18rem;background: url(../images/zdot.png) no-repeat center;background-size: 100% 100%;position: absolute;left: .2rem;top: 50%;margin-top: -.08rem;z-index: 5 }

.zfList ul li h4{white-space: normal;display: flex;align-items: center;position: relative;z-index: 5;height: 100%;margin-left: .5rem;margin-right: .2rem;text-align: justify;line-height: 1.2em}
.zfList ul li h4 span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display: block\0;}
.zfList ul li.on{background:#FFECCC ;color: #951A14;border-color: #FFECCC}
.zfList ul li.on:before{background: url(../images/zdoton.png) no-repeat center;background-size: 100% 100%;}

.zfListb{padding-left: 2rem}
.zfLista  li{margin-left: .4rem}
.zfListb  li{margin-right: .4rem}
.zfListc  li{margin-left: .4rem}
.nypage .layui-layer-dialog .layui-layer-content{font-size: 16px}
.nypage .layui-layer-hui {
background-color: #FFECCC !important;
color: #951A14!important;
}
body.shus .layui-layer{  transform: rotate(90deg); }

.blessing-wall{width:100%; position:relative;overflow:hidden;padding:20px 0}
.blessing-wall .randBox{position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);z-index: 0;pointer-events: none}
.blessing-container{width:200%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.blessing-row{width:100%;height:18%;display:flex;align-items:center;white-space:nowrap;padding: .2rem 0}
.blessing-item{display:inline-block;margin:0 30px;padding:.1rem 0;color:#FFECCC;font-size:.2rem;cursor:pointer;transition:all .3s ease;}
.blessing-item.size-small{transform:scale(.8) translateY(.3rem);opacity:.7}
.blessing-item.size-medium{transform:scale(.9) translateY(-.3rem);opacity:.85}
.blessing-item.size-large{transform:scale(1);opacity:1}
 .blessing-item span{display: block;background: url(../images/zfslog.svg) no-repeat left center;background-size: .2rem .18rem;padding-left: .3rem}
@keyframes scroll-left{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.scrolling-container{animation:scroll-left 60s linear infinite}


.donateCon{margin-top: 1.4rem}
.donate .donate-tit{font-size: .5rem;color: #FFECCC;text-align: center;margin-bottom: .3rem}

.jzList{overflow: hidden;width: 100%;padding: .2rem 0 .2rem}
.jzList ul{white-space: nowrap;}
.jzList ul li{display: inline-block; position: relative;vertical-align: middle; cursor: pointer;transition: .3s;height: .5rem;border-radius: .04rem;box-sizing: border-box;color: #FFECCC ; min-width:2.07rem;font-size: .18rem;background: #820D08;box-shadow: 0 .04rem .1rem rgba(0, 0, 0, 0.3);}

.jzList ul li h4{white-space: normal;display: flex;align-items: center;justify-content:center;position: relative;z-index: 5;height: 100%;text-align: justify;line-height: 1.5em;padding: 0 .27rem 0 .24rem}
.jzList ul li h4 span{display: block;font-family:'fzkt' }

.jzListb,.jzListc{padding-left: 2rem}
.jzLista li,
.jzListd li{margin-left: .52rem}
.jzListb li,
.jzListe li{margin-right: .52rem}
.jzListc li,
.jzListf li{margin-left: .52rem}

#donateContainer{animation:scroll-left 60s linear infinite;}

.jzList{
 min-width: 155%;
 height: 100%;
 position: relative;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.jzList ul {
 min-width: 100%;
 height: 19.5%;
 display: block;
 align-items: center;
 white-space: nowrap;
 padding: .2rem 0
}
@media (max-width: 992px) {
 .donateCon{
  padding-top: .7rem;
  padding-bottom: .5rem;
 }
 .jzList ul li{
  font-size: .28rem;
  height: .8rem;
 }
 .jzList .jzListf,
 .jzList .jzListe{
  display: none;
 }
 .jzList ul{
  height: 30%;
  min-width: 100%;
 }
 .jzList ul li h4{
  white-space: nowrap;
 }
 .jzList{
  min-width: 200%;
 }
 .jzList ul{
  display: block;
  font-size: 0;
 }
}
@media (max-width: 569px) {

 .jzList{
  padding: 0;
 }
}



@media (max-width: 992px){
.zfPops{display: block;overflow: auto;padding-bottom: .5rem;padding-top: 1rem;margin: 0;height: 100%;margin-left: 65px}
.zfPop .tit{font-size: .5rem;}
.zfPop .tip{font-size: .28rem; }	
.zfList ul li{min-height: .76rem;border-radius: 1rem; width:7rem;font-size: .28rem;height: auto;padding: .16rem .2rem}
.zfList ul li h5{display: block;height: auto}
.zfList ul li:before{content: '';width: .36rem;height: .36rem;background: url(../images/zdot.png) no-repeat center;background-size: 100% 100%;position: absolute;left: .2rem;top: 50%;margin-top: -.18rem;z-index: 5 }
.nypage .layui-layer-dialog .layui-layer-content{font-size: 14px}
.zfPop .fszf{width: 2rem;height: 2rem; }
.zfList ul li h4{top: .04rem}
.blessing-wall{padding: 0}
.blessing-item{margin:0 30px;padding:.1rem 0;color:#FFECCC;font-size:.36rem;}
 .blessing-item span{background-size: .4rem .32rem;padding-left: .6rem}
}

.ani1s span{animation: ups linear 3s infinite; }
.ani2s span{animation: ups linear 2.8s infinite;}
.ani3s span{animation: ups linear 3.2s infinite;}
.ani4s span{animation: ups linear 2.4s infinite; }
.ani5s span{animation: ups linear 2.6s infinite;}
.ani6s span{animation: ups linear 3.6s infinite;}