@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 dd a span.rd { background: #2794ef; }
.hot-channels dd a span.cy { background: #997fdd; }
.hot-channels dd a span.zx { background: #f36161; }
.hot-channels dd a span.zt { background: #fd7317; }
.hot-channels dd a span.tj { background: #2aca63; }

.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: 50px; display: block; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 8px 0; }
.grid .gift-list a .mask { float: left; width: 50px; height: 50px; }
.grid .gift-list a .mask img { border-radius: 10px; }
.grid .gift-list a .info { float: left; width: 60%; height: 50px; margin-left: 6px; }
.grid .gift-list a .info div { font-size: 14px; line-height: 17px; word-wrap: break-word; }
.grid .gift-list a .info p { font-size: 12px; line-height: 16px; color: #ff9600; }
.grid .gift-list a .info p em { color: #666; }

/*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 .topic-reviews {/* height: 122px; padding: 15px 0;*/ overflow: hidden; padding: 0 0 15px 0; }
.grid .topic-reviews a { width: 50%; /*height: 127px;*/margin-top: 15px; 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%;/* height: 90px;*/ display: block; overflow: hidden; margin-bottom: 5px; }
.grid .topic-reviews a span img { width: 100%; }
.grid .reviews-list { height: 150px; padding: 7px 0; overflow: hidden; border-top: 1px dashed #e8e8e8; }
.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: 50px; display: inline-block; border-radius: 10px; }
.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; }
/*九宫格导航*/
html{ font-size:10px;}
.nav-icon{ width: 100%; padding-bottom: 15px; overflow: hidden; border-top:#f2f2f2 15px solid;  border-bottom:#f2f2f2 15px solid; }
.nav-icon li{ float: left; width: 25%; margin-top: 15px;}
.nav-icon li a{ display: block; width: 5rem; margin: 0 auto; text-align: center; line-height: 1.8; font-size: 14px;}
.nav-icon .icon-game{ background: url("../images/index_icon_game.png") no-repeat; background-size: 100% 100%;}
.nav-icon .icon-gonglue{ background: url("../images/index_icon_gonglue.png") no-repeat; background-size: 100% 100%;}
.nav-icon .icon-tv{ background: url("../images/index_icon_tv.png") no-repeat; background-size: 100% 100%;}
.nav-icon .icon-bagua{ background: url("../images/index_icon_bagua.png") no-repeat; background-size: 100% 100%;}
.nav-icon .icon-kaice{ background: url("../images/index_icon_kaice.png") no-repeat; background-size: 100% 100%;}
.nav-icon .icon-brand{ background: url("../images/index_icon_brand.png") no-repeat; background-size: 100% 100%;}
.nav-icon .icon-japan{ background: url("../images/index_icon_japan.png") no-repeat; background-size: 100% 100%;}
.nav-icon .icon-event{ background: url("../images/index_icon_event.png") no-repeat; background-size: 100% 100%;}
.nav-icon i{ display: block; width:100%; height:4.375rem;}
/*八卦频道*/
.enter-bagua{ display:block;height: 38px; line-height: 38px; margin-bottom:15px;background: #f6f6f6; border: 1px solid #ddd; text-align: center; color: #999; }