/* CSS Document */
* { margin: 0; padding: 0; }
body {font-family: 'Microsoft Yahei',simsun,arial,sans-serif;  font-size: 12px; /* overflow-x: hidden; */ color: #999789; background: #1b1614; }
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; }
a {cursor: pointer; text-decoration: none; color: #000; outline: none; }
.clear { float: none; clear: both; }
.w1200 { background: #1b1614 url(../images/bg_2.jpg) no-repeat center top; min-width: 1200px;}

.wrap { position: relative; width: 1200px; margin: 0 auto; }
.bg_flash { position: absolute; z-index: 1; top: 0; left: 50%; width: 1920px; height: 640px; margin-left: -960px; }
.ind_box { width: 100%; }

/*logo显示位置 */
.logo { width: 100%; text-align: center; position: absolute; top: 0px; }
/*左侧内容*/
.ind_con { padding-top: 638px; }
.ind_conl { position: relative; z-index: 11; display: inline; float: left; width: 290px; }

/*开始游戏*/
.start { width: 295px; height: 208px; height: 309px; margin: -45px 0 0 -22px; padding: 48px 0 0 38px; background: url(../images/icon.png) no-repeat; background-position: 0 0; }
.star_btn { display: block; width: 261px; height: 99px; padding-top: 40px; background: url(../images/icon.png) no-repeat; background-position: 0 -377px; }
.star_btn span, .star_btn span:after { display: block; width: 182px; height: 69px; margin: 0 auto; content: ''; background: url(../images/icon.png) no-repeat; background-position: -41px -707px; }
.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 { -webkit-animation: fd2 1.6s linear infinite; animation: fd2 1.6s linear infinite; opacity: .6; }

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

@-webkit-keyframes fd2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } 100% { -webkit-transform: scale(1); 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 { display: block; float: left; width: 129px; height: 61px; transition: all 200ms linear; background: url(../images/icon.png) no-repeat; }
.sta_btns a.cz_btn { background-position: 0 -797px; }
.sta_btns a.wd_btn { background-position: -130px -797px; }

.sta_btns a.cz_btn:hover { background-position: 0 -858px; }
.sta_btns a.wd_btn:hover { background-position: -130px -858px; }

.Down_btn a { text-decoration: none; width: 260px; height: 100px; display: block; font-size: 40px; color: #fff7c2; text-align: center; line-height: 100px;}

/*服务器列表*/
.ser_li { height: 284px; margin-top: 10px; background: #1e1b1a; }
.til_more, .til { font: bold 18px/38px Microsoft YaHei; padding: 0 10px; color: #cbc3bd; }
.til_more h3 { font-size: 18px; display: inline; float: left; }
.ser_li_con ul li { line-height: 32px; padding: 0 20px; }
.ser_li_con ul li a { display: block; padding-left: 15px; color: #918787; background: url(../images/icon.png) no-repeat; background-position: -20px -1321px; }


/*游戏介绍*/
.game_dec { height: 295px; margin-top: 10px; background: #1e1b1a; }
.game_txt { line-height: 26px; padding: 0 20px; color: #918787; }
.game_txt p { text-indent: 2em; }

/*客服中心*/
.kf { height: 139px; margin-top: 10px; background: #1e1b1a; }
.kf_con { line-height: 25px; margin-top: 10px; padding: 0 10px; color: #918787; }
.kf_con a { color: #918787; }
.kf_con a.kf_btn { line-height: 23px; display: inline-block; width: 68px; height: 23px; text-align: center; color: #fffad5; border: 1px solid #07070d; background: #e60300; }


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

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

/*新闻*/
.news { height: 283px; margin-top: 10px; padding: 0 10px; background: #1e1b1a; }
.news .til_more { height: 40px; border-bottom: 2px solid #383838; }
.news .til_more ul { display: inline; float: left; }
.news .til_more ul li { display: inline; float: left; padding: 0 10px; }
.news .til_more ul li.hover { border-bottom: 6px solid #c70200;  color: #c70200;}


.new_top { font-weight: bold; line-height: 36px; height: 36px; margin: 10px 0; padding: 0 10px 0 55px; color: #918787; background: #181717 url(../images/icon.png) no-repeat; background-position: -202px -951px; }
.new_top p, .news_con ul li p { display: inline; float: left; overflow: hidden; max-width: 80%; 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 { display: block; float: left; width: 22px; height: 36px; margin-left: 8px; background: url(../images/icon.png) no-repeat; background-position: -94px -1103px; }
.new_top em, .news_con ul li em { display: inline; float: right; }
.news_con ul { display: none; }
.news_con ul li { line-height: 30px; padding: 0 10px 0 20px; }

/*职业*/
.role { position: relative; height: 294px; margin-top: 10px; background: #1e1b1a; }
.role_til { position: absolute; z-index: 11; top: 0; left: 0; width: 561px; padding: 0 10px; }
.role .til_more { height: 40px; border-bottom: 2px solid #383838; }
.role_ico { display: inline; float: left; }
.role_ico ul li { display: inline; float: left; width: 90px; height: 40px; background: url(../images/ico1.png) no-repeat; }
.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 { position: absolute; top: 0; left: 0; display: none; overflow: hidden; width: 580px; height: 294px; }
.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 { position: absolute; top: 50px; right: -180px; width: 260px; }
.txt_box { line-height: 28px; margin-top: 10px; padding-top: 35px; color: #918787; border-top: 1px solid #4b4d5a; }
.zs_dec { overflow: hidden; height: 100px; }
.txt_box em { line-height: 24px; color: #c70200; }

/*切换*/
.net { position: relative; height: 250px; margin-top: 10px; background: #1e1b1a; }
.gd { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; background: url(../images/icon.png) no-repeat; background-position: -19px -1232px; }
.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 { display: block; float: left; padding: 0 10px; color: #cbc3bd; }
.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 { display: inline; float: left; overflow: hidden; width: 80%; white-space: nowrap; text-overflow: ellipsis; }
.net_li ul li p a { color: #918787; }
.net_li ul li span { display: inline; float: right; }
.net_other { line-height: 38px; }

/*游戏截图*/
.game_pic { height: 126px; margin-top: 10px; background: #1e1b1a; }
.pic_til { display: inline; float: left; width: 50px; text-align: center; }
.pic_con { display: inline; float: left; }
.prev, .next { display: block; float: left; width: 16px; height: 35px; margin: 45px 5px 0; background: url(../images/icon.png) no-repeat; }
.prev { background-position: -75px -1273px; }
.next { background-position: -115px -1273px; }
.pic_li { display: inline; float: left; overflow: hidden; width: 470px; height: 116px; margin-top: 5px; }
.pic_li ul li { display: inline; float: left; margin: 0 5px; }
.pic_li ul li img { width: 225px; height: 116px; }

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

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

/*游戏攻略*/
.stra { height: 373px; margin-top: 10px; background: #1e1b1a; }
.stra_con {position: relative; overflow: auto; height: 310px; margin: 10px 0 0 10px; }
.stra_con ul li { line-height: 29px; color: #918787; text-align: center; }
.stra_con ul li img { display: inline-block; }
.stra_con ul li p { color: #ccc }
.mCSB_inside > .mCSB_container { margin-right: 0; }

/*合作媒体*/
.media { height: 250px; margin-top: 10px; background: #1e1b1a; }
.par_round { overflow: hidden; height: 190px; padding: 0 10px; }
.par_round ul li { display: inline; float: left; width: 116px; height: 66px; margin: 10px 15px; }
.par_round ul li img { width: 116px; height: 66px; }

/********** 版权 ************/
.fcm {width: 800px;  margin: 20px auto; text-align: center; }
.footer {margin: 0 auto; min-width: 1200px;  padding: 40px 0 50px 0; color: #ccc; background: #202020; }
.footerlist { width: 800px; margin: 0 auto;padding: 25px 0 0 0; }
.footerlist em { float: left; width: 85px; height: 65px; margin: 5px 0 0 0px; background: url(../images/logo.jpg) no-repeat; }
.footerlist em a { display: block; height: 54px; text-indent: -9999px; }
.footerlist a { color: #ccc; }
.footerlist p { padding-bottom: 5px; }
.footerlist span { color: #ccc; }

/*弹窗图片*/
.popbig { display: none; position:fixed; top:100px; left: 50%; margin-left: -500px; z-index: 100; background: #fff; width: 1000px; border: 5px solid #1e1b1a }
.poppic { width: 1000px; }
.poppic img { width: 1000px; display: block; }
.popbig .close { position: absolute; color: #fff; font-size: 16px; text-decoration: none; right: 5px; top:5px; background: #000; width: 25px; height: 25px; line-height: 25px; text-align: center; }

/*IE6 hack*/
.pic_til {_width: 48px; }
.ind_conl {_position:relative; _overflow: hidden;}
.start,.star_btn,.star_btn span ,.sta_btns a {_background-image: url(../images/icon_1.png); }

.ser_li_con ul li a,.gz_wb span,.focus-btn a,.new_top ,.new_top i,.new_top,.gd,.prev, .next{_background-image: url(../images/icon_1.png); }

.role_ico ul li {_background-image: url(../images/ico1_1.png)  }
.role_pic1 { _background-image: url(../images/role_zs_1.png) }
.role_pic2 { _background-image: url(../images/role_fs_1.png)  }
.role_pic3 { _background-image: url(../images/role_ds_1.png)  }

.user_ser ul li i {_background-image: url(../images/n_icon_1.png) }