/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
.pubA a{-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
body{background: #424241 center repeat-y; font-family:Verdana,Geneva,sans-serif,\5b8b\4f53; font-size:12px;}
#header,#main,#footer{margin:0 auto; width:1200px;}
#content{ width: 100%;min-width:1200px;background: url(../images/bg_02.jpg) no-repeat center 1704px;}
#header{width: 1260px; height: 100%; margin: 0 auto; position: relative; padding-top: 1180px;}
.snow-container{position: absolute;width: 100%;height: 100%;left: 0;top:0;overflow: hidden;}
a:hover { color: #ff6600; }
#wrap{width: 100%;min-width: 1260px;height: 4800px;background:url(../images/bg_01.jpg) no-repeat center top; font-family:"Microsoft YaHei";overflow: hidden;}
/*快速注册*/
#fastreg_box {width: 300px;height: 240px;margin: -8px auto;}


/* top_bar */
.top_bar{position: fixed; width: 1000px;height: 81px;left: 50%;top: 0; z-index:9999;margin-left: -500px;background: url(../images/bg_nav.png) center center no-repeat;}
.nav_ul{ width:970px; height:60px; margin:0 auto;}
.nav_li{ width:104px; height:31px; float:left; text-align:center; margin-top:19px;}
.nav_a{ width:104px; height:31px; display:block; text-align:center; line-height:31px; color:#ffffff; font-size:16px; text-shadow:1px 1px 1px #585858;}
.fml{ margin-left:130px;}
.logo_t{width: 167px;height: 138px;display: block;background: url("../images/logo_t.png") center center no-repeat;position: absolute;left: 50%;margin-left: -80px;top: -10px;z-index: 100;}

 /* 动态文字*/
.section{width: 100%;}
.section1-role{position: absolute;top:0;left: 50%;margin-left:-700px;width: 1399px;height: 656px;background: url("../images/section1-role.png") no-repeat center;}
.section1-cloud{position: absolute;top:440px;left: 200px;width: 998px;height: 328px;background: url("../images/section1-cloud.png") no-repeat center;}
.section1-title{position: absolute;left: 50%;top:630px;width:647px;height: 206px;margin-left: -323px;background: url("../images/section1-title.png") no-repeat center; }
.slogan-box{position: absolute;left: 176px;top:482px;z-index: 3;}
.slogan-box1{left: -300px;top:50px;opacity: 0;}
.slogan-box div{position: absolute;}
.slogan1{left: 21px;top:29px;width: 197px;height: 155px;background: url("../images/slogan1.png") no-repeat center;}
.slogan2{left:173px;top:22px;width: 99px;height: 105px;background: url("../images/slogan2.png") no-repeat center;}
.slogan3{left: 241px;top:48px;width: 189px;height: 134px;background: url("../images/slogan3.png") no-repeat center;}
.slogan4{left: 354px;top:12px;width: 100px;height: 123px;background: url("../images/slogan4.png") no-repeat center;}
.slogan5{left: 454px;top:25px;width: 101px;height: 153px;background: url("../images/slogan5.png") no-repeat center;}
.slogan6{left: 516px;top:54px;width: 173px;height: 103px;background: url("../images/slogan6.png") no-repeat center;}
.slogan7{left: 653px;top:15px;width: 193px;height: 197px;background: url("../images/slogan7.png") no-repeat center;}
.slogan8{left: 798px;top:22px;width: 62px;height: 99px;background: url("../images/slogan8.png") no-repeat center;} 
.slogan9{left: 873px;top:50px;width: 56px;height: 112px;background: url("../images/slogan9.png") no-repeat center;} 
.slogan10{left: 475px;top:0;width: 231px;height: 40px;background: url("../images/slogan10.png") no-repeat center;} 
.top-btn{position: absolute;right:41px;top:47px;z-index: 33;overflow: hidden;width: 420px;}
.top-btn a{float: left;margin:0 5px;width: 130px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #000;background: url("../images/top-btn.png") no-repeat center;}
.top-btn a:hover{background-image: url("../images/top-btn-hover.png");color: #fff;}
.floatIn{animation:floatIn 1s ease both;-webkit-animation:floatIn 1s ease  both;-moz-animation:floatIn 1s ease both;}
.delay1{animation-delay:0.1s;}
.delay2{animation-delay:0.3s;}
.delay3{animation-delay:0.5s;}
.delay4{animation-delay:0.7s;}
.delay5{animation-delay:0.9s;}
.delay6{animation-delay:1.1s;}
.delay7{animation-delay:1.3s;}
.delay8{animation-delay:1.5s;}
.delay9{animation-delay:1.7s;}
.delay10{animation-delay:1.9s;}

/* 3个小盒子 */
.section1-wrap{height: 370px;padding-top: 0;position: absolute;left: 50%;width:1260px;margin-left: -630px;top:807px;z-index: 3;}
.section1-box{float: left;margin-right:45px;width: 390px;height: 370px;background: url("../images/section1-box-bg.png") no-repeat center;position: relative;}
.section1-box.last,.section3-list li.last{margin:0;}
.section1-box-title{margin:24px 0 12px 40px;}
.section1-box-title p{font-size: 36px;color: #d3b470;height:50px;line-height: 50px;overflow: hidden;font-weight: bold;}
.section1-box-title p em{float: left;}
.section1-box-title p span{float:left;font-size: 30px;background: url("../images/line.png") no-repeat left center;padding-left: 35px;margin-left: 15px;}
.gift-list{width: 315px;margin:0 auto;}
.gift-list li{float: left;margin:0 8px;width: 89px;}
.section1-box-btn{position:absolute;left:50%;margin-left:-150px;bottom:44px;width: 300px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #fff;background-color: #d3b470}
.section1-box-btn:hover{background-color: #c9aa66;}
.lbNumber {padding-top:15px;display:none;text-align: center; }
.lbNumber span{font-size:16px;color:#1464b2;padding-right:10px;}
.lbNumber strong{width:190px;text-align:center;padding:2px 15px;font-size:12px;background-color:#000;color:#fff;font-weight: normal;}
.lbNumber p{text-align:center;padding:5px 0;font-size: 14px;color: #d3b470;}
.down-img{position: absolute;left: -10px;top:-22px;width: 415px;height: 295px;background: url("../images/down-img.png") no-repeat center;}
.section1-box-btn-blue{background-color: #708dd3;bottom: 102px;}
.section1-box-btn-blue:hover{background-color: #6b86c6;}

/*第二.三项*/
.section2{width: 100%;height:632px;margin:10px auto;position: relative;}
.section2-title{padding: 50px 0;}
.section2-kuang{position:absolute;top:-130px;left:20px;width: 1429px;height: 1028px;background: url("../images/section2-kuang.png") no-repeat center;}
.section2-img{position: absolute;left: 0;top:120px;}
.section2-img video{width: 814px;height: 460px;}
.section3{margin-top: 60px;}
.section3-list{margin-top: 47px;}
.section3-list li{float: left;margin-right:32px;width: 291px;height: 461px;position: relative;transition: all 0.5s;}
.section3-list li:hover{transform: translateY(-10px);}
.section3-list li img{display: block;width: 291px;}
.section3-btn{position: absolute;left: 50%;bottom: 26px;margin-left:-105px;width: 210px;height: 89px;background: url("../images/section3-btn.png") no-repeat center;text-indent: -9999px;}
.section3-list li:hover .section3-btn{background-image: url("../images/section3-btn-hov.png");}
/*开服列表盒子*/
.ts4Box{ position:relative; clear:both; overflow:hidden; left: 22px;top: 52px; }
.ts4Box a:hover{color: #ff0903;}
/*玩法特色盒子*/
.tsBox{height:499px; position:relative; clear:both; overflow:hidden;}
.tsBox .hd{position:absolute; width:1200px; height:499px; left:50%; top:0; z-index:1; margin-left:-615px;}
.tsBox .hd span{float:left; width:300px; height:52px; line-height:52px; text-align:center; background:#74809d; background:rgba(116,128,157,0.8); font-size:18px; color:#FFF; font-family: '微软雅黑'; cursor:pointer;}
.tsBox .hd span.on{background:#ff3b78;}
.tsBox .bd{height:499px; overflow:hidden;margin-left:-30px;}
.tsBox .bd li{height:499px;left:50px;}
.tsBox .bd li.pic1{background:url(../images/1.jpg) no-repeat center 0;}
.tsBox .bd li.pic2{background:url(../images/2.jpg) no-repeat center 0;}
.tsBox .bd li.pic3{background:url(../images/3.jpg) no-repeat center 0;}
.tsBox .bd li.pic4{background:url(../images/4.jpg) no-repeat center 0;}
.tsBox .bd li a{display:block; width:100%; height:499px; background:url(../blank.jpg);}

/*职业介绍*/
.zhiye-box{margin-top: 270px;width: 100%;height:1130px;position: relative;}
.zhiye-title{width: 1258px;height: 102px;background: url("../images/zhiye-title.png") no-repeat center;}
.zhiye-content{display:none;position: absolute;left: 0;top:122px;width: 100%;height: 700px;}
.zhiye-intro{position: absolute;left: 0;top:0;width: 390px;height:739px;background: url("../images/zhieye-intro-bg.png") no-repeat center;}
.zhiye-name{position: absolute;top:46px;left: 50%;margin-left:-136px;width:272px;height:200px;background-repeat: no-repeat;background-position: center top;}
.zhiye-name-wx{background-image: url("../images/zhiye-name-wx.png");}
.zhiye-name-fs{background-image: url("../images/zhiye-name-fs.png");background-position: -3px top;}
.zhiye-name-sj{background-image: url("../images/zhiye-name-sj.png");background-position: -5px top;}
.zhiye-name-ym{background-image: url("../images/zhiye-name-ym.png");background-position: -1px top;}
.zhiye-name-yl{background-image: url("../images/zhiye-name-yl.png");background-position: -1px top;}
.zhiye-name-yf{background-image: url("../images/zhiye-name-yf.png");background-position: -1px top;}
.zhiye-name-ys{background-image: url("../images/zhiye-name-ys.png");background-position: -3px top;}
.zhiye-name-yj{background-image: url("../images/zhiye-name-yj.png");background-position: -3px top;}
.zhiye-name-ml{background-image: url("../images/zhiye-name-ml.png");background-position: -3px top;}
.zhiye-name-jl{background-image: url("../images/zhiye-name-jl.png");background-position: -6px top;}
.zhiye-name-yx{background-image: url("../images/zhiye-name-yx.png");background-position: -3px top;}
.zhiye-name-yy{background-image: url("../images/zhiye-name-yy.png");background-position: -4px top;}
.zhiye-name-ck{background-image: url("../images/zhiye-name-ck.png");background-position: -2px top;}
.zhiye-name-ws{background-image: url("../images/zhiye-name-ws.png");background-position: -3px top;}

.zhiye-net{position: absolute;bottom: 80px;left: 0;text-align: center;width: 100%;}
.zhiye-intro canvas{position: absolute;bottom: 40px;left: 50%;margin-left: -140px;}
.zhiye-video{position: absolute;top:240px;left: 50%;margin-left:-135px;width: 270px;height: 200px;background-color: #000;}
.zhiye-video img{position: absolute;left: 0;top:0;width: 270px;height: 200px;}
.role{position: absolute;background-repeat: no-repeat;background-position: center;}
.role-wx{top:-80px;left:514px;width: 873px;height: 923px;background-image: url("../images/role-wx.png");}
.role-fs{top:-80px;left:534px;width: 651px;height: 942px;background-image: url("../images/role-fs.png");}
.role-sj{top:-14px;left:493px;width: 778px;height: 721px;background-image: url("../images/role-sj.png");}
.role-ym{top:-88px;left:361px;width: 872px;height: 859px;background-image: url("../images/role-ym.png");}
.role-yl{top:-112px;left:547px;width: 642px;height: 836px;background-image: url("../images/role-yl.png");}
.role-yf{top:-32px;left:396px;width: 763px;height: 757px;background-image: url("../images/role-yf.png");}
.role-ys{top:-93px;left:510px;width: 726px;height: 771px;background-image: url("../images/role-ys.png");}
.role-yj{top:-115px;left:603px;width: 529px;height: 916px;background-image: url("../images/role-yj.png");}
.role-ml{top:-62px;left:540px;width: 623px;height: 872px;background-image: url("../images/role-ml.png");}
.role-jl{top:-460px;left:652px;width: 373px;height: 1253px;background-image: url("../images/role-jl.png");}
.role-yx{top:-94px;left:480px;width: 677px;height: 923px;background-image: url("../images/role-yx.png");}
.role-yy{top:-80px;left:580px;width: 637px;height: 846px;background-image: url("../images/role-yy.png");}
.role-ck{top:2px;left:532px;width: 662px;height: 712px;background-image: url("../images/role-ck.png");}
.role-ws{top:-62px;left:515px;width: 672px;height: 777px;background-image: url("../images/role-ws.png");}

.zhiye-txt{position: absolute;right:718px;top:12px;}
.zhiye-txt li{float: right;margin:0 6px;width: 20px;color: #8e9dad;font-size: 16px;line-height: 16px;line-height: 26px;writing-mode:vertical-rl;vertical-align: top;letter-spacing:2px;}
.zhiye-tab{position: absolute;top:126px;right: 10px;z-index: 3;}
.zhiye-tab li{width: 80px;margin-bottom:20px;height: 28px;line-height: 28px;text-align: center;border:1px solid #1c252e;font-size: 16px;color: #1c252e;position: relative;cursor: pointer;}
.zhiye-tab li span{position: absolute;left: -60px;width: 58px;height: 29px;line-height: 29px;text-align: center;color: #fff;background-color: #ff2462;}
.zhiye-tab li.on{background: #d3b470;border-color: #d3b470;color: #fff;}

/*游戏特色*/

.ts-box{margin-top: 100px;width: 100%;position: relative;height: 484px;}
.ts-content{display:none;position: absolute;left: 0;top:0;width: 938px;height: 501px;}
.ts-tab{position: absolute;right: 0;top: -10px;width:291px;height: 523px;background: url("../images/ts-tab-bg.png") no-repeat center; }
.ts-tab ul{width: 224px;margin:0 auto;padding-top: 180px;}
.ts-tab li{width: 224px;height: 55px;margin-bottom:15px;line-height: 55px;text-align: center;font-size: 20px;color: #a9b3bc;background: url("../images/ts-tab.png") no-repeat center;cursor: pointer;}
.ts-tab li.on{background-image: url("../images/ts-tab-on.png");color: #d3b470;}


/* foot */
.foot_box{ padding:30px 0 25px; background-color:#151515;}
.foot_title{ font-size:16px; color:#fff; text-align:center;}
.sns_ul{ width:1170px; height:50px; margin:32px auto 0;}
.sns_ul li{ float:left; width:287px; height:50px; margin:0 2px;}
.sns_ul li span,.sns_ul li a{ display:block; width:287px; height:50px; font:normal 16px/50px "Microsoft YaHei"; color:#fff; text-indent:60px;}

.sns_qq{ background:url(../images/sns.png)  0 -50px no-repeat;}
.sns_weixin{ background:url(../images/sns.png) 0 -0px no-repeat;}
.sns_weibo{ background:url(../images/sns.png) 0 -150px no-repeat;}
.sns_pingtai{ background:url(../images/sns.png)  0 -100px no-repeat;}

.sns_ul li.li_sns{ position:relative; z-index:5;}
.sns_pop{ display:none; position:absolute; left:0; top:50px; width:287px; background-color:#027cb4; overflow:hidden;}
.sns_pop .ma{ display:block; width:198px; height:198px; margin:12px auto 40px;}

.friend{ width:1240px; height:160px; padding-top:40px; margin:72px auto 0; border-top:1px solid #3b3b3b; border-bottom:1px solid #3b3b3b;}
.friend_wrap{ margin-top:20px; text-align:center;}
.friend_wrap img{ margin:0 10px;}

.container{width:1100px;margin: 0 auto; position: relative;color:#6a6a6a;line-height: 2;padding:15px 0;}
.logo {float:left; padding: 15px 0 0 0px;}
.logo img{ width:200px;}
.footer-link,.footer-link a{color:#a7a6a6;}
.footer-link a{margin: 0 5px;}
.footer-link a:hover{color:#fff;}
.container p{text-align:left; margin-left:382px;}
.footer-ba{float: left;width: 245px;}
#wm_bottom_beian{position:absolute;z-index:102;width:67px; height:35px;top:26px; border:1px solid #6a6a6a; padding-left:45px;padding-top:10px; font-size:12px;text-align:center;left:0;background:url(../images/bg.gif) no-repeat -78px -211px;line-height:14px;	color: #6a6a6a; margin-left:236px;}

/*浮动导航*/
.sider-nav{position: fixed;top:50%;right: 50px;margin-top:-234px;width: 130px;height: 468px;background: url("../images/sider-white.png") no-repeat right center;z-index: 333;}
.sider-nav ul{position: absolute;right: 28px;top:69px;text-align: right;}
.sider-nav ul li{margin-bottom: 29px;}
.sider-nav ul li a{color: #fff;font-size: 16px;}
.sider-nav ul li a:hover{color:#d3b470 }
.sider-nav-orange{background-image: url("../images/orange.png");}
.sider-nav-orange ul li a{color: #d3b470}
.sider-nav-orange ul li a:hover{color: #708dd3}

/*版本信息页面*/
#main{width: 100%;min-width: 1260px;height: 4800px;background:url(../images/bg_03.jpg) no-repeat center top; font-family:"Microsoft YaHei";overflow: hidden;}