/* comm */
.slideON {animation: fadeIN 0.5s both;}
.slideON.fix {animation: fadeIN 0.5s both;}
.slideON.map {animation: slideON3 0.5s both;}
.slideOUT {animation: fadeOUT 0.5s both;}
.slideOUT.fix {animation: fadeOUT 0.5s both;}
.slideOUT.map {animation: slideOUT3 0.5s both;}
@keyframes slideON {
	0% {transform: translateX(100%);}
	100% {transform: translateX(0);}
}
@keyframes slideON2 {
	0% {transform: translateX(-100%);}
	100% {transform: translateX(0);}
}
@keyframes slideON3 {
	0% {transform: translateY(100%);}
	100% {transform: translateX(0);}
}
@keyframes slideOUT {
	0% {transform: translateX(0);}
	100% {transform: translateX(-100%);}
}
@keyframes slideOUT2 {
	0% {transform: translateX(0);}
	100% {transform: translateX(100%);}
}
@keyframes slideOUT3 {
	0% {transform: translateX(0);}
	100% {transform: translateY(100%);}
}
@keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes rotate360 {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}
@keyframes musicON {
	0% {transform: translateX(200%);}
	100% {transform: translateX(0);}
}



/*.slogan:before {animation: fadeIN 2s 0.5s both;}*/
/*.slogan b {animation: slogan1 3s both;}*/
.slogan s {animation: slogan2 2.2s 0.8s both;}
@keyframes slogan1 {
	0% {transform: scale(1.5) translateX(-100%);}
	100% {transform: scale(1) translateX(0);}
}
@keyframes slogan2 {
	0% {transform: scale(1.1);opacity: 0;}
	100% {transform: scale(1);opacity: 1;}
}
.slogan span i {animation: indexText 1.5s both;}
.slogan span i:nth-of-type(4) {animation-delay: 2s;}
.slogan span i:nth-of-type(3) {animation-delay: 2.6s;}
.slogan span i:nth-of-type(2) {animation-delay: 3.2s;}
.slogan span i:nth-of-type(1) {animation-delay: 3.8s;}
@keyframes indexText {
	0% {transform: translateX(-0.2rem);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}
.enter {animation: fadeIN 2s 2.5s both;}



.s_tip:before,.n_tip:before {animation: arrowLeft 0.5s linear infinite alternate;}
.s_tip:after,.n_tip:after {animation: arrowRight 0.5s linear infinite alternate;}
@keyframes arrowLeft {
	0% {transform: translateX(0);}
	100% {transform: translateX(-0.1rem);}
}
@keyframes arrowRight {
	0% {transform: translateX(0);}
	100% {transform: translateX(0.1rem);}
}
@keyframes zoomIN {
	0% {transform: scale(2);opacity: 0;}
	100% {transform: scale(1);opacity: 1;}
}
@keyframes zoomOUT {
	0% {transform: scale(1);opacity: 1;}
	100% {transform: scale(1.5);opacity: 0;}
}



.m_con a:before {animation: markMove 1s linear infinite alternate;}
.m_con.markin:before {animation: fadeIN 1s 0.8s both;}
.m_con.markin a {animation: fadeIN 1s both;}
.m_con.markin .m1 {animation-delay: 1.5s;}
.m_con.markin .m2 {animation-delay: 1.8s;}
.m_con.markin .m3 {animation-delay: 2.1s;}
.m_con.markin .m4 {animation-delay: 2.4s;}
.m_con.markin .m5 {animation-delay: 2.7s;}
.m_con.markin .m6 {animation-delay: 3s;}
.m_con.markin .m7 {animation-delay: 3.3s;}
.m_con.markin .m8 {animation-delay: 3.6s;}
.m_con.markin .m9 {animation-delay: 3.9s;}
@keyframes markMove {
	0% {transform: translateY(0);}
	25% {transform: translateY(-0.05rem);}
	50% {transform: translateY(-0.1rem);}
	75% {ransform: translateY(0.05rem);}
	100% {transform: translateY(0);}
}



.vplay.off,.vreplay.off {animation: zoomOUT 0.5s both;}



.intro .btn,.goshare,.link,.link2 {animation: zoomBTN 0.5s linear infinite alternate;}
@keyframes zoomBTN {
	0% {transform: scale(0.92);}
	100% {transform: scale(1);}
}


.n_slide.getedWallpaper .swiper-slide span:after {animation: fadeIN 0.5s both;}
.qqtip {animation: fadeIN 0.5s both;}