/*小学*/
.gradeSchool{width: 100vw;height: 100vh; position: relative;
	background: url(../../../img/modules/homePage/bg_xx_home.png) no-repeat 0 0;
	background-size: cover;overflow: hidden;}
.schoolBottom{width: 100%;height: 110px;position: fixed;
	bottom: 0;left: 0;}
.schoolBottomMask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;
	background:rgba(0,0,0,.3);z-index: 500;}	
.schoolBottom>ul{width: 100%;height: 100%;position: relative;z-index: 600;overflow: hidden;display: flex; flex-direction: row;}
.schoolBottom>ul>li{width: calc(100vw / 7);height: 100%;float: left;cursor: pointer;
	overflow: hidden;}
.schoolBottom>ul>li>p{color: #fff;font-size: 14px;text-align: center;line-height: 14px;}

.schoolMsgMask{width: 100%;height: 100%;background: #fff;
	position: absolute;top: 0;left: 0;z-index: 500;}
.schoolStuMsg{float: left;width: auto;height: 100%;overflow: hidden;padding:0 12px 0 10px;
	position: relative;z-index: 600;}
.schoolStuMsg>h3{color: #333;font-size: 18px;line-height: 18px;margin-top: 6px;font-weight: normal;}
.schoolMsgs{width: auto;height: 14px;overflow: hidden;margin-top: 6px;}
.schoolMsgs>p{float: left;color: #999;font-size: 14px;line-height: 14px;}
.schoolMsgs>span{float: left;color: #999;font-size: 14px;line-height: 14px;margin-left: 10px;}
.stuMessage:hover .schoolMsgMask{background: #e6f6f7;}
/* 语文 */
.primaryChinese>div{
	background: url(../../../img/modules/homePage/pic_xx_home_chinese_nor.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.primaryChinese:hover div{
	background: url(../../../img/modules/homePage/pic_xx_home_chinese_push.png) no-repeat 0 0;
	background-size: 100% 100%;
}
/* 英语 */
.primaryEnglish>div{
	background: url(../../../img/modules/homePage/pic_xx_home_english_nor.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.primaryEnglish:hover div{
	background: url(../../../img/modules/homePage/pic_xx_home_english_push.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.primaryEnglish{
	margin:0px 17px;
}
/* 数学 */
.primaryMath>div{
	background: url(../../../img/modules/homePage/pic_xx_home_math_nor.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.primaryMath:hover div{
	background: url(../../../img/modules/homePage/pic_xx_home_math_push.png) no-repeat 0 0;
	background-size: 100% 100%;
}
/* 学前课程 */
.preschoolSubject{
	margin-left: 17px;
}
.preschoolSubject>div{
	background: url(../../../img/modules/homePage/home_button_xqkc_nor@2x.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.preschoolSubject:hover div{
	background: url(../../../img/modules/homePage/home_button_xqkc_push@2x.png) no-repeat 0 0;
	background-size: 100% 100%;
}
/*gradeSchoolMsg*/
.gradeSchoolMsg{width: 960px;height: 320px;position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;}
.gradeSchoolMsg>ul{width: calc(100% - 250px);height: 100%; margin: 0 auto;}
.gradeSchoolMsg>ul>li{width: 224px; height: 320px;border-radius: 8px;float: left;position: relative; }
.gradeSchoolMsg>ul>li:last-child{margin-bottom: 0;}
.gradeSchoolMsg>ul>li>div{float: left;width: 100%;cursor: pointer;height:100%;}
/* 学习通激活模态框 */
.gradeSchoolMsg>ul>li>.modal {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #222222;
    opacity: .6;
	border-radius: 8px;
	display: none;
}
.gradeSchoolMsg>ul>li>.lockItem {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    width: 4.5rem;
    height: 4.5rem;
	display: none;
}
.gradeSchoolMsg .popupPlayer li img{
	margin: 0.5rem 0.4375rem ;
}
.nonePointer {
    pointer-events: none;
}
/*课文学习*/
.toText{float: left;width: 112px;height: 124px;cursor: pointer;}
.toText>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_kwxx_nor.png) no-repeat 0 0;
	background-size: cover;}
.toText:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_kwxx_hot.png) no-repeat 0 0;
	background-size: cover;}
.toText>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*习题训练*/
.toExercise{float: left;width: 112px;height: 124px;cursor: pointer;}
.toExercise>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_xtxl_nor.png) no-repeat 0 0;
	background-size: cover;}
.toExercise:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_xtxl_hot.png) no-repeat 0 0;
	background-size: cover;}
.toExercise>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*同步阅读*/
.toRead{float: left;width: 112px;height: 124px;cursor: pointer;}
.toRead>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_tbyd_nor.png) no-repeat 0 0;
	background-size: cover;}
.toRead:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_tbyd_hot.png) no-repeat 0 0;
	background-size: cover;}
.toRead>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*知识运用*/
.toKnowledge{float: left;width: 112px;height: 124px;cursor: pointer;}
.toKnowledge>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_zsyy_nor.png) no-repeat 0 0;
	background-size: cover;}
.toKnowledge:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_zsyy_hot.png) no-repeat 0 0;
	background-size: cover;}
.toKnowledge>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
.morefunc{float: left;width: 112px;height: 124px;cursor: pointer;}
.morefunc>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_more_nor.png) no-repeat 0 0;
	background-size: cover;}
