.page-teacher{
	background:#000;
	display:flex;
	flex-direction: column;
	width:100vw;
	min-height: 100vh;
	.uni-swiper-dot{
	  height:200px;
	  border:1px solid red;
	}
	
 
 .section0{
	 color:#FFF;
	 
	 margin-left:10px;
	 margin-right: 10px;
	 
	
	 display: flex;
	 
	 .teach-banner{
		 
		 width: 100%;
		  overflow: hidden;
		  border-radius: 7px;
		  height:200px;
	 }
 }
 
 .section1{
	 display:flex;
	 flex-direction: column;
	 margin-left:10px;
	 margin-right:10px; 
	 margin-top:10px;
	 .name{
		 height:30px;
		 display:flex;
		 flex-direction: row;
		 justify-content: space-between;
		 align-items: center;
		margin-left:5px;
		
		 .text{
			 color:$teacher-main-color;
			 width:50%;
			 font-size:12px;
		 }
		 .sign{
			 color:#FFF;
			 width:50%;
			 display: flex;
			 flex-direction: row;
			 justify-content: flex-end;
			 >view{
				 .img{
					 margin-right: 10px;
					 .icon{
						 width:14px;
						 height:14px;
					 }
				 }
			 }
		 }
	 }
	 .intro{
		 color:#FFF;
		 font-size:12px;
		 color:#CCC;
	 }
 }
 .section2{
	 margin-top:10px;
	 .title{
		 font-size:14px;
		 color:$teacher-main-color;
		 font-weight: bold;
		 margin-left:10px;
	 }
	 .zs{ 
		 display:flex;
		 flex-direction: row;
		 justify-content: center;
		 align-items: center;
		 margin-top:10px;
		 margin-left:10px;
		 margin-right:10px;
		 .image{
			width:100px;
			height:100px;
			overflow: hidden; 
			margin-right:5px;
			.img{
				width:90px;
				height:90px;
			}
		 }
	 }
 }
 
 
 .section3{
	 // margin: 0 auto;
	 .title{ 
		display:flex;
		justify-content: space-between;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left:10px;
		width: 100%;
		font-size:14px;
		color:$teacher-main-color;
		font-weight: bold;
		height:30px;
		line-height: 30px;
	 }
	 .list{
		 font-size:12px;
		 color:#FFF;
	 }
 }
 
 
 .selection{
 	display:flex;
 	flex-direction: row;
 	margin-left:20px;
 	margin-right:10px; 
	margin-top:10px;
 }
 
 .address{
 	font-size:12px;
 	color:#dedede;
 	margin-left:20px;
 	margin-right: 20px;
 	height:30px;
 	line-height: 30px;
 }
 
 
 .section4{
 	background:#1a1a1a;
 	margin-left:10px;
 	margin-right: 10px; 
 	border-radius: 20px;
	margin-top:10px;
	.course-date{
		height: 100px;
		
	}
 	.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;
 		}
 	}
 	
 	.calendar{
 		padding-left:10px;
 		padding-right: 10px;
 		height:60px; 
 		display: flex; 
 		color:#FFF;
 		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:#FFf;
 					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:20px;
 		margin-left:10px; 
 	}
 	
 	.address{
 		font-size:12px;
 		color:#dedede;
 		margin-left:20px;
 		margin-right: 20px;
 		height:30px;
 		line-height: 30px;
 	}
 	.teacher-list{
 		display:flex;
 		flex-direction: column;
 	}
 	
 	
 }
 
}