.delay0,.delay00{transition-delay: 0s;}
.delay01{transition-delay: 0.1s;}
.delay02{transition-delay: 0.2s;}
.delay03{transition-delay: 0.3s;}
.delay04{transition-delay: 0.4s;}
.delay05{transition-delay: 0.5s;}
.delay06{transition-delay: 0.6s;}
.delay07{transition-delay: 0.7s;}
.delay08{transition-delay: 0.8s;}
.delay09{transition-delay: 0.9s;}
.delay10{transition-delay: 1.0s;}
.delay11{transition-delay: 1.1s;}
.delay12{transition-delay: 1.2s;}
.delay13{transition-delay: 1.3s;}
.delay14{transition-delay: 1.4s;}
.delay15{transition-delay: 1.5s;}
.delay16{transition-delay: 1.6s;}
.delay17{transition-delay: 1.7s;}
.delay18{transition-delay: 1.8s;}
.delay19{transition-delay: 1.9s;}
.delay20{transition-delay: 2s;}
.hasani{transition-duration: 1s;}
.dura03{transition-duration: 0.3s;}
.dura04{transition-duration: 0.4s;}
.dura05{transition-duration: 0.5s;}
.dura06{transition-duration: 0.6s;}
.dura07{transition-duration: 0.7s;}
.dura08{transition-duration: 0.8s;}
.dura09{transition-duration: 0.9s;}
.dura10{transition-duration: 1s;}
.dura11{transition-duration: 1.1s;}
.dura12{transition-duration: 1.2s;}
.dura13{transition-duration: 1.3s;}
.dura14{transition-duration: 1.4s;}
.dura15{transition-duration: 1.5s;}
.dura16{transition-duration: 1.6s;}
.dura17{transition-duration: 1.7s;}
.dura18{transition-duration: 1.8s;}
.dura19{transition-duration: 1.9s;}
.dura20{transition-duration: 2s;}
.dura25{transition-duration: 2.5s;}
.dura30{transition-duration: 3s;}
.dura40{transition-duration: 4s;}
.scale01{transform:scale(0.1, 0.1);}
.scale05{transform:scale(0.5, 0.5);}
.scale09{transform:scale(0.9, 0.9);}
.ani.scale01,.ani.scale05,.ani.scale09{transform:scale(1, 1);}
.rotate90{transform:rotate(90deg);}
.ani.rotate90{transform:rotate(0deg);}
.s01r90{transform:rotate(90deg) scale(0.1);}
.ani.s01r90{transform:rotate(0deg) scale(1);}
.skew90{transform: skewX(90deg);}
.rotateX360{transform: rotateX(360deg);}
.ani.skew90{transform: skewX(0deg);}
.ani.rotateX360{transform: rotateX(0deg);}
@keyframes rotate360{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes rotateY360{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}
}
.op0{opacity: 0;}
.ani.op0{opacity: 1;}
.op05{opacity: 0.5;}
.ani.op05{opacity: 1;}
.wr100{width: 100%;}
.ani.wr100{width: 0;}
.hr100{height: 100%;}
.ani.hr100{height: 0;}
.fadeindown60{transform:translateY(60px);}
.ani.fadeindown60{transform:translateY(0);}
.fadeinup60{transform:translateY(-60px);}
.ani.fadeinup60{transform:translateY(0);}
.fadeinleft60{transform:translateX(-60px);}
.ani.fadeinleft60{transform:translateX(0);}
.fadeinright60{transform:translateX(60px);}
.ani.fadeinright60{transform:translateX(0);}
.updown{animation: updown 2s linear infinite;}
@keyframes updown{
	0%{transform: translate(0px, 0px);}
	25%{transform: translate(0px, -10px);}
	50%{transform: translate(0px, 0px);}
	75%{transform: translate(0px, 10px);}
	100%{transform: translate(0px, 0px);}
}
.find{opacity: 0;transform:translateY(60px);}
.tfind{opacity: 0;transform:translateY(20px);}
.ani.find,.ani.tfind{opacity: 1;transform:translateY(0);}
.finu{opacity: 0;transform:translateY(-60px);}
.tfinu{opacity: 0;transform:translateY(-20px);}
.ani.finu,.ani.tfinu{opacity: 1;transform:translateY(0);}
.finl{opacity: 0;transform:translateX(-60px);}
.tfinl{opacity: 0;transform:translateX(-20px);}
.ani.finl,.ani.tfinl{opacity: 1;transform:translateX(0);}
.finr{opacity: 0;transform:translateX(60px);}
.tfinr{opacity: 0;transform:translateX(20px);}
.ani.finr,.ani.tfinr{opacity: 1;transform:translateX(0);}
.scl01{transform:scale(0.1, 0.1);opacity: 0;}
.scl05{transform:scale(0.5, 0.5);opacity: 0;}
.scl09{transform:scale(0.9, 0.9);opacity: 0;}
.ani.scl01,.ani.scl05,.ani.scl09{transform:scale(1, 1);opacity: 1;}
.findsc05{transform:translateY(60px) scale(0.5, 0.5);opacity: 0;}
.finusc05{transform:translateY(-60px) scale(0.5, 0.5);opacity: 0;}
.ani.finusc05,.ani.findsc05{transform:translateY(0) scale(1, 1);opacity: 1;}
.finlsc05{transform:translateX(-60px) scale(0.5, 0.5);opacity: 0;}
.finrsc05{transform:translateX(60px) scale(0.5, 0.5);opacity: 0;}
.ani.finrsc05,.ani.finlsc05{transform:translateX(0) scale(1, 1);opacity: 1;}
.scaleout{animation: scaleout 1.2s infinite ease-in-out;}
@keyframes scaleout{
	0%{transform: scale(1.0);}
	100%{transform: scale(1.06);opacity: 0.8;}
}
.rotate180-1{animation: rotate180 .4s 1 linear;}
@keyframes rotate180{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(180deg);}
}
.beforeY01{transform:scale(1, 0.1);transform-origin: center bottom;}

