/* CSS Document */
*{margin:0; padding:0;}
html{overflow-x:hidden;}
body{background:#000 url(../images/bg.jpg) center top no-repeat;; font:12px SimSun; color:#999789;}
img{border:0 none;}
a,input{text-decoration:none; outline:none;}
em,i{font-style:normal;}
a:hover{text-decoration:underline;}
li{list-style:none;}
.clear{float:none; clear:both;}
.w1200{width:1200px; margin:0 auto;margin-top:-1050px;}

.wrap{position:relative;}
.ind_box{width:100%;}

.header{height:638px; position:relative;}
/*nav*/
.nav{font:bold 14px/104px Microsoft YaHei; padding:0 50px; height:104px; position:absolute; top:0; left:0; z-index:2;}
.nav ul li{float:left; display:inline; padding:0 43px;}
.nav ul li a{color:#fff;}

/*左侧内容*/
.ind_con{position:relative; z-index:2;}
.ind_conl{width:290px; float:left; display:inline; position:relative; z-index:11;}

/*开始游戏*/
.start{background:url(../images/icon.png) no-repeat; background-position:0 0; width:301px; height:309px; margin:-45px 0 0 -22px; padding:48px 0 0 38px;}
.star_btn{background:url(../images/icon.png) no-repeat; background-position:0 -377px; width:301px; height:99px; padding-top:40px; display:block;}
.star_btn span, .star_btn span:after{background:url(../images/icon.png) no-repeat; background-position:-33px -707px; width:232px; height:69px; content:""; display:block; margin:0 auto;}
.star_btn:hover{background-position:0 -516px;}
.star_btn:hover span{-webkit-animation:fd 1.6s linear infinite; animation:fd 1.6s linear infinite;}
.star_btn:hover span:after{opacity:0.6; -webkit-animation:fd2 1.6s linear infinite; animation:fd2 1.6s linear infinite;}

.star_btns{background:url(../images/pay.png) no-repeat;width:280px; height:88px; padding-top:2px; display:block;}
.star_btns:hover{background:url(../images/pays.png) no-repeat;}
.star_btns:hover span{-webkit-animation:fd 1.6s linear infinite; animation:fd 1.6s linear infinite;}
.star_btns:hover span:after{opacity:0.6; -webkit-animation:fd2 1.6s linear infinite; animation:fd2 1.6s linear infinite;}



@-webkit-keyframes fd{0%{transform:scale(1); -webkit-transform:scale(1);} 20%{transform:scale(1.05); -webkit-transform:scale(1.05);} 30%{transform:scale(0.93); -webkit-transform:scale(0.93);} 45%{transform:scale(1.04); -webkit-transform:scale(1.04);} 60%{transform:scale(1); -webkit-transform:scale(1);}}
@keyframes fd{0%{transform:scale(1);} 20%{transform:scale(1.05);} 30%{transform:scale(0.93);} 45%{transform:scale(1.04);} 60%{transform:scale(1);}}

@-webkit-keyframes fd2{0%{transform:scale(1); -webkit-transform:scale(1);} 20%{transform:scale(1.3); -webkit-transform:scale(1.3); opacity:0;} 100%{transform:scale(1); -webkit-transform:scale(1); opacity:0;}}
@keyframes fd2{0%{transform:scale(1);} 20%{transform:scale(1.3); opacity:0;} 100%{transform:scale(1); opacity:0;}}

.sta_btns{height:61px;}
.sta_btns a{background:url(../images/icon.png) no-repeat; width:86px; height:61px; float:left; display:block; transition:all 200ms linear;}
.sta_btns a.cz_btn{background-position:0 -797px;}
.sta_btns a.wd_btn{background-position:-87px -797px;}
.sta_btns a.zc_btn{background-position:-174px -797px;}
.sta_btns a.cz_btn:hover{background-position:0 -858px;}
.sta_btns a.wd_btn:hover{background-position:-87px -858px;}
.sta_btns a.zc_btn:hover{background-position:-174px -858px;}

.log_box{margin-top:10px; height:72px;}
.log_inp{width:170px; float:left; display:inline;}
.log_inp input{width:160px; height:23px; background:#232222; border:none; margin-bottom:4px; color:#999789; padding:5px;}
.log_inp input.last{margin-bottom:0;}
.log_btn{width:85px; height:72px; background:url(../images/icon.png) no-repeat; background-position:0 -929px; float:left; display:inline; border:none; cursor:pointer; margin-left:5px; transition:all 200ms linear;}
.log_btn:hover{background-position:0 -1001px;}
.log_other{margin-top:5px; line-height:16px;}
.log_other a{color:#999789;}
.log_other input{vertical-align:-3px;}
.log_other span{background:url(../images/icon.png) no-repeat; background-position:-20px -1091px; padding-left:18px; margin:0 40px; display:inline-block;}
.log_other a.line_und{text-decoration:underline;}

.log_y{font:14px/20px Microsoft YaHei; color:#c6c6c6; display:none;}
.log_y p.font_y{color:#c28d34;}
.log_y a{color:#c6c6c6;}
.log_y p.use_btn{margin-top:10px;}
.log_y p.use_btn a{display:inline-block; height:25px; padding:0 10px; background:#333333; line-height:25px; margin-right:10px;}

/*服务器列表*/
.ser_li{height:284px; background:#1E1B1A; margin-top:10px;border:#4a3f3d 1px solid;}
.til_more, .til{font:bold 18px/38px Microsoft YaHei; color:#cbc3bd; padding:0 10px;}
.til_more h3{float:left; display:inline; font-size:18px;}
.more{float:right; display:inline; font-size:12px; font-weight:normal; color:#918787;}
.more span{float:left; display:inline; text-decoration:underline; cursor:pointer;}
.more i{background:url(../images/icon.png) no-repeat; background-position:-67px -1100px; margin-left:5px; float:left; display:inline; width:15px; height:38px; cursor:pointer;}
.ser_check{margin:10px 0; padding:0 20px;}
.ser_check span, .ser_check input, .ser_check select{float:left; display:inline; color:#b8b8b8;}
.ser_check span{line-height:25px;}
.ser_check input{margin:0 5px;}
.ser_check input.ser_name{width:61px; height:15px; padding:5px 0; text-align:center; background:#0B2438; border:none; color:#8ae5ff;}
.ser_check select{width:90px; height:25px; background:#54636f; border:1px solid #263643; color:#8ae5ff;}
.ser_check input.ser_btn{width:240px; height:36px; background:#7e0b06; border:1px solid #ff1f1e; color:#fffbde; cursor:pointer;}
.ser_check input.ser_btn:hover{width:240px; height:36px; background:#333; border:1px solid #ff1f1e; color:#fff; cursor:pointer;}
.ser_li_con ul li{line-height:32px; padding:0 20px;}
.ser_li_con ul li a{color:#918787; background:url(../images/icon.png) no-repeat; background-position:-20px -1321px; padding-left:15px; display:block;}


/*中间内容*/
.ind_conm{width:580px; float:left; display:inline; margin:0 8px;}

/*banner*/
.banner{width:580px; height:312px; overflow:hidden;}
.focus-box{width:580px; height:312px; overflow:hidden; position:relative;}
.focus-box ul{display:block; width:580px; height:312px;}
.focus-box ul li {display:none; left:0; position:absolute; top:0;}
.focus-box ul li img{width:580px; height:312px;}
.focus-btn {position:absolute; right:20px; bottom:10px; z-index:3;}
.focus-btn a{background:url(../images/icon.png) no-repeat; background-position:-20px -1113px; width:14px; height:14px; display:inline-block; z-index:2; margin:0 3px; text-align:center; text-indent:-22222px;}
.focus-btn a.act {background-position:-40px -1113px;}

/*新闻*/
.news{height:283px; background:#1E1B1A; padding:0 10px; margin-top:10px;border:#4a3f3d 1px solid;}
.news .til_more{border-bottom:2px solid #383838; height:40px;}
.news .til_more ul{float:left; display:inline;}
.news .til_more ul li{float:left; display:inline; padding:0 10px;}
.news .til_more ul li.hover{border-bottom:6px solid #C70200;}
.news .til_more ul li a{font-size:18px; font-weight:bold; color:#cbc3bd;}
.news .til_more ul li.hover a{color:#C70200;}
.new_top{height:36px; margin:10px 0; font-weight:bold; line-height:36px; background:#181717 url(../images/icon.png) no-repeat; background-position:-202px -951px; padding:0 10px 0 55px; color:#918787;}
.new_top p, .news_con ul li p{float:left; display:inline; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.new_top p a, .news_con ul li p a{color:#918787;}
.new_top p span, .news_con ul li p span{margin-right:5px;}
.new_top i{float:left; display:block; background:url(../images/icon.png) no-repeat; background-position:-94px -1103px; width:22px; height:36px; margin-left:8px;}
.new_top em, .news_con ul li em{float:right; display:inline;}
.news_con ul{display:none;}
.news_con ul li{line-height:30px; padding:0 10px 0 20px;}

/*职业*/
.role{height:283px; background:#1E1B1A; margin-top:0px; position:relative;}
.role_til{padding:0 10px; width:305px; position:absolute; top:0; left:0; z-index:11;}
.role .til_more{height:40px; border-bottom:2px solid #383838;}
.role_ico{float:left; display:inline;}
.role_ico ul li{float:left; display:inline; background:url(../images/ico1.png) no-repeat; width:90px; height:40px;}
.role_ico ul li.hover{border-bottom:6px solid #C70200;}
.role_ico ul li.role_ico1{background-position:10px 7px;}
.role_ico ul li.role_ico2{background-position:-105px 7px;}
.role_ico ul li.role_ico3{background-position:-215px 7px;}

.role_ico ul li.role_ico1_cur{background-position:10px -43px;}
.role_ico ul li.role_ico2_cur{background-position:-105px -43px;}
.role_ico ul li.role_ico3_cur{background-position:-215px -43px;}

.role_eg{width:580px; height:294px; position:absolute; top:0; left:0; overflow:hidden; display:none;}
.role_pic{position:absolute; top:0; left:-100px; width:580px; height:294px;}
.role_pic1{background:url(../images/role_zs.png) no-repeat;}
.role_pic2{background:url(../images/role_fs.png) no-repeat;}
.role_pic3{background:url(../images/role_ds.png) no-repeat;}
.role_txt{width:260px; position:absolute; top:50px; right:-180px;}
.txt_box{border-top:1px solid #4B4D5A; margin-top:10px; padding-top:35px; color:#918787; line-height:28px;}
.zs_dec{height:100px; overflow:hidden;}
.txt_box em{color:#c70200; line-height:24px;}

/*切换*/
.net{height:250px; background:#1E1B1A; margin-top:10px; position:relative;}
.gd{background:url(../images/icon.png) no-repeat; background-position:-19px -1232px; width:16px; height:16px; position:absolute; top:10px; right:10px;}
.net_con{padding:0 10px;}
.net_til{font:bold 18px/38px Microsoft YaHei; height:40px; color:#cbc3bd; border-bottom:2px solid #383838;}
.net_til ul li{padding:0 10px; color:#cbc3bd; display:block; float:left;}
.net_til ul li a{color:#cbc3bd;}
.net_til ul li.net_cur{border-bottom:6px solid #C70200;}
.net_til ul li.net_cur a{color:#C70200;}
.net_check{margin-top:10px;}
.net_li ul li{line-height:26px; color:#918787;}
.net_li ul li p{float:left; display:inline; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.net_li ul li p a{color:#918787;}
.net_li ul li span{float:right; display:inline;}
.net_other{line-height:38px;}

/*游戏截图*/
.game_pic{height:410px; background:#1E1B1A; margin-top:10px; width:1200px;border:#4a3f3d 1px solid;}
.pic_til{float:left; display:inline; width:50px;height:400px;text-align:center;}
.pic_con{float:left; display:inline;}
.prev, .next{background:url(../images/icon.png) no-repeat; width:16px; height:35px; float:left; display:block; margin:190px 5px 0;}
.prev{background-position:-75px -1273px;}
.next{background-position:-115px -1273px;}
.pic_li{float:left; display:inline; width:1200px; height:400px; overflow:hidden; margin-top:5px;}
.pic_li ul li{float:left; display:inline; margin:0 5px;}
.pic_li ul li img{width:356px; height:400px;}
.pic_li ul li img:hover{box-shadow:0 4px 14px rgba(255,255,255,0.7);width:356px; height:400px;}

/*右侧内容*/
.ind_conr{width:314px; float:right; display:inline; height:600px;}

/*新手礼包*/
.user_ser{height:312px;}
.user_ser ul li{width:155px; height:154px; border:1px solid #342f2d; border-left-color:#0d0509; border-bottom-color:#0d0509; background:#1e1b1a; text-align:center; float:left; display:inline; overflow:hidden;}
.user_ser ul li a{font:18px Microsoft YaHei; color:#d3d3d3; display:block;}
.user_ser ul li i{background:url(../images/n_icon.png) no-repeat; width:55px; height:55px; display:block; margin:30px auto 10px; transition:all 300ms linear;}
.user_ser ul li i.ico1{background-position:0 0;}
.user_ser ul li i.ico2{background-position:-61px 0;}
.user_ser ul li i.ico3{background-position:-121px 0;}
.user_ser ul li i.ico4{background-position:-179px 0;}

.user_ser ul li:hover a{color:#d3b96a;}
.user_ser ul li:hover i.ico1{background-position:0 -70px;}
.user_ser ul li:hover i.ico2{background-position:-61px -70px;}
.user_ser ul li:hover i.ico3{background-position:-121px -70px;}
.user_ser ul li:hover i.ico4{background-position:-179px -70px;}

.novice{height:283px; background:#171514; margin-top:10px;border:#4a3f3d 1px solid;}
.stra{height:295px; background:#1E1B1A; margin-top:10px;}
.stra_con{padding:0 10px;}
.stra_con ul li{line-height:29px; color:#918787;}
.stra_con ul li p{float:left; display:inline; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.stra_con ul li p a{color:#918787;}
.stra_con ul li span{float:right; display:inline;}

.ser_hot{text-align:center;}
.ser_hot a{display:inline-block; background:url(../images/ser_ico.png) no-repeat; width:253px; height:80px; background-position:0 0; font:14px/80px SimSun; color:#ccc; margin:0 10px; transition:all 200ms linear;}
.ser_hot a span, .ser_serli_con ul li a span{color:#fc0; margin-left:8px;}
.ser_hot a:hover{background-position:0 -80px; text-decoration:none;}

.ser_serli{margin-top:40px;}
.ser_serli_til{height:38px; font:18px/38px Microsoft YaHei; color:#c6c6c6; border-bottom:1px solid #52504f;}
.ser_serli_til span, .ser_serli_til ul, .ser_serli_til ul li, .ser_serli_til p em, .ser_serli_til p input{float:left; display:inline;}
.ser_serli_til p{float:right; display:inline;}
.ser_serli_til ul li{background:url(../images/ser_ico.png) no-repeat; width:120px; height:38px; background-position:0 -171px; font-size:12px; text-align:center; transition:all 200ms linear;}
.ser_serli_til ul li a{color:#c6c6c6; display:block;}
.ser_serli_til ul li.on{background-position:0 -209px;}
.ser_serli_til p{font-size:14px;}
.ser_serli_til p em{margin:0 5px;}
.ser_serli_til p input{width:43px; height:14px; padding:3px; border:1px solid #181314; background:#8b8b8b; margin-top:8px; text-align:center;}
.ser_serli_til p input.ser_libtn{padding:0; width:62px; height:20px; border:1px solid #e7b204; background:#d98702; color:#fff; line-height:18px; cursor:pointer;}

.ser_serli_con{margin-top:20px;}
.ser_serli_con ul{display:none;}
.ser_serli_con ul li{float:left; display:inline; background:url(../images/ser_ico.png) no-repeat; background-position:0 -254px; width:140px; height:44px; font:12px/44px SimSun; text-align:center; margin:15px 0 0 35px; transition:all 200ms linear;}
.ser_serli_con ul li a{color:#ccc;}
.ser_serli_con ul li:hover{background-position:0 -298px;}
.ser_serli_con ul li:hover a{text-decoration:none;}

.bg1{background:url(../images/bg.jpg) center top no-repeat;}
.bg2{background:url(../images/bg2.jpg) center top no-repeat;}
.bg_focus{position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}
.bg_box{height:929px;overflow: hidden;position: relative;width:1920px;}
.bg_box ul{display:block;width:1920px;height:929px;}
.bg_box ul li{display: none;/*left: 0;position: absolute;top: 0;*/ height:929px;}
.bg_fbtn{right:300px;position: absolute;top:545px;width:150px;}
.bg_fbtn a{background:#fff; border-radius:20px; width:22px; height:22px; display:inline-block; z-index:2; margin:0 3px; float: left; line-height: 18px;margin-left: 8px;text-align: center; text-indent:-22222px;}

.bg_fbtn a.act {background:#F6BF0A; color:#780000; width:40px;}



#flash{width:96px;height:450px;position:fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:40px;top:0px;margin-top:0px;z-index:6000;}
#flash a{text-indent:-99em;overflow:hidden;}
#flash a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left top;display:block;}
#flash a.btn_kefu:hover{background-position:-130px top ;}
#flash a.btn_top{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left -61px;display:block;}
#flash a.btn_top:hover{background-position:-130px -61px ;}
#flash .erweima{width:68px;height:102px;padding-top:0px;}
#flash .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
#onlinflasheKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}


.kv-music{position:fixed;z-index:9999;top:0px;left:250px; width:58px;height:100px;}

/*在线客服*/
	#onlineKefu{ 
	width:96px;
	height:450px;
	position:fixed;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	right:40px;
	top:58%;
	margin-top:0px;
	_margin-bottom:40%;
       z-index:6000;}

/*	#onlineKefu{ z-index:6000;margin:-500px 0 0 700px;width:129px;height:450px;position:fixed;top:76%;left:50%;background-color:#391c0a;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+this.offsetHeight));}*/
	#onlineKefu a{text-indent:-99em;overflow:hidden;}
	#onlineKefu a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg.jpg) no-repeat left top;display:block;}
	#onlineKefu a.btn_kefu:hover{background-position:-130px top ;}
	#onlineKefu a.btn_top{width:130px;height:62px;background:url(../images/a_bg.jpg) no-repeat left -61px;display:block;}
	#onlineKefu a.btn_top:hover{background-position:-130px -61px ;}
	#onlineKefu .erweima{width:130px;height:148px;padding-top:16px;background-color:#591917;}
	#onlineKefu .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
	#onlineKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}