.wrap-header {
	width: 100%;
	height: 80px;
    line-height: 80px;
	background-color: #230221;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
}
.heder-nav {
	width:60%;
	margin-left: 18%;
	margin-right: 22%;
	overflow: hidden;
}
.nav-logo {
	width: 25%;
	float: left;
}
.nav-logo img{
	width: 170px;
	height: 32px;
}

.header-ul {
	width: 60%;
	float: left;
    overflow: hidden;
}
.header-ul > li{
	width: 16%;
	float: left;
	font-size: 16px;
	color: #fff; 
	font-weight: 400;
	cursor: pointer;
	text-align: center;
}
.header-ul li span{
	display: inline-block;
	height: 80px;
	position: relative;
}
.header-ul li span{
	color: #fff;
} 
.header-ul li a:link{text-decoration:none; }

.header-ul li a:visited{text-decoration:none; }

.header-ul li a:hover{text-decoration:none;}

.header-ul li a:active{text-decoration:none;}

.Choseclass{
	color: #ec4221 !important;
}
.Choseclass:after {
	content: '';
	width:100%;
	height: 4px;
	background:#ec4221;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	border-radius:2px;
	margin: auto;
}
.header-ul > li > a > span:hover{
	color:#ec4221;
}

@keyframes myfirst{
from {width: 0;}
to {width: 100%;}
}

@-moz-keyframes myfirst {
from {width: 0;}
to {width: 100%;}
}

@-webkit-keyframes myfirst {
from {width: 0;}
to {width: 100%;}
}

