.main>li{margin:0 2%;float:left}.drop li{opacity:0;transform-origin:top center}.drop li a{background-color:rgba(31,174,233,.7);padding:10px 0}.main li:hover .menu1 li:first-of-type{animation:menu1 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu1 li:nth-of-type(2){animation:menu1 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu1 li:nth-of-type(3){animation:menu1 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu1 li:nth-of-type(4){animation:menu1 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu1 li:last-of-type{animation:menu1 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu1{from{opacity:0;transform:translateX(30px) rotateY(90deg)}to{opacity:1;transform:translateX(0) rotateY(0)}}.main li:hover .menu2 li:first-of-type{animation:menu2 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu2 li:nth-of-type(2){animation:menu2 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu2 li:nth-of-type(3){animation:menu2 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu2 li:nth-of-type(4){animation:menu2 .3s ease-in-out forwards;animation-delay:1.2s}.main li:hover .menu2 li:last-of-type{animation:menu2 .3s ease-in-out forwards;animation-delay:1.5s}.main li:hover .menu2 li:nth-of-type(5){animation:menu2 .3s ease-in-out forwards;animation-delay:1.5s}.main li:hover .menu2 li:nth-of-type(6){animation:menu2 .3s ease-in-out forwards;animation-delay:1.8s}.main li:hover .menu2 li:nth-of-type(7){animation:menu2 .3s ease-in-out forwards;animation-delay:2.1s}.main li:hover .menu2 li:nth-of-type(8){animation:menu2 .3s ease-in-out forwards;animation-delay:2.4s}.main li:hover .menu2.ul2 li:last-of-type{animation:menu2 .3s ease-in-out forwards;animation-delay:2.7s}.main li:hover .menu2.ul3 li:last-of-type{animation:menu2 .3s ease-in-out forwards;animation-delay:.6s}@keyframes menu2{0%{opacity:0;transform:scale(.7)}50%{opacity:.5;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.main li:hover .menu3 li:first-of-type{animation:menu3 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu3 li:nth-of-type(2){animation:menu3 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu3 li:nth-of-type(3){animation:menu3 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu3 li:nth-of-type(4){animation:menu3 .3s ease-in-out forwards;animation-delay:1.2s}.main li:hover .menu3 li:nth-of-type(5){animation:menu3 .3s ease-in-out forwards;animation-delay:1.5s}.main li:hover .menu3 li:nth-of-type(6){animation:menu3 .3s ease-in-out forwards;animation-delay:1.8s}.main li:hover .menu3 li:nth-of-type(7){animation:menu3 .3s ease-in-out forwards;animation-delay:2.1s}.main li:hover .menu3 li:nth-of-type(8){animation:menu3 .3s ease-in-out forwards;animation-delay:2.4s}.main li:hover .menu3 li:nth-of-type(9){animation:menu3 .3s ease-in-out forwards;animation-delay:2.7s}.main li:hover .menu3 li:nth-of-type(10){animation:menu3 .3s ease-in-out forwards;animation-delay:3s}.main li:hover .menu3 li:nth-of-type(11){animation:menu3 .3s ease-in-out forwards;animation-delay:3.3s}.main li:hover .menu3 li:nth-of-type(12){animation:menu3 .3s ease-in-out forwards;animation-delay:3.6s}.main li:hover .menu3 li:nth-of-type(13){animation:menu3 .3s ease-in-out forwards;animation-delay:3.9s}.main li:hover .menu3 li:nth-of-type(14){animation:menu3 .3s ease-in-out forwards;animation-delay:4.2s}.main li:hover .menu3 li:nth-of-type(15){animation:menu3 .3s ease-in-out forwards;animation-delay:4.5s}.main li:hover .menu3 li:nth-of-type(16){animation:menu3 .3s ease-in-out forwards;animation-delay:4.8s}.main li:hover .menu3 li:nth-of-type(17){animation:menu3 .3s ease-in-out forwards;animation-delay:5.1s}.main li:hover .menu3 li:nth-of-type(18){animation:menu3 .3s ease-in-out forwards;animation-delay:5.4s}.main li:hover .menu3 li:nth-of-type(19){animation:menu3 .3s ease-in-out forwards;animation-delay:5.7s}.main li:hover .menu3 li:nth-of-type(20){animation:menu3 .3s ease-in-out forwards;animation-delay:6s}@keyframes menu3{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.main li:hover .menu4 li:first-of-type{animation:menu4 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu4 li:nth-of-type(2){animation:menu4 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu4 li:nth-of-type(3){animation:menu4 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu4 li:last-of-type{animation:menu4 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu4{0%{opacity:0;transform:translateX(50px) rotate(-90deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}.main li:hover .menu5 li:first-of-type{animation:menu5 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu5 li:nth-of-type(2){animation:menu5 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu5 li:nth-of-type(3){animation:menu5 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu5 li:nth-of-type(4){animation:menu5 .3s ease-in-out forwards;animation-delay:1.2s}.main li:hover .menu5 li:nth-of-type(5){animation:menu5 .3s ease-in-out forwards;animation-delay:1.5s}.main li:hover .menu5 li:nth-of-type(6){animation:menu5 .3s ease-in-out forwards;animation-delay:1.8s}.main li:hover .menu5 li:nth-of-type(7){animation:menu5 .3s ease-in-out forwards;animation-delay:2.1s}.main li:hover .menu5 li:nth-of-type(8){animation:menu5 .3s ease-in-out forwards;animation-delay:2.4s}@keyframes menu5{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0)}}.main li:hover .menu6 li:first-of-type{animation:menu6 .3s ease-in-out forwards;animation-delay:.2s}.main li:hover .menu6 li:nth-of-type(2){animation:menu6 .3s ease-in-out forwards;animation-delay:.4s}.main li:hover .menu6 li:nth-of-type(3){animation:menu6 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu6 li:last-of-type{animation:menu6 .3s ease-in-out forwards;animation-delay:.8s}@keyframes menu6{0%{opacity:0;transform:scale(2)}100%{opacity:1;transform:scale(1)}}.white-mode{text-decoration:none;padding:7px 10px;background-color:#122;border-radius:3px;color:#fff;transition:.35s ease-in-out;position:absolute;left:15px;bottom:15px;font-family:sans-serif}.white-mode:hover{background-color:#fff;color:#122}