/*  */

#topbar {height:110px; width:100%; background:#000 url("../images/np.png")/*tpa=http://jjj198.com/13/200/images/np.png*/ repeat-x 0 0;   }
.topwrap { width:1200px;margin: 0 auto;position: relative;height: 100%;}
#topnav{height: 100px;background: url("../images/topnav.jpg")/*tpa=http://jjj198.com/13/200/images/topnav.jpg*/ no-repeat 0 0;width: 672px;float: left;}
#topnav li{float: left;}
#topnav a{display: block;width: 222px;height: 100px;margin-left: 2px;text-indent: -999em;}
#topnav a:hover{background-image: url("../images/topnav.jpg")/*tpa=http://jjj198.com/13/200/images/topnav.jpg*/;background-repeat: no-repeat;}
#topnav a.n1:hover{background-position: -2px -100px;}
#topnav a.n2:hover{background-position: -226px -100px;}
#topnav a.n3:hover{background-position: -450px -100px;}
#topbar .entry{background: url("../images/entry.jpg")/*tpa=http://jjj198.com/13/200/images/entry.jpg*/ no-repeat 0 0;display: block;width: 236px;height: 100px;overflow: hidden;text-indent: -999em;float: left;}
#topbar .forum{background: url("../images/forum.jpg")/*tpa=http://jjj198.com/13/200/images/forum.jpg*/ no-repeat 0 0;display: block;width: 236px;height: 100px;margin-left: 7px;overflow: hidden;text-indent: -999em;float: left;}
#topbar .entry:hover{background: url("../images/entry_1.jpg")/*tpa=http://jjj198.com/13/200/images/entry_1.jpg*/ no-repeat 0 0;}
#topbar .forum:hover{background: url("../images/forum_1.jpg")/*tpa=http://jjj198.com/13/200/images/forum_1.jpg*/ no-repeat 0 0;}

.nav{background:url("../images/nav.jpg")/*tpa=http://jjj198.com/13/200/images/nav.jpg*/ top center no-repeat;width:100%;height:82px;position:relative;z-index:99;}
.nav-ul{width:1200px;margin:0 auto;height:82px;margin-top: 1px;}
.nav-ul li{width:126px;height:80px;float:left;}
.nav-ul li a{width:126px;height:80px;display: block;text-align: center;background:url("../images/nav-a.jpg")/*tpa=http://jjj198.com/13/200/images/nav-a.jpg*/ no-repeat;}
.nav-ul li a.hame{background-position:-1px 0px;}
.nav-ul li a.newszh{background-position:-127px 0px;}
.nav-ul li a.gameinfo{background-position:-253px 0px;}
.nav-ul li a.raiders{background-position:-379px 0px;}
.nav-ul li a.recharge{background-position:-697px 0px;}
.nav-ul li a.download{background-position:-823px 0px;}
.nav-ul li a.service{background-position:-949px 0px;}
.nav-ul li a.bbs{background-position:-1075px 0px;}
.nav-ul li a:hover.hame{background-position:-1px -83px;}
.nav-ul li a:hover.newszh{background-position:-127px -83px;}
.nav-ul li a:hover.gameinfo{background-position:-253px -83px;}
.nav-ul li a:hover.raiders{background-position:-379px -83px;}
.nav-ul li a:hover.recharge{background-position:-697px -83px;}
.nav-ul li a:hover.download{background-position:-823px -83px;}
.nav-ul li a:hover.service{background-position:-949px -83px;}
.nav-ul li a:hover.bbs{background-position:-1075px -83px;}
.nav-ul li.logo{width:192px}
.nav-ul li.logo a{width:162px;height:100px;margin:-5px auto 0 auto;background:none;}
.nav-ul li.logo a:hover{background:0 0}

#main{width:1280px;margin:0 auto;position:relative;margin-top:-350px;z-index:9999}
.m-wrap{width:1280px;margin:0 auto;height:960px;background:url("../images/mainbg.png")/*tpa=http://jjj198.com/13/200/images/mainbg.png*/ no-repeat;}
.poe-side{width:230px;padding:190px 14px 0 16px;margin-left:0px;float:left;position:relative;}
.btn-order{float:left;display:block;width:270px;height:180px;text-indent:-999em;width:100%;position:absolute;top:-10px;left:-5px;}
.btn-order:hover {background:url("../images/dg.png")/*tpa=http://jjj198.com/13/200/images/dg.png*/ no-repeat;margin-top:20px}
.btn-active{float:left;display:block;width:230px;height:85px;margin-bottom:0px;text-indent:-999em;;margin-left:0px;margin-top:5px}
.btn-active:hover{width:230px;height:85px;background:url("../images/cg.png")/*tpa=http://jjj198.com/13/200/images/cg.png*/ no-repeat}
.btn-weiduan{float:left;display:block;width:230px;height:85px;margin-bottom:0px;text-indent:-999em;;margin-left:0px;margin-top:5px}
.btn-weiduan:hover{width:230px;height:85px;background:url("../images/wd.png")/*tpa=http://jjj198.com/13/200/images/wd.png*/ no-repeat}
.btn-buding{float:left;display:block;width:230px;height:85px;margin-bottom:0px;text-indent:-999em;;margin-left:0px;margin-top:5px}
.btn-buding:hover{width:230px;height:85px;background:url("../images/bd.png")/*tpa=http://jjj198.com/13/200/images/bd.png*/ no-repeat}
.circle-btn{height:130px;margin-left:-5px;width:230px;}
.circle-btn .btn-item{float:left;margin-left:25px;width:90px;}
.btn-item a{display:block;padding-top:92px;text-align:center;color:#9fa1a5;}
.btn-season{display:block;height:135px;margin-bottom:25px;text-indent:-999em;}
.poe-side .links{float:left;height:230px;width:222px;margin-left:0px;margin-top:30px}
.poe-side .links li{float:left;margin-left:13px;margin-bottom:12px;}
.poe-side .links a{display:block;width:98px;height:104px;position:relative;}
.poe-side .links .hover{position:absolute;width:100%;height:100%;background:url("../images/index-sprite-1.png")/*tpa=http://jjj198.com/13/200/images/index-sprite-1.png*/ no-repeat 0 -386px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;transition:all .3s;}
.poe-side .links span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;color:#8b8e9b;}
.links a:hover .hover{opacity:1;filter:alpha(opacity=100);}
.links .ico{background-image:url("../images/index-sprite-1.png")/*tpa=http://jjj198.com/13/200/images/index-sprite-1.png*/;background-repeat:no-repeat;display:block;width:60px;height:60px;margin:10px auto 0;}
.links .ico-1{background-position:-343px -386px}
.links .ico-2{background-position:-403px -386px}
.links .ico-3{background-position:-463px -386px}
.links .ico-4{background-position:-343px -446px}
.links .ico-5{background-position:-403px -446px}
.links .ico-6{background-position:-463px -446px}
.btn-bdmaster{float:left;display:block;height:70px;text-indent:-999em;}

.zbimg {float:left;display:block;width:215px;height:245px;overflow:hidden;margin-left:18px}

.info-sec{padding-top:120px;float:left;width:1015px;height:820px;}
.forum-sec{width:530px;margin-left:22px;float:left;}
.forum-switcher{height:46px;margin-bottom:5px;}
.forum-switcher li{float:left;}
.forum-switcher a{display:block;width:106px;height:42px;line-height:42px;text-align:center;background:url("../images/index-sprite-1.png")/*tpa=http://jjj198.com/13/200/images/index-sprite-1.png*/ no-repeat -98px -411px;color:#b8a071;}
.forum-switcher li.active a , .forum-switcher a:hover{color:#b8a071;text-decoration:none;background-position:-204px -411px;}
.forum-cons{padding:10px;height:106px;overflow:hidden;}
.forum-cons div{display:none;}
.forum-cons li{background:url("../images/index-sprite-1.png")/*tpa=http://jjj198.com/13/200/images/index-sprite-1.png*/ no-repeat -508px -290px;padding-left:20px;line-height:25px;}
.forum-cons a{color:#6c6251;}

/*简介*/
#Introduction{float:left;width:570px;height:405px;position:relative;overflow:hidden;}
#Introduction .Tab{float:left;width:530px;margin-bottom:5px;height:46px;margin-left:20px}
#Introduction .Tab li{float:left;text-align:center;}
#Introduction .Tab li a{display:block;width:106px;height:42px;line-height:42px;text-align:center;background:url("../images/index-sprite-1.png")/*tpa=http://jjj198.com/13/200/images/index-sprite-1.png*/ no-repeat -98px -411px;color:#b8a071;} 
#Introduction .Tab li.change a,#Introduction .Tab li a:hover{color:#b8a071;text-decoration:none;background-position:-204px -411px;}
#Introduction .focusDoc{margin:0 21px 23px;height:34px;line-height:34px;text-align:center;clear:both;overflow:hidden;font-size:15px;font-weight:normal;color:#fab101;background-color:#000;}
#Introduction .focusDoc a{color:#e9e1d6;}
#Introduction .NewsList li{height:30px;line-height:30px;overflow:hidden;font-size:12px;padding:0 6px;color:#b2ab9d}
#Introduction .NewsList li:hover a{color:#b7494c;}
#Introduction .NewsList li span{float:right;color:#999999;padding-left:30px;}

/*轮播广告*/
#playBanner{float:left;width:410px;height:380px;position:relative;overflow:hidden;margin-left:10px}
/*图片轮播样式*/
#playBanner .conbox{width:9999em;position:absolute;}
#playBanner .conbox .Slide_{float:left;width:390px;height:360px;overflow:hidden;padding:10px}
#playBanner .switcher{padding:0 29px 22px 0;width:100%;text-align:right;position:absolute;right:0px;bottom:0px;z-index:99;}
#playBanner .switcher a{margin:0 0px 0 12px;width:14px;height:14px;line-height:0;text-align:center;overflow:hidden;font-family:arial;color:#323232;background-color:#a00606;border-radius:9px;cursor:pointer;display:inline-block;}
#playBanner .switcher a.cur,#playBanner #Expert .switcher a:hover{color:#fff;background-color:#e8e1d7;}

#ZhiYe{float:left;width:970px;height:400px;position:relative;overflow:hidden;background-color:#000;margin-left:20px}
/*图片轮播样式*/
#ZhiYe .conbox{width:9999em;position:absolute;}
#ZhiYe .conbox .Slide_{float:left;width:960px;height:400px;overflow:hidden;}
#ZhiYe .switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:0px;display:none;z-index:99;}
#ZhiYe .switcher a{margin:0 9px;width:14px;height:14px;line-height:0;text-align:center;overflow:hidden;font-family:arial;color:#323232;background-color:#cccccc;border-radius:9px;cursor:pointer;display:inline-block;}
#ZhiYe .switcher a.cur,#ZhiYe #Expert .switcher a:hover{color:#fff;background-color:#ffa9aa;}
#ZhiYe .ZhiYeTab{position:absolute;bottom:0px;left:0px;padding-left:150px;cursor:pointer; }
#ZhiYe .ZhiYeTab li{float:left;margin-right:14px;display:inline;}
/*图标-职业*/
.icon_zhiye{width:64px;height:64px;background:url("../images/zy_type.png")/*tpa=http://jjj198.com/13/200/images/zy_type.png*/ no-repeat left top;display:inline-block;}
.icon_zhiye.icon_zhiye1x1{background-position:0 0;}
#ZhiYe .ZhiYeTab li.change .icon_zhiye1x1,.icon_zhiye.icon_zhiye1x1:hover{background-position:0 -64px;}
.icon_zhiye.icon_zhiye2x1{background-position:-64px 0;}
#ZhiYe .ZhiYeTab li.change .icon_zhiye2x1,.icon_zhiye.icon_zhiye2x1:hover{background-position:-64px -64px;}
.icon_zhiye.icon_zhiye3x1{background-position:-128px 0;}
#ZhiYe .ZhiYeTab li.change .icon_zhiye3x1,.icon_zhiye.icon_zhiye3x1:hover{background-position:-128px -64px;}
.icon_zhiye.icon_zhiye4x1{background-position:-192px 0;}
#ZhiYe .ZhiYeTab li.change .icon_zhiye4x1,.icon_zhiye.icon_zhiye4x1:hover{background-position:-192px -64px;}
.icon_zhiye.icon_zhiye5x1{background-position:-256px 0;}
#ZhiYe .ZhiYeTab li.change .icon_zhiye5x1,.icon_zhiye.icon_zhiye5x1:hover{background-position:-256px -64px;}
.icon_zhiye.icon_zhiye6x1{background-position:-320px 0;}
#ZhiYe .ZhiYeTab li.change .icon_zhiye6x1,.icon_zhiye.icon_zhiye6x1:hover{background-position:-320px -64px;}
.icon_zhiye.icon_zhiye7x1{background-position:-384px 0;}
#ZhiYe .ZhiYeTab li.change .icon_zhiye7x1,.icon_zhiye.icon_zhiye7x1:hover{background-position:-384px -64px;}
.icon_zhiye.icon_zhiye8x1{background-position:-448px 0;}
#ZhiYe .ZhiYeTab li.change .icon_zhiye8x1,.icon_zhiye.icon_zhiye8x1:hover{background-position:-448px -64px;}

#PhotoShowbg{margin:5px auto 0px;width:1240px;height:540px;position:relative;z-index:1000;background:url("../images/zbbg.png")/*tpa=http://jjj198.com/13/200/images/zbbg.png*/ no-repeat;padding:20px}
/*照片展示*/
#PhotoShow{float:left;width:1230px;height:530px;position:relative;}
#PhotoShow #PhotoshowGundong{padding-top:5px;padding-left:10px}
#PhotoShow .gundong{width:1230px;}
#PhotoShow .gundong .jCarouselLite{float:left;width:1230px;height:530px;overflow:hidden;}
#PhotoShow .move_right,#PhotoShow .move_left{float:left;width:43px;height:530px;position:absolute;top:24px;z-index:500;}
#PhotoShow .move_left span,#PhotoShow .move_right span{width:43px;height:87px;position:absolute;top:50%;margin-top:-70px;background:url("../images/arrow.png")/*tpa=http://jjj198.com/13/200/images/arrow.png*/ no-repeat left top;background-repeat:no-repeat;}
#PhotoShow .move_left{left:-10px;}
#PhotoShow .move_left span{background-position:left top;}
#PhotoShow .move_left:hover span{background-position:left bottom;}
#PhotoShow .move_right{right:-10px;}
#PhotoShow .move_right span{background-position:right top;}
#PhotoShow .move_right:hover span{background-position:right bottom;}
#PhotoShow .PicList {width: 1000px; }
#PhotoShow .PicList li{margin:0 5px;float:left;width:960px;position:relative;display:inline;}
#PhotoShow .PicList .photo{ background:#333;display:block;}
#PhotoShow .PicList span{height:39px;line-height:39px;text-align:center;overflow:hidden;color:#e9e1d6;display:block;}

.DOWNLOAD {float:left;width:675px;height:360px;margin-top:60px;margin-left:60px}
.DOWNLOAD a{float:left;width:200px;height:45px;background:url("../images/download.png")/*tpa=http://jjj198.com/13/200/images/download.png*/ no-repeat left top;font-size:14px;font-weight:bold;color:#fff;display:block;text-align:center;line-height:45px;margin-right:20px;margin-bottom:30px}
.DOWNLOAD a:hover{background:url("../images/download_hover.png")/*tpa=http://jjj198.com/13/200/images/download_hover.png*/ no-repeat left top;}

.KeFu{float:left;display:inline;overflow:hidden;width:700px;height:300px;overflow:hidden;margin-top:30px}
.KeFu ul{float:left;width:700px;margin-bottom:20px;margin-left:30px}
.KeFu ul li{float:left;width:280px;height:30px;line-height:30px;color:#bad6d9;margin-bottom:5px;margin-left:20px}
.KeFu ul li a img{margin-left:10px}
.KeFu dl{float:left;width:700px;line-height:30px;color:#e4a241;margin-top:30px;margin-left:50px}
.KeFu dl dt{float:left}
.KeFu dl dd {color:#e4a241}
.KeFu dl dd strong{font-size:20px}
.musicbox{width:65px;height:100px;position:fixed;z-index:500;top:0px;left:50%;cursor:pointer;margin-left:-750px}
.musicplay{background:url("../images/musicplay.png")/*tpa=http://jjj198.com/13/200/images/musicplay.png*/ no-repeat}
.musicstop{background:url("../images/musicstop.png")/*tpa=http://jjj198.com/13/200/images/musicstop.png*/ no-repeat}