body{font-family:Nunito,sans-serif;color:#222;background-color:#fff;line-height:1.2;font-size:16px}h1{font-size:38px}h2{font-size:32px}h3{font-size:18px}a{text-decoration:none;color:#00aae1}a:hover{color:#098fba}img{max-width:100%;height:auto!important}.hide{display:none!important}.header{background-color:#f4fafd;padding:20px;position:relative}.header .header_in{max-width:1280px;margin:0 auto;display:flex;align-items:center}.header .logo{flex:0 0 200px}.header .menu{margin-left:auto;display:flex}.header .menu p{display:none}.header ul{display:flex;flex-wrap:wrap}.header ul li{padding:0 0 0 10px;margin:10px 0}.header ul li a{font-weight:700;color:#222;padding:12px 14px;border-radius:25px}.header ul li a:hover{color:#000}.header ul li a:active{position:relative;top:2px}.header ul li.login{padding:0 0 0 25px}.header ul li.login a{background-color:#fff;color:#222;padding:12px 25px 12px 20px}.header ul li.login a:hover{color:#000}.header ul li.login i{margin:0 10px 0 0}.header ul li.play{padding:0 0 0 15px}.header ul li.play a{background-color:#64b42d;color:#fff;padding:12px 25px 12px 20px}.header ul li.play a:hover{background-color:#559c24}.header ul li.play i{margin:0 10px 0 0}.footer{padding:80px 30px 0 30px;background-color:#f4fafd;color:#222;position:relative}.footer .footer_in{max-width:1280px;margin:0 auto}.footer a{color:#222}.footer a:hover{color:#000;text-decoration:underline}.footer b{color:#000}.footer .footer_top{display:flex;padding:0 0 50px 0}.footer .footer_top .about{flex:4;padding:0 80px 0 0}.footer .footer_top .about p{padding:15px 0 0 0;line-height:1.5}.footer .footer_top .col{flex:2;padding:0 0 0 50px}.footer .footer_top .col h3{font-weight:800;color:#222;padding:0 0 25px 0}.footer .footer_top .col p{padding:5px 0}.footer .footer_top .col i{color:#ff1f59;margin:0 10px 0 0}.footer .footer_bottom{display:flex;justify-content:space-between;border-top:2px solid rgba(0,0,0,.04);padding:35px 0}.footer .footer_bottom ul li{display:inline-block}.footer .footer_bottom ul li+li{margin:0 0 0 20px}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@media (max-width:1024px){h1{font-size:32px}h2{font-size:28px}h3{font-size:18px}.header .menu p{display:block;display:flex}.header .menu p a{display:block;width:45px;height:45px;line-height:45px;text-align:center;color:#333;border-radius:50%}.header .menu p a:hover{background-color:#fff}.header.active .menu p a{background-color:#354857;color:#fff}.header ul{display:none;flex-direction:column;position:absolute;top:100%;margin:-5px 0 0 0;right:15px;width:300px;max-width:90%;background-color:#fff;padding:15px 15px 25px 15px;border-radius:10px;box-shadow:0 0 15px 0 rgba(0,0,0,.1);z-index:999}.header.active ul{display:flex}.header.active ul::before{content:'';position:absolute;top:-10px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.header ul li{display:block;padding:0;margin:3px 0}.header ul li a{display:block;padding:15px 20px;border-radius:5px}.header ul li.login{padding:25px 0 0 0;border-top:1px solid #eee}.header ul li.login a{padding:15px 24px 15px 19px;border:1px solid #ddd}.header ul li.play{padding:0}.header ul li.play a{padding:16px 25px 16px 20px}}@media (max-width:768px){body{font-size:15px}h1{font-size:24px}h2{font-size:22px}h3{font-size:17px}.footer .footer_top{flex-flow:wrap}.footer .footer_top .about{flex:auto;padding:0 0 40px 0;width:100%}.footer .footer_top .col{flex:auto;width:50%;padding:0}.footer .footer_bottom{flex-direction:column;text-align:center}.footer .footer_bottom ul{padding:20px 0 0 0}}