﻿@charset "utf-8";
/* 全局样式 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0;padding:0;}
body{font: 14px/1.5 "Arial","Microsoft YaHei","SimSun"; color:#666;background:#808998 url(../Images/body_top.jpg) no-repeat center 42px;}
header, footer, article, section, nav, menu, hgroup {display: block;}
h1 { font-size: 20px;}
h2,h3 {font-size: 14px;}
em,i {font-style:normal; font-weight:normal; }
ul, ol, li {list-style:none; }
input,select,textarea,img{vertical-align:middle;outline:none;border:0;}
img {font-size:0; line-height:0; border:0; vertical-align: middle;}
.clear:after {content: ''; font-size: 0; height: 0; display: block; visibility: hidden; clear: both;}
.clear {zoom:1;}
.textct {text-align:center;}
.fl {float:left;}
.fr {float:right;}
.mg-t10 {margin-top:10px;}
.mg-t20 {margin-top:20px;}
.mg-t30 {margin-top:30px;}
.mb10 {margin-bottom:10px;}
.pd-Lr20 {padding:0 20px;}
.mg-L30 {margin-left:30px;}
.zm {overflow:hidden; zoom:1;}
.text-indent {text-indent: -999px; display: block;}
.none {display: none;}
.position{position:relative;+z-index:1;}
.border-lf {margin-bottom:30px;padding-left:30px;border-left:1px solid #d2d2d2;}
.border-rt {min-height:1225px;height:auto !important;_height:1225px;margin-bottom:30px;padding-right:30px;border-right:1px solid #d2d2d2;overflow:visible;}
.ft12 {font-size:12px;}
/* 链接样式 */
a {color:#333;text-decoration:none;}
a:hover {color:#1062b8;}
a.more {color:#666;font-weight:normal;float:right;}
a.more:hover {color:#1062b8;}
/* 背景图片 */
.iconbg{background:url(../Images/iconbg.png) no-repeat;}
.downbg{background:url(../../downbg.png) no-repeat;}
#header .syt {background-position:-342px -3px;}
#header .syt:hover {background-position:-342px -69px;}
.star-icon {height:10px;background:url(../Images/star.png) repeat-x;}
/* 布局样式 */
.wrap {font-size:12px;width: 980px; margin: 0 auto;}
.layout,.w-1020 {margin-left:auto;margin-right:auto;}
.w-1020 {width:1020px;}
.layout {width:980px;padding:0 20px;background:rgba(255,255,255,.9);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5FFFFFF,endcolorstr=#e5FFFFFF);}
.w-445 {width:445px;margin-left:25px;}
.w-650 {width:650px;}
.w-300 {width:300px;}
.w-305 {width:305px;}
.w-620 {width:620px;}
/* 头部样式 */
#header {font-size:0;margin-top:288px;text-align:right;background:none;}
#header a {font-size:15px;color:#FFF;font-weight:bold;width:102px;line-height:54px;text-align:center;margin-left:20px;padding-left:52px;display:inline-block;background-position:-2px -2px;}
#header a:hover {background-position:-2px -69px;}
#header .iphone {background-position:-172px -3px;}
#header .iphone:hover {background-position:-172px -69px;}
#header .android-nodown,#header .android-nodown:hover {background-position:-2px -134px;}
#header .iphone-nodown,#header .iphone-nodown:hover {background-position:-172px -134px;}
/* 导航样式 */
.nav {line-height:58px;background:rgba(255,255,255,.9);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5FFFFFF,endcolorstr=#e5FFFFFF);}
.nav li {float:left;}
.nav li a {color:#000;font-size:22px;font-weight:bold;padding:0 25px;display:block;}
.nav li a:hover,.nav .current a {color:#FFF;background:#1062b8;}
.search {width:272px;height:46px;margin:5px 6px 0 0;background-position:-2px -3px;overflow:hidden;}
.search-input {color:#666;width:209px;margin:5px;padding:10px 0;text-indent:10px;}
.searchbtn {width:43px;margin:5px;padding:10px 0;background:none;cursor:pointer;}
/* 文字列表 */
.mod-hd {line-height:38px;border-top:2px solid #1062b8;}
.mod-hd h2,.mod-hd .screenshot-hd .hover {color: #FFF;font-size:18px;font-weight:bold;background:#1062b8;padding:0 15px;float:left;}
.mod-hd ul {margin:8px 0 0 160px;display:inline;}
.mod-hd li {font-size:18px;font-weight:bold;line-height:30px;margin-right:15px;padding:0 10px;float:left;display:inline;cursor:pointer;}
.mod-hd .hover {color:#1062b8;background:#FFF;}
.mod-list {line-height:30px;}
.mod-list li {height:30px; padding-left:10px;background:url(../Images/li_bg.gif) no-repeat 0 13px;overflow: hidden;}
.mod-list li span {font-size:12px;color:#666;margin-left:10px;float:right;}
.li-border {margin-bottom: 15px;padding-bottom: 15px;border-bottom:1px solid #d2d2d2; }
.w-445 h1 {height:26px;line-height:26px;margin:15px 10px;overflow:hidden;}
.w-445 h1 a {color:#1062b8;font-weight:bold;}
/* 图文版块 */
.mod-img-list {text-align: center; line-height: 25px;overflow:hidden;}
.mod-img-list li {width:114px; margin:15px 20px 0 0;float: left;}
.mod-img-list li p{height:25px;overflow: hidden;}
.img-box img  {display:block;}
/* 二维码下载 */
.code i,.code em{background:url(../Images/codebg.jpg) no-repeat;display:block;}
.code a {line-height:28px;display:block;}
.code i {width:180px;height:205px;}
.code em {font-weight:bold;color:#000;width:180px;height:28px;background-position:0 -205px;}
.code a:hover em {background-position:-182px -205px;}
.code .iphone i {background-position:-182px 0;}
.list-code a {float:left;}
.list-code i {width:145px;height:175px;background-position:-365px 0;}
.list-code em {width:145px;height:28px;background-position:-365px -175px;}
.list-code a:hover em {background-position:-514px -175px;}
.list-code .iphone {margin-left:10px;}
.list-code .iphone i {background-position:-514px 0;}
/* 游戏简介 */
.introduction img {margin-right:15px;}
.introduction h2 {color:#333;font-size:18px;font-weight:bold;}
.starbg {width:60px;margin-left:20px;display:inline-block;*display:inline;*zoom:1;_margin-top:-15px;background-position:0 -11px;overflow:hidden;}
.starbg em {display:block;}
.introduction p {font-size:12px;height:18px;line-height:18px;margin-top:5px;overflow:hidden;}
.introduction .text {font-size:14px;color:#1062b8;font-weight:bold;height:28px;line-height:28px;margin:10px 0 0 0;background:#f5f5f5;border-top:1px dashed #b2b2b2;border-bottom:1px dashed #b2b2b2;}
/*  焦点图   */
.banner {height:300px;position: relative;overflow:hidden;}
.banner-img li {float: left; position: absolute; z-index: 1;}
.title-bg {width:100%; height:60px;background:#353535;overflow:hidden;}
.text-link{width:100%;color:#FFF; position:absolute; height: 30px;line-height: 30px; top:222px;overflow:hidden; display: block;left:0;}
.banner .text-link {width:300px;margin:0 10px;top:250px;}
.banner-number {position: absolute; right:0; bottom:5px; z-index: 3;}
.banner-number li {float: left;}
.banner-number li a {width: 15px; height: 15px;text-indent: -9999px; background: #515151;margin-right: 5px; display: block;overflow:hidden;}
.banner-number .on a,.banner-number a:hover {background: #1062b8;}
.banner-prev,.banner-next {width:20px;height:31px;z-index:1000;text-indent:-99999px; background:url(../Images/banner_arrow.png) no-repeat;position:absolute;top:35%;}
.banner-prev {background-position: -2px 0; left:15px;}
.banner-next {background-position: -26px 0; right:15px;}
.banner-prev:hover {background-position: -1px -33px;}
.banner-next:hover {background-position: -25px -33px;}
/*  英雄图鉴  */
.illustrations {_width:670px;margin-right:-20px;}
/*  新手指南  */
.guide-list {_width:310px;margin-right:-10px;overflow:hidden;}
.guide-list li {width:90px;height:30px;line-height:30px;margin-right:7px;padding-right:5px;border-right:1px solid #d2d2d2;float:left;overflow:hidden;}
/*  游戏资讯  */
.game-news li {width:auto;margin-right:0;text-align:left;}
.game-news .img-box {margin-right:10px;}
.game-news li h3 {height:25px;margin-bottom:5px;overflow:hidden;}
.game-news li p {height:40px;line-height:20px;}
/*  视频截图  */
.mod-hd .screenshot-hd {margin:0;}
.mod-hd .screenshot-hd li {line-height:38px;color:#333;margin:0;}
.screenshot-bd {_width:1000px;margin-right:-20px;padding-bottom:15px;}
.screenshot-bd li {width:180px;}
/*  当前位置  */
.crumb {line-height:25px;}
.crumb a {color:#666;}
.crumb a:hover {color:#d50201;}
.crumb i {padding: 0 5px;}
/*  分页  */.tc{ text-align:center}
.page_box {padding:10px 0 20px;line-height:28px;}
.page_box a,.page_box span {margin:0 2px;padding:0 10px;background:#FFF;display:inline-block;*display:inline;*zoom:1;border: 1px solid #d2d2d2;}
.page-box a:hover {color:#FFF;background:#50bf52;}
.page_box span {color:#FFF;background:#50bf52;border-color:#50bf52;}
/*  特色专区推荐  */
.title {color:#000;font-size:18px;line-height:29px;border-bottom:2px solid #1062b8;}
.features-area {_width:310px;margin-right:-10px;}
.features-area li {width:145px;margin:10px 10px 0 0;}
/* 重磅推荐  */
.title em { width:15px;height:15px;margin:6px 5px 0 0;background-position:-289px -21px;-moz-transition: -moz-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out; float: left;}
.title a {font-size:14px;}
.title a:hover em {-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.heavy li {width:100px;margin:0;}
.heavy li .down {color:#666;height:22px;line-height:22px;background:#FFF;border:1px solid #e2e2e2;border-radius:4px;}
.heavy li a {width:70px;padding:10px 15px;display:block;}
.heavy li a:hover {background:#f5f5f5;}
.heavy li a:hover .down {color:#FFF;background:#22bf25;border-color:#11af14;}
.w-620 .heavy {margin-right:-25px;}
.w-620 .heavy li {margin-right:5px;}
/* 精彩专题  */
.hot-topics li {width:300px;margin:10px 0 0;position:relative;}
.hot-topics li p {width:280px;margin:0 10px;color:#FFF;position:absolute;bottom:0;left:0;}
/* 新游评测  */
.reviews {_width:320px;margin-right:-20px;padding-bottom:10px;border-bottom:1px dashed #b2b2b2;}
.reviews li {width:140px;margin:10px 20px 0 0;}
.reviews li p {height:36px;line-height:18px;margin-top:5px;}
.ft12 li {height:25px;line-height:25px;background-position:0 10px;}
/* 新闻详情 */
.news-content {color:#333; line-height:24px; margin:10px 0;}
.news-content p {text-indent:2em; margin:10px 0; word-break:break-all; table-layout:fixed;overflow:visible;}
.news-content img {max-width:600px;display:block;margin:0 auto;}
.news-title {padding:20px 0 15px 0; text-align:center; margin-bottom:15px; border-bottom:1px dotted #b8b8b8;}
.news-title .from,.news-title .from a {color:#999; }
.news-title .from span {margin:0 5px; }
.news-title h1 {font-size:24px; color:#333; margin-bottom:10px; }
.keylink {color:#ff3600;}
.ref-game{padding:20px 10px 10px; background-color:#f5f5f5; border-top:1px dashed #b2b2b2;}
.s-count i{display:inline-block; margin-left:10px;}
.rg-info {position:relative;}
.rg-info .pic {float:left; margin-right:10px;}
.f6 {color: #666;}
.ico-58 {width: 58px;position: relative;display: block;}
.ico-58 img {width: 58px; height: 58px; display: block;}
.ico-58 .mask, .ico-58 .mask-g {width: 58px; height: 58px;cursor: pointer; background: url(../Images/58_mask.png) no-repeat; position: absolute; left: 0; top: 0; }
.ico-58 .mask-g {background-image: url(../Images/58_mask_g.png);}
.s-count {color: #f86239;line-height: 18px;}
.s-count .starbg {margin:0 10px 0 0;}
.rg-down,.rg-gift {position: absolute; top: 24px; display: block; width:50px; text-align:center; height: 30px; line-height:30px; color: #fff; background: #56C358; border: 1px solid #3EB140; }
.rg-down {right: 0;_right:100px;}
.rg-gift {right: 60px; _right:160px;}
.rg-down:hover,.rg-gift:hover {background: #3EB140; color:#fff; text-decoration:none; }
.rg-info .go_down {position:absolute; right:0px; top:10px; }
.rg-name {font-size:14px;font-weight:bold; margin-bottom:3px; line-height:18px; }
.rg-keys {width:400px;height: 22px; line-height:22px; overflow: hidden;}
.rg-keys a {color:#666; display:inline-block; padding:0 5px; }
.ref-box{line-height:36px; border-bottom:1px dashed #b2b2b2;margin:0 0 15px; padding:10px 0;}
.ref-box .tags a {color:#45a506; padding-right:8px; }
.col2 {width:280px; padding:0 10px; overflow:hidden; }
.col2 p {overflow:hidden; height:36px; }
.jiathis-style {margin-top:5px;}
.details-title {color:#333;padding-bottom:10px;}
/*  相关阅读 */
.related {padding-bottom:15px;border-bottom:1px dashed #b2b2b2;}
.related-list {margin-right:-30px;}
.related-list li {width:290px;margin-right:20px;background-image:url(../Images/news_icon.gif);float:left;}
/* 底部样式 */
#footer {padding: 15px 0 30px; text-align:center;}
#footer p {padding-top:10px;}
#footer p i {color:#aaa;padding:0 10px;}
#footer p a{color:#aaa;}
#footer p a:hover{color:#FFF;}

.ads_tb{ width:100%; border:1px solid #d3d3d3; margin-bottom:20px;}
.ads_tb td{ border:1px solid #d3d3d3; border-width:0 1px 1px 0; line-height:32px; height:32px; text-align:center;}
.ads_tb td a{ color:#c00;}