.header {height:50px;padding: 0 10px; text-align: center; line-height:50px; background: #fff; position: relative; border-bottom: 1px solid #e4e4e4;}
.header .ico-back {width: 28px; height: 22px; position: absolute; left: 10px; top: 14px;}
.header .home-img {width: 156px; height: 31px;}
.header .ico-cart {width: 28px; height: 22px; position: absolute; right: 10px; top: 14px;}
.header .ico-delivery {width: 28px; height: 20px; position: absolute; right: 45px; top: 16px;}

.thumbnail {border-radius: 0; padding: 0; border: 1px solid #e4e4e4;}
.tab {padding: 12px 0px; color: #777777; font-size: 16px;  display: inline-block;}
.tab.active {border-bottom: 2px solid #cf000e; color: #cf000e;font-weight:bold;}
.page-number {border-radius: 15px; width: 54px; padding: 6px 0px; text-align: center; color: #fff; font-size: 12px; background: #000000; opacity: 0.2; position: absolute; left: 80%; bottom: 9px; z-index: 100;}
.title {padding:27px 10px 15px 10px; color: #222222; font-size: 18px; font-weight:bold;}
.food-slider-container {overflow-x: scroll; overflow-y: hidden; width: 100%; padding: 0px 10px;}
.food-slider-container ul {margin: 0; padding: 0; list-style: none; white-space: nowrap;}
.food-slider-container ul li {display: inline-grid; margin-right: 5px; white-space: normal; overflow:hidden;}
.food-title {color: #222; font-size: 14px; margin-bottom: 5px; line-height: 1.4;}
.food-price {color: #222; font-size: 18px; font-weight:bold; margin-bottom: 2px;}
.food-old-price {color: #b3b3b3; font-size: 12px; text-decoration: line-through; height: 13px;}
.mark-food {width: 42px; height: 18px; border-radius: 15px; color: #fff; font-size: 12px; text-align: center; padding-top: 2px;}
.mark-food.new {background: #cf000e;}
.mark-food.cold {background: #0ba344;}
.mark-food.frozen {background: #077ed1;}
.mark-food.heat {background: #f95b04;}
.mark-delivery {border: 1px solid #dedede; border-radius: 10px; color: #222222; font-size: 11px; text-align: center; padding:2px 5px;}
.mark-sale {
	width: 36px;
	height:36px;
	padding: 4px 4px 4px 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	line-height:14px;
	background: #cf000e;
	opacity: 0.6;
	top: 1px;
	left: 1px;
	position: absolute;
	font-style: italic;
	font-weight: bold;
	z-index:10;
}
.food-group {overflow-x: scroll; overflow-y: hidden; width: 100%; padding: 0px 15px;}
.group-time {padding: 5px; background: #cf000e; color: #fff; font-size: 15px; text-align: center; border-top-right-radius: 15px; border-bottom-right-radius: 15px; margin-bottom: 15px;}
.group-title {color: #222222; font-size: 15px; margin-left: 9px; margin-bottom: 27px; white-space: normal;}
.menu-container {
	width:100%;
	max-width:1080px;
	height:51px;
	background:#fff;
	border-top:1px solid #e4e4e4;
	margin:0 auto;
	padding:0px;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
}
.menu-container b{
	height:20px;
	margin:0;
	padding:0;
	text-align:center;
	line-height:20px;
	display:block;
}
.menu-container b.home{
	background:url(../images/ico_home_unselected.png) no-repeat center 50%;
	background-size:20px;
}
.menu-container b.cate{
	background:url(../images/ico_category_unselected.png) no-repeat center 50%;
	background-size:20px;
}
.menu-container b.sear{
	background:url(../images/ico_search_unselected.png) no-repeat center 50%;
	background-size:20px;
}
.menu-container b.mysn{
	background:url(../images/ico_my_unselected.png) no-repeat center 50%;
	background-size:20px;
}
.menu-container p{
	margin:3px 0 0;
	padding:0;
	text-align:center;
	font-size:11px;
	font-weight:400;
	line-height:20px;
	display:block;
}
.menu-container a{color:#333;}
.menu-container a:hover b.home,
.menu-container a.on b.home{
	background:url(../images/ico_home_selected.png) no-repeat center 50%;
	background-size:20px;
}
.menu-container a:hover b.cate,
.menu-container a.on b.cate{
	background:url(../images/ico_category_selected.png) no-repeat center 50%;
	background-size:20px;
}
.menu-container a:hover b.sear,
.menu-container a.on b.sear{
	background:url(../images/ico_search_selected.png) no-repeat center 50%;
	background-size:20px;
}
.menu-container a:hover b.mysn,
.menu-container a.on b.mysn{
	background:url(../images/ico_my_selected.png) no-repeat center 50%;
	background-size:20px;
}
.menu-container a:hover,
.menu-container a.on{color:#cf000e;}

.count-quantity {width: 100%; height: 27px; text-align: center; border: 1px solid #e4e4e4;}
.count-quantity .minus {width: 20%; color: #999999; font-size: 15px; float: left;}
.count-quantity .number {width: 60%; color: #222222; font-size: 15px; float: left;}
.count-quantity .plus {width: 20%; color: #999999; font-size: 15px; float: left;}
.box-1 {width: 100%; text-align: center; height: 30px; border: 1px solid #e4e4e4; color: #222222; font-size: 12px;}
.box-1.active {color: #cf000e; border: 1px solid #cf000e;}
.sold-out-overlay {position: absolute; width: 100%; bottom: 0; left: 0; height: 95px; background: #000; opacity: 0.6;z-index:1;}
.mark-appointment {position: absolute; height: 27px; left: 0; top: 129px; width: 94.5%; text-align: center; background: #000000; opacity: 0.5;}
.box-2 {width: 39px; height: 18px; color: #fff; background: #b3b3b3; text-align: center; font-size: 11px;}
.box-2.active {background: #cf000e;}
.btn-group-1 {width:100%;max-width:1080px;height:45px;margin:0 auto;position:fixed;left:0;right:0;bottom:0;z-index:100;}
.mark-appointment-1 {width: 100%; height: 45px; text-align: center; bottom: 0; left: 0; position: absolute; background: #000; opacity: 0.5; z-index: 100;}
.btn-45 {width: 100%; height: 45px; text-align: center;}
.btn-36 {width: 100%; height: 36px; text-align: center;}
.btn-33 {width: 100%; height: 33px; text-align: center;}
.btn-42 {width: 100%; height: 42px; text-align: center;}
.btn-27 {width: 100%; height: 27px; text-align: center;}
.delivery-status {margin-left: 3px; margin-right: 3px;}
.delivery-status-width {width: 51px; height: 51px;}
.cart-quantity {
	position: absolute;
	background: #cf000e;
	color: #fff;
	border-radius: 20px;
	width: 18px;
	height: 18px;
	font-size: 12px;
	right: 5px;
	top: 10px;
	padding-top: 3px;
	text-align: center;
}

.groupbuy-image {width: 100%; height: 192px;}
.banner-image {width: auto; height: 320px;}
.thumb-recommend {width: 140px; height: auto;}
.thumb-suggest {width: 240px; height: 150px;}
.thumb-case{width:100%;height:25px;background-color:#e4e4e4;line-height:25px;position:relative;overflow:hidden;}
.thumb-list {width: 100%; height: auto;}
.thumb-detail {width: auto; height: 360px;}
.thumb-cart {width:auto;max-width: 73%; height: 60px;}
.review-image {width: 90px; height: 90px;}
.exchange-text {font-size: 12px; color: #222222; margin-left: 6px; margin-top: 2px;}
.event-image {width: 100% !important; height: auto !important;}
.glance-width {
	width: 40%;
	height: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.glance-width .gw_new{
	width:15px;
	height:15px;
	padding:0;
	background-color:#cf000e;
	text-align:center;
	font-size:11px;
	color:#fff;
	line-height:15px;
	display:inline-table;
}
.glance { width: 40%; }
.select-width {width: 70%;}
.group_price_setting {margin-left: 5px; font-size: 16px; color: #222222;}
.group_price_old_setting {margin-left: 9px; margin-top: 2px; font-size: 13px;}

.row_ul{margin:0 0 0 -2%;padding:0;position:relative;}
.row_ul li{width:23%;margin:0 0 15px 2%;padding:0;list-style:none;position:relative;float:left;}

@media (max-width: 320px) {
	.food-slider-container ul li{width:136px;}
	.tab{ font-size:14px;}
	.delivery-status-width {width: 41px; height: 41px;}
	.delivery-status {margin-left: 1px; margin-right: 1px;}
	.groupbuy-image {width: 100%; height: 169px;}
	.banner-image {width: auto; height: 320px;}
	.thumb-recommend {width: 140px; height: auto;}
	.thumb-suggest {width: 213px; height: 133px;}
	.thumb-case{height:145px;line-height:145px;}
	.thumb-list {width: 100%; height: auto;}
	.thumb-detail {width: auto; height: 320px;}
	.thumb-cart {width:auto;max-width: 73%; height: 53px;}
	.review-image {width: 76px; height: 76px;}
	.exchange-text {font-size: 11px; color: #222222; margin-left: 3px; margin-top: 3px;}
	.event-image {width: 100%; height: 173px;}
	.sold-out-overlay {position: absolute; width: 100%; bottom: 0; left: 0; height: 136px; padding-top:40px; background: #000; opacity: 0.6;}
	.glance-width {
		width: 100%;
		height: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.glance { width: 30%; }
	.select-width {width: 95%;}
	.group-time {font-size: 14px;}
	.group_price_setting {font-size: 13px;}
	.group_price_old_setting {font-size: 10px;}
	.padding-9{height:105px;}
	.row_ul{margin:0 0 0 -3%;}
	.row_ul li{width:47%;margin:0 0 15px 3%;}
}
@media (min-width: 321px) and (max-width: 359px) {
	.food-slider-container ul li{width:140px;}
	.sold-out-overlay {height: 125px; padding-top:30px;}
	.glance-width{width:100%;}
	.padding-9{height:95px;}
	.row_ul{margin:0 0 0 -3%;}
	.row_ul li{width:47%;margin:0 0 15px 3%;}
	
}
@media (min-width: 360px) and (max-width: 374px) {
	.food-slider-container ul li{width:140px;}
	.delivery-status-width {width: 51px; height: 51px;}
	.delivery-status {margin-left: 1px; margin-right: 1px;}
	.groupbuy-image {width: 100%; height: 192px;}
	.banner-image {width: auto; height: 360px;}
	.thumb-recommend {width: 138px; height: auto;}
	.thumb-suggest {width: 240px; height: 150px;}
	.thumb-case{height:170px;line-height:170px;}
	.thumb-list {width: 100%; height: auto;}
	.thumb-detail {width: auto; height: 360px;}
	.thumb-cart {width:auto;max-width: 73%; height: 60px;}
	.review-image {width: 90px; height: 90px;}
	.event-image {width: 100%; height: 201px;}
	.sold-out-overlay {position: absolute; width: 100%; bottom: 0; left: 0; height: 125px; background: #000; opacity: 0.6;}
	.glance-width {
		width: 100%;
		height: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.glance { width: 40%; }
	.select-width {width: 80%;}
	.padding-9{height:95px;}
	.row_ul{margin:0 0 0 -3%;}
	.row_ul li{width:47%;margin:0 0 15px 3%;}
}
@media (min-width: 361px) and (max-width: 410px) {
	.food-slider-container ul li{width:140px;}
	.delivery-status-width {width: 51px; height: 51px;}
	.delivery-status {margin-left: 3px; margin-right: 3px;}
	.groupbuy-image {width: 100%; height: 201px;}
	.banner-image {width: auto; height: 375px;}
	.thumb-recommend {width: 144px; height: auto;}
	.thumb-suggest {width: 250px; height: 156px;}
	.thumb-case{height:190px;line-height:190px;}
	.thumb-list {width: 100%; height: auto;}
	.thumb-detail {width: auto; height: 375px;}
	.thumb-cart {width:auto;max-width: 73%; height: 63px;}
	.review-image {width: 93px; height: 93px;}
	.event-image {width: 100%; height: 203px;}
	.sold-out-overlay {position: absolute; width: 100%; bottom: 0; left: 0; height: 125px; padding-top:30px; background: #000; opacity: 0.6;}
	.glance-width {
		width: 100%;
		height: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.glance { width: 40%; }
	.select-width {width: 75%;}
	.padding-9{height:95px;}
	.row_ul{margin:0 0 0 -3%;}
	.row_ul li{width:47%;margin:0 0 15px 3%;}
}
@media (min-width: 411px) {
	.delivery-status-width {width: 51px; height: 51px;}
	.delivery-status {margin-left: 8px; margin-right: 8px;}
	.groupbuy-image {width: 100%; height: 222px;}
	.banner-image {width: auto; height: 411px;}
	.thumb-recommend {width: 158px; height: auto;}
	.thumb-suggest {width: 274px; height: 171px;}
	.thumb-case{height:190px;line-height:190px;}
	.thumb-list {width: 100%; height: auto;}
	.thumb-detail {width: auto; height: 411px;}
	.thumb-cart {width:auto;max-width: 73%; height: 69px;}
	.review-image {width: 105px; height: 105px;}
	.event-image {width: 100%; height: 223px;}
	.sold-out-overlay {position: absolute; width: 100%; bottom: 0; left: 0; height: 125px; padding-top:35px; background: #000; opacity: 0.6;}
	.glance-width {
		width: 100%;
		height: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.glance { width: 40%; }
	.select-width {width: 70%;}
	.group_price_setting {font-size: 20px;}
	.group_price_old_setting {margin-top: 5px; font-size: 14px;}
	.padding-9{height:95px;}
	.row_ul{margin:0 0 0 -3%;}
	.row_ul li{width:47%;margin:0 0 15px 3%;}
}
@media (min-width: 414px) {
	.food-slider-container ul li{width:150px;}
	.delivery-status-width {width: 51px; height: 51px;}
	.delivery-status {margin-left: 8px; margin-right: 8px;}
	.groupbuy-image {width: 100%; height: 224px;}
	.banner-image {width: auto; height: 414px;}
	.thumb-recommend {width: 159px; height: auto;}
	.thumb-suggest {width: 276px; height: 172px;}
	.thumb-case{height:190px;line-height:190px;}
	.thumb-list {width: 100%; height: auto;}
	.thumb-detail {width: auto; height: 414px;}
	.thumb-cart {width:auto;max-width: 73%; height: 70px;}
	.review-image {width: 106px; height: 106px;}
	.event-image {width: 100%; height: 224px;}
	.sold-out-overlay {position: absolute; width: 100%; bottom: 0; left: 0; height: 125px; padding-top:35px; background: #000; opacity: 0.6;}
	.glance-width {
		width: 100%;
		height: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.glance { width: 46%; }
	.select-width {width: 70%;}
	.group_price_setting {font-size: 20px;}
	.group_price_old_setting {margin-top: 5px; font-size: 14px;}
	.padding-9{height:95px;}
	.row_ul{margin:0 0 0 -3%;}
	.row_ul li{width:47%;margin:0 0 15px 3%;}
}
@media (min-width: 500px) {
	.banner-image {width: auto; height: 500px;}
	.thumb-case{height:120px;line-height:120px;}
	.thumb-list {width: 100%; height: auto;}
}
@media (min-width: 768px) {
	.thumb-case{height:200px;line-height:200px;}
	.thumb-list {width: 100%; height: auto;}
	.row_ul{margin:0 0 0 -2%;}
	.row_ul li{width:23%;margin:0 0 15px 2%;}
}


#banner,
#food-thumbnail{background-color:#fafafa;border-bottom:1px solid #e4e4e4;position:relative;}
#banner .swiper-slide,
#food-thumbnail .swiper-slide{text-align:center;}
.page-number{left:auto;right:10px;}