html {
		font-size: 62.5%;
	}
	
.row{
	padding:0;
	margin:0;
}

@media screen and (min-width:640px){
	.header{
		background: rgba(0,0,0,0.4);
		width:100%;
		height: 3.6rem;
		position:fixed;
		left:0;
		top:0;
		z-index: 999;
	}
	.logo{
		width:auto;
		height: 3.6rem;
	}
	.nav{
		line-height: 2.4rem;
		float:right;
	}
	.nav-link{
		color: #fff;
		font-size: 16px;
	}
	
	.foot{
		width:100%;
		height: 80px;
	}
	.foot div{
		line-height: 30px;
		text-align: center;
		margin:0;
	}
}

@media screen and (min-width:576px){
	
	.header{
		background: rgba(0,0,0,0.4);
		width:100%;
		height: 3.6rem;
		position:fixed;
		left:0;
		top:0;
		z-index: 999;
		/* margin: 0; */
	}
	.logo{
		width:auto;
		height: 3.6rem;
	}
	.nav{
		line-height: 2.4rem;
		float:right;
	}
	.nav-link{
		color: #fff;
		font-size: 16px;
	}
	.foot{
		width:100%;
		height: 80px;
		margin:0;
		padding:0;
		margin-top: 30px;
	}
	.foot div{
		font-size:12px;
		line-height: 30px;
		text-align: center;
	}
}
@media screen and (max-width:576px){
	.logo-box {
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.nav-box {
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	.header{
		background: rgba(0,0,0,0.4);
		width:100%;
		height: 3.6rem;
		position:fixed;
		left:0;
		top:0;
		z-index: 999;
		/* margin: 0; */
	}
	.logo{
		width:auto;
		height: 3.6rem;
	}
	.nav{
		line-height: 2.4rem;
		float:right;
	}
	.nav-link{
		color: #fff;
		font-size: 16px;
	}
	.foot{
		width:100%;
		height: 80px;
		margin:0;
		padding:0;
		margin-top: 30px;
	}
	.foot div{
		font-size:12px;
		line-height: 30px;
		text-align: center;
	}
}