.location {

	font-size: 16px;

	color: #666666;

	padding: 25px 0 20px;

	border-bottom: 1px solid #CCCCCC;

	cursor: pointer;

}



.classification-box {

	display: flex;

	flex-wrap: wrap;

	width: 80%;

	margin: 0 auto;



}



.classification-box .cb-i {

	padding: 6px 15px;

	border: 1px solid #CCCCCC;

	border-radius: 20px;

	margin-right: 25px;

	margin-bottom: 25px;

	font-size: 18px;

	color: #666666;

	cursor: pointer;

}



.classification-box .cb-i:hover {

	border: 1px solid #EE9B01;

	color: #EE9B01;

}



.classification-box .Select {

	border: 1px solid #EE9B01;

	color: #EE9B01;

}



.game-box {

	display: flex;

	flex-wrap: wrap;


}



.game-box .game-item {

	margin-bottom: 30px;

	width: calc((100% - 3 * 15px)/4);

	margin-right: 15px;

	cursor: pointer;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s;


}



.game-box .game-item:nth-child(4n) {

	margin-right: 0;

}



.game-box .game-item .cn {

	display: flex;

	align-items: center;

	padding: 10px 0;
	transition: all 0.3s;
	

}



.game-box .game-item .cn .text {

	flex: 1;

	display: flex;

	flex-direction: column;

}



.game-box .game-item .img {

	position: relative;

}



.game-box .game-item .img p {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(0, 0, 0, 0.39);

	/* padding: 30px; */

	font-size: 18px;

	line-height: 28px;

	color: #FFFFFF;

	height: 0;

	overflow: hidden;

	transition: all 0.3s;



}



.game-box .game-item .img p span {

	padding: 30px;

}

.game-box .game-item:hover{
	    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.game-box .game-item:hover .img p {

	/* padding: 30px; */

	height: 100%;

}
.game-box .game-item:hover .cn{
	padding: 10px;
}


.game-box .game-item .button {

	background-color: #EE9B01;

	font-size: 14px;

	color: #FFFFFF;

	width: 100px;

	height: 34px;

	border-radius: 10px 0px 10px 0px;

	margin-left: 15px;

	transition: all 0.3s;

}



.game-box .game-item .cn .name {

	font-size: 22px;

	color: #666666;

}



.game-box .game-item .cn .text-desc {

	margin-top: 5px;

	font-size: 16px;

	color: #999999;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-line-clamp: 1;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	white-space: normal;



}



.game-box .game-item:hover .button {

	border-radius: 0px 10px 0px 10px;

}



/* 分页 */

.paging {

	padding: 30px 0 60px;

}



.paging .item {

	width: 45px;

	height: 45px;

	background: #FFFFFF;

	border: 1px solid #E6E6E6;

	border-radius: 50%;

	margin-right: 20px;

	font-size: 14px;

}



.paging .current {

	color: #FFFFFF;

	background-color: #EE9B01;

}



.paging .item:hover {

	color: #FFFFFF;

	background-color: #EE9B01;

}

	.More-types{

		display: none;

	}

.kong{
	text-align: center;
	font-size: 16px;
	width: 100%;
	margin: 20px auto;
}
@media screen and (max-width: 1400px) {

	.game-box .game-item .cn .name {

		font-size: 15px;



	}



	.game-box .game-item .cn .text-desc {

		font-size: 14px;

	}

}



@media screen and (max-width: 1280px) {

	.location {

		font-size: 14px;

		padding: 15px 0 10px;

		



	}



	.gameDevelopment-menu {

		margin-top: -70px;

	}



	.game-cn .game-title {

		font-size: 34px;

		margin-bottom: 30px;



	}



	.classification-box .cb-i {

		font-size: 14px;

		margin-right: 20px;

		margin-bottom: 15px;

	}



	.game-box .game-item .cn .name {

		font-size: 16px;

	}



	.game-box .game-item .button {

		width: 90px;

		font-size: 14px;

	}



	.game-box .game-item .img p span {

		padding: 20px;

	}



	.game-box .game-item .img p {

		font-size: 14px;

		line-height: 26px;

	}



	.paging {

		padding: 30px 0 30px;

	}



	.paging .item {

		width: 35px;

		height: 35px;

	}



}



@media screen and (max-width: 768px) {

	.gameDevelopment-menu {

		margin-top: 20px;

		flex-wrap: wrap;

	}



	.gameDevelopment-menu .gm-item {



		width: 48%;

		 padding: 18px;



	}



	.classification-box {

		justify-content: center;

		height: 90px;

		overflow: hidden;

		border-bottom: 1px solid #CCCCCC;

	}

.launch{

	height: auto;

}





	.game-cn .game-title {

		font-size: 16px;

		margin-bottom: 20px;

	}



	.classification-box {

		width: 100%;



	}



	.classification-box .cb-i {

		font-size: 14px;

		margin-right: 10px;

		height: 35px;

		padding: 0 10px;

		line-height: 35px;

		margin-bottom: 10px;

	}



	.game-box {

		margin-top: 20px;

		justify-content: space-between;

	}



	.More-types {

		margin-top: 10px;

		display: flex;

		justify-content: center;

		font-size: 16px;

	}



	.More-types .jq {

		margin-left: 10px;

		margin-top: 3px;

		border-top: 2px solid #EE9B01;

		border-right: 2px solid #EE9B01;

		width: 10px;

		height: 10px;

		transition: all 0.8s;

		transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		-moz-transform: rotate(135deg);

		-webkit-transform: rotate(135deg);

		-o-transform: rotate(135deg);

	}

	.game-box .game-item {

	    margin-bottom: 20px;

	    width: 48%;

	    margin-right: 0px;

	    cursor: pointer;

	}

	.game-box .game-item .cn {

	    display: flex;

		flex-direction: column;

	    align-items: initial;

	    padding: 10px 0;

	}

	.game-box .game-item .button{

		margin-left: 0;

		height: 30px;

		margin-top: 10px;

	}

	.paging {

	    padding: 20px 0 20px;

	}

	.game-box .game-item .img p {

	   

	    line-height: 24px;

	}

}