body {
	font-size: 14px;
}

.left-menu::-webkit-scrollbar {
	width: 0;
}

.header {
	position: relative;
	overflow: hidden;
	color: #fff;
	background: rgba(7, 17, 27, 0.5);
}

.header .content-wrapper {
	position: relative;
	padding: 24px 12px 18px 24px;
	font-size: 0;
}

.header .content-wrapper .avatar {
	display: inline-block;
	vertical-align: top;
}

.header .content-wrapper .avatar img {
	border-radius: 2px;
}

.header .content-wrapper .content {
	display: inline-block;
	margin-left: 16px;
}

.header .content-wrapper .content .content_title {
	margin: 2px 0 8px 0;
}

.header .content-wrapper .content .content_title .name {
	margin-left: 6px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

.header .content-wrapper .content .description {
	margin-bottom: 10px;
	line-height: 12px;
	font-size: 12px;
}

.header .content-wrapper .content .support .icon {
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	background-size: 12px 12px;
	background-repeat: no-repeat;
}

.header .content-wrapper .content .support .text {
	line-height: 12px;
	font-size: 10px;
}

.header .content-wrapper .support-count {
	position: absolute;
	right: 12px;
	bottom: 14px;
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	border-radius: 14px;
	background: rgba(0, 0, 0, 0.2);
	text-align: center;
}

.header .content-wrapper .support-count .count {
	vertical-align: top;
	font-size: 10px;
}

.header .content-wrapper .support-count .icon-keyboard_arrow_right {
	margin-left: 2px;
	line-height: 24px;
	font-size: 10px;
}

.header .bulletin-wrapper {
	position: relative;
	height: 28px;
	line-height: 28px;
	padding: 0 22px 0 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: rgba(7, 17, 27, 0.2);
}

.header .bulletin-wrapper .bulletin-title {
	display: inline-block;
	vertical-align: top;
	margin-top: 8px;
	width: 22px;
	height: 12px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjk0NDhEMDg0RDhGMTFFNkJGNzlFOUVCREZEMzI2ODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjk0NDhEMDk0RDhGMTFFNkJGNzlFOUVCREZEMzI2ODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOTQ0OEQwNjREOEYxMUU2QkY3OUU5RUJERkQzMjY4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOTQ0OEQwNzREOEYxMUU2QkY3OUU5RUJERkQzMjY4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puq6d8sAAAM6SURBVHja1FdLTFNBFL0YdrZbS7cI7vjuqoZEI0EwGhKIGkxABbugKNJFaWJ1IZC0JLapKS6IqDVKRK2BxL+uiIaVIrqTzw7aurTt+vnOwAzT+qYfNeo7ycvrm++59557Z1qmaVorEU3pj53+b8T1p7dMJ7xhArKCNAhrZCLsIJOhvJhB8+8WqKG+hqwWy3ZsEkn2NNbXFo6jPg6wV9jY+9nLN7S49IV9V++upKb9jj9HGJt5r4yQxbKTmvY5yDfspuXVNXINDbP+2PTtLEOMMOD2snVAcLDfSYnkN3r+6i3ra6irKYlwQUlMRe+zdzqdEZ6CV3hbeGIy7/yPnz6LeYygHikVUuk0cwQcokLepMMCLceOi+9I0C8k8ODxLF2/sUn2kmeIjhxuNlwDBBD+UoBoRicjQkJFS+JhbG7bM3roZL2e7GynR0/mmPfGxkOsLZc0vMvJ9vacYmsAkAOXBKI16HJmzbNaLYZk8xIGkZnYrLAY2uXJAi1Dd/As9AkYkeZyAVk8HLLHsXYxiVtQw9AuNAogUWDxrbvTzDNIQoQaG7W1HBJzQDqsywRSAnxeN/mvXs4iWwjQb0fXGaWOy1WJwkMGQvAavCsnz4mO9k1j9HAur6yJDWZ0bXMjes4NFCQIb+892GaofSMd/5R08M5p53lGDhtDCgCs5oTldu4VbICIyOGH4SWdu1ulj+uYV6MsaDnYiCe05qOd2oj/mmi7eeee5jjQyp7uPpf2PZVi7R8Wl1gf8HVlVeu/6MldjrXxeRijwtMXr9k4jOfrG8GwrMmWwuPwLryHBJkIBYTl3Ou5SfXXy5o8cCwQyko+OUxnu7tYoiFBizliL+jz91RVGvbJpa6xrrb0ssbP/Pn3C8rDAd+oHPDy6HiQolUR5UYAyKpKmByFaoVReQmDbHjrJEOIcP6PBoIi8fAtVw1EAf2QzD+5rYEQlwLe/E4hg8uA98FLuNmppIGDBMar9vstwihduST58Qyi8nUTJOPJJPk87rw6RqhVksm9JP3S5QeyACm73WZcE6U6XGHbZXjNxCUpk8mwfhijuoqCMK9EMEw1zpR/keIm4psA4T78MAHZdVz8fggwAAhHLI5JzyRSAAAAAElFTkSuQmCC);
	background-size: 22px 12px;
	background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 3),
