@charset "UTF-8";
* { margin:0; padding:0;}
div,dl,dt,dd,ul,ol,li,h2,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
body{ background:#0b0b0b  url("bg-m-b.png"/*tpa=http://bb.66mb.cn/images/bg-m-b.png*/) bottom no-repeat; }
ul,ol,li { list-style:none;}
form{margin:0px;padding: 0px;}
img{ border:0;}
a{color:#000;text-decoration:none}
strong{font-weight: bolder;}
em,i{font-style:normal;}
.ml15 { margin-left:15px;}
.ml10 { margin-left:12px;}
.mt50 { margin-top:80px;}
.mt10 { margin-top:10px;}
.clear{ clear:both;}
.mt5 { margin-top:5px;}
.m1 { width:1100px; height:auto; overflow:hidden; background:url("di.png"/*tpa=http://bb.66mb.cn/images/di.png*/) no-repeat top center;  padding:35px; border-radius:50px;  padding-bottom:20px;}

/*----*/
.main { width:1100px; height:auto; overflow:hidden; margin:0 auto; margin-top:-120px; z-index:10; position:relative}
.buut { width:1030px; height:295px; background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat; float:left}
.buut ul { float:left; width:966px; height:295px;  margin-left:70px;}
.buut ul li { width:125px; height:295px; margin-right:9px; float:left}
.buut_bg { background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/)}
.buut a { float:left; width:125px; height:295px;}
.buut_001{  background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat -68px -295px;  }
.buut_01:hover {  background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat -68px -295px;  }
.buut_02:hover {  background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat -202px -295px;  }
.buut_03:hover {  background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat -336px -295px;  }
.buut_04:hover {  background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat -470px -295px;  }
.buut_05:hover {  background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat -604px -295px;  }
.buut_06:hover {  background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat -741px -295px;  }
.buut_07:hover {  background:url("but_bg.png"/*tpa=http://bb.66mb.cn/images/but_bg.png*/) no-repeat -872px -295px;  }



/*-----*/
#temp3{float:left;width:422px;height:auto;display:inline;overflow:hidden; padding-bottom:15px; margin-left:45px; background:url("banner_bg.jpg"/*tpa=http://bb.66mb.cn/images/banner_bg.jpg*/) no-repeat; padding:14px;}
#temp3 .JQ-content-box{overflow:hidden;width:422px;height:273px;position:relative}
#temp3 .JQ-slide-content{position:absolute;top:0;left:0}
#temp3 .JQ-slide-content li{position:absolute;overflow:hidden;width:422px;height:273px;vertical-align:text-top}
#temp3 .JQ-slide-content li a{display:block;height:273px}
#temp3 .JQ-slide-content li a:hover{text-decoration:none}
#temp3 .JQ-slide-content li img{width:422px;height:273px}
#temp3 img{display:block}
#temp3 .JQ-slide-nav{position:absolute; right:10px;bottom:8px;height:20px;padding-top:2px;z-index:999}
#temp3 .JQ-slide-nav li{float:left;width:48px;height:8px;border:1px solid rgb(153, 153, 153);text-align:center;cursor:pointer;margin-left:3px;font-size:12px;font-family:Verdana;line-height:18px;opacity 0.7;color:rgb(204, 204, 204);background:rgb(80, 102, 102);ovbanner-boxerflow:hidden}
#temp3 .JQ-slide-nav li.on{border:1px solid rgb(255, 0, 0);opacity:0.7;color:rgb(0, 0, 0);background:rgb(204, 0, 0)}

/*--------------------*/
/*a7*/
.jScrollPaneContainer{width: 490px;position: relative;overflow: hidden;margin: 0 auto;z-index: 1;}
.jScrollPaneTrack{height: 100%;position: absolute;top: 0;right: 0;cursor: pointer}
.jScrollPaneDrag{position: absolute;overflow: hidden;background: url("line_y2.png"/*tpa=http://bb.66mb.cn/images/line_y2.png*/) repeat-y left top;cursor: pointer}
.jScrollPaneDragTop{width: 16px;height: 5px;position: absolute;overflow: hidden;top: 0;left: 0;background: url("line_y2_top.png"/*tpa=http://bb.66mb.cn/images/line_y2_top.png*/) no-repeat left top}
.jScrollPaneDragBottom{width: 16x;height: 5px;line-height: 0;position: absolute;overflow: hidden;font-size: 0;bottom: 0;left: 0;background: url("line_y2_bom.png"/*tpa=http://bb.66mb.cn/images/line_y2_bom.png*/) no-repeat left bottom}
a.jScrollArrowUp{height: 0;position: absolute;text-indent: -2000px;overflow: hidden;top: 0;right: 0;z-index: 1}
a.jScrollArrowDown{height: 0;position: absolute;text-indent: -2000px;overflow: hidden;right: 0;bottom: 0;z-index: 1}
.scroll-pane{width: 490px;height: 210px;padding-right: 0; float:left; margin-left:10px;}


#Introduction{ float:left; width:480px;height: 270px;overflow: hidden;margin-bottom: 16px;  padding:10px; margin-left:15px;}

#Introduction .tit{float: left;width: 480px;height: 92px;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: 450px; color:#c6c6c6; font-size:12px;}
#Versiont .content ul li{height: 29px;line-height: 29px;overflow: hidden;border-bottom: 1px dotted #292116}

#FenQu .content{width: 450px; color:#c6c6c6; font-size:12px;}
#FenQu .content ul li{height: 29px;line-height: 29px;overflow: hidden;border-bottom: 1px dotted #292116}

#Recharge .content{width: 450px; color:#c6c6c6; font-size:12px;}
#Recharge .content ul li{height: 29px;line-height: 29px;overflow: hidden;border-bottom: 1px dotted #292116}

#HuiShou .content{width: 450px; color:#c6c6c6; font-size:12px;}
#HuiShou .content ul li{height: 29px;line-height: 29px;overflow: hidden;border-bottom: 1px dotted #292116}

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


.Tabt{float: left;width: 480px;height:60px;line-height: 60px; margin-top:0px;color:#F00; }
.Tabt li{float: left; background:url("download_btn.png"/*tpa=http://bb.66mb.cn/images/download_btn.png*/) no-repeat; }
.Tabt li a{font-size: 13px;width:120px;height: 60px;text-align: center;position: relative;font-weight: bold;display: block;color:#FFF}
.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;background-color: #393b3a;text-decoration: none}
.Tabt li.change a{color: #fff; background:url("download_btn.png"/*tpa=http://bb.66mb.cn/images/download_btn.png*/) 0px -60px;}
.Tabt li.change a .jiantou{background: url("1-1.gif"/*tpa=http://bb.66mb.cn/images/1.gif*/) no-repeat left top}
.Tab_nr{color:#FFF; padding-top:65px;}


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


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

.m3_zb_4 { width:240px;  height:auto; overflow:hidden;float:left;    background:url("zb04_z.png"/*tpa=http://bb.66mb.cn/images/zb04_z.png*/) repeat-y;}
.m3_zb_4_t { width:240px; height:10px; background: url("zb04_t.png"/*tpa=http://bb.66mb.cn/images/zb04_t.png*/) no-repeat; float:left}
.m3_zb_4_d { width:240px; height:10px; background:url("zb04_d.png"/*tpa=http://bb.66mb.cn/images/zb04_d.png*/) no-repeat bottom; float:left}
.m3_zb_4 .role-itemst { width: 200px; height: auto; float: left; position: relative; margin-left:20px;  margin-top:10px; margin-bottom:10px;}
.m3_zb_4 .role-itemst img { width:200px; height:auto; overflow:hidden;   border:#000 2px solid;border-radius:5px;}
.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: #ff0e00; position: absolute; line-height: 24px; }
.role-itemst:hover .role-dec { top:0px; left:0px; }


.m3_zb_3 { width:325px;  height:auto; overflow:hidden;  float:left;  background:url("zb03_z.png"/*tpa=http://bb.66mb.cn/images/zb03_z.png*/) repeat-y;}
.m3_zb_3_t { width:325px; height:10px; background: url("zb03_t.png"/*tpa=http://bb.66mb.cn/images/zb03_t.png*/) no-repeat; float:left}
.m3_zb_3_d { width:325px; height:10px; background:url("zb03_d.png"/*tpa=http://bb.66mb.cn/images/zb03_d.png*/) no-repeat bottom; float:left}
.m3_zb_3 .role-itemsy { width: 285px; height: auto; float: left; position: relative;  margin-left:20px; margin-top:10px; margin-bottom:10px;}
.m3_zb_3 .role-itemsy img { width:285px; height:auto; overflow:hidden;  border:#000 2px solid;border-radius: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: #ff0e00; position: absolute; line-height: 24px; }
.role-itemsy:hover .role-dec { top:0px; left:0px; }

.m3_zb_2 { width:494px;  height:auto; overflow:hidden; 10px;float:left;    background:url("zb02_z.png"/*tpa=http://bb.66mb.cn/images/zb02_z.png*/) repeat-y;;}
.m3_zb_2_t { width:494px; height:10px; background: url("zb02_t.png"/*tpa=http://bb.66mb.cn/images/zb02_t.png*/) no-repeat; float:left}
.m3_zb_2_d { width:494px; height:10px; background:url("zb02_d.png"/*tpa=http://bb.66mb.cn/images/zb02_d.png*/) no-repeat bottom; float:left}

.m3_zb_2 .role-itemsu { width: 454px; height: auto; float: left; position: relative;  margin-left:20px;margin-top:10px; margin-bottom:10px; }
.m3_zb_2 .role-itemsu img { width:454px; height:auto; overflow:hidden; border:#000 2px solid;border-radius: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: #ff0e00; position: absolute; line-height: 24px; }
.role-itemsu:hover .role-dec { top:0px; left:0px; }


.m3_zb_1 { width:1180px;  height:auto; overflow:hidden;  float:left;   background:url("zb01_z.png"/*tpa=http://bb.66mb.cn/images/zb01_z.png*/) repeat-y;}
.m3_zb_1_t { width:1180px; height:10px; background: url("zb01_t.png"/*tpa=http://bb.66mb.cn/images/zb01_t.png*/) no-repeat; float:left}
.m3_zb_1_d { width:1180px; height:10px; background:url("zb01_d.png"/*tpa=http://bb.66mb.cn/images/zb01_d.png*/) no-repeat bottom; float:left}
.m3_zb_1 .role-itemsk { width: 1024px; height: auto; left:50px; position: relative;   margin-left:20px; margin-top:10px; margin-bottom:10px;}
.m3_zb_1 .role-itemsk img { width:auto; height:auto; overflow:hidden;   border:#000 2px solid;border-radius:15px;}
.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: #ff0e00; position: absolute; line-height: 24px; }
.role-itemsk:hover .role-dec { top:0px; left:0px; }