.bil-bounce:hover{animation: bounce 1s ease-in-out}.bil-flash:hover{animation: flash 1s ease-in-out}.bil-shakeX:hover{animation: shakeX 1s ease-in-out}.bil-shakeY:hover{animation: shakeY 1s ease-in-out}.bil-headShake:hover{animation: headShake 1s ease-in-out}.bil-swing:hover{animation: swing 1s ease-in-out}.bil-tada:hover{animation: tada 1s ease-in-out}.bil-roLeft:hover{animation: roLeft 1s ease-in-out}.bil-heartbeat:hover{animation: heartbeat 1s ease-in-out}@keyframes heartbeat{20%{transform: scale(0.8)}30%{transform: scale(1.2)}40%{transform: scale(0.9)}50%{transform: scale(1.1)}60%{transform: scale(0.9)}70%{transform: scale(1.1)}80%{transform: scale(0.9)}90%{transform: scale(1.1)}100%{transform: scale(1)}}@keyframes roLeft{20%{transform: rotateY(30deg) scale(1.1) perspective(900)}80%{transform: rotateY(45deg) scale(0.9)}95%{transform: rotateY(10deg) scale(1.2)}100%{transform: rotateY(0deg) scale(1)}}@keyframes tada{5%{transform: rotateZ(10deg)}20%{transform: rotateZ(-3deg)}30%{transform: rotateZ(3deg)}40%{transform: rotateZ(-3deg)}50%{transform: rotateZ(3deg)}60%{transform: rotateZ(-3deg)}70%{transform: rotateZ(-3deg)}80%{transform: rotateZ(3deg)}90%{transform: rotateZ(-3deg)}100%{transform: rotateZ(0deg)}}@keyframes swing{10%{transform: rotateZ(45deg)}20%{transform: rotateZ(-45deg)}30%{transform: rotateZ(30deg)}40%{transform: rotateZ(-30deg)}50%{transform: rotateZ(25deg)}60%{transform: rotateZ(-25deg)}70%{transform: rotateZ(-20deg)}80%{transform: rotateZ(20deg)}90%{transform: rotateZ(-10deg)}100%{transform: rotateZ(0deg)}}@keyframes headShake{10%{transform: translateX(-10px) skewX(10deg)}20%{transform: translateX(9px) skewX(-10deg)}30%{transform: translateX(-9px) skewX(10deg)}40%{transform: translateX(8px) skewX(-10deg)}50%{transform: translateX(-8px) skewX(10deg)}60%{transform: translateX(7px) skewX(-10deg)}70%{transform: translateX(-7px) skewX(10deg)}80%{transform: translateX(6px) skewX(-10deg)}90%{transform: translateX(-6px) skewX(10deg)}100%{transform: translateX(-0)}}@keyframes shakeY{10%{transform: translateY(-10px)}20%{transform: translateY(10px)}30%{transform: translateY(-9px)}40%{transform: translateY(9px)}50%{transform: translateY(-8px)}60%{transform: translateY(8px)}70%{transform: translateY(-7px)}80%{transform: translateY(7px)}90%{transform: translateY(-6px)}100%{transform: translateY(-0)}}@keyframes shakeX{10%{transform: translateX(-10px)}20%{transform: translateX(9px)}30%{transform: translateX(-9px)}40%{transform: translateX(8px)}50%{transform: translateX(-8px)}60%{transform: translateX(7px)}70%{transform: translateX(-7px)}80%{transform: translateX(6px)}90%{transform: translateX(-6px)}100%{transform: translateX(-0)}}@keyframes flash{50%{opacity: 0}65%{opacity: 1}80%{opacity: 0}100%{opacity: 1}}@keyframes bounce{80%{transform: translateY(-25px)}90%{transform: translateY(0px) rotateX(30deg)}95%{transform: translateY(-10px) rotateX(0)}100%{transform: translateY(0px)}}@keyframes left{0%{transform: translateX(-1000px)}50%{transform: translateX(0)}59%{transform: translateX(-30px)}65%{transform: translateX(0)}80%{transform: translateX(-20px)}100%{transform: translateX(0)}}@keyframes logo{0%{transform: translate(-50px, -20px)}20%{transform: translate(40px, 15px)}40%{transform: translate(-30px, -10px)}60%{transform: translate(20px, 5px)}80%{transform: translate(-10px, -2px)}100%{transform: translate(0px 0px)}}@keyframes gd{0%{transform: scale(0);transform: translateY(-200px)}60%{transform: translateY(10px)}85%{transform: translateY(-5px)}100%{transform: scale(1);transform: translateY(0px)}}@keyframes videoBg{0%{transform: rotateY(0)}100%{transform: rotateY(180deg)}}@keyframes lr{0%{opacity: 0}100%{opacity: 1}}@keyframes qipao{0%{opacity: 0}10%{opacity: 1;transform: translateX(30px)}20%{transform: translateX(0px)}30%{transform: translateX(10px)}40%{transform: translateX(-20px)}50%{transform: translateX(2px)}60%{transform: translateX(-5px)}70%{transform: translateX(0px)}80%{transform: translateX(0px)}90%{transform: translateX(3px)}100%{opacity: 0;bottom: 1000px}}@keyframes qipao-box{0%{transform: translateY(-50px)  rotateY(20deg) scale(0.9)}50%{transform: translateY(10px)}100%{transform: translateY(-50px)  rotateY(20deg) scale(0.9)}}@keyframes navLeft{0%{transform: translateX(-300px);opacity: 0}100%{transform: translateX(0);opacity: 1}}@keyframes rightBox{0%{transform: translateX(200px);opacity: 0}100%{transform: translateX(0px);opacity: 1}}
