.page {
	height: 100%;
}

.head-bg {
	width: 100%;
	height: 26vh;
	background-size: 100% 100%;
}

/* content */
.content {
	background: #fff;
	border-radius: 20rpx 20rpx 0 0;
}

.content .title {
	margin-top: 35rpx;
	margin-bottom: 15rpx;
	display: flex;
	justify-content: space-between;
	padding: 5rpx 2.5%;
	height: 45rpx;
	line-height: 45rpx;
	font-size: 28rpx;
	color: #333;
	font-weight: bold;
}

/* 日期 */
.content .years {
	color: #333;
	font-size: 30rpx;
	text-align: center;
	height: 30rpx;
	line-height: 30rpx;
	padding-bottom: 15rpx;
}

.content .week,
.content .date {
	width: 95%;
	height: 60rpx;
	align-items: center;
	margin: 20rpx auto;
	margin-bottom: 10rpx;
	color: #333;
	display: flex;
	justify-content: space-around;
}

.content .week view {
	font-size: 32rpx;
}


.content .week {
	background: #EFEFEF;
	font-size: 25rpx;
}

.content .date view {
	font-size: 22rpx;
	height: 40rpx;
	line-height: 40rpx;
}

.content .week view {
	float: left;
}

.content .date view.click {
	width: 35rpx;
	text-align: center;
	background: #508FF4;
	color: #fff;
	border-radius: 5rpx;
}

/* tips */
.content .tips {
	width: 96%;
	height: 90rpx;
	line-height: 90rpx;
	text-align: center;
	padding-top: 20rpx;
	color: #783C00;
	margin: auto;
	font-size: 25rpx;
	margin-bottom: 0rpx;
	background-size: 100% 100%;
}

/* 弹窗 */
.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	z-index: 9000;
	opacity: 0.7;
}

.evaluate {
	width: 580rpx;
	height: 920rpx;
	position: fixed;
	z-index: 9999;
	margin: -50rpx 85rpx;
	border-radius: 30rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 0 20rpx 0 20rpx;
}

.evaluate .close {
	position: absolute;
	z-index: 9999;
	width: 80rpx;
	height: 80rpx;
	bottom: 0rpx;
}

.conment-release {
	width: 100%;
	height: 80%;
	padding: 30rpx;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 0 20rpx 0 20rpx;
}

.conment-release .title {
	display: flex;
	height: 150rpx;
	font-size: 40rpx;
	color: #333;
}

.conment-release .title image {
	width: 220rpx;
	height: 140rpx;
	border-radius: 14rpx;
}

.conment-release .title .contl {
	font-weight: 600;
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-left: 15rpx;
	font-size: 30rpx;
	letter-spacing: 2rpx;
	color: #333;
}

.contl {
	font-size: 36rpx;
}

.conment-release .score {
	height: 50rpx;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.conment-release .message {
	margin-top: 20rpx;
	display: flex;
	height: 190rpx;
}

.conment-release .message view,
.conment-release .score view {
	font-size: 30rpx;
	color: #333;
}

.conment-release .message textarea {
	height: 185rpx;
	width: 80%;
	color: #333;
	font-size: 30rpx;
}

.conment-release .message textarea::placeholder {
	color: #999;
}

.conment-release .upload {
	align-items: center;
	justify-content: center;
	margin-top: 10rpx;
	display: flex;
}

.conment-release .upload view {
	width: 250rpx;
	height: 90rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1rpx dotted #999;
	border-radius: 10rpx;
	margin: 0 10rpx;
}

.conment-release .upload view image {
	height: 50rpx;
	width: 50rpx;
}

.uploadDelete {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.548);
	top: -10rpx;
	right: -20rpx;
	width: 20rpx !important;
	height: 20rpx !important;
	color: white;
	font-size: 15rpx;
	border-radius: 50% !important;
}

.conment-release .upload view p {
	color: #333;
	font-size: 0.8125rem;
}

.conment-release .release {
	display: flex;
	justify-content: center;
	margin-top: 40rpx;
}

.conment-release .release view {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80rpx;
	width: 180rpx;
	font-size: 27rpx;
	color: #fff;
	text-align: center;
	letter-spacing: 5rpx;
	background: #FF6C00;
	border-radius: 60rpx;
}

/* 菜单 */
.content .variety {
	display: flex;
}

/* 菜单左侧 */
.content .variety .time-solt {
	width: 32%;
	/* background: #EFEFEF; */
	background: #F7F8F8;
}

.content .variety .time-solt .time-node {
	display: flex;
	align-items: center;
	font-size: 30rpx;
	padding: 20rpx 0 20rpx 20rpx;
}

.content .variety .time-solt .takeout {
	display: flex;
	align-items: center;
	font-size: 30rpx;
	padding: 20rpx 0 0 20rpx;
}

.content .variety .time-solt .time-node.click {
	/* background: #eee; */
	background: #fff;
	font-weight: 600;
	font-style: italic;
}

.content .variety .time-solt .takeout-all.click {
	/* background: #eee; */
	background: #fff;
	font-weight: 600;
	font-style: italic;
}

.content .variety .time-solt .sale-time {
	margin-left: 20rpx;
	color: #666;
	font-size: 25rpx;
	font-style: normal !important;
	font-weight: 500 !important;
}

.content .variety .time-solt .sale-time view {
	margin-top: 5rpx;
}

/* 右侧菜品 */
.food-all {
	width: 68%;
	background-color: #fff;
}

.content .variety .food-width {
	margin-bottom: 30rpx;
	padding: 0 15rpx;
}

.content .variety .food-width .food-title {
	color: #333;
	font-weight: bold;
	font-size: 35rpx;
	letter-spacing: 5rpx;
	margin-bottom: 6rpx;
}

/* 一个菜：item */
.content .variety .food-width .food-type .food-item {
	display: flex;
	margin-bottom: 20rpx;
}

.content .variety .food-width .food-type .food-item .image {
	width: 220rpx;
	height: 140rpx;
	border-radius: 0.375rem;
}

.content .variety .food-width .food-type .food-item p {
	font-size: 30rpx;
	color: #333;
	margin-top: 10rpx;
}

.content .variety .food-width .food-type .food-item .cont {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 10rpx;
}

.content .variety .food-width .food-type .food-item .comment image {
	width: 30rpx;
	height: 30rpx;
}

.content .variety .food-width .food-type .food-item .comment {
	margin-bottom: 5rpx;
	font-size: 28rpx;
	color: #999;
	display: flex;
	justify-content: space-between;
}

.content .variety .food-width .food-type .food-item .comment view {
	display: flex;
	align-items: center;
	justify-content: center;
}

.content .variety .food-width .food-type .food-item .comment .comment-word {
	margin-left: 5rpx;
	font-size: 28rpx;
	font-weight: 100;
}