* {
	padding: 0;
	margin: 0;
}
body {
	background-color: #9c7cfa;
}
div {
	box-sizing: border-box;
}
img {
	width: 100%;
	vertical-align: bottom;
}
/* 头部导航 */
.header-box {
	position: sticky;
	top: 0;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FFFFFF;
	box-shadow: 0px 3px 2px #807ef3;
	width: 100%;
	height: 5rem;
	padding: 0 80px;
}
.header-box .logo-box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10%;
}
.header-box .logo {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.logo div {
	color: #b7cc56;
	font-size: 0.75rem;
}
.header-box .title-box {
	display: flex;
	align-items: center;
	color: #9c7cfa;
	font-weight: bold;
	font-size: 14px;
}
.title-item {
	margin: 20px;
}
/* 天气 */
.weather-box {
	display: flex;
	align-items: center;
}
.weather-three {
	display: flex;
	align-items: center;
}

/* 内容主体 start */
.main {
	margin: 45px 0;
	padding: 0 40px;
	display: flex;
	justify-content: space-between;
}
.main-left {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 320px;
}
.left-one {
	position: relative;
	margin-bottom: 20px;
	background: url(../img/home/框.png) no-repeat;
	background-size: 100% 100%;
}
.left-content {
	display: flex;
	flex-direction: column;
	padding: 0 20px;
	color: #7557cc;
}
.left-title {
	color: #ffe78f;
	font-weight: bold;
	text-align: center;
	font-size: 35px;
	line-height: 64px;
	margin: 0 60px;
}
.left-last {
	display: flex;
	justify-content: space-around;
}
.left-last > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10px 0;
}
.line {border-bottom: 2px dashed #9C7CFA;margin: 10px 0;}
.main-center {
	margin: 0 20px;
	width: 60%;
}
.center-img-box {
	background: url(../img/home/-s-班级动态.png) no-repeat;
	background-size: 100% 100%;
	padding: 40px 60px 150px 60px;
}
.main-right {
	display: inline-block;
	width: 320px;
	flex-shrink: 0;
	background: url(../img/home/班级运行情况底框.png) no-repeat;
	background-size: 100% 100%;
}
/* 内容主体 end */
.footer {
	margin-top: -50px;
}