*{margin:0;padding:0;}
html,body{min-width: 1200px;}
#gpa_main{background: #fff;font-size: 0;font-family: "Microsoft YaHei";color: #535353;}
#gpa_main *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/*comment*/
#gpa_main li{list-style: none;}
#gpa_main h6,#gpa_main h5,#gpa_main h4,#gpa_main h3,#gpa_main h2{font-weight: bold;}
#gpa_main h6{font-size: 14px;line-height: 14px;}
#gpa_main h5{font-size: 16px;line-height: 16px;}
#gpa_main h4{font-size: 18px;line-height: 18px;}
#gpa_main h3{font-size: 20px;line-height: 20px;}
#gpa_main h2{font-size: 22px;line-height: 22px;}
#gpa_main a{text-decoration: none;color: inherit;}
#gpa_main img{vertical-align: baseline;}
#gpa_main .btn-box{width: 100%;margin: 0 auto;}
#gpa_main .box-inline{text-align: center;}
#gpa_main .box-inline .btn{display: inline-block;}
#gpa_main .btn{
	color: #fff;background: #db2c35;
	font-size: 15px;width: 213px;height: 40px;line-height: 40px;margin: 0 auto;
	cursor: pointer;text-align: center;font-weight: bold;
	-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
#gpa_main .btn:hover, #gpa_main .btn.active{opacity: 0.8;}
#gpa_main .fr{float: right;}
#gpa_main .fl{float: left;}
#gpa_main .tl{text-align: left!important;}
#gpa_main .tc{text-align: center!important;}
#gpa_main .tr{text-align: right!important;}
#gpa_main .clearfloat:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
#gpa_main .last{margin-right: 0!important;}

#gpa_main input, #gpa_main select{
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #dfe2e5;
	line-height: 30px;
	height: 32px;
	width: 185px;
	text-align: center;
	font-size: 14px;
	padding: 0 0 0 14px;
	color: #535353;
	background-color: #fff;
	resize:none;
	outline: none;
}
#gpa_main select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
#gpa_main select::-ms-expand{display: none;}
#gpa_main select option{background-color: #fff;}
#gpa_main select option[selected="selected"]{background-color: #e0e6ef;}

#gpa_main .select-parent{
	position: relative;
	display: inline-block;
	font-weight: normal;
	text-align: left;
	cursor: pointer;
}
#gpa_main .select-parent input,#gpa_main .select-parent select{
	cursor: pointer;
	text-align: left;
	width: 172px;
}
#gpa_main .select-parent ul{
	display: none;
	position: absolute;
	font-size: 14px;
    z-index: 100;
    overflow: auto;
    color: #000;
    padding: 5px 0;
    background-color: #fff;
    line-height: 24px;
    border: 1px solid #ecedf6;
    width: 100%;
    max-height: 200px;
}
#gpa_main .select-parent ul.active{display: block;}
#gpa_main .select-parent ul li{padding-left: 20px;cursor: pointer;}
#gpa_main .select-parent ul li:hover{background-color: #e5e5e5;}
#gpa_main .select-parent:after{
	content: "";
	position: absolute;
	background: url(../images/icon_select_arrow.jpg) no-repeat right top;
	width: 26px;
	height: 32px;
	top: 0;
	right: 0;
}
/*common end*/
#gpa_main .banner{
	height: 320px;
	background: url(../images/banner.jpg) no-repeat top center;
}
#gpa_main .section>.container{
	width: 1080px;
	margin: 0 auto;
}
#gpa_main .section1 .container{padding: 45px 40px 30px;}
#gpa_main .section1 h3{color: #2e4883;margin: 0 0 23px;}
#gpa_main .section1 h3:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #2e4883;
	margin: 0 16px 0 0;
}
#gpa_main .section1 li{
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 24px;
}
#gpa_main .section1 li span{color: #db2c35;cursor: pointer;}

#gpa_main .section2 .container{
	background-color: #f1f6fd;
	padding: 37px 40px 44px;
}
#gpa_main .headline{color: #db2c35;}
#gpa_main .headline h3{display: inline-block;}
#gpa_main .headline h3:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 20px;
	background-color: #db2c35;
	margin: 0 17px 0 0;
}
#gpa_main .section2 .headline a{font-size: 14px;line-height: 20px;}
#gpa_main .section2 .headline a:before{
	content: "";
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon_01.png);
	margin: 3px 7px 0 0;
}
#gpa_main .gap_content{
	background-color: #fff;
	box-shadow: 0 6px 10px rgba(206,224,249,0.28);
	margin: 27px 0 45px;
	padding: 50px 39px 55px 38px;
}
#gpa_main .section2 label{
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
#gpa_main .section2 label span{color: #db2c35;}
/*#gpa_main .section2 label input,#gpa_main .section2 label select{background-color: #e0e6ef;}*/
#gpa_main .section2 .radio-box{display: inline-block;vertical-align: middle;margin: 0 0 0 20px;}
#gpa_main .section2 .radio-box li{
	display: inline-block;
	margin: 0 50px 0 0;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}
