@charset "utf-8";

/* -------------------------------------------------------------- 
	Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
input {border:none;}
ul{list-style:none;}
label{/*cursor:pointer;*/color:#666;}

body {font-size:75%;color:#222;background:#fff;font-family:Helvetica, Arial,"microsoft yahei", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#000;}
/*----- 2012��10��23�� ���ڴ���ͷ�ı�����ƻ��������µ���ʽʶ��������Ǹ�������  maqt  ��ʼ -----*/
h1 {font-size:36px;font-family:"microsoft yahei", sans-serif;}
/*----- ���� -----*/
h2 {font-size:45px;float:left;color:#CCC;margin-top:10px;font-weight:normal;}
h3 {font-size:16px;margin:8px 0;margin:8px 0 7px\0;color:#000;}
h4 {font-size:14px;margin:8px 0;color:#666;}
h5 {font-size:12px;margin:8px 0;color:#666;}
h6 {font-size:12px;margin:8px 0;}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {color:#666;}
a:focus, a:hover {text-decoration:underline;}
a {
color:#666;
text-decoration:none;
cursor:pointer;
blr:expression(this.onFocus=this.blur());/*ie ȥ�����������߿� */
outline:none;/*ff ȥ�����������߿� */
}
span{color:#666;}
textarea{overflow:hidden;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}





input.text, input.title, textarea, select {margin:0 0;border:1px solid #dedede;font-size:12px;color:#666;font-family: Helvetica,Arial,"����",sans-serif;}
select{width:120px;float:left;padding:2px;height:25px;line-height:25px;}


/*-------------------------- 2013-01-12 ������ʽΪ��׼�泣����ʽ maqt ��ʼ -------------------------*/

/*--------------------base  css maqt start-------------------*/
.right{float:right !important;}
.row {float:left; width:100%;}
.left{float:left !important;}
.clear{clear:both;}
.overflow_hidden{overflow:hidden;clear:both;}
.display_block{display:block;}
.postion_relative{position: relative;}
.cursor_pointer{cursor: pointer!important;}
.bg_image_none{background-image: none !important;}
.text_overflow{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.border_bottom{border-bottom:solid 1px #DEDEDE;}
.border_bottom_dash{border-bottom:dashed 1px #DEDEDE;}
.border_top{border-top:solid 1px #DEDEDE;}
.noborder{border:none !important;}
.border_top_none{border-top: none !important;}
.border_bottom_none{border-bottom: none !important;}

.margin_left_none{margin-left:0 !important;}
.margin_right_none{margin-right:0 !important;}
.margin_bottom_none{margin-bottom:0 !important;}
.margin_top_none{margin-top:0 !important;}
.padding_bottom_none{padding-bottom:0 !important;}


.graybold {font-weight:bold;}
.black{color:#000 !important;}
.blackbold {font-weight:bold;color:#000 !important;}
.black_333{color:#333333!important;}
.gray_666{color:#666666!important;}
.lightgray{color:#999 !important;}
.lightgray *{color:#999;}
.lightgray_ccc{color: #ccc;}


a.highlight, .highlight, .highlight a,a.blue{font-weight:normal;}
a.highlightheader{font-weight:bold;font-size:14px;}
a.bluebold, .bluebold ,a.navbar_titer{font-weight:bold;}


span.red {color:red;}
.script_red{color: #ff0000 !important;}
.orange{color:#f17842!important;}


.green{font-weight:normal;color:#390 !important;}
.greenbold{color:#390;font-weight:bold;}

/*--------------------base css   maqt  end-------------------*/


/*--------------------templet.css maqt start------------------*/

/*----- 3.������ɫ ��ʼ -------*/
body{
background: #666;
	position: relative;
	font-family:"microsoft yahei";
}
a.highlight, .highlight, .highlight a{color:#09C !important;}
a.highlightheader{color:#09C;}
a.blue{color:#09C;}
a.bluebold, .bluebold ,a.navbar_titer{color:#09C;}
.dark_blue{color: #00607f !important;}
/*------- 3.������ɫ ����----------*/

/*--------------------templet.css maqt end-----------------*/
/*------------登录页页头部 开始---------------*/
.header_01{
background-color: #0c7ed9;
width: 100%;
height: 105px;
position: relative;
}
.header_01_space{
max-width: 1200px;
height: 105px;
margin: 0 auto;
	padding:0 20px;
}
.header_01_logo{
float: left;
height: 105px;
margin: 0 0 0 0;
}

.header_link{
	float: right;
	width: 407px;
	margin-top:15px;
}
.header_link .link{
	float: left;
	font-size: 14px;
	line-height: 25px;
	color: rgba(255,255,255,0.7);
	color: #fff\9;
	white-space: nowrap;
}
.header_link .line{
	float: left;
	font-size: 14px;
	line-height: 25px;
	color: rgba(255,255,255,0.7);
	margin: 0 10px;
	color: #fff\9;
}
/*------------登录页头部 结束---------------*/


/* 登录页 开始 */
.mid_container{
background: #eeefef ;
width: 100%;
min-height: 567px;
margin: 0 0 0;
padding-bottom:20px;
}
.container_space{
	max-width: 1200px;
	padding:0 20px;
height: 569px;
margin: 0 auto;
	position: relative;
}
.content_login_box{
float: right;
width: 339px;
margin: 23px 0 0 0;
}
.login_box_title{
	float: left;
	width: 100%;
	height: 36px;
	border-bottom: 1px solid #9fcee0;
}
.login_box_title a{
float: left;
font-family: "microsoft yahei";
font-size: 18px;
	padding:0 44px;
	text-align: center;

}
.login_box_title a.active{
	color: #0c7ed9;
}
.login_box_title span{
	border-left:1px solid #9fcee0;
	height:16px;
	float: left;
	width: 1px;
	margin-top: 9px;
}

.login_box_title_notice {
float: left;
margin: 2px 0 0 0;
width: 183px;
}
.input_bar_01,.input_bar_02{
	float: left;
	height:50px;
	width:276px;
	border:1px solid #dedede;
	border-radius:8px;
	padding:0 0 0 61px;
	margin-top:17px;
}
.input_bar_01{
	 background: url(../image/person.png) no-repeat  #fff 20px 15px;
	margin-top:5px;
 }
.input_bar_02{
	background: url(../image/lock.png) no-repeat  #fff 20px 15px;
}
.login_box_input{
float: left;
width: 233px;
height: 50px;
line-height: 50px;
padding: 0 10px;
border:none;
font-size: 14px;
color: #666;
}
.down_link_choice{
float: left;
width: 339px;
margin: 19px 0 0 0;
}
.login_box_checkbox{
float: left;
margin: 3px 6px 0 23px;
*margin-top: -2px;
_margin-top: -2px;
	border:1px solid #dedede;
	background-color: #fff;
}
.login_box_checkbox_label{
float: left;
height: 18px;
line-height: 18px;
	font-size: 16px;
color: #0c7ed9;
}

.login_box_psd{
float: right;
height: 18px;
line-height: 18px;
color: #0c7ed9;
	font-size: 16px;
}

.login_box_landing_btn{
float: left;
background: #0c7ed9;
width: 100%;
height: 50px;
cursor: pointer;
color:#fff;
font-size: 24px;
letter-spacing: 4px;
	border-radius: 8px;
	margin: 25px 0 0 0;
}
.login_box_down{
float: left;
width: 100%;
}

.login_box_notice{
float: left;
width: 339px;
line-height: 38px;
padding: 0;
color:#666;
	font-size: 18px;
	text-align: center;
	margin-top:11px;
}
.fundation{
	float: left;
	width: 100%;
	font-size: 18px;
	height:24px;
	text-align: center;
	color: #0c7ed9;
	margin-top:18px;
	background: url(../image/line.png) 0 12px no-repeat;
}
.qq{
	float: left;
	width:27px;
	height: 28px;
	background: url(../image/qq.png) no-repeat 0 0;
	margin-left:124px;
	margin-top:20px;
}
.weixin{
	float: left;
	width:33px;
	height: 27px;
	background: url(../image/weixin.png) no-repeat 0 0;
	margin-left:27px;
	margin-top:22px;
}
.code-tab{
	float: left;
	width: 329px;
	*width: 334px;
	height: 43px;
	padding:0 2px 0 6px;
	border-bottom: 1px solid #9fcee0;
}
.code-tab a{
	font-size: 18px;
	color: #999;
	float: left;
	margin-top:10px;
}
.code-tab a.active{
	color: #0c7ed9;
}
.code-tab span{
	border-left:1px solid #9fcee0;
	height:18px;
	margin: 15px 27px 0 24px;
	float: left;
}
.code_box{
	float: left;
	width: 100%;
	height: 358px;
	background-color: #fff;
	margin: 16px 0 0 0;
}
.code_box .tip{
	float: left;
	width: 291px;
	font-size: 18px;
	margin-top:27px;
	padding:0 23px;
	text-indent: 2em;
}
.code_box_title{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.code_box_title span{
	float: left;
	width: 49%;
	font-size: 18px;
	color: #0c7ed9;
	text-align: center;
}
.code_image{
	float: left;
	width: 168px;
	height: 167px;
	margin: 0 0 0 0;
}

/*左侧广告*/
.ad_content{
	float: left;
	max-width: 679px;
	height: 567px;
}
.ad_link{
	float: left;
	margin:60px 0 0 102px;
}


.code_btn_block{
	float: left;
	width: 110px;
	height: 110px;
	border-radius: 10px;
	border:2px solid #eeefef;
	margin: 107px 15px 0 ;
	text-align: center;

}
.code_btn_block img{
	margin:27px 0 0 44px;
	float: left;

}
.code_btn_block span{
	margin-top:8px;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
}
/* 登录页 结束 */
#footer{
	max-width: 100%;
	margin: 0 auto;
}
.footer_bar{
	color: #FFF;
	text-align: center;
	width: 100%;
	font-size: 14px;
	margin-top:8px;
	padding-bottom:17px;

	}
.popup_page{
	position: absolute;
	z-index: 1000s;
	height: 604px;
	width: 627px;
	background-color: #e9eaec;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	top:-37px;
	right:158px;
}
.popup_page .content_login_box{
	margin: 40px 140px 0 0;
}
.close{
	position: absolute;
	width: 18px;
	height: 18px;

	top:11px;
	right:13px;
	background: url(../image/close_btn.png) no-repeat;
}
.popup_logo{
	float: left;
	margin:50px 0 0 128px;
}
.title{
	float: left;
	width: 100%;
	color:#0e1b2b;
	margin-top:10px;
	text-align: center;
}
.name{
	float: left;
	width: 100%;
	color:#0e1b2b;
	margin-top:33px;
	text-align: center;
}
input[type="button"], input[type="submit"],
input[type="reset"],input[type="text"],input[type="checkbox"]{

	-webkit-appearance: none;

}
.login_btn{
	float: left;
	width: 300px;
	height: 40px;
	background-color: #4990e2;
	color: #fff;
	font-size: 15px;
	margin:42px 0 0 20px;
}
.login_btn:hover{
	cursor: pointer;
}
.back{
	float: left;
	margin:42px 0 0 20px ;
}
.notice{
	float: left;
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-top: 5px;
}
.school_name{
	float: left;
	width: 100%;
	text-align: center;
	color: #999;
	margin-top: 7px;
}
.error_notice{
	float: left;
	width: 100%;
	height: 21px;
	color:#ff0000;
	font-size: 14px;
	margin-top: 7px;
	text-align:center;
}
.verify{
	float: left;
	width: 100%;
	margin-top:15px;
}
.verify img{
float: left;
width:78px;
height:50px;
}
.verify span{
float: left;
font-size: 16px;
line-height: 50px;
margin-left:21px;
}
.verify input{
float: left;
height:50px;
border:1px solid #dedede;
border-radius:8px;
width:180px;
margin-right:20px;
}

/*2017-07-11 响应式 start*/

@media screen and (max-width:1023px) {
	*{box-sizing: border-box;}
	.ad_content{display: none;}
	.content_login_box{width:100%;}
	.login_box_title span,
	.login_box_title a:last-child{display: none;}
	.login_box_title a:first-child{width: 100%;text-align: center;padding:0;}
	.input_bar_01, .input_bar_02{width:100%;}
	.login_box_input{width:calc(100% - 10px);height:48px;line-height: 48px;}
	.verify input{width:calc(100% - 98px);}
	.down_link_choice{width: 100%;}
	.login_box_notice{width:100%;}
	.login_box_down .fundation{display: none;}
	.login_box_down .row{display: none;}
	.popup_page{display: none;}
	.code_box{display: none;}
	.login_box_checkbox{ margin: 1px 6px 0 23px;}
	.content_login_box{margin-top:18px;}
	.container_space{height:506px;}
	.mid_container{min-height:506px;}
}
@media screen and (max-width:730px) {
	.header_link{display: none;}
	.header_01_logo{margin-left:calc((100% - 238px) / 2);}
}
/*2017-07-11 响应式 end*/