@charset "utf-8";
/* CSS Document */
@import "base.css";
/*热点频道模块*/
.hot-channels { padding: 0 10px; }
.hot-channels dd { height: 38px; border-bottom: 1px dashed #ddd; }
.hot-channels dd a { width: 100%; height: 18px; padding: 10px 0; display: block; overflow: hidden; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; }
.hot-channels dd a span { float: left; width: 32px; height: 18px; display: block; text-align: center; color: #fff; font-size: 12px; margin-right: 5px; }
.hot-channels dd a span.xy { background: #ff9600; }
.hot-channels dd a span.gl { background: #b243ff; }
.hot-channels dd a span.pc { background: #00b533; }
.hot-channels dd a span.sp { background: #2d95ff; }
.hot-channels dd a span.yj { background: #ff3833; }
.hot-channels dt { padding: 15px 0; }
.hot-channels dt a { width: 100%; height: 38px; line-height: 38px; display: block; background: #f6f6f6; border: 1px solid #ddd; text-align: center; color: #999; }
/*广告放置*/
.ad { padding: 15px 0; background: #f2f2f2; border-top: 1px solid #ccc; }
.ad a img { width: 100%; }
/*礼包中心*/
.grid .gift-list { overflow: hidden; padding: 7px 0; }
.grid .gift-list a:nth-child(odd) { float: left; padding-right: 10px; }
.grid .gift-list a:nth-child(even) { float: right; padding-left: 10px; }
.grid .gift-list a { width: 50%; height: 67px; display: block; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 8px 0; position: relative; }
.grid .gift-list a .mask { width: 50px; height: 67px; position: absolute; }
.grid .gift-list a .info { height: 50px; padding-left: 56px; }
.grid .gift-list a .info h4 { font-size: 14px; line-height: 17px; word-wrap: break-word; max-height: 51px; overflow: hidden; }
.grid .gift-list a .info p { font-size: 12px; line-height: 16px; color: #ff9600; }
.grid .gift-list a .info p em { color: #666; }
/*热门游戏*/
.grid .hot-games { overflow: hidden; padding-bottom: 15px; }
.grid .hot-games .row a { width: 75px; height: 84px; line-height: 17px; font-size: 12px; text-align: center; margin-top: 15px; }
.grid .hot-games .row a img { width: 50px; height: 67px; margin: 0 auto; }
/*精彩评测*/
.grid .topic-reviews { overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #e8e8e8; }
.grid .topic-reviews a { width: 50%; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12px; line-height: 16px; }
.grid .topic-reviews a:nth-child(odd) { float: left; padding-right: 10px; }
.grid .topic-reviews a:nth-child(even) { float: right; padding-left: 10px; }
.grid .topic-reviews a span { width: 100%; display: block; overflow: hidden; padding-bottom: 7px; }
.grid .topic-reviews a span img { width: 100%; }
.grid .reviews-list { height: 150px; padding: 7px 0; overflow: hidden; }
.grid .reviews-list li a { width: 100%; height: 30px; line-height: 30px; display: block; overflow: hidden; }
.grid .reviews-list li a span { float: left; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.grid .reviews-list li a em { float: right; color: #999; font-size: 12px; }
/*编辑推荐*/
.grid .game-recommend { padding-bottom: 15px; }
.grid .game-recommend .row a { width: 100px; line-height: 17px; text-align: center; margin-top: 15px; }
.grid .game-recommend .row a img { width: 50px; height: 67px; display: inline-block; }
.grid .game-recommend .row a span, .grid .game-recommend .row a em { line-height: 18px; display: block; }
.grid .game-recommend .row a em { font-size: 12px; color: #666; }
.grid .game-recommend .row a i { width: 58px; height: 28px; line-height: 28px; border: 1px solid #ff9600; border-radius: 15px; display: inline-block; color: #ff9600; }
/*H5游戏*/
.grid .h5-games { overflow: hidden; padding-bottom: 15px; }
.grid .h5-games .row a { width: 75px; height: 67px; line-height: 17px; font-size: 12px; text-align: center; margin-top: 15px; }
.grid .h5-games .row a img { width: 50px; height: 50px; border-radius: 10px; margin: 0 auto; }
/*热门专区*/
.grid .zone-list li { margin-top: 15px; position: relative; overflow: hidden; }
.grid .zone-list li .zone-img img { width: 100%; height: auto; display: block; }
.grid .zone-list li .zone-info { width: 100%; height: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 15px; background: url("../../images/265gm/mask.png") repeat; position: absolute; left: 0; bottom: 0; z-index: 1; }
.grid .zone-list li .zone-info:after { content: ""; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
.grid .zone-list li .zone-info span.zone-icon { width: 50px; height: 50px; display: block; position: absolute; left: 8px; bottom: 8px; z-index: 2; }
.grid .zone-list li .zone-info span.zone-icon img { border-radius: 10px; }
.grid .zone-list li .zone-info h4 { float: left; height: 40px; line-height: 40px; color: #fff; }
.grid .zone-list li .zone-info a { float: right; margin: 5px 8px 5px 0; width: 90px; height: 30px; line-height: 30px; text-align: center; border-radius: 20px; display: inline; color: #fff; }
.grid .zone-list li .zone-info a.blue { background: #0096ff; }
.grid .zone-list li .zone-info a.green { background: #18c338; }
/*游戏排行*/
.rank-box { padding: 15px 0; }
.rank-kind { width: 100%; height: 40px; display: -moz-box; display: -webkit-box; }
.rank-kind span { height: 40px; line-height: 40px; display: block; box-flex: 1.0; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; text-align: center; border: 1px solid #ccc; background: #f2f2f2; color: #999; }
.rank-kind span:nth-child(1) { border-right: none; }
.rank-kind span:nth-child(2) { border-left: none; }
.rank-kind span.hover { background: #e80000; border: 1px solid #e80000; color: #fff; }
.game-rank { padding: 10px 0; }
.game-rank li { padding: 5px 50px 3px 40px; border-bottom: 1px dashed #ccc; position: relative; }
.game-rank li i { width: 40px; text-align: center; font-size: 18px; line-height: 1; color: #999; position: absolute; top: 13px; left: 0; }
.game-rank li i.front { color: #e80000; }
.game-rank li a { height: 36px; display: block; position: relative; }
.game-rank li img { width: 50px; height: 67px; display: block; position: absolute; top: 0; left: 0; }
.game-rank li em { font-size: 12px; line-height: 1; color: #666; position: absolute; right: 0; top: 16px; }
.game-rank li strong { font-size: 16px; font-weight: bold; line-height: 18px; }
.game-rank li p { font-size: 12px; line-height: 18px; color: #666; }