.foot {
	background-color: #0e62a9;
	padding-top: 40px
}

.foot p {
	margin: 0
}

.foot .codeBox {
	display: flex;
	justify-content: center;
	padding-bottom: 30px
}

.foot .codeBox .code {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100px
}

.foot .codeBox .code:not(:last-child) {
	margin-right: 25px
}

.foot .codeBox .code .img {
	max-height: 100%;
	max-width: 100%;
	margin-bottom: 10px
}

.foot .codeBox .code .txt {
	font-size: 12px;
	color: #ffffff
}

.foot .bottom {
	border-top: 1px solid rgba(37,53,84,.2);
	display: flex;
	justify-content: center;
	padding: 30px 0 20px
}

.foot .bottom .logo {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 160px;
	margin-right: 70px;
	margin-left: -30px
}

.foot .bottom .logo .img {
	max-width: 100%;
	max-height: 100%
}

.foot .bottom .logo .txt {
	color: #565656;
	font-size: 14px;
	text-align: center
}

.foot .bottom .words {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.foot .bottom .navs {
	display: flex;
	align-items: center;
	margin-bottom: 25px
}

.foot .bottom .navs .line {
	margin: 0 10px;
	color: rgba(37,53,84,.2)
}

.foot .bottom .navs .link {
	text-decoration: none;
	font-size: 18px;
	color: #ffffff
}

.foot .bottom .navs .link:hover {
	color: #ec664e
}

.foot .bottom .txt {
	color: #ffffff;
	font-size: 14px;
}

.foot .bottom .txt:not(:first-child) {
	margin-bottom: 6px
}

@media (min-width:1000px) and (max-width:1560px) {
	.foot .codeBox {
		padding-bottom: 20px
	}

	.foot .codeBox .code {
		width: 100px
	}

	.foot .codeBox .code:not(:last-child) {
		margin-right: 15px
	}

	.foot .bottom {
		padding: 20px 0 10px
	}

	.foot .bottom .logo {
		width: 120px
	}

	.foot .bottom .words .navs {
		margin-bottom: 15px
	}

	.foot .bottom .words .navs .link {
		font-size: 14px
	}

	.foot .bottom .words .txt {
		font-size: 12px
	}
}

@media (min-width:768px) and (max-width:999px) {
	.foot .codeBox {
		padding-bottom: 20px
	}

	.foot .codeBox .code {
		width: 80px
	}

	.foot .codeBox .code:not(:last-child) {
		margin-right: 15px
	}

	.foot .bottom {
		padding: 20px 0 10px
	}

	.foot .bottom .logo {
		width: 100px
	}

	.foot .bottom .words .navs {
		margin-bottom: 15px
	}

	.foot .bottom .words .navs .link,.foot .bottom .words .txt {
		font-size: 12px
	}
}

@media (max-width:767px) {
	.foot .codeBox {
		padding-bottom: 20px;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 320px;
		margin: 0 auto
	}

	.foot .codeBox .code {
		flex: 0 0 90px;
		margin: 0 0 10px
	}

	.foot .codeBox .code .img {
		margin-bottom: 0
	}

	.foot .codeBox .code:nth-child(3),.foot .codeBox .code:nth-child(6) {
		margin-right: 0
	}

	.foot .wCen {
		padding: 0
	}

	.foot .bottom {
		align-items: center;
		flex-direction: column;
		padding-bottom: 10px;
		padding-top: 0
	}

	.foot .bottom .logo {
		margin: 0
	}

	.foot .bottom .navs {
		margin-bottom: 15px
	}

	.foot .bottom .navs .link {
		font-size: 12px
	}

	.foot .bottom .navs .line {
		margin: 0 6px
	}

	.foot .bottom .txt {
		text-align: center;
		font-size: 10px
	}
}
