.school-banner {
	width: 100%;
	height: 180px;
	background: #FDC7E3;
	border-radius: 0px 0px 0px 0px;

	img {
		width: 100%;
		height: 100%;
	}
}
.school-content-box ._active_1 {
	background-color: #e50070 !important;
}
.school-content-box {
	width: 1080px;
	margin: 20px auto 20px;
	display: flex;

	.content-right {
		padding: 20px;
		background-color: #fff;
		flex: 1;

		.tips-box {
			margin-bottom: 20px;
			font-weight: 400;
			font-size: 14px;
			color: #606266;
		}

		.list-box {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #e5e5e5;
		.tips {
			display: flex;
			align-items: flex-end;
		}
			.tips-box {
				display: flex;

				.tips {
					flex: 1;

				}

				.tips-btn {
					width: 100px;
					height: 40px;
					background: linear-gradient(180deg, #FF60B4 0%, #E60B78 100%);
					border-radius: 30px 30px 30px 30px;

					font-weight: 500;
					font-size: 14px;
					color: #FFFFFF;
					text-align: center;
					line-height: 40px;
					margin-left: 10px;
					cursor: pointer;
				}
			}

			.list-title {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 10px;

				.title {
					font-weight: 700;
					font-size: 16px;
					color: #333333;
				}

				.time {
					font-weight: 400;
					font-size: 14px;
					color: #999999;
				}
			}

			.list-nav-box {
				display: flex;

				font-weight: 400;
				font-size: 14px;
				color: #333333;
				margin-bottom: 17px;

				div {
					margin-right: 10px;
					margin-left: 10px;
					font-weight: 400;
					font-size: 14px;
					color: #333333;
				}

				div:first-child {
					margin-left: 0;
				}
			}

			.tips {
				font-weight: 400;
				font-size: 14px;
				color: #606266;
			}
		}

		.search-box {
			width: 100%;
			height: 45px;
			line-height: 45px;
			display: flex;
			align-items: center;
			padding: 0 0 0 20px;
			background: #FAFAFA;
			border-radius: 25px 25px 25px 25px;
			border: 1px solid #E5E5E5;
			justify-content: space-between;
			margin-bottom: 30px;

			.btn {
				width: 100px;
				height: 100%;
				background: #E40173;
				border-radius: 0px 25px 25px 0px;
				border: 2px solid #E40173;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: 500;
				font-size: 16px;
				color: #FFFFFF;
			}

			.iconfont {
				margin-right: 5px;
			}

			input {
				flex: 1;
				border: 0;
				height: 100%;
				background: #FAFAFA;
				padding-right: 20px;
			}

			input:focus {
				outline: none;
				/*background: #e50070;*/
			}
		}
	}

	.content-left {
		width: 340px;

		background: #FFFFFF;
		border-radius: 0px 0px 0px 0px;
		margin-right: 20px;
		padding: 0 20px;

		.list-box {
			padding: 20px 0;
			margin-bottom: 20px;

			.list-title {
				display: flex;
				justify-content: space-between;
				margin-bottom: 20px;

				.text {
					font-weight: 700;
					font-size: 16px;
					color: #333333;
				}

				.btn {
					font-weight: 400;
					font-size: 22px;
					color: #606266;
					cursor: pointer;
				}
			}

			.list {
				display: flex;
				align-items: center;
				margin-bottom: 10px;

				.check {
					width: 14px;
					height: 14px;
					margin-right: 5px;
					accent-color: #e50070;
					vertical-align: middle;
					margin-bottom: 3px;
				}
			}
		}

		.title {
			padding: 19px 0;
			border-bottom: 1px solid #e5e5e5;
			display: flex;
			justify-content: space-between;

			.text {
				font-weight: 500;
				font-size: 16px;
				color: #3D3D3D;
			}

			.btn {
				font-weight: 400;
				font-size: 16px;
				color: #E40173;
			}
		}
	}
}

body {
	background-color: #FCFAFA;
}