#head{font-size:18px;font-weight:700;border-bottom:1px solid #eee}#head>div{width:1200px;margin:0 auto}#nav{padding:20px}#nav a{color:#2c3e50;padding:0 20px}#nav a.router-link-exact-active{color:#ee3b1b}#main{width:1200px;margin:0 auto;padding-top:30px;min-height:calc(100vh - 186px)}#foot{padding:50px 0;color:#fff;text-align:center;background-color:#17181b}.serice-btn{position:fixed;top:50%;right:10px;width:50px;height:50px;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.serice-btn img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner{height:545px;background-size:cover}.module{margin:50px 0}.module h3{font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.activity-list,.game-list{flex-wrap:wrap}.activity-list>div,.game-list>div{width:33%;margin:0 0 36px 0}.activity-list .img-wrap,.game-list .img-wrap{width:100%;margin-bottom:18px}.activity-list .img-wrap img,.game-list .img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.activity-list .info,.game-list .info{font-size:16px;font-weight:700;cursor:pointer}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none}.flex,.flex-around,.flex-between,.flex-center,.flex-column,.flex-end{display:flex;align-items:center}.flex-1{flex:1}.wrap{flex-wrap:wrap}.end{justify-content:flex-end}.column,.flex-column{flex-direction:column}.flex-center{justify-content:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-end{justify-content:flex-end}