(min-device-pixel-ratio: 3) {
	.header .bulletin-wrapper .bulletin-title {}
}

.header .bulletin-wrapper .bulletin-text {
	vertical-align: top;
	margin: 0 4px;
	font-size: 10px;
}

.header .bulletin-wrapper .icon-keyboard_arrow_right {
	position: absolute;
	font-size: 10px;
	right: 12px;
	top: 8px;
}

.header .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.header .detail {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.header .detail.fade-transition {
	opacity: 1;
	background: rgba(7, 17, 27, 0.7);
}

.header .detail.fade-enter,
.header .detail.fade-leave {
	opacity: 0;
	background: rgba(7, 17, 27, 0);
}

.header .detail .detail-wrapper {
	width: 100%;
	min-height: 100%;
}

.header .detail .detail-wrapper .detail-main {
	margin-top: 64px;
	padding-bottom: 64px;
}

.header .detail .detail-wrapper .detail-main .name {
	line-height: 16px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}

.header .detail .detail-wrapper .detail-main .star-wrapper {
	margin-top: 18px;
	padding: 2px 0;
	text-align: center;
}

.header .detail .detail-wrapper .detail-main .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 80%;
	margin: 28px auto 24px auto;
}

.header .detail .detail-wrapper .detail-main .title .line {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	top: -6px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header .detail .detail-wrapper .detail-main .title .text {
	padding: 0 12px;
	font-weight: 700;
	font-size: 14px;
}

.header .detail .detail-wrapper .detail-main .supports {
	width: 80%;
	margin: 0 auto;
}

.header .detail .detail-wrapper .detail-main .supports .support-item {
	padding: 0 12px;
	margin-bottom: 12px;
	font-size: 0;
}

.header .detail .detail-wrapper .detail-main .supports .support-item:last-child {
	margin-bottom: 0;
}

.header .detail .detail-wrapper .detail-main .supports .support-item .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin-right: 6px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.header .detail .detail-wrapper .detail-main .supports .support-item .text {
	line-height: 16px;
	font-size: 12px;
}

.header .detail .detail-wrapper .detail-main .bulletin {
	width: 80%;
	margin: 0 auto;
}

.header .detail .detail-wrapper .detail-main .bulletin .content {
	padding: 0 12px;
	line-height: 24px;
	font-size: 12px;
}

.header .detail .detail-close {
	position: relative;
	width: 32px;
	height: 32px;
	margin: -64px auto 0 auto;
	clear: both;
	font-size: 32px;
}

.main {
	overflow: hidden;

}

.left-menu {
	width: 20%;
	float: left;
	position: relative;
	overflow-y: scroll;
	height: 100%;
	background-color: #fff;
	margin-top: 5px;
}

.left-menu ul li {
	width: 100%;
	text-align: center;
	font-size: .7rem;
	color: #333;
	background-color: #fff;
}

.left-menu ul li.active {
	color: #3163eb !important;
	background-color: #fafafa;



}

.right-con {
	display: none;
	width: 100%;
	float: left;
	overflow-y: scroll;

	position: relative;
	/* height: 35rem; */
}

.con .con-active {
	display: block;
	padding-bottom: 70px;
}

.right-con li {
	position: relative;


	display: flex;
	align-items: flex-start;


}

.menu-txt {
	width: 100%;
	padding: 8px;
	height: 180px;
	border-radius: 5px;
	margin: auto;
	background-color: #fff;
}


.menu-txt h4 {
	font-size: .75rem;
	line-height: 1.8rem;
	float: right;
	width: 60px;
	
	text-align: center;
	font-weight: bold;
	

}

.right-con li .menu-txt {
	margin: 0 .25rem 0;
	margin-bottom: 8px;
}

.right-con li .menu-txt h3 {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 8px;
}

.right-con li .menu-txt p {
	font-style: normal;
	line-height: .9rem;
}

.right-con li .menu-txt p.list1 {
	font-size: .65rem;

	line-height: 30px;

}

.right-con li .menu-txt p.list2 {
	font-size: .8rem;
	float: left;
	background-color: transparent;
	position: absolute;
	left: 20px;
	bottom: 20px;
	
	cursor: pointer;
}

.right-con li .menu-txt p.list2 b {
	color: #f00;
	font-weight: normal
}

.right-con li .btn {
	background-color: transparent;
	position: absolute;
	right: 20px;
	bottom: 20px;
	line-height:32px;
	cursor: pointer;
}

.right-con li .btn button.minus,
.subCount dd .btn button.ms {
	margin-right: -10px;
	display: none;
}

.right-con li .btn button,
.subCount dd .btn button {
	width: 25px;
	height: 25px;
	border: 0;
	padding: 0;
	display: inline-block;
}

.right-con li .btn button strong,
.subCount dd .btn button strong {
	display: inline-block;
	width: 25px;
	height: 25px;
}

.list-content .btn button.ms2 {
	overflow: hidden;
	margin-top: -6px;
	vertical-align: middle;
}

.shopcart-list .list-content .food i {
	margin-top: -2px;
	margin-left: 0px;
}

.right-con li .btn i,
.subCount dd .btn i,
i {
	display: none;
	width: 38px;
	text-align: center;
	font-style: normal;
	vertical-align: top;
	
	line-height: 30px;
	margin-left: 6px;
}

.right-con li .btn button.add,
.subCount dd .btn button.ad {
	margin-right: 10px;

}

.right-con li .btn button.add,
.btn button.ad {
	background: url(../image/add.png) no-repeat;
	background-size: 25px 25px;
}

.right-con li .btn button.minus,
.btn button.ms {
	background: url(../image/minus.png) no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.list-content .btn button.ms2 {
	background: url(../image/minus.png) no-repeat;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}

.list-content .btn button {
	border: none;
}

.list-content .btn button.ad2 {
	background: url(../image/add.png) no-repeat;
	background-size: 25px 25px;
	overflow: hidden;
	margin-top: -6px;
	vertical-align: middle;
	width: 25px;
	height: 25px;
}

.right-con li .btn .price,
.subCount dd .btn .price {
	display: none;
}

.footer {
	display: block;
	position: fixed;
	width: 100%;
	z-index: 3;
	bottom: 0px;
	color: #000;
	background: #fff;
	max-width: 640px;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, .1);
}

#totalpriceshow {
	font-size: 18px;
	color: #f00;
	padding: 0 5px;
}

