/*==========基本样式==========*/
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:url("../images/bg.jpg")/*tpa=http://103.88.34.164:49010/images/bg.jpg*/ repeat;}
.fl { float:left}
.fr { float:right}


/*------------------*/

/*m1*/


.webbox{ width:1150px; margin:0 auto; overflow:hidden; height:auto;}
.main{background:#fff;border:5px solid #aaa;margin:10px auto;padding-top:20px;padding-bottom:20px; overflow:hidden; height:auto}
.container_16{margin-left: auto;margin-right: auto;}
.grid_16{display: inline;float: left;margin-left: 10px;margin-right: 10px;}
.logo{border-bottom:1px solid #aaaaaa;margin-bottom:20px;padding-bottom:20px; }
.logo .logoimg{margin-left:20px;font-weight:bold;font-size: 24px;font-family:微软雅黑;animation:logoimg 5s linear infinite 2s;}


@keyframes logoimg{from,75%,to{color:#000;}50%{color:#ccc;}}

.logodesc{font-size:22px;font-family:微软雅黑;color:#e51400;}
.clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.container_16 .grid_12{width: 800px;}
.container_16 .grid_16{width: 1100px;}
.container_16 .grid_3{width: 230px;}
.rightbox{ margin-top:20px;}
.rightbox .content-title{margin-left:20px;margin-right:20px;font-size:20px;font-weight:bold;color: #e51400;margin-bottom:8px;background-color: #C0C0C0;padding: 5px;}
.rightbox .content-body{margin-left:20px;margin-right:20px;font-family:宋体;font-size:14px;margin-bottom:20px; margin-top:50px;}
.Down{margin:30px 0;}
.download{float:left;width:320px;height:75px;margin-left: 88px;background:url("../images/dlqa.jpg")/*tpa=http://103.88.34.164:49010/images/dlqa.jpg*/ no-repeat}
.download:hover{background:url("../images/dlqb.jpg")/*tpa=http://103.88.34.164:49010/images/dlqb.jpg*/ no-repeat}
.download1{float:left;width:320px;height:75px;margin-left: 20px;background:url("../images/dlqa1.jpg")/*tpa=http://103.88.34.164:49010/images/dlqa1.jpg*/ no-repeat}
.download1:hover{background:url("../images/dlqb1.jpg")/*tpa=http://103.88.34.164:49010/images/dlqb1.jpg*/ no-repeat}
.sidebar{ float:left; margin-left:30px;}
.sidebar .gamedown{text-align:center;font-size:16px;font-weight:bold;border:2px solid #bbb;background-color:#eee;padding:10px;margin-bottom:10px;}

.sidebar .gamedown a{text-decoration:none;color:#e51400}
.sidebar .gamedown2{text-align:center;font-size:16px;font-weight:bold;border:2px solid #000;background-color:#e51400;padding:10px;margin-bottom:10px;}
.sidebar .gamedown2 a{text-decoration:none;color:#fff}
.gamedown a:hover {  color:#000;}
.leftbox {float:left;width: 824px;height:auto;overflow:hidden;border-right:#aaa 1px solid;margin-left: 24px;}





.ml10 { margin-left:10px;}
 
 /*------------------*/
 .m2 { width:1140px; height:auto; overflow:hidden; margin:0 auto; margin-top:10px;  background:#fff; border:#aaaaaa 5px solid; padding-bottom:10px; position:relative}
 
 /*--------------------*/
/*a7*/



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

#Introduction .tit{float: left;width: 1140px;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: 1110px; color:#000; font-size:14px;  text-indent:30px; padding-left:15px;}
#Versiont .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #aaa}

#FenQu .content{width: 1110px; color:#000; font-size:14px;text-indent:30px; padding-left:15px;}
#FenQu .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #aaa}

#Recharge .content{width: 1110px; color:#000; font-size:14px;text-indent:30px; padding-left:15px;}
#Recharge .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #aaa}

#HuiShou .content{width: 1110px; color:#000; font-size:14px;text-indent:30px; padding-left:15px;}
#HuiShou .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #aaa}

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


.Tabt{float: left;width: 1140px;height:60px;line-height: 60px; margin-top:0px;color:#e51400; background:#eeeeee; border-bottom:#aaa 1px solid }
.Tabt li{float: left; }
.Tabt li a{font-size: 13px;width:189px;height: 58px;text-align: center;position: relative;font-weight: bold;display: block;color:#e51400; font-size:18px; font-weight:bold; border-right:1px #aaa  solid}
.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:#e51400 3px solid; background:#e51400}
.Tabt li.change a .jiantou{background: url("../images/1.gif")/*tpa=http://103.88.34.164:49010/images/1.gif*/ no-repeat left top}
.Tab_nr{color:#FFF; padding-top:15px;}











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

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


.m3_zb { height:auto;  padding:20px 00px 00px 00px ; }



.m3_zb_2 { width:560px;  height:auto; overflow:hidden;  float:left;    background:#fff; border:#aaaaaa 5px solid; padding-bottom:10px;}

.m3_zb_2_t { width:560px; height:40px;  float:left;color:#fff; line-height:40px;  text-align:center;color:#e51400; font-size:18px; font-weight:bold; position:relative}
.m3_zb_2 .role-itemsy { width:560px; height: auto; float: left; position: relative;  padding:10px;   margin-left:10px;}
.m3_zb_2 .role-itemsy img { width:514px; height:auto; overflow:hidden;  border:#363428 1px solid;border-radius:15px; }
.m3_div{ width:1150px; margin:0px auto;}


.m3_zb_3 { height:auto; overflow:hidden;  float:left;    background:#fff; border:#aaaaaa 5px solid; padding-bottom:10px;}

.m3_zb_3_t { width:100%; height:40px;  float:left;color:#fff; line-height:40px;  text-align:center;color:#e51400; font-size:18px; font-weight:bold; position:relative}
.m3_zb_3 .role-itemsy {height: auto;float: left;position: relative;padding: 10px 55px;margin-left:10px;background-color: black;}
.m3_zb_3 .role-itemsy img {height:auto;overflow:hidden;/* border:#363428 1px solid; *//* border-radius:15px; */}


.m3_zb_1 { width:1140px;  height:auto; overflow:hidden;  float:left; position:relative ;  background:#fff; border:#aaaaaa 5px solid;padding-bottom:10px;}

.m3_zb_1_t {width:1140px;height:40px;float:left;float:left;color:#fff;line-height: 97px;text-align:center;color:#e51400;font-size: 33px;font-weight:bold;position:relative}
.m3_zb_1 .role-itemsy { width: 1090px; height: auto; float: left; position: relative;  padding:0px  0px 10px 20px; }
.m3_zb_1 .role-itemsy img { width:1090px; height:auto; overflow:hidden;   border:#363428 1px solid;border-radius:15px; }


/*-------*/
.popup {width:715px; height:342px; background:url("../images/popup.png")/*tpa=http://103.88.34.164:49010/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("../images/popup.png")/*tpa=http://103.88.34.164:49010/images/popup.png*/ no-repeat 100% 0;width:53px;height:53px;overflow:hidden; text-indent:-9999px;}


	/*在线客服*/
	#onlineKefu{
	width:96px;
	height:450px;
	position:fixed;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	right:30px;
	top:50%;
	margin-top: 171px;
	_margin-bottom:40%;
	z-index:6000;
	}

/*	#onlineKefu{ z-index:6000;margin:-500px 0 0 700px;width:129px;height:450px;position:fixed;top:76%;left:50%;background-color:#24293f;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+this.offsetHeight));}*/
	#onlineKefu a{text-indent:-99em;overflow:hidden;}
	#onlineKefu a.btn_kefu{width:130px;height:62px;background:url("../images/a_bg2.jpg")/*tpa=http://103.88.34.164:49010/images/a_bg2.jpg*/ no-repeat left top;display:block;}
	#onlineKefu a.btn_kefu:hover{background-position:-130px top ;}
	#onlineKefu a.btn_top{width:130px;height:62px;background:url("../images/a_bg2.jpg")/*tpa=http://103.88.34.164:49010/images/a_bg2.jpg*/ no-repeat left -61px;display:block;}
	#onlineKefu a.btn_top:hover{background-position:-130px -61px ;}
	#onlineKefu .erweima{width:130px;height:148px;padding-top:16px;background-color:#1f2639;}
	#onlineKefu .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
	#onlineKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}
	#onlineKefu .downimg{width:130px;height:148px;padding-top:16px;background-color:#1f2639;}
	#onlineKefu .downimg img{margin:0 auto 3px;width:118px;height:117px;display:block;}
	#onlineKefu .downimg span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;}

/* 顶部 */
#head{color:#888;height:50px;line-height:50px;width:100%;position:absolute;top:0;background:rgba(255,255,255,0.9);z-index:9;border-top:3px solid #000;}
#head ul{width:1000px;margin:0 auto;font-size: 14px;}
#head ul li{float:right;margin-left:10px; }
#head ul li a{color: #fffff3;font-size: 14px;border:1px solid #ccc;padding:6px 15px;background-color: #614f42;}
#head ul li a:hover{color:#393;}
#head #more{float:right;color:#222;position:relative;cursor:pointer;}
#head #more ol{display:none;width:auto;height:auto;position:absolute;padding:10px;z-index:9;top:50x;right:0;background:#fff;background:rgba(255,255,255,0.9);box-shadow:0 5px 10px rgba(0,0,0,0.2);border-radius:0 0 3px 3px;}
#head #more ol table{width:100%;border-collapse:1;border-spacing:0;border:1px solid #ddd;border-width:1px 0 0 1px;}
#head #more ol table tr:hover{background:#fff;}
#head #more ol td{line-height:20px;padding:10px 12px;border:1px solid #ddd;border-width:0 1px 1px 0;position:relative;white-space:nowrap;}
#head #more ol tr td:first-child{color:#393;}
/* 幻灯 */
#focus{width:1000px;margin:0 auto;overflow:hidden;position:relative;}
#focus ul{clear:both;position:absolute;}
#focus ul li{float:left;overflow:hidden;}
#focus,#focus li,#focus img{width: 1020px;height:390px;}
#focus ul li div{position:absolute;overflow:hidden}
#focus .bn{position:absolute;bottom:90px;right:0;}
#focus .bn i{display:inline-block;_display:inline;_zoom:1;width:35px;height:5px;margin-left:5px;background:#fff;cursor:pointer;border-radius:2px;}
#focus .bn i.on{opacity:1;}

#node{color:#393;font-size:15px;position:absolute;height:30px;line-height:30px;padding-right:12px;bottom:65px;right:0;}
#node1{color:#ff0;font-size:15px;position:absolute;height:30px;line-height:30px;padding-right:12px;bottom:35px;right:0;background-color:#000;background:rgba(0,0,0,0.6);border-radius:2px;}
#node1 i{color:#fff;float:left;padding:0 12px;display:block;line-height:30px;margin-right:12px;background-color:#f00;background:rgba(255,0,0,0.7);border-radius:2px 0 0 2px;}

#node2{color:#ffbb77;font-size:15px;position:absolute;height:30px;line-height:30px;padding-right:12px;bottom:2px;right:0;background-color:#000;background:rgba(0,0,0,0.6);border-radius:2px;}
#node2 i{color:#fff;float:left;padding:0 12px;display:block;line-height:30px;margin-right:12px;background-color:#393;;border-radius:2px 0 0 2px;}
/* 下载 */
#down{position:absolute;bottom:130px;left:0;}
#down h1{color:#fff;font-size:42px;font-weight:bold;line-height:50px;animation:h1 5s linear infinite 2s;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
#down h1 sup{font-size:18px;vertical-align:super;margin-left:2px;font-weight:normal}
#down p{padding:15px 0 60px 3px;color:#ff8000;font-family: 'Hind', sans-serif;}
#down dl dt{float:left;}
#down dl dt:hover,#down dl dd:hover{animation:none;}
 #down dl dd{float:left;}
#down dl a{background-color:#5ab001;padding:16px 20px;border-radius:3px;color:#e2f4ce;font-size:16px;margin-right:20px;}
@keyframes dt{from,75%,to{transform:translatey(0px)}50%{transform:translatey(10px)}75%{transform:translatey(-5px)}}
@keyframes dd{from,75%,to{transform:translatey(-5px)}50%{transform:translatey(5px)}75%{transform:translatey(0px)}}
#down dl a:hover{background-color:#ff4f0b;color:#fff;}
@keyframes h1{from,75%,to{color:#000;}50%{color:#ff0;}75%{color:#0ff;}}
@keyframes h2{from,75%,to{color:#fff;}50%{color:#ff5;}}
/* 切换TAB */
#stage{background:#fff;background-color:rgba(255,255,255,0.9);}
#stage ul{
	overflow:hidden;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0px;
}
#stage ul li{float:left;width:131px;margin:5px 0 0 4px;line-height:30px;padding:15px 0;cursor:pointer;text-align:center;border-radius:2px;background:#d8d8d8;}
#stage ul li:hover{color:#fff;background-color:#333;background:linear-gradient(75deg,#444 0,#222 100%);}
#stage ul li.on{color:#fff;background-color:#f50;background:linear-gradient(75deg,#ff7e00 0,#ff3f00 53%,#f00 100%);}
#stage dt{display:block;padding:0 30px 30px 30px;}
#stage dl{display:none;line-height:38px;padding:0 30px 30px 30px;border-top:5px solid #000;}
#stage dl.on{display:block}
#stage dl h6{color:#5d4a3c;display:block;margin:15px 0;padding:10px 0;border-bottom:3px solid #5d4a3c;}
#stage dl strong{color:#fff;font-size:14px;font-weight:normal;line-height:20px;padding:7px 11px;margin-right:8px;border-radius:3px;background-color:#5d4a3c;background:linear-gradient(75deg,#a19185 0,#5d4a3c 100%);}
#stage em{color:#f00;}
/* 赞助 */
#wall{line-height:35px;padding:15px 30px;background:#fff;border-top:5px solid #000;background-color:rgba(255,255,255,0.9);}
#wall h6{color:#5d4a3c;display:block;margin:15px 0;padding:10px 0;border-bottom:3px solid #5d4a3c;}
#wall h6:first-child{margin-top:0;}
#wall strong{color:#fff;font-size:14px;font-weight:normal;line-height:20px;padding:6px 10px;margin-right:8px;border-radius:3px;background-color:#5d4a3c;background:linear-gradient(75deg,#a19185 0,#5d4a3c 100%);}
#wall table{width:100%;background:#f5e2d3;border:2px solid #5d4a3c;}
#wall table p{color:#f00}
#wall table tr:hover{background:#e3cbb7;}
#wall td{line-height:35px;padding:10px 25px;border:1px solid #ab9383;position:relative;white-space:nowrap;}
#wall tr td:first-child{color:#5d4a3c;font-weight:bold;text-align:center;background:#e3cbb7;}
#wall img{margin-top:15px;}
/* 滚图 */
#run{position:relative;overflow:hidden;padding:30px 0 30px 30px;background:#fff;border-top:5px solid #000;background-color:rgba(255,255,255,0.9);}
#run font{position:absolute;top:180px;left:-30px;width:29px;height:45px;background:url("../images/p.jpg")/*tpa=http://103.88.34.164:49010/images/p.jpg*/ no-repeat;cursor:pointer;display:block;opacity:0.9;}
#run font#r{left:1000px;background-position:-30px 0;}
#run:hover font{left:30px;border-radius:0 3px 3px 0;}
#run:hover font#r{left:942px;border-radius:3px 0 0 3px;}
#run dl{height:360px;overflow:hidden;}
#runing{width:956px;height:337px;overflow:hidden;position:absolute;top:30px;left:30px}
#run ul li{float:left;margin-right:5px;overflow:hidden;position:relative;border:2px solid #333;padding:5px;}
#run ul li:hover{border-color:#c00;}
#run ul li img{width:216px;height:322px;}
#run ul li p{color:#fff;width:209px;height:35px;line-height:35px;padding:5px 0;text-align:center;position:absolute;left:5px;bottom:5px;background:rgba(0,0,0,0.5);overflow:hidden;white-space:nowrap;opacity:0.8;}
#run ul li:hover p{bottom:-100px;}
#run ul li i{color:#fff;font-size:13px;font-variant:normal;padding:10px;position:absolute;right:-150px;top:35px;background:rgba(0,0,0,0.6);opacity:0.9;border-radius:3px 0 0 3px;}
#run ul li:hover i{right:4px;}



.nav{height: 75px;background: url("../images/t-r-b.png")/*tpa=http://103.88.34.164:49010/images/t-r-b.png*/ repeat-x;padding-top: 5px;position: relative;z-index: 10;}
.nav .t-logo{display: block;margin: 0 0 0 28px;width: 700px;height: 70px;float: left;background: url("../images/t-logo.gif")/*tpa=http://103.88.34.164:49010/images/t-logo.gif*/ no-repeat;}
.r-nav-c{width: 654px;height: 37px;float: right;background: url("../images/t-nav-c.png")/*tpa=http://103.88.34.164:49010/images/t-nav-c.png*/ no-repeat;margin-right: 28px;position: relative;margin-top: 15px;}
.r-nav-c .al{width: 116px;height: 68px;float: left;margin-left: 12px;position: relative;}
.r-nav-c a{width: 116px;height: 37px;display: block;background: url("../images/t-nav.png")/*tpa=http://103.88.34.164:49010/images/t-nav.png*/ no-repeat;}
.r-nav-c a.a1{background-position: -12px 0px;font-size:16px;color:#242424}
.r-nav-c a.a2{background-position: -140px 0px;}
.r-nav-c a.a3{background-position: -268px 0px;}
.r-nav-c a.a4{background-position: -396px 0px;}
.r-nav-c a.a5{background-position: -524px 0px;}
.r-nav-c a.a1:hover,.r-nav-c a.a1.on{background-position: -12px -37px;}
.r-nav-c a.a2:hover,.r-nav-c a.a2.on{background-position: -140px -37px;}
.r-nav-c a.a3:hover,.r-nav-c a.a3.on{background-position: -268px -37px;}
.r-nav-c a.a4:hover,.r-nav-c a.a4.on{background-position: -396px -37px;}
.r-nav-c a.a5:hover,.r-nav-c a.a5.on{background-position: -524px -37px;}
.r-nav-c .al .aui{display: none;width: 128px;position: absolute;left: -3px;top: 67px;z-index:10}
.r-nav-c .al .aui .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.9;filter:alpha(opacity=90);}
.r-nav-c .al ul{position: relative;padding: 10px 0;}
.r-nav-c .al ul li{height: 32px;}
.r-nav-c .al ul li a{color: #404040;width: 110px;height: 32px;display: block;margin: 0 auto;text-align: center;line-height: 32px;background-image: none;border-radius: 5px;}
.r-nav-c .al ul li a:hover{background-color: #7cae95;color: #fff;}