@charset "utf-8";
/*--------------------------------------------------------------------
version: 1.0
 author: heaven
  email: 13402660@qq.com
   date: 2016-03-17 00:47:54
---------------------------------------------------------------------*/
/*** reset ***/
body, html, div, p, span, button, input, textarea, select, form, label, iframe, img, ul, ol, li, dl, dt, dd, table, caption, tbody, thead, tr, th, td, h1, h2, h3, h4, h5, h6, a, u, i, em {margin:0; padding:0;  font-size:100%; border:0; outline:0;}
body {min-width:1044px; font-size:12px; line-height:1; font-family:Arial, 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', 'Hiragino Sans GB', '\5B8B\4F53'; -webkit-font-smoothing:subpixel-antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0); color:#444; background-color:#dadada;}
li {list-style-type: none;}
img {border:0 none; -ms-interpolation-mode:bicubic; display:block;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
button {cursor:pointer;}
a, a:hover, a:link, a:visited { cursor:pointer; text-decoration:none; outline:none;}

/*** global ***/
.clearfix{zoom:1;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.ellipsis {overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;}
.indent {text-indent:-9999px;}
.hide {display:none; z-index:2;}

.game-name {-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;}

.floatLeft  {float:left;}
.floatRight {float:right;}

.textLeft   {text-align:left;}
.textCenter {text-align:center;}
.textRight  {text-align:right;}
.c-666 {color:#666;}

.sprite, .homeLibrary h3, .libraryLabel, .mod2 h3, .mod4 h3, .popClose {background:url(../images/sprite.png) no-repeat; overflow:hidden;}

.more {position:absolute; top:25px; right:20px; width:50px; height:17px; font-size:14px; line-height:17px; color:#666;}
.more .sprite {position:absolute; top:0; right:0; width:17px; height:17px; background-position:0 -402px;}
.more:hover {color:#cc3026;}
.more:hover .sprite {background-position:0 -420px;}

.header, .ban, .major, .container, .wrapper, .footer {clear:both; overflow:hidden;}
.grid {position:relative; margin:0 auto; width:1000px;}
.qrcode {width:123px; height:148px; position:fixed; _position:absolute; bottom:260px; left:50%; margin-left:520px; z-index:9;}
/*** header ***/
.header {background:url(../images/bg1.jpg) center no-repeat;}
.header .grid {width:1044px; height:80px;}
.nav li {float:left; width:112px; height:80px;}
.nav li.logoDiv {width:148px;}
.nav a {display:block; height:80px; background:url(../images/nav.png) no-repeat; overflow:hidden;}
.nav .home    {background-position: 0 0;}
.nav .notice  {background-position: -112px 0;}
.nav .down    {background-position: -224px 0;}
.nav .data    {background-position: -336px 0;}
.nav .logo    {background-position: -448px 0;}
.nav .recharge{background-position: -596px 0;}
.nav .accounts{background-position: -708px 0;}
.nav .bbs     {background-position: -820px 0;}
.nav .service {background-position: -932px 0;}
.nav .home:hover, .nav .home.cur        {background-position: 0 -80px;}
.nav .notice:hover, .nav .notice.cur    {background-position: -112px -80px;}
.nav .down:hover, .nav .down.cur        {background-position: -224px -80px;}
.nav .data:hover, .nav .data.cur        {background-position: -336px -80px;}
.nav .recharge:hover, .nav .recharge.cur{background-position: -596px -80px;}
.nav .accounts:hover, .nav .accounts.cur{background-position: -708px -80px;}
.nav .bbs:hover, .nav .bbs.cur          {background-position: -820px -80px;}
.nav .service:hover, .nav .service.cur  {background-position: -932px -80px;}
/*** ban ***/
.ban {height:490px; background:url(../images/bg2.jpg) center no-repeat;}
.pageBan {height:392px; background:url(../images/bg6.jpg) center no-repeat;}
/*** major ***/
.major {background:url(../images/bg3.jpg) center top no-repeat;}
.major .grid {height:336px; background:url(../images/major.jpg) center no-repeat;}

.gameDownload {margin:4px 0 0 13px; width:295px; height:154px;}
.gameDownload a {display:block; height:154px; background-position:0 0;}
.gameDownload a:hover {background-position:0 -155px;}

.gameService {position:absolute; top:172px; left:6px; width:308px; height:124px;}
.gameService a { float:left; width:103px; height:124px;}
.gameService .regist {background-position:-296px 0;}
.gameService .reload {background-position:-399px 0;}
.gameService .group  {background-position:-502px 0; width:102px;}
.gameService .regist:hover {background-position:-296px -125px;}
.gameService .reload:hover {background-position:-399px -125px;}
.gameService .group:hover  {background-position:-502px -125px;}

.focus {width:670px; height:302px; position:relative; overflow:hidden;}
.focus .s-list {width:300px; position:absolute; right:10px; bottom:15px; z-index:2;}
.focus .s-list li {cursor:pointer; width:40px; height:8px; float:left; margin:0 5px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8);}
.focus .s-list li.cur {background:#c82d25;}
.focus .s-show {float:left; width:670px; height:302px; background:#000; position:relative; display:inline;}
.focus .s-show li {display:none; position:absolute; top:0; left:0;}
.focus .s-show li.cur {display:block;}
/*** container ***/
.container {background:url(../images/bg5.jpg) center top no-repeat;}
.container .grid {height:auto; background:url(../images/bg4.jpg) center no-repeat;padding-bottom: 50px;}
.wrapper {background:url(../images/bg7.jpg) center top no-repeat;}
.wrapper .grid {background:url(../images/bg8.jpg) center top no-repeat;}

/*** mod1 ***/
.mod1 h3 {position:relative; width:160px; height:47px; font-size:16px; line-height:47px; font-weight:bold; text-align:center; cursor:pointer;}
.mod1 .cur h3 {color:#cc3026;}
.mod1 .hdLine {position:absolute; left:0; bottom:-1px; display:none; width:160px; height:3px; background:#cc3026;}
.mod1 .cur .hdLine {display:block;}
.mod1 .cont {position:absolute; left:0; opacity:0; z-index:-1; padding:0 20px; height:200px;}
.mod1 .cur .cont {opacity:1; z-index:1;}

.news, .gameShow {position:relative; height:283px;}
.news li, .gameShow li p {overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;}
.homeNews {width:320px; color:#9f948a; background:#443232;}
.news .gameNotice, .news .bbsHot {float:left; border-bottom:1px solid #302323; border-top:4px solid #523a3a;}
.news .cont {width:280px; top:65px;}
.news li {position:relative; padding-right:50px; height:38px; font-size:14px; line-height:38px;  border-bottom:1px dotted #c9c9c9;}
.homeNews li {width:230px; border-bottom:1px dotted #5e4b4a;}
.news li .data {position:absolute; top:0; right:0; width:50px; color:#a58683; text-align:right; }
.news li a {color:#666;}
.homeNews li a {color:#9f948a;}
.news li a:hover {color:#cc3026;}

.gameShow, .homeLibrary {width:670px; background:#f2f2f2; overflow:hidden;}
.gameShow .popular, .gameShow .picture, .gameShow .video {float:left; border-bottom:1px solid #dcdcdc; border-top:4px solid #fff;}
.gameShow .video {width:350px;}
.gameShow .cont {width:630px;  top:72px;}

.gameShow ul {width:685px;}
.gameShow li {float:left; width:200px; height:194px; margin-right:15px; overflow:hidden;}
.gameShow li p {position:relative; height:30px; line-height:30px; margin-top:5px;}
/*** mod2 ***/
.mod2, .mod4 {margin:30px 0; background:#f2f2f2;}
.mod2 {height:482px;}
.mod2 h3, .mod4 h3 {position:relative; height:66px; border-bottom:1px solid #dcdcdc;}
.mod2 h3 {background-position:-296px -250px;}

.rolebox {width:1000px; height:414px;overflow: hidden; display:inline-block; float:left;}
.rolebox dl{width:1000px; height:414px;}	
.rolebox dt{width:66px; height:414px; overflow:hidden; float:left;}
.rolebox dt a { display:block; width:65px; height:414px; }
.rolebox dt.acc1 a {background:url(../images/zhan1.jpg) no-repeat 0 0;}
.rolebox dt.acc2 a {background:url(../images/zhan2.jpg) no-repeat 0 0;}
.rolebox dt.acc3 a {background:url(../images/zhan3.jpg) no-repeat 0 0;}
.rolebox dt.acc4 a {background:url(../images/fa1.jpg) no-repeat 0 0;}
.rolebox dt.acc5 a {background:url(../images/fa2.jpg) no-repeat 0 0;}
.rolebox dt.acc6 a {background:url(../images/fa3.jpg) no-repeat 0 0;}
.rolebox dt.acc7 a {background:url(../images/dao1.jpg) no-repeat 0 0;}
.rolebox dt.acc8 a {background:url(../images/dao2.jpg) no-repeat 0 0;}
.rolebox dt.acc9 a {background:url(../images/dao3.jpg) no-repeat 0 0;}
.rolebox dt a:hover, .rolebox dt.active a { background-position:-65px 0;}
.rolebox .slide-number{color:#ab9a8f;left:10px;}
.rolebox dd img{ overflow:hidden;}
.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0; overflow:hidden;}
.easy-accordion dt,.easy-accordion dd{position:absolute}
.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;cursor:pointer;}
.easy-accordion dd{z-index:1;opacity:0;overflow:hidden;}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
/*** mod3 ***/
.mod3, .homeLibrary {height:284px;}
.mod3 .links {width:324px;}
.mod3 .links li {float:left; margin:0 4px 4px 0; width:158px; height:140px;}
.mod3 .links li:hover {box-shadow:0 0 5px #aaa;}

.homeLibrary h3 {height:51px; border-bottom:1px solid #dcdcdc; background-position:-296px -384px;}
.homeLibrary .bd {padding:10px 0 0 30px;}
.homeLibrary li, .library li {position:relative; font-size:14px;}
.homeLibrary li { height:38px; line-height:38px; border-bottom:1px dotted #d1d1d1;}
.library li { height:32px; line-height:32px;}

.libraryLabel {padding-left:25px; width:85px;}
.homeLibrary .libraryLabel {background-position:-157px -417px;}
.library .libraryLabel     {background-position:-157px -377px; font-weight:bold;}
.libraryLabel, .libraryValue, .libraryValue a {float:left;}
.libraryValue a {margin:0 3px; color:#666;}
.libraryValue a:hover {color:#cc3026;}

/*** mod4 ***/
.mod4 {height:278px;}
.mod4 h3 {background-position:-296px -317px;}
.beauty {padding-left:20px;}
.beauty li {float:left; width:225px; height:160px; margin:20px 20px 0 0; overflow:hidden;}


.fotNotice {color:#6d6d6d; line-height:24px;text-align: center;padding-top: 30px;}
.fotNotice span { margin-right:10px;}
/*** footer ***/
.footer {background-color:#232121; color:#737171; line-height:22px; text-align:center; }
.footer .grid {height:140px; padding-top:40px;}
.pageFooter {margin-top:60px;}

/*** page ***/
.aside { padding-top:147px; width:239px; position:relative;}
.asideDown {position:absolute; top:4px; left:12px; width:218px; height:134px; background:url(../images/asidedown.png) no-repeat; background-position:0 0;}
.asideDown:hover { background-position:0 -134px;}

.asideLink {width:239px; background:url(../images/asidelink.png) no-repeat; display:block; text-indent:-999px;}
.aside .regist {height:73px; background-position:0 0;}
.aside .reload {height:70px; background-position:0 -73px;}
.aside .group  {height:70px; background-position:0 -143px;}
.aside .service  {height:64px;background-position:0 -213px;}
.aside .regist:hover {background-position:-239px 0;}
.aside .reload:hover {background-position:-239px -73px;}
.aside .group:hover  {background-position:-239px -143px;}
.aside .service:hover  {background-position:-239px -213px;}

.main {width:751px;}
.main .title {padding-left:53px; height:60px;  position:relative;}
.main .title h2 {line-height:58px; font-size:20px; color:#ffe0bb;}
.main .location {
	position:absolute;
	bottom:22px;
	right:24px;
	color:#b18b86;
	width: 149px;
}
.main .cont { padding:15px 25px; background:#f2f2f2; border-top:4px solid #dfdfdf; min-height:880px;}

.libraryTitle {font-size:16px; height:32px; line-height:32px; font-weight:bold; border-bottom:1px dotted #c9c9c9;}
.libraryItem { margin:0 0 30px 0;}
.libraryItem  ul {padding:20px 20px 0;}
.libraryItem .libraryValue { width:551px;}

.info { overflow:hidden;}
.info .infoTitle { margin-bottom:20px; padding-bottom:5px; height:40px; font-size:18px; line-height:40px; text-align:center; font-weight:bold; border-bottom:1px solid #c9c9c9; }
.info {font-size:14px; line-height:26px;}
.info p {text-indent:28px; margin-bottom:8px;}
.info img { margin:10px auto; max-width:500px;}
/**弹窗**/
.cover {position:fixed; left:0px; top:0px; z-index:9; width:100%; height:100%; background:#000; opacity:0.5;}
.pop {position:fixed; z-index:1000; top:0; left:50%; margin-left:-366px; background:#fff; height:560px; padding:6px; }
.popCont {overflow:hidden;}
.popCont, .popCont img {width:720px; height:560px; }
.popClose {width:49px; height:51px; position:absolute; top:0; right:-49px; background-position:-157px -310px;}
.popClose:hover {background-position:-207px -310px;}
