.banner{position:relative;min-width:1200px;height:460px;background:url(/img/gameCenter/baner-bg.jpg) center}.banner .search{position:absolute;left:0;right:0;bottom:56px;margin:0 auto;width:407px;height:42px;padding-left:20px;padding-right:47px;line-height:42px;border:1px solid #333;-webkit-border-radius:10px;border-radius:10px;background-color:#fff}.banner .search .form-control{width:100%;height:100%;font-size:18px;border:0;background-color:transparent}.banner .search .icon{position:absolute;top:7px;right:10px;width:27px;height:27px;background-image:url(/img/icons/search.png?__sprite);cursor:pointer}.game{position:relative;background:url(/img/gameCenter/game-bg.jpg) center}.game ul{z-index:300;position:relative;margin-top:90px;margin-bottom:40px}.game ul li{float:left;width:392px;height:480px;margin-top:20px;margin-left:12px}.game ul li .content{position:relative;height:306px}.game ul li:nth-child(3n+1){margin-left:0}.game ul li.active .content .img,.game ul li.active .text{display:block}.game ul:after{content:"";display:table;clear:both}.game .content{width:100%;height:306px;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.5);box-shadow:2px 2px 10px rgba(0,0,0,.5);-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.game .content .img{display:none;width:100%;height:306px;text-align:center;background-color:rgba(0,0,0,.5)}.game .content .img a{display:inline-block;margin-top:21px;opacity:.7;-webkit-transition:.3s;transition:.3s}.game .content .img a:hover{opacity:1}.game .text{display:none;line-height:1.8;max-height:160px;overflow:hidden}.game .text>h3{margin-top:30px;margin-bottom:8px;text-align:center;font-size:22px;font-weight:700;color:#000}.game .more{margin-top:60px;margin-bottom:80px;text-align:center}.game .more button{display:inline-block;height:30px;line-height:30px;padding:0 10px;font-size:14px;text-align:center;border:0;color:#878787;background-color:#dcdcdc;-webkit-transition:all .2s;transition:all .2s}.game .more button:hover{color:#fff;background-color:#f18d18}