.nypage.zf{background: url(../images/zfbg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
.nypage.zf .footer{color: #fff;z-index: 5}
.nypage.zf .nytit{margin-bottom: .3rem;color: #fff}
.nypage.zf #app{overflow: hidden;}
.nypage.zf #app #dotlayer{pointer-events: none;position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 0;opacity: .6}
.nypage.zf #app #dotlayer canvas{position: absolute;left: 0;bottom: -30%; right: 0;z-index: 0}
.nypage.zf .swiTabs{overflow: visible;}
.nypage.zf .swiTabsp .page-btn{position: fixed;top: 50%;width: 1.5rem;height: 1.5rem;margin-top: -.75rem;z-index: 5;cursor: pointer;user-select: none;background:url(../images/btnbg.png) #ff5b00 no-repeat center;background-size: .98rem .85rem;border-radius: 50%;box-shadow:0 0 .4rem rgba(255,91,0,.4);right: -.75rem;}
.nypage.zf .swiTabsp .page-btn .span{display: flex;align-items: center;font-size: .2rem;color: #fff;padding-left: .2rem;height: 100%;width: 100%}
/*.nypage.zf .swiTabsp .page-btn:hover{animation: beat 0.5s 1;}*/
.nypage.zf .swiTabsp .prev{display: none}


.nypage.zf .slide-video{margin: 0 auto;max-width: 15.4rem;padding-top: .3rem}
.nypage.zf .slide-video .img{height: 5.6rem;overflow: hidden;border-radius: .2rem}
.nypage.zf .slide-video .swiper-slide{width: 9rem;}
.nypage.zf .slide-video .swiper-slide-active{box-shadow:0 .2rem .5rem rgba(18,72,136,.4);overflow: hidden;border-radius: .2rem;}
.nypage.zf .slide-video .swiper-slide-active  a:before{content: '';position: absolute;width: .96rem;height: .96rem;background: url(../images/play.png) no-repeat center;background-size: 100% 100%;top: 50%;left: 50%;margin-left: -.5rem;margin-top: -.5rem;z-index: 2}
.nypage.zf .slide-video .swiper-slide a{display: block;position: relative;border-radius:.1rem;overflow: hidden;}
.nypage.zf .slide-video .txt{position: absolute;left: 0;bottom:0;right:0;z-index: 4;padding:.15rem .3rem .2rem;color: #fff;font-size: .24rem;opacity: 0;visibility: hidden;transition: .3s;text-align: center;}
.nypage.zf .slide-video .txt h4{font-weight: normal;max-width: 80%;margin: 0 auto;line-height: 1.4em}
.nypage.zf .slide-video .swiper-slide-active .txt{opacity: 1;visibility: visible;}

.nypage.zf .slide-video .swiDots{text-align: center;margin-top: .4rem;padding-bottom: .1rem}
.nypage.zf .slide-video .swiDots span{width: 12px;height: 12px;background: #fff;margin: 0 .1rem;opacity: 1;position: relative;}
.nypage.zf .slide-video .swiDots span.active{background: #ff5b00;opacity: 1}
.nypage.zf .suBtn{width: 1.16rem;height: 1.16rem;z-index: 5;cursor: pointer;user-select: none;background:url(../images/btnbg.png) #ff5b00 no-repeat center;background-size: .98rem .85rem;border-radius: 50%;box-shadow:0 0 .4rem rgba(255,91,0,.4);left: 50%;margin-left: -.58rem;bottom: .1rem;position: absolute;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;font-size: .22rem}
.nypage.zf .suBtn:hover{animation: beat 0.5s 1;}
.zf-txt .bg{width: 12.96rem;margin: 0 auto;padding: .2rem}
.zf-txt .bg .bgimg{width: 100%;pointer-events: none;user-select: none}
.zf-txt .bg svg{position: absolute;top:0;overflow: visible;right: .4rem;pointer-events: none;user-select: none}
.zf-txt .bg .cls-1,.zf-txt .bg .cls-2 {fill: #fff;}
.zf-txt .bg .cls-3 {fill: none;stroke: #000;stroke-miterlimit: 10;}
.zf-txt .bg .cls-2 {opacity: .18;}
.zf-txt .bg .st{fill: #fff}
/*@keyframes ani1{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{ transform: translate3d(-50%,-50%,0) scale(1);left: 15%;top: 7%;opacity: 1}100%{ transform: translate3d(-50%,-50%,0) scale(1);left: 15%;top: 7%;opacity: 1}}
@keyframes ani2{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:29%;top: 22%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:29%;top: 22%;opacity: 1}}
@keyframes ani3{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:56%;top: 18%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:56%;top: 18%;opacity: 1}}
@keyframes ani4{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.9);left:84%;top: 12%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.9);left:84%;top: 12%;opacity: 1}}
@keyframes ani5{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:14%;top: 42%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:14%;top: 42%;opacity: 1}}
@keyframes ani6{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:18%;top: 62%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:18%;top: 62%;opacity: 1}}
@keyframes ani7{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.7);left:39%;top: 32%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.7);left:39%;top: 32%;opacity: 1}}
@keyframes ani8{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.6);left:44%;top: 42%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.6);left:44%;top: 42%;opacity: 1}}
@keyframes ani9{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{ transform: translate3d(-50%,-50%,0) scale(.9);left:36%;top: 52%;opacity: 1}100%{ transform: translate3d(-50%,-50%,0) scale(.9);left:36%;top: 52%;opacity: 1}}
@keyframes ani10{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{ transform: translate3d(-50%,-50%,0) scale(.9);left:50%;top: 60%;opacity: 1}100%{ transform: translate3d(-50%,-50%,0) scale(.9);left:50%;top: 60%;opacity: 1}}
@keyframes ani11{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:50%;top: 72%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:50%;top: 72%;opacity: 1}}
@keyframes ani12{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.9);left:74%;top: 35%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.9);left:74%;top: 35%;opacity: 1}}
@keyframes ani13{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:60%;top: 30%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:60%;top: 30%;opacity: 1}}
@keyframes ani14{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:70%;top: 50%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:70%;top: 50%;opacity: 1}}
@keyframes ani15{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:75%;top: 65%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:75%;top: 65%;opacity: 1}}
@keyframes ani16{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:82%;top: 80%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:82%;top: 80%;opacity: 1}}
@keyframes ani17{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:82%;top: 43%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:82%;top: 43%;opacity: 1}}
@keyframes ani18{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:55%;top: 8%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:55%;top: 8%;opacity: 1}}
*/
@keyframes ani1{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{ transform: translate3d(-50%,-50%,0) scale(1);left: 15%;top: 7%;opacity: 1}90%{ transform: translate3d(-50%,-50%,0) scale(1);left: 15%;top: 7%;opacity:1}100%{ transform: translate3d(-50%,-50%,0) scale(1);left: 15%;top: 7%;opacity:0}}
@keyframes ani2{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:29%;top: 22%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(1);left:29%;top: 22%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:29%;top: 22%;opacity: 0}}
@keyframes ani3{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:56%;top: 18%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.8);left:56%;top: 18%;opacity:1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:56%;top: 18%;opacity: 0}}
@keyframes ani4{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.9);left:84%;top: 12%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.9);left:84%;top: 12%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.9);left:84%;top: 12%;opacity: 0}}
@keyframes ani5{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:14%;top: 42%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(1);left:14%;top: 42%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:14%;top: 42%;opacity: 0}}
@keyframes ani6{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:18%;top: 62%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(1);left:18%;top: 62%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:18%;top: 62%;opacity: 0}}
@keyframes ani7{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.7);left:39%;top: 32%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.7);left:39%;top: 32%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.7);left:39%;top: 32%;opacity: 0}}
@keyframes ani8{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.6);left:44%;top: 42%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.6);left:44%;top: 42%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.6);left:44%;top: 42%;opacity: 0}}
@keyframes ani9{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{ transform: translate3d(-50%,-50%,0) scale(.9);left:36%;top: 52%;opacity: 1}90%{ transform: translate3d(-50%,-50%,0) scale(.9);left:36%;top: 52%;opacity: 1}100%{ transform: translate3d(-50%,-50%,0) scale(.9);left:36%;top: 52%;opacity: 0}}
@keyframes ani10{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{ transform: translate3d(-50%,-50%,0) scale(.9);left:50%;top: 60%;opacity: 1}90%{ transform: translate3d(-50%,-50%,0) scale(.9);left:50%;top: 60%;opacity:1}100%{ transform: translate3d(-50%,-50%,0) scale(.9);left:50%;top: 60%;opacity: 0}}
@keyframes ani11{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:50%;top: 72%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(1);left:50%;top: 72%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:50%;top: 72%;opacity: 0}}
@keyframes ani12{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.9);left:74%;top: 35%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.9);left:74%;top: 35%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.9);left:74%;top: 35%;opacity: 0}}
@keyframes ani13{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:60%;top: 30%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.8);left:60%;top: 30%;opacity:1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:60%;top: 30%;opacity: 0}}
@keyframes ani14{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:70%;top: 50%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.8);left:70%;top: 50%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:70%;top: 50%;opacity: 0}}
@keyframes ani15{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:75%;top: 65%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.8);left:75%;top: 65%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:75%;top: 65%;opacity: 0}}
@keyframes ani16{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:82%;top: 80%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(1);left:82%;top: 80%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:82%;top: 80%;opacity: 0}}
@keyframes ani17{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(.8);left:82%;top: 43%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(.8);left:82%;top: 43%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(.8);left:82%;top: 43%;opacity: 0}}
@keyframes ani18{0%{transform: translate3d(-50%,-50%,0) scale(0);left: 50%;top: 50%;opacity: 0}50%{transform: translate3d(-50%,-50%,0) scale(1);left:55%;top: 8%;opacity: 1}90%{transform: translate3d(-50%,-50%,0) scale(1);left:55%;top: 8%;opacity: 1}100%{transform: translate3d(-50%,-50%,0) scale(1);left:55%;top: 8%;opacity: 0}}

.zf-txt .bg .g{animation: svgCirb 10s linear infinite;}
.zf-listp{max-width: 18rem;margin: 0 auto;position: relative;}
.zf-list li{position: absolute;color: #fff;font-size: .36rem;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0) scale(0);transition: 1s;z-index: 5;white-space: nowrap;}
.zf-list li:hover span{animation-play-state: paused;opacity: 1;color: #ff5b00}
.zf-list li span{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 6rem}
/*.zf-list li.ani1{animation: ani2 3s linear forwards }*/



@keyframes ups{
0%{transform: translateY(0);}50%{transform: translateY(-10px);}100%{transform: translateY(0);}
}
.ani1s{animation: ups linear 2s infinite;}
.ani2s{animation: ups linear 1.8s infinite;opacity: .8}
.ani3s{animation: ups linear 2.2s infinite;}
.ani4s{animation: ups linear 1.4s infinite;opacity: 6}
.ani5s{animation: ups linear 1.6s infinite;opacity: .5}
.ani6s{animation: ups linear 2.6s infinite;}


@keyframes svgCirb{0%{transform: scale(1);opacity: 1}50%{transform:translateY(.1rem) scale(.4) ;opacity: .4}100%{transform:  scale(1);opacity: 1}}
@media(min-width: 993px){
.zf-list li.ani1{ animation: ani1 5s linear forwards infinite}
.zf-list li.ani2{ animation: ani2 6s linear forwards infinite}
.zf-list li.ani3{ animation: ani3 7s linear forwards infinite}
.zf-list li.ani4{ animation: ani4 8s linear forwards infinite}
.zf-list li.ani5{ animation: ani5 9s linear forwards infinite}
.zf-list li.ani6{ animation: ani6 8s linear forwards infinite}
.zf-list li.ani7{ animation: ani7 7s linear forwards infinite}
.zf-list li.ani8{ animation: ani8 6s linear forwards infinite}
.zf-list li.ani9{ animation: ani9 5s linear forwards infinite}
.zf-list li.ani10{ animation: ani10 6s linear forwards infinite}
.zf-list li.ani11{ animation: ani11 7s linear forwards infinite}
.zf-list li.ani12{ animation: ani12 8s linear forwards infinite}
.zf-list li.ani13{ animation: ani13 9s linear forwards infinite}
.zf-list li.ani14{ animation: ani14 8s linear forwards infinite}
.zf-list li.ani15{ animation: ani15 7s linear forwards infinite}
.zf-list li.ani16{ animation: ani16 6s linear forwards infinite}
.zf-list li.ani17{ animation: ani17 5s linear forwards infinite}
.zf-list li.ani18{ animation: ani18 7s linear forwards infinite}
}
@media(max-width: 992px){
.zf-txt .bg{width: 90%;margin: 0 auto;max-width: 8.5rem}
.zf-txt .pc{display: none}
.zf-txt .m{display: block;}
.zf-txt .bg svg{top:.1rem;right: .3rem;}
.zf-list li.ani1{ transform: translate3d(-50%,0,0) scale(.9);left: 50%;top: 0%;opacity: 1}
.zf-list li.ani2{ transform: translate3d(-50%,0,0) scale(.8);left:50%;top: 26%;opacity: 1}
.zf-list li.ani3{ transform: translate3d(-50%,0,0) scale(.7);left:50%;top: 18%;opacity: 1}
.zf-list li.ani4{ transform: translate3d(-50%,0,0) scale(.8);left:50%;top: 10%;opacity: 1}
.zf-list li.ani5{ transform: translate3d(-50%,0,0) scale(.9);left:50%;top: 42%;opacity: 1}
.zf-list li.ani6{ transform: translate3d(-50%,0,0) scale(.8);left:50%;top: 70%;opacity: 1}
.zf-list li.ani7{ transform: translate3d(-50%,0,0) scale(.7);left:50%;top: 5%;opacity: 1}
.zf-list li.ani8{ transform: translate3d(-50%,0,0) scale(.6);left:50%;top: 48%;opacity: 1}
.zf-list li.ani9{ transform: translate3d(-50%,0,0) scale(.9);left:50%;top: 55%;opacity: 1}
.zf-list li.ani10{ transform: translate3d(-50%,0,0) scale(.9);left:50%;top: 60%;opacity: 1}
.zf-list li.ani11{ transform: translate3d(-50%,0,0) scale(.7);left:50%;top: 78%;opacity: 1}
.zf-list li.ani12{ transform: translate3d(-50%,0,0) scale(.9);left:50%;top: 35%;opacity: 1}
.zf-list li.ani13{ transform: translate3d(-50%,0,0) scale(.8);left:50%;top: 30%;opacity: 1;display: none}
.zf-list li.ani14{ transform: translate3d(-50%,0,0) scale(.8);left:50%;top: 50%;opacity: 1;display: none}
.zf-list li.ani15{ transform: translate3d(-50%,0,0) scale(.8);left:50%;top: 70%;opacity: 1;display: none}
.zf-list li.ani16{ transform: translate3d(-50%,0,0) scale(.8);left:50%;top: 80%;opacity: 1;display: none}
.zf-list li.ani17{ transform: translate3d(-50%,0,0) scale(.8);left:50%;top: 43%;opacity: 1;display: none}
.zf-list li.ani18{ transform: translate3d(0,0,0) scale(.9);left:50%;top: 8%;opacity: 1;display: none}
@keyframes svgCirb{0%{transform: scale(1);opacity: 1}50%{transform:translate3d(.2rem,.5rem,0) scale(.4) ;opacity: .4}100%{transform:  scale(1);opacity: 1}}
.zf-listp{margin-top: .6rem}
.nypage.zf .slide-video{padding-top: 10vh}
}
@media(max-width: 576px){
.nypage.zf .slide-video .img{height: 55vw;}
.nypage.zf .slide-video .swiper-slide{width: 90vw} 
.nypage.zf .swiTabsp .page-btn .span{font-size: .24rem}
.nypage.zf .slide-video .swiDots{margin-top: .6rem;}
}


  /*祝福*/
.zfPop{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(255,255,255,.4);z-index: 999;backdrop-filter:blur(5px);overflow: auto;display: none;padding-bottom: .5rem}
.zfPop .zfPops{width: 4.25rem;height: 5.25rem;margin: 0 auto;position: relative;top: 15%}
.zfPop .zfPops button{background: transparent;cursor: pointer;width: 1.63rem;margin: 0 auto;display: block;}
.zfPop .popbg{pointer-events: none;user-select: none;width: 100%}
.zfPop .posBox{position: absolute;left: 0;right: 0;top:0;bottom: 1.2rem;z-index: 2;}
.zfPop .posBox .zftit{text-align: center;padding: 0 .2rem;margin-bottom: .3rem;pointer-events: none;user-select: none}
.zfPop .zfPops .close{color: #fff;position: absolute;bottom: .2rem; right: .2rem;z-index: 5;cursor: pointer;display: block;transition: .3s;width: .27rem;height: .26rem}
.zfPop .zfPops .close img{width: 100%}
.zfPop .zfPops .close:hover{transform: rotate(90deg);}
.zfPop .posBox .zftxt{padding: .2rem;margin-bottom: 1rem}
.zfPop .posBox .zftxt textarea{width: 100%;height: 2.4rem;background: rgba(255,255,255,.1);border-radius: .1rem;padding: .2rem;font-size: .24rem;line-height: 1.6em}
@media (max-width: 992px){
 .zfPop .zfPops{width: 5.25rem;height: 6.25rem;margin: 0 auto;position: relative;top: 15%}
 .zfPop .posBox .zftxt{margin-bottom: 1.5rem}
 .zfPop .posBox .zftxt textarea{font-size: .28rem} 
}