
.swiper-item{
	margin-top: 20px;
	opacity: 0.7;
	border-radius: 10px;
	width:95%;
	margin: 10px auto;
    overflow: hidden;
}
.swiper-img{
	width: 100%;
	
}
.page-fitness{
	background:#000;
	background-image: url(https://business.coffunity.cn/upload/fitness.png);
	background-repeat: no-repeat;
	width:100vw;
	min-height: 100vh;
	display:flex;
	flex-direction: column;
	color:#666666;
	padding-bottom: 100px;
	.teacher{
		margin-top:10px;
		margin-left:15px;
		margin-right: 15px;
		width:92%;
		height:150px;
		.title{
			color:$teacher-main-color;
			font-size:12px;
			margin-left: 10px;
		}
		.list{
			margin-top: 10px;
			width:100%;
			height:110px; 
			display: flex;
			justify-content: space-between;
			.left{
				width:90%;
				display: flex;
				flex-direction: row; 
				overflow: hidden;
				overflow-x: auto;
				.header{ 
					height:110px;
					width: 110px;
					border-radius: 7px;
					overflow: hidden;
					display: flex;
					justify-content: center;
					align-items: center;
					margin-right: 10px;
					.img{
						height:100%;
						width:100%;
					}
				}
			}
			.right{
				width:3%;
				height:100%;
				display:flex;
				background:#505050;
				opacity: 0.6;
				border-radius: 0px 7px 7px 0px;
				justify-content: center;
				align-items: center;
				opacity: 0.8;
			}
		}
	}
	
	.section1{ 
		background:#1a1a1a;
		margin-left:10px;
		margin-right: 10px; 
		border-radius: 20px;
		.title{
			width:90%;
			margin:auto;
			display:flex;
			height:40px;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			.txt{
				color:$teacher-main-color;
				font-size:12px;
			}
			.more{
				color:$teacher-sub-title-color;
				font-size:12px;
			}
		}
		.time-bg{
			padding-bottom:20px;
		}
		
		.calendar{
			padding-left:10px;
			padding-right: 10px;
			height:90px; 
			display: flex; 
			color:#cccccc;
			flex-direction: column;
			padding-top:5px;
			.week{
				display:flex;
				flex-direction: row;
				height:30px;
				justify-content: center;
				align-items: center;
				.day{
					width:100%;
					display:flex;
					flex-grow: 1;
					flex-shrink: 1;
					justify-content: center;
					align-items: center;
					font-size:12px;
				}
				.active{
					
					.current{
						display:flex;
						color:#cccccc;
						width:30px;
						height:30px;
						background:$teacher-main-color;
						border-radius: 50%;
						justify-content: center;
						align-items: center;
					}
				}
			}
			.month{
				display:flex;
				flex-direction: row;
				height:30px;
				.day{
					width:100%;
					display:flex;
					flex-grow: 1;
					flex-shrink: 1;
					justify-content: center;
					align-items: center;
					font-size:12px;
				}
			}
		}
		
		
		
		.selection{
			display:flex;
			flex-direction: row;
			margin-left:10px; 
			color: #666666;
		}
		
		.sections-tab{
			display:flex;
			flex-direction: row;
			height:40px; 
			justify-content: center;
			align-items: center;
			margin-top:15px;
			.item{
				width:50%;
				height:40px;
				display:flex;
				flex-direction: column;
				color:#cccccc;
				justify-content: center;
				align-items: center;
				font-size:14px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				background:#333333;
			}
			.active{
				background:#505050;
				
				color:#cccccc;
			}
		}
		
		.address{
			font-size:12px;
			color:#dedede;
			margin-left:20px;
			margin-right: 20px;
			height:30px;
			line-height: 30px;
		}
		.teacher-list{
			display:flex;
			flex-direction: column;
			background:#505050;
			min-height: 100px;
			
			.empty-course{
				min-height:100px;
				width:100%;
				display:flex;
				justify-content: center;
				align-items: center;
				color:#c8c8c8;
				font-size:12px;
			}
			
		}
		
		
	}
	
	
	
	
	
}