.footer .left {
	float: left;
	padding: 0 10px;
	height: 2.65rem;
	line-height: 2.65rem;
	width: 60%;
	border-top: 1px solid #fafafa;
	
}

.count_num {
	display: block;
	background: url(../image/cart.png) center center no-repeat;
	background-size: contain;
	position: relative;
	height: 50px;
	width: 50px;
	margin: -5px 10px 5px 0;
	float: left;
}

.count_num span {
	position: absolute;
	top: -5px;
	right: -5px;
	background: #3163eb;
	color: #fff;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 15px;
	font-size: 12px;
	padding: 0.15rem;
	font-weight: bold;
}

.footer .right {
	float: right;
	width: 40%;
	background-color: #fff;
}

.footer .right .disable {
	/* background: #dbdbdb; */
	background-color: #3163eb;
}

.footer .xhlbtn {
	display: block;
	text-align: center;
	background-color: #3163eb;
	width: 80%;
	color: #fff;
	box-shadow: 18px 18px 30px rgba(0, 0, 0, 0.1);
	font-weight: bold;
	border-radius: 30px;
	font-size: 15px;
	margin-top: 8px;
	line-height: 35px;
}

button:focus {
	outline: none;
}

.subFly {}

.up,
.up1 {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	position: fixed;
	bottom: 0;
	left: 0;
}

.up1 {
	width: 100%;
	background: #000;
	opacity: 0.5;
	top: 0;
	height: 100%;
	display: none;
	position: absolute;
}

.down {
	width: 100%;
	height: auto;
	background: #fff;
	position: fixed;
	min-height: 250px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
}

.close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.close img {
	width: 1.5rem;
	height: 1.5rem;
}

.foot {
	position: fixed;
	height: 50px;
	line-height: 50px;
	width: 100%;
	bottom: 0;
	background: #3163eb;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
}

.down dl {
	width: 96%;
	margin-left: 4%;
	border-bottom: 1px solid #eaeaea;
}

.down dl.subName {
	height: 6rem;
}

.down dl.subName dt,
.down dl.subName dd {
	float: left;
}