.morefunc:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_more_hot.png) no-repeat 0 0;
	background-size: cover;}
.morefunc>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*学习辅导*/
.toCoach{float: left;width: 112px;height: 124px;cursor: pointer;}
.toCoach>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_xxfd_nor.png) no-repeat 0 0;
	background-size: cover;}
.toCoach:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_xxfd_hot.png) no-repeat 0 0;
	background-size: cover;}
.toCoach>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*思维训练*/
.toThought{float: left;width: 112px;height: 124px;cursor: pointer;}
.toThought>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_swxl_nor.png) no-repeat 0 0;
	background-size: cover;}
.toThought:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_swxl_hot.png) no-repeat 0 0;
	background-size: cover;}
.toThought>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*数学家*/
.toMath{float: left;width: 112px;height: 124px;cursor: pointer;}
.toMath>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_sxmj_nor.png) no-repeat 0 0;
	background-size: cover;}
.toMath:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_sxmj_hot.png) no-repeat 0 0;
	background-size: cover;}
.toMath>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*成语故事*/
.toIdiom{float: left;width: 112px;height: 124px;cursor: pointer;}
.toIdiom>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_cygs_nor.png) no-repeat 0 0;
	background-size: cover;}
.toIdiom:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_cygs_hot.png) no-repeat 0 0;
	background-size: cover;}
.toIdiom>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*推荐名著*/
.toMasterwork{float: left;width: 112px;height: 124px;cursor: pointer;}
.toMasterwork>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_tjmz_nor.png) no-repeat 0 0;
	background-size: cover;}
.toMasterwork:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_tjmz_hot.png) no-repeat 0 0;
	background-size: cover;}
.toMasterwork>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*数学家*/
.toMathTeacher{float: left;width: 112px;height: 124px;cursor: pointer;}
.toMathTeacher>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_sxmj_nor.png) no-repeat 0 0;
	background-size: cover;}
.toMathTeacher:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_sxmj_hot.png) no-repeat 0 0;
	background-size: cover;}
.toMathTeacher>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*公式定理词典*/
.toDict{float: left;width: 112px;height: 124px;cursor: pointer;}
.toDict>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_gsdlcd_nor.png) no-repeat 0 0;
	background-size: cover;}
.toDict:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_gsdlcd_hot.png) no-repeat 0 0;
	background-size: cover;}
.toDict>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*文学欣赏*/
.toWenxue{float: left;width: 112px;height: 124px;cursor: pointer;}
.toWenxue>div{width: 66px;height: 66px;margin: 16px auto 10px;
	background: url(../../../img/modules/homePage/zzxx2_xx_home_wxxs_nor.png) no-repeat 0 0;
	background-size: cover;}
.toWenxue:hover div{
	background: url(../../../img/modules/homePage/zzxx2_xx_home_wxxs_hot.png) no-repeat 0 0;
	background-size: cover;}
.toWenxue>p{margin-top: 10px;text-align: center;color: #333;font-size: 14px;line-height: 16px;}
/*空*/
.toNull{float: left;width: 112px;height: 124px;cursor: pointer;}

.gradeSchoolMsg .timeBox{
	float: left;
	width: 230px !important;
	height: 320px !important;
	min-height: 320px;
	background: #7AF4F9;
	border-radius: 8px;
	background-image: url(../../../img/modules/homePage/clockBack.png);
	background-repeat: no-repeat;
	background-position: 126px 0;
	margin: 0;
	margin-right: 17px;
}
.gradeSchoolMsg .timeBox .time{
	/* width: 12.75rem; */
	height: 44px;
	padding: 24px 14px; 
	font-size: 36px;
}
.gradeSchoolMsg .timeBox .day{
	color: #2E9195;
	font-size: 16px;
	padding: 4px 14px;
}
.gradeSchoolMsg .timeBox .taskList{
	width: 184px;
	height: 152px;
	background-color: #49D9DF;
	color: #02575B;
	margin: 0 auto;
	border-radius: 6px;
	padding: 10px 0;
}
.gradeSchoolMsg .timeBox .taskList li{
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}
.gradeSchoolMsg .timeBox .taskList li img{
	float: left;
	margin: 7px 4px 0 16px;
}
.popupPlayer ul{
	padding: 0;
}
.gradeSchoolMsg .popupPlayer{
	width: 90%;
	height: 160px;
	/* background-color:#49D9DF; */
	border-radius: 8px;
	margin: 0 auto;
}
.gradeSchoolMsg .popupPlayer li{
	/* width: 17.375rem; */
	height:2.8rem !important;
}
@media screen and (min-width:1650px){
	.gradeSchoolMsg{
		margin: 14% auto;
	}
}
@media screen and (max-width: 1300px){
	.gradeSchoolMsg{
		/* margin: 5% auto; */
	}
	.gradeSchoolMsg .timeBox{
		width: 210px !important;
		height: 300px !important;
		min-height: 300px;
	}
	.gradeSchoolMsg>ul>li{width: 210px; height: 300px;border-radius: 8px;position: relative; }
	.gradeSchoolMsg .popupPlayer li{
		height: 2.5rem !important;
	}
	.gradeSchoolMsg{
		width: 900px;
	}
	.gradeSchoolMsg>ul{
		margin: 0 auto;
		width: calc(100% - 230px);
	}
}