* {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 /* 背景图片 */
 .header {
 	background-image: url(./../images/52.png);
 	background-repeat: no-repeat;
 	width: 100%;
 	height: 540px;
 	background-position: center center;
 	background-size: cover;
	margin-top: 80px;
 }

 
 /* 吃在华美 */
 .eatHM {
 	width: 100%;
 	height: 220px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 }
 
 .eatTitle {
 	font-family: '宋体';
 	font-size: 36px;
 }
 
 .eatSubtitle {
 	font-family: '宋体';
 	font-size: 14px;
 }
 
 .eatAll {
 	height: auto;
 	display: flex;
 	margin-bottom: 100px;
 }
 
 .eatImg {
 	width: 739px;
 }
 
 .eatImg img {
 	width: 100%;
 }
 
 .restaurantAll {
 	width: 428px;
 	background: white;
 	padding:40px 45px;
 	box-sizing: border-box;
 }
 
 .restaurantAllLeft {
 	width: 428px;
 	background: white;
 	padding:40px 45px;
 	box-sizing: border-box;
 }
 
 .restaurantTop {
 	display: flex;
 	align-items: center;
 	margin-bottom: 30px;
 }
 
 .restaurantTop img {
 	width: 39px;
 	height: 27px;
 }
 
 .topText {
 	margin-left: 4px;
 }
 
 .textTitle {
 	font-size: 14px;
 }
 
 .textSubtitle {
 	font-size: 10px;
 	margin-top: -6px;
 }
 
 .restaurantTitle {
 	font-size: 20px;
 	font-family: '宋体';
 	color: #00d173;
 }
 
 .restaurantSubtitle {
 	font-size: 9px;
 	color: #8d8c8c;
 	margin-bottom: 30px;
 }
 
 .restaurantContent {
	text-align: justify;
 	font-size: 14px;
 	line-height: 28px;
 }
 .understand{
 	width: 104px;
 	height: 27px;
	text-align: center;
	line-height: 27px;
 	/* margin-top: 20px; */
 	font-size: 11px;
	background: #46b36c;
	color: white;
	border-radius: 50px;
	margin-top: 42px;
 }
 .understand img{
 	width:12px;
 	height: 12px;
	margin-bottom: 3px;
	margin-left: 6px;
 }
 @media (max-width: 1200px) {
 	.restaurantAll {
 		width: 428px;
 		padding: 24px 20px;
 		box-sizing: border-box;
 	}
 
 	.restaurantAllLeft {
 		width: 428px;
 		padding: 30px 20px;
 		box-sizing: border-box;
 	}
 
 	.restaurantTop {
 		margin-bottom:15px;
 	}
 
 	.restaurantSubtitle {
 		font-size: 9px;
 		margin-bottom: 10px;
 	}
	.understand{
		margin-top: 22px;
	}
 }
 
 @media (max-width: 996px) {
	 .eatHM {
	    height: 141px !important;
	 }
	 .eatTitle {
	 font-size: 32px;
	 }
 	.restaurantAll {
 		width: 428px;
 		padding: 16px 15px;
 		box-sizing: border-box;
 	}
 
 	.restaurantAllLeft {
 		width: 428px;
 		padding: 25px 18px;
 		box-sizing: border-box;
 	}
	.restaurantTitle{
		font-size: 17px;
	}
 	.restaurantTop {
 		margin-bottom:9px;
 	}
 
 	.restaurantSubtitle {
 		font-size: 9px;
 		margin-bottom: 6px;
 	}
 
 	.eatAll {
 		margin-bottom: 20px;
 	}
	.restaurantContent {
		font-size: 11px;
		line-height: 18px;
	}
	.understand{
		margin-top: 17px;
	}
	
 }
 .header-mobile{
	display: none;
}
 @media (max-width: 767px) {
	.header {
		background-image: none;
		margin-top: 47px;
		height: auto;
	}
	.header-mobile{
		display: block;
	}
	.eatHM{
		height: auto;
		padding: 20px 0;
	}
 	.restaurantAll {
 		width: 428px;
 		padding: 16px 15px;
 		box-sizing: border-box;
 	}
 
 	.restaurantAllLeft {
 		width: 428px;
 		padding: 16px 15px;
 		box-sizing: border-box;
 	}
 
 	.restaurantTop {
 		margin-bottom: 10px;
 	}
 
 	.restaurantSubtitle {
 		font-size: 8px;
 		margin-bottom: 10px;
 	}
 
 	.restaurantContent {
 		font-size: 10px;
 		line-height: 20px;
 	}
 }
 @media (min-width: 580px) and (max-width: 767px){
	 
	  
	 .restaurantAll {
	 	width: 428px;
	 	padding: 10px 12px;
	 	box-sizing: border-box;
	 }
	  
	 .restaurantAllLeft {
	 	width: 428px;
	 	padding: 10px 12px;
	 	box-sizing: border-box;
	 }
	  
	 .restaurantTop {
	 	margin-bottom: 6px;
	 }
	 .restaurantSubtitle {
	 	font-size: 8px;
	 	margin-bottom: 8px;
	 }
	  
	 .restaurantContent {
	 	font-size: 8px;
	 	line-height: 14px;
	 }
	 .restaurantTop img {
	     width: 32px;
	     height: 20px;
	 }
	 .textTitle {
	     font-size: 9px;
	 }
	 .textSubtitle {
	     font-size: 7px;
	     margin-top: -3px;
	 }
	 .restaurantTitle {
	 	font-size: 12px;
	 }
	 .understand{
	 	margin-top: 10px;
	 }
 }
 @media (max-width: 580px) {
 	
 
 	.restaurantAll {
 		width: 428px;
 		padding: 6px 10px;
 		box-sizing: border-box;
 	}
 
 	.restaurantAllLeft {
 		width: 428px;
 		padding: 6px 10px;
 		box-sizing: border-box;
 	}
 
 	.restaurantTop {
 		margin-bottom: 6px;
 	}
 
 	.restaurantSubtitle {
 		font-size: 6px;
 		margin-bottom: 2px;
 	}
 
 	.restaurantContent {
 		font-size: 6px;
 		line-height:10px;
 	}
	.restaurantTop img {
	    width: 25px;
	    height: 13px;
	}
	.textTitle {
	    font-size: 7px;
	}
	.textSubtitle {
	    font-size: 4px;
	    margin-top: -3px;
	}
	.restaurantTitle {
		font-size: 9px;
	}
	.understand {
	    width: 76px;
	    height: 23px;
	    text-align: center;
	    line-height: 23px;
	    font-size: 9px;
	    background: #46b36c;
	    color: white;
	    border-radius: 50px;
		margin-top: 5px;
	}
	.understand img{
		width:12px;
		height: 12px;
		margin-bottom: 3px;
		margin-left: 6px;
	}
 }
 
 @media (max-width: 430px) {
 
 
	.eatAll  {
		flex-direction: column;
	}
	.eatImg{
		width: 100%;
	}
 	.restaurantAll {
 		width: 100%;
 		padding: 6px 8px;
		 padding: 10px 15px;
 		box-sizing: border-box;
 	}
 
 	.restaurantAllLeft {
 		width: 100%;
 		padding: 6px 8px;
		 padding: 10px 15px;
 		box-sizing: border-box;
 	}
 
 	.restaurantTop {
 		margin-bottom: 6px;
 	}
 
 	.restaurantTop img {
 		width: 22px;
 		height: 13px;
 	}
 
 	.textTitle {
 		font-size: 12px;
 	}
 
 	.textSubtitle {
 		font-size: 5px;
 		margin-top: -2px;
 	}
 
 	.restaurantTitle {
 		font-size: 20px;
 	}
 
 	.restaurantSubtitle {
 		font-size: 7px;
 		margin-bottom: 6px;
 	}
 
 	.restaurantContent {
 	    font-size: 14px;
 	    line-height: 24px;
 	    }
	.understand {
	    width: 51px;
	    height: 18px;
	    text-align: center;
	    line-height: 18px;
	    font-size: 6px;
	    background: #46b36c;
	    color: white;
	    border-radius: 50px;
	    margin-top: 2px;
	    }
	.understand img {
        width: 8px;
        height: 8px;
        margin-bottom: 2px;
        margin-left: 2px;
    }
 }