#gpa_main .section2 .radio-box li:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
	border: solid 1px #535353;
	margin: 0 6px 0 0;
}
#gpa_main .section2 .radio-box li.active:before{
	width: 4px;
	height: 4px;
	border: solid 4px #db2c35;
}
#gpa_main .section2 .gap_content>.gpa_list{margin: 42px 0 18px;}
#gpa_main .section2 .cancel{
	font-size: 16px;
	line-height: 32px;
	cursor: pointer;
	color: #db2c35;
}
#gpa_main .section2 .form-item{display: inline-block;margin: 0 38px 0 0;}
#gpa_main .section2 .form-item input,#gpa_main .section2 .form-item select{width: 185px;text-align: left;}
#gpa_main .section2 .form-item input.form-tel{width: 134px;}
#gpa_main .section2 .form-item input.form-code{width: 114px;margin: 0 5px 0 9px;}
#gpa_main .section2 .getCode{
	display: inline-block;
	vertical-align: top;
	width: 54px;
	height: 32px;
	line-height: 32px;
}
#gpa_main .section2 .submit{margin-top: 46px;}

/*list benin*/
#gpa_main .gpa_list{margin: 0 0 14px;}
#gpa_main .gpa_course{width: 380px;margin: 0 52px 0 0;}
#gpa_main .gpa_score{width: 220px;margin: 0 51px 0 0;}
#gpa_main .gpa_credit{width: 220px;}
/*list end*/
/*result benin*/
#gpa_main .gpa_result_list{
	background-color: #e0e6ef;
    height: 45px;
    line-height: 45px;
}
#gpa_main .gpa_result_list span{
	font-size: 14px;
	color: #000;
	width: 33.333%;
	text-align: center;
	display: inline-block;
}
#gpa_main .gpa_result_list1{
	background-color: #fff;
	border: 1px #eeeeee solid;
    border-top: 0;
    border-right: 0;
    height: 50px;
}
#gpa_main .gpa_result_list1 span{
	border-right: 1px #ddd solid;
	line-height: 20px;
	padding: 15px 0;
}
#gpa_main .gpa_result_list1 .select-parent{height: 20px;}
#gpa_main .gpa_result_list1 .select-parent input{height: 20px;line-height: 20px;border: 0;color: #000;}
#gpa_main .gpa_result_list1 .select-parent:after{height: 20px;background-position-y: -6px;}
#gpa_main .section2 .exports{margin-top: 37px;}
/*result end*/
/*illustrate*/
#gpa_main .gap_box_illustrate h4{text-align: center;margin: 0 0 27px ;}
#gpa_main .gap_box_illustrate .table-item{
	display: inline-block;
	vertical-align: top;
	width: 250px;
	border-top: solid #dfe2e5 1px;
}
#gpa_main table th, #gpa_main table td{
	font-size: 14px;
	width: 125px;
	text-align: center;
	height: 48px;
	border-bottom: solid #dfe2e5 1px;
	border-right: solid #dfe2e5 1px;
}
#gpa_main .border table th,
#gpa_main .border table td{border-left: solid #dfe2e5 1px;}
#gpa_main .border-left table th,
#gpa_main .border-left table td{border-right:0;}
#gpa_main table .title td{
	font-size: 16px;
	text-align: center;
	background-color: #fff;
}

#gpa_main table th{font-weight: bold;}

/*导入成绩弹窗 benin */
	.gpa_mask{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 20000;
		background: rgba(0,0,0,0.6);
	}
	.gpa_mask_content{
		display: none; 
		width: 510px;
		height: 295px;
		margin: 200px auto;
		border-radius: 5px;
		background-color: #fff;
	}
	.gpa_mask_title{
		background-color:#eeeeee;
		line-height: 34px;
		padding: 0 15px;
		font-weight: bold;
		color: #606060;
		border-radius:5px;
		font-family:"微软雅黑";
		font-size:16px;
	}
	.gpa_mask_close{
		width: 18px;
		height: 18px;
		display: inline-block;
		float: right;
		cursor: pointer;
		margin-top:3px;
	}
	.gpa_mask_file{
		margin: 10px 0;
		text-align: center;
		position: relative;
		font-family:"宋体";
		font-size:14px;
		color: #606060;	
	}
	.gpa_arrows{
		width: 24px;
		height: 15px;
		display: inline-block;
		background:url(../images/an_4_07.png) 0 0 no-repeat;
	}
	.gpa_mask_submit{
		background-color: #ababab;
		display: inline-block;
		width: 108px;
		line-height: 28px;
		cursor: pointer;
		color:#FFF;
		font-family:"宋体";
		font-size:14px;
	}
	.gpa_export_message{
		border-top: 1px #eeeeee solid;
		margin-top: 30px;
		line-height: 30px;
		font-size: 14px;
		color: #606060;
		padding: 15px;
		font-family:"宋体";
	}
	#gpa_main #fileToUpload{border: 0;width: 280px;height: 25px;line-height: 25px;padding: 0;}
/*导入成绩弹窗 end */

#gpa_main .section3>.container{
	width: 1080px;
	background-color: #f1f6fd;
	padding: 45px 40px;
	margin: 45px auto;
}
#gpa_main .section3 .headline{margin: 0 0 33px;}
#gpa_main .section3 .headline span{
	font-size: 14px;
	color: #535353;
	margin: 0 0 0 15px;
}
#gpa_main #serveBox .wrap li .item .circle{background-color :#db2c35;}

/* 页面提示条样式   */
.popup {
	background-color:#fff7de;
	border:#fec999 1px solid;
	display:none;
	position:fixed;
	z-index:99999;
	padding: 0 50px 0;
}