/*==========基本样式==========*/
body,div,h1,h2,h3,h4,h5,form,img,ul,ol,li,dl,dt,dd,p {margin:0; padding:0;}
li {list-style:none;}
h1,h2,h3,h4,h5 {font-size:100%;}
img {border:0;}
table{ border-collapse:collapse;}
a {color:#666666; text-decoration:none; outline:none;}
a:hover{color:#00787E; text-decoration:none;}
area {outline:none;}
/*清除浮动*/
* html .q {height:1%;}
*+html .q {height:1%;}
.q:after {content:""; display:block; height:0; clear:both; overflow:hidden;}
.clear {clear:both; height:0px; overflow:hidden;}
.hidden {display:none;}
body { font-size:12px; color:#666666; font-family:Microsoft YaHei; background:#000 url("img02333.jpg")/*tpa=http://www.xax88.com/images/img02333.jpg*/ repeat;}



.head_1 {width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; margin-top:0;  z-index:20000; overflow:hidden;}/*整体*/
.head_2 { width:1200px; overflow:hidden;}
.head_3 { width:1200px; height:1113px; position:relative;}
.head_4 { position:absolute; top:750px; left:0; width:227px; height:321px; background:url("btn1.png")/*tpa=http://www.xax88.com/images/btn1.png*//**/;  transition:0.5s; background-position:left -321px; animation-name:myani; animation-duration:3s; animation-iteration-count:infinite;}
.head_4:hover { background-position:left 0;}

.head_5 { position:absolute; top:780px; left:300px; width:227px; height:321px; background:url("btn2.png")/*tpa=http://www.xax88.com/images/btn2.png*//**/;  transition:0.5s; background-position:left -321px; animation-name:amyani; animation-duration:3s; animation-iteration-count:infinite;}
.head_5:hover { background-position:left 0;}

.head_6 { position:absolute; top:750px; left:600px; width:227px; height:321px; background:url("btn3.png")/*tpa=http://www.xax88.com/images/btn3.png*//**/;  transition:0.5s; background-position:left -321px; animation-name:myani; animation-duration:3s; animation-iteration-count:infinite;}
.head_6:hover { background-position:left 0;}

.head_7 { position:absolute; top:780px; left:900px; width:227px; height:321px; background:url("btn4.png")/*tpa=http://www.xax88.com/images/btn4.png*//**/;  transition:0.5s; background-position:left -321px; animation-name:amyani; animation-duration:3s; animation-iteration-count:infinite;}
.head_7:hover { background-position:left 0;}
.bg_head { background:url("bg2.jpg")/*tpa=http://www.xax88.com/css/bg2.jpg*//**/ top center no-repeat;}
.head_8 { margin:0 auto; width:1200px; overflow:hidden;}
.head_9 { width:1200px; height:573px; position:relative;}
.bg_head { background:url("bg2-1.jpg")/*tpa=http://www.xax88.com/images/bg2.jpg*//**/ top center no-repeat; z-index:20001;}
#tab1 { position:absolute; left:79px; top:50px;}
#tab1 li { width:215px; height:66px; line-height:66px; text-align:center; background:url("nev1.png")/*tpa=http://www.xax88.com/css/nev1.png*//**/; margin-bottom:20px;}
#tab1 li a { display:block; padding:0 0 0 40px; font-size:24px; font-family:"微软雅黑"; font-weight:200; color:#6FF; width:215px; height:66px;}
#tab1 li a:hover { color:#000; text-decoration:none;}
#tab1 li:hover { background:url("nev2.png")/*tpa=http://www.xax88.com/images/nev2.png*//**/;}


.head_10 { position:absolute; right:40px; top:90px; width:773px; height:408px;}
.tablist { display:none;}
.block{ display:block;}

#head_11 li { width:773px; overflow:hidden; line-height:32px; text-align:left; font-size:16px; font-weight:100; font-family:"微软雅黑"; color:#FFF;  transition:0.8s;}
#head_11 a { padding:0 10px 0 0; font-size:16px; color:#FFC; font-family:"微软雅黑"; font-weight:100;}
#head_11 ul { margin:0; padding:0; list-style:none;}
#head_11 li:hover { display:block; background:#000; border-radius:1em; padding:0 0 0 10px;}

/*m1*/
.m1 {width:1240px; height:auto; overflow:hidden; margin:0 auto; position:relative; margin-top:-115px; padding-bottom:10px; z-index:10; }






/*-------*/
.float_nav {width:191px; height:442px; background:url("spr.png")/*tpa=http://www.xax88.com/images/spr.png*/ no-repeat 0 -76px; position:fixed; right:10px; top:50%; margin:-252px 0; padding:62px 0 0; z-index:100000;}
.float_nav li {height:50px; width:85px; margin:0 auto; padding:10px 0 0;}
.float_nav li a {display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff;}
.float_nav li a:hover {color:#d1b787;}
#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:#423e39;}
.wrap_ied p a:hover {color:#eee2d1;}
#footer_ied p.e{font-size:10px;}

.ml10 { margin-left:10px;}
 
 /*------------------*/
 .m2 { width:1100px; height:410px; margin:0 auto; margin-top:20px; background:#23b993 url("img01.jpg")/*tpa=http://www.xax88.com/images/img01.jpg*/ no-repeat left top; border:#052a00 1px solid; position:relative}


 /*---*/
.k3 { width:1240px; height:auto;  overflow:hidden; margin:0 auto; margin-top:20px;}

/*--------*/
/*装备*/
.m3 { width:100%; height:auto; overflow:hidden; }


.m3_zb { width:1240px; height:auto; overflow:hidden;  margin:0 auto; padding:20px 00px 00px 00px ; }

.m3_zb_5 { width:238px;  height:auto; overflow:hidden;float:left;   background:#212121; border:#2b2b2b 1px solid; box-shadow:1px 1px  #2b2b2b;padding-bottom:10px;}
.m3_zb_5_t { width:238px; height:40px;  float:left; color:#fff;  line-height:40px; text-align:center; color:#f5d676; font-size:20px; text-shadow:2px 2px 2px #000 ;position:relative}
.m3_zb_5 .role-itemst { width: 195px; height: auto; float: left; position: relative; padding:10px; background:#333333 url("img03.jpg")/*tpa=http://www.xax88.com/images/img03.jpg*/ no-repeat left top; margin-left:10px; border:1px solid #746549; }
.m3_zb_5 .role-itemst img { width:195px; overflow:hidden;   border:#363428 1px solid;border-radius:15px;}



.m3_zb_4 { width:300px;  height:auto; overflow:hidden;float:left;   background:#212121; border:#2b2b2b 1px solid; box-shadow:1px 1px  #2b2b2b;padding-bottom:10px;}
.m3_zb_4_t { width:300px; height:40px;  float:left; color:#fff;  line-height:40px; text-align:center; color:#f5d676; font-size:20px; text-shadow:2px 2px 2px #000 ;position:relative}
.m3_zb_4 .role-itemst { width: 257px; height: auto; float: left; position: relative; padding:10px; background:#333333 url("img03.jpg")/*tpa=http://www.xax88.com/images/img03.jpg*/ no-repeat left top; margin-left:10px; border:1px solid #746549; }
.m3_zb_4 .role-itemst img { width:257px; overflow:hidden;   border:#363428 1px solid;border-radius:15px;}



.m3_zb_3 { width:404px;  height:auto; overflow:hidden;  float:left;  background:#212121; border:#2b2b2b 1px solid; box-shadow:1px 1px  #2b2b2b; padding-bottom:10px;}

.m3_zb_3_t { width:404px; height:40px;  float:left;color:#fff; line-height:40px;  text-align:center;color:#f5d676; font-size:20px; text-shadow:2px 2px 2px #000 ; position:relative}
.m3_zb_3 .role-itemsy { width:361px; height: auto; float: left; position: relative;  padding:10px; background:#333333 url("img03.jpg")/*tpa=http://www.xax88.com/images/img03.jpg*/ no-repeat left top;  margin-left:10px; border:1px solid #746549;  }
.m3_zb_3 .role-itemsy img { width:361px; height:auto; overflow:hidden;  border:#363428 1px solid;border-radius:15px; }


.m3_zb_2 { width:613px;  height:auto; overflow:hidden; float:left;  background:#212121; border:#2b2b2b 1px solid; box-shadow:1px 1px  #2b2b2b; padding-bottom:10px;}

.m3_zb_2_t { width:613px; height:40px;  float:left;color:#fff;  line-height:40px;  text-align:center; color:#f5d676; font-size:20px; text-shadow:2px 2px 2px #000 ;position:relative}
.m3_zb_2 .role-itemsu { width: 570px; height: auto; float: left; position: relative; padding:10px;  background:#333333 url("img03.jpg")/*tpa=http://www.xax88.com/images/img03.jpg*/ repeat;   margin-left:10px; border:1px solid #746549;  }
.m3_zb_2 .role-itemsu img { width:570px; height:auto; overflow:hidden; border:#363428 1px solid;border-radius:15px ;}



.m3_zb_1 { width:1238px;  height:auto; overflow:hidden;  float:left; position:relative ; background:#212121; border:#2b2b2b 1px solid; box-shadow:1px 1px  #2b2b2b; padding-bottom:10px;}

.m3_zb_1_t { width:1238px; height:40px;  float:left;float:left;color:#fff;  line-height:40px; text-align:center; color:#f5d676; font-size:20px; text-shadow:2px 2px 2px #000 ;position:relative}
.m3_zb_1 .role-itemsk { width: 1191px; height: auto; float: left; position: relative;  padding:10px; background:#333333 url("img03.jpg")/*tpa=http://www.xax88.com/images/img03.jpg*/ repeat;  margin-left:10px; border:1px solid #746549;  }
.m3_zb_1 .role-itemsk img { width:1191px; height:auto; overflow:hidden;   border:#363428 1px solid;border-radius:15px; }


/*-------*/
.popup {width:715px; height:342px; background:url("popup.png")/*tpa=http://www.xax88.com/images/popup.png*/ no-repeat; display:none; padding:65px;}
.popup h3 {height:55px; line-height:55px; padding:0 10px; font-size:33px; font-weight:bold; color:#ddcca8; border-top:1px solid #746549; border-bottom:1px solid #746549; float:left;}
#info{float:left; margin-top:25px;width:715px; color:#ddcca8; font-size:16px; height:260px; overflow:auto;line-height:22px;}
#info p { text-indent:2em; padding:5px 0;}
#info table {margin:20px auto 0; width:600px;}
#info th { background:#432C16;}
#info table,#info th,#info td {border:1px solid #746549; text-align:center; line-height:30px;}
.close{position:absolute;top:0;right:-65px;background:url("popup.png")/*tpa=http://www.xax88.com/images/popup.png*/ no-repeat 100% 0;width:53px;height:53px;overflow:hidden; text-indent:-9999px;}