iframe {
	width: -webkit-fill-available;
	height: -webkit-fill-available;
	border: 0px;
	background-color: transparent !important;
}

.appbar {
	/* background-color: rgba(240, 240, 240); */
	background-color: #fff;
}

.menu-info-wrapper {
	padding: 0 10px;
}

.sh-address {
	font-size: 12px !important;
	font-weight: 500;
}

.rating-stars {
	margin: 0 5px;
}

.rating-stars img {
	width: 12px;
	margin-bottom: 5px
}

.card img {
	width: 30px;
	margin-left: 5px;
}

.sh-info-banner-container img {
	margin-top: 30px;
	margin-left: 40px;
	width: 250px;
}

.sh-tab-container div {
	font-size: 18px !important;
}

@media screen and (min-width: 800px) {
	.sh-root .sh-info-banner-container {
		flex-shrink: 0;
		padding-left: 1rem;
		box-sizing: border-box;
		position: absolute;
		right: 0;
		top: 50px;
		width: 60vw;
		max-width: 800px;
		height: 15vw;
		max-height: 200px;
		display: flex;
	}

	.sh-info-banner-container img {
		width: 80%;
		height: 100%;
		position: relative;
		margin: auto;
	}
}


/* pc端 */
@media screen and (min-width: 900px) {
	.sh-restaurantname {
		font-size: 35px !important;
	}

	.menu-categories-wrapper {
		display: flex;
		flex-wrap: wrap;
		padding: 1rem 0;
		margin-left: 5px;
	}

	.menu-category-padding {
		display: none;
		width: 1rem;
		height: 1rem;
		flex-shrink: 0;
	}

	.menu-category-link[data-selected="true"] {
		color: white;
		background-color: #a1c761;
	}

	.menu-category-link {
		
		flex-shrink: 0;
		font-size: 1rem;
		padding: 0.5rem 1rem;
		color: #a1c761;
		background-color: transparent;
		border: 1px solid #a1c761;
		border-radius: 100rem;
		margin: 0 0.25rem 0.25rem 0;
		text-decoration: none;
		cursor: pointer;
	}

	.menu-categories-wrapper a {
		font-size: 16px;
		font-weight: 600;
		margin: 0 5px;
	}


}

/* 手机端 */
@media screen and (max-width: 900px) {
	.sh-restaurantname {
		font-size: 30px !important;
	}

	.sh-deliverysummary-item-header,
	.sh-deliverysummary-icon {
		font-size: 15px;
		font-weight: 600;
	}

	.sh-deliverysummary-item-value {
		font-weight: 600;
	}

	.menu-categories-wrapper {
		display: flex;
		flex-wrap: wrap;
		padding: 1rem 0;
		margin: 0 10px;
	}

	.menu-category-padding {
		display: none;
		width: 1rem;
		height: 1rem;
		flex-shrink: 0;
	}

	.menu-category-link[data-selected="true"] {
		color: white;
		background-color: #a1c761;
	}

	.menu-category-link {
		/*display: block;*/
		flex-shrink: 0;
		font-size: 1rem;
		padding: 0.5rem 1rem;
		color: #a1c761;
		background-color: transparent;
		border: 1px solid #a1c761;
		border-radius: 100rem;
		margin: 0 0.25rem 0.25rem 0;
		text-decoration: none;
		cursor: pointer;
	}

	.menu-categories-wrapper a {
		font-size: 16px;
		font-weight: 600;
		margin: 5px 2px;
	}


}


/* 头部菜单栏 */
.head {
	padding-top: 60px;
	/* box-shadow: 2px 5px 10px #111; */
	background-color: #fff;
}

.header_menu {
	max-width: 1300px;
	margin: auto
}

.drop-down {
	z-index: 99999;
	position: absolute;
	right: 0px;
	width: 210px;
	height: auto;
	top: 60px;
	background: #FFF;
	/* border-left: 1px solid #c7c7c7; */
	text-align: center;
	font-family: 'Times New Roman', Times, serif;
	overflow: hidden;
	border-radius: 10px;
	border-top-right-radius: revert;
	box-shadow: -3px 3px 5px #1111111f;
}

	.drop-down li {
		padding: 10px 3px;
		border-bottom: 1px solid #c7c7c7;
		margin: 0 15px;
		box-sizing: content-box;
		cursor: pointer;
		font-size: 18px;
		font-family: fantasy;
	}

.drop-down li:last-child {
	border: none;
}

.mouseenter {
	box-shadow: 0px 0px 10px 5px inset #ededed;
	border: 2px solid #cfcfcf;
	box-sizing: content-box;
	font-size: x-large;
}

.drop-down a {
	color: inherit;
	text-decoration: none;
}

.drop-down i {
	margin-top: 5px;
	margin-right: 5px;
	position: absolute;
	left: 30px;
}

.drop-down .home i {
	margin-left: -3px;
	font-size: 20px;
}

.drop-down .info_circle i {
	font-size: 22px;
}

.drop-down .logout i {
	font-size: 22px;
}

.drop-down li:hover {
	color: #a7a7a7;
	transition: all 0.4s;
}

.drop-down li[data-select="true"] {
	color: #a1c761;
}

.show_dropdown {
	animation: show_dropdown_animate 0.3s ease;
}

@keyframes show_dropdown_animate {
	from {
		height: 0px;
	}

	to {
		height: 232.52px;
	}
}

.sh-root .sh-info-banner {
	display: block;
	padding: 0;
	box-sizing: border-box;
	background-color: white;
	border-radius: 0.25rem;
	border: 1px solid #d0d0d0;
	padding-right: 10rem;
	padding-bottom: 2rem;
	margin-top: 2rem;
	padding-top: 2rem;
	padding-left: 2rem;
	color: black;
	font-weight: 500;
}

.sh-root .sh-info-banner span {
	color: #e5623e;
}

.sh-root .sh-info-banner:hover {
	border: 1px solid #e5623e;
	box-shadow: 0 0 10px -3px #e5623e;
}

.sh-info-banner-image {
	width: 8rem;
	position: absolute;
	top: -0.5rem;
	margin-top: -3px;
	right: 1rem;
}

.sh-root .sh-online-ordering-disabled {
	padding: 1rem 0 1.5rem 0;
}

.sh-root .sh-online-ordering-disabled-message {
	font-size: 1.25rem;
	font-weight: 500;
	color: #707070;
}

.sh-root .sh-online-ordering-disabled-link,
.sh-root .sh-online-ordering-disabled-link:link,
.sh-root .sh-online-ordering-disabled-link:visited,
.sh-root .sh-online-ordering-disabled-link:active {
	display: inline-block;
	margin-top: 0.5rem;
	font-size: 1rem;
	color: #e5623e;
	text-decoration: underline;
}

.sh-root .sh-online-ordering-disabled-link:hover {
	text-decoration: none;
}

.apm-root {
	display: flex;
	flex-wrap: wrap;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.apm-root .apm-item-container {
	display: block;
	margin-right: 0.5rem;
	height: 24px;
}

.apm-root .apm-icon {
	font-size: 32px;
	line-height: 24px;
	color: black;
}

.apm-root .apm-image {
	height: 24px;
}

.sh-deliverysummary-item:hover {
	background: #ededed;
	cursor: pointer;
}

.di-item-left {
	font-weight: 600;
	font-family: cursive;
}

.di-item-right {
	/* font-size: 15px; */
	margin-left: 5px;
	word-spacing: 5px;
}
