@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())}
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:0px}
.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:30px;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:30px;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:#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{float:left;margin-right:30px;display:inline}
.Tab li a{float:left;width:150px;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}



.fl{float:left}
.fr{float:right}
.mt10{margin-left:12px;}
.ml10{margin-left:10px;}
.ml50{margin-left:50px;}
.clearfix{zoom:1}
.warp{width:1280px;margin-left:auto;margin-right:auto;}
.microHei{font-family:"Microsoft YaHei"}
#header{background:url(../images/brief_01.jpg) repeat-x;height:61px;padding-top:0;width:100%;position:relative}
.top_logo{position:fixed;top:0px;left:50px;width:235px;height:235px;background:url(../images/top_logo.png);z-index:1000;}
#header a.fl{height:65px}
#header .ban{float:left;width:50px;height:50px;margin-top:20px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
#header #demo{overflow:hidden;height:50px;line-height:50px;width:900px;color:#da9e6f;white-space:nowrap;float:left;margin-top:10px;font-size:24px;margin-left:150px;}
.an_buut{position:fixed;width:235px;height:235px;background:url(../images/logo.png) no-repeat;z-index:10;left:50%;margin-left:-800px;z-index:100000;margin-top:-20px}
.an_buut img{margin-left:30px;margin-top:10px;}
#Version{width:100%;height:950px;position:relative;overflow:hidden;z-index:-3}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:1000px;position:absolute;left:50%;z-index:-2;line-height:0px;}
.hao123{width:260px;height:20px;top:0px;left:50%;margin-left:-560px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:absolute;z-index:55;}
.kv-music{position:absolute;top:0px;left:20%;margin-left:-560px;width:80px;height:100px;z-index:1000;}

.an_buut { position:fixed; width:235px; height:235px; background:url(../images/logo.png) no-repeat; z-index:10; left:50%;  margin-left:-800px;z-index:100000;margin-top:-20px}
.an_buut img { margin-left:30px; margin-top:10px;}


.ml10{margin-left:10px;}
.m55{width:100%;height:auto;overflow:hidden;padding-bottom:10px;margin-top:20px;background: url(../images/footb1g.png) bottom no-repeat; z-index:999999; }
.uz16_com_zb{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:30px;padding-bottom:10px;}


