.game-slide { background: url('static/images/game_bg.jpg') top center no-repeat;}
.game-slide .wrap { height: 510px; }
.container .wrap { padding: 50px 0 10px; }
.game-left { width: 908px; float: left;}
.box-title { padding-bottom: 10px; border-bottom: 2px solid #e6e6e6; margin-bottom: 20px; position: relative;}
.box-title .in { height: 60px; border-left: 10px solid #56bde5; overflow: visible; padding-left: 20px; color: #333; font-weight: 500;}
.box-title .in .cn { font-size: 16px; padding-top: 10px;}
.box-title .item { float: left; text-align: center; font-size: 16px; margin: 0 25px; padding: 6px 0; position: relative;}
.box-title .item.active { font-weight: bold; }

.game-left .box-title:after { display: none;}
.box-title:after, .box-title .item.active:after { content: ' '; position: absolute; left: 0; bottom: -2px; width: 130px; height: 2px; overflow: hidden; background: #56bde5;}
.box-title .item.active:after { width: 100%; bottom: -12px;}
.box-wrap { padding: 10px 24px;}


.news-list { }
.news-list li { height: 80px; padding: 20px 6px 20px 26px; font-size: 14px; border-bottom: 2px solid #eee;}
.news-list .tag { color: #fa3b3b; border: 1px solid #fa3b3b; padding: 2px 4px; float: left;}
.news-list .tit { width: 600px; font-size: 16px; color: #333; padding-left: 10px; float: left;}
.news-list .time { color: #888; float: left;}
.news-list .look { float: left; color: #888; margin: 50px 0 0 50px; padding-bottom: 5px; border-bottom: 1px solid #56bde5;}

.game-right { width: 428px; float: right;}

.topgame-list li { height: 76px; overflow: hidden; border-bottom: 2px solid #e6e6e6; }

.topgame-list .img { width: 62px; height: 62px; background: #efefef; border-radius: 4px; overflow: hidden; margin: 7px 14px 0 24px; float: left; }

.topgame-list .name { font-size: 14px; color: #000; }

.topgame-list .info { width: 160px; line-height: 22px; margin-left: 60px; padding-top: 6px; color: #666; float: left; }
.topgame-list .btn { width: 62px; height: 28px; line-height: 28px; text-align: center; color: #52bfeb; border: 2px solid #52bfeb; border-radius: 4px; float: left; margin-top: 22px;}
.topgame-list .btn:hover { color: #fff!important; background: #52bfeb;}
.gzhbox { padding: 36px 0 36px 60px; margin-top: 10px;}
.gzhbox .gzhqrcode { width: 132px; height: 132px; background: #ccc; float: left;}
.gzhbox .info { color: #000; line-height: 40px; padding: 5px 0 0 20px; font-size: 14px; float: left;}
.gzhbox .info span { color: #f00;}
.gzhbox .info em { color: #4bd045;}

.news-content { min-height: 832px;}
.news-content .ctx-hd { text-align: center; padding: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.news-content .ctx-hd .title { font-size: 22px; color: #000; line-height: 60px; font-weight: bold;}
.news-content .ctx-hd .time { color: #888; font-size: 14px;}
.news-content .ctx-bd { font-size: 14px; line-height: 24px; padding: 10px 0 30px;}