/*一屏式*/
.active .scale01,.active .scale05{transform:scale(1, 1);}
.active .rotate90{transform:rotate(0deg);}
.active .s01r90{transform:rotate(0deg) scale(1);}
.active .skew90{transform: skewX(0deg);}
.active .rotateX360{transform: rotateX(0deg);}
.active .beforeY01{webkit-transform: scale(1, 1);transform:scale(1, 1);}
.active .op0,.active .op05{opacity: 1;}
.active .fadeindown60{transform:translateY(0); opacity: 1;}
.active .fadeinup60{transform:translateY(0); opacity: 1;}
.active .fadeinleft60{opacity: 1;transform:translateX(0);}
.active .fadeinright60{opacity: 1;transform:translateX(0);}
.active .find,.active .tfind{opacity: 1;transform:translateY(0);}
.active .finu,.active .tfinu{opacity: 1;transform:translateY(0);}
.active .finl,.active .tfinl{opacity: 1;transform:translateX(0);}
.active .finr,.active .tfinr{opacity: 1;transform:translateX(0);}
.active .scl01,.active .scl05{transform:scale(1, 1);opacity: 1;}
.active .finusc05,.active .findsc05{transform:translateY(0) scale(1, 1);opacity: 1;}
.active .finrsc05,.active .finlsc05{transform:translateX(0) scale(1, 1);opacity: 1;}
.section.active .scale01,.section.active .scale05,
.section.active .rotate90,.section.active .s01r90,
.section.active .skew90,.section.active .rotateX360{
	transition-duration: 1s;
}
.section.active .op0,.section.active .op05,.section.active .fadeindown60,.section.active .fadeinup60,
.section.active .fadeinleft60,.section.active .fadeinright60{ 
	transition-duration: 1s;
}
.section.active .find,.section.active .finu,.section.active .finl,.section.active .finr,
.section.active .tfind,.section.active .tfinu,.section.active .tfinl,.section.active .tfinr{
	transition-duration: 1s;
}
.section.active .scl01,.section.active .scl05,.section.active .finusc05,
.section.active .findsc05,.section.active .finrsc05,.section.active .finlsc05{ 
	transition-duration: 1s;
}
.section.active .beforeY01{transition-duration: 1s;}
.section .scale01,.section .scale05,.section .rotate90,.section .s01r90,.section .skew90,
.section .rotateX360{
	transition-duration: 0.3s;
}
.section .op0,.section .op05,.section .fadeindown60,.section .fadeinup60,
.section .fadeinleft60,.section .fadeinright60{
	transition-duration: 0.3s;
}
.section .find,.section .finu,.section .finl,.section .finr,
.section .tfind,.section .tfinu,.section .tfinl,.section .tfinr{
	transition-duration: 0.3s;
}
.section .scl01,.section .scl05,.section .finusc05,
.section .findsc05,.section .finrsc05,.section .finlsc05{
	transition-duration: 0.3s;
}
.section .beforeY01{transition-duration: 0.3s;}