/********产品方案的开始*********/
.productBanner{
	width: 100%;
}
.productBanner img{
	width: 100%;
}
/**产品主体**/
#productTab {
	height: 900px;
}
.tabItemContainer {
	width: 30%;
	height: 650px;
	float: left;
	background-color: #FFFFFF;
	padding: 20px;
	margin-top: -5%;
	box-shadow:  5px 5px 5px #CCCCCC;
}
.tabItemConTitle,.tabItemConTitle1{
	text-align: center;
	color: #1f77ef;
	font-weight: 600;
	font-size: 26px;
}
.tabItemConTitle1{
	margin-top: 20px;
}
.tabItemContainer1,.tabItemContainer2 {
	width: 100%;
	height:500px;
}
.tabBodyContainer {
	width: 65%;
	height: auto;
	float: left;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	margin-left: 5%;
	margin-bottom: 20px;
}
.tabItemContainer1>li {
	list-style: none;
	text-align: center;
}
.tabItemContainer1 .tabItemCurrent{
	background-color: #1FA3EF;
	border-radius: 29px;
	color: #FFFFFF;
}
.tabItemContainer1>li>a{
	float: left;
	width: 100%;
	padding: 5px 0 8px 0;
	font: 20px "微软雅黑", Arial, Helvetica, sans-serif;
	color: #666;
	cursor: pointer;
	margin-top: 20px;
	text-decoration: none;
	border:1px solid transparent;
}
.tabItemCurrent1 {
	background-color: #fff;
	border-right: 1px solid #fff !important;
	position: relative;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}


.tabItemContainer2>li {
	list-style: none;
	text-align: center;
}
.tabItemContainer2 .tabItemCurrent{
	background-color: #1FA3EF;
	border-radius: 29px;
	color: #FFFFFF;
}
.tabItemContainer2>li>a{
	float: left;
	width: 100%;
	padding: 5px 0 8px 0;
	font: 20px "微软雅黑", Arial, Helvetica, sans-serif;
	color: #666;
	cursor: pointer;
	margin-top: 20px;
	text-decoration: none;
	border:1px solid transparent;
}
.tabItemCurrent2 {
	background-color: #fff;
	border-right: 1px solid #fff !important;
	position: relative;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}


