mili_mini/pages/monthmama/monthmama.wxss

/* pages/monthmama/monthmama.wxss */
.monthmama {}

.monthmama .title {
	font-size: 40rpx;
	font-weight: 500;
	line-height: 40rpx;
	margin: 56rpx 32rpx 40rpx;
}

.monthmama .cont {
	margin: 0 32rpx 40rpx;
}

.monthmama .cont .list {
	height: 200rpx;
	display: flex;
	align-items: center;
	box-shadow: 0 0 14rpx 0 #BABABA;
	border-radius: 10rpx;
	margin-bottom: 32rpx;
	position: relative;
}

.monthmama .cont .list .head {
	padding: 0 14rpx 0 32rpx;
	width: 144rpx;
	height: 144rpx;
}

.monthmama .cont .list>view {
	/* flex: auto; */
}

.monthmama .cont .list .head image {
	height: 144rpx;
	width: 144rpx;
}

.monthmama .cont .list .info {
	position: relative;
	height: 144rpx;
	flex: auto;
}

.monthmama .cont .list .info image {
	height: 28rpx;
	width: 28rpx;
}

.monthmama .cont .list .info .name {
	font-weight: 500;
	line-height: 28rpx;
	margin-top: 14rpx;
}

.yearold {
	color: #8C8C8C;
	margin: 16rpx 0;
}

.greystar {
	position: absolute;
}

.lightstar {
	position: absolute;
	z-index: 2;
}

.monthmama .cont .list .appointment {
	color: #00C7C6;
	width: 128rpx;
	height: 48rpx;
	border-radius: 10rpx;
	border: 2rpx solid #00C7C6;
	position: absolute;
	right: 40rpx;
	font-size: 24rpx;
	line-height: 48rpx;
	text-align: center;
}
.monthmama .cont .list .havedbooked{
	border: 2rpx solid #8C8C8C;
	color: #8C8C8C;
}
.botbutton{
	position: relative;
	bottom: 0;
	margin-bottom: 48rpx;
}