body {
	background: #f2f6fe;
}

.header {
	width: calc(100% - 120px - 120px);
	padding: 22px 120px;
	height: calc(80px - 22px - 22px);
	background: #fff;
	min-width: 1200px;
}

.logo {
	width: 154px;
	height: 36px;
	background: url('../images/common/logo.png');
}

.register {
	padding: 11px 28px;
	border: 1px solid #cccfd6;
	border-radius: 100px;
}

.login {
	padding: 11px 28px;
	border: 1px solid #3479ff;
	border-radius: 100px;
	background: #3479ff;
	box-shadow: 0px 12px 8px -4px rgba(67, 130, 255, .24);
}

.headSculpture>img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.banner {
	width: 100%;
	min-width: 1440px;
	height: 240px;
	background: url('../images/common/banner.png') no-repeat;
	background-size: 100% !important;
}

.welcome{
	margin: 0 auto;
	width: 1200px;
	position: relative;
	top: 60px;
}

.welcome>img{
	width: 319px;
	height: 39px;
}

.newGame {
	width: 1200px;
	margin: -100px auto 0;
	padding: 0 120px;
}

.title{
	font-size: 24px;
}

.title::before{
	content: "";
	width: 4px;
	height: 24px;
	background-color: #0f60ff;
	display: block;
	margin-right: 8px;
}

.newGame_block {
	background: #fff;
	/* padding: 24px 52px; */
	padding: 14px 42px;
	margin-top: 20px;
	margin-right: 20px;
	border-radius: 12px;
}

.newGame_block:nth-child(5n) {
	margin-right: 0;
}

.newGame_block>img {
	width: 120px;
	height: 120px;
	border-radius: 20px;
}

.newGame_block>span {
	margin-top: 16px;
}

.newGame_block>span:last-child {
	margin-top: 8px;
}

.hotGame{
	margin: 32px auto 0 !important;
}

.footer{
	background: #36363A;
	width: 100%;
	height: 122px;
	color: #666;
	margin-top: 40px;
	min-width: 1440px;
}

.footer a{
	color: #666;
}

@media screen and (max-width: 1024px) {
	body{
		overflow-x: hidden;
	}
	
	.header {
		width: calc(100% - 15px - 15px);
		padding: 10px 15px;
		height: calc(44px - 10px - 10px);
		min-width: calc(100% - 15px - 15px);
	}

	.logo {
		width: 100px;
		height: 24px;
	}

	.loginModule {
		width: 24px;
		height: 24px;
		background: url('../images/common/loginModule.png');
	}
	
	.headSculpture>img{
		width: 24px;
		height: 24px;
	}

	.banner {
		width: 100%;
		min-width: 100%;
		background: url('../images/common/banner_wap.png');
		background-size: cover !important;
	}
	
	.newGame {
		width: calc(100vw - 15px - 15px);
		margin: 12px auto 0;
		padding: 0 15px;
	}
	
	.title{
		font-size: 16px;
	}
	
	.title::before{
		width: 2px;
		height: 16px;
		margin-right: 4px;
	}
	
	.newGame_block, .newGame_block:nth-child(5n) {
		background: #fff;
		padding: 24px 0;
		margin-top: 8px;
		margin-right: 8px;
		/* width: calc((100vw - 15px - 15px - 16px) / 3); */
		width: calc((100vw - 15px - 15px - 16px - 8px) / 3);
	}
	
	.newGame_block:nth-child(3n) {
		margin-right: 0;
	}
	
	.newGame_block>img {
		width: 48px;
		height: 48px;
		border-radius: 8px;
	}
	
	.newGame_block>span {
		margin-top: 12px;
	}
	
	.newGame_block>span:last-child {
		display: none;
	}
	
	.footer{
		height: 100px;
		min-width: 100%;
	}
	
	.popup_block{
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		width: 100vw;
		height: 88px;
	}
	
	.close{
		width: 24px;
		height: 24px;
		background: url('../images/common/close.png');
		position: absolute;
		top: 10px;
		right: 15px;
	}
	
	.popup_registerLogin{
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
	}
	
	.popup_registerLogin div:first-child{
		padding: 5px 46px;
		border-radius: 100px;
		border: 1px solid #CCCFD6;
	}
	
	.popup_registerLogin div:last-child{
		padding: 5px 46px;
		border-radius: 100px;
		background: #3479ff;
		margin-left: 12px;
	}
}

@media screen and (max-width: 430px) {
	.banner{
		height: 160px;
	}
}