/* CSS Document */
/**公共样式**/
.main1200 { width: 1200px; margin: 0 auto }
.fl { float: left }
.fr { float: right }
.mid-tit { width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #ebebeb; }
.mid-tit h3 { display: inline-block; height: 40px; border-bottom: 2px solid #ff7800; float: left; font-size: 18px; }
.mid-tit .more { float: right; margin-right: 15px; }
.star0 { background: url(../images/litterStar.png) 0px 4px no-repeat }
.star1 { background: url(../images/litterStar.png) 0px -23px no-repeat; }
.star2 { background: url(../images/litterStar.png) 0px -48px no-repeat }
.star3 { background: url(../images/litterStar.png) 0px -74px no-repeat }
.star4 { background: url(../images/litterStar.png) 0px -100px no-repeat }
.star5 { background: url(../images/litterStar.png) 0px -126px no-repeat }
/**分页**/
.page, .detail_page { text-align: center; width: 100%; height: 32px; margin: 20px 0; }
.page a, .page span, .detail_page a, .detail_page span { background-color: #fff; display: inline-block !important; height: 30px; padding: 0 10px; font-size: 14px; color: #999; margin: 0 3px; text-align: center; line-height: 30px; border: 1px solid #ededed }
.page .active, .page .current, .page a:hover, .page span:hover, .detail_page .active, .detail_page .cur, .detail_page a:hover, .detail_page span:hover { color: #fff !important; background-color: #ff6600 }
/**评论**/
.comment { overflow: hidden; zoom: 1; padding-bottom: 20px; }
.comment .user-pic { width: 54px; height: 54px; border: 1px solid #ddd; float: left }
.comment .user-pic img { width: 54px; height: 54px; }
.comment li .text { float: right; width: 805px; }
.comment #user { height: 30px; line-height: 30px; border: 1px solid #ddd; margin: 15px 0; text-indent: 15px; }
.comment textarea { width: 98%; height: 80px; border: 1px solid #ddd; text-indent: 15px; padding: 10px 0; color: #999 }
.comment .bot { height: 40px; line-height: 40px; color: #999; margin-top: 15px; }
.comment .bot span { float: left }
.comment #btn { cursor: pointer; float: right; margin-right: 15px; display: inline-block; height: 40px; line-height: 40px; width: 160px; background: #ff7800; border: none; color: #fff; font-size: 16px; text-align: center; border-radius: 5px; text-align: center }
.comment #btn:hover { background-color: #e57109 }
.comment-list { overflow: hidden; zoom: 1; margin-top: 10px; width: 98% }
.comment-list li { border-bottom: 1px dashed #ddd; padding-bottom: 10px; float: left; width: 100% }
.comment-list li .name { font-size: 16px; float: left }
.comment-list li .zan { float: right; font-size: 12px; color: #999; display: inline-block; height: 18px; line-height: 18px; margin-top: 6px; padding: 0 10px 0 20px; background: url(../images/reply.png) 0px 1px no-repeat; cursor: pointer }
.comment-list li .zan:hover { background: url(../images/reply.png) 0px -15px no-repeat; }
.comment-list .time { height: 30px; line-height: 30px; color: #999; text-align: right }
.comment-list .hfbtn { cursor: pointer; margin-left: 20px; color: #5e7dd5 }
.comment-list .hfbtn:hover { color: #ff7800; text-decoration: underline }
.comment-list .info { padding-left: 6px; line-height: 26px; }
.comment-list .user { padding-left: 6px; height: 30px; line-height: 30px; background-color: #f9f9f9; margin-bottom: 6px; }
.comment .gdmore { clear: both; width: 100%; text-align: center; height: 30px; line-height: 30px; margin-top: 15px; color: #999; font-size: 16px; cursor: pointer }
.comment .gdmore:hover { color: #ff7800; ; text-decoration: underline }
/**head**/
.topbar { height: 39px; background-color: #fafafa; border-bottom: 1px solid #ebebeb }
.topbar-main { height: 39px; line-height: 39px; font-size: 12px; color: #5b5b5b }
.topbar .fl { display: inline-block; width: 260px; }
.topbar .fr { display: inline-block; width: 305px; }
.topbar .schome { display: inline-block; float: left }
.topbar .schome span { margin: 0 10px; cursor: pointer }
.topbar .schome span:hover { color: #ff7700 }
.topbar .mobile { float: right; background: url(../images/home_ico.png) 0px 10px no-repeat; padding-left: 20px; margin-left: 30px; }
.head { background-color: #fff; height: 110px; }
.head .logo { height: 62px; width: 374px; margin: 24px 0 0 20px }
.head .serbox { width: 596px; height: 36px; line-height: 36px; border: 2px solid #ff7800; margin-top: 35px; }
#searchBox { float: left; height: 36px; line-height: 36px; width: 470px; border: none; text-indent: 15px; outline: none; }
#searchBtn { cursor: pointer; float: right; height: 36px; line-height: 36px; width: 120px; background: #ff7800; text-align: center; font-size: 16px; color: #fff; border: none }
#searchBtn:hover { background-color: #e96f03 }
.nav { height: 45px; background-color: #46505b }
.nav .nav-ul { }
.nav li { width: 133px; float: left; height: 45px; line-height: 45px; }
.nav li a { text-align: center; display: block; line-height: 45px; color: #fff; font-size: 18px; }
.nav .active { background-color: #000; height: 42px; border-bottom: 3px solid #ff7800 }
/**foot**/
.foot { height: 120px; background-color: #46505b; text-align: center; padding-top: 30px; }
.foot p { color: #c9c9c9; height: 30px; line-height: 30px; margin-bottom: 10px; }
.foot p a { color: #fff; font-size: 16px; margin: 0 15px; }
.foot p a:hover { color: #ff7800; }
/**频道样式**/
.cata-l { width: 885px; float: left }
.cata-r { width: 300px; float: right; }
.goback { height: 50px; line-height: 50px; color: #666 }
/**相关游戏**/
.ngzGame { border: 1px solid #e1e1e1; background-color: #fbfbfb; overflow: hidden; zoom: 1; padding: 15px; padding-bottom: 20px; margin-bottom: 10px; }
.ngzGame .pic { width: 120px; height: 120px; float: left }
.ngzGame .nzgamex { width: 400px; float: left; margin: 0 20px; }
.ngzGame .ngzGame2 { width: 230px; height: 120px; margin-top: 15px; padding-left: 20px; border-left: 1px solid #e1e1e1; float: left }
.ngzGame .pic img { width: 120px; height: 120px; }
.nzgamex .namep { height: 40px; width: 100%; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; font-size: 12px; }
.nzgamex .namep .name { display: inline-block; height: 40px; width: 280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; font-size: 18px; }
.nzgamex .namep .nub { color: #eb3949; font-size: 18px; }
.nzgamex .namep .getBtn { display: inline-block; height: 24px; width: 50px; background-color: #fef3f1; line-height: 24px; text-align: center; color: #eb3949; margin-left: 10px; }
.nzgamex .namep .getBtn:hover, .nzgamex .bqp a:hover { color: #fff; background-color: #eb3949 }
.nzgamex .nzgamey { overflow: hidden; zoom: 1; }
.nzgamex .nzgamey li { width: 200px; float: left; height: 24px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nzgamex .nzgamey li a { color: #eb3949; }
.nzgamex .bqp { height: 24px; width: 100%; margin-top: 5px; }
.nzgamex .bqp a { display: inline-block; height: 22px; padding: 0 10px; line-height: 22px; font-size: 14px; border: 1px solid #e1e1e1; color: #4c8bdb; font-weight: bold; margin-right: 10px; }
.ngzGame2 a { position: relative; display: inline-block; margin-bottom: 10px; margin-top: 10px; width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center }
.ngzGame2 a em { display: inline-block; height: 38px; width: 38px; position: absolute; left: 0; top: 0; }
.ngzGame2 .az { background-color: #aacd06 }
.ngzGame2 .az em { background: #87a400 url(../images/zq_ico.png) 5px 5px no-repeat; }
.ngzGame2 .pg { background-color: #3ab2ff }
.ngzGame2 .pg em { background: #2f8fcc url(../images/zq_ico.png) 5px -42px no-repeat; }
.ngzGame2 a:hover { opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.aboutNews .tit { background: url(../images/zq_ico.png) 5px -517px no-repeat }
.aboutNews ul { padding: 0 10px; }
.aboutNews li { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
/**返回顶部**/
#go_top { display: none; position: fixed; right: 0; bottom: 40px; cursor: pointer; width: 45px; height: 45px; border: 2px solid #e2e2e2; background: #f8f8f8 url(../images/gotop.png) 5px 12px no-repeat; _position: absolute; _bottom: auto; _margin-bottom: 40px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
#go_top:hover { background: #dedede url(../images/gotop.png) 5px 12px no-repeat; }
/**图片查看**/
.game-pic li { width: 286px; margin-right: 15px; float: left }
.game-pic li img { width: 100%; height: 100%; cursor: pointer }
.game-pic-main { width: 100%; overflow: hidden; position: relative; margin: 15px 0; }
.game-pic-main ul { width: 200%; overflow: hidden; position: absolute; left: 0; top: 0; }
.game-pic-main .btn, #big-pic .btn { cursor: pointer; position: absolute; top: 70px; display: inline-block; width: 30px; height: 50px; z-index: 999; display: none }
.game-pic-main .prev, #big-pic .prev { background: #333 url(../images/zq_ico1.png) -3px -285px no-repeat; left: 0; }
.game-pic-main .next, #big-pic .next { background: #333 url(../images/zq_ico1.png) 2px -355px no-repeat; right: 0; }
.game-pic-main .btn:hover, #big-pic .close:hover, #big-pic .btn:hover { background-color: ff7800 }
.mid-news ul { overflow: hidden; padding: 10px; }
.mid-news li { height: 35px; line-height: 35px; overflow: hidden; border-bottom: 1px dashed #ededed; }
.mid-news li:last-child { border-bottom: none }
.mask { width: 100%; height: 100%; position: fixed; opacity: 0; left: 0; top: 0; z-index: 99999; background-color: #000; }
#big-pic { width: 860px; height: 600px; position: fixed; z-index: 99999999; background-color: #000; display: none; opacity: 0; }
#big-pic .close { display: inline-block; width: 30px; height: 30px; position: absolute; right: -10px; top: -10px; border-radius: 50%; text-indent: -9999px; background: #666 url(../images/zq_ico1.png) 1px -420px no-repeat; cursor: pointer }
.big-ul { width: 640px; height: 440px; margin: 40px auto; overflow: hidden; position: relative }
.big-ul ul { width: 200%; overflow: hidden; position: absolute; left: 0; top: 0 }
.big-ul li { text-align: center; line-height: 440px; display: table-cell; vertical-align: middle; text-align: center; width: 640px; height: 440px !important; line-height: 410px; float: left }
.big-ul img { max-width: 100%; max-height: 100%; line-height: 550px; vertical-align: middle; }
.small-ul { position: absolute; left: 0; bottom: 0; height: 75px; width: 100%; padding: 20px 0; text-align: center; }
.small-ul ul { width: 100%; height: 80px; overflow: hidden; zoom: 1; }
.small-ul li, .small-ul img { display: inline-block; width: 75px; height: 75px !important; }
.small-ul li { position: relative; margin: 0 10px; *display:inline
}
.small-ul li span { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; background-color: #000; opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.small-ul .cur { border: 2px solid #fff; }
.small-ul .cur span { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#big-pic .btn { display: block; top: 245px !important; }
.detail-l .info div.tags{padding-bottom:10px;overflow: hidden;}
.detail-l .info div.tags a { color: #fff; background: #ff7d00; font-size: 13px; margin: 0 5px 5px 0; border-radius: 3px; padding: 0 5px; display: inline-block; height: 24px; line-height: 24px; }