.uz16_com_zb_3bg{padding:10px 10px 10px;width:373px;height:auto;overflow:hidden;float:left;background-color:#069284;position:relative;border-radius:15px;}
.uz16_com_zb_3{padding:10px 10px 10px 10px;width:348px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#fff;box-shadow:0 0 14px rgba(0,0,0,.84) inset;border-radius:15px;border:2px solid #fff}
.uz16_com_zb_3_t{width:348px;height:41px;float:left;background:#132325;line-height:41px;color:#069284;text-align:center;font-size:16px;font-weight:bold;}
.uz16_com_zb_3_d{width:348px;height:0px;float:left;background:#ece8e5;position:relative}
.uz16_com_zb_3 .role-itemst{width:338px;height:auto;float:left;position:relative;}
.uz16_com_zb_3 .role-itemst img{width:338px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}


.uz16_com_zb_2bg{padding:10px 10px 10px;width:575px;height:auto;overflow:hidden;float:left;background-color:#069284;position:relative;border-radius:15px;}
.uz16_com_zb_2{padding:10px 10px 10px 10px;width:550px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#fff;box-shadow:0 0 14px rgba(0,0,0,.84) inset;border:2px solid #fff;border-radius:15px;}
.uz16_com_zb_2_t{width:550px;height:41px;float:left;background:#132325;line-height:41px;color:#069284;text-align:center;font-size:16px;font-weight:bold;}
.uz16_com_zb_2_d{width:550px;height:0px;float:left;background:#ece8e5;position:relative}
.uz16_com_zb_2 .role-itemst{width:540px;height:auto;float:left;position:relative;}
.uz16_com_zb_2 .role-itemst img{width:540px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}

.uz16_com_zb_1bg{padding:10px 10px 10px;width:1180px;height:auto;overflow:hidden;float:left;background-color:#069284;position:relative;border-radius:15px;}
.uz16_com_zb_1{padding:10px 10px 10px 10px;width:1155px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#fff;box-shadow:0 0 14px rgba(0,0,0,.84) inset;border:2px solid #fff;border-radius:15px;}
.uz16_com_zb_1_t{width:1155px;height:41px;float:left;background:#132325;line-height:41px;color:#069284;text-align:center;font-size:16px;font-weight:bold;}
.uz16_com_zb_1_d{width:1155px;height:0px;float:left;background:#ece8e5;position:relative}
.uz16_com_zb_1 .role-itemst{width:1145px;height:auto;float:left;position:relative;}
.uz16_com_zb_1 .role-itemst img{width:1145px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}


	.PartTitle2{padding:14px 0 14px 38px;height:35px;line-height:35px;position:relative;font-size:19px;font-weight:normal;color:#069284;background:url(../images/icon_.png) no-repeat left center;border-bottom:1px solid #5e5f64;}
	.PartTitle2 span{font-size:13px;font-family:'times new roman', times, serif;color:#069284;text-transform:uppercase;}
	.PartTitle2 .more{position:absolute;font-size:12px;color:#069284;right:5px;padding-right:27px;background:url(../images/icon_more.png) no-repeat right center;}
	.PartTitle2 .more:hover{color:#069284;}



/*-------*/
.float_nav {width:191px; height:482px; background:url(../images/spr.png) no-repeat 0 -76px; position:fixed; right:10px; top:50%; margin:-152px 0; padding:80px 0 0; z-index:100000;}
.float_nav li {height:40px; width:120px; line-height:40px;padding:0px 0 0;margin:0 auto;margin-bottom:10px}
.float_nav li a {display:block; width:120px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; font-weight:bold;background: url(../images/btnbg.png) no-repeat;}
.float_nav li a:hover {color:#fac045; text-decoration:none;}
#footer_ied{text-align:center; font-size:12px; line-height:19px; font-family:Tahoma;}
.wrap_ied{ margin:0 auto; padding:30px 0; color:#423e39;}
.wrap_ied p a {color:#900;}
.wrap_ied p a:hover {color:#eee2d1;}
#footer_ied p.e{font-size:10px;}


.btn_payss{position:absolute;left:0px;top:0px;width:100%;height:100%;text-indent:-99em;overflow:hidden;z-index:999999;zoom:1}
i{font-style:normal;}
a:hover{color:#ffde00;text-decoration:none}
.ht1{overflow:hidden;text-indent:-9999px;}
.area{width:1000px;margin:0 auto;}
.area{width:1200px;margin:0 auto;}
.topbg{height:100px;width:100%;background:#000}
.top{height:100px;position:relative;z-index:10000;width:1280px;}
.logo{width:220px;height:80px;position:absolute;top:10px;left:8px;cursor:default;}
.logo img{width:100%;height:100%;}
.logo2{width:50px;height:50px;position:absolute;top:35px;left:50%;cursor:pointer;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;margin-left:600px;z-index:999999;}
.logo2 img{width:100%;height:100%;}
.mainnav{width:800px;position:absolute;top:0;left:400px;overflow:hidden;}
.mainnav ul{width:100%;}
.mainnav:hover{}
.mainnav:hover ul{}
.mainnav li{width:111px;float:left;position:relative;text-align:center;height:auto!important;overflow:hidden}
.mainnav li:hover{background:url(../images/mainnav_noshadow.png) no-repeat;}
.mainnav li .tit{width:100%;height:68px;color:#ffffff;display:block;text-align:center;padding:36px 0 0;}
.mainnav li .tit em{display:block;width:100%;font-size:14px;transition:all 0.2s ease-in-out;}
.mainnav li .tit span{font-size:8px;color:#b79450;font-size:8px;display:block;-webkit-transform:scale(0.7);-webkit-transform-origin:center;font-weight:100;}
.mainnav li .detail_list{width:100%;padding:4px 0 0;overflow:hidden;display:block!important;height:0;}
.mainnav li .detail_list a{display:block;width:84px;height:24px;line-height:24px;text-align:center;vertical-align:baseline;margin:12px auto;color:#ffffff;font-size:12px;transition:all 0.1s ease-in;}
.mainnav li .detail_list a:hover{background:#fedd45;border-radius:3px;box-shadow:3px 3px 5px #3b3b3b;color:#000000;}
.mainnav ul li:hover .tit em{color:#ffde45;}
.mainnav li.li01{height:102px;background-position:1000px 1000px}
.mainnav li.li02{height:333px;background-position:0 0}
.mainnav li.li03{height:333px;background-position:-111px 0}
.mainnav li.li04{height:333px;background-position:-222px 0}
.mainnav li.li05{height:333px;background-position:-333px 0}
.mainnav li.li06{height:333px;background-position:-444px 0}
.mainnav li.li07{height:333px;background-position:-555px 0}
.mainnav li.li08{height:333px;background-position:-666px 0}

.kv-music{position:fixed;z-index:50;top:1px;left:-350px; width:58px;height:100px;}