.tabBodyItem {
	position: absolute;
	width: 677px;
	height: 850px;
	display: none;
}
.tabBodyItem>p {
	font: 13px "微软雅黑", Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 30px;
}
.tabBodyCurrent{
	display:block;
}
.parts{
	margin-top: 20px;
}
.partsLeft,.partsRight{
	background-color: #FFFFFF;
	width: 40%;
	height: 380px;
	float: left;
	margin-left: 5%;
	margin-top: 20px;
	padding-top: 20px;
}
.partsLeft:hover{
	transform:scale(1.05,1.05);
	box-shadow:5px 5px 10px #CCCCCC;
}
.partsLeftImg{
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
.partsLeftImg img{
	width: 100%;
	height: 250px;
}
.partsLeftTitle{
	margin-top: 50px;
	text-align: center;
}
.partsLeftTitle span{
	color: #333333;
	font-size: 20px;
}
/********产品详情页面的结束***********/
/*******产品介绍详情*********/
.productInfoCon{
	padding-top: 20px;
}
.productInfoConTitle{
	text-align: center;
	font-size: 28px;
}
.productInfoTime{
	text-align: center;
	font-size: 12px;
	color: #C0C0C0;
	margin-top: 10px;
}
.productInfoImg{
	text-align: center;
	margin-top: 20px;
}
.productInfoImg img{
	width: 100%;
}
.productInfoText{
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	line-height: 40px;
	text-indent:2em;
}
.productInfoText img{
	width: 100%;
}

/********资源平台页面的开始***********/
.resourceBanner{
	width: 100%;
}
.resourceBanner img{
	width: 100%;
}
/**资源平台的内容**/
.resourceCon{
	margin-top: 70px;
	height: 1030px;
}
.resourceConLeft{
	width: 70%;
	float: left;
}
.resourceElect{
	width: 100%;
	display:inline-block;
	background-color: #FFFFFF;
}
/**学历选择**/
.educationElect{
	width: 65%;
	margin-left: 5%;
	padding-top: 25px;
	display:inline-block;
}
.educationElect span{
	display: block;
	float: left;
	color: #525457;
	font-size: 16px;
}
.educationElect-list{
	float: left;
	margin-left: 20px;
}
.educationElect-list a{
	margin-right: 16px;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 2px;
	border: 1px solid transparent;
	color: #606266;
	font-size: 14px;
	display: inline-block;
	float: left;
	margin-bottom: 10px;
}
.educationElect-list .active{
	background: #CFF7F8;
	border-radius: 2px;
	border: 1px solid #008AFF;
	padding: 4px 8px;
	color: #0060FF;
}
/**年级选择**/
.gradeElect{
	width: 95%;
	margin-left: 5%;
	padding-top: 15px;
	display:inline-block;
}
.gradeElect span{
	display: block;
	float: left;
	color: #525457;
	font-size: 16px;
}
.gradeElect-list{
	width: 77%;
	float: left;
	margin-left: 20px;
}
.gradeElect-list a{
	margin-right: 16px;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 2px;
	border: 1px solid transparent;
	color: #606266;
	font-size: 14px;
	display: inline-block;
	float: left;
	margin-bottom: 10px;
}
.gradeElect-list .active{
	background: #CFF7F8;
	border-radius: 2px;
	border: 1px solid #008AFF;
	padding: 4px 8px;
	color: #0060FF;
}
/**科目选择**/
.subjectElect{
	width: 95%;
	margin-left: 5%;
	display:inline-block;
	margin-top: 15px;
}
.subjectElect span{
	display: block;
	float: left;
	color: #525457;
	font-size: 16px;
}
.subjectElect-list{
	width: 77%;
	float: left;
	margin-left: 20px;
}
.subjectElect-list a{
	margin-right: 16px;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 2px;
	border: 1px solid transparent;
	color: #606266;
	font-size: 14px;
	display: inline-block;
	float: left;
	margin-bottom: 10px;
}
.subjectElect-list .active{
	background: #CFF7F8;
	border-radius: 2px;
	border: 1px solid #008AFF;
	padding: 4px 8px;
	color: #0060FF;
}
/**资源选择**/
.wealthElect{
	width: 65%;
	margin-left: 5%;
	padding-top: 15px;
	display:inline-block;
}
.wealthElect span{
	display: block;
	float: left;
	color: #525457;
	font-size: 16px;
}
.wealthElect-list{
	width: 75%;
	float: left;
	margin-left: 20px;
}
.wealthElect-list a{
	margin-right: 16px;
	cursor: pointer;
	padding:2px 8px;
	border-radius: 2px;
	border: 1px solid transparent;
	color: #77797C;
	font-size: 14px;
	display: inline-block;
	float: left;
}
.wealthElect-list .active{
	background: #CFF7F8;
	border-radius: 2px;
	border: 1px solid #008AFF;
	padding: 4px 8px;
	color: #0060FF;
}
/**教版选择**/
.taughtElect{
	width: 65%;
	margin-left: 5%;
	padding-top: 15px;
	display:inline-block;
	padding-bottom: 15px;
}
.taughtElect span{
	display: block;
	float: left;
	color: #525457;
	font-size: 16px;
}
.taughtElect-list{
	width: 75%;
	float: left;
	margin-left: 20px;
}
.taughtElect-list a{
	margin-right: 16px;
	cursor: pointer;
	padding:2px 8px;
	border-radius: 2px;
	border: 1px solid transparent;
	color: #77797C;
	font-size: 14px;
	display: inline-block;
	float: left;
}
.taughtElect-list .active{
	background: #CFF7F8;
	border-radius: 2px;
	border: 1px solid #008AFF;
	padding: 2px 8px;
	color: #0060FF;
}
.isShow {
	display: none !important;
}
/**在线课堂**/
.onlineClass{
	margin-top: 20px;
	height: 270px;
}
.onlineClassTitle{
	border-left: 7px solid #00CCFF;
	height: 30px;
}
.onlineClassTitle p{
	float: left;
	line-height: 30px;
}
.onlineClassTitle p:first-child{
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
}
.onlineClassTitle p:nth-child(2){
	font-size: 12px;
	color: #A1A3A8;
	margin-left: 20px;
}
.onlineClassTitle  p:last-child{
	float: right;
}
.onlineClassTitle p:last-child a{
	font-size: 12px;
	color: #A1A3A8;
}
.onlineClassCon{
	margin-top: 10px;
	height: 200px;
}
.onlineClassCon1{
	width: 47%;
	background-color: #FFFFFF;
	float: left;
	margin-left: 2%;
	margin-top: 20px;
}
.onlineClassCon1:hover{
	transform:scale(1.05,1.05);
	box-shadow:5px 5px 10px #CCCCCC;
}
.onlineClassCon1:hover p{
	color: #FF7E00;
}
.onlineClassConImg1{
	width: 100%;
}
.onlineClassConImg1 img{
	width: 100%;
}
.onlineClassConType1{
	margin-top: 20px;
}
.onlineClassConType1 p{
	text-align: center;
	font-size: 15px;
	color: #4B5149;
}
/**资源下载**/
.dataDownload{
	margin-top: 20px;
}
.dataDownloadTitle{
	border-left: 7px solid #00CCFF;
	height: 30px;
}
.dataDownloadTitle p{
	float: left;
	line-height: 30px;
}
.dataDownloadTitle p:first-child{
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
}
.dataDownloadTitle p:nth-child(2){
	font-size: 12px;
	color: #A1A3A8;
	margin-left: 20px;
}
.dataDownloadTitle  p:last-child{
	float: right;
}
.dataDownloadTitle p:last-child a{
	font-size: 12px;
	color: #A1A3A8;
}
.dataDownloadCon{
	margin-top: 20px;
	height: 270px;
}

.dataDownloadCon1{
	width: 30%;
	background-color: #FFFFFF;
	float: left;
	margin-left: 3%;
	margin-bottom: 20px;
}
.dataDownloadConImg1{
	width: 100%;
}
.dataDownloadConImg1 img{
	width: 100%;
}
.dataDownloadConType1{
	margin-top: 20px;
	padding-left: 5%;
	padding-right: 5%;
}
.dataType{
	color: #90939F;
	font-size: 15px;
	width: 100%;
	padding-bottom: 20px;
}
.dataType1{
	font-size: 12px;
	color: #90939F;
}
.dataBuy{
	font-size: 10px;
	color: #90939F;
}
.dataType2{
	color: #4B5149;
	font-size: 15px;
}
.dataDownloadCon1:hover{
	transform:scale(1.02,1.02);
	box-shadow:5px 5px 10px #CCCCCC;
}
.dataDownloadCon1:hover .dataType{
	color: #FF7E00;
}
.dataDownloadCon2:hover{
	transform:scale(1.02,1.02);
	box-shadow:5px 5px 10px #CCCCCC;
}
.dataDownloadCon2:hover .dataType{
	color: #FF7E00;
}

.fileDownloadCon{
	margin-top: 20px;
	height: 530px;
}

.fileDownloadCon1{
	width: 30%;
	background-color: #FFFFFF;
	float: left;
	margin-left: 3%;
	margin-bottom: 20px;
	height: 240px;
}
.fileDownloadConImg1{
	width: 100%;
}
.fileDownloadConImg1 img{
	width: 100%;
}
.fileDownloadConType1{
	margin-top: 20px;
	padding-left: 5%;
	padding-right: 5%;
}
.fileDownType{
	color: #90939F;
	font-size: 15px;
}
.fileDownType1{
	font-size: 12px;
	color: #90939F;
}
.fileDownloadCon1:hover{
	transform:scale(1.05,1.05);
	box-shadow:5px 5px 10px #CCCCCC;
}
.fileDownloadCon1:hover .fileDownType{
	color: #FF7E00;
}


.videoClassCon{
	margin-top: 20px;
	height: 450px;
}
.videoClassCon1{
	width: 47%;
	background-color: #FFFFFF;
	float: left;
	margin-left: 2%;
	margin-bottom: 30px;
}
.videoClassCon1:hover{
	transform:scale(1.05,1.05);
	box-shadow:5px 5px 10px #CCCCCC;
}
.videoClassCon1:hover p{
	color: #FF7E00;
}
.videoClassConImg1{
	width: 100%;
}
.videoClassConImg1 img{
	width: 100%;
}
.videoClassConType1{
	margin-top: 20px;
}
.videoClassConType1 p{
	text-align: center;
	font-size: 15px;
	color: #4B5149;
}

/******右边主体******/
/**个人中心**/
.resourceConRight{
	width: 25%;
	float: left;
	margin-left: 3%;
}
.personal{
	background: url(../img/personal.png) top center no-repeat;
	height: 346px;
}
.personalIcon{
	padding-top: 50px;
	height: 200px;

}
.personalhead{
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
}
.personalhead img{
	width: 100%;
}
.personalIcon span{
	display: block;
	font-size: 16px;
	color: #333333;
	padding-top: 3%;
	text-align: center;
}
.personalDownload{
	padding-left: 10%;
	height: 100px;
	margin-top: 5%;

}
.personalDownload p{
	float: left;
	margin-left: 22%;
	text-align: center;
	color: #333333;
	font-size: 16px;
}
.personalDownload p span{
	display: block;
}
/**每日推荐**/
.dailySpecial{
	margin-top: 70px;
	background-color: #FFFFFF;
}
.dailySpecialTitle{
	padding-top: 20px;
	height: 30px;

}
.dailySpecialTitle p{
	margin-left: 5%;
	line-height: 30px;
	float: left;
}
.dailySpecialTitle p:first-child{
	font-size: 18px;
	padding-left: 3%;
	border-left: 7px solid #00CCFF;
}
.dailySpecialTitle p:last-child{
	float: right;
	padding-right: 5%;
	font-size: 12px;
}
.dailySpecialBanner{
	width: 90%;
	margin-left: 5%;
}
.dailySpecialBanner img{
	width: 100%;
}
.dailySpecialType{
	margin-left: 5%;
	margin-top: 10px;
}
.dailyTypeTitle{
	color: #333333;
	font-size: 16px;
	margin-bottom: 5px;
}
.dailySpecialType:hover .dailyTypeTitle{
	color: #FF7E00;
}
.dailyType{
	color: #A1A3A8;
	font-size: 12px;
}
.dailySpecialCon{
	margin-left: 5%;
	margin-top: 20px;
}
.dailySpecialConType{
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
}
.dailySpecialConImg{
	width: 20%;
	float: left;
}
.dailySpecialConImg img{
	width: 100%;
}
.dailySpecialConIns{
	width: 100%;
	float: left;
}
.dailySpecialConIns p{
	margin-bottom: 0;
}
.dailySpecialConTitle{
	font-size: 14px;
	color: #333333;
	padding-bottom: 12px;
}
.dailySpecialIns{
	font-size: 12px;
	color: #A1A3A8;
}
.dailySpecialConIns:hover .dailySpecialConTitle{
	color: #FF7E00;
}
.onDay{
	height: 35px;
}
.onDay a{
	float: right;
	margin-right: 5%;
	color: #A1A3A8;
	font-size: 12px;
}

/********登录**********/
.loginMain{
	position: relative;
}
.loginBanner{
	position: absolute;
	display: block;
	width: 100%;
	background: url(../img/loginMain.png) no-repeat;
	background-size: 100%  100%;
	margin-top: 5px;
	height: 100%;
}
.loginCon{
	margin: 0px auto;
	padding-bottom: 10px;
	display: flex;
}
.loginLeft{
	width: 45%;
	float: left;
	height: 100%;
	position: relative;
}
.loginLeft img{
	width: 100%;
}
.loginRight{
	width: 50%;
	float: left;
	position: relative;
}
.loginRightBanner{
	width: 75%;
	margin-top: 25%;
	margin-left: 15%;
}
.loginRightBanner img{
	width: 100%;
}
.loginForm{
	width: 65%;
	position: absolute;
	top: 25%;
	left: 20%;
}
.loginFormTitle{
	text-align: center;
	padding-top: 10%;
	font-size: 20px;
	font-weight: bold;
}
.login{
	margin-top: 10%;
}
.loginUser{
	padding-left: 12%;
}
.login .layui-input-block{
	margin-left: 60px;
}
.loginUser .layui-input{
	width: 70%;
	border-radius:20px;
	height: 43px;
}
.loginPassword{
	padding-left: 12%;
}
.loginPassword .layui-input{
	width: 70%;
	border-radius:20px;
	height: 43px;
	margin-top: 10%;
}
.keepPassword{
	padding-left: 12%;
	margin-top: 10px;
}
.keepPassword .layui-form-checked[lay-skin=primary] i{
	background-color: #00A0E9;
}
.keepPassword .layui-form-checkbox[lay-skin=primary] span{
	font-size: 12px;
	color: #A0A0A0;
}
.keepPassword a{
	margin-left: 35%;
	font-size: 12px;
	color: #207CC7;
}
.loginButton{
	width: 85%;
	margin-top: 10%;
	padding-left: 12%;
}
.loginButton .layui-btn{
	width: 70%;
	border-radius: 20px;
}
.loginButton p{
	margin-top: 20px;
	margin-left: 25%;
	color: #A0A0A0;
	font-size: 12px;
}
.loginButton a{
	color: #5A9AD3;
}

@media screen and (max-width: 1170px) {
	.loginRightBanner{
		display: none;
	}
	.loginForm{
		background-color: #FFFFFF;
		width: 85%;
		top: 20%;
		left: 10%;
		border-radius: 40px;
	}
}