@media screen and (max-width: 750px) {
	.navigation{
		font-size: 12px;
		width: 100%;
	}
	.logo_name{
		font-size: 12px;
		margin-left: 8px;
	}
	.nav{
		min-width: unset;
		
	
	}
	.header-section{
		width: 100%;
		padding-left: 16px;
	
	}
	.aboutAppRemark{
		font-size: 12px;
	}
	
	.header{
		height: 2rem;
	}
	.logo{
		width: 1.25rem;
		height: 1.25rem;
	}
	.phone-header{
		display: flex;
	}
	.phone-header-content{
		width: 90%;
		margin: auto;
	}
	
	.header-bg{
		display: none;
	}

	.bg-section{
		height: auto;
	}

	.down-all{
		display: block;
	}

	.common-all{
		margin-top: -40px;

	}
	
	.common-group{
		width: 80%;
	}

	iframe{
		display: none;
	}
	
	
	.about-all{
		width: 90%;
	}
	
	.about-item{
		width: 100%;
	}
	
	.list-item{
		width: 90%;
		flex-direction: column;
	}
	
	.item-right{
		width: 100%;
	}
	.gray-bg{
		height: 200px;
	}
	.phone-img{
		width: 90%;
	}
	.about-app-section{
		margin-top: 50px;
	}
}