@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:#000000  url(../images/bg-m-b.png) bottom no-repeat; }
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;}

.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:1200px; height:auto;  overflow:hidden; margin:0 auto; margin-top:20px;}


/*m1*/
.m1 {width:1200px; height:400px; margin:0 auto; position:relative; margin-top:-140px; padding-bottom:10px;}
/*-------*/


.buut_xiz {background:url(../images/img03.png); width:258px; height:165px; position:absolute; z-index:10; top:120px; left:90px;}
.logo_fb,.logo_fb:after{display:block;width:200px;height:100px;background:url(../images/img02.png) no-repeat;position:absolute;top:40px;left:25px}
.logo_fb:after{content:'';position:absolute;top:0;left:0}
.logo_fb:after{animation:cirZoom infinite linear 2s .5s;-moz-animation:cirZoom infinite linear 2s .5s;-webkit-animation:cirZoom infinite linear 2s .5s;-o-animation:cirZoom infinite linear 2s .5s}
@keyframes cirZoom{0%{opacity:1;transform:scale(1,1)}
70%{opacity:0;transform:scale(1.2,1.2)}
100%{opacity:0}}@-moz-keyframes cirZoom{0%{opacity:1;-moz-transform:scale(1,1)}
70%{opacity:0;-moz-transform:scale(1.2,1.2)}
100%{opacity:0}}@-webkit-keyframes cirZoom{0%{opacity:1;-webkit-transform:scale(1,1)}
70%{opacity:0;-webkit-transform:scale(1.2,1.2)}
100%{opacity:0}}@-o-keyframes cirZoom{0%{opacity:1;-o-transform:scale(1,1)}
70%{opacity:0;-o-transform:scale(1.2,1.2)}
100%{opacity:0}}.regcon{position:absolute;top:662px;left:75px;z-index:9}

