@charset "utf-8";
/******index****/
.content{max-width: 1240px;margin: 0 auto;padding: 0 20px;}
/*头部*/
.header{width:100%;padding:10px 0;background: url(../images/bg_top.png) repeat-x center;}
.header .logo {color: #354052;}
.header .logo img{display:block;}
.schoolname{margin-top:5px;}
/*.big_font{font-size: 28px;letter-spacing: 2px;line-height:1.5em;}
.small_font{font-size: 12px;letter-spacing: 0.1px;}*/
.error_prompt{background: #FCF5DE;width: 234px;padding: 5px 8px;position: absolute;top: 85px;left: 27px;color: #666;font-size: 12px;line-height: 14px;}
.error_prompt img{vertical-align: middle;width: 14px;height: 14px;}
.error_prompt>span{padding-left:8px;vertical-align: middle;}

/*登录框部分*/
.login_bg{background: url(../images/img_banner.jpg) center;width:100%;height: 360px;background-size: 100%;}
.logincontent{max-width: 1000px;height: 360px;margin: 0 auto;position: relative;}
.login_form{background: url(../images/img_loginBox.png) no-repeat;width: 304px;height: 304px;position: absolute;right:15px;bottom: -5px;}
/*头像*/
.headpic_div>p {
    font-size: 16px;
    color: #354052;
    padding-top: 11px;
    padding-bottom: 5px;
    width: 85%;
    margin: 0 auto;
}
.headpic_div>p>span{font-size: 14px;color: #B7CAE7;margin-left: 5px;}
.headpic_div{position: absolute;top:-50px;left:0;text-align: center;width: 100%;}
.headpic_div>.headpic{
	border:2px solid #fff;border-radius: 50%;width:90px;height: 90px;box-shadow: 0 3px 8px 0 rgba(13,48,85,0.40);overflow: hidden;
	margin: 0 auto;
	}
.input_group{width: 250px;margin:113px auto 0;}
.input_div{background: #fff;border: 1px solid #D5E0F1;border-radius: 2px;width: 248px;height: 38px;line-height: 38px;margin-bottom: 10px;}
.input_div.active{border: 1px solid #1991EB;}
.input_div span{display:block;width: 14px;height:26px;float: left;padding:0 14px;border-right: 1px solid #D5E0F1;margin: 6px 0;}
.input_div span.active{border-right: 1px solid #1991EB;}
.input_div .usern_icon{background: url(../images/icon_accounts_n.png) no-repeat center;}
.input_div .passw_icon{background: url(../images/icon_passWord_n.png) no-repeat center;}
.input_div input{border: none;background: #fff;padding-left:6px;width: 180px;height:26px;line-height:26px;margin:6px 0 6px 8px;}
.login_btn{display: block;width: 250px;height: 42px;background: url(../images/btn_login_n.png) no-repeat center;margin-top: 20px;}
.login_btn:hover{background: url(../images/btn_login_s.png) no-repeat center;}

.login_success{display: none;position: absolute;bottom:20px;left:27px;}
/*欢迎使用*/
.welcome{color: #354052;text-align: center;}
/*注销按钮*/
.cancel_btn{background: url(../images/btn_logout_n.png) no-repeat center;display: block;width: 250px;height: 42px;margin: 25px auto;}
.cancel_btn:hover{background: url(../images/btn_logout_s.png) no-repeat center;}
/*分类*/
.classify {margin:33px 0;min-height:260px;}
.classifycontent{margin: 0 auto;}
.classify .classifycontent>div{float: left;margin:0 10px;}

/*底部信息*/
.footer{position: absolute;bottom: 0;width: 100%;}
.footer_info{background: #50668A;color: #fff;font-size: 12px;padding: 7px 0;}
.footer_info .content>div{float: left;width: 23%;margin-right: 2%;}
.footer_info .content>div>p{padding: 5px 0;}
.footer_info .content>div>p a{color: #fff;}
.footer_info .content>div>p a:hover{color: #EDEADE;}
/*下载*/
.div_xiazai{width:100%;text-align:center;height:45px;line-height:45px;background-color:#425472;color: #fff;font-size: 12px;}
.div_xiazai p span{margin: 0 10px;}
.div_xiazai a{color: #F87F0F;}
@media only all and (max-width: 1200px) {
	.classify .classifycontent>div {width: 178px;margin: 0 10px 10px;}
	.classify .classifycontent>div img{width: 100%;}
}

@media only all and (max-width: 1024px) {
	.classify .classifycontent>div {width: 165px;}
	
	.footer_info .content>div{float: none;width:100%;margin-right:0;}
	.footer_info .content>div>p{display: none;}
	.footer_info .content>div>p.banquan{display: block;text-align: center;}
	.div_xiazai{display: none;}
}
@media only all and (max-width: 991px) {
	.classifycontent{max-width: 460px;}
	.classify .classifycontent>div {width: 210px;margin: 0 10px 15px;}
}
@media only all and (max-width: 600px) {
	.header .logo img.schoolname{width: 270px;}
	.login_bg{background-size: auto;background-position:center right;}
	.login_form{margin: 0 auto;right: 50%;margin-right: -152px;}
	
	.classifycontent{max-width: 300px;}
	.classify .classifycontent>div {width: 130px;margin: 0 10px 10px;text-align: center;}
}
@media only all and (max-width: 470px) {
	.header .logo img.schoolname{width: 250px;}
}
@media only all and (max-width: 380px) {
	.header .logo img.schoolname{margin: 0 auto;float: none;}
}