.header {padding: 14px 15px; text-align: center; background: #fff; position: relative; border-bottom: 1px solid #e4e4e4;}
.header .home-img {width: 156px; height: 31px;}
.header .ico-cart {width: 28px; height: 22px; position: absolute; right: 15px; top: 17px;}
.header .ico-delivery {width: 28px; height: 20px; position: absolute; right: 51px; top: 18px;}

.thumbnail {border-radius: 0; padding: 0; border: 1px solid #e4e4e4;}
.tab {padding: 12px 0px; color: #777777; font-size: 15px; display: inline-block;}
.tab.active {border-bottom: 2px solid #cf000e; color: #cf000e;}
.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: 0px 15px 18px 15px; color: #222222; font-size: 21px;}
.food-slider-container {width: 100%; padding: 0px 15px;}
.food-title {color: #222222; font-size: 14px; margin-bottom: 9px; line-height: 1.4;}
.food-price {color: #222222; font-size: 15px; margin-bottom: 6px;}
.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; width: 55px; height: 18px; border-radius: 10px; color: #222222; font-size: 12px; text-align: center; padding-top: 2px;}
.mark-sale {width: 36px; padding: 4px 0px; text-align: center; color: #fff; font-size: 11px; background: #cf000e; opacity: 0.6; top: 1px; left: 1px; position: absolute; font-style: italic; font-weight: bold;}
.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:500px;
	height:51px;
	background:#fff;
	border-top:1px solid #e4e4e4;
	margin:0 auto;
	padding:0px 15px;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
}
.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: 94.5%; bottom: 0; left: 0; height: 45%; background: #000; opacity: 0.6;}
.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 {position: fixed; width: 500PX;  height: 45px; margin:0 auto; 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: 100%; height: auto;}
.thumb-recommend {width: 138px; height: 138px;}
#swiper-slide-recommend {width: 138px !important;}
.thumb-suggest {width: 240px; height: 150px;}
#swiper-slide-suggest {width: 240px !important;}
.thumb-list {width: 95%; height: 156px;}
.thumb-detail {width: 100%; height: 360px;}
.thumb-cart {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: 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;}

@media (max-width: 320px) {
	.delivery-status-width {width: 41px; height: 41px;}
	.delivery-status {margin-left: 1px; margin-right: 1px;}
   .groupbuy-image {width: 100%; height: 169px;}
   .banner-image {width: 100%; height: auto;}
   .thumb-recommend {width: 123px; height: 123px;}
	#swiper-slide-recommend {width: 123px !important;}
   .thumb-suggest {width: 213px; height: 133px;}
	#swiper-slide-suggest {width: 213px !important;}
   .thumb-list {width: 95%; height: 137px;}
   .thumb-detail {width: 100%; height: 320px;}
   .thumb-cart {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: 94.5%; bottom: 0; left: 0; height: 48%; 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;}
}
@media (min-width: 360px) and (max-width: 374px) {
   .delivery-status-width {width: 51px; height: 51px;}
	.delivery-status {margin-left: 1px; margin-right: 1px;}
   .groupbuy-image {width: 100%; height: 192px;}
   .banner-image {width: 100%; height: auto;}
   .thumb-recommend {width: 138px; height: 138px;}
	#swiper-slide-recommend {width: 138px !important;}
   .thumb-suggest {width: 240px; height: 150px;}
	#swiper-slide-suggest {width: 240px !important;}
   .thumb-list {width: 95%; height: 156px;}
   .thumb-detail {width: 100%; height: 360px;}
   .thumb-cart {width: 73%; height: 60px;}
   .review-image {width: 90px; height: 90px;}
   .event-image {width: 100%; height: 201px;}
   .sold-out-overlay {position: absolute; width: 94.5%; bottom: 0; left: 0; height: 45%; 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%;}
}
@media (min-width: 361px) and (max-width: 410px) {
	.delivery-status-width {width: 51px; height: 51px;}
	.delivery-status {margin-left: 3px; margin-right: 3px;}
   .groupbuy-image {width: 100%; height: 201px;}
   .banner-image {width: 100%; height: auto;}
   .thumb-recommend {width: 144px; height: 144px;}
	#swiper-slide-recommend {width: 144px !important;}
   .thumb-suggest {width: 250px; height: 156px;}
	#swiper-slide-suggest {width: 250px !important;}
   .thumb-detail {width: 100%; height: 375px;}
   .thumb-cart {width: 73%; height: 63px;}
   .review-image {width: 93px; height: 93px;}
   .event-image {width: 100%; height: 203px;}
   .sold-out-overlay {position: absolute; width: 94.5%; bottom: 0; left: 0; height: 45%; 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%;}
}
@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: 100%; height: auto;}
   .thumb-recommend {width: 158px; height: 158px;}
	#swiper-slide-recommend {width: 158px !important;}
   .thumb-suggest {width: 274px; height: 171px;}
	#swiper-slide-suggest {width: 274px !important;}
   .thumb-list {width: 95%; height: 181px;}
   .thumb-detail {width: 100%; height: 411px;}
   .thumb-cart {width: 73%; height: 69px;}
   .review-image {width: 105px; height: 105px;}
   .event-image {width: 100%; height: 223px;}
   .sold-out-overlay {position: absolute; width: 94.5%; bottom: 0; left: 0; height: 41%; 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;}
}
@media (min-width: 414px) {
   .delivery-status-width {width: 51px; height: 51px;}
	.delivery-status {margin-left: 8px; margin-right: 8px;}
   .groupbuy-image {width: 100%; height: 224px;}
   .banner-image {width: 100%; height: auto;}
   .thumb-recommend {width: 159px; height: 159px;}
	#swiper-slide-recommend {width: 159px !important;}
   .thumb-suggest {width: 276px; height: 172px;}
	#swiper-slide-suggest {width: 276px !important;}
   .thumb-list {width: 95%; height: 182px;}
   .thumb-detail {width: 100%; height: 414px;}
   .thumb-cart {width: 73%; height: 70px;}
   .review-image {width: 106px; height: 106px;}
   .event-image {width: 100%; height: 224px;}
   .sold-out-overlay {position: absolute; width: 94.5%; bottom: 0; left: 0; height: 41%; 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;}
}