.down dl.subName dt {
	margin: -20px 15px 0 0;
	width: 28%;
}

.down dl.subName dt img {
	width: 100%;
	border: 1px solid #dddddd;
	border-radius: 5px;
}

.down dl.subName dd {
	margin: 10px 0 0 5px;
}

.down dl.subName dd p {
	margin-bottom: 5px;
}

.down dl.subName dd p:nth-child(1) {
	font-size: 17px;
	font-weight: bold;
}

.down dl.subName dd p:nth-child(2) {
	color: #f00;
}

.down .subChose {
	padding: 10px 0;
	min-height: 3.2rem;
	overflow: hidden;
}

.down .subChose dt,
.down .subChose dd {
	line-height: 1rem;
}

.down .subChose dd {
	float: left;
	padding: 0.3rem 0.6rem;
	border: 1px solid #eaeaea;
	border-radius: 0.2rem;
	margin-top: 0.5rem;
	margin-right: 1rem;
}

.down dl.subCount {
	height: 40px;
	line-height: 40px;
}

.down dl.subCount dt {
	float: left;
}

.down dl.subCount dd {
	float: right;
	box-sizing: border-box;
	overflow: hidden;
	height: 40px;
}

.down .subChose dd.m-active {
	color: #fff;
	background: #3163eb;
	border: 1px solid #3163eb;
}

.shopcart-list {
	position: fixed;
	left: 0;
	bottom: 60px;
	width: 100%;
	min-height: 200px;
	display: none;
	z-index: 3;
	background: #fff;
}

.shopcart-list .list-header {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	background: #f3f5f7;
	border-bottom: 1px solid rgba(7, 17, 27, 0.1);
}

.shopcart-list .list-header .title {
	float: left;
	font-size: 16px;
	color: #333;
}

.shopcart-list .list-header .empty {
	float: right;
	font-size: 12px;
	color: #f60;
	padding-left: 17px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA+klEQVQ4T+2TsW3DMBBF3wlIHY+gEQhlAY2gEdwwcBlPYGWCpLYabRCP4AVCcASPoHQGDPACiopjKbYRI21YHj/f3X3eCX88cu692uIVqIDdcJ8jvMnaLaf6HqBzM+MuewHJe4FQomxH4lFMdxzCUlrfJYB92CDqCWH86FJ7WVaiYqR5rxLgsahBVrfZoc+ydvXRgwSBGLwGmurOAtQaI433vTcR2vruGJsk+gHofZCslsaVp9nUFls01MT+Tyr9B8SZG87YsOEXFiZnT/e7X7DFHDDSuKerc5D2xEvj2jT1XxWkfdiA3APdBcgM9INDqGJVI8BtY/yt/gRwL8IRZU00/AAAAABJRU5ErkJggg==) left center no-repeat;
}

.shopcart-list .list-content {
	padding: 0 10px;
	overflow: hidden;
	background: #fff;
}

.shopcart-list .list-content .food {
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.shopcart-list .list-content .food .name {
	line-height: 24px;
	font-size: 14px;
	color: #07111b;
}

.shopcart-list .list-content .food .price {
	position: absolute;
	right: 90px;
	bottom: 12px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 700;
	color: #f01414;
}

.shopcart-list .list-content .food .cartcontrol-wrapper {
	position: absolute;
	right: 0;
	bottom: 6px;
}

.main #left li span {
	display: inline-block;
	text-align: center;
	line-height: 50px;
	width: 100%;
}

.food div,
.food .btn {
	float: left;
}

.food div {
	width: 25%;
	text-align: center;
}

.food .btn {
	width: 25%;
}

.food div:nth-child(1) {
	width: 50%;
	text-align: left;
}

.food .btn {
	text-align: center;
	height: 40px;
	overflow: hidden;
}

.food .btn button {
	background: transparent;
	height: 40px;
}

.food .btn button strong {
	display: inline-block;
	width: 22px;
	height: 22px;
}

.nowrap {
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*优化*/
#cartN {
	font-size: 16px;
	display: block;
	height: 3rem;
	max-width: 200px;
	min-width: 100px;
}

.mydd {
	padding-right: 10px;
}

.mask_number {
	display: inline-block !important;
	margin-top: 6px !important;
}

.menu-txt h4,
.menu-txt p {
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sell_out {
	background: #fafafa url(../image/sell_out1.png) right center no-repeat;
	background-size: 15% auto;
}

.li_acount {
	display: inline-block;
}

.pce {
	font-size: 16px;
	font-weight: bold;
}