@charset "utf-8";body,code,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}
img{border:0;vertical-align:top}
ol,ul{list-style:none}
a,area{blr:expression(this.onFocus=this.blur())}
@media (max-width: 1080px) {body {min-width: 1450px;}}body {/* font:400 12px/20px "微软雅黑","宋体",Tahoma,Geneva,sans-serif; */background:#fff;overflow-x:hidden}
a{color:#a9764d;text-decoration:none;outline:0}
a:hover{color:#e0cfaa;text-decoration:underline}
.wrap{width:1000px;margin:0 auto;margin-top:-250px;position:relative;z-index:200}
.clear{display:block;height:0;line-height:0;overflow:hidden;clear:both;font-size:0}
.ml10{margin-left:10px}
li,ol,ul{list-style:none}
.fr{float:right}
.fl{float:left}
.disb{display:block}
.hid{display:none}
.disib{display:inline-block}
.mt12{margin-top:12px}
.ti{text-indent:-999em}
.pt100{padding-top:100px}
.pt250{padding-top:250px}
.k3{width:1200px;height:auto;overflow:hidden;margin:0 auto;margin-top:00px;position:relative;z-index:56;padding-top:20px;z-index:10000000}
.m1{width:1200px;height:auto;overflow:hidden;margin:0 auto;position:relative;margin-top:-220px;z-index:1000}
.top_box{width:576px;height:auto;overflow:hidden;margin-bottom:0px;padding-top: 40px;}
.top_cont{width:100%;height:auto;position:relative}
.entermgweb{float:left;height:91px;width:219px;margin-right:10px;background:url(../images/entermgweb.jpg);font-size: 27px;text-align:center;color:#fff;line-height:91px;text-indent:45px;font-weight:700}
.entermgweb:hover{background:url(../images/entermgwebhover.jpg)}
.enterpgweb:hover{background:url(../images/enterpgwebhover.jpg)}
.enterpgweb{float:left;height:91px;width:219px;background:url(../images/enterpgweb.jpg);font-size: 27px;text-align:center;color:#fff;line-height:91px;text-indent:45px;font-weight:700}
.download_box{width:448px;height:180px;margin-bottom:20px}
.saoma{width:172px;height:172px;float:left;background:#2ac2a7;text-align:center;margin-right:0}
.saoma .zxerweima{width:150px;height:150px;padding:10px 5px;margin:0 auto}
.saoma .zxerweima img{width:150px;height:150px}
.saoma p{font-size:14px;color:#fff;margin-top:5px}
.download_btn{width:252px;height:171px;float:right}
.download_btn .appstore{display:block;width:252px;height:80px;background:url(../images/applink.jpg) no-repeat;margin-bottom:12px}
.download_btn .android{display:block;width:252px;height:80px;background:url(../images/andlink.jpg) no-repeat}
.m2{width:1200px;height:600px;margin:0 auto;position:relative;margin-top:10px;z-index:1000}
.boxstyle{background:url(../images/boxstyle.png) top center no-repeat;color:black}<!---全居字体色#0cad9d--->
.story{width:1200px;height:570px;padding-top:25px;position:relative;text-indent:135px}
.story .yxts{font-size:22px;font-family:" SimSun"}
.story_lunbo{width:1200px;height:570px;position:relative;overflow:hidden}
.story_lunbo a.prevPage{display:block;width:38px;height:79px;position:absolute;top:250px;left:140px;cursor:pointer;background:url(../images/next_l.png) center center no-repeat;z-index:5}
.story_lunbo a.nextPage{display:block;width:38px;height:79px;position:absolute;top:250px;right:140px;cursor:pointer;background:url(../images/next_r.png) center center no-repeat;z-index:5}
.story_lunbo ul{width:1200px;height:570px;position:relative}
.story_lunbo ul li{width:1200px;height:570px;position:absolute;top:0;left:0;z-index:1;opacity:0;transition:all .8s;-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s}
.story_lunbo ul li.on{z-index:3;opacity:1}
.story_lunbo ul li a{width:100%;height:100%;display:block;-webkit-mask:url(../images/mask.png) no-repeat;cursor:default;-webkit-mask-size:400% 500%;-webkit-mask-position:0 0}
.story_lunbo ul li a{width:100%;height:100%;display:block}
.story_lunbo ul li a img{width:100%;height:100%;display:block}
.pageSign{width:400px;height:11px;position:absolute;bottom:0;left:950px;z-index:5}
.pageSign span{width:11px;height:11px;margin:0 7px;float:left;text-indent:-9999px;cursor:pointer;background:url(../images/dot.png) center center no-repeat}
.pageSign span.on,.pageSign span.swiper-pagination-bullet-active{background:url(../images/doth.png) center center no-repeat}
.m4{width:1200px;height:650px;margin:0 auto;position:relative;margin-top:20px;z-index:100000}
.role{width:1180px;height:588px;margin:0 auto;position:relative;z-index:2;margin-bottom:50px}
.role .zyts{font-size:22px;font-family:" SimSun";font-size:22px;font-family:" SimSun";position:absolute;top:25px}
.role_list{width:280px;height:51px;position:absolute;left:176px;bottom:19px;z-index:4}
.role_list a{width:46px;height:51px;margin:0 10px;color:#0BAC9C;float:left;text-align:center;line-height:51px;display:block;background:url(../images/rolelist.png) center center no-repeat}
.role_list a.on,.role_list a:hover{color:#fff;background:url(../images/rolelisth.png) center center no-repeat}
.role a.role_prev{display:block;width:38px;height:79px;position:absolute;top:250px;left:5px;cursor:pointer;background:url(../images/next_l.png) center center no-repeat;z-index:5}
.role a.role_next{display:block;width:38px;height:79px;position:absolute;top:250px;right:5px;cursor:pointer;background:url(../images/next_r.png) center center no-repeat;z-index:5}
.role_cont{position:relative}
.role_cont li.role_tab{width:824px;height:319px;padding-top:183px;visibility:hidden;position:absolute;top:0;left:0}
.role_cont li.role_tab.on{visibility:visible}
.role_attr{width:500px;height:319px;padding-left:300px;z-index:3;background:url(../images/opa_fff.png) repeat;position:relative}
.role_tab .attr_view{width:227px;height:409px;position:absolute;left:43px;bottom:15px;opacity:0;-webkit-transition:all .5s}
.role_tab.on .attr_view{opacity:1;bottom:45px}
.attr_view.hh{background:url(../images/attr_hh.png) center center no-repeat}
.attr_view.qy{background:url(../images/attr_qy.png) center center no-repeat}
.attr_view.gw{background:url(../images/attr_gw.png) center center no-repeat}
.attr_view.ty{background:url(../images/attr_ty.png) center center no-repeat}
.role_inf{width:358px;padding-top:30px}
.role_inf h3{height:100px;color:#9f9169;font-size:59px;font-family:'宋体'}
.inf_cont{width:358px;height:93px;padding:13px 0;position:relative;left:12px;background:url(../images/infcont.png) center center no-repeat}
.inf_cont li{width:100%;height:17px;padding:7px 0;line-height:17px;display:block}
.inf_cont li .type{margin-right:12px;float:left}
.iseasy{width:16px;height:16px;margin-right:7px;display:block;float:left;background:url(../images/iseasy.png) center center no-repeat}
.role_view{position:absolute;z-index:3;opacity:0;transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transform:translateX(30px);-o-transform:translateX(30px);-ms-transform:translateX(30px);-moz-transform:translateX(30px);-webkit-transform:translateX(30px)}
.role_tab.on .role_view{opacity:1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0)}
.role_view.hh{width:1004px;height:927px;top:-252px;left:270px;background:url(../images/role_hh.png) center center no-repeat}
.role_view.qy{width:889px;height:738px;top:-265px;left:412px;background:url(../images/role_qy.png) center center no-repeat}
.role_view.gw{width:915px;height:643px;top:-157px;left:490px;background:url(../images/role_gw.png) center center no-repeat}
.role_view.ty{width:1101px;height:839px;top:-225px;left:378px;background:url(../images/role_ty.png) center center no-repeat}
.m5{width:1200px;height:600px;margin:0 auto;position:relative;margin-top:0;z-index:1000;padding-top:6px;background:url(../images/Introductionbg.png) left top no-repeat}
.nav{background:url(../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 logo{width:200px;height:80px;float:left}
.nav-ul li a{width:126px;height:80px;display:block;text-align:center;background:url(../images/nav-a.jpg) no-repeat}
.nav-ul li a.hame{background-position:-1px 0}
.nav-ul li a.newszh{background-position:-127px 0}
.nav-ul li a.gameinfo{background-position:-253px 0}
.nav-ul li a.raiders{background-position:-379px 0}
.nav-ul li a.recharge{background-position:-697px 0}
.nav-ul li a.download{background-position:-823px 0}
.nav-ul li a.service{background-position:-949px 0}
.nav-ul li a.bbs{background-position:-1075px 0}
.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:0 0}
.nav-ul li.logo a:hover{background:0 0}
.musicbox{width:47px;height:47px;position:absolute;z-index:500;top:120px;left:50%;cursor:pointer;margin-left:10px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}
#Introduction{padding:10px 10px 10px;width:850px;height:420px;overflow:hidden;background-color:#fff;box-shadow:0 0 14px rgba(0,0,0,.84) inset;margin-top:110px;margin-left:290px;border:2px solid #fff}
#Introduction .hot_news{float:left;width:820px;padding:10px 10px 10px;height:20px;line-height:20px;font-size:16px;font-weight:400;margin-bottom:13px;border-bottom:1px solid #069284}
#Introduction .hot_news a{font-size:16px;color:#ab8324;font-weight:550}
#Introduction .hot_news span{padding:0 7px;color:#fff;margin-right:12px;background-color:#c5190f;display:inline-block}
#Introduction .tit{width:820px;height:54px;line-height:54px;font-size:15px;margin-bottom:15px;padding-left:19px;border-bottom:1px solid #dae2e4}
#Introduction .tit span{float:left}
#Introduction .NewsList{margin:0 15px 0 15px}
.Tab{float:left;width:100%;position:relative}
.Tab li{display:inline}
.Tab li a{height:44px;line-height:44px;text-align:center;font-size:16px;color:#069284;font-weight:700}
.Tab li a:hover,.Tab li.change a{color:#a78929;text-decoration:none;cursor:pointer}
.Tab .lines{position:absolute;top:-2px;left:0;border-top:4px solid #069284}
.NewsList{margin:0 21px 0 16px;clear:both}
.NewsList li{height:30px;line-height:30px;font-size:14px;color:#069284;cursor:pointer}
.NewsList li:hover{background-color:#069284;color:#fff}
.NewsList li:hover span a{color:#fdb700}
.NewsList li span a{color:#c5190f}
.NewsList li time{float:right;font-size:12px;color:#b6b6b6}
#Topbar{height:110px;background:url(../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) 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);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) no-repeat 0 0;display:block;width:236px;height:100px;overflow:hidden;text-indent:-999em;float:left}
#Topbar .forum{background:url(../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) no-repeat 0 0}
#Topbar .forum:hover{background:url(../images/forum_1.jpg) no-repeat 0 0}

.musicbox{width:65px;height:100px;position:fixed;z-index:500;top:20px;left:50%;cursor:pointer;margin-left:-750px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}