/*!
 * Itmo.com
 */
/* 公用全局CSS */
/* Reset */
caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}
input {
  outline: medium;
}
legend {
  color: #000;
}
header,
section,
footer,
nav {
  display: block;
}
/*  base */
* {
  -moz-transition: color 300ms, background-color 300ms;
  -webkit-transition: color 300ms, background-color 300ms;
  -o-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}
body {
  font: 12px/18px "Microsoft YaHei", simSun, "Lucida Grande", "Lucida Sans Unicode", Arial;
}
/* function */
.f-fs1 {
  font-size: 12px;
}
.f-fs2 {
  font-size: 14px;
}
.f-fwn {
  font-weight: normal;
}
.f-fwb {
  font-weight: bold;
}
.f-tal {
  text-align: left;
}
.f-tac {
  text-align: center;
}
.f-tar {
  text-align: right;
}
.f-wsn {
  word-wrap: normal;
  white-space: nowrap;
}
.f-pre {
  overflow: hidden;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.f-wwb {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.f-ti2 {
  text-indent: 2em;
}
.f-tdu,
.f-tdu:hover {
  text-decoration: underline;
}
.f-tdn,
.f-tdn:hover {
  text-decoration: none;
}
.f-toe {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.f-csp {
  cursor: pointer;
}
.f-ovh {
  overflow: hidden;
}
.it-bdr{
  border:1px solid #e7e7e7;
}
#content{
  background:#f4f4f4;
}
#content.content-wrap{ padding-top:0;}
#main{
  position:relative;
  width:1000px;
  margin:0 auto;
  padding-bottom: 20px;
  background:#f4f4f4;
}
#main1200{
  position:relative;
  width:1200px;
  margin:0 auto;
  padding-bottom: 20px;
  background:#f4f4f4;
}
.minHight{
  min-height: 700px;
}
/* container */
.container {
  width: 1000px;
  margin: 0 auto;
}
.container1200{
  width: 1200px;
  margin: 0 auto;
}
.container:after,
.hd:after,
.bd:after,
.mod:after {
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  content: " ";
}
.container,
.hd,
.bd,
.mod {
  zoom: 1;
  clear: both;
}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.mt15{ margin-top:15px;}
.mb15{ margin-bottom:15px;}
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}
/*.layer .container.mt20{
    margin-top:0;
}*/
.plr5 {
  padding: 0 5px;
}
.pl5 {
  padding-left: 5px;
}
.p20 {
  padding: 20px;
}
.p15 {
  padding: 0 15px 15px 15px;
}
.pltr20 {
  padding: 20px 20px 0 20px;
  *padding-bottom: 15px;
}
.bgfff {
  background: #fff;
}
.c-red {
  color: #ff4a03;
}
/*  三角形  */
.arrow {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  *zoom: 1;
}
.arrowR {
  border-left-color: #c7c4c4;
  border-right-width: 0;
}
.arrowL {
  border-right-color: #f60;
  border-left-width: 0;
}
.arrowT {
  border-bottom-color: #f60;
  border-top-width: 0;
}
.arrowB {
  border-top-color: #f60;
  border-bottom-width: 0;
}
/* banner */
.banner{height:340px;}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .Left,.banner .Right{ position:absolute; top:150px; width:50px;height:100px;background:url(/images/v2/foc_btn.png) no-repeat; cursor:pointer;}
.bann_ext_w{ position:relative;}
.bann_ext_w .banner-bg{ position:absolute; left:0; bottom:0; width:100%; height:4px; box-shadow:0 -4px 0 rgba(40,43,45,0.45) inset;}
.bann_ext{position:relative;}
.frontCover{position:absolute;bottom:0; left:304px; padding-bottom:4px; color:#fff;}
.frontCover li{ float:left;width:60px;margin-right:10px;cursor:pointer;}
.frontCover .open{ margin-top:-5px;}
.frontCover .img{ position:relative; width:60px; height:60px;overflow:hidden;border-radius:6px; box-shadow:0 4px 0px rgba(0,0,0,0.6);}
.frontCover img{position:absolute;width:60px;height:60px;left:0;}
.frontCover .mask60{ background:#fff; opacity:0.25; border-radius:6px;filter:alpha(opacity=25);  }
.frontCover .open .mask60{ display:none;}
.frontCover .Update-l{ position:absolute; left:0; bottom:0; width:42px; margin-top:32px; padding:8px 0 12px; font-size:20px; line-height:22px; box-shadow:0 -4px 0px rgba(0,0,0,0.6) inset; text-shadow:0 0 3px rgba(0,0,0,0.6);}
.frontCover .Update-r{ float:left; padding-left:60px;}
.Update-bd{ position:relative;}
.Update-bd .Update-hd{ display:none; position:absolute; left:0; top:-35px; width:350px;}
.Update-bd .open .Update-hd{ display:block;}
.Update-bd .Update-hd a{ display:block; overflow:hidden; font-size:18px; color:#fff; line-height:22px; white-space:nowrap; text-overflow:ellipsis; text-shadow:1px 1px 3px #000; }
.Update-bd .Update-hd a:hover{ color:#ff4a03; text-decoration:none; text-shadow:none;}
/*banner(组件)*/
.slide.banner{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c .ban-h{ display:block; height:340px;}
.ban_c .ban_bg{ position:absolute; left:50%; bottom:0; width:1000px; height:340px; margin-left:-500px; background:url(/images/v2/banner-bg.png) no-repeat center bottom;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{ display:none;}
.lr-nav{ position:relative; width:1000px; margin:0 auto;}
.lr-nav .Left{ left:0;}
.lr-nav .Left:hover{ background-position:0 -100px;}
.lr-nav .Right{ right:0; background-position:-50px 0;}
.lr-nav .Right:hover{ right:0; background-position:-50px -100px;}
/*  nav 2016.5.13 */
.nav {
  border-bottom: 3px solid #ffaa24;
  background: #4d4d4d;
}
.nav .nav-con {
  position:relative;
  height: 47px;
  line-height: 47px;
}
.nav .nav-con li{
  float: left;
  display: inline-block;
  text-align: center;
  height: 47px;
  margin-right: 1px;
  width: 140px;
  line-height: 47px;
}
.nav .nav-con .nav-con-con {
  display:inline-block;
  text-align: center;
  height:47px;
  width: 140px;
  line-height: 47px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.nav .nav-con li:hover,
.nav .nav-con li.active,
.nav .nav-con .nav-con-con:hover{
  text-decoration:none;
  background-color: #ffaa24;
  color:#4d4d4d;
}
.nav .nav-con li.active .nav-con-con,
.nav .nav-con li:hover .nav-con-con{
  color:#4d4d4d; 
}
.nav-fixed{ 
  position:fixed; 
  z-index:999999; 
  top:0px;
  width:100%;
}
* html .nav-fixed{ 
  position:absolute;
  _top:expression(documentElement.scrollTop-0);
}
.nav .nav-hovdown{
  display:none;
  position:absolute;
  top:43px;
  padding-top:15px;
  z-index:10;
}
.nav-hovdown .nav-hovdown-in{
  padding:6px 0;
  border-radius: 10px;
  background:#ffaa24;
  box-shadow:1px 2px 5px rgba(0,0,0,0.2);
}
.nav .nav-hovdown a{
  float: left;
  height:26px;
  padding:0 15px;
  line-height:26px;
  font-size:16px;
  font-weight:bold;
}
.nav .nav-hovdown a:hover{
  color:#fff;
  text-decoration: none;
}
.nav .nav-hovdown .it-arrowT,
.nav .nav-hovdown .it-arrowB{
  position:absolute;
  left:40px;
  border:8px dashed transparent;
}
.nav .nav-hovdown .it-arrowT{
  top:-1px;
  border-bottom:8px solid #ffaa24;
}
.nav .nav-hovdown .it-arrowB{
  top:0;
  border-bottom:8px solid #ffaa24;
}
/*  nav 2016.5.13  end*/
/* link */
.mod-link {
  padding: 15px 0 10px 0;
}
.mod-link li {
  line-height: 28px;
  float: left;
}
.mod-link li a {
  display: block;
  padding-right: 30px;
  white-space: nowrap;
  font-size: 14px;
  color: #999;
}
.mod-link li a:hover {
  color: #f30;
}
/*  pages */
.pages {
  padding: 15px 0;
  text-align: center;
}
.pages a {
  display: inline-block;
  margin-right: 6px;
  font-size: 12px;
  padding: 6px 12px;
  letter-spacing: normal;
  background: #fff;
  text-align: center;
  color: #767676;
}
.pages a:hover {
  background: #ff8b3e;
  color: #fff;
  text-decoration: none;
}
.pages span {
  display: inline-block;
  margin-right: 6px;
  font-size: 12px;
  padding: 6px 12px;
  letter-spacing: normal;
  background: #ff8b3e;
  text-align: center;
  color: #fff;
}
/*  提示错误类  */
.error-register {
  color: #f30;
}
/** 实线边框设置 **/
/** 圆角效果 **/
/** 透明度 **/
/** 字体图标css **/
/* sprite 全站背景图 */
.bgtit,
.itmosprite,
.newGame-score,
.star,
.rank-down,
.down-game-btn {
  background: url('/images/v2/sprite.png') no-repeat;
}
/* 新闻内容页图标 */
.ngz-ios,
.ngz-android {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.ngz-ios {
  background-position: -58px -156px;
}
.ngz-android {
  background-position: -32px -156px;
}
/* 日本游戏 频道页图标 */
.jp-android,
.jp-ios {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right:5px;
  vertical-align:-3px;
}
.jp-android {
  background-position: -52px -137px;
}
.jp-ios {
  background-position: -70px -137px;
}
/*  红色小点背景 */
.bglineR li a {
  padding-left: 15px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0QwNDhEMzk0RjdCMTFFNDgwREU5OEJFNTkxMTEzOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0QwNDhEM0E0RjdCMTFFNDgwREU5OEJFNTkxMTEzOTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRDA0OEQzNzRGN0IxMUU0ODBERTk4QkU1OTExMTM5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRDA0OEQzODRGN0IxMUU0ODBERTk4QkU1OTExMTM5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PosRqWYAAAAkSURBVHjaYvw5PebvTgYGtQTmalY9BiB4e4GJyR3EAIoBBBgAkWsHadmXxscAAAAASUVORK5CYII=") no-repeat 5px center;
}
/*  灰色小点背景 */
.bgline li a {
  padding-left: 15px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDY0Q0NGOEY0NDk5MTFFNDgzOTlEQjkxQkJDODcwRjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDY0Q0NGOTA0NDk5MTFFNDgzOTlEQjkxQkJDODcwRjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NjRDQ0Y4RDQ0OTkxMUU0ODM5OURCOTFCQkM4NzBGNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NjRDQ0Y4RTQ0OTkxMUU0ODM5OURCOTFCQkM4NzBGNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl36cz8AAAAXSURBVHjaYjxz5gwDDDAxIAHcHIAAAwB4jAJs4MvVMAAAAABJRU5ErkJggg==") no-repeat 5px center;
}
/* tab 热门游戏 */
/* ========================================================================
   Component: Tab-hot-game
 ========================================================================== */
.tab-hot-game {
  margin: 0 auto 20px;
  background: #fff;
  border: 1px solid #ececec;
  overflow: hidden;
}
.tab-wiki-game{margin-top: 0px;}
.tab-hot-game .tab-hot-hd {
  position:relative;
  width: 100px;
  float: left;
  margin-top:28px;
  padding:5px 0;
  border-right:1px solid #ececec;
  overflow: hidden;
  color:#727272;
  font-size:22px;
  line-height:26px;
  text-align:center;
}
.tab-hot-hd .line{ position:absolute; right:0; top:21px; height:20px; border-left:4px solid #ff682c;}
.tab-hot-game .tab-hot-bd {
  float: left;
  width: 798px;
}
.tab-hot-app li {
  width: 82px;
  height: 90px;
  float: left;
  margin: 20px 6px 8px 11px;
  display: inline;
  text-align: center;
  font-size: 12px;
}
.tab-hot-app.tab-mask li{
  width: 82px;
  margin:10px 0 0 17px;
}
.tab-hot-app a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.tab-hot-app a:hover{
  text-decoration: none;
}
.tab-hot-app a .mask60{
  left:11px;
}
.tab-hot-app.tab-mask a .mask60{
  left:11px;
}
.tab-hot-app a i {
  line-height: 20px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mod-wiki .tab-hot-app.tab-mask{
  display: none;
  margin-left:-6px;
  max-height: 190px;
  overflow: hidden;
}
.mod-wiki .tab-hot-app.tab-mask li{
  margin:10px 0 0 6px;
}
.tab-hot-new{ float:right; width:76px; margin-top:28px; padding:14px 12px; border-left:1px solid #ececec;}
.tab-hot-new .new-btn{ display:inline-block; padding:0 10px; background:#ff4a03; color:#fff; font-size:14px; line-height:34px;}
.tab-hot-new .new-btn:hover{ background:#f60; text-decoration:none;}
/*  攻略专区 */
.raiders-game {
  margin-left: -5px;
}
.tab-hot-app.tab-mask{
  padding-top: 10px;
  padding-bottom: 10px;
}
/* layout */
/* ========================================================================
   Component: layout
 ========================================================================== */
.layout-l {
  width: 430px;
  float: left;
  overflow: hidden;
}
.layout-m{ float:left; margin-left:21px;}
.layout-r {
  width: 320px;
  float: right;
}
.mod-l {
  width: 579px;
  float: left;
  border-right: 1px solid #efefef;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}
.mod-r {
  width: 420px;
  float: right;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}
.grid-l {
  width: 700px;
  float: left;
}
.grid-lNew{
  width: 900px;
  float: left;
}
.grid-r {
  width: 280px;
  float: right;
}
.sidebar-hd{
  padding: 20px 0;
}
.sidebar-hd .sidebar-hd-title {
  border-left: 12px solid #ffaa24;
  padding-left: 10px;
  font-size: 22px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 32px;
}
.sidebar-post-con{
  padding: 0 15px;
}
.sidebar-post-view{
  position: relative;
  text-align: center;
}
.sidebar-post-view .post-view-bt{
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  filter:alpha(opacity=50);
}
.sidebar-post-view .post-view-text{
  position: relative;
  margin: 0 5px;
  font-size: 13px;
  color: #fff;
  line-height: 30px;
}
.sidebar-post-view a:hover .post-view-text{
  color: #f30;
}
.sidebar-post{
  padding: 10px 0;
}
.sidebar-post li{
  padding: 4px 0;
  line-height: 26px;
}
.sidebar-post a{
  font-size: 14px;
  color: #6f6f6f;
  text-decoration: none;
}
.sidebar-post a:hover{
  color: #f30;
}
.sidebar-icon-box{
  padding: 0 26px 10px;
}
.sidebar-icon-list{
  margin-left: -27px;
}
.sidebar-icon-list li{
  float: left;
  width: 100px;
  margin-left: 27px;
  margin-bottom: 5px;
  text-align: center;
}
.sidebar-icon-list a:hover{
  text-decoration: none;
}
.sidebar-icon-list img{
  border-radius: 15px;
}
.sidebar-icon-list .tab-item-text{
  line-height: 30px;
}
#scrollFix{
  width: 280px;
}
/* 旧样式 待删除 */ 
.grid-r .new-info-list{
  padding:14px;
}
.grid-r .new-info-list li a{
  color: #6f6f6f;
}
.grid-r .new-info-list li a:hover{
  color: #f30;
  text-decoration: none;
}
.grid-r .hd-head{
  border-bottom:1px solid #e5e5e5;
}
.grid-r .hd-bighead .bighdbg-item1{
  height:41px;
  padding-left:15px;
  border-bottom:2px solid #ff860f;
}
.grid-r .thumb-mask{
  opacity:0.5;
}
.grid-r .thumb-tit{
  font-size:13px;
}
/* 旧样式 待删除 */ 
/*  攻略专区 */
.mod-slider-l {
  width: 490px;
  float: left;
  overflow: hidden;
}
.mod-news-r {
  width: 490px;
  float: right;
}
/* 游戏内页 */
.grid-g-l {
  width: 280px;
  float: left;
}
.grid-g-r {
  width: 700px;
  float: right;
}
/* 首页轮播图 */
/* ========================================================================
   Component: slider
 ========================================================================== */
/*  公共  (主首页) 幻灯片*/
.sliderBox {
  position: relative;
  width: 430px;
  overflow: hidden;
}
.sliderBox .picBox {
  width: 430px;
  height: 238px;
  overflow: hidden;
}
.sliderBox .picBox li {
  width: 430px;
  height: 238px;
  float: left;
  position: relative;
}
.sliderBox .txtbg,
.sliderBox .txtBox {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 430px;
  height: 40px;
  overflow: hidden;
}
.sliderBox .txtbg {
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.sliderBox .txtBox {
  color: #fff;
}
.sliderBox .txtBox strong {
  width:400px;
  height: 40px;
  padding:0 15px;
  font-size: 16px;
  line-height: 40px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sliderBox .txtBox a {
  color: #fff;
}
.sliderBox .txtBox a:hover{
  text-decoration: none;
  color: #f30;
}
.sliderBox .hd {
  margin-top:10px;
  text-align:center;
}
.sliderBox .hd li {
  background: #ccc;
  display: inline-block;
  width: 34px;
  height:6px;
  margin-right: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *display:inline;
  *zoom:1;
}
.sliderBox .hd li.on {
  background: #ff6b18;
}
.sliderBox .hd li:hover {
  cursor: pointer;
}

/*  攻略专区幻灯片  */
#sliderRaiders {
  position: relative;
  width: 490px;
  height: 265px;
  overflow: hidden;
}
#sliderRaiders .picBox {
  width: 490px;
  height: 265px;
  overflow: hidden;
}
#sliderRaiders .picBox li {
  width: 490px;
  height: 265px;
  float: left;
  position: relative;
}
#sliderRaiders .thumb-mask,
#sliderRaiders .thumb-txt {
  height: 30px;
}
#sliderRaiders .thumb-txt {
  padding-left: 10px;
}
#sliderRaiders .thumb-txt a {
  width: 280px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}
#sliderRaiders .thumb-txt a:hover{
  color: #f30;
  text-decoration: none;
}
#sliderRaiders .hd {
  position:absolute;
  right:0;
  bottom: 12px;
}
/* 资讯列表 */
/* ========================================================================
   Component: news-list
 ========================================================================== */
/* 新闻列表 筛选 */
.mod-news-hd{
  padding-top:20px;
}
.mod-news-hd .newsbox-hd{
  background-color:#ffad00;
}
.mod-news-hd .newsbox-hd a{
  float: left;
  width:90px;
  border-right: 1px solid #ffc855;
  font-size: 14px;
  font-family: "微软雅黑";
  color: #fff;
  line-height: 35px;
  text-align:center;
}
.mod-news-hd .newsbox-hd a:last-child{
  border-right:0;
}
.mod-news-hd .newsbox-hd a:hover,
.mod-news-hd .newsbox-hd a.active{
  background: #ff9000;
  font-weight: bold;
  text-decoration: none;
}

.mod-new-hd {
  border-bottom: 2px solid #ddd;
}
.mod-new-hd .newbox-hd {
  height: 40px;
  margin-left: -6px;
  margin-bottom: -2px;
}
.mod-new-hd .newbox-hd a {
  float: left;
  height: 38px;
  margin: 0 6px;
  line-height: 38px;
  font-size: 16px;
  color: #666;
}
.mod-new-hd .newbox-hd a:hover,
.mod-new-hd .newbox-hd a.active {
  color: #ff4a03;
  border-bottom: 2px solid #ff4a03;
  text-decoration: none;
}
.news-list {
  position: relative;
  margin-left: -20px;
}
.news-list li {
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
}
/* 资讯内容控制 */
.item-list{ margin-left:-17px;}
.item-list .item-con{ float:left; width:152px; margin-left:17px; margin-bottom:14px;}
.item-list .item-thumb img{ width:152px; height:92px;}
.item-list .item-con .item-wrap{ height:45px; padding:8px 4px 0; overflow:hidden;}
.item-list .item-wrap .item-title{ font-size:13px; line-height:21px;}
.item-list .item-wrap .item-title a{ color:#666;}
.item-list .item-wrap .item-title a:hover{ color:#ff4a03; text-decoration:none;}
.item-list .item-wrap .item-title .a-type{ color:#ff4a03;}
.news-con {
  width: 320px;
  height: 365px;
  background: #fff;
}
.news-con .news-thumb img {
  display: block;
  width: 320px;
  height: 192px;
}
.news-con .new-wrap {
  padding: 12px;
}
.news-con .news-title a {
  line-height: 26px;
  font-size: 16px;
}
.news-con .news-title a.a-type {
  color: #ff4a03;
  padding-right: 5px;
}
.news-con .author {
  height: 26px;
  overflow: hidden;
  line-height: 26px;
  color: #999;
}
.news-con .author span {
  padding-right: 4px;
}
.news-con .new-info {
  overflow: hidden;
  line-height: 22px;
  font-size: 12px;
  color: #666;
}
.layout-m .news-con{ width:208px; height:254px; background:#fffefc;}
.layout-m .news-con .news-thumb img{ width:208px; height:125px;}
.layout-m .news-title a{ line-height:22px; font-size:16px; color:#333;}
.layout-m .news-title a:hover{ color:#f30; text-decoration:none;}
.layout-m .index-bg-por{ height:104px; padding:12px;}
/* 日本资讯 */
.japan-mod-news{ float:left; width:660px;}
.hd-head .flip{ float:right; margin-top:20px; width:90px;}
.hd-head .flip .pre,
.hd-head .flip .next{ float:left; width:18px; height:18px; background:url(/images/v2/flip.png) no-repeat;}
.hd-head .flip .pre-cur{ background-position:-20px 0;}
.hd-head .flip .next{ margin-left:4px; margin-right:10px; background-position:0 -20px;}
.hd-head .flip .next-cur{ background-position:-20px -20px;}

/* 国内资讯 */
.domestic-mod-news{
  float:right;
  width:320px;
}
.domestic-mod-news .item-list{
  margin-left:-16px;
}
.domestic-mod-news .item-list li{
  margin-left:16px;
}
/* 11区2ch 资讯 */
.ch-mod-news{ width:660px; float:left;}
.ch-mod-news .item-list{ width:338px; float:left;}
/* 11区2ch 资讯列表 */
.chinfo-list-wrap{ float:right; width:290px; margin-top:9px; padding:15px; border:1px solid #ececec;}
.chinfo-list-wrap .new-info-list li a{ width:275px;}
/* 潮流 */
.trend-mod-news{ width:490px; float:left;}
.trend-con{ height:92px; margin-bottom:20px;}
.trend-con .trend-thumb{ float:left;}
.trend-con .trend-thumb img{ width:152px; height:92px;}
.trend-con .trend-wrap{ width:320px; float:right;}
.trend-con .trend-wrap .trend-title{ font-size:16px; color:#000;  line-height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.trend-con .trend-wrap .trend-info{ height:55px; overflow:hidden; color:#666;}
.trend-con .trend-wrap .details{ font-weight:bold; color:#ff682c;}
/*专区*/
.zq-raiders{ width:490px; float:right;}
.zq-list{ margin-left:-17px;}
.zq-list .zq-item{ width:152px; height:92px; position: relative; float:left; overflow: hidden;margin: 0 0 20px 17px;}
.zq-list .zq-item .zq-thumb .thumb-txt{ color:#fff;}
.zq-list .zq-item .zq-thumb:hover .thumb-txt{ color:#f30;}
.zq-list .zq-item img{ width:152px; height:92px;}
/* 资讯列表 */
.info-list-wrap{
  float:right;
  width:290px;
  padding:15px 15px 14px;
  border:1px solid #ececec;
}
.info-list-wrap .new-info-list li a{
  width:275px;
  padding:0 15px;
}
/*  新闻列表页  内容小列表区域 */
.mod-new-list .news-con {
  width: 220px;
  height: 300px;
  background: #fff;
}
.mod-new-list .news-con .news-thumb img {
  display: block;
  width: 220px;
  height: 132px;
}
.mod-new-list .news-con .news-title{
  height: 40px;
  overflow: hidden;
}
.mod-new-list .news-con .news-title a {
  line-height: 20px;
  font-size: 14px;
}
.mod-new-list .news-con .author {
  padding: 4px 0;
}
.mod-new-list .news-con .new-info {
  line-height: 24px;
  word-break:break-all;
}
/* 攻略专区频道页 新闻列表  */
.mod-news-raiders .news-con {
  width: 235px;
  height: 265px;
  background: #fff;
}
.mod-news-raiders .news-con .new-wrap {
  padding: 6px 12px 12px;
}
.mod-news-raiders .news-con .news-thumb img {
  display: block;
  width: 235px;
  height: 140px;
}
.mod-news-raiders .news-con .news-title {
  padding-bottom: 5px;
}
.mod-news-raiders .news-con .news-title a {
  line-height: 22px;
  font-size: 14px;
}
.mod-news-raiders .news-con .new-info {
  line-height: 22px;
}
/*  列表文字超出显示效果 */
.index-bg-por,
.newList-bg-por,
.raiders-bg-por {
  position: relative;
  word-break: break-all;
  overflow: hidden;
}
.index-bg-por {
  height: 148px;
}
.newList-bg-por {
  height: 143px;
}
.raiders-bg-por {
  height: 106px;
}
.art-bg-bottom {
  position: absolute;
  width: 100%;
  height: 25px;
  background: url('/images/v2/p-meta-mask.png') repeat-x;
  bottom: 0;
  left: 0;
  z-index: 10;
}
/* 首页区块标题 */
/* ========================================================================
   Component: hd-head
 ========================================================================== */
.hd-head {
  position:relative;
  height: 42px;
  line-height: 42px;
  border-bottom: 2px solid #dedede;
}
.hd-head .hd-title {
  width: 120px;
  height: 42px;
  overflow: hidden;
  float: left;
}
.hd-head .hd-title h2 {
  font-size: 20px;
  color: #333;
}
.hd-head .hd-title .bgtit {
  display: inline;
  float: left;
  width: 31px;
  height: 31px;
  margin: 4px 6px 0 0;
}
.hd-head a {
  float: right;
  margin-top:8px;
  font-size: 14px;
  color: #666;
}
.hd-head .flip a{
  margin-top:0;
  line-height:18px;
}
.hd-head a:hover {
  color: #ff4a03;
}
.hd-head .hdbg-item1 {
  width:172px;
  border-bottom: 2px solid #f6505c;
}
.hd-head .hdbg-item2 {
  width:172px;
  border-bottom: 2px solid #01c3c3;
}
.hd-head .hdbg-item3 {
  border-bottom: 2px solid #ff4a03;
}
.hd-head .hdbg-item4 {
  border-bottom: 2px solid #ff8b3e;
}
.hd-head .hdbg-item5 {
  border-bottom: 2px solid #ff4a03;
}
.hd-head .hdbg-item6 {
  width:183px;
  border-bottom: 2px solid #84bc3c;
}
.hd-head .hdbg-item7 {
  border-bottom: 2px solid #3598db;
}
.hd-head .hdbg-item10 {
  border-bottom: 2px solid #01c3c3;
}
.hd-head .hdbg-item11 {
  border-bottom: 2px solid #ff6464;
}
.hd-head .hdbg-item12 {
  border-bottom: 2px solid #01c3c3;
}
.hd-head .hdbg-item13 {
  border-bottom: 2px solid #000;
}
.hd-head .hdbg-item14 {
  border-bottom: 2px solid #19c3a9;
}
.hd-head .hdbg-item15 {
  width:80px;
  border-bottom: 2px solid #ff3020;
}
.bgtit-item1 {
  background-position: 0 0;
}
.bgtit-item2 {
  background-position: 0 -31px;
}
.bgtit-item3 {
  background-position: 0 -62px;
}
.bgtit-item4 {
  background-position: 0 -93px;
}
.bgtit-item5 {
  background-position: 0 -124px;
}
.bgtit-item6 {
  background-position: 0 -155px;
}
.bgtit-item7 {
  background-position: 0 -186px;
}
.bgtit-item8 {
  background-position: 0 -217px;
}
.bgtit-item9 {
  background-position: 0 -248px;
}
.bgtit-item10 {
  background-position: 0 -475px;
}
.bgtit-item11 {
  background-position: 0 -506px;
}
.bgtit-item12 {
  background-position: 0 -540px;
}
.bgtit-item13{
  background-position: 0 -575px;
}
.bgtit-item14{
  background-position: 0 -610px;
}
.bgtit-item15{
  background-position: 0 -645px;
}
.hd-title-tab{
  position:relative;
}
.hd-title-tab .hd-title{
  padding-left:16px;
  cursor:pointer;
}
.hd-title-tab .hd-title a{
  display:none;
  position:absolute;
  top:0;
  right:0;
}
.hd-title-tab .hd-title-on a{
  display:block;
}
.hd-title-tab .hd-title-on{
  height:39px;
  border-bottom: 5px solid #fe8023;
}
.hd-title-tab .hd-title-on h2{
  color:#fe8a23;
}
.hd-title-on .bgtit-item10{
  background-position:-35px -475px; 
}
.hd-title-on .bgtit-item13{
  background-position:-35px -575px; 
}
/* 右侧小标题头部 */
.hd-head.news-r-tab-hd{
  border-bottom:2px solid #ff860f;
}
.hd-head.news-r-tab-hd a{
  float:none;
  padding:0 15px;
  font-size:20px;
  color:#323232;
  vertical-align:-3px;
}
.hd-head.news-r-tab-hd a:hover,
.hd-head.news-r-tab-hd .active{
  text-decoration:none;
  color:#ff5a00;
}
.news-r-tab-hd .it-tab{
  color:#e3e3e3;
}
.hd-bighead .hd-title {
  width: auto;
}
.hd-bighead .hd-title strong {
  font-size: 18px;
  color:#000;
}
.hd-bighead .bighdbg-item1 {
  border-bottom: 2px solid #ff4a03;
}
.hd-bighead .bighdbg-item2 {
  border-bottom: 2px solid #84bc3c;
}
/*  攻略专区 */
.hd-head-raiders {
  border-bottom: none;
}
.hd-head-raiders .hd-title {
  border-bottom: none;
}
.hd-head-raiders .hd-title h2 {
  color: #ff4a03;
}
/* 新游测评 */
/* ========================================================================
   Component: newGame
 ========================================================================== */
.mod-newGame li {
  padding-top: 22px;
}
.newGame-thumb {
  width: 97px;
  height: 126px;
  float: left;
  margin-right: 12px;
}
.newGame-thumb img {
  display: block;
  width: 97px;
  height: 126px;
}
.newGame-con {
  margin: 0 0 0 110px;
}
.newGame-con .newGame-hd .newGame-img {
  width: 60px;
  height: 60px;
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
}
.newGame-con .newGame-hd .newGame-img img {
  width: 60px;
  height: 60px;
}
.newGame-con .newGame-hd .newGame-name {
  width: 280px;
  height: 55px;
  display: inline-block;
  padding-top: 5px;
  overflow: hidden;
  color: #333;
  font-size: 14px;
  line-height: 18px;
}
.newGame-con .newGame-hd .newGame-name:hover {
  color: #f6505c;
  text-decoration: none;
}
.newGame-con .newGame-hd .newGame-score {
  width: 60px;
  height: 60px;
  display: inline-block;
  color: #fff;
  float: right;
  text-align: center;
  font: normal 24px/60px Helvetica;
}
.newGame-con .newGame-hd .newGame-score span {
  font-size: 24px;
}
.newGame-con .newGame-hd .score-item1 {
  background-position: 0 -286px;
}
.newGame-con .newGame-hd .score-item2 {
  background-position: 0 -346px;
}
.newGame-con .newGame-hd .score-item3 {
  background-position: 0 -406px;
}
.newGame-con .newGame-bd {
  height: 60px;
  overflow: hidden;
  padding-top: 2px;
  line-height: 20px;
  font-size: 13px;
}
.newGame-con .newGame-bd a{
  color: #999;
}
.newGame-con .newGame-bd a:hover{
  color: #f30;
  text-decoration: none;
}
.newGame-con .newGame-bd .details {
  color: #f6505c;
}
/* 新游戏测评列表页 */
.view-mod.mod-l{
  width:499px;
}
.view-mod.mod-r{
  width:500px;
}
.view-mod .newGame-hd .newGame-name{
  width:200px;
}
/* ========================================================================
   Component: .newGame-fu-2016 
 ========================================================================== */
.newGame-fu-2016 .mod-newGame-2016 li {
  padding-top: 22px;
}
.newGame-fu-2016 .newGame-thumb-2016 {
  width: 250px;
  height: 148px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}
.newGame-fu-2016 .newGame-thumb-2016 img {
  display: block;
  width: 100%;
  height: auto;
}
.newGame-fu-2016 .newGame-con-2016 {
  float:left;
  width: 400px;
  height: 148px;
  overflow: hidden;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-fu{
display: block;
 color: #FFF;
 width: 65px;
 height: 25px;
 line-height: 25px;
 text-align: center;
 border-radius: 10px;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-guofu{
  background-color: #6d93ff;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-rifu{
  background-color: #ffa759;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-time{
  color: #868686;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-hd .newGame-name {
  width: 280px;
  display: inline-block;
  padding:5px 0px;
  overflow: hidden;
  color: #333;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-hd .newGame-name:hover {
  color: #f6505c;
  text-decoration: none;
}
.newGame-fu-2016 .newGame-con-2016  .newGame-score {
  width: 60px;
  height: 60px;
  display: inline-block;
  color: #fff;
  float: right;
  text-align: center;
  font: normal 24px/60px Helvetica;
}
.newGame-fu-2016 .newGame-con-2016  .newGame-score span {
  font-size: 14px;
}
.newGame-fu-2016 .newGame-con-2016  .score-item1 {
  background-position: 0 -286px;
}
.newGame-fu-2016 .newGame-con-2016  .score-item2 {
  background-position: 0 -346px;
}
.newGame-fu-2016 .newGame-con-2016 .score-item3 {
  background-position: 0 -406px;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-bd {
  float: left;
  width: 308px;
  height: 60px;
  overflow: hidden;
  padding-top: 2px;
  line-height: 20px;
  font-size: 15px;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-bd a{
  display:inline-block;
  height: 43px;
  color: #999;
  overflow: hidden;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-bd a:hover{
  color: #f30;
  text-decoration: none;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-bd .details {
  color: #f6505c;
}
/* 新游戏测评列表页 */
.newGame-fu-2016.mod-newGame-wrap {
  padding: 5px 15px 45px 15px;
}
.newGame-fu-2016.mod-newGame-wrap .mod-newGame-2016 {
  position: relative;
  display: block;
}
.newGame-fu-2016.mod-newGame-wrap .mod-newGame-2016 li {
  display: block;
}
.newGame-fu-2016  .newGame-con-2016 .newGame-hd .newGame-name {
  width: 308px;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-pingfen{
  float: right;
  text-align: center;
  margin-top:33px;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-pingfen .newGame-pf{
  display: block;
  margin-bottom: 12px;
  font-size: 15px;
  color: #797979;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-hd .newGame-score {
  color: #fff;
  display: inline-block;
  float: right;
  text-align: center;
  font: 400 24px/60px "Microsoft YaHei";
}
.newGame-fu-2016 .newGame-con-2016 .newGame-hd .score-item1 {
  background-position: 0 -286px;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-hd .score-item2 {
  background-position: 0 -346px;
}
.newGame-fu-2016 .newGame-con-2016 .newGame-hd .score-item3 {
  background-position: 0px -406px;
}
/* 事前登录 */
/* ========================================================================
   Component: advance
 ========================================================================== */
.advance-item {
  padding: 20px 0;
}
.advance-item .advance-thumb {
  display: block;
  width: 60px;
  height: 60px;
  position: relative;
}
.advance-item .advance-con {
  margin: -65px 0 0 70px;
}
.advance-item .advance-con .title {
  line-height: 24px;
}
.advance-item .advance-con .title h3 img {
  vertical-align: -1px;
  padding-right: 2px;
}
.advance-item .advance-con .title h3 a {
  font-size: 14px;
}
.advance-item .advance-con .adv-item .btn {
  float: right;
  display: block;
  width: 110px;
  height: 30px;
  margin-top: 6px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  background: #01c3c3;
  color: #fff;
}
.advance-item .advance-con .adv-item li {
  line-height: 20px;
  font-size: 12px;
  color: #888;
}
.advance-item .bd {
  margin-top: 12px;
  padding: 0 5px;
  border: 1px solid #eee;
  background: #f9f9f9;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.advsprite {
  float: right;
  height: 26px;
  overflow: hidden;
}
.advsprite i {
  display: inline-block;
  width: 18px;
  height: 22px;
  margin-right: 5px;
}
.advsprite .icon-anzhuo {
  background-position: -65px -84px;
}
.advsprite .icon-ios {
  background-position: -83px -84px;
}
/* 图文列表 */
/* ========================================================================
   Component: imgText
 ========================================================================== */
/* 图文列表 */
.imgText-list {
  margin-left: -14px;
}
.imgText-list li {
  width: 260px;
  height: 156px;
  position: relative;
  overflow: hidden;
  float: left;
  margin: 0 0 15px 15px;
}
.imgText-item a {
  display: block;
}
.imgText-item a:hover .thumb-txt {
  color: #f60;
}
/* 图片右下角背景 */
.thumb-mask {
  background-color: #000;
  width: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.thumb-tit {
  width: 99%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.thumb-mask,
.thumb-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 28px;
  overflow: hidden;
}
.thumb-txt {
  color: #fff;
  width: 100%;
  font-size: 12px;
}
/* 文字列表  */
.row-list {
  width: 540px;
}
.row-list li {
  width: 50%;
  float: left;
  *width: 269px;
  line-height: 28px;
  display: inline;
}
.row-list li a {
  width: 93%;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
}
.row-list-index li a {
  width: 98%;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}
/*游戏视频*/
.mod-video .imgText-list {
  margin-left: -25px;
}
.mod-video .imgText-list li {
  width: 180px;
  height: 108px;
  position: relative;
  overflow: hidden;
  float: left;
  margin: 0 0 20px 25px;
}
.mod-video .row-list {
  width: 100%;
}
.thumb-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/v2/video-btn.png") no-repeat center 18px;
}
.thumb-cover:hover {
  text-decoration: none;
  background: url("/images/v2/video-btnh.png") no-repeat center 18px;
}
/*  新闻列表 -- 最新资讯 */
.new-info-list li {
  width: 100%;
  line-height: 30px;
}
.new-info-list li a {
  width: 235px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
}
.new-info-list .imgText-item {
  width: 250px;
  height: 150px;
  display: block;
  margin-bottom: 10px;
}
.new-info-list .imgText-item a {
  position: relative;
  width: 100%;
  height: 150px;
  display: block;
  background: none;
  padding-left: 0;
}
/* 游戏推荐 */
/* ========================================================================
   Component: Recomm
 ========================================================================== */
/* 游戏推荐  */
.mod-recomm {
  margin: 10px 0 0 -13px;
}
.mod-recomm li {
  float: left;
  position: relative;
  display: inline;
  width: 95px;
  height: 134px;
  margin: 0 0 15px 15px;
  overflow: hidden;
}
.item-cont {
  display: block;
  padding: 10px 10px 0;
  height: 122px;
  text-align: center;
  border: 1px #fff solid;
}
.item-cont img {
  width: 72px;
  height: 72px;
  display: block;
  margin-bottom: 8px;
  border-radius: 12px;
}
.item-tit {
  line-height: 21px;
  width: 73px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.item-tag {
  line-height: 22px;
  font-size: 12px;
  color: #999;
}
.down-link {
  display: none;
  background-color: #ff7800;
  width: 72px;
  height: 32px;
  line-height: 32px;
  color: #fff;
}
.down-link:hover {
  color: #fff;
  text-decoration: none;
}
.mod-recomm .item-cont:hover {
  border-color: #ededed;
  text-decoration: none;
  background-color: #f6f6f6;
}
.mod-recomm .item-cont:hover .item-txt {
  display: none;
}
.mod-recomm .item-cont:hover .down-link {
  display: block;
}
/* 游戏排行 */
/* ========================================================================
   Component: mod-ranking
 ========================================================================== */
.hd-head .rank-btn {
  margin-top: 10px;
}
.hd-head .rank-btn a {
  float: left;
  width: 40px;
  height: 24px;
  display: block;
  line-height: 24px;
  background: #ececec;
  text-align: center;
}
.hd-head .rank-btn a.active,
.hd-head .rank-btn a:hover {
  background: #84bc3c;
  color: #fff;
  text-decoration: none;
}
/* 游戏排行  */
.rank-cont-ul {
  padding-top: 4px;
}
.rank-item {
  border-bottom: 1px #cecece dotted;
}
.rank-normal {
  height: 39px;
}
.rank-normal p {
  margin-left: 60px;
  overflow: hidden;
  line-height: 39px;
  height: 39px;
  white-space: nowrap;
}
.rank-rank {
  float: left;
  width: 22px;
  height: 22px;
  margin: 9px 0 0 9px;
  background-color: #bec1c2;
  line-height: 22px;
  color: #fff;
  text-align: center;
}
.c-and {
  background-color: #84bc3c;
}
.c-ios {
  background-color: #56b4db;
}
.c-mob {
  background-color: #ed5c5c;
}
.c-forum {
  background-color: #36ae93;
}
.rank-grey {
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: 12px 0 0 11px;
  background-color: #ccc;
}
.rank-hover {
  display: none;
  height: 79px;
  overflow: hidden;
}
.rank-hover .rank-rank {
  margin-top: 28px;
}
.rank-down {
  float: right;
  width: 32px;
  height: 24px;
  margin-top: 28px;
  background-position: -32px -84px;
}
.rank-img {
  position: relative;
  margin: 6px 0 0 60px;
  display: block;
}
.rank-img:hover {
  text-decoration: none;
}
.rank-img img {
  float: left;
  margin-right: 10px;
  display: inline;
  border-radius: 10px;
}
.rank-item-tit {
  line-height: 26px;
}
.rank-type {
  font-size: 12px;
  color: #999;
  padding-top: 3px;
}
.rank-type span {
  color: #555;
}
/* 星星 */
.star {
  display: inline-block;
  height: 12px;
  font-size: 0;
}
.stargrey {
  background-position: -32px -72px;
  width: 68px;
  margin: 5px 0;
}
.starlight {
  background-position: -32px -60px;
}
.star0 {
  width: 0;
}
.star1 {
  width: 13px;
}
.star2 {
  width: 27px;
}
.star3 {
  width: 41px;
}
.star4 {
  width: 55px;
}
.star5 {
  width: 68px;
}
/* 加 hover 效果 */
.hover .rank-hover {
  display: block;
}
.hover .rank-normal {
  display: none;
}
.more-rank {
  display: block;
  margin: 9px 0 24px;
  border: 1px #ededed solid;
  line-height: 34px;
  text-align: center;
  color: #999;
  position: relative;
  height: 34px;
}
.more-rank:hover {
  text-decoration: none;
  color: #fff;
  background-color: #ff7800;
  border-color: #ff7800;
}
/*  排行   简单效果 */
.mod-hots-bd {
  margin-top: 6px;
}
.mod-hots-bd .rank-rank {
  margin-top: 15px;
}
.mod-hots-bd .rank-down {
  margin-top: 15px;
}
.mod-hots-bd .rank-item-tit {
  height: 32px;
  overflow: hidden;
  line-height: 32px;
}
.mod-hots-bd .rank-hover {
  display: block;
  height: 50px;
}
.mod-hots-bd .rank-img {
  position: relative;
  margin: 10px 0 0 46px;
  display: block;
}
.mod-hots-bd .rank-img img {
  display: block;
  height: 32px;
  width: 32px;
}
/* 热门游戏 wiki */
/* ========================================================================
   Component: wiki
 ========================================================================== */
/*  热门游戏 wiki */
.mod-wiki {
  margin-top: 15px;
}
.wiki-list {
  margin-left: -30px;
}
.wiki-list li {
  display: block;
  margin-left: 30px;
  width: 135px;
  float: left;
}
.wiki-list li a {
  display: block;
}
.wiki-list li a:hover {
  text-decoration: none;
}
.wiki-list li img {
  display: block;
}
.wiki-list li p {
  text-align: center;
  font-size: 14px;
  line-height: 32px;
}
/* 文章内容页 article */
/* ========================================================================
   Component: article
 ========================================================================== */
.art-title {
  text-align: center;
  border-bottom: 1px #cecece dotted;
}
.art-title h1 {
  padding-bottom: 12px;
  line-height: 36px;
  font-size: 24px;
  color: #2f2f2f;
  font-weight:bold;
}
.art-title p {
  padding-bottom: 10px;
  font-size: 14px;
  color: #a4a4a4;
}
.art-title p span {
  padding-right: 10px;
}
/* 游戏下载 */
.ngz-game {
  margin: 20px 0 10px 0;
  border: 1px solid #ebebeb;
  min-height: 130px;
  _height: 130px;
}
.ngz-game .ngz-l {
  width: 128px;
  height: 130px;
  border-right: 1px solid #ebebeb;
  position: relative;
}
.ngz-game .ngz-r {
  margin: -130px 0 0 145px;
}
.ngz-l .ngz-thumb {
  padding-top: 6px;
}
.ngz-l .ngz-thumb img {
  width: 99px;
  height: 99px;
  display: block;
  margin: 0 auto;
}
.ngz-l .ngz-star {
  height: 22px;
  overflow: hidden;
  padding-left: 12px;
}
.ngz-l .ngz-star .score {
  *padding-left: 4px;
  vertical-align: 0px;
}
.ngz-ginfo {
  width: 336px;
  float: left;
}
.ngz-ginfo .ginfo-name strong {
  height: 48px;
  width: 100%;
  font-size: 18px;
  color: #333;
  line-height: 48px;
  font-weight: bold;
  padding-right: 8px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  float: left;
}
.ngz-ginfo .ginfo-name span {
  padding: 1px 5px;
  background: #3eb4ff;
  font-family: Arial;
  color: #fff;
  font-size: 10px;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  float: right;
  margin: 15px 8px 0 0;
}
.ngz-ginfo .ginfo-list li {
  width: 50%;
  float: left;
  line-height: 24px;
  font-size: 12px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.ngz-ginfo .ginfo-list .exp-item {
  color: #999;
}
.ngz-ginfo .ginfo-list .exp-con {
  color: #333;
}
.ngz-gdown {
  width: 175px;
  float: right;
}
.ngz-gdown .ngz-btn {
  padding: 34px 0 0 8px;
}
.ngz-gdown .ngz-btn a {
  display: block;
  width: 130px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 12px;
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ngz-gdown .ngz-btn a i {
  margin: 0 8px 0 15px;
  vertical-align: -6px;
  *vertical-align: -3px;
}
.ngz-gdown .ngz-btn a:hover{
  text-decoration: none;
}
.ngz-gdown .ngz-btn .btn-ios {
  background: #5f9be0;
}
.ngz-gdown .ngz-btn .btn-ios:hover {
  background-color: #4e91de;
}
.ngz-gdown .ngz-btn .btn-android {
  background: #75c233;
}
.ngz-gdown .ngz-btn .btn-android:hover {
  background-color: #73d024;
}
.ngz-gdown .ngz-btn .no-active {
  background: #999;
}
.ngz-gdown .ngz-btn .no-active:hover {
  background-color: #999;
  cursor: default;
}
/******************  文章正页 ******************/
/* 视频 */
.post-video-title{
  padding-bottom:12px; 
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 22px;
}
.post-video-box{
  float: left;
  width: 72%;
  height: 420px;
}
#mod_player,
.post-video-box iframe,
.post-video-box embed{
  width: 100%;
  height: 100%;
}
.video-recommend{
  float: right;
  width: 28%;
  height: 420px;
  background: #2a2a2a;
  font-family: "黑体";
}
.video-recommend .video-recommend-hd{
  padding-left: 20px;
  background: #353535;
  font-size: 14px;
  font-weight: bold;
  line-height: 32px;
  color: #fff;
}
.video-recommend .video-recommend-bd{
  position: relative;
  overflow:hidden;
  padding: 24px 15px;
}
.video-recommend .prev,
.video-recommend .next{
  position: absolute;
  left: 50%;
  width: 164px;
  height: 14px;
  margin-left: -82px;
  background: #fe8611;
  border:1px solid #fe8611;
  border-radius: 4px;
  cursor:pointer;
  text-align: center;
}
.video-recommend .prev:hover,
.video-recommend .next:hover{
  background: #ED7211;
  border:1px solid #ED7211;
}
.video-recommend .prevStop,
.video-recommend .nextStop,
.video-recommend .prevStop:hover,
.video-recommend .nextStop:hover{
  background: #353535;
  border:1px solid #464646;
}
.video-recommend .prev{
  top: 8px;
}
.video-recommend .next{
  bottom: 6px;
}
.video-recommend .arow{
  display: inline-block;
  border:7px dashed transparent;
}
.video-recommend .prev .arow{
  margin-top: -4px;
  border-bottom: 7px solid #fff;
}
.video-recommend .next .arow{
  margin-top: 4px;
  border-top: 7px solid #fff;
}
.video-recommend .prevStop .arow{
  border-bottom: 7px solid #696969;
}
.video-recommend .nextStop .arow{
  border-top: 7px solid #696969;
}
.video-recommend .picList li{
  padding: 7px 0;
  border-bottom: 1px solid #353535;
}
.video-recommend .picList li:last-child{
  border-bottom: 0;
}
.video-recommend .picList a{
  display: block;
  height: 70px;
  overflow: hidden;
}
.video-recommend .picList .v-pic{
  float: left;
  width: 50%;
  max-height: 70px;
  padding-right: 10px;
  box-sizing: border-box;
  overflow:hidden;
}
.video-recommend .picList .v-pic img{
  width: 100%;
}
.video-recommend .picList .v-txt{
  float: right;
  width: 50%;
  margin-top: 3px;
  color: #999;
  line-height: 22px;
  font-size: 14px;
}
.video-recommend .picList a:hover .v-txt{
  color: #ff7800;
}
.video-box-ft{
  clear: both;
  height: 24px;
  padding: 8px 0;
  background: #353535;
  font-size: 16px;
  font-weight: bold;
  font-family: "黑体";
  color: #696969;
  line-height: 24px;
}
.video-box-ft .video-box-ft-con{
  width: 72%;
}
.replay-link{
  margin-left: 12px;
  color: #696969;
}
.replay-link a{
  font-size: 16px;
  color: #696969;
  font-weight: bold;
}
.replay-link a:hover{
  color: #ff7800;
  text-decoration: none;
}
.replay-link .replay-icon{
  width:22px;
  height: 20px;
  margin-right: 5px;
  background-position: -100px -110px; 
  vertical-align: -4px;
}
.video-box-ft .share-list{
  display: inline-block;
  vertical-align: 3px;
}

.article-con strong,
.article-con b{ font-weight:bold;}
.article-con i { font-style:italic;}
.article-con {
  padding-top: 20px;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.article-con p {
  padding-bottom: 15px;
  line-height: 30px; 
  font-size:16px; 
  color: #333;
  word-wrap: break-word;
}
.article-con strong{
  font-weight: bold;
}
.article-con img {
  margin: 0 auto;
  max-width: 560px;
  height: auto;
  cursor: pointer;
}
.article-con h1,
.article-con h2,
.article-con h3,
.article-con h4,
.article-con h5,
.article-con h6{
  padding-bottom: 15px;
  line-height: 1.875em;
}
.article-con h4{
  font-size: 16px;
}
/* 文章图片点击放大  2016.8.29*/
.img-wrap-up{
  top:0px;
  left: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.75);
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  z-index: 9999999;
}
.img-wrap-up .img-content{
  width: 100%;
  height: 100%;
  display:table;
    text-align:center;
}
.img-wrap-up .img-content span{
    display:table-cell;
    vertical-align:middle;
}
.img-wrap-up .img-content span img{
  max-height: 100%;
  max-width: 100%;
}
/* 文章图片点击放大 end */
.article-con table{
  max-width:660px;
}
.article-con .reprint{
  margin:10px 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
.reprint strong{
  font-weight: normal;
  color:#6f6f6f;
  font-size: 14px;
}
.article-bt{
  padding-top: 10px;
  border-top: 1px dashed #999;
  font-size: 14px;
  line-height: 34px;
  color: #333;
}
.article-bt a{
  color: #6f6f6f;
  text-decoration: none;
}
.article-bt a:hover{
  color: #f30;
}
/* 广告 */
.art-ad{
}
/* 相关推荐 */
.ss-n-l-hd{
  border-bottom:1px solid #e7e7e7;
  font-size:16px;
  color:#ff6b18;
  line-height:38px;
}
.ss-n-l-hd .title{
  padding-left:12px;
}
.s-l-rec-con{
  padding:20px;
}
.s-l-rec-con .s-l-pic{
  float:left;
  width:250px;
  height: 112px;
  overflow: hidden;
}
.s-l-rec-con .s-l-pic img{
  width:100%;
}
.s-l-rec-con .n-l-list{
  float:right;
  width:390px;
}
.s-l-rec-con .n-l-list li{
}
.s-l-rec-con .n-l-list a{
  font-size:14px;
  line-height:25px;
  color:#6f6f6f;
}
.s-l-rec-con .n-l-list a:hover{
  text-decoration:none;
  color:#ff5c23;
}
.s-l-rec-con .n-l-list .dot{
  display:inline-block;
  width: 4px;
  height: 4px;
  margin-right:10px;
  background: #b1b1b1;
  border-radius: 50%;
  vertical-align:2px;
}
.s-l-rec-con .n-l-list a:hover .dot{
  background:#ff5c23;
}

.art-recommended{ margin-top:5px;}
.art-recommended.p20{
  margin-top:0;
  padding-top:5px;
}
.rec-list {
  width: 680px;
  margin-top: 15px;
  margin-left: -20px;
}
.rec-list li {
  width: 320px;
  float: left;
  margin-left: 20px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 24px;
}
.rec-list li a {
  font-size: 14px;
}
.rec-list li .c-red {
  padding-right: 5px;
}
/* 内容页资讯列表 */
.mod-news-art .news-con {
  height: 290px;
}
/* 攻略专区 fine-game */
/* ========================================================================
   Component: fine-game
 ========================================================================== */
/* 攻略专区 精品游戏 */
.find-game-list {
  padding-bottom: 16px;
}
.find-game-list .find-con {
  width: 206px;
  float: left;
  margin: 0 22px;
  padding-top:16px;
}
.find-game-list .wiki_more_new{margin-bottom: 20px;}
.find-game-list .find-con .find-thumb {
  display: block;
  width: 65px;
  height: 65px;
  position: relative;
}
.find-game-list .find-con .find-content {
  margin: -65px 0 0 72px;
}
.find-game-list .find-con .find-content .find-title {
  font-size: 14px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.find-game-list .find-con .find-content ul {
  padding-top: 3px;
}
.find-game-list .find-con .find-content li {
  width: 50%;
  float: left;
  line-height: 22px;
}
.fineGame-list li {
  width: 49%;
  padding-right: 1%;
  height: 28px;
  line-height: 28px;
  text-align: left;
  display: block;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fineGame-list li a {
  display: inline;
}
.mod-raiders .imgText-item a {
  display: inline;
  color: #fff;
}
.mod-raiders .imgText-item a.c-red {
  color: #ff4a03;
}
/* 日本游戏 jpGame */
/* ========================================================================
   Component: jpGame
 ========================================================================== */
/* 日本游戏  */
.jpgame-hd {
  margin: 0 15px 0 15px;
  border-bottom: 2px solid #ececec;
}
.jpgame-hd span,
.jpgame-hd a {
  display: inline-block;
  height: 38px;
  margin: 0 18px;
  line-height: 38px;
  font-size: 16px;
  color: #666;
}
.jpgame-hd a.active,
.jpgame-hd a:hover {
  color: #ff4a03;
  border-bottom: 2px solid #ff4a03;
  text-decoration: none;
}
.jpgame-hd .jpbox-hd {
  margin-left: -18px;
  margin-bottom: -2px;
  padding-top: 10px;
}
.jpgame-bd {
  padding: 10px 15px 15px;
}
/*  列表 */
.jpgame-list li:last-child {
  border-bottom: none;
}
.jpgame-item {
  padding: 16px 0;
  *padding-bottom: 8px;
  border-bottom: 1px #cecece dotted;
  /* 右侧 img */
}
.jpgame-item .box-l {
  float: left;
  width: 270px;
}
.jpgame-item .box-r {
  width: 400px;
  float: right;
}
.jpgame-item .game-con .jp-thumb img {
  width: 80px;
  height: 80px;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.jpgame-item .game-con .game-tit {
  margin: -80px 0 0 90px;
  height: 80px;
}
.jpgame-item .game-con .game-tit .g-name {
  padding-bottom: 8px;
}
.jpgame-item .game-con .game-tit .g-name a {
  font-size: 14px;
  line-height: 18px;
}
.jpgame-item .game-con .game-tit .g-type {
  color: #999;
}
.jpgame-item .btn {
  margin-top: 12px;
}
.jpgame-item .btn a {
  display: block;
  width: 100px;
  height: 26px;
  float: left;
  margin-right: 10px;
  background: #fafafa;
  line-height: 26px;
  border: 1px solid #eeeeee;
  font-size: 14px;
}
.jpgame-item .btn a i {
  margin: 0 5px 0 10px;
  vertical-align: -2px;
  *vertical-align: 2px;
}
.jpgame-item .btn a:hover {
  border: 1px solid #ff4a03;
  color: #333;
  text-decoration: none;
}
.jpgame-item .game-img li {
  float: left;
  width: 90px;
  height: 118px;
  overflow: hidden;
  margin-left: 10px;
}
.jpgame-item .game-img img {
  width: 90px;
  height: 118px;
  display: block;
}
/* 日本游戏上架列表  */
.tab-jpgame-hd {
  margin: 10px 0 18px 30px;
  width: 635px;
}
.m-jpgame-table {
  table-layout: fixed;
  width: 100%;
  line-height: 1.5;
}
.m-jpgame-table th {
  font-size: 14px;
  color: #999;
}
.m-jpgame-table tbody td {
  padding: 4px 0;
}
.m-jpgame-table td {
  font-size: 12px;
  color: #333;
}
.m-jpgame-table .w-item1 {
  width: 50px;
}
.m-jpgame-table .w-item2 {
  width: 195px;
}
.m-jpgame-table .w-item3 {
  width: 82px;
  text-align: center;
}
.m-jpgame-table .w-item4 {
  width: 308px;
  text-align: center;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.m-jpgame-table .w-item4 p {
  width: 308px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.m-jpgame-table .a-contit {
  width: 175px;
  float: left;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.m-jpgame-table .down-game-btn {
  float: right;
  display: block;
  width: 18px;
  height: 18px;
  background-position: -32px -233px;
}
/* 时间轴 */
.timeline {
  list-style-type: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAADCAIAAAA2iEnWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTVCREEzRUE1OTk0MTFFNDgzQkNDM0M3MTg3RjE4QzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTVCREEzRUI1OTk0MTFFNDgzQkNDM0M3MTg3RjE4QzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NUJEQTNFODU5OTQxMUU0ODNCQ0MzQzcxODdGMThDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NUJEQTNFOTU5OTQxMUU0ODNCQ0MzQzcxODdGMThDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph7K95YAAAAXSURBVHjaYnzz5g0DAwMTAxhAKYAAAwA04ALKMgb32QAAAABJRU5ErkJggg==") repeat-y scroll 11px 0;
  padding: 0;
}
.timeline li {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
.timeline li .time {
  position: absolute;
  width: 40px;
  text-align: right;
  left: 0;
  top: -2px;
  font-size: 13px;
}
.timeline li .number {
  position: absolute;
  width: 17px;
  height: 18px;
  left: 4px;
  top: -4px;
  background: url('/images/v2/update-time.png') no-repeat;
}
.timeline li .time-content {
  margin-left: 30px;
  position: relative;
  top: -5px;
}
.time-content .list_in {
  width: 635px;
}
.time-content .update-title {
  padding-bottom: 6px;
  line-height: 20px;
  font-size: 13px;
  color: #ff4a03;
}
/* 游戏内页 article-game */
/* 游戏内页 */
/* ========================================================================
   Component: article-game
 ========================================================================== */
.basic-info {
  margin-bottom: 40px;
}
.basic-info h1 {
  line-height: 38px;
  font-size: 18px;
  color: #ff4a03;
}
.basic-info .basic-info-c {
  height: 90px;
  overflow: hidden;
}
.basic-info .basic-info-c .g-thumb {
  display: block;
  width: 90px;
  height: 90px;
}
.basic-info .basic-info-c .g-thumb img {
  display: block;
}
.basic-info .basic-info-c .basic-list {
  margin: -90px 0 0 100px;
}
.basic-info .basic-info-c .basic-list li {
  line-height: 22px;
  font-size: 12px;
  color: #666;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.basic-info .down-game {
  margin-top: 20px;
}
.basic-info .down-game .down-btn {
  display: block;
  width: 250px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
  font-size: 18px;
  color: #fff;
  background: #ff4a03;
  text-align: center;
}
.basic-info .down-game .down-btn:hover {
  text-decoration: none;
  background:#E44304;
}
.basic-info .down-game .down-btn.blue-down-btn{
  background:#009EFF;
}
.basic-info .down-game .down-btn.blue-down-btn:hover{
  background:#018EE5;
}
.basic-info .down-game .down-btn.grey-down-btn{
  background:#bbb;
}
.basic-info .down-game .down-btn.grey-down-btn:hover{
  background:#bbb;
}
.basic-info .down-game .down-btn.green-down-btn{
  background:#41AB15;
}
.basic-info .down-game .down-btn.green-down-btn:hover{
  background:#36980D;
}
.basic-info .down-game .down-btn i {
  margin-left: 8px;
  vertical-align: 3px;
}
.basic-info .down-game .down-btn .arrowB {
  border-top-color: #fff;
}
.basic-info .down-game .apk-btn {
  position: relative;
  display: none;
}
.basic-info .down-game .apk-btn .apk-btn-con {
  position: absolute;
  z-index: 10;
}
.basic-info .down-game .apk-btn a {
  display: block;
  width: 248px;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #666;
  border: 1px solid #eee;
  text-align: center;
  background: #f7f7f7;
  margin-bottom: -1px;
}
.basic-info .down-game .apk-btn a:hover {
  color: #f30;
}
.basic-info .down-game a.down-btn-new{
  position:relative;
}
.basic-info .down-game a.down-btn-new .arrowB{
  border:5px dashed transparent;
  border-left:5px solid #fff;
  vertical-align:1px;
}
.basic-info .down-game .down-game-lay{
  display: none;
  position: absolute;
  left: 280px;
  top: -28px;
  width: 162px;
  padding: 8px 8px 14px;
  background: #f8f8f8;
  border: 1px solid #dedede;
  font-size: 18px;
  color: #000;
  line-height: 18px;
  z-index: 1;
  box-shadow: 0px 7px 5px rgba(49,49,49,.59);
}
.down-game-lay img{
  margin:6px;
}
.down-game-lay .arow{
  position: absolute;
  top: 26px;
  left: -28px;
  width: 28px;
  height: 50px;
  background: url(/images/v2/down-arow.png) no-repeat;
}
/* 开发商其它游戏 */
.other-game {
  padding-bottom: 15px;
}
.other-game .hd-head {
  margin: 0 15px;
}
.game-app-list li {
  width: 72px;
  float: left;
  margin: 16px 0px 0 16px;
  display: inline;
  text-align: center;
  font-size: 14px;
}
.game-app-list li img {
  width: 72px;
  height: 72px;
  display: block;
}
.game-app-list a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.game-app-list a i {
  line-height: 26px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* 游戏截图 */
.game-slide-box {
  margin: 20px 0 10px 0;
  height: 270px;
  overflow: hidden;
}
.game-slide-box .game-slide-con {
  width: 670px;
  height: 270px;
  overflow-x: auto;
  position: relative;
}
.game-slide-box .game-slide-con img {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 0;
  width: auto;
  max-height: 250px;
}
/* 领取礼包 */
.gift-game-img{
  margin-left:-15px;
}
.gift-game-img .gift-item{
  position:relative;
  display: block;
  float: left;
  width:191px;
  margin-left: 15px;
  margin-bottom:15px;
  padding:10px 10px 20px;
  border:1px solid #ededed;
  font-size:13px;
}
.gift-item .gift-item-hd{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:16px; 
  font-weight:bold; 
  line-height:20px;
}
.gift-item .gift-item-bd{ 
  height:122px;
  overflow:hidden;
  margin:5px 0; 
  color:#666; 
  line-height:20px;
}
.gift-item .gl-receive-num{
  float:left;
  line-height:16px;
}
.gift-item .gift-num{ 
  color:#01c3c3;
}
.gift-item .gift-btn{ 
  float:right;
  width:116px; 
  line-height:32px; 
  background:#01c3c3; 
  font-size:18px; 
  color:#fff; 
  text-align:center;
}
.gift-item .gift-end-btn{
  background:#8f8f8f;
  color:#fff;
} 
.gift-layer{
  display:none;
  position:fixed;
  left:50%;
  top:50%;
  width:368px;
  margin-left:-184px;
  margin-top:-59px;
  background:#fff;
  border:1px solid #ffb75a;
  font-size:16px;
  z-index:1000;
}
.gift-layer .g-code{ 
  padding:35px 5px;
  text-align:center;
}
.gift-layer .g-code i{
  font-size:20px;
  font-weight:bold;
  color:#ff401a;
}
.gift-layer .g-code-tips{
  font-size:14px;
  text-align:center;
  background:#ec982c;
  color:#fff;
  line-height:30px;
}
.gift-layer .g-code-close{
  position:absolute;
  right:-25px; 
  top:-1px;
  width:24px; 
  height:24px;
  background:#ffb75a url(/images/v2/g-code-close.png) no-repeat;
}
.gift-wrap-layer{
  display:none;
  position:fixed;
  left:0; 
  top:0;
  width:100%;
  height:100%;
  background:#000;
  z-index:100;
  opacity:0.5;
  filter:Alpha(opacity=50);
}
/* 游戏介绍 */
.art-game-info .gameInfo-con {
  padding: 8px 0;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.art-game-info .gameInfo-con p {
  padding: 5px 0;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.art-game-info .gameInfo-con img {
  display: block;
  margin: 0 auto;
  max-width: 670px;
  height: auto;
}
/* 事前登录列表页 beforeRegist */
/* ========================================================================
   Component: beforeRegist
 ========================================================================== */
.beforeRegist .news-con {
  width: 220px;
  height: 390px;
  background: #fff;
}
.beforeRegist .gameName-con {
  padding-bottom: 10px;
}
.beforeRegist .gameName-con .thumb {
  display: block;
  width: 60px;
  height: 60px;
}
.beforeRegist .gameName-con .thumb img {
  width: 60px;
  height: 60px;
  display: block;
}
.beforeRegist .gameName-con .gameName-tit {
  margin: -60px 0 0 70px;
  height: 60px;
}
.beforeRegist .gameName-con .gameName-tit .gb-name {
  height: 42px;
  overflow: hidden;
}
.beforeRegist .gameName-con .gameName-tit .gb-name a {
  line-height: 22px;
  font-size: 14px;
  color: #333;
}
.beforeRegist .gameName-con .gameName-tit .gb-name a:hover {
  color: #f63;
}
.beforeRegist .gameName-con .gameName-tit p {
  color: #999;
  height: 18px;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.beforeRegist .gr-info {
  margin: 10px 0;
  font-size: 12px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  color: #666;
}
/* 按钮  */
.down-bfg {
  margin: 0 auto;
  width: 152px;
  position: relative;
}
a.bfg-btn {
  display: block;
  width: 152px;
  height: 32px;
  line-height: 32px;
  background: #fafafa;
  border: 1px solid #eee;
  text-align: center;
  font-size: 14px;
}
a.bfg-btn span {
  display: inline-block;
}
a.bfg-btn span i {
  /* vertical-align: -2px;
      vertical-align: 20px; */
}
a.bfg-btn span.btn-item1 {
  font-size: 14px;
  color: #666;
  padding-left: 20px;
  float: left;
}
a.bfg-btn span.btn-item2 {
  float: right;
  margin-top: 2px;
  *margin-top: 6px;
  padding-right: 5px;
}
a.bfg-btn span.btn-item2 i {
  margin-right: 5px;
}
a.bfg-btn:hover {
  text-decoration: none;
}
.bfg-down-con {
  position: relative;
}
.bfg-down-con a.down-btn {
  display: block;
  width: 154px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  background: #ff4a03;
  text-align: center;
}
.bfg-down-con a.down-btn i {
  margin-left: 8px;
  vertical-align: 3px;
}
.bfg-down-con a.down-btn .arrowB {
  border-top-color: #fff;
}
.bfg-down-con a.down-btn:hover {
  text-decoration: none;
}
.bfg-down-con .apk-btn {
  display: none;
}
.bfg-down-con .apk-btn-con {
  display: block;
}
.bfg-down-con .apk-btn-con a {
  display: block;
  width: 152px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #666;
  border: 1px solid #eee;
  text-align: center;
  background: #fff;
  margin-bottom: -1px;
}
.bfg-down-con .apk-btn-con a:hover {
  color: #f63;
}
/* 会员中心 mod-member */
/* 会员中心 */
/* ========================================================================
   Component: mod-member
 ========================================================================== */
.member-main{ background:url(/images/v2/member-bg.jpg) no-repeat center top;}
.mod-member-thumb {
  padding:42px 0 10px;
  text-align: center;
}
.member-main #content,
.member-main #main{
  padding-top:0;
  background:none;
}
.member-thumb{ display:inline-block;}
.mod-member-thumb .member-thumb img {
  display: block;
  height: 100px;
  width: 100px;
  border:3px solid #fff;
  border-radius: 50%; 
}
.mod-member-thumb h1 {
  line-height: 40px;
  font-size: 24px;
  color: #666;
}
.member-wrap {
  overflow: hidden;
  border:1px solid #ffcb3e;
  border-top:0;
  background:#fff;
}
.member-wrap .m-member-l {
  float: left;
  width: 100px;
  padding:10px 10px 0;
  background: #fff;
}
.member-wrap .m-member-r {
  float: right;
  width: 880px;
  min-height: 550px;
  background: #fff;
}
/*  会员中心左侧莱单  */
.m-nav-list li {
  margin-bottom:3px;
  text-align: center;
}
.m-nav-list li a {
  display: block;
  width: 100px;
  height: 100px;
  position: relative;
  background:#eee;
  border-radius:15px;
}
.m-nav-list li a i {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 18px auto 0 auto;
}
.m-nav-list li a p {
  line-height: 28px;
  font-size: 14px;
  color: #696969;
}
.m-nav-list li a em {
  position: absolute;
  top: 40px;
  right: 0;
  border-width: 10px;
  border-right-color: #fff;
  display: none;
}
.m-nav-list li a:hover .msprite{opacity:1}
.m-nav-list li a.active:hover .msprite{opacity:1}
.m-nav-list li .msprite::after{
  display:block;
  width:40px;
  height:40px;
  vertical-align:middle;
  cursor:pointer;
  opacity:0;
  background-image:url(/images/v2/msprite.png);
  _background-image:url(/images/v2/msprite.png);
  background-repeat:no-repeat;
  background-image:-webkit-image-set(url(/images/v2/msprite.png) 1x,url(/images/v2/msprite.png) 2x);
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;-mas-transition:all .2s ease-in-out;transition:all .2s ease-in-out
}

.m-nav-list li a.active{
  background:url(/images/v2/active.png) no-repeat;
  text-decoration: none;
}
.m-nav-list li a.active p{
  color: #fff;
}
.m-nav-list li a:hover{
  background:url(/images/v2/active.png) no-repeat;
  text-decoration:none;
}
.m-nav-list li a:hover p{
  color:#fff;
}
.m-nav-list li a.active em {
  display: block;
}
.m-nav-list .msprite{
  background: url('/images/v2/msprite.png') no-repeat;
}
.m-nav-list li a .icon-wiki{
  width:62px;
  height:40px;
  margin-top:30px;
}
.m-nav-list .icon-article {
  background-position: 0 -45px;
}
.m-nav-list .icon-myarticle {
  background-position: 0 -90px;
}
.m-nav-list .icon-recharge {
  background-position: 0 -135px;
}
.m-nav-list li a:hover .icon-wiki,
.m-nav-list li a.active .icon-wiki {
  background-position: -65px 0;
}
.m-nav-list li a:hover .icon-article,
.m-nav-list li a.active .icon-article {
  background-position: -45px -45px;
}
.m-nav-list li a:hover .icon-myarticle,
.m-nav-list li a.active .icon-myarticle {
  background-position: -45px -90px;
}
.m-nav-list li a:hover .icon-recharge,
.m-nav-list li a.active .icon-recharge {
  background-position:-45px -135px;
}
/* 会员中心 右侧主要内容 */
.m-member-con {
  padding: 20px 55px;
}
.m-member-con h2 {
  position:relative;
  height:40px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
  border-bottom: 1px solid #e9e9e9;
}
.m-member-con .cj-btn{ 
  position:absolute; 
  top:0; 
  padding:0 12px;
  margin-top:5px;
  background:#f60;
  border-radius:3px;
  color:#fff;
  line-height:30px;
  font-size:14px;
}.m-member-con .cj-btn-l{
  left:0;
}
.m-member-con .cj-btn-r{
  right:0;
}
/* 右侧 专区图片 */
.area-box .area-hd{ padding-top:25px; font-size:14px; font-weight:bold; color:#333;}
.area-box .area-hd .dot{ display:inline-block; width:0; height:0; margin-right:2px; border:4px dashed transparent; border-left:4px solid #333; vertical-align:1px;}
.area-box .area-list{ margin-left:-25px;}
.area-li{ float:left; width:134px; margin:18px 0 0 25px;}
.area-li img{ width:134px; height:80px;}
.area-li .area-txt{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; line-height:30px; text-align:center;}
.area-box .area-tips{ margin-top:20px; line-height:30px; color:#666; text-align:center;}
.area-box .area-tips a{ font-size:14px; color:#666;}
.area-box .area-tips a:hover{ color:#f60;}
/* 简易表单 */
.m-form {
  color: #555;
}
.m-form legend {
  font-size: 14px;
  font-weight: bold;
}
.m-form .formitm {
  padding: 10px 0 0;
  line-height: 30px;
}
.m-form .formitm-1 {
  padding-left: 100px;
}
.m-form .lab {
  float: left;
  width: 90px;
  margin-right: -90px;
  text-align: right;
  font-size: 14px;
  color: #666;
}
.m-form .ipt {
  margin-left: 100px;
}
.m-form .ipt * {
  vertical-align: middle;
}
.m-form .ipt a,
.m-form .ipt a:hover {
  text-decoration: none;
  color: #3891eb;
}
.m-form .ipt img {
  height: 32px;
  margin: 0 15px 0 5px;
}
.m-form .ipt .domain {
  margin: 0 0 0 5px;
  font-weight: bold;
  color: #777;
}
.m-form .ipt p {
  height: 22px;
  line-height: 22px;
  color: #999;
}
.m-form .tip {
  padding-top: 10px;
}
.m-form .tip input {
  margin: 0 5px 3px 0;
}
.m-form select {
  height: 30px;
  line-height: 30px;
  border: 1px solid #d1d1d1;
  width: 190px;
}
.m-form select option {
  line-height: 24px;
}
.type-check {
  font-size: 14px;
}
.type-check label {
  padding-right: 8px;
}
.u-ipt {
  width: 180px;
  padding: 5px;
  height: 17px;
  border: 1px solid #d1d1d1;
  line-height: 17px;
  font-size: 14px;
  color: #777;
  background: #fff;
}
.u-itme1 {
  width: 400px;
}
.u-btn {
  margin-top: 15px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: none;
  background: #ff4a03;
  color: #fff;
  font-size: 14px;
}
.u-btn:hover {
  background: #e44202;
  cursor: pointer;
}
.reg-login-l .m-form .formitm.third-part{
  margin-top:30px;
  padding-top:30px;
  border-top:1px solid #ddd;
}
.third-part .lab{
  width:200px;
  margin-left:-110px;
}
.third-part .third-btn{
  padding-bottom:10px;
  margin-left:100px;
}
.third-part .third-btn img{
  width:160px;
  height:40px;
}
.m-user-form {
  padding-top: 20px;
}
.formitm-btn-c {
  width: 125px;
  margin: 0 auto;
}
.part-info {
  margin-top: 20px;
  border-top: 1px solid #e9e9e9;
}
.part-info ul {
  padding-top: 10px;
}
.part-info li {
  line-height: 22px;
  color: #666;
}
/* 我的文章 */
.mod-my-article {
  margin-top: 15px;
}
/* 充值中心（订单详情） */
.mod-recharge-con h2{ 
  text-align: center;
  color:#333;
  font-weight:bold;
}
.mod-recharge-con .m-form{
  padding:36px 0 0 205px;
}
.mod-recharge-con .m-form li{
  height:30px; 
  line-height:30px; 
  padding-top:4px; 
  font-size:14px;
}
.mod-recharge-con .u-btn{
  width:150px;
  margin-left:305px;
}
/* 充值中心（订单列表） */
.m-table.order-table th{
  width: 14%;
  padding: 10px 1%;
  background:#fff;
  border:0;
  border-bottom:1px solid #e9e9e9;
  font-size:16px;
  color:#333;
}
.order-table th.order-wid2{
  width: 19%;
}
.order-table th.order-wid3{
  width: 19%;
}
.m-table.order-table td{
  border:0;
  border-bottom:1px solid #e9e9e9;
  height:78px;
  color:#666;
}
 .m-table.order-table tr:nth-child(even){
  background:#fcfcfc;
 }
.m-table.order-table td.send-state{
  color:#01c3c3;
}
.m-table.order-table td .detail-on{
  color:#ff790c;
}


/* 简易数据表格-格边框 */
.m-table {
  width: 100%;
  line-height: 1.5;
}
.m-table th,
.m-table td {
  padding: 10px;
  border: 1px dotted #ddd;
  text-align: center;
}
.m-table th {
  background: #eeeeee;
  font-size: 14px;
  color: #666;
}
.tab-type {
  background: #f6f6f6;
}
.m-table th,
.tab-type {
  border-bottom: 1px solid #ddd;
}
.m-table tbody tr:hover {
  background: #f8f8f8;
}
.m-table .col15 {
  width: 15%;
}
.m-table .col10 {
  width: 10%;
}
.m-table .col45 {
  width: 50%;
}
/* 简易数据表格-行边框*/
.m-table-row th,
.m-table-row td {
  border-width: 0 0 1px;
}
.m-table tr td {
  font-size: 12px;
  color: #999;
}
.m-table a.a-title {
  color: #666;
}
.m-table a.a-title:hover {
  color: #ff6600;
}
.m-table tr td.shitem1 {
  color: #666;
}
.m-table tr td.shitem3 {
  color: #fe0200;
}
.m-table tr td.shitem2 {
  color: #228b22;
}
.m-table-pages a {
  border: 1px solid #ccc;
}
.m-table-pages a:hover {
  border: 1px solid #ff8b3e;
}
.m-table-pages span {
  border: 1px solid #ff8b3e;
}
/* 定制文件上传按钮  */
.u-upload {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  overflow: hidden;
  margin-top: 5px;
}
.u-upload button {
  height: 36px;
  line-height: 36px;
  padding: 0 30px;
  border: none;
  overflow: visible;
  font-size: 14px;
  color: #333;
  background: #f1f1f1;
  font-family: "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica;
}
.u-upload input {
  position: absolute;
  top: 0;
  right: -1px;
  font-size: 100px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.u-upload:hover button {
  background: #e2e0e0;
}
a.u-upload,
a.u-upload:hover {
  text-decoration: none;
}
.m-per-thumb .user-thumb {
  width: 75px;
  float: left;
  margin-right: 15px;
  text-align: center;
}
.m-per-thumb .user-thumb img {
  width: 75px;
  height: 75px;
  display: block;
  margin: 0;
  background: url("../bg/img-userthumb.jpg") no-repeat center center;
}
.m-per-thumb .update-userinfo {
  float: left;
}
.m-per-thumb .update-userinfo p {
  line-height: 28px;
  font-size: 14px;
}
/* 注册登录 reg-login */
/* ========================================================================
   Component: reg-login
 ========================================================================== */
.mod-regLogin {
  margin: 80px auto 120px auto;
}
.regLogin-hd {
  border-bottom: 1px solid #ececec;
}
.regLogin-hd .regLoginhd-box {
  padding-left: 150px;
  margin-bottom: -1px;
  padding-top: 10px;
}
.regLogin-hd .regLoginhd-box a {
  display: inline-block;
  height: 38px;
  margin: 0 50px;
  line-height: 38px;
  font-size: 18px;
  color: #666;
}
.regLogin-hd .regLoginhd-box a.active,
.regLogin-hd .regLoginhd-box a:hover {
  color: #ff4a03;
  border-bottom: 2px solid #ff4a03;
  text-decoration: none;
}
.regLogin-bd {
  padding: 40px 0;
}
.reg-login-l {
  width: 655px;
  float: left;
}
.fast-login-r {
  width: 344px;
  height: 290px;
  float: right;
  border-left: 1px solid #d9d9de;
}
.reg-login-l .m-form {
  padding-left: 150px;
}
.reg-login-l .m-form .formitm {
  padding: 15px 0 0;
}
.reg-login-l .m-form .formitm-1 {
  padding-left: 100px;
}
.reg-login-l .m-form .u-ipt {
  width: 206px;
  padding: 6px 5px;
  font-size: 12px;
}
.reg-login-l .m-form .u-btn {
  margin-top: 0;
}
.reg-login-l .m-form .reg-agree a {
  vertical-align: 0px;
}
.reg-login-l .m-form .gopass .ipt {
  width: 235px;
}
.email-suc {
  padding: 40px 0;
}
.email-suc .suc-info img {
  display: block;
  width: 44px;
  height: 44px;
  margin-right: 10px;
}
.email-suc .suc-info .suc-infop p {
  font-size: 14px;
  line-height: 24px;
  color: #444;
}
.email-suc .suc-btn {
  padding: 30px 0 0 48px;
}
.email-suc .suc-btn a {
  display: inline-block;
  margin-right: 20px;
}
.email-suc .suc-btn a:hover {
  color: #fff;
}
.email-suc .suc-btn a.go-news {
  background: #f1f1f1;
  color: #111;
}
/* 密码强度 */
.passwordStrength span {
  width: 70px;
  margin-left: 2px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  background: #c8c8c8;
  color: #fff;
}
.passwordStrength span.bgStrength {
  color: #fff;
  background-color: #71b83d;
}
/*  右侧微博、QQ账号登录  */
.fast-login-box {
  padding: 10px 0 0 90px;
}
.fast-login-box h2 {
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.fast-login-box a {
  display: block;
  margin-top: 20px;
}
.fast-login-box a img {
  display: block;
  width: 160px;
  height: 40px;
}
/* 找回密码  流程  */
/* 流程-》面包屑  */
.step-wrap {
  width: 609px;
  background: #f3f3f3;
  position: relative;
  margin-bottom: 18px;
  margin-left: 20px;
}
.step-wrap ul {
  height: 32px;
  overflow: hidden;
}
.step-wrap li {
  float: left;
  width: 203px;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 32px;
  color: #aaa;
}
.step-wrap li em {
  position: absolute;
  right: -24px;
  top: -8px;
  width: 0;
  height: 0;
  line-height: 0;
  border-width: 24px 0 24px 24px;
  border-color: transparent  transparent transparent #fff;
  border-style: dashed dashed dashed solid;
}
.step-wrap li i {
  position: absolute;
  right: -16px;
  top: 0;
  width: 0;
  height: 0;
  line-height: 0;
  border-width: 16px 0 16px 16px;
  border-color: transparent  transparent transparent #f0f0f0;
  border-style: dashed dashed dashed solid;
}
.step-wrap li b {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  vertical-align: -6px;
  *vertical-align: -2px;
}
.step-wrap li.current {
  background: #ff4a03;
  color: #fff;
  z-index: 1;
}
.step-wrap li.current i {
  border-color: transparent transparent transparent #ff4a03;
}
.find-way {
  color: #999;
}
.m-form-step {
  padding-left: 130px;
}
/* 小图标定位 */
.step-wrap li .icon-No1 {
  background-position: -32px -186px;
}
.step-wrap li .icon-No2 {
  background-position: -54px -186px;
}
.step-wrap li .icon-No3 {
  background-position: -76px -186px;
}
.step-wrap li.current .icon-No1 {
  background-position: -32px -208px;
}
.step-wrap li.current .icon-No2 {
  background-position: -54px -208px;
}
.step-wrap li.current .icon-No3 {
  background-position: -76px -208px;
}
/* 需求变更，让注册登录全部居中 */
.regLogin-autoHd {
  width: 533px;
  margin: 0 auto;
}
.regLogin-auto {
  width: 655px;
  margin: 0 auto;
  float: none;
}
/* 铃声 music */
/* ========================================================================
   Component: music
 ========================================================================== */
.bell-first {
  margin-top: 24px;
}
.iconbell {
  background: url('/images/v2/sprite-bell.png') no-repeat;
}
.iconbell-down {
  background-position: 0 0;
}
.iconbell-time {
  background-position: 0 -16px;
}
.iconbell-android {
  background-position: -18px 0;
}
/*  铃声页 */
.mod-bell-l {
  width: 540px;
  float: left;
  overflow: hidden;
}
.mod-bell-r {
  width: 440px;
  float: right;
}
/*  焦点图 */
.bell-slider-wrap {
  width: 540px;
  height: 302px;
  overflow: hidden;
  position: relative;
}
.bell-slider-wrap .picBox {
  width: 540px;
  height: 302px;
  overflow: hidden;
}
.bell-slider-wrap .picBox li {
  float: left;
}
.bell-slider-wrap .picBox li a {
  display: block;
}
.bell-slider-wrap .picBox li img {
  width: 540px;
  height: 302px;
}
.bell-slider-wrap .hd {
  position: absolute;
  right: 32px;
  bottom: 15px;
  background: #4f4f4f;
  padding: 4px 6px 4px 0;
  border-radius: 5px;
  margin-left: -4px;
}
.bell-slider-wrap .hd li {
  width: 8px;
  height: 8px;
  float: left;
  margin-left: 8px;
  background: #fff;
  border-radius: 50%;
}
.bell-slider-wrap .hd li.active {
  background: #ff4a03;
}
.bell-slider-wrap .hd li:hover {
  cursor: pointer;
}
/* 首屏右侧 */
.mod-appdown {
  padding: 20px 24px 24px;
  background: #fff;
}
.mod-appdown .bell-appthumb {
  width: 96px;
  height: 122px;
}
.mod-appdown .bell-appthumb img {
  width: 96px;
  height: 72px;
  display: block;
  padding-bottom: 5px;
}
.mod-appdown .bell-appthumb ul {
  display: block;
  height: 44px;
}
.mod-appdown .bell-appthumb ul li {
  line-height: 22px;
}
.mod-appdown .bell-appthumb ul li i {
  display: inline-block;
  width: 18px;
  height: 16px;
  vertical-align: -3px;
  *vertical-align: top;
}
.mod-appdown .bell-appthumb ul li span {
  padding-left: 5px;
  font-size: 12px;
  color: #999;
}
.mod-appdown .bell-appinfo {
  width: 272px;
  margin: -115px 0 0 120px;
}
.mod-appdown .bell-appinfo h2 {
  padding-bottom: 8px;
  font-size: 16px;
  color: #333;
}
.mod-appdown .bell-appinfo p {
  word-break: break-all;
  line-height: 22px;
  color: #666;
}
a.appdown-btn {
  display: block;
  margin-top: 8px;
  width: 268px;
  height: 38px;
  text-align: center;
  background: #88c300;
  line-height: 38px;
  font-size: 16px;
  color: #fff;
}
a.appdown-btn .iconbell-android {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: -6px;
  *vertical-align: top;
}
a.appdown-btn:hover {
  background: #96d506;
  text-decoration: none;
}
.mod-apptag {
  background: #f9f9f9;
  border-top: 1px solid #eee;
}
.mod-apptag .apptag-wrap {
  padding: 0 12px 12px 8px;
}
.mod-apptag .apptag-wrap a {
  display: inline-block;
  width: 68px;
  height: 25px;
  margin: 14px 0 0 10px;
  background: #fff;
  border: 1px solid #eee;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  color: #333;
}
.mod-apptag .apptag-wrap a:hover,
.mod-apptag .apptag-wrap a.active {
  background: #ff4a03;
  border: 1px solid #ff4a03;
  color: #fff;
  text-decoration: none;
}
/* 铃声列表 */
.mod-bell-list .news-con {
  height: 417px;
  *height: 425px;
}
.mod-bell-list .news-con .news-thumb img {
  display: block;
  width: 320px;
  height: 212px;
}
.music-info {
  padding: 12px;
}
.music-info .title a {
  font-size: 14px;
}
.music-info .title a.more {
  float: right;
  color: #ff4a03;
}
.music-info p {
  padding: 10px 0;
  height: 38px;
  overflow: hidden;
  line-height: 22px;
  color: #999;
}
/*  歌 列表  */
.pop-l .news-con .bell-list-wrap{
  overflow:hidden;
}
.pop-l .news-con .bell-list-wrap ul{ 
  height:245px;
  overflow-y:scroll;
}
.bell-list-wrap li {
  border-top: 1px solid #eee;
  float: none;
  margin-left: 0;
  margin-bottom: 0;
}
.bell-list-wrap li:nth-child(odd) {
  background: #f9f9f9;
}
.bell-list-wrap li:nth-child(even) {
  background: #fff;
}
.bell-list-wrap .music-li {
  position: relative;
  height: 34px;
  line-height: 34px;
}
.bell-list-wrap .music-li .ms-l {
  width: 70%;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bell-list-wrap .music-li .ms-l a {
  padding-left: 12px;
  font-size: 12px;
  color: #666;
}
.bell-list-wrap .music-li .ms-l a:hover {
  color: #ff4a03;
}
.bell-list-wrap .music-li .ms-r {
  position: absolute;
  width: 30%;
  top: 0;
  right: 0;
}
.bell-list-wrap .music-li .ms-r .play-time {
  display: inline-block;
  float: left;
  font-size: 12px;
  color: #666;
}
.bell-list-wrap .music-li .ms-r .list-cp {
  margin-left: 8px;
}
.bell-list-wrap .music-li .ms-r .list-cp a {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-top: 7px;
  margin-left: 3px;
  text-indent: -9999px;
  *vertical-align: 15px;
}
.bell-list-wrap .music-li .ms-r .list-cp a.btn-play {
  background-position: 0 -32px;
}
.bell-list-wrap .music-li .ms-r .list-cp a.btn-downs {
  background-position: 0 -50px;
}
/* 弹出层 */
.bell-pop-bg {
  position: fixed;
  _position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1;
  display: none;
}
.bell-pop-wrap {
  width: 700px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  position: absolute;
  z-index: 100;
  display: none;
}
.bell-pop-wrap .pop-mian {
  position: relative;
}
.bell-pop-wrap .pop-content {
  padding: 35px 35px 22px 25px;
}
.bell-pop-wrap .pop-l {
  width: 320px;
  float: left;
  border: 1px solid #eee;
}
.bell-pop-wrap .pop-l .news-con {
  height: auto;
}
.bell-pop-wrap .pop-r {
  width: 268px;
  float: right;
}
.bell-pop-wrap .pop-r .mod-appdown {
  padding: 0;
}
.bell-pop-wrap .pop-r .bell-appinfo {
  width: 148px;
}
a.bell-close {
  position: absolute;
  top: 10px;
  right: -30px;
  display: block;
  width: 30px;
  height: 30px;
  background: #ccc;
  color: #fff;
  text-align: center;
  font: bold 20px/30px '宋体';
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
a.bell-close:hover {
  background: #f60;
  text-decoration: none;
}
/* 铃声下载 */
.more-bell-wrap {
  margin-top: 20px;
  border-top: 1px solid #eee;
}
.more-bell-wrap h3 {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #999;
}
.more-bell-list {
  position: relative;
  margin-left: -20px;
}
.more-bell-list li {
  width: 124px;
  float: left;
  margin-left: 20px;
}
.more-bell-list li a.bell-thumb {
  width: 124px;
  height: 124px;
  position: relative;
  display: block;
}
.more-bell-list li a.bell-thumb img {
  width: 124px;
  height: 124px;
  display: block;
}
.more-bell-list li a.bell-thumb .bell-thumb-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 124px;
  height: 124px;
  z-index: 2;
  opacity: .7;
  filter: alpha(opacity=70);
  background: #222222 url('/images/v2/bell-thumb-bg.png') no-repeat center center;
  display: none;
}
.more-bell-list li a.bell-thumb:hover .bell-thumb-bg {
  display: block;
}
.more-bell-list li p {
  padding-bottom: 6px;
  line-height: 32px;
  text-align: center;
  display: block;
  word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.more-bell-list li p a {
  font-size: 12px;
  color: #999;
}
.more-bell-list li p a:hover {
  color: #ff4a03;
}

/* 首页铃声列表 */
.site-bell-wrap .news-con{
  width:306px;
}
.site-bell-wrap .news-con .news-thumb img{
  width:306px;
}
.site-bell-wrap .news-list{
  margin-top:20px;
}
/* 友情链接 */
.links_itmo h1{ font-size:18px; color:#333;}
.links_itmo .links{ padding: 15px 0 10px 0;}
.links_itmo .links a{ float: left; padding-right: 30px; white-space: nowrap; font-size: 14px; color: #999; line-height: 28px;}
.links_itmo .links a:hover{ color: #f30;}

/* 用户协议 */
.register-agreement{ display:none; position:relative; width:960px; margin:10px 0 0 -422px; padding:20px; background:#f5f5f5;}
.register-agreement-txt{ max-height:200px; overflow-x:hidden; overflow-y:auto; font-size:14px;}

/* 联系我们 */
.rel_left,.rel_right{ float:left; width:418px; margin-top:22px; padding:30px 35px; background:#fff; border:1px solid #ececec; font-size:14px; color:#666; line-height:24px;}
.rel_right{ margin-left:20px;}
.rel_txt1{ color:#01c3c3;}
.rel_txt1 i{ color:#ccc;}
.rel_pad{ padding:40px 0 25px;}
.rel_mail{ padding:38px 0 24px; font-weight:bold; color:#000;}

/* 日服国服 tab */
.news-gift-tab{ height:42px; border-bottom:1px solid #ececec;}
.news-gift-tab a{ float:left; width:50%; line-height:42px; font-size:18px; text-align:center; text-decoration:none;}
.news-gift-tab .current{ background:#01c3c3; color:#fff;}
.news-gift-tab .current.gift-tab{ background:#7ec419;}
.news-game{ padding:8px 0 4px;}
.news-game .ng-hd{ padding:0 8px 8px; *height:18px;}
.news-game .ng-hd span{ color:#333; font-size:13px; cursor:pointer; *float:left;}
.news-game .ng-hd span:hover{ color:#f60; text-decoration:none;}
.news-game .ng-hd .on{ color:#01c3c3; font-weight:bold;}
.news-game .ng-hd i{ display:inline-block; height:15px; margin:0 5px 0 2px; border-left:1px solid #c4c4c4; vertical-align:-3px; *vertical-align:1px;}
.news-game .ng-hd .on i{ border-left:3px solid #01c3c3;}
.news-game .ng-hd .more{ display:none; float:right; color:#666;}
.news-game .ng-hd .more:hover{ color:#f60; text-decoration:none;}
.news-game .ng-hd .on .more{ display:block;}
.news-game .ng-bd{ padding-left:3px;}
.news-game .ng-bd li{ float:left; width:60px; height:100px; padding:8px 9px 0; overflow:hidden;}
.news-game .ng-bd li a{ display:block; position:relative;}
.news-game .ng-bd li a:hover{ text-decoration: none;}
.news-game .ng-bd .g-icon{ position: absolute; right:-8px; top:-8px; width:28px; height:24px; background:url(/images/v2/gift.png) no-repeat;}
.news-game .ng-bd img{ width:60px; height:60px;}
.news-game .ng-bd .ng-txt{ height:35px; overflow:hidden; text-align:center;}
.news-game .ng-bd .ng-txt i{ display:inline-block; width:20px; height:14px; margin-right:3px; background:url(/images/flag.png) no-repeat; vertical-align:-2px;}

.gift{ padding:8px 8px 24px;}
.gift li{ padding:9px 0; height:30px;}
.gift .g-txt{ float:left; width:230px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; font-size:15px;}
.gift .g-txt i{ display:inline-block; width:3px; height:3px; margin-right:8px; background:#01c3c3; vertical-align:middle;}
.gift .gift-btn{ float:right; padding:0 20px; background:#01c3c3; font-size:14px; color:#fff; line-height:30px;}

/* 游戏筛选 */
.screen-wrap{ margin:0 auto; background:#fff;}
.letter-screen{ height:20px; padding:15px 10px 13px; border-top:1px solid #e6e6e6;}
.letter-screen a{ display:inline-block; min-width:15px; margin-right:15px; font-size:13px; border-bottom:1px solid #cacaca; text-decoration:none; text-align:center;}
.letter-screen a:hover,
.letter-screen .on{ font-weight:bold; color:#01c3c3; border-bottom:2px solid #01c3c3;}
.letter-screen .all,
.letter-screen .other{ padding:0 9px; background:#01c3c3; border:0; color:#fff; line-height:20px;}
.letter-screen .all:hover,
.letter-screen .other:hover{ border:0; font-weight:normal; color:#fff;}
.letter-screen .all{ margin-right:20px;}
.letter-screen .other{ margin-left:5px;}

.class-screen{ position:relative; padding:2px 10px 14px; border-top:1px solid #e6e6e6;}
.class-screen a{ display:inline-block; min-width:56px; padding:0 15px; margin:12px 0 0 7px; background:#fafafa; border:1px solid #eee; font-size:14px; color:#666; text-align:center; line-height:28px;}
.class-screen a:hover{text-decoration: none;color: #f30;}
.class-screen .all{ position:absolute; left:10px; top:2px; margin-left:0; background:#01c3c3;  border:1px solid #01c3c3; color:#fff;}
.class-screen .on{ background:#7ec419; color:#fff;}
.class-screen .class-con{ padding-left:93px;}

.screen-con{ border-top:1px solid #f4f4f4;}
.screen-con .sc-bd{ padding:24px 0 24px 14px; border-bottom:1px solid #f4f4f4;}
.screen-con .sc-bd li{ float:left; width:72px; padding:12px 18px;}
.screen-con .sc-bd a{ display:block; position:relative;}
.screen-con .sc-bd a:hover{text-decoration: none;}
.screen-con .sc-bd img{ width:72px; height:72px;}
.screen-con .sc-bd .sc-txt{ text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.turn-page{ padding:22px 0; text-align:center;}
.turn-page a{ display:inline-block; padding:0 108px; background:#01c3c3; line-height:46px; color:#fff; font-size:18px;}
 
/************ 充值中心 ************/
.charge-header{ height:81px; background:#fff url(/images/charge-nav_bg.jpg) no-repeat center bottom;}
.charge-header .head-h{ float:left; height:79px; margin-left:-24px; padding-left:21px; background:url(/images/head-h.jpg) no-repeat;}
.charge-header .head-h h2{ font-size:18px; color:#666; line-height:79px;}
  /* 选择游戏 */
.charge-center{ position:relative; margin:20px auto 55px; background:#fff; border:1px solid #ececec;}
.charge-center-con{ padding:54px 30px 42px;}
.charge-center-tab{ height:60px; padding:0 0 28px 18px;}
.charge-center-tab li{ float:left; margin:0 3px; position:relative; display:block; width:220px; background:#fafafa; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; font-size:18px; color:#666; line-height:58px; text-align:center;}
.charge-center-tab li.c-first{ width:219px; border-left:1px solid #e9e9e9;}
.charge-center-tab li.c-last{ width:219px; border-right:1px solid #e9e9e9;}
.charge-center-tab li .c-arrow-l,
.charge-center-tab li .c-arrow-r{ position:absolute; top:-1px; width:31px; height:60px; background:url(/images/v2/c-arrow.png) no-repeat;}
.charge-center-tab li .c-arrow-l{ left:0;}
.charge-center-tab li .c-arrow-r{ right:0; background-position:0 -65px;}
.charge-center-tab .c-over{ background:#01c3c3; border-top:1px solid #01c3c3; border-bottom:1px solid #01c3c3; color:#fff;}
.charge-center-tab .c-over .c-arrow-l{ background-position:0 -195px;}
.charge-center-tab .c-over .c-arrow-r{ background-position:0 -130px;}
.charge-center-tab .c-first.c-over{ border-left:1px solid #01c3c3;}
.charge-center-tab .c-last.c-over{ border-right:1px solid #01c3c3;}
.c-center-wrap{ position:relative; padding:0 30px; border:1px solid #56d9d9;}
.c-game-con{ padding-top:28px;}
.c-center-title{ padding-left:20px; border-bottom:1px solid #eee; font-size:16px; line-height:46px;}
.c-center-game{ padding:50px 0 14px 10px;}
.c-center-game li{ float:left; width:114px; padding:0 29px 43px 29px;}
.c-center-game li a{ display:block; position:relative; color:#333;}
.c-center-game li img{ width:114px; height:114px;}
.c-center-game li .c-text{ padding-top:5px; font-size:14px; color:#666; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.c-center-wrap .c-top-arrow,
.c-center-wrap .c-top-arrow span{ position:absolute; width:0; height:0; border:8px dashed transparent;}
.c-center-wrap .c-top-arrow{ left:128px; top:-16px; border-bottom:8px solid #01c3c3;}
.c-center-wrap .c-top-arrow span{ left:-8px; top:-7px; border-bottom:8px solid #fff;}
  /* 选择完毕--首充号 */
.c-center-title .g-name{ font-size:24px; font-weight:bold;}
.c-service{ padding:84px 0 90px 166px;}
.c-service .serv-item{ float:left; width:142px; height:142px; margin-left:30px; text-align:center;}
.c-service .or{ background:#fff; font-size:26px; font-weight:bold; color:#666; line-height:142px;}
.c-service .s-txt{ padding-top:12px; font-size:15px; line-height:22px; font-weight:bold;}
.c-service .first-charge{ color:#008888;}
.c-service .behalf-charge{ color:#ff4a03;}
  /* 选好游戏--代充--检查账号成功 */
.c-info-top{ padding:10px 0 30px 205px; border-bottom:1px solid #eee;}
.info-item{ padding-top:12px; font-size:16px; line-height:32px;}
.info-item label{ float:left; width:90px; margin-right:10px; text-align:right;}
.info-item .inft-ipt{ position:relative; float:left; color:#666;}
.info-item .inft-ipt input{ width:304px; height:24px; padding:3px; border:1px solid #e2e2e2; line-height:24px; color:#999; font-size:14px;}
.info-item .inft-ipt select{ width:312px; height:32px; border:1px solid #e2e2e2; color:#999; font-size:14px;}
.info-item .judge-icon{ position:absolute; left:322px; top:7px; width:20px; height:20px; background:url(/images/v2/judge-icon.jpg) no-repeat}
.info-item .judge-tips{ font-size:13px; color:#ff4a03;}
.c-info-bot{ padding-bottom:34px;}
.c-info-bot .info-bot-title{ padding:8px 0 5px 115px; font-size:18px; line-height:40px;}
.c-discount{ padding-left:91px;}
.c-discount *{
  transition:none;
  -moz-transition:none; /* Firefox 4 */
  -webkit-transition:none; /* Safari and Chrome */
  -o-transition:none; /* Opera */
}
.c-discount li{ position: relative; float:left; width:198px; height:98px; margin:0 0  24px 24px; border:1px solid #01c3c3; font-size:16px; line-height:28px; font-weight:bold; text-align:center;}
.c-discount li:hover{ border:1px solid #0AA3A3;}
.c-discount li .discount-item{ display:block; padding:20px 0; color:#00a1a1;}
.c-discount li .discount-item:hover{ text-decoration:none;}
.c-discount li .discount-item:active{ color:#fff;}
.discount-item .discount-price{ font-size:18px;}
.discount-item .discount-price span{ color:#ff7200; font-size:26px;}
.c-discount li .tick-icon{ display:none; position:absolute; right:5px; bottom:5px; width:28px; height:20px; background:url(/images/v2/tick-icon.png) no-repeat;}
.c-discount .li-tick{ background:#01c3c3; color:#fff;}
.c-discount .li-tick .discount-item{ color:#fff;}
.li-tick .discount-price span{ color:#fff601;}
.c-discount li.li-tick .tick-icon{ display:block;}
.c-pay-btn{ display:block; width:180px; height:50px; margin:0 auto; background:#ff4a03; color:#fff; font-size:18px; text-align:center; line-height:50px;}
.c-pay-btn:hover{ background:#f24501; color:#fff; text-decoration:none;}
  /* 选择完毕--首充号 */
.info-item .judge-message{ float:left; width:255px; margin-left:6px; color:#999; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  /* itmo支付完毕 */
.c-paid{ padding:80px 120px;}
.c-paid p{ position:relative; padding-left:60px; font-size:22px; color:#333; line-height:36px;}
.c-paid p .paid-icon{ position:absolute; left:0; top:-5px; width:46px; height:46px; background:url(/images/v2/paid.png) no-repeat;}
.c-paid p .p-center{ color:#ff4a03; font-weight:bold;}

/* 礼包列表 */
.gift-com{ 
  border-top:1px solid #e6e6e6; 
  background:#fff;
}
.gift-com-l{
  float:left;
  width:32px;
  padding:0 12px;
  border-right:1px solid #f4f4f4;
  font-size:16px;
  color:#666;
}
.gift-com-r{ 
  float:left;
  padding:16px;
}
.g-species .gift-com-l{
  line-height:64px;
}
.g-species .g-options{
  display:inline-block;
  width:88px;
  margin-right:10px;
  background:#fafafa;
  border:1px solid #eee;
  line-height:30px;
  text-align:center;
  color:#666;
  font-size:14px;
}
.g-species .g-options-on{
  background:#7ec419;
  color:#fff;
  border:1px solid #7ec419;
}
.g-letter{
  margin-top:20px;
}
.g-letter .gift-com-l{
  line-height:80px;
}
.g-letter .gift-com-r{
  padding-bottom:6px;
}
.gift-com-mid{ 
  float:left;
  width:40px;
}
.gift-com-mid a{ 
  display:inline-block;
  width:40px;
  line-height:20px;
  background:#01c3c3;
  color:#fff;
  font-size:13px;
  text-align:center;
}
.gift-com-mid a.all{
  margin-bottom:10px;
}
.g-letter .letter-box{
  float:left;
  width:550px;
  height:60px;
  margin-left:20px;
}
.g-letter .letter-box a{
  display:inline-block; 
  min-width:15px; 
  margin-right:15px; 
  margin-bottom:10px;
  font-size:13px; 
  border-bottom:1px solid #cacaca; 
  text-decoration:none; 
  text-align:center;
}
.g-letter .letter-box a:hover,
.g-letter .letter-box .on{ 
  font-weight:bold; 
  color:#01c3c3; 
  border-bottom:2px solid #01c3c3;
}
.gift-list-wrap .gift-list{
  margin-left:-20px;
  margin-bottom:28px;
  padding-bottom:10px;
  border-bottom:1px solid #dfdfdf;
}
.gift-list li{
  float:left;
  width:200px;
  padding:14px 10px;
  margin:0 0 18px 20px;
  overflow:hidden;
}
.gift-list .gift-list-hd{
  height:75px;
  padding-bottom:14px;
  border-bottom:1px solid #d9d9d9;
}
.gift-list-hd .g-thumb{
  float:left;
}
.gift-list-hd .gName-tit{
  padding-left:82px;
  color:#666;
}
.gift-list-hd .gName-tit h3{
  height:38px;
  color:#000;
  font-size:15px;
  overflow:hidden;
}
.gift-list-hd .gName-tit h3 a{
  display:block;
}
.gift-list-hd .gName-tit h3 a:hover{
  color:#f60;
}
.gift-list .gl-btn{
  display:inline-block;
  width:116px;
  height:32px;
  line-height:32px;
  color:#fff;
  font-size:16px;
  text-align:center;
  text-decoration:none;
}
.gift-list-hd .gName-tit .g-downl-btn{
  margin-top:4px;
  background:#ff4a03;
}
.gift-list-bd .gl-bd-tit{
  padding:10px 0 5px;
}
.gift-list-bd .gl-bd-tit a{
  display: block;
  font-size:14px;
  color:#666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gift-list-bd .gl-bd-tit a:hover{
  color:#f60;
}
.gift-list-bd .gl-bd-txt{
  height:90px;
  overflow:hidden;
  color:#b1b1b1;
  line-height:15px;
}
.gl-bd-bt .gl-receive-num{
  float:left;
  line-height:16px;
}
.down-gift{
  position:relative;
}
.gift-list-bd .gl-bd-bt .gl-receive{
  float:right;
  background:#01c3c3;
}
.gift-list-bd .gl-bd-bt .gl-receive-end{
  float:right;
  background:#8f8f8f;
}
.gift-list-bd .gl-bd-bt{
  padding-top:10px;
}
.down-gift .apk-btn{
  position:absolute;
  top:36px;
  left:0;
}
.gift-list .apk-btn-con{
  display:block;
}
.gift-list .apk-btn-con a {
  display: block;
  width: 114px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #666;
  border: 1px solid #eee;
  text-align: center;
  background: #fff;
  margin-bottom: -1px;
}
.gift-list .apk-btn-con a:hover{
  color:#f60;
}
.g-turn-page{
  text-align:center;
}
.g-turn-page a{
  display:inline-block;
  width:250px;
  line-height:46px;
  background:#01c3c3;
  font-size:18px;
  color:#fff;
  text-align:center;
}

/* 文章页评论 */
.view-comment{ padding:5px 20px;}
.tie_title{ padding:20px 0; border-bottom:1px solid #E5E5E5;}
.tie_title strong{ width:36px; height:30px; padding-left:50px; background:url(/images/tie.jpg) no-repeat left center; font-size:30px; color:#333; line-height:30px;}
.mod_review{ padding-top:10px;}
.review_hd h3{ color:#000; font-size:16px; line-height:34px;}
.review_wrap .review_li{ padding-top:22px; border-bottom:1px solid #DFDFDF;}
.r_aside{ position:relative; padding-left:12%;}
.r_aside .r_user_pto{ position:absolute; left:0; top:0;}
.r_aside .r_user_pto img{ width:60px; height:60px;}
.r_aside .r_user_info{ min-height:60px;}
.r_user_info .r_user_name a{ font-size:16px; color:#333;}
.r_user_info .r_info{ padding-top:5px; font-size:14px;}
.r_detail{ padding:8px 0 12px;}
.r_detail span{ margin-right:20px; color:#999;}
.r_detail a{ color:#999;}
.r_detail a:hover{ text-decoration:none; color:#e4500a;}
.r_detail .r_icon{ display:inline-block; width:16px; height:16px; margin-right:3px; background:url(/images/reply-icon.png) no-repeat; vertical-align:-3px;}
.r_detail .r_praise .r_icon{ background-position:-16px 0;}
.r_detail .r_reply:hover .r_icon{ background-position:0 -16px;}
.r_detail .r_praise:hover .r_icon{ background-position:-16px -16px;}
.user_info_li{ padding-top:15px; border-top:1px solid #EDEDED;}
.r_aside_s{ position:relative; padding-left:9%;}
.r_aside_s .r_user_pto_s{ position:absolute; left:0; top:0;}
.r_aside_s .r_user_pto_s img{ width:40px; height:40px;}
.user_info_s .r_user_name_s a{ font-size:14px; color:#f60;}
.user_info_s .r_info_s{ font-size:13px;}
.user_info_s .r_info_s a{ color:#f60;}
.mod_comment{ padding-top:20px;}
.textarea_wrap{ padding-right:12px; border:1px solid #ccc; border-radius:4px; overflow:hidden;}
.textarea_wrap textarea{ width:100%; height:74px; max-height:800px; overflow-x:hidden; overflow-y:auto; padding:6px; border:0; word-wrap:break-word; resize:none; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.15) inset;}
.com_post{ position:relative; padding:10px 0 20px;}
.com_post .com_post_btn{ float:right; min-width:76px; padding:0 10px; background:#f60; border-radius:4px; color:#fff; font-size:14px; line-height:34px; text-align:center;}
.com_post .com_post_btn:hover{ background:#e4500a; text-decoration:none;}
.com_post .emotion{ width: 60px; height: 20px; overflow: hidden; background: url(/images/emotion-icon.gif) no-repeat 2px 2px; padding-left: 20px; cursor: pointer;}
.com_post .emotion:hover{ background-position:2px -28px;}
#facebox{ display:none; position: absolute; background:#fff; z-index: 1000; top: 34px; left: 0; padding:2px; border:1px #dfe6f6 solid;}
#facebox td img{ cursor:pointer; border: 1px #fff solid;}
#facebox td img:hover{ border: 1px #0066cc solid;}
.mod_reply{padding:0;}
.mod_reply .r_aside{ padding:0;}
.mod_reply textarea{ height:auto;}
/* 文章广告 */
.ad-w1000-box{ margin-top:10px;}
.ad-w1000-box img{ max-height:130px;}
/* 专区板块分页 */
.holder { position: absolute; top:8px; right:0;}
.holder a { display:inline-block; float:none; padding:0 7px; cursor: pointer; margin: 0 2px; border:1px solid #deddde; border-radius:3px; line-height:20px;}
.holder a:hover { color: #f60; border:1px solid #f60; text-decoration:none;}
.holder a.jp-previous { margin-right: 5px; }
.holder a.jp-next { margin-left: 5px; }
.holder a.jp-current, a.jp-current:hover { border:0; color: #f60; font-weight: bold;}
.holder a.jp-disabled, a.jp-disabled:hover { color: #999;}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover { border:0; cursor: default;}
.holder span { margin: 0 2px; }

/* 文章页 分享组件样式 */
.bdshare-button-style1-32{ width:230px; margin:10px auto;}

/* 首页侧栏广告 */
.widget-ad .widget-ad-left{ position:absolute; top:0; margin-left:-305px;}
.widget-ad .widget-ad-right{ position:absolute; top:0; margin-left:1005px;}
.widget-ad .widget-ad-left.fixed{ position:fixed; top:45px;}
.widget-ad .widget-ad-right.fixed{ position:fixed; top:45px;}


.catalog {padding:15px 0 10px;color: #414141;font-family: "宋体";}
.catalog a{ color: #666;}
.catalog a:hover{ color: #f30;}
.fc-org {color: #f30;}
.catalog .fc-blue{ float: right; margin-right: 302px; font-size: 14px; color: #5158F6;}
.catalog .fc-blue:hover{ color: #f30;}

/*    攻略页面 2016.04.28 */
.newsyou-nav{
  text-align: center;
}
.newsyou-nav-banner{
  display: block;
  width: 1000px;
  height: 125px;
}
.newsyou-nav-banner img{
  width: 100%;
  height: auto;
}
.newsyou-nav-com .nav-com-ul{
  margin-right: -7px;
}
.newsyou-nav-com .nav-com-li{
  position: relative;
  margin-right: 7px;
  width: 194px;
  height: 117px;
}
.newsyou-nav-com .nav-com-li a{
  display: block;
  position: relative;
  width: 194px;
  height: 117px;
  overflow: hidden;
}
.newsyou-nav-com .nav-com-li a img{
  width: 100%;
  min-height: 117px;
}
.newsyou-nav-com .nav-com-li a span{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 28px;
  font-size: 16px;
  line-height: 28px;
  width: 100%;
  /*text-indent: 1em;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color:rgba(1, 0, -2, 0.5);
  color: #fff;
}
.newsyou-nav-com .nav-com-li a:hover span{
  color: #f30;
  text-decoration: none;
}
.gonglue-container{
  background-color: #fff;
}
.gonglue-container .gonglue-section{
  padding-top: 16px;
}
/* grid-l */
.gonglue-container .gonglue-head{
  height: 32px;
  line-height: 32px;
  border-left: 12px solid #ffaa24;
  padding-left: 26px;
  margin-bottom: 17px;
}
.gonglue-container .gonglue-head h2{
  display: inline-block;
  font-size: 20px;
  color: #4d4d4d;
}
.gonglue-container .gonglue-head-more{
  font-size: 14px;
}
.gonglue-section .gonglue-wrap-list{
  margin:0px 0px -20px -20px;
}
.gonglue-wrap-list .gonglue-con{
  float: left;
  margin-left: 20px;
  border:1px solid #e7e7e7;
  height: 298px;
  width:218px;
  overflow: hidden;
}
.gonglue-wrap-list .gonglue-thumb{
  display: block;
  width: 218px;
  height: 132px;
  overflow: hidden;
}
.gonglue-wrap-list .gonglue-thumb img{
  width:100%;
  height: 100%;
}
.gonglue-wrap-list .gonglue-wrap{
  padding:10px 12px 0px 12px;
  height: 156px;
  overflow: hidden;
}
.gonglue-wrap-list .gonglue-wrap .gonglue-title{
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.gonglue-wrap-list .gonglue-wrap .gonglue-a-type{
  color: #ff4a03;
}
.gonglue-wrap-list .gonglue-wrap .author{
  height: 26px;
  overflow: hidden;
  line-height: 26px;
  color: #999;
}
.gonglue-wrap-list .gonglue-wrap .author span{
  padding-right: 4px;
}
.gonglue-wrap-list .gonglue-wrap .gonglue-info{
  line-height: 28px;
  color: #666;
}
/* grid-l  end */ 
/* grid-r  */
.gonglue-container .gonglue-r{
  padding-top: 45px;
}
.gonglue-container .gonglue-r-banner{
  display: block;
  width: 280px;
  height: auto;
  margin: 20px 0px 15px 0px;
}
.gonglue-container .gonglue-r-banner img{
  width: 100%;
  height: auto;
}
.gonglue-container .gonglue-r-author{
  width: 278px;
  border: 1px solid #e7e7e7;
}
.gonglue-container .gonglue-r-author .author-title{
  padding-left: 26px;
  font-size: 20px;
  height: 43px;
  line-height: 43px;
  border-bottom: 2px solid #ff860f;
}
.gonglue-r-author .gonglue-r-la{
  padding:12px 10px;
}
.gonglue-r-author .gonglue-r-list{
  line-height: 26px;
  height: 26px;
  padding: 4px 0;
  font-size: 14px;
}
.gonglue-r-author .gonglue-r-list a{
  display: block;
  overflow: hidden;
  color: #6f6f6f;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gonglue-r-author .gonglue-r-list a:hover{
  color: #f30;
  text-decoration: none;
}
/* grid-r  end */
/*    攻略页面 2016.04.28  end*/
/*    排行榜页面 2016.04.28  */
.seo-section-container{
  background-color: #fff;
}
.integrate{
  display: inline-block;
  width: 50px;
  height: 53px;
  background: url(/images/integrate.png);
}
.seo-header{
  width: 100%;
  padding: 30px 0px;
}
.seo-header-wrap{
  text-align: center;
  padding: 0px 2px;
}
.seo-header .seo-header-list{
  float: left;
  width: 166px;
} 
.seo-header .seo-header-list a{
  display: inline-block;
  width: 76px;
}
.seo-header .seo-header-list .integrate-hot{
  background-position: -0px -0px;
}
.seo-header .seo-header-list .integrate-guo{
  background-position: -53px -0px;
}
.seo-header .seo-header-list .integrate-ri{
  background-position: -106px -0px;
}
.seo-header .seo-header-list .integrate-wang{
  background-position: -159px -0px;
}
.seo-header .seo-header-list .integrate-only{
  background-position: -212px -0px;
}
.seo-header .seo-header-list .integrate-add{
  background-position: -265px -0px;
}
.seo-header .seo-header-list a span{
  display:inline-block;
  width: 76px;
  height: 30px;
  border-radius: 6px;
  line-height: 30px;
  text-align: center;
  color:#969696;
  font-size: 15px;
  margin-top: 7px;
}
.seo-header-list a:hover .integrate-hot,
.seo-header-list.on a .integrate-hot{
 background-position: -318px -0px;
}
 .seo-header-list a:hover .integrate-guo,
 .seo-header-list.on a .integrate-guo{
  background-position: -0px -53px
}
 .seo-header-list a:hover .integrate-ri,
 .seo-header-list.on a .integrate-ri{
  background-position: -53px -53px
}
 .seo-header-list a:hover .integrate-wang,
 .seo-header-list.on a .integrate-wang{
  background-position: -106px -53px
}
 .seo-header-list a:hover .integrate-only,
 .seo-header-list.on a .integrate-only{
  background-position: -159px -53px
}
.seo-header-list a:hover .integrate-add,
.seo-header-list.on a .integrate-add{
  background-position: -212px -53px
}
.seo-header-list.on a span,
.seo-header-list.on a:hover span{
  color:#fff;
  font-size: 15px;
  background-color:#ffaa24;
}
 .seo-header-list a:hover span{
  color: #ffaa24;
 }
.seo-article-wrap{
  padding: 30px 0px 0px 16px;
  min-height: 1500px;
}
.seo-article-wrap .seo-article-list{
  padding-bottom:56px;
}
.seo-article-wrap .seo-article-list .list-num{
  height: 120px;
  line-height: 120px;
  color: #969696;
  width: 50px;
  font-size: 24px;
  text-align: center;
  position: relative;
}
.seo-article-list .list-num .integrate{
  position: relative;
  top:-98px;
  width: 50px; 
  height: 77px;
}
.seo-article-list .list-num .integrate.frist{
  background-position: -0px -115px; 
}
.seo-article-list .list-num .integrate.second{
  background-position: -60px -115px;
}
.seo-article-list .list-num .integrate.third{
  background-position: -125px -115px; 
}
.seo-article-wrap .list-cetner{
  margin-left: 13px;
}
.seo-article-wrap .list-cetner .list-center-img{
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 10px;
}
.seo-article-wrap .list-center-center{
  margin: 0px 22px;
}
.seo-article-wrap .list-center-center .center-title{
   font-size: 24px;
   line-height: 24px;
   color: #242424;
}
.seo-article-wrap .list-center-center .center-num{
  color:#969696;
}
.seo-article-wrap .list-center-center .center-center{
  margin: 20px 0px;
}
.seo-article-wrap .list-center-center .center-num .num{
  color: #f49e15;
}
.seo-article-wrap .list-center-center .center-leix{
  display: inline-block;
  color:#969696;
  margin-left: 54px;
}
.seo-article-wrap .list-center-center .center-icon:hover{
  text-decoration: none;
}
.seo-article-wrap .list-center-center .center-bottom{
  margin-right: -8px;
}
.seo-article-wrap .list-center-center .center-icon{
  display: inline-block;
  width: 148px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  margin-right: 8px;
}
.seo-article-wrap .list-center-center .center-icon.icon-and{
  background-color:#69c437; 
} 
.seo-article-wrap .list-center-center .center-icon.icon-ios{
  background-color:#2ea5d7; 
} 
.seo-article-wrap .list-center-center .center-icon.icon-gonlue{
  background-color:#f9c026; 
} 
.seo-article-wrap .list-center-center .center-icon.no-active{
  background-color: #808080;
  cursor: text;
}
.seo-article-wrap .list-center-center .center-icon .integrate-and{
  background-position: -305px -95px;
  width: 26px; 
  height: 29px;
  vertical-align: -7px;
  margin-right: 6px;
}
.seo-article-wrap .list-center-center .center-icon .integrate-ios{
  background-position: -310px -60px; 
  width: 24px; 
  height: 29px;
  vertical-align: -7px;
  margin-right: 6px;
}
.seo-article-wrap .list-center-center .center-icon .integrate-gonlue{
  background-position: -345px -55px;
  width: 25px; 
  height: 29px;
  vertical-align: -8px;
  margin-right: 6px;
}
.seo-article-wrap  .list-right-a{
  display: inline-block;
  margin-right: 16px;
  text-align: center;
  width: 75px;
  height: 120px;
  overflow: hidden;
}
.seo-article-wrap  .list-right-a img{
  width: auto;
  height: 100%;
}
.seo-section-bottom {
  margin: 15px 0px;
}
.seo-section-bottom .seo-page{
  display: block;
  width:130px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #ffaa24;
  border-radius: 10px;
}
.seo-section-bottom .seo-page:hover{
  text-decoration: none;
  background-color:#ff7800;
}
.seo-section-bottom .integrate.pre{
  background-position: -275px -55px; 
  width: 22px; 
  height: 19px;
  vertical-align: -4px;
}
.seo-section-bottom .integrate.next{
  background-position: -270px -80px;
  width: 22px; 
  height: 19px;
  vertical-align: -4px;
}
/*    排行榜页面 2016.04.28  end*/
/*  视频首页 2016.05.04       */
.img-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 1s ease;
}
.it-text-cover {
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 35%,rgba(0,0,0,.99) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(35%,rgba(0,0,0,.4)),color-stop(100%,rgba(0,0,0,.99)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 35%,rgba(0,0,0,.99) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 35%,rgba(0,0,0,.99) 100%);
  background-repeat: repeat-x;
  background-position: center bottom;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
}
a:hover .img-hover{
  background: #000;
  filter:alpha(opacity=50);
  background: rgba(0,0,0,0.5);
}
.newsyou-nav .section-radio-list-l{
  position: relative;
  float: left;
  width: 500px;
  height: 274px;
  overflow: hidden; 
}
.newsyou-nav .section-radio-list-l img{
  width: 500px;
  min-height: 274px;
}
.newsyou-nav .radio-nav-com .radio-text-opa{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38px;
  background: #000;
  opacity: 0.7;
}
.newsyou-nav .radio-nav-com .radio-text-bt{
  width: 100%;
  height: 38px;
  padding: 0;
  line-height: 38px;
  text-align: left;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: #000;
  opacity: 0.7;
}
.newsyou-nav .radio-nav-com .r-icon {
  float: left;
  width: 38px;
  height: 38px;
  display: inline-block;
  background: url(/images/v3/itmo-icon.png) no-repeat;
  background-position: -206px -310px;
  background-color: #000;
}
.newsyou-nav .radio-nav-com a:hover .radio-text-bt{
  color: #f30;
}
.newsyou-nav .section-radio-list-r{
  float: left;
  width: 500px;
  margin-bottom: -20px;
}
.newsyou-nav .section-radio-list-r .section-radio-list-item {
  position: relative;
  float: left;
  width: 225px;
  height: 123px;
  margin: 0 0 28px 25px;
  overflow: hidden;
}
.newsyou-nav .section-radio-list-item img {
  width: 225px;
  min-height: 123px;
}
.radio-container{
  background: #fff;
}
.radio-container .gonglue-section{
  padding-top: 16px;
}
.radio-container .radio-ban-sr .radio-ban-s{
  position: relative;
}
.radio-container .radio-ban-sr .radio-ban-s a{
  display: block;
  width: 280px;
  height: 105px;
  overflow: hidden;
}
.radio-container .radio-ban-sr .radio-ban-s img {
  width: 100%;
  height: auto;
}
.radio-container .radio-ban-sr .article-text-bt {
  font-size: 15px;
}
.radio-container .radio-ban-sr .radio-ban-opa{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:36px;
  background:#000;
  opacity:0.7;
}
/* grid-l */
.radio-container .radio-head{
  height: 32px;
  line-height: 32px;
  border-left: 12px solid #ffaa24;
  padding-left: 26px;
  margin: 24px 0px;
}
.radio-container .radio-head h2{
  display: inline-block;
  font-size: 20px;
  color: #4d4d4d;
}
.radio-container .radio-head-more{
  font-size: 14px;
}
.radio-section .radio-wrap-list{
  // margin-left:10px;
}
.radio-wrap-list .radio-con{
  float: left;
  margin-left: 11px;
  border:1px solid #e7e7e7;
  height: 265px;
  width:220px;
  overflow: hidden;
}
.radio-wrap-list .radio-thumb{
  display: block;
  width:220px;
  height: 132px;
  overflow: hidden;
}
.radio-wrap-list .radio-thumb img{
  width: 100%;
  height: 100%;
}
.radio-wrap-list .radio-wrap{
  padding:10px 12px 0px 12px;
  height: 156px;
  overflow: hidden;
}
.radio-wrap-list .radio-wrap .radio-title{
  font-size: 14px;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
}
.radio-wrap-list .radio-wrap .author{
  height: 26px;
  overflow: hidden;
  line-height: 26px;
  color: #999;
}
.radio-wrap-list .radio-wrap .radio-a-type{
  color: #ff4a03;
}
.radio-wrap-list .radio-wrap .radio-info{
  line-height: 26px;
  color: #666;
}
/* grid-l  end */ 
/* grid-r  */
.radio-container .radio-r{
  padding-top: 80px;
}
.radio-container .radio-r-banner{
  display: block;
  width: 280px;
  height: auto;
  margin: 20px 0px 15px 0px;
}
.radio-container .radio-r-banner img{
  width: 100%;
  height: auto;
}
.radio-container .radio-r-author {
  width: 278px;
  border: 1px solid #e7e7e7;
}
.radio-container .radio-r-author .author-title{
  padding-left: 26px;
  font-size: 20px;
  height: 43px;
  line-height: 43px;
  border-bottom: 2px solid #ff860f;
}
.radio-container .radio-r .radio-r-list .list-num {
  height: 35px;
  line-height: 35px;
  color: #969696;
  margin-right: 5px;
  position: relative;
}
.radio-container .radio-r-author .author-title{
  padding-left: 26px;
  font-size: 20px;
  height: 43px;
  line-height: 43px;
  border-bottom: 2px solid #ff860f;
}
.radio-r-author .radio-r-la{
  padding:12px;
}
.radio-r-author .radio-r-list{
  line-height: 35px;
  height: 35px;
  font-size: 14px;
}
.radio-r-author .radio-r-list .dot{
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 10px;
  background: #f6505c;
  border-radius: 50%;
  vertical-align: 10px;
}
.radio-r-author .radio-r-list a{
  width: 230px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* grid-r  end */
.radio-r-author .radio-r-list.radio-top-three .list-num{
  position: relative;
  width: 92px;
  height: 74px;
  margin-right:12px;
}
.radio-r-author .radio-r-list.radio-top-three .list-num span{
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ff860f;
  width: 21px;
  height: 21px;
  line-height: 21px;
  color: #fff;
  text-align: center;
  border-bottom-right-radius: 8px;
}
.radio-r-author .radio-r-list.radio-top-three{
  height: 74px;
  margin-bottom: 24px;
}
.radio-r-author .radio-r-list.radio-top-three .list-num img{
  width: 92px;
  height: 74px;
}
.radio-r-author .radio-r-list.radio-top-three  a{
  width: 150px;
  height: 45px;
  margin: 15px 0px;
  line-height: 24px;
  white-space: normal;
  overflow: hidden;
}
/*  视频首页 2016.05.04 end    */
/*  测评首页 2016.05.06  */
.ceping-nav-wrap{
  background-color: #fff;
  padding:0px 3px 0px 1px;
}
.ceping-nav-wrap .ceping-nav-list{
  position: relative;
  float: left;
  width: 164px;
  height: 250px;
  margin-left: 2px;
  overflow: hidden;
}
.ceping-nav-wrap .ceping-nav-list img{
  display: inline-block;
  width: 165px;
  height: 250px;
}
.ceping-nav-wrap .ceping-nav-list .ceping-num{
  position: absolute;
  top: 0px;
  right: 0px;
  background-position: -180px -115px; 
  width: 65px; 
  height: 65px;
  line-height: 65px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.ceping-nav-wrap .ceping-text-cover {
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 35%,rgba(0,0,0,.4) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(35%,rgba(0,0,0,.3)),color-stop(100%,rgba(0,0,0,.4)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 35%,rgba(0,0,0,.4) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0.) 0,rgba(0,0,0,.3) 35%,rgba(0,0,0,.4) 100%);
  background-repeat: repeat-x;
  background-position: center bottom;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
}
.ceping-nav-wrap .ceping-text-bt{
 position: absolute;
 bottom: 0px;
 left: 0px;
 height: 50px;
 color: #fff;
 font-size: 18px;
 padding:0px 8px 12px 22px;
}
.ceping-nav-wrap .ceping-text-bt .integrate{
  height: 27px;
  vertical-align: -6px;
}
.ceping-nav-wrap .ceping-text-bt .ceping-1{
  background-position: -0px -195px;
  width: 12px; 
}
.ceping-nav-wrap .ceping-text-bt .ceping-2{
  background-position: -12px -194px; 
  width: 25px;
}
.ceping-nav-wrap .ceping-text-bt .ceping-3{
  background-position: -37px -194px;
  width: 25px;
}
.ceping-nav-wrap .ceping-text-bt .ceping-4{
  background-position: -62px -194px;
  width: 25px; 
}
.ceping-nav-wrap .ceping-text-bt .ceping-5{
  background-position: -87px -194px;
  width: 24px; 
}
.ceping-nav-wrap .ceping-text-bt .ceping-6{
  background-position: -115px -195px;
  width: 26px; 
}
.ceping-nav-wrap .ceping-text-bt .ceping-text-btc{
  width: 108px;
  line-height: 25px;
  display: inline-block;
  max-height: 60px;
  overflow: hidden;
}
.ceping-container .ceping-head {
  height: 32px;
  line-height: 32px;
  border-left: 12px solid #ffaa24;
  padding-left: 26px;
  margin-bottom: 25px;
}
.ceping-container-wrap{
  background-color: #fff;
  padding-top: 25px;
}
.ceping-container .ceping-head h2{
  display: inline-block;
  font-size: 20px;
  color: #4d4d4d;
}
.ceping-container .ceping-head-more{
  font-size: 14px;
}
.ceping-container-wrap .ceping-list{
  display: inline-block;
  width: 490px;
  height: 150px;
  overflow: hidden;
  margin:0px 10px 25px 0px;
}
.ceping-container-wrap .ceping-list .ceping-list-fl{
  display: block;
  width: 250px;
  height: 150px;
  overflow: hidden;
}
.ceping-container-wrap .ceping-list .ceping-list-fl img{
  display: block;
  width: 100%;
  height: 100%;
}
.ceping-container-wrap .ceping-list .ceping-list-c{
  width: 156px;
  height: 150px;
  margin-left: 8px;
}
.ceping-container-wrap .ceping-list .ceping-list-ct{
  font-size: 14px;
  height: 40px;
  overflow: hidden;
  display: block;
  line-height: 20px;
}
.ceping-container-wrap .ceping-list .ceping-list-time{
  font-size: 14px;
  color: #969696;
  margin: 15px 0px;
}
.ceping-container-wrap .ceping-list .ceping-list-cc{
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.ceping-container-wrap .ceping-list .ceping-list-cc:hover{
  color: #f30;
}
.ceping-container-wrap .ceping-list .ceping-list-fr{
  width: 48px;
  height: 150px;
  margin-left: 28px;
}
.ceping-container-wrap .ceping-list .ceping-list-fr .ceping-list-pingfen{
  color: #969696;
  font-size: 15px;
  font-weight:bold;
  width: 48px;
  width: 48px;
  height: 60px;
  text-align: center;
  line-height: 60px;
}
.ceping-container-wrap .ceping-list .ceping-list-fr .ceping-list-num{
  background-position: -250px -125px;
  width: 48px; 
  height: 47px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
/*  测评首页 2016.05.06 end    */
/*  新游首页   2016.05.10    */
.article-text-cover{
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.99) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.4)),color-stop(100%,rgba(0,0,0,.99)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.99) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.99) 100%);
  background-repeat: repeat-x;
  background-position: center bottom;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
}
.article-text-bt{
  position:absolute;
  bottom:0;
  left:0;
  width:96%;
  height:30px;
  padding:0 2%;
  color:#fff;
  line-height:30px;
  text-align:center;
}
a:hover .article-text-bt{
  color: #f30;
}
.newsyou-top-fl{
  font-size: 16px;
  width: 592px;
  height: 286px;
  overflow: hidden;
}
.newsyou-top-flct{
  margin-bottom: 10px;
}
.newsyou-top-fl .newsyou-top-flctf{
  width: 392px;
  height: 138px;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  overflow: hidden;
}
.newsyou-top-fl .newsyou-top-flctf img{
  width: 100%;
  height: auto;
}
.newsyou-top-fl .newsyou-top-flxtr{
    position: relative;
    display: inline-block;
    width: 192px;
    height: 138px;
    overflow: hidden;
}
.newsyou-top-fl .newsyou-top-flxtr img{
  width: 100%;
  height: auto;
}
.newsyou-top-flcc .newsyou-top-flccl{
  display: inline-block;
  position: relative;
  width: 192px;
  height: 138px;
  overflow: hidden;
}
.newsyou-top-flcc .newsyou-top-flccl.newsyou-top-flcclm{
  margin:0px 8px;
}
.newsyou-top-flcc .newsyou-top-flccl img{
  width: 100%;
  height: auto;
}
.newsyou-top-m{
  position: relative;
  display: block;
  font-size: 16px;
  margin:0px 12px 0px 8px;
}
.newsyou-top-m .newsyou-top-mc{
  display: inline-block;
  width: 194px;
  height: 286px;
  overflow: hidden;
}
.newsyou-top-m img{
  width: 100%;
  height: auto;
}
.newsyou-top-fr{
  width: 194px;
  height: 286px;
  background-color: #fff;
  overflow: hidden;
}
.newsyou-top-fr .newsyou-top-frc{
  display: block;
  width: 148px;
  height: 40px;
  font-size: 16px;
  color: #ffaa24;
  font-weight: bold;
  margin: 20px 22px 0px 22px;
  line-height: 40px;
  text-align: center;
  border-radius: 10px;
  border:1px solid #ffaa24;
}
.newsyou-top-fr .newsyou-top-frc:hover{
  text-decoration: none;
  color: #fff;
  background-color:#ffaa24;
}
.newsyou-top-fr .newsyou-top-frc .newsyou-ph{
  width: 21px; 
  height: 21px;
  margin-right: 5px;
  vertical-align: -3px;
  background-position: -305px -140px;
}
.newsyou-top-fr .newsyou-top-frc:hover .newsyou-ph{
  background-position: -345px -100px; 
}
.newsyou-top-fr .newsyou-top-tuijian{
  padding: 7px;
}
.newsyou-top-fr .newsyou-top-tuijian.one{
  border-bottom: 2px solid #f1f1f1;
}
.newsyou-top-fr .newsyou-top-tuijian a{
  width: 100%;
  font-size: 14px;
  padding: 7px 0px;
  display: block;
}
.newsyou-top-fr .newsyou-top-tuijian a .fl{
  display: inline-block;
  max-width: 154px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}
.article-wrap{
  background-color: #fff;
  padding-top: 25px;
}
.article-wrap-head{
  height: 32px;
  line-height: 32px;
  border-left: 12px solid #ffaa24;
  padding-left: 26px;
  margin-bottom: 23px;
}
.article-wrap-head h2{
  display: inline-block;
  font-size: 20px;
  color: #4d4d4d;
}
.article-wrap-head .article-wrap-head-more {
  font-size: 14px;
}
.article-com-wrap{
  margin: 0px -20px
}
.article-com-wrap .article-com-list {
  float: left;
  margin-left: 20px;
  border: 1px solid #e7e7e7;
  height: 298px;
  width: 233px;
  overflow: hidden;
}
.article-com-wrap .article-com-list .article-thumb {
  display: inline-block;
  width: 233px;
    height: 132px;
    overflow: hidden;
}
.article-com-wrap .article-com-list .article-thumb img{
 width: 100%;
 height: 100%;
}
.article-com-wrap .article-com-list .rticle-thumb .gonglue-thumb img {
  width: 100%;
  height: auto;
}
.article-com-wrap .article-com-list .article-ziti-wrap {
  padding: 10px 18px 0px 12px;
  height: 156px;
  overflow: hidden;
}
.article-com-list .article-ziti-wrap .article-ziti-title {
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.article-ziti-wrap .article-ziti-title .article-a-type {
  color: #ff4a03;
}
.article-ziti-wrap .author {
  height: 26px;
  overflow: hidden;
  line-height: 26px;
  color: #999;
}
.article-ziti-wrap .author span {
  padding-right: 4px;
}
.article-ziti-wrap .article-info {
  line-height: 28px;
  color: #666;
}
.article-newsyou-zixun-cfl{
  width: 362px;
  height: 330px;
  padding:0px 10px;
}
.article-newsyou-zixun-cfl .article_zixun-cfl-list {
  position: relative;
  width: 161px;
  height: 145px;
  margin: 0px 16px 16px 0px;
}
.article-newsyou-zixun-cfl .article_zixun-cfl-list img {
  width: 163px;
  height: 145px;
}
.article-newsyou-zixun-cfr{
  width: 289px;
}
.article-newsyou-zixun-cfr.zixun-cfr-add{
  margin:0px 10px 0px 30px;
}
.article-newsyou-zixun-cfr .article-newsyou-zixun-cfrt{
  position: relative;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 8px;
}
.article-newsyou-zixun-cfr .article-newsyou-zixun-cfrt .fl{
  font-size: 16px;
  font-weight: bold;
}
.article-newsyou-zixun-cfr .newsyou-zixun-cfr-list {
  padding: 6px 0 6px 8px;
}
.article-newsyou-zixun-cfr .newsyou-zixun-cfr-list.zixun-list-add{
  margin-top: 46px;
}
.article-newsyou-zixun-cfr .newsyou-zixun-cfr-list li{
  position: relative;
  padding-left: 14px;
  border-left: 1px solid #e8e8e8;
}
.article-newsyou-zixun-cfrl{
  margin-bottom: 18px;
}
.newsyou-zixun-cfr-list li a{
  font-size: 14px;
  line-height: 25px;
}
.newsyou-zixun-cfr-list li .dot {
  position: absolute;
  top: 11px;
  left: -2px;
  width: 4px;
  padding: 2px;
  background: #fff;
  margin-right: 12px;
  padding: 2px 0;
}
.newsyou-zixun-cfr-list li .dot i {
  display: block;
  width: 4px;
  height: 4px;
  background: #b1b1b1;
  border-radius: 50%;
}
.newsyou-zixun-cfr-list li:hover .dot{
  top:8px;
  left:-3px;
  width:6px;
  padding:4px 0;
  margin-right:10px;
}
.newsyou-zixun-cfr-list li:hover .dot i{
  width:6px;
  height:6px;
  background:#ff6e27;
}
/*  新游首页 2016.05.10 end    */

/* 游戏汇总页 */
.game-summary-left {
  float: left;
  width: 700px;
  padding-top: 25px;
  background: #fff;
}
.game-summary-left .article-wrap-head {
  padding-right: 25px;
}
.game-summary-main {
  padding: 0 25px;
  overflow: hidden;
}
.section-tab {
  border-bottom: 1px solid #eee;
}
.section-tab a {
  float: left;
  padding: 0 20px 5px;
}
.section-tab a{
  font-size: 16px;
  color: #999;
}
.section-tab a:hover {
  text-decoration: none;
}
.section-tab .icon {
  display: inline-block;
  width: 20px;
  height: 23px;
  margin-right: 10px;
  vertical-align: -5px;
}
.section-tab .game-summary-tab-android .icon {
  background: url(/images/v3/android-grey.png) no-repeat;
  background-size: contain;
}
.section-tab .game-summary-tab-ios .icon {
  background: url(/images/v3/ios-grey.png) no-repeat;
  background-size: contain;
}
.section-tab .hov {
  margin-bottom: -1px;
  border-bottom: 3px solid #ffaa24;
}
.section-tab .hov a {
  color: #ffaa24;
}
.section-tab .game-summary-tab-android.hov .icon {
  background: url(/images/v3/android.png) no-repeat;
  background-size: contain;
}
.section-tab .game-summary-tab-ios.hov .icon {
  background: url(/images/v3/ios-2.png) no-repeat;
  background-size: contain;
}
.game-summary-con {
  margin-bottom: -1px;
}
.game-summary-con li {
  float: left;
  width: 90px;
  height: 121px;
  padding: 25px 20px 20px;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.game-summary-con li a:hover {
  text-decoration: none;
}
.game-summary-con li img{
  border-radius: 15px;
}
.game-summary-con li .game-name {
  margin-top: 9px;
  font-size: 13px;
}
.game-summary-con li .game-foot-text {
  color: #999;
} 
.game-summary-rightbanner{
  float: right;
}
.game-summary-rightbanner  img{
  width: 280px;
  height: 250px;
}
.game-summary-right {
  float: right;
  width: 280px;
  padding-top: 25px;
  background: #fff;
  overflow: hidden;
}
.game-summary-rank {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: -1px;
}
.game-summary-rank li {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 20px 8px;
}
.game-summary-rank .rank-number {
  position: absolute;
  top: 12px;
  right: 8px;
  width: 25px;
  height: 34px;
  text-indent: -999em;
}
.game-summary-rank .rank-number-0 {
  background-position: -26px -232px;
}
.game-summary-rank .rank-number-1 {
  background-position: -50px -232px;
}
.game-summary-rank .rank-number-2 {
  background-position: -77px -232px;
}
.game-summary-rank .rank-number-3 {
  background-position: 0px -232px;
}
.game-summary-rank .rank-number-4 {
  background-position: -104px -232px;
}
.game-summary-rank .game-name {
  padding-right: 30px;
  font-size: 16px;
}
.game-summary-rank .game-message {
  margin-top: 18px;
  color: #999;
}
.game-summary-rank .game-message .download-message {
  margin-right: 20px;
}
.game-summary-rank .game-message .number {
  color: #ffaa24;
}
.game-summary-rank .game-version-download {
  margin-top: 18px;
  text-align: center;
}
.game-summary-rank .game-version-download a {
  display: inline-block;
  width: 120px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
}
.game-summary-rank .game-version-download a:hover{
  text-decoration: none;
}
.game-summary-rank .game-version-download .game-android-download {
  margin-right: 4px;
  background: #69c437;
}
.game-summary-rank .game-version-download .game-android-download:hover {
  background: #58B128;
}
.game-summary-rank .game-version-download .game-ios-download {
  background: #2ea5d7;
}
.game-summary-rank .game-version-download .game-ios-download:hover {
  background: #2192C1;
}
.game-summary-rank .game-version-download .no-active{
  background: #999;
}
.game-summary-rank .game-version-download .no-active:hover{
  background: #999;
  cursor:default;
}
.game-summary-rank .game-version-download .icon {
  margin-right: 5px;
  vertical-align: -7px;
}
/* 游戏汇总页 end */ 
/* 活动页面 2016 */ 
.huodong-2016-banner .nav-banner{
  display: block;
  width: 1000px;
  height: 125px;
}
.huodong-2016-banner .nav-banner img{
  width: 100%;
  height: auto;
}
.huodong-2016-nav{
  background-color: #fff;
  padding:16px 0px;
}
.huodong-2016-nav .huodong-nav-wrap{
  float: left;
  width: 80px;
  display: block;
  padding: 0px 10px;
}
.huodong-2016-nav .huodong-nav-wrap img{
  display: block;
  width: 68px;
  height: 68px;
  margin: 0px 6px;
  border-radius: 10px;
}
.huodong-2016-nav .huodong-nav-wrap p{
  font-size: 12px;
  margin-top: 10px;
  width: 80px;
  text-align: center;
  height: 18px;
  overflow: hidden;
}
.huodong-2016-nav .huodong-nav-wrap:hover{
  text-decoration: none;
}
.mod-huodong-list{
  background-color: #fff;
  padding: 0px 10px;
  border:1px solid #e7e7e7;
}
.huodong-con-wrap{
  display: block;
  width: 680px;
  height: 164px;
  padding-top: 20px;
  border-bottom: 1px solid #f4f4f4;
}
.huodong-con-wrap .huodong-con-left{
  float: left;
  display: block;
  width: 230px;
  height: 140px;
  margin-right: 20px;
}
.huodong-con-wrap .huodong-con-right{
  float: left;
  height: 140px;
  width: 430px;
  position: relative;
}
.huodong-con-wrap .huodong-con-right .right-title{
  color: #4d4d4d;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 30px;
}
.huodong-con-wrap .huodong-con-right .right-content{
  font-size: 14px;line-height: 22px;height: 41px;
  overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;
  color: #4d4d4d;margin-bottom: 15px;
}
.huodong-con-wrap .huodong-con-right .right-time{
  font-size: 12px;
  color: #b4b4b4;
  text-align: right;padding-right: 15px;
  position: absolute;top: 65px;right: 0;
}
.huodong-con-wrap .huodong-con-right .huodong-proceed
,.huodong-con-wrap .huodong-con-right .huodong-end{
  position: absolute;
  top:28px;
  left: 86px;
  width: 109px;
  height: 99px;
}
.huodong-con-wrap .huodong-con-right .right-btn{
  position: absolute;
  width: 118px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  right: 0px;
  bottom: 0px;
  color: #fff;
  font-size: 18px;
  border-radius: 6px;
}
.huodong-con-wrap .huodong-con-right .right-btn.end{
  background-color: #d1d1d1;
}
.huodong-con-wrap .huodong-con-right .right-btn.proceed{
  background-color: #ffaa24;
}
/* 活动页面 2016 end */ 
/* 游戏页面 2016  */ 
.newYouxi{
  display: block;
  width: 650px;
  height: 300px;
}
.newYouxi img{
  width: 100%;
  height: 100%;
}
.newYouxi-top{
  width: 506px;
  padding:20px 20px 0px 20px;
}
.newYouxi-top .newYouxi-top-t{
    margin-bottom: 18px;
    display: block;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    line-height: 36px;
    max-height: 72px;
    overflow: hidden 
}
.newYouxi-top .newYouxi-top-time{
  color: #b4b4b4;
  font-size: 16px;
  text-align:center;
  margin-bottom: 8px;
}
.newYouxi-top-com{
  padding:0px 20px 10px 20px;
  border-bottom:1px solid #e7e7e7;
}
.newYouxi-top-com a{
  position: relative;
  font-size: 16px;
  line-height: 36px;
  padding-left: 16px;
  text-decoration:none;
}
.newYouxi-top-com a .dot {
  position: absolute;
  top: 17px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #151515;
  margin-right: 12px;
  border-radius: 2px;
}
.newYouxi-top-com a:hover .dot {
  background-color: #f30;
}
.newYouxi-top-bottom{
 padding:0px 20px;
}
.newYouxi-top-bottom a{
  display: block;
  width: 61px;
  height: 90px;
  margin: 16px 16px 0px 16px;
  overflow:hidden;
  text-decoration: none;
}
.newYouxi-top-bottom a img{
  width: 61px;
  height: 60px;
  border-radius: 12px;
}
.newYouxi-top-bottom span.text-hide{
  text-align:center;
  margin-top: 12px;
}
.newYouxi-title-list{
  padding-right: 84px;
}
.newYouxi-title-list .post-list{
  display: block;
  height: 32px;
  line-height: 32px;
  text-decoration:none;
  margin: 0px 20px;
  color: #c8c8c8;
}
.newYouxi-title-list .post-list:hover,
.newYouxi-title-list .post-list.active,
.newYouxi-title-more:hover{
  color: #28bf7d;
  height: 30px;
  font-weight: bold;
  border-bottom: 2px solid #28bf7d;
}
.newYouxi-title-more{
  position: absolute;
  right: 20px;
  height: 32px;
  line-height: 32px;
  text-decoration:none;
  margin: 0px 20px;
  color: #c8c8c8;
}
.newYouxi-wrap{
  margin: 0px 20px;
  border-top:1px solid #e7e7e7;
}
.newYouxi-wrap .newYouxi-wrap-list{
  padding: 20px 20px 0px 20px;
}
.newYouxi-wrap .newYouxi-wrap-list .wrap-list{
  display: block;
  width: 190px;
  text-align: center;
  text-decoration: none;

}
.newYouxi-wrap .newYouxi-wrap-list .wrap-list .text-hide{
  font-size: 20px;
  line-height: 24px;
  margin:10px 0px;
}
.newYouxi-wrap .newYouxi-wrap-list  .list-img{
  width: 110px;
  height: 110px;
  border-radius: 12px;
}
.newYouxi-wrap .newYouxi-wrap-list  .newYouxi-ceping{
  font-size: 16px;
  color: #b4b4b4;
}
.newYouxi-wrap .newYouxi-wrap-list  .newYouxi-ceping .num{
  color: #f30;
  font-weight: bold;
}
.newYouxi-wrap .newYouxi-wrap-list  .newYouxi-ceping .num.left{
  margin-right: 5px;
}
.newYouxi-game{
  display: block;
  width: 100px;
  margin-left: 44px;
  text-align: center;
  height: 32px;
  line-height: 34px;
  border-radius: 12px;
  margin-top: 10px;
  border: 2px solid #ffaa24;
  color: #ffaa24;
  font-size: 14px;
  font-weight: bold;
}
.newYouxi-game:hover{
  background-color: #ffaa24;
  color: #fff;
  text-decoration:none;

}
.newYouxi-all-tab{
  padding: 20px 20px 0px 20px;
}
.newYouxi-all-tab .tab-different{
  font-size: 22px;
  color: #333;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
}
.newYouxi-all-tab .tab-different-list .post-list{
  display: block;
  width: 72px;
  margin-right: 10px;
  text-align: center;
  height: 30px;
  line-height: 32px;
  border-radius: 12px;
  border: 2px solid #ffaa24;
  color: #ffaa24;
  font-size: 16px;
  font-weight: bold;
}
.newYouxi-all-tab .tab-different-list .post-list:hover,
.newYouxi-all-tab .tab-different-list .post-list.active{
  background-color: #ffaa24;
  color: #fff;
  text-decoration:none;
}
.newYouxi-all-wrap{
  padding: 20px 0px;
}
.newYouxi-all-wrap .newYouxi-all-list{
  width: 557px;
  padding:0 20px;
  padding-top: 60px;
  height: 115px;
}
.newYouxi-all-list:nth-child(1),
.newYouxi-all-list:nth-child(2){
  padding-top: 0px;
}
.newYouxi-all-list:nth-child(2n+1){
  border-right: 1px solid #e7e7e7;
}
.newYouxi-all-wrap .newYouxi-all-list .post-list-wrap{
  display: block;
  text-decoration: none;
}
.newYouxi-all-wrap .newYouxi-all-list .post-list-img{
  width: 115px;
  height: 115px;
  border-radius: 12px;
}
.newYouxi-all-wrap .newYouxi-all-list .post-list-com{
  width: 258px;
  height: 115px;
  padding:0px 20px;
  overflow: hidden;
}
.newYouxi-all-wrap .newYouxi-all-list .title{
  font-size: 24px;
  margin-top: 10px;
}
.newYouxi-all-wrap .newYouxi-all-list .com{
  font-size: 16px;
  padding-top: 20px;
  line-height: 25px;
  color: #a0a0a0;
}
.newYouxi-all-wrap .newYouxi-all-list .game-button a{
  display: block;
  width: 140px;
  margin-top: 10px;
  text-align: center;
  height: 42px;
  line-height: 44px;
  border-radius: 12px;
  border: 2px solid #26be81;
  color: #26be81;
  font-size: 16px;
}
.newYouxi-all-wrap .newYouxi-all-list .game-button a:hover{
  text-decoration: none;
  color: #fff;
  background-color: #26be81;
}
.newYouxi-recommend{
  padding: 0px 20px;
}
.newYouxi-recommend .newYouxi-recommend-wrap{
  border-top:1px solid #e7e7e7;
  padding-bottom: 20px;
} 
.newYouxi-recommend .newYouxi-recommend-list{
  position: relative;
  height: 115px;
  padding: 20px 20px 0px 0px;
}
.newYouxi-recommend .newYouxi-recommend-list:nth-child(4n+4){
  padding-right: 0px;
}
.newYouxi-recommend .newYouxi-recommend-list .recommend-list{
  display: block;
  width: 274px;
  text-decoration: none;
}
.newYouxi-recommend .newYouxi-recommend-list .recommend-list-img{
  width: 115px;
  height: 115px;
  border-radius: 12px;
  margin-right: 20px;
  overflow: hidden;
}
.newYouxi-recommend .newYouxi-recommend-list .recommend-list-right{
  height: 115px;
}
.newYouxi-recommend .newYouxi-recommend-list .recommend-list-right .title{
  width: 139px;
  line-height: 24px;
  font-size: 20px;
  max-height: 48px;
  overflow: hidden;
}
.newYouxi-recommend .newYouxi-recommend-list .recommend-list-right .play{
  color: #b4b4b4;
  font-size: 16px;
  margin: 10px 0px;
}
.newYouxi-recommend .newYouxi-recommend-list .recommend-list-right .num{
  color: #f30;
}
.newYouxi-recommend .newYouxi-recommend-list .recommend-list-iPhone{
  position: absolute;
  left: 135px;
  bottom: 0px;
  width: 100px;
  text-align: center;
  height: 30px;
  line-height: 32px;
  border-radius: 12px;
  border: 2px solid #ffaa24;
  color: #ffaa24;
  font-size: 16px;
  text-decoration: none;
}
.newYouxi-recommend .newYouxi-recommend-list .recommend-list-iPhone:hover{
  background-color:#ffaa24;
  color: #fff; 
}
.newYouxi-now-num{
  font-size: 18px;
  color: #606060;
  margin-right: 20px;
}
.newYouxi-now-num .num{
  color: #f30;
}
.newYouxi-frame{
  padding:0px 20px;
}
.html5-frame-wrap{
  padding: 20px 0px;
  border-top:1px solid #e7e7e7;
}
.newYouxi-frame .play_game{
  background-color: #000;
}
.newYouxi-frame .newYouxi-frame-reload{
  display: block;
  background-position: -330px -130px; 
  width: 49px; 
  height: 39px;
  margin-left: 30px;
}
.newYouxi-frame .newYouxi-frame-bbs{
  display: block;
  background-position: -265px -180px; 
  width: 50px; 
  height: 46px;
  margin-left: 30px;
}
.newYouxi-frame .newYouxi-frame-screen{
  display: block;
  background-position: -330px -180px; 
  width: 41px;
  height: 42px;
  margin-left: 30px;
}
.newYouxi-introduce{
  padding: 0px 20px;
}
.newYouxi-introduce .newYouxi-introduce-wrap{
  padding: 20px 0px;
  border-top:1px solid #e7e7e7;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-wrap-top{
  height: 115px;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-wrap-top .introduce-img{
  width: 115px;
  height: 115px;
  border-radius: 12px;
  margin-right: 20px;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-com .title{
  font-size: 24px;
  color: #333;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-com .com{
  font-size: 18px;
  color: #9d9d9d;
  margin-top: 14px;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-right{
  position: relative;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-right .introduce-iPhone{
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 140px;
  text-align: center;
  height: 42px;
  line-height: 44px;
  border-radius: 12px;
  border: 2px solid #26be81;
  color: #26be81;
  font-size: 22px;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-right .introduce-iPhone:hover{
  text-decoration: none;
  color:#fff;
  background-color: #26be81;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-right  .introduce-share{
  margin-top: 70px;
  font-size: 18px;
  color: #333;
}
.newYouxi-introduce .newYouxi-introduce-wrap .introduce-wrap-buttom{
  padding-top: 20px;
  font-size: 20px;
  color: #333;
  line-height: 26px;
}
.newYouxi-guide{ 
  padding: 0px 20px;
}
.newYouxi-guide .newYouxi-guide-wrap{
  padding: 20px 0px;
  border-top:1px solid #e7e7e7;
}
.newYouxi-guide .newYouxi-guide-wrap .com{
  font-size: 20px;
  color: #333;
  line-height: 26px;
  padding-bottom: 16px;
}
.newYouxi-information,
.newYouxi-bbs{
  padding:0px 20px;
}
.newYouxi-information .newYouxi-information-wrap,
.newYouxi-bbs .newYouxi-bbs-wrap{
  padding: 20px 0px;
  border-top:1px solid #e7e7e7;
}
.newYouxi-information .newYouxi-information-wrap .newYouxi-information-list{
  padding: 10px 20px 0px 20px;
  font-size: 20px;
  width: 546px;
  text-decoration: none;
}
.newYouxi-information .newYouxi-information-wrap .newYouxi-information-list .text-hide{
  line-height: 30px;
  width: 470px;
}
.newYouxi-information .newYouxi-information-wrap .newYouxi-information-list .time{
  display: block;
  margin-left: 20px;
  color: #b1b1b1;
  line-height: 30px;
}
.newYouxi-information .newYouxi-information-wrap .newYouxi-information-list:nth-child(1),
.newYouxi-information .newYouxi-information-wrap .newYouxi-information-list:nth-child(2){
  padding-top: 0px;
}
.newYouxi-information .newYouxi-information-wrap .newYouxi-information-list:nth-child(2n+1){
  border-right: 1px solid #e7e7e7;
  padding-right: :20px;
  padding-left: 0px;
}
.newYouxi-iPhone-hover{
  position: relative;
}
.newYouxi-iPhone-hover .newYouxi-down-code{
  display: none;
  position: absolute;
  left: 126px;
  bottom: -8px;
  width: 122px;
  height: 122px;
  border: 1px solid #e2e2e2;
  padding: 5px;
  z-index: 9999;
  background: #fff;
}
.newYouxi-iPhone-hover .newYouxi-down-code img{
  width: 100%;
  height: 100%;
}
.newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  border-style: solid;
  position: absolute;
  border-color: transparent;
  margin-left: -20px;
}
.newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-b {
  bottom: 5px;
  border-width: 14px;
  border-right-color: #fff;
  left: -8px;
}
.newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-t {
  bottom: 4px;
  border-width: 15px;
  border-right-color: #dedede;
  left: -11px;
}
.newYouxi-all-list .newYouxi-iPhone-hover .newYouxi-down-code{
  bottom: -4px;
}
.newYouxi-introduce-wrap  .newYouxi-iPhone-hover .newYouxi-down-code{
  bottom: 2px;
}
.newYouxi-wrap-list:nth-child(5n+5) .newYouxi-iPhone-hover .newYouxi-down-code,
.newYouxi-all-list .newYouxi-iPhone-hover .newYouxi-down-code,
.newYouxi-introduce-wrap .newYouxi-iPhone-hover .newYouxi-down-code{
  left: -158px;
}
.newYouxi-recommend-list .newYouxi-iPhone-hover .newYouxi-down-code{
  left: -152px;
}
.newYouxi-wrap-list:nth-child(5n+5) .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-b,
.newYouxi-all-list .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-b,
.newYouxi-recommend-list .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-b,
.newYouxi-introduce-wrap .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-b{
  border-left-color: #fff;
  border-right-color:transparent;
  left: 152px;
}
.newYouxi-wrap-list:nth-child(5n+5) .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-t,
.newYouxi-all-list .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-t,
.newYouxi-recommend-list .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-t,
.newYouxi-introduce-wrap .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-t{
  border-left-color: #dedede;
  border-right-color:transparent;
  left: 153px;
}
.screen-h5-frame{
  position: absolute;
}
.screen-h5-frame .play_game {
  width: 100%;
  height: 100%;
  margin: 0px;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000000;
}
.screen-h5-frame .screen-close{
  position: fixed;
  width: 41px;
  height: 41px;
  top: 0px;
  right: 100px;
  background: url(/images/close3.png);
  z-index: 10000001;
}
.newyouxi-2016 .pager li a {
  border: 0;
  color: #767676;
  padding: 6px 11px;
}
.yx-share.bdsharebuttonbox.bdshare-button-style1-32{
  width: 262px;
}
.yx-share.bdsharebuttonbox.bdshare-button-style1-32 .share{
  display: block;
  float: left;
  margin-top: 17px;
  font-size: 18px;
}
.yx-share.bdsharebuttonbox.bdshare-button-style1-32 .zone{
  background-position: 0px -52px;
}
.yx-share.bdsharebuttonbox.bdshare-button-style1-32 .weibo{
  background-position: 0px -104px;
}
.yx-share.bdsharebuttonbox.bdshare-button-style1-32 .t-weibo{
  background-position: 0px -260px;
}
.yx-share.bdsharebuttonbox.bdshare-button-style1-32 .renren{
  background-position: 0px -2809px;
}
.yx-share.bdsharebuttonbox.bdshare-button-style1-32 .wx{
  background-position: 0px -1612px;
}
/* 游戏页面 2016  end */ 
/*  新的列表页  新内容小列表区域 宽度为1200 */
.grid-lNew .listHead-wrap{
  padding: 20px;
}
.grid-lNew .listHead-wrap .listHead-t{
  font-size: 24px;
  color: #333333;
  padding-bottom: 15px;
}
.grid-lNew .listHead-wrap .listHead-t span{
  color: #ff860f;
}
.grid-lNew .listHead-wrap  .listHead-com-wrap{
  border-top: 1px solid #ff860f;
  padding-top: 15px;
}
.grid-lNew .listHead-com-wrap a{
  display: block;
  float: left;
  margin-right: 20px;
  padding: 5px 20px;
  font-size: 16px;
  color: #66594d;
  border:1px solid #e7e7ef;
  border-radius: 5px;
  text-decoration: none;
}
.grid-lNew .listHead-com-wrap a:hover,
.grid-lNew .listHead-com-wrap a.active{
  background-color: #ff860f;
  color: #fff;
  border-color: #ff860f;
}
.modNew-new-list{
  padding: 0px 20px;
}
.modNew-new-list .modNew-newyouxi-list{
  padding-right: 20px;
}
/*  游戏搜搜列表 宽度为1200 */
.modNew-newyouxi-list-wrap{
  margin-left: -20px;
  padding: 10px 0px;
}
.modNew-new-list .modNew-newyouxi-list{
  padding: 22px 0px;
  float: left;
  margin-left: 20px;
  width: 418px;
}
.modNew-new-list .modNew-newyouxi-list:nth-child(2n+1){
  border-right: 2px solid #f4f4f4;
}
.modNew-new-list .modNew-newyouxi-list .newyouxiTop{
  display: block; 
}
.modNew-new-list .modNew-newyouxi-list .newyouxiTop-img{
  display: block;
  float: left;
  width: 114px;
  height: 114px;
  border-radius: 12px;
  margin-right: 20px;
}
.modNew-newyouxi-list .newyouxiTop-com{
  float: left;
  position: relative;
  height: 114px;
  overflow: hidden;
  width: 284px;
}
.modNew-newyouxi-list .newyouxiTop-com .newyouxiTop-title{
  font-size: 24px;
}
.modNew-newyouxi-list .newyouxiTop-com .newyouxiTop-info{
  font-size: 16px;
  color: #a0a0a0;
  position: absolute;
  left: 0px;
  bottom: 0px;
  max-height: 72px;
}
.modNew-newyouxi-list .modNew-newyouxi-btn{
  padding-top: 20px;
}
.modNew-newyouxi-list .modNew-newyouxi-btn a{
  display: block;
  float: left;
  width: 160px;
  height: 50px;
  border:2px solid #ff860f;
  border-radius: 12px;
  color: #ff860f;
  font-size: 22px;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  margin-right: 20px;
  position: relative;
}
.modNew-newyouxi-list .modNew-newyouxi-btn a:hover{
  background-color:#ff860f;
  color: #fff; 
}
.modNew-newyouxi-list .newYouxi-iPhone-hover .newYouxi-down-code{
  left: -154px;
  bottom: -2px;
}
.modNew-newyouxi-list  .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-t{
  border-left-color: #dedede;
  border-right-color: transparent;
  left: 153px;
}
.modNew-newyouxi-list  .newYouxi-iPhone-hover .newYouxi-down-code .newYouxi-arrow-b{
  border-left-color: #fff;
  border-right-color: transparent;
  left: 152px;
}
/* 日服新游板块新增需求样式 2016 end */
.AnIntroduction-2016{
  padding-bottom: 10px;
}
.AnIntroduction-2016 a{
  display: block;
  float: left;
  position: relative;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}
.AnIntroduction-2016 a:hover{
  color: #f30;
}
.AnIntroduction-2016 a span{
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.AnIntroduction-2016-left{
  float: left;
  height: 200px;
  width: 140px;
  text-align: center;
  background-color: #81dbc9;
}
.AnIntroduction-2016-left span{
  width: 120px;
}
.AnIntroduction-2016-listWrap{
  float: left;
  height: 200px;
  width: 560px;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list{
  width:140px;
  height: 100px;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list:nth-child(1){
  background-color: #4a6ab1;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list:nth-child(2){
  background-color: #6087d7;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list:nth-child(3){
  background-color: #7c9feb;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list:nth-child(4){
  background-color: #87abf9;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list:nth-child(5){
  background-color: #3ec5f5;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list:nth-child(6){
  background-color: #4ab1d5;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list:nth-child(7){
  background-color: #3ec5f5;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list:nth-child(8){
  background-color: #4ab1d5;
}
.AnIntroduction-2016-listWrap .AnIntroduction-2016-list span{
  width: 120px;
}
// .it-head-momo{position: relative;
//     float: right;
//     margin: 10px 20px 0 0;}
//     .it-mo-pop{
//           position: absolute;
//     right: 0;
//     top: 85px;
//     padding: 0 10px 10px;
//     background: #fff;
//     border: 1px solid #e5e5e5;
//     text-align: center;
//     z-index: 1;
//     }
