.container {
	min-height: 100vh;
	background: #f8f8f8;
	font-size: 30rpx;
}

.title-header {
	width: 100%;
	height: 120upx;
	background: #348cf2;
}

/* 内容区 */
.content,
.content:nth-child(1) div {
	/* background: #f5f5f5; */
	width: 100%;
}

.content .time-header {
	width: 100%;
	background: #ffffff;
	color: #333333;
	overflow-x: scroll;
	display: flex;
	padding-left: 40upx;
	padding-right: 40upx;
	padding-top: 26upx;
}

.content .dataactive {
	/* font-size: 37.3333upx; */
	position: relative;
	color: #00c277;
	width: 260upx !important;
}

.content .dataactive .line {
	width: 77.3333upx;
	height: 8upx;
	background: #00c277;
	position: absolute;
	left: 8%;
	bottom: -1%;

}

.content .time-header span {
	height: 100%;
	width: 180upx;
	/* line-height: 1.2upx; */
	/* text-align: center; */
	box-sizing: border-box;
	/* padding: 0 .4upx; */
	display: flex;
	/* flex-shrink: 0; */
	flex-direction: column;
}

.content .time-header span .week {
	display: flex;
	flex-direction: row;
	margin-top: 8upx;
	margin-bottom: 8upx;
}

.content .time {
	padding: 20upx;
	margin-bottom: 26.6667upx;
}

.content .time-wrap {
	background: #fff;
	padding-top: 46.6667upx;
	padding-bottom: 20upx;
	padding-left: 40upx;
	margin-bottom: 26.6667upx;
}

.content .time-item {
	box-sizing: border-box;
	width: 47%;
	height: 146.6667upx;
	border: 1.3333upx solid #00c277;
	border-radius: 6.6667upx;
	color: #00c277;
	margin-right: 20upx;
	margin-bottom: 26.6667upx;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 24upx;
	display: inline-block;

}

.content .active {
	background: #00c277 !important;
	color: #fff !important;
	display: inline-block !important;
	border-color: #00c277 !important;
}

.content .time-item p {
	/* font-size: .4upx; */
	color: inherit;

}

.content .time-item span {
	/* font-size: 29.3333upx; */
}


.content .kind {
	padding: 40rpx 30upx;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #00c277;
	/* border-bottom: 1.3333upx solid #cccccc; */
}

.content .kind text {
	display: inline-block;
	line-height: 80rpx;
	color: #FFFFFF;
	font-size: 38upx;
	vertical-align: top;
}

.content .kind text .num {
	font-size: 38rpx;
	color: #00c277;
	padding-left: 4rpx;
}

.content .date {
	padding: 10px;
}

.content .titel {
	width: 100%;
	line-height: 80upx;
	background: #ffffff;
	padding-left: 30upx;
	color: #333333;
	font-size: 34upx;
	font-weight: bold;
}

.content .order-detail {
	margin: 1% 0px 1% 4%;
	text-align: center;
	display: inline-block;
	width: 44%;
	background: #FFFFFF;
	border: 1px solid #cfcfcf;
	border-radius: 10upx;
	float: left;
}

.content .order-detail .qc-btn {
	background-color: #00C277;
	color: #FFFFFF;
	border-radius: 0upx 0upx 10upx 10upx;
	width: 100%;
}
.content .order-detail .bg-gray {
	background-color: #cfcfcf;
}
.content .detail {
	/* padding: 20upx 20upx 0upx 20upx; */
	padding: 20upx 0upx;
}

.content .detail view {
	font-size: 28rpx;
	color: #333;
	margin-bottom: 12upx;
}

.content .detail .last {
	margin-bottom: 0;
}

.content .btn {
	width: 186.6667upx;
	height: 72upx;
	line-height: 72upx;
	border: 1.3333upx solid #00c277;
	border-radius: 6.6667upx;
	color: #00c277;
	text-align: center;
}

.content .btn:last-child {
	border-color: #cccccc;
	margin-top: 26.6667upx;
	color: #999999;
}