/* CSS Document */
@charset "utf-8";
/*
*description:
*@author:LeeKangJie
*update:2016.12.26
*ver:1.0.0
*/
html{overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,section {padding: 0;margin: 0;}
a{text-decoration:none;outline: none;}
:focus{outline:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var,i {font-weight: normal;font-style: normal;}
strong{font-weight: bold;}
ul{list-style: none;margin:0;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;margin:0;padding:0;}
input,button,textarea,select{outline:none; *font-size:100%; margin:0; border:0;}
body{font-family: "Microsoft YaHei";background: #282828;}

.RaidersNews_txt li a
{
    display: inline-block;
    *display: -moz-inline-stack;
    *zoom:1;
    *display: inline;     
}
.newsList .txt li p,
.RaidersNews_txt li a,
.bbsbox li
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;    
}
.video li i,
.video li:hover img,
.gb
{
    -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out; 
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;    
}
.clearfix:after{display:table;content:" ";clear:both;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}

/*底部*/
#footer{min-width:1150px;margin:0 auto;clear:both; min-height:100px; padding-top:10px; color:#fff;position: relative;z-index: 2;width: 100%;line-height:24px; background:#1c1928;}
#footer div{text-align:center;color:#fff; font-size:12px; margin-top:5px;}
#footer div a{ color:#fff; margin:0 10px; }
#footer a{ text-decoration:none; color:#fff;}
#footer a:hover,
.header .nav li a:hover,
.nav-txt .txt-menu a:hover,
.video li a:hover,
.newsTOP h2 a:hover,
.newsList .txt li p a:hover,
.RaidersPic li a:hover,
.RaidersNews_txt li a:hover,
.bbsbox li a:hover
{text-decoration: underline;}
/*loading*/
img.loading
{
    width: 32px !important;
    height: 32px !important;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    margin: -16px 0 0 -16px !important;
}
#wrapAll{display:none !important;}
/*图片百分比*/
.video li .pic img{width: 100%;height: 100%;}


#container,.article,.header{position: relative;}
#container{min-width: 1150px;overflow: hidden;background: url(../img/bg_top.jpg) no-repeat center top;padding-bottom: 30px;}
.header,.article{width: 1150px;margin: 0 auto;}

.header img{vertical-align: top;}
.header .btn_play {display: block;width: 65px;height: 35px;padding: 0;border: 0;cursor: pointer;position: absolute;left: 290px;top: 516px;background: url(about:blank);}
/*nav*/
.header .nav{width: 1148px;height: 58px;border:1px solid #dcae4c;position: absolute;left: 0;bottom: 0;background: url(../img/bg_nav.png);}
.header .nav ul{width: 800px;}
.header .nav li,.header .nav li a{color: #fff;}
.header .nav li a img{vertical-align: middle;}
.header .nav li{width: 16.6%;height:58px;line-height:58px;display: block;float: left;text-align: center;}
.header .nav .links{width: 350px;height: 70px;position: absolute;right: -1px;top: -11px;}
.header .nav .links a{width: 170px;height: 100%;display: block;float: left;}
.header .nav .links a:first-child{background: url(../img/btn_links.png) no-repeat left top;}
.header .nav .links a:first-child+a{background: url(../img/btn_links.png) no-repeat -170px top;margin-left: 10px;}
.header .nav .select{width: 130px;position: relative;z-index: 3;background: #222;display: none;}
.header .nav .select a{display: block;height: 30px;line-height: 30px;border-top:1px solid #000;font-size: 14px;}
.header .nav .select a:first-child{border-top: 0;}
.header .nav li:first-child+li+li+li+li:hover .select{display: block;}


.article{width:1120px;padding:0 15px;background: #fff;}
.section .g_hd{position: relative;border-bottom:1px solid #cecece;}
.section .g_hd h3 {color: #3d2b59;font-size: 20px;font-weight: bold;height: 35px;}
.section .g_hd h3 b {border-bottom: 3px solid #3d2b59;display: inline-block;margin-top: 5px;*margin-top: 7px;margin-top: 7px\0;vertical-align: middle;font-size: 20px;}
.section .g_hd h3 em, .section .g_hd h3 span {font-family: "Arial";font-size: 12px;font-style: normal;}
 .section .g_hd .more {bottom: 8px;display: block;font-size: 8px;height: 10px;line-height: 10px;position: absolute;right: 0;width: 40px;
  background: url(../img/ico-more.png) no-repeat center;
 }
/*推荐*/
.nav-txt{padding-bottom: 20px;}
.nav-txt .left, .nav-txt .right {width: 560px;}
.nav-txt .left, .nav-txt .right {overflow: hidden;}
.nav-txt .txt-menu {font-size: 0;height: 26px;margin-top: 16px;overflow: hidden;}
.nav-txt .txt-menu strong, .nav-txt .txt-menu span, .nav-txt .txt-menu a {display: inline-block;font-size: 14px;*font-size: 13px;height: 26px;line-height: 26px;overflow: hidden;vertical-align: middle;}
.nav-txt .txt-menu strong {background: #4e5d98 none repeat scroll 0 0;color: #fff;font-size: 12px;margin-right: 10px;text-align: center;width: 70px;}
.nav-txt .txt-menu span {color: #aaa;}
.nav-txt .txt-menu a {padding: 0 6px;position: relative;color: #333;}
.nav-txt .txt-menu a .ico-hot {background: #000 url("../img/icons-hot.png") no-repeat scroll 0 0;display: block;height: 9px;position: absolute;right: 1px;top: 0;width: 9px;}

/*新闻推荐*/
.newsBOX{padding-bottom: 25px;}
.news {width: 520px;}
.hide{display: none;}
.newsTOP {height: 176px;margin-top: -16px;text-align: center;border-bottom: 1px solid #b6b6b6;}
.newsTOP h2 {display: block;font-size: 22px;font-weight: bolder;height: 48px;line-height: 62px;padding-top: 5px;}
.newsTOP h2 a{color: #180E5C;}
.newsTOP p {color: #666;height: 23px;overflow: hidden;line-height: 29px;}
.newsTOP p a {color: #666;margin: 0 15px;}
.newsTOP p a:hover {color: #180E5C;}
.newsList {margin-top: 24px;}
.newsList .tit {height: 248px;line-height: 16px;width: 24px;}
.newsList .tit li {background: url("../img/ico01.png") no-repeat left top;color: #666;cursor: pointer;height: 40px;margin-bottom: 16px;padding-top: 8px;width: 24px;font-size: 12px;text-align: center;}
.newsList .tit li.hover {background-position: 0 -48px;color: #db154a;}
.newsList .txt {display: inline;margin-left: 45px;width: 450px;position: relative;overflow: hidden;}
.newsList .txt ul{width: 105%;}
.newsList .txt li {width:100%;height: 32px;line-height: 32px;overflow: hidden;font-size: 14px;color: #5e5e5e;}
.newsList .txt li p {float: left;font-size: 15px;overflow: hidden;width: 400px;}
.newsList .txt li p a{margin-left: 10px;color: #5e5e5e;}
.newsList .txt li p a:first-child{margin-left: 0;}
.newsList .txt li span {color: #999;float: right;}
.newsList .txt .more {background: #f6f6f6 none repeat scroll 0 0;border-radius: 12px;color: #969997;display: block;height: 24px;line-height: 24px;margin-top: 8px;text-align: center;font-size: 12px;}
.newsList .txt .more:hover {background: #fcd468 none repeat scroll 0 0;color: #fff;}
.fouse {overflow: hidden;width: 565px;}
.fouse .BigPic {height: 317px;overflow: hidden;position: relative;}
.fouse .BigPic div {position: relative;}
.fouse .BigPic div, .fouse .BigPic div img {height: 317px;width: 565px;}
.fouse .BigPic div p {bottom: 0;font-size: 14px;height: 39px;left: 0;line-height: 39px;overflow: hidden;position: absolute;text-align: center;width: 100%;background: rgba(0,0,0,0.5);color: #fff;}
.fouse .MinPic {height: 88px;margin-top: 47px;}
.fouse .MinPic li {display: inline;float: left;margin: 0 0 0 21px;cursor: pointer;}
.fouse .MinPic li:first-child{margin-left: 0;}
.fouse .MinPic li, .fouse .MinPic li img {height: 75px;width: 125px;}

/*图鉴*/
.section1{padding-bottom: 23px;}
.section1 .list-card{height:310px;position:relative;overflow:hidden;}
.section1 .list-card ul{width:110% !important;display:none;}
.section1 .list-card ul i{line-height:310px;padding-left: 510px;}
.section1 .slimScrollDiv{display:none;}
.section1 .list-card ul:first-child,div.slimScrollDiv:first-child{display:block;}
.section1 .list-card li{width:110px;height:135px;font-size:14px;margin:20px 34px 0 0;float:left;}
.section1 .list-card li a{color:#3d2b59;outline:none;border:none;position: relative;}
.section1 .list-card li span{display:block;}
.section1 .list-card li span:first-child{height:108px;position:relative;background: url(../img/loading.gif) no-repeat center;border-radius: 5px;border: 1px solid #ccc;}
.section1 .list-card li span:first-child img{width:90px;height:90px;position:absolute;top:50%;left:50%;margin:-45px 0 0 -45px;}
.section1 .list-card li span:first-child+span{padding:15px 0 0 0;text-align:center;}
.section1 .type{padding: 8px 0 0 50px;width: 415px;font-size: 14px;color: #565656;}
.section1 .type label{cursor: pointer;margin-left: 10px;}
.section1 .type label input{cursor: pointer;}
.section1 .type em{color: #3d2b59;}

/*攻略大全*/
.section2{margin: 0 0 26px 0;}
.section2 .g_hd{margin: 0 0 20px 0;}
.Raiders {width: 805px;}
.Raiders_tit {width: 98px;}
.Raiders_tit li {
    background: rgba(0, 0, 0, 0) url("../img/renBox.png") no-repeat scroll 0 bottom;
    cursor: pointer;
    height: 80px;
    margin-bottom: 8px;
    position: relative;
}
.Raiders_tit li i {
    background: rgba(0, 0, 0, 0) url("../img/icon_1.png") no-repeat scroll -153px -36px;
    display: none;
    height: 32px;
    margin-top: -16px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px;
}
.Raiders_tit li p {
    background: rgba(0, 0, 0, 0) url("../img/ren.png") no-repeat scroll 0 0;
    height: 76px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 76px;
    z-index: 2;
}
.Raiders_tit li.ren1 p {background-position: 0 0;}
.Raiders_tit li.ren2 p {background-position: 0 -81px;}
.Raiders_tit li.ren3 p {background-position: 0 -162px;}
.Raiders_tit li.ren4 p {background-position: 0 -243px;}
.Raiders_tit li.ren4 span {
    background: rgba(0, 0, 0, 0) url("../img/copy90.png") repeat scroll 0 0;
    border-radius: 50px;
    color: #999;
    font-size: 24px;
    height: 60px;
    left: 2px;
    padding-top: 16px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 76px;
    z-index: 3;
}
.Raiders_tit cite.ren4 {
    background: rgba(0, 0, 0, 0) url("../img/renBox.png") no-repeat scroll 0 bottom;
    cursor: pointer;
    display: block;
    font-style: normal;
    height: 80px;
    margin-bottom: 8px;
    position: relative;
}
.Raiders_tit cite.ren4 p {
    background: rgba(0, 0, 0, 0) url("../img/ren.png") no-repeat scroll 0 -243px;
    height: 76px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 76px;
    z-index: 2;
}
.Raiders_tit cite.ren4 span {
    background: rgba(0, 0, 0, 0) url("../img/copy90.png") repeat scroll 0 0;
    border-radius: 50px;
    color: #999;
    font-size: 24px;
    height: 60px;
    left: 2px;
    padding-top: 16px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 76px;
    z-index: 3;
}
.Raiders_tit li.hover {background: rgba(0, 0, 0, 0) url("../img/renBox.png") no-repeat scroll 0 top;}
.Raiders_tit li.hover i {display: block;}
.Raiders_txt {height: 344px;width: 700px;}
.RaidersPic {height: 344px;width: 336px;}
.RaidersPic ul {width: 360px;}
.RaidersPic li {
    float: left;
    height: 168px;
    margin-right: 16px;
    width: 160px;
}
.RaidersPic li a{color: #555;}
.RaidersPic li span, .RaidersPic li span img, .RaidersPic li span i {
    display: block;
    height: 120px;
    width: 160px;
}
.RaidersPic li span {position: relative;}
.RaidersPic li span i {
    left: 0;
    position: absolute;
    top: 0;
}
.RaidersPic li p {
    height: 40px;
    margin-top: 5px;
    overflow: hidden;
    font-size: 12px;
    color: #555;
}
.RaidersPic .overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.RaidersPic .Mask.hover .overlay {
    height: 100%;
    left: 0;
    opacity: 1;
    top: 0;
    width: 100%;
}
.RaidersNews {
    height: 344px;
    width: 340px;
    margin-left: 20px;
}
.RaidersNews_Crumbs {
    height: 34px;
    position: absolute;
    right: 248px;
    top: 46px;
    width: 648px;
    z-index: 1;
}
.RaidersNews_Crumbs p {
    background: #000 none repeat scroll 0 0;
    height: 2px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 448px;
}
.RaidersNews_Crumbs span {
    border-bottom: 1px solid #000;
    border-left: 2px solid #000;
    bottom: 0;
    height: 32px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 368px;
}
.RaidersNews_tit {height: 34px;left: 0;line-height: 34px;}
.RaidersNews_tit li {
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    position: relative;
    width: 78px;
    border: 1px solid #ccc;
    margin: 0 0 0 10px;
    color: #555;
}
.RaidersNews_tit li:first-child{margin-left: 0;}
.RaidersNews_tit li.hover{border-color: #dc050f;color: #dc050f;}
.RaidersNews_tit li p {
    height: 100%;
    text-align: center;
    width: 100%;
    z-index: 5;
}
.RaidersNews_tit li i {
    background: #fcd468 none repeat scroll 0 0;
    border-radius: 5px;
    display: none;
    height: 15px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    top: 14px;
    width: 48px;
}
.RaidersNews_tit li span {
    background: rgba(0, 0, 0, 0) url("../img/icon_1.png") no-repeat scroll -153px -69px;
    bottom: -5px;
    display: none;
    height: 5px;
    left: 50%;
    margin-left: -4px;
    overflow: hidden;
    position: absolute;
    width: 7px;
}
.RaidersNews_tit li.hover i, .RaidersNews_tit li.hover span {display: block;}
.RaidersNews_txt{margin-top: 15px;}
.RaidersNews_txt li {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #555;
    overflow: hidden;
}
.RaidersNews_txt li a{color: #555;width: 250px;vertical-align: middle;margin: -3px 0 0 5px;}
.RaidersNews_txt li p {float: left;width: 310px;}
.RaidersNews_txt li span {
    color: #999;
    float: right;
    *float: none;
    margin-right: 5px;
}
.RaidersNews_txt .line {margin: 13px 0;overflow: hidden;border-bottom: 1px dashed #b2b2b2;}
/*游戏论坛*/
.bbsbox{width: 300px;}
.bbsbox li,.bbsbox li a{color: #555;font-size: 14px;}
.bbsbox li{margin-top: 14px;*margin-top: 13px;}
.bbsbox li:first-child{margin-top: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .bbsbox li{margin-top: 15px;}
}

/*游戏视频*/
.video{padding:20px;}
.video li{width: 250px;height: 170px;float: left;margin-left: 26px;font-size: 12px;color: #666;text-align: center;position: relative;overflow: hidden;}
.video li a{color: #666;}
.video li:first-child{margin-left: 0;}
.video li .pic{height: 145px;background: #000;position: relative;margin:0 0 10px 0;}
.video li i{width: 223px;height: 123px;display: block;border: 1px solid #fff;position: absolute;left: 12px;top: 10px;background: url(../img/ico-video.png) no-repeat center;-webkit-transform: scale(1.6);-moz-transform: scale(1.6);-ms-transform: scale(1.6);-o-transform: scale(1.6);transform: scale(1.6);opacity: 0;filter: alpha(opacity=0);}
.video li:hover i{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.video li:hover img{opacity: .5;filter: alpha(opacity=50);}

/*御魂图鉴*/
.section4{padding: 5px 0 30px 0;}
.section4 .turn {background: #f4f4f4 none repeat scroll 0 0;height: 205px;margin-left: auto;margin-right: auto;margin-top: 15px;position: relative;width: 1068px;}
.section4 .turn .img {height: 160px;margin-left: auto;margin-right: auto;overflow: hidden;padding-top: 22px;position: relative;width: 892px;}
.section4 .turn .img ul {width: 150%;position: relative;}
.section4 .turn .img ul li {float: left;margin-right: 31px;width: 200px;height: 164px;}
.section4 .turn .img ul li a {display: block;}
.section4 .turn .img ul li a img {display: block;height: 132px;transition: all 0.3s ease 0s;width: 200px;}
.section4 .turn .img ul li a span {color: #333;display: block;font-size: 12px;margin-bottom: 10px;margin-top: 10px;text-align: center;}
.section4 .turn .img ul li a:hover span {color: #3d2b59;}
.section4 .turn .img ul li a .wrap {height: 132px;overflow: hidden;position: relative;width: 200px;background: #f8f8f8;}
.section4 .turn .img ul li a .wrap:hover img {transform: scale(1.1);}
.section4 .turn pre {cursor: pointer;margin-top: -20px;position: absolute;top: 50%;width: 25px;height: 40px;display: block;background-image: url("../img/spritesheet.png");}
.section4 .turn pre.prev {left: 30px;}
.section4 .turn pre.next {right: 30px;}
.sprite-prev {background-position: -123px -55px;}
.sprite-next {background-position: -88px -55px;}

/*VIDEO*/
.gb {position: absolute;right: -54px;top: 0;display: block;}
.gb:hover {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

/*
   评论模块
*/

.comment_b{width:100%;margin:10px auto 0 auto;}
.wrap_c{margin:0 auto;background: #fff;}
.comment_head{ margin:10px auto 0 auto;height: 38px;line-height: 38px;background: #fff;color: #111;overflow: hidden;border-bottom: 1px solid #ddd;border-top: 2px solid #ffa100;}
.comment_head h2{font-size: 16px;float: left; padding-left: 10px;}
.comment10 {padding:10px;}