@-o-keyframes myfirst{
from {width: 0;}
to {width: 100%;}
}
.header-ul>li>a>span:hover:after {
	content: '';
	width:100%;
	height: 4px;
	background:#ec4221;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	border-radius:2px;
	margin: auto;
	animation: myfirst 0.5s;
}
.download {
	display: inline-block;
	width: 110px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	float: right;
	border: 1px solid #434343;
	border-radius: 80px;
	margin-top: 22.5px;
	cursor: pointer;
}
.download:hover{
	background-color:#EC4221;
}
.download2{
	width: 150px;
	margin-top: -67.5px;
	margin-right: 13%;
}
/* 大屏幕（大桌面显示器，小于等于 1200px） */
@media (max-width: 1366px) {
  .heder-nav {
	width:65%;
	margin-left: 16%;
	margin-right: 19%;
	overflow: hidden;
}
.nav-logo {
	width: 20%;
	float: left;
}
.nav-logo img{
	width: 133px;
	height: 25px;
}
	.download2{
		margin-right: 7%;
	}
}
/* 大屏幕（大桌面显示器，小于等于 1200px） */
@media (max-width: 1200px) {
  .heder-nav {
	width:70%;
	margin-left: 12%;
	margin-right: 18%;
	overflow: hidden;
}
.nav-logo {
	width: 20%;
	float: left;
}
.nav-logo img{
	width: 133px;
	height: 25px;
}
	.download2{
		margin-right: 5%;
	}
}
/* 中等屏幕（桌面显示器，小于等于 992px） */
@media (max-width: 992px) { 
    .heder-nav {
	width:75%;
	margin-left: 10%;
	margin-right: 15%;
	overflow: hidden;
}
.nav-logo {
	width: 20%;
	float: left;
}
.nav-logo img{
	width: 106px;
	height: 20px;
}
	.download2{
		margin-right: -1%;
	}
}
/*手机header*/
.wrap-headerapp {
	width: 100%;
	height: 60px;
	background-color:#230221;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.wrap-headerapp,
.footerapp-content
{
	display: none;
}
.headerapp-nav {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.navapp-logo {
	width: 60%;
	line-height: 60px;
	float: left;
}
.navapp-logo img{
	width: 70%;
}
.nav-app {
	width: 30%;
	height: 60px;
	line-height: 60px;
	float: right;
	text-align: right;
}
.nav-app > img{
	width: 30%;
	cursor: pointer;
}
.nav-list {
	width: 25%;
	height: 100%;
	position: fixed;
	top: 60px;
	right: 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: rgba(0,0,0,0.8);
	padding-top: 10px;
	display: none;
}
.nav-list > li{
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #fff;
	padding-left: 10%;
}
.nav-list > li > a{
	display: inline-block;
	width: 100%;
	color: #fff;
}
/*移动端header适配*/
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
	.wrap-headerapp,
	.footerapp-content
	{
		display: block;
	}
	.heder-nav {
		width:80%;
		margin-left: 8%;
		margin-right: 12%;
		overflow: hidden;
	}
	.nav-logo {
		width: 20%;
		float: left;
	}
	.nav-logo img{
		width: 96px;
		height: 18px;
	}
}
/*pc客户端游戏库*/
.pc-wrapheader{
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
.pc-heder-nav {
	/*width: 62.5%;*/
	width: 1200px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	overflow: hidden;
}
.pc-header-ul {
	 width: 50%;
	 overflow: hidden;
	 float: left;
}
.pc-header-ul > li {
	float: left;
	width: 14.28%;
}
.pc-header-ul > li > a > span {
	display: inline-block;
	color: #333;
	font-size:14px;
	font-weight: 400;
	cursor: pointer;
}
.pc-header-ul > li > a > span:hover{
	height: 49px;
    color: #EC4221 !important;
    border-bottom: 3px solid #EC4221;
    /*transition: all 0.5s;*/
}
.pc-header-right {
	width: 45%;
	height: 50px;
	float: right;
	text-align: right;
}
.header-login {
	display: inline-block;
	width: 96px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	cursor: pointer;
	border-right: 1px solid #E6E6E6;
}
.game-down {
	font-size: 14px;
	color: #343434;
	font-weight: bold;
	cursor: pointer;
	margin-left: 8px;
	margin-right: 84px;
}
.down-span {
	display: inline-block;
	width:18px;
	height: 14px;
	background: url("../../image/dowany.png") no-repeat center center;
	background-size: 100% 100%;
	margin-left: 12px;
	position: relative;
	top: 2px;
}
.game-input {
	width: 201px;
	height: 30px;
	float: right;
	position: relative;
	top: 9px;
}
.game-input > input {
	width: 158px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 0;
	border: 1px solid #dd3d33;
	outline: none;
	 border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    padding-left: 12px;
    font-size: 14px;
    color: #333;
}
.game-s {
	display: inline-block;
	text-align: center;
	line-height: 30px;
	width: 45px;
	height: 30px;
	background:-webkit-linear-gradient(to right, #ed7450, #e76046,#de4134,#dd3d33); 
    background:linear-gradient(to right, #ed7450, #e76046,#de4134,#dd3d33);
    position: absolute;
    right: 0;
    top: 0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    cursor: pointer;
}
.gameClass {
	height: 49px;
	color: #EC4221 !important;
	border-bottom:3px solid #EC4221;
}
.lgameClass {
	display: inline-block;
	height: 33px;
	font-size: 14px;
    font-weight: bold;
	color: #EC4221 !important;
	border-bottom:3px solid #EC4221;
}
.header-login > span:hover{
	display: inline-block;
	height: 33px;
	font-size: 14px;
    font-weight: bold;
	color: #EC4221 !important;
	border-bottom:3px solid #EC4221;
}
.downClass {
    display: inline-block;
    width: 18px;
    height: 14px;
    background: url(../../image/dowany1.png) no-repeat center center !important;
    background-size: 100% 100%;
    margin-left: 12px;
    position: relative;
    top: 2px;
}
.game-down:hover{
	display: inline-block;
	height: 49px;
	font-size: 14px;
    font-weight: bold;
	color: #EC4221 !important;
	border-bottom:3px solid #EC4221;
}
.gdownClass {
	display: inline-block;
	height: 49px;
	font-size: 14px;
    font-weight: bold;
	color: #EC4221 !important;
	border-bottom:3px solid #EC4221;
}
.down-line {
	display: inline-block;
	height: 49px;
	font-size: 14px;
    font-weight: bold;
	color: #EC4221 !important;
	border-bottom:3px solid #EC4221;
}
.pc-header-right > a:link{text-decoration:none; }

.pc-header-right > a:visited{text-decoration:none; }

.pc-header-right > a:hover{text-decoration:none;}

.pc-header-right > a:active{text-decoration:none;}
.hide {
	display: none;
}
.show {
	display: block;
}