.pos{margin-top:25px;}
.page-t{margin:10px 0 0;} 
.searchbox{padding:0 2px;}
.wp_search .search{margin-top:2px;}
.wp_search{display:flex;flex-flow:row nowrap;}
.wp_search .keyword{width:86%!important;}

/*祝福*/
.zf-box{
    display: block; margin:-2px 0 0;
    width:100%;height:calc(100vh - 1.3rem);overflow:hidden; 
    background:url('../images/zhufubg.jpg') center no-repeat;background-size:100% 100%;
}
#zhufu{
	display: block;
	position: relative; height:calc(100% - 1.1rem); margin:0 4%;
}
#zhufu .swiper-slide{height:100%;}

#zhufu p{
	background-color:rgb(255,246,191,.6);
	border:1px solid #d1191d; font-size:var(--font-size);
	border-radius:.2rem;padding:var(--num20); opacity:0; 
	display:block; max-width:30%; width:auto;color:#613032; 
	position: absolute; transition:all 2s ease 0s;
} 
#zhufu .swiper-slide-active p{opacity:1;}
@media(min-width: 960px){
    #zhufu p:nth-of-type(1){left:12.5%;top:1%; animation: spin-reverse 8s infinite linear;}
    #zhufu p:nth-of-type(2){left: 56.6%;top:2.2%; animation: spin-reverse2 8s infinite linear;}
    #zhufu p:nth-of-type(3){right:0.6%;top: 11.3%; animation: spin-reverse 8s infinite linear;}
    #zhufu p:nth-of-type(4){left:8%;top:18%; animation: spin-reverse4 8s infinite linear;}
    #zhufu p:nth-of-type(5){left:40%;top:17%; animation: spin-reverse5 8s infinite linear;}
    #zhufu p:nth-of-type(6){left:36%;top: 32.5%; animation: spin-reverse 8s infinite linear;}
    #zhufu p:nth-of-type(7){left:0.4%;top:36.4%; animation: spin-reverse2 8s infinite linear;}
    #zhufu p:nth-of-type(8){top: 38%;right: 3%; animation: spin-reverse 4s infinite linear;}
    #zhufu p:nth-of-type(9){left:30%;top:49%; animation: spin-reverse3 8s infinite linear;}
    #zhufu p:nth-of-type(10){top: 54%;right: 15%;  animation: spin-reverse 6s infinite linear;}
    #zhufu p:nth-of-type(11){left:8%;top: 60%; animation: spin-reverse 3s infinite linear;}
    #zhufu p:nth-of-type(12){top:68%;right:6%; animation: spin-reverse2 8s infinite linear;}
    #zhufu p:nth-of-type(13){left: 16%;top: 70%; animation: spin-reverse 5s infinite linear;}
    #zhufu p:nth-of-type(14){top:81%;right: 7%; animation: spin-reverse4 8s infinite linear;}
    #zhufu p:nth-of-type(15){left:12%;top:79%; animation: spin-reverse5 8s infinite linear;}
}

#song{position: absolute;left:50%;bottom:4%;z-index:999; width:2.65rem;
	background-color:transparent;border:0; margin-left:-1.3rem;
}
.pos{color:#fff;}

@keyframes spin-reverse {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(0.02rem) translateY(.1rem) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse2 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(.3rem) translateY(.1rem) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse3 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(.1rem) translateY(.2rem) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse4 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(.1rem) translateY(.2rem) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse5 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(0rem) translateY(.4rem) 
    }
    100% {
        transform: 0 
    }
}

.black{display:none;position: fixed;top:0;right:0;left:0;bottom:0;z-index: 999;
background-color: rgba(0,0,0,0.1); }
.black .box{width:55%; background-color:#fff6e5; border-radius:20px;
    display: block;margin:30vh auto;
padding:60px 30px 30px;position: relative;}
.black .closetb{position: absolute;right:0;top:0;z-index:99;padding:20px 25px;font-size:40px;
line-height:40px;color:#444;display:block;cursor: pointer;}

.black .fl{font-size:var(--num15);line-height: 2;}
.black .fl span{color:#aaa;}
.black .fl h4{font-size:var(--num24);margin-bottom: 15px;display: block;font-weight: bold;color:var(--main-color);}

.black .fr{width:70%;}
.black .fr li{display:block;background-color:#fff;border-radius: 8px;padding:var(--num20);
margin-bottom: 15px;vertical-align: top;}
.black textarea,.black input{width:83%;vertical-align: top;outline: none;border:0;
font-size:var(--font-size);}
.black textarea{width:100%;}
.black .btn{background-color:transparent; display:block;margin:0 auto;border:0;}
.black .btn:hover img{filter: brightness(-30);}


@media(max-width: 960px){
    #zhufu{margin:0;}
    #zhufu p{position: relative;width:94%!important;max-width: 100%;
    font-size:.3rem;padding:.18rem; margin:0 3% 15px;
    left:inherit!important;top:inherit!important;}
    #zhufu .swiper-slide{overflow-y:auto;}
    #song{width:60%;margin-left:-30%;}
    .black .box{padding:24px; height:auto;margin:0;border-radius:0;overflow-y:auto;}
    .black .box,.black .fr{width:100%;}
    .pos{margin-top: 0;}
    .page-t{padding-bottom: 0;}
    #song{position: relative;}
    .zf-box{height: auto;background:url('../images/zfbg2.jpg') center no-repeat; background-size:cover; }
}