﻿/*==========基本样式==========*/
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) 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:48px;font-family:微软雅黑;}
.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:22px;font-weight:bold;color:#e51400;margin-bottom:8px;}
.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:30px;background:url(../images/dlqa.jpg) no-repeat}
.download:hover{background:url(../images/dlqb.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}
.gamedown a:hover {  color:#000;}
.leftbox { float:left; width:800px; height:auto; overflow:hidden; border-right:#aaa 1px solid; margin-left:50px;}





.ml10 { margin-left:10px;}
 
 /*------------------*/
 .m2 { width:1200px; 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:1200px;height: 390px;overflow: hidden;margin-bottom: 16px;  padding:0px; right:30px; top:35px;  z-index:500; }

#Introduction .tit{float: left;width: 1200px;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) no-repeat left top}
.Tab_nr{color:#FFF; padding-top:15px;}











 /*---*/
.k3 { width:1150px; height:auto;  overflow:hidden; margin:0 auto; margin-top:20px;}

.PartTitle2{padding:14px 0 14px 38px;height:35px;line-height:35px;position:relative;font-size:19px;font-weight:normal;color:#ab8324;background:url(../images/icon_.png) no-repeat left center;border-bottom:1px solid #5e5f64;}
	.PartTitle2 span{font-size:13px;font-family:'times new roman', times, serif;color:#8a8b8f;text-transform:uppercase;}
	.PartTitle2 .more{position:absolute;font-size:12px;color:#fff;right:5px;padding-right:27px;background:url(../images/icon_more.png) no-repeat right center;}
	.PartTitle2 .more:hover{color:#ab882a;}

.ml10{margin-left:10px;}
.m5{width:100%;height:auto;overflow:hidden;padding-bottom:10px;background: url(../images/footb1g.png) bottom no-repeat;z-index:999999;margin-top: 50px;}
.zb{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}


.zb_3bg{padding:10px 10px 10px;width:373px;height:auto;overflow:hidden;float:left;background-color:#FFF;position:relative}
.zb_3{padding:10px 10px 10px 10px;width:353px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#FFF;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_3_t{width:353px;height:41px;float:left;background:#FFF;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_3_d{width:353px;height:0px;float:left;background:#FFF;position:relative}
.zb_3 .role-itemst{width:343px;height:auto;float:left;position:relative;}
.zb_3 .role-itemst img{width:343px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}


.zb_2bg{padding:10px 10px 10px;width:575px;height:auto;overflow:hidden;float:left;background-color:#FFF;position:relative}
.zb_2{padding:10px 10px 10px 10px;width:555px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#FFF;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_2_t{width:555px;height:41px;float:left;background:#FFF;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_2_d{width:555px;height:0px;float:left;background:#FFF;position:relative}
.zb_2 .role-itemst{width:545px;height:auto;float:left;position:relative;}
.zb_2 .role-itemst img{width:545px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}

.zb_1bg{padding:10px 10px 10px;width:1180px;height:auto;overflow:hidden;float:left;background-color:#FFF;position:relative}
.zb_1{padding:10px 10px 10px 10px;width:1160px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#FFF;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_1_t{width:1160px;height:41px;float:left;background:#FFF;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_1_d{width:1160px;height:0px;float:left;background:#FFF;position:relative}
.zb_1 .role-itemst{width:1160px;height:auto;float:left;position:relative;}
.zb_1 .role-itemst img{width:1160px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}






.rightbar{width:208px;height:619px;position:fixed;top:40%;right:0;margin-top:-180px;background:url(../images/left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-208px}
.rightbar.close .btn-close{background:url(../images/left4.png) no-repeat}
.rightbar .btn-close{width:86px;height:73px;background:url(../images/left2.png);position:absolute;top:10px;left:-86px}
.rightbar h6{margin-bottom:10px;padding-top:0px; padding-left:28px;/*右边*/ font-size:18px;line-height:24px;font-weight:700;overflow:hidden}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 35px;/*右边*/width:157px;height:188px;background:#d0b37e; /*微信底色*/}
.rightbar .code p{height:30px;line-height:30px;background:#8e7649;/*微信底色*/margin-bottom:5px;}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px; padding-left:20px;/*右边*/}

.rightbar .kefu{margin-left:35px;/*右边*/display:block; width:157px;height:51px;background:url(../images/left3.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(../images/left5.png) no-repeat}
.kv-music{position:fixed;z-index:50;top:50px;left:50px; width:58px;height:100px;}

