.page-school-index{
	background:url(https://business.coffunity.cn/upload/school.png);
	background-size: cover;
	background-color:#cfab7b;
	width:100vw;
	min-height:100vh;
	
	display:flex;
	flex-direction: column;
	position:relative;
	overflow: hidden; 
	.user-header{
		margin-top:0px;
		margin-left:20px;
		border-radius: 10px;
		width:150px; 
		overflow: hidden;
	}
	.school-item{
		position:fixed; 
		bottom:10px;
		left:10px;
		right:10px; 
		display: flex;
		flex-direction: column;
		
		.process{
			height:20px; 
			display:flex;
			flex-direction: row;
			.heart{
				
				font-size:12px;
				color:#FFF;
			}
			.process-txt{
				width:100%; 
				border-radius: 10px;
				margin-left:10px;
				z-index:-1;
				position:relative;
				.bg{
					width:100%;
					height:100%;
					background:#FFF;
					opacity: 0.3; 
					position:absolute;
					border-radius: 10px;
				}
				.bar{
					border:1px solid $teacher-main-color;
					height:80%;
					margin:3px;
					border-radius: 10px;
					overflow: hidden;
					.p{
						background:$teacher-main-color;
						 
						height:100%;
					}
				}
				
			}
		}
		
		.content{
			width:100%;
			height:260px; 
			margin-bottom: 60px;
			border-radius: 10px;
			margin-top:10px;
			overflow: hidden;
			border:3px solid #643b17;
			position:relative;
			 z-index:900;
			 
			.bg{
				width:100%;
				height:100%;
				background:#FFF;
				opacity: 0.8; 
				position:absolute;
				z-index:-1;
			}
			
			.user{
				border-bottom: 3px solid #643b17;
				width:100%;
				display:flex;
				flex-direction: row;
				height:60px;
				z-index:910;
				.left{
					display:flex;
					flex-direction: row;
					height:100%;
					width:75%;
					.header{
						width:30%;
						height:100%;
						display:flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						.img{
							width:40px;
							height:40px;
							border-radius: 10px;
						}
					}
					.info{
						font-size:12px;
						height:100%;
						width:100%;
						display:flex;
						flex-direction: column;
						justify-content: flex-start; 
						align-items:center;
						margin-left:10px;
						padding-top:5px;
						color:#653b18;
						.text{
							height:20px;
							width:100%;
							line-height: 20px;
							text-align:left;
						}
					}
				}
				.right{
					display:flex; 
					justify-content: center;
					align-items: center;
					.btn{
						background:#CCC;
						padding:0px;
						margin:0px;
						height:30px;
						line-height: 30px;
						font-size:12px;
						padding-left:10px;
						padding-right: 10px;
						border-radius: 5px;
					}
					.active{
						background:#653b18;
						color:#FFF;
						.uni-icons{
							color:#FFF;
							margin-right: 5px;
						}
					}
				}
			}
		
			
			.donate{
				height:70%; 
				width:100%;
				display:flex;
				justify-content: center;
				align-items: center;
				z-index:920;
				.mid{
					display:flex;
					justify-content: center;
					align-items: center;
					height:100%;
					color:#000;
					font-size:14px;
				}
			}
			
			.heart_total{
				justify-content:left; 
				margin-left: 20px;
				margin-top: 10px;
				height:26px;
				align-items: center;
				font-size:12px;
				color:#653b18;
				font-weight: bold;
			}
			
			.item-list{
				height:180px;
				overflow: hidden;
				overflow-y: auto;
				.items{
					margin-left:10px;
					margin-right:10px;
					.item{
						width:100%;
						display:flex;
						flex-direction: row;
						height:30px;
						justify-content: center;
						align-items: center;
						font-size:12px;
						color:#653b18;
						.date{
							display:flex;
							width:30%;
							justify-content: center;
							align-items: center;
						}
						.name{
							diaplay:flex;
							width:50%;
							justify-content: flex-start;
							align-items: center;
						}
						.qty{
							display: flex;
							width:20%;
							justify-content: center;
							align-items: center;
						}
					}
				}
			}
		}
	}
}