﻿@charset "utf-8";
/* CSS Document */
/*----*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,p,th,td{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:normal 12px/20px "微软雅黑","宋体",Tahoma,Geneva,sans-serif;background:#fff url(../images/footerbg.jpg) no-repeat center bottom 130px; overflow-x:hidden }
a{color:#a9764d;text-decoration:none;outline:none}
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;}
ul,ol,li { list-style:none;}
/*----*/

/* FLOAT */
.fr { float: right; }
.fl { float: left; }
/* DISPLAY */
.disb { display: block; }
.hid { display: none; }
.disib { display: inline-block; *display: inline;
*zoom: 1;
}
.mt12 { margin-top: 12px; }
.ti { text-indent: -999em; }
.pt100 { padding-top: 100px; }
.pt250 { padding-top: 250px; }
/* global */

/*---*/
.k3 { width:1100px; height:auto;  overflow:hidden; margin:0 auto; margin-top:00px; position:relative; z-index:56; padding-top:20px; z-index:10000000;}


/*m1*/
.m1 {width:1100px; height:auto; overflow:hidden; margin:0 auto; position:relative; margin-top:-500px; z-index:1000;}


/* top*/
.top_box{width: 576px;height:auto; overflow:hidden;margin-bottom: 0px;padding-top:200px;}

.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: bold;}
.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: bold;}

.download_box{width: 448px;height: 180px;margin-bottom: 0;}
.saoma{width: 172px;height: 172px;float: left;background: #2ac2a7;text-align: center;margin-right: 0px;}
.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*/
.m2 {width:1100px; height:600px;  margin:0 auto; position:relative; margin-top:10px; z-index:1000;  }


/* story */
.boxstyle{background:url(../images/boxstyle.png) top center no-repeat;color:#0cad9d;}
.story{width: 1360px;height: 570px;padding-top: 25px;margin-left: -140px;position: relative;text-indent: 135px;}
.story .yxts{font-size: 22px;font-family: " SimSun"}
.story_lunbo{width: 1360px;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;}
/* 中部轮播 1
.story_lunbo ul{height: 570px;}
.story_lunbo ul li{width: 1360px;height: 570px;float: left;}*/
/* 中部轮播 2 */
.story_lunbo ul{width: 1360px;height: 570px;position: relative;}
.story_lunbo ul li{width: 1360px;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.swiper-pagination-bullet-active,
.pageSign span.on{background:url(../images/doth.png) center center no-repeat;}



/*m3*/
.m4 {width:1100px; height:650px;  margin:0 auto; position:relative; margin-top:20px; z-index:100000;  }

/* role */
.role{width: 1080px;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:hover,
.role_list a.on{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;
/*          transition: all 1s 1s;
       -o-transition: all 1s 1s;
     -moz-transition: all 1s 1s;*/
  -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; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari 和 Chrome */
          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(0px);
       -o-transform: translateX(0px);
      -ms-transform: translateX(0px);
     -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
.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;}




/*m2*/
.m5 {width:1100px; height:650px;  margin:0 auto; position:relative; margin-top:0px; z-index:1000; padding-top:30px;;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 0px;}
.nav-ul li a.newszh{background-position:-127px 0px;}
.nav-ul li a.gameinfo{background-position:-253px 0px;}
.nav-ul li a.raiders{background-position:-379px 0px;}
.nav-ul li a.recharge{background-position:-697px 0px;}
.nav-ul li a.download{background-position:-823px 0px;}
.nav-ul li a.service{background-position:-949px 0px;}
.nav-ul li a.bbs{background-position:-1075px 0px;}
.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:none;}
.nav-ul li.logo a:hover{background:0 0}

				
.musicbox{width:120px;height:93px;position:fixed;z-index:500;top:0px;left:50%;cursor:pointer;margin-left:-750px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}

#Introduction{padding:10px 10px 10px;width:740px;height:420px;overflow:hidden;background-color:#fff;box-shadow:0 0px 14px rgba(0,0,0,0.84) inset;margin-top:110px;margin-left:290px;border:2px solid #fff;}
#Introduction .hot_news{float:left;width:720px;padding:10px 10px 10px;height:20px;line-height:20px;font-size:16px;font-weight:normal;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:720px;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:0px 15px 0px 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:bold}
.Tab li.change a,.Tab li a:hover{color:#a78929;text-decoration:none;cursor:pointer;}
.Tab .lines{position:absolute;top:-2px;left:0px;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;}