body{font-family: "Microsoft YaHei", tahoma, arial, SimSun;font-size: 100%;color: #4f4f4f;background: #eeeeee;}
.wrap{width: 100%;background:  url(../images/bg.png) no-repeat center bottom;position: relative;margin-top:-80px;}
.wrap_sub{width: 100%;/*height:1500px;*/background:#f0f0f0 url(../images/sub_bg.jpg) no-repeat bottom;position: relative;}
/*调用同一张图片*//*.nav ul li a p em,.contact i,.contact em,.guide ul li a,.service_content em i:nth-child(3),.service_content em i:nth-child(4),.slideBox .hd ul li.on{background: url(../images/icon.png) no-repeat center center;display: block;}*//*导航*/.nav{width: 100%;height: 110px;background: #262425;position: relative;z-index: 5;}
.nav ul{width: 1270px;height: 100%;margin: 0 auto;position: relative;}
.nav ul li{width: 160px;height: 100%;float: left;}
.nav ul li a{width: 100%;height: 100%;display: block;text-align: center;}
.contact p,.nav ul li a p{color: #eecc8a;font-size: 16px;line-height: 85px;height: 60px;position: relative;}
.nav ul li a p em{width: 22px;height: 50%;display: block;background: url(../images/icon.png) no-repeat center center;background-position: 0 -73px;position: absolute;left: 24px;top: 30px;}
.nav ul li a i{font-size: 12px;color: #83683e;font-family: '宋体';}
.nav ul li.nav_4{width: 229px;height: 114px;}
/*联系我们*/.contact{background: #47301d;color: #ffffff;cursor:pointer;}
.contact p{float: left;margin-left: 15px;color: #ffffff;}
.contact i{display: inline-block;width: 55px;height: 20px;background: url(../images/icon.png) no-repeat center center;background-position: 0 0;margin: 35px 0 0;}
.contact em{width: 10%;height: 30px;display: block;background: url(../images/icon.png) no-repeat center center;background-position: 0 -33px;margin: 0 auto;}
/*微信微博悬浮框*/
.contact_content{width: 385px;/*height: 194px;*//*opacity: 0;*/height: 0px;background: rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);position: absolute;top: 110px;z-index: 5;right: -110px;overflow: hidden;-webkit-transition: height ease-in-out .3s;-moz-transition: height ease-in-out .3s;-ms-transition: height ease-in-out .3s;transition: height ease-in-out .3s;}
.contact_content ul{width: 80%;height: 165px;margin: 0 auto;}
.contact_content ul li{width: 50%;/*height: 85%;*/float: left;}
.contact_content ul li h4{width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #ffffff;}
.contact_content ul li img{width: 112px;height: 112px;margin: 0 auto;display: block;}
.contact_content span{width: 100%;height: 15%;display: block;float: left;text-align: center;font-size: 14px;color: #f6dd70;}
.nav ul li.contact:hover .contact_content{height: 194px;/*opacity: 1;*//*-webkit-transition: height ease-in-out .3s;-moz-transition: height ease-in-out .3s;-ms-transition: height ease-in-out .3s;transition: height ease-in-out .3s;*/}
.content{position: relative;}

.page1,.page2,.page3,.page4,.page5,.page6{width: 1270px;height: 316px;position: relative;z-index: 5;margin: 0 auto;top: 0px;overflow: hidden;}
.page2{height: 370px;top: 10px;}
.page3{height: 450px;background: #d6d6d6;top: 20px;}
.page4{height: auto;top: 30px;}
.page5{height: 287px;top: 10px;}
.page6{width: 922px;height: 157px;margin: 0 auto;top: 580px;background: #ffffff;border: 1px solid #acacac;}
.download_package{width: 274px;height: 100%;float: left;}
/*下载游戏*/
.download_package span{width: 100%;height: 154px;display: block;background: url(../images/download_gane.png) no-repeat center center;float: left;}
.download_package span:hover{width: 100%;height: 154px;display: block;background: url(../images/download_ganes.png) no-repeat center center;float: left;}
/*新手礼包*/
.download_package em{width: 100%;height: 82px;display: block;background: url(../images/package.png) no-repeat center center;float: left;}
.download_package em:hover{width: 100%;height: 82px;display: block;background: url(../images/packages.png) no-repeat center center;float: left;}
.download_package i{width: 100%;height: 82px;display: block;background: url(../images/package_1.png) no-repeat center center;float: left;}
.download_package i:hover{width: 100%;height: 82px;display: block;background: url(../images/package_1s.png) no-repeat center center;float: left;}
.download_package span a,.download_package em a,.download_package i a{width: 100%;height: 100%;display: block;}
/* 轮播图*/
.picFocus{width: 772px;position: relative;overflow: hidden;zoom: 1;float: left;margin: 18px 0 0;}
.picFocus .hd{width: 100%;overflow: hidden;}
.picFocus .hd ul{width: 100%;height: 55px;background: rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);position: absolute;bottom: 0;overflow: hidden;zoom: 1;}
.picFocus .hd ul li{width: 24.8%;height: 25px;margin: 15px 0;float: left;text-align: center;line-height: 24px;text-align: center;color: #787878;border-right: 1px solid #787878;cursor: pointer;}
.picFocus .hd ul li a{color: #787878;}
/*.picFocus .hd ul li:nth-child(4){border: 0;}*/.picFocus .hd ul li.on,.picFocus .hd ul li.on a{color: #ffffff;}
.picFocus .bd li{vertical-align: middle;}
.picFocus .bd img{width: 100%;height: auto;display: block;}
/*二维码*/
.p_tcode{width: 224px;height: 100%;float: left;background: #ffffff;margin: 18px 0 0;}
.p_tcode span{width: 182px;height: 179px;display: block;margin: 15px auto 0;display: block;}
.p_tcode em{width: 100%;height: 25px;line-height: 25px;text-align: center;color: #464646;font-size: 14px;display: block;}
.p_tcode ul{width: 100%;height: 80px;background: #d3d3d3;}
.p_tcode ul li{width: 50%;height: 100%;float: left;}
.p_tcode ul li a{width: 100%;height: 100%;display: block;background: url(../images/download.png) no-repeat left center;}
.p_tcode ul li.pc_1 a{background-position: 33px 8px;}
.p_tcode ul li.pc_1 a:hover,.p_tcode ul li.pc_1 a.on{background-position: 33px -77px;}
.p_tcode ul li.pc_2 a{background-position: -78px 8px;}
.p_tcode ul li.pc_2 a:hover,.p_tcode ul li.pc_2 a.on{background-position: -78px -77px;}
/*.p_tcode ul li p{width: 100%;height: 25px;text-align: center;font-size: 14px;color: #7e7e7e;}
.p_tcode ul li.on p{color: #7aa308;}*//*新手指导*/.guide{width: 449px;height: 370px;background: url(../images/guide.png) no-repeat center center;overflow: hidden;float: left;}
.guide ul{width: 355px;height: auto;margin: 84px auto 0;overflow: hidden;}
.guide ul li{width: 49%;height: 48px;float: left;border-bottom: 1px solid #95908c;}
.guide ul li a{width: 100%;height: 100%;display: block;text-align: center;line-height: 48px;font-size: 18px;color: #ccc6bf;background: url(../images/icon.png) no-repeat center center;background-position: 0 -220px;}
.guide ul li a:hover{color: #ffffff;}
/*列表*/
.slideTxtBox{width: 819px;height: 368px;background: #FFF;border: 1px solid #acacac;text-align: left;float: left;}
.slideTxtBox .hd{width: 100%;margin: 0 auto;height: 55px;line-height: 55px;border-bottom: 1px solid #ddd;position: relative;background: #d0d0d0;}
.slideTxtBox .hd ul{width: 80%;height: 100%;margin-left: 40px;}
.slideTxtBox .hd ul li{float: left;cursor: pointer;width: 99px;text-align: center;color: #777777;font-size: 18px;}
.slideTxtBox .hd ul li.on{color: red;border-bottom: 3px solid red;}
.slideTxtBox .bd ul{zoom: 1;width: 776px;margin: 0 auto;overflow: hidden;}
.slideTxtBox .bd li{height: 40px;line-height: 40px;font-size: 14px;color: #777777;}
/*.slideTxtBox .bd li a{color: #777777;}*/.slideTxtBox .bd_2 li{width: 166px;height: 128px;background: #000000;float: left;margin: 18px 2px;position:relative;}
.slideTxtBox .bd_2 li a{display:block;width:100%;height:100%;}
.slideTxtBox .bd li .date{float: right;color: #999;}
.slideTxtBox .bd li:hover{color: #000000;}
.slideTxtBox .hd ul span{width: auto;height: 100%;display: block;position: absolute;right: 0;font-size: 14px;color: #777777;top: 0;margin-right: 35px;}
.slideTxtBox .hd ul span a{display: block;height: 100%;color: #777777;}
.slideTxtBox .bd em{width: 100%;height: 47px;display: block;/*background: #d6d6d6;*/margin: 10px auto 0;}
.slideTxtBox .bd em a{width: 100%;height: 100%;display: block;text-align: center;font-size: 22px;color: #d11414;line-height: 47px;}

.title{height: 75px;padding-left: 40px;background: url(../images/icons.png) no-repeat left top;margin-left: 20px;position: relative;}
.title p{font-size: 22px;color: #444444;line-height: 75px;float: left;}
.title i{color: #b8b8b8;font-size: 12px;line-height: 80px;padding: 0 5px;}
.title_1{background-position: 0 20px;}
.title_2{background-position: 0 -62px;}
.title_3{background-position: 0 -143px;}
.title_4{background-position: 0 -228px;}
.title_5{background-position: 0 -310px;}
.title_6{width: 200px;background-position: 0 -395px;margin: 0 auto;}
.title em{float: right;margin-right: 50px;line-height: 80px;*line-height: 80px;display: block;position: absolute;right: 0;top: 0;}
.title em a{font-size: 14px;color: #777777;display: block;}

/* 本例子css*/
.sideMenu{margin: 0 auto;width: 1240px;height: 349px;}
.sideMenu ul{width: 805px;height: 349px;float: left;display: none;/* 默认都隐藏*/}
.sideMenu h3{height: 349px;width: 145px;background: url(../images/character.jpg) no-repeat left top;float: left;cursor:pointer}
.sideMenu h3.placement_btn_1{background-position: 0px -349px;}
.sideMenu h3.placement_btn_1.on{background-position: 0px 0px;}
.sideMenu h3.placement_btn_2{background-position: -145px -349px;}
.sideMenu h3.placement_btn_2.on{background-position: -145px 0px;}
.sideMenu h3.placement_btn_3{background-position: -290px -349px;}
.sideMenu h3.placement_btn_3.on{background-position: -290px 0px;}

#Kefu{width:140px;position:fixed;top:50%;margin-top:-100px;right:10px;background-color:#433f3e;box-shadow:0 0 14px rgba(0,0,0,0.2);z-index:1500;}
#Kefu h4{width:140px;height:80px;text-indent:-99em;overflow:hidden;background:url(../images/kefu_title.jpg) no-repeat left top;}
#Kefu ul li{font-size:15px;background:url(../images/line_x.jpg) repeat-x left bottom;}
#Kefu ul li a{padding:10px 0;line-height:24px;text-align:center;color:#c59d58;background:url(../images/0.gif) no-repeat 10px center;display:block;}
#Kefu ul li a:hover{color:#ffe506;}
#Kefu ul li strong{font-weight:normal;display:block;}
#Kefu ._backtop{width:100%;height:24px;line-height:24px;text-align:center;position:absolute;font-size:14px;left:0px;text-transform:uppercase;}
#Kefu ._backtop:hover{color:#c59d58;}
#Kefu ._ewm{width:140px;height:140px;padding-top:13px;}
#Kefu ._ewm img{width:120px;height:120px;overflow:hidden;margin:0 auto;background:#fff;display:block;}



.musicbox{width:47px;height:47px;position:absolute;z-index:500;top:10px;left:20%;cursor:pointer;}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}