/*-------*/
.buut_bg { width:441px; height:691px; position:absolute; bottom:-120px; left:-50px; background:url(../images/img01.png) no-repeat; z-index:10;}
.buut_box { width:280px; height:auto; overflow:hidden; float:left; margin-left:80px; margin-top:290px; }
.buut_box a{background:url(../images/btn-bg.png) no-repeat;float:left; width:130px; height:43px; margin-left:5px; margin-top:10px; line-height:43px; text-align:center; font-size:18px; color:#2c1d18}
.buut_box a:hover { color:#900;cursor:pointer}

/*---*/
.bouyy { float:right; width:850px; height:400px; background:url(../images/img05.png) no-repeat; top:0px; right:0px; position:relative; z-index:500;}
.bouyy_pan {width:580px;height:350px;padding-left:10px;background:#000; filter:alpha(opacity=5);-moz-opacity:0.5;-khtml-opacity: 0.5;  opacity:0.5; position:absolute; z-index:5; right:30px; top:35px; border-radius:10px; }

/*--------------------*/
/*a7*/



#Introduction{ position:absolute; width:590px;height: 390px;overflow: hidden;margin-bottom: 16px;  padding:0px; right:30px; top:35px;  z-index:500; }

#Introduction .tit{float: left;width: 550px;height: 140px;line-height: 92px;overflow: hidden;font-size: 15px;font-weight: bold;color: #d68d00;border-bottom: 1px dotted #292116}
#Introduction .tit span{float: left}
#Introduction .Tab{margin-bottom: 8px}


#Versiont .content{width: 550px; color:#fff; font-size:12px;  text-indent:30px; padding-left:15px;}
#Versiont .content ul li{height: 29px;line-height: 29px;overflow: hidden;border-bottom: 1px dotted #cf1812}

#FenQu .content{width: 550px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#FenQu .content ul li{height: 29px;line-height: 29px;overflow: hidden;border-bottom: 1px dotted #cf1812}

#Recharge .content{width: 550px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#Recharge .content ul li{height: 29px;line-height: 29px;overflow: hidden;border-bottom: 1px dotted #cf1812}

#HuiShou .content{width: 550px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#HuiShou .content ul li{height: 29px;line-height: 29px;overflow: hidden;border-bottom: 1px dotted #cf1812}

#ProductShow{width: 550px;height: 365px;position: relative; }


.Tabt{float: left;width: 590px;height:60px;line-height: 60px; margin-top:0px;color:#F00; background:#700706; border-bottom:#ae0a04 1px solid }
.Tabt li{float: left; }
.Tabt li a{font-size: 13px;width:120px;height: 58px;text-align: center;position: relative;font-weight: bold;display: block;color:#ffdcac; font-size:16px}
.Tabt li a .jiantou{width: 7px;height: 4px;position: absolute;text-indent: -99em;overflow: hidden;bottom: -4px;left: 35px}
.Tabt li a:hover{color: #fff;text-decoration: none}
.Tabt li.change a{color: #fff; border-bottom:#ff0800 3px solid}
.Tabt li.change a .jiantou{background: url(../images/1.gif) no-repeat left top}
.Tab_nr{color:#FFF; padding-top:65px;}





.bouyy_ren { width:200px; height:300px; position:absolute; z-index:6; left: -00px; top:-80px;}

/*--------*/
.m2 { width:1180px; height:310px; margin:0 auto; background:url(../images/m3.png) no-repeat; padding:70px 10px 30px 10px; position:relative; z-index:20;}
.fiveTu_pan {width:1135px;height:340px;padding-left:10px;background:#000; filter:alpha(opacity=5);-moz-opacity:0.5;-khtml-opacity: 0.5;  opacity:0.5; position:absolute; z-index:5; right:28px; top:55px; border-radius:10px; }


.fiveTu{ margin-left:30px; position:absolute; z-index:100;}
.fiveTu ul{float: left;}
.fiveTu .pics{position: relative;width:870px;height:309px;}
.fiveTu .pics li{position: absolute;top:0;left:0;}
.fiveTu .circle{margin-left: 1px;width:252px;}
.fiveTu .circle li{width:250px;height:59px;margin-bottom: 1px;background:#f7f7f7;border: 1px solid #d7d7d7;cursor: pointer;color:#646464;}
.fiveTu .circle li.on{width:100%;height:61px;background: #bb3e2a;color:#fff;}
.fiveTu .circle li p{line-height: 60px;margin-left: 37px;font-size:18px;font-weight: bold;}
.fiveTu .circle li span{margin-left: 13px;font-size:12px;font-weight: normal;}

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


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

.m3_zb_4 { width:292px;  height:auto; overflow:hidden;float:left; }
.m3_zb_4_t { width:292px; height:40px; background: url(../images/zb04_t.png) no-repeat; float:left; color:#ffdcac; font-weight:bold; line-height:40px; padding-top:30px; text-align:center; font-size:20px; position:relative}
.m3_zb_4_pan{ width:230px;height:40px;padding-left:10px;background:#000; filter:alpha(opacity=5);-moz-opacity:0.5;-khtml-opacity: 0.5;  opacity:0.5; position:absolute; z-index:0; right:25px; top:30px; border-radius:10px;}
.m3_zb_4_t span{ position:absolute; z-index:10; left:110px;}

.m3_zb_4_d { width:292px; height:10px; background:url(../images/zb04_d.png) no-repeat; float:left}
.m3_zb_4 .role-itemst { width: 292px; height: auto; float: left; position: relative;background:url(../images/zb04_z.png) repeat-y; padding:10px;}
.m3_zb_4 .role-itemst img { width:240px; height:auto; overflow:hidden;   border:#54351f 1px solid;border-radius:15px; margin-left:15px;}
.m3_zb_4 .role-itemst .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_4 .role-itemst .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_4 .role-itemst .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemst:hover .role-dec { top:0px; left:0px; }


.m3_zb_3 { width:392px;  height:auto; overflow:hidden;  float:left; }

.m3_zb_3_t { width:392px; height:40px; background: url(../images/zb03_t.png) no-repeat; float:left;color:#ffdcac; font-weight:bold; line-height:40px; padding-top:30px; text-align:center; font-size:20px; position:relative}
.m3_zb_3_d { width:392px; height:10px; background:url(../images/zb03_d.png) no-repeat; float:left}
.m3_zb_3_pan{ width:330px;height:40px;padding-left:10px;background:#000; filter:alpha(opacity=5);-moz-opacity:0.5;-khtml-opacity: 0.5;  opacity:0.5; position:absolute; z-index:0; right:25px; top:30px; border-radius:10px;}
.m3_zb_3_t span{ position:absolute; z-index:10; left:160px;}



.m3_zb_3 .role-itemsy { width:392px; height: auto; float: left; position: relative;  background:url(../images/zb03_z.png) repeat-y; padding:10px; }
.m3_zb_3 .role-itemsy img { width:341px; height:auto; overflow:hidden;  border:#54351f 1px solid;border-radius:15px; margin-left:15px;}
.m3_zb_3 .role-itemsy .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_3 .role-itemsy .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_3 .role-itemsy .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsy:hover .role-dec { top:0px; left:0px; }

.m3_zb_2 { width:595px;  height:auto; overflow:hidden; float:left; }

.m3_zb_2_t { width:595px; height:40px; background: url(../images/zb02_t.png) no-repeat; float:left;color:#ffdcac; font-weight:bold; line-height:40px; padding-top:30px; text-align:center; font-size:20px;position:relative}
.m3_zb_2_d { width:595px; height:10px; background:url(../images/zb02_d.png) no-repeat; float:left}
.m3_zb_2_pan{ width:533px;height:40px;padding-left:10px;background:#000; filter:alpha(opacity=5);-moz-opacity:0.5;-khtml-opacity: 0.5;  opacity:0.5; position:absolute; z-index:0; right:25px; top:30px; border-radius:10px;}
.m3_zb_2_t span{ position:absolute; z-index:10; left:250px;}

.m3_zb_2 .role-itemsu { width: 595px; height: auto; float: left; position: relative; background:url(../images/zb02_z.png) repeat-y; padding:10px;   }
.m3_zb_2 .role-itemsu img { width:543px; height:auto; overflow:hidden; border:#54351f 1px solid;border-radius:15px ; margin-left:15px;}
.m3_zb_2 .role-itemsu .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_2 .role-itemsu .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_2 .role-itemsu .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsu:hover .role-dec { top:0px; left:0px; }


.m3_zb_1 { width:1200px;  height:auto; overflow:hidden;  float:left; }

.m3_zb_1_t { width:1200px; height:40px; background: url(../images/zb01_t.png) no-repeat; float:left;float:left;color:#ffdcac; font-weight:bold; line-height:40px; padding-top:30px; text-align:center; font-size:20px;position:relative}
.m3_zb_1_d { width:1200px; height:15px; background:url(../images/zb01_d.png) no-repeat; float:left}
.m3_zb_1_pan{ width:1140px;height:40px;padding-left:10px;background:#000; filter:alpha(opacity=5);-moz-opacity:0.5;-khtml-opacity: 0.5;  opacity:0.5; position:absolute; z-index:0; right:25px; top:30px; border-radius:10px;}
.m3_zb_1_t span{ position:absolute; z-index:10; left:570px;}

.m3_zb_1 .role-itemsk { width: 1200px; height: auto; float: left; position: relative;   background:url(../images/zb01_z.png) repeat-y; padding:10px;  }
.m3_zb_1 .role-itemsk img { width:1150px; height:auto; overflow:hidden;   border:#54351f 1px solid;border-radius:15px;  margin-left:15px;}
.m3_zb_1 .role-itemsk .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_1 .role-itemsk .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_1 .role-itemsk .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsk:hover .role-dec { top:0px; left:0px; }

/*-------*/


.menu{position:fixed;right:20px;top:30%;background:url(../images/logo.png) no-repeat;width:272px; height:600px;filter:alpha(opacity=80);opacity:.8;z-index: 999999;}
.pcmoni-down{float:left;margin:100px 0 0px 30px;width: 116px;padding: 6px;height: 150px;z-index: 9999999;display: block;}
.pcmoni-down a{width: 200px;height:80px;border-top: 1px #c91e20 solid;background: #931415;color:#fff;font-size:30px;text-align: center;line-height: 80px;display: block;text-decoration: none;}
.pcmoni-down a:hover{filter:alpha(opacity=80);opacity:.8;text-decoration: none;color:#ffdcac; font-weight:bold}
.pcmoni-down a:active,.pcmoni-down a:link,.pcmoni-down a:visited{text-decoration: none;color:#ffdcac;}

.pcmoni-links{float:left;width:172px; height: 250px;font-size: 14px; margin-left:50px;margin-top:-50px}
.pcmoni-links a {float:left;height:43px;text-indent:10px;width:100%; margin-top:10px;position:relative; background:url(../images/btn-bg.png) no-repeat;line-height:43px; text-align:center; font-size:18px; color:#2c1d18;display:block}
.pcmoni-links a:hover{filter:alpha(opacity=80);opacity:.8;text-decoration: none;color:#000; font-weight:bold}

.downlinks{height:43px;text-indent:10px;float:left;width:150px; margin-top:5px;position:relative; background:url(../images/btn-bg.png) no-repeat;line-height:43px; text-align:center; font-size:18px; color:#2c1d18;}