/* 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:-1313px;}

.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:#D20E1B; 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;}





.zanzhu{width:1200px;background:#1e1b1a;margin:10px auto 0;overflow:hidden;border:1px solid #4a3f3d}
.huishou{width:1200px;height:370px;background:#1e1b1a;margin:10px auto 0;overflow:hidden;border:1px solid #4a3f3d}
.dibu{height:408px;background:url(../images/dibu_b.jpg) no-repeat center 0}
#m3{width:1200px;height:370px;overflow:hidden;position:relative;z-index:12}
#m3 .tips{height:34px;line-height:50px;clear:both;font-size:14px;color:#fef0cd;margin-top:0px;text-align:center;color:#cfa972}
.tips span{width:86px;height:26px;border-radius:20px;color:#cfa972;border:1px solid #cfa972;font-size:14px;display:inline-block;text-align:center;line-height:26px;margin-right:15px}
#m3 .tit{width:553px;height:61px;line-height:61px;overflow:hidden;font-size:24px;color:#fff;background:url(../images/zanzhu_dixian.png) no-repeat 0 bottom}
#m3 .tit img{display:inline-block;margin:0 15px 0 5px;position:relative;top:-2px}
#m3 .tit_h{width:1154px;height:61px;line-height:61px;overflow:hidden;font-size:24px;color:#fff;background:url(../images/huishou_dixian.jpg) no-repeat 0 bottom}
#m3 .tit_h img{display:inline-block;margin:0 15px 0 5px;position:relative;top:-2px}
#Recharge{float:left;width:576px;height:368px;overflow:hidden;margin-left:10px}
#Recharge .cz_list{float:left}
#Recharge .cz_list li{float:left;width:554px;height:41.1px;line-height:40px;overflow:hidden;color:#ebd280;border-bottom:1px solid #533e3a}
#Recharge .cz_list li span{float:left;width:138.5px;text-align:center;font-size:18px;color:#d1c0a5;font-weight:700}
#Recharge .cz_list li strong{float:left;width:138.5px;font-weight:400;text-align:center;color:#FFF}
#Recharge .cz_list li dt{float:left;width:106px}
#Recharge .cz_list li big{float:left;width:138.5px;font-size:14px;text-align:center;color:#ec4828}
#Recharge .div_scroll{height:212px}
#Recharge1{float:left;width:1154px;height:368px;margin-left:10px}
.cz_list1{float:left}
.cz_list1 li{float:left;width:1154px;height:41.1px;line-height:40px;overflow:hidden;color:#ebd280;border-bottom:1px solid #533e3a}
.cz_list1 li span{float:left;width:164.8px;text-align:center;font-size:18px;color:#d1c0a5;font-weight:700}
.cz_list1 li strong{float:left;width:164.8px;font-weight:400;text-align:center;color:#FFF}
.cz_list1 li dt{float:left;width:106px}
.cz_list1 li big{float:left;width:164.8px;font-size:14px;text-align:center;color:#ec4828}
.div_scroll{height:212px}
#HuiShou{float:left;width:585px;height:300px;margin-left:10px;z-index:8;position:absolute;right:10px;top:10px;background:#000 url(../images/img033.jpg) no-repeat left top;border:#000 1px solid;padding-left:20px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;border-radius:15px}
#HuiShou .container1{width:520px}
#HuiShou .div_scroll{height:200px}
#HuiShou .huishoulist{float:left}
#HuiShou .huishoulist li{float:left;width:414px;height:40px;line-height:40px;overflow:hidden;color:#ebd280;border-bottom:1px dashed #5d4c22;margin-left:-20px}
#HuiShou .huishoulist li strong{float:left;width:155px;font-weight:400}
#HuiShou .huishoulist li dt{float:left;width:156px}
#HuiShou .huishoulist li ins{float:left;width:80px;text-decoration:none}
#Paimai{float:left;width:1200px;height:auto;overflow:hidden;margin:10px;z-index:8;position:absolute;left:10px;top:0;background:#000 url(../images/img033.jpg) no-repeat left top;border:#000 1px solid;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;border-radius:15px}
#Paimai .container2{width:1180px;overflow:hidden}
#Paimai .div_scroll2{height:1620px}
#Paimai .Paimailist{float:left}
#Paimai .Paimailist li{float:left;width:1000px;height:40px;line-height:40px;overflow:hidden;color:#ebd280;border-bottom:1px dashed #5d4c22}
#Paimai .Paimailist li strong{float:left;width:100px;font-weight:400;text-align:center}
#Paimai .Paimailist li em{float:left;width:100px}
#Paimai .Paimailist li ins{float:left;width:200px;text-decoration:none;text-align:center}
#Paimai .Paimailist li dd{float:left;width:120px;text-decoration:none;text-align:center}
#Paimai .Paimailist li dl{float:left;width:120px;text-decoration:none;text-align:center}
#Paimai .Paimailist li dt{float:left;width:100px;text-decoration:none;text-align:center}
.container1{width:540px;height:auto}
.container1 .div_scroll{float:left;width:100%;height:262px;overflow:auto;padding-right:23px}
.container1 .scroll_container{position:relative;overflow:hidden}
.container1 .scroll_absolute{position:absolute}
.container1 .scroll_vertical_bar{width:6px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;background:#2b2b2b}
.container1 .scroll_track{position:relative;border-radius:10px}
.container1 .scroll_drag{position:relative;top:0;left:0;background-color:#fef0cd;border-top:none;border-bottom:none;border-radius:20px;cursor:pointer}
.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block}
.container1 .scroll_vertical_bar .scroll_arrow{height:16px}
.container2 .div_scroll{float:left;width:100%;height:1360px;overflow:auto;padding-right:23px}
.container2 .scroll_container{position:relative;overflow:hidden}
.container2 .scroll_absolute{position:absolute}
.container2 .scroll_vertical_bar{width:6px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;background:#2b2b2b}
.container2 .scroll_track{position:relative;border-radius:10px}
.container2 .scroll_drag{position:relative;top:0;left:0;background-color:#fef0cd;border-top:none;border-bottom:none;border-radius:20px;cursor:pointer}
.container2 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block}
.container2 .scroll_vertical_bar .scroll_arrow{height:16px}


#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:'微软雅黑';}