@charset "UTF-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, form, input, textarea, button, code, cite {
	margin: 0;
	padding: 0;
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;
	font-size: 16px;
}
footer{
	color: #B6B6B6;
	text-align: center;
	margin-top: 20px;
}
.both{
	clear:both
}
/* 帮助内容书写框架 */
.help_framework{
	background-color: white;
    margin: 0 auto;
    width: 900px;
    height: auto;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, .12);
}
.help_framework h2{
	font-size: 20px;
}
/*查询的表格框架*/
.Search_Framework{
	margin-left: auto;
	margin-right: auto;
	width: 328px;
	height: 280px;
	background-color: #FFFFFF;
	margin-bottom: 50px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 8px 1px #EFEFEF;
	box-shadow: 0px 0px 8px 4px #EFEFEF;
	text-align: center;
	color: #FF4548;
}
/*查询的表格框架的按钮*/
.Search_Framework input[type=button]{
	height: 35px;
	width: 200px;
	position: relative;
	top: 60px;
	-webkit-appearance: none;
	font-size: 20px;
	background-color: #567CCC;
	border: 1px solid #6796F5;
	color: #FFFFFF;
	border-radius: 4px;
}
/*查询的表格框架的按钮，点击后的样式*/
.Search_Framework input[type=button]:active{
	border: 1px solid #FFFFFF;
	-webkit-box-shadow: inset 1px 1px 1px 1px #FFFFFF;
	box-shadow: inset 1px 1px 8px 1px #FFFFFF;
}
.Search_Framework input[type=button]:hover{
	border: 1px solid #FFFFFF;
	-webkit-box-shadow: inset 1px 1px 1px 1px #FFFFFF;
	box-shadow: inset 1px 1px 8px 1px #FFFFFF;
	cursor: pointer;
}
/*头部的LOGO和标题*/
.LOGO_and_Head{
	margin-top: 50px;
	height: 180px;
	text-align: center;
}
/*查询信息输入的样式*/
.input_div{
	height: 35px;
	border: thin solid #EFEFEF;
	width: 245px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: inset 1px 1px 6px #E8E8E8;
	box-shadow: inset 1px 1px 6px #E8E8E8;
	border-radius: 7px;
}
/*查询信息输入中图片大小的样式*/
.input_div div{
	height: 20px;
	width: 18px;
	background-repeat: no-repeat;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	position: absolute;
}
/*查询信息输入中输入区域的样式*/
.input_div input{
	width: 200px;
	border-width: 0px;
	margin-top: 4px;
	position: absolute;
	left: 30px;
	height: 28px;
	font-size: 100%;
}
.input_div input:focus{
	border: 0;
    outline: none;
}
/*严重输入信息是否正确后的反馈的样式*/
.waring{
	width: 245px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 80px;
}
/*Search页面*/
.Select_Search_item{
	margin-left: auto;
	margin-right: auto;
	width: 480px;
	height: 120px;
	background-color: #FFFFFF;
	margin-bottom: 50px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 8px 1px #EFEFEF;
	box-shadow: 0px 0px 8px 4px #EFEFEF;
	text-align: center;
	color: #FF4548;
	margin-top: 40px;
}
.select_framework{
	width: 80%;
	height: 40%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 15px;
}
select{
	-webkit-appearance: none;
	width: 90%;
	height: 100%;
	background-color: #FFFFFF;
	cursor: pointer;
	
}
select option{
	font-size: 1em;
    padding: 0.2em 0.4em 0.2em 0.4em;
}
/*查询的表格框架的按钮*/
.Select_Search_item input[type=button]{
	height: 30px;
	width: 200px;
	position: relative;
	top: 25px;
	-webkit-appearance: none;
	font-size: 15px;
	background-color: #567CCC;
	border: 1px solid #6796F5;
	color: #FFFFFF;
	border-radius: 4px;
}
/*查询的表格框架的按钮，点击后的样式*/
.Select_Search_item input[type=button]:active{
	border: 1px solid #FFFFFF;
	-webkit-box-shadow: inset 1px 1px 1px 1px #FFFFFF;
	box-shadow: inset 1px 1px 8px 1px #FFFFFF;
}
/*student_score页面*/
/*Head*/
.score_head{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 1px 8px 1px #EFEFEF;
	box-shadow: 0px 0px 8px 4px #EFEFEF;
	min-width: 790px;
}
/*成绩内容现实框架*/
.score_show_Framework{
	width: 40%;
	text-align: center;
	border-radius: 8px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 30px 9px #EFEFEF;
	box-shadow: 0px 0px 30px 9px #EFEFEF;
}
.score_detail_show_Framework{
	width: 83%;
	text-align: center;
	border-radius: 8px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 30px 9px #EFEFEF;
	box-shadow: 0px 0px 30px 9px #EFEFEF;
}
.score_detail_table{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-width: 0px;
}
.score_detail_table th{
	background-color: #CCFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 30px;
}
.score_detail_table td{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-width: 0px;
	background-color: #FCFCFC;
}
.score_show_Framework_title{
	width: 100%;
	height: 25px;
	background-color: #34B0FD;
	color: #FFFFFF;
	line-height: 25px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.Progress_bar_framework{
	height: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border: 1px solid #ECECEC;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px #ECECEC;
	box-shadow: inset 0px 0px 2px #ECECEC;
}
.Progress_bar{
	height: 20px;
	text-align: right;
	color: #F0F0F0;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 1px;
	box-shadow: inset 0px 0px 1px;
}
.beyond_percent_framework{
	width: 45%;
	height: 150px;
	margin-top: 20px;
	float: left;
}
/*管理页面*/
/*管理页面主要画面框架*/
.admin_main_framework{
	height: 400px;
	width: 100%;
	background-image: url(../images/admin_bg.jpg);
	background-position: 50% 50%;
}
/*Head*/
.admin_head{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	background-color: #1F1F1F;
	-webkit-box-shadow: 0px 0px 8px 4px #000000;
	box-shadow: 0px 0px 8px 4px #000000;
	min-width: 790px;
	text-align: center;
	z-index: 1;
}
/*登陆的表格框架*/
.LogIn_Framework{
	margin-left: auto;
	margin-right: auto;
	width: 328px;
	height: 280px;
	margin-bottom: 50px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 13px 1px #382E2E;
	box-shadow: 0px 0px 13px 1px #382E2E;
	text-align: center;
	color: #FF4548;
	background-image: url(../images/introducebackground.png);
}
/*登陆的表格框架的按钮*/
.LogIn_Framework input[type=button]{
	height: 35px;
	width: 200px;
	position: relative;
	top: 60px;
	-webkit-appearance: none;
	font-size: 20px;
	background-color: #567CCC;
	border: 1px solid #6796F5;
	color: #FFFFFF;
	border-radius: 4px;
}
/*登陆的表格框架的按钮，点击后的样式*/
.LogIn_Framework input[type=button]:active{
	border: 1px solid #FFFFFF;
	-webkit-box-shadow: inset 1px 1px 1px 1px #FFFFFF;
	box-shadow: inset 1px 1px 8px 1px #FFFFFF;
}
/*登陆信息输入的样式*/
.LogIn_input_div{
	height: 35px;
	border: 1px solid #383838;
	width: 245px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: inset 1px 1px 6px #383838;
	box-shadow: inset 1px 1px 6px #383838;
	border-radius: 7px;
}
/*登陆信息输入中图片大小的样式*/
.LogIn_input_div div{
	height: 20px;
	width: 18px;
	background-repeat: no-repeat;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	position: absolute;
}
/*登陆信息输入中输入区域的样式*/
.LogIn_input_div input{
	width: 200px;
	border-width: 0px;
	margin-top: 4px;
	position: absolute;
	left: 30px;
	height: 28px;
	font-size: 100%;
	background-color: transparent;
	color: #FFFFFF;
}
.admin_help_framework{
	background-color: #FFFFFF;
	width: 100%;
	height: 196px;
}
.admin_help_label_framework{
	height: 120px;
	width: 30%;
	margin-top: 38px;
	text-align: center;
	float: left;
	color: #78797B;
}
.drag_framework{
	height: 100px;
}
.drag_label_framework{
	width: 15%;
	float: left;
	margin-top: 35px;
	margin-left: 4%;
	background-color: #FFFFFF;
	-webkit-box-shadow: 1px 1px 8px #D9D9D9;
	box-shadow: 1px 1px 8px #D9D9D9;
	text-align: center;
	height: auto;
}
.direction_framework{
	height: 220px;
	width: 100%;
	text-align: center;
}
.exam_admin_navigate_framework{
	width: 100%;
	background-color: #FFFFFF;
	height: 40px;
}
/*成绩管理—导航菜单*/
.navigate{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	font-family: Arial;
	list-style: none;
	text-align: center;
	-webkit-box-shadow: 0px 1px #AEAEAE;
	box-shadow: 0px 1px #AEAEAE;
}
.navigate li{
	display: inline;
	font-size: 13px;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 20px;
	position: relative;
	height: 40px;
	width: 120px;
	border-bottom-width: 1px;
}
.navigate li:hover{
	background-color: #E9E9E9;
	cursor:pointer;
}
.navigate li a{
	color: #4C3E3D;
	font-size: 16px;
	line-height: 40px;
	text-decoration: none;
}
.navigate ul li{
	clear: both;
	width: 100%;
	height: 25px;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom-color: #CAFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	-webkit-box-shadow: 0px 1px 8px #D9D9D9;
	box-shadow: 0px 1px 8px #D9D9D9;
}
.navigate ul li:hover{
	background-color: #CAFFFF;	
}
.navigate ul li a{
	font-size: 13px;
	line-height: 25px;
	text-decoration: none;
}
/*班级成绩总览表*/
.totalscore_detail_table{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #7F7F7F;
	margin-bottom: 20px;
}
.totalscore_detail_table th{
	background-color: #CCFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 30px;
	border: 1px solid #7F7F7F;
}
.totalscore_detail_table td{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
	border-top: 0px solid #7F7F7F;
}
.totalscore_detail_table_treven{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #F3F3F3;
	border: 1px solid #7F7F7F;
}
.demonstrate_nav{
	font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
	margin-top:10px;
	text-align:center;
	color:#999;
}
.demonstrate_nav ul{
	display:flex;
}
.demonstrate_nav ul li{
	height:44px;
	line-height:44px;
	flex:1;
	list-style:none;
}
.demonstrate_nav ul li:hover{
	color:#6bf;
	cursor:pointer;
}
header{
	background-color: #292525;height: 60px;border-bottom: 1px solid #292525;transition: all .3s;
}
header a{
	color:#FFFFFF ;
	text-decoration: none;
}
.login_btn{
	height: 30px; 
	width: 78px; 
	margin-top: 15px; 
	float: right; 
	border: 1px solid #FFFFFF; 
	border-radius: 20px; 
	text-align: center; 
	line-height: 30px;
}
.login_btn:hover{
	color: #000000;
	background-color: #FFFFFF;
	cursor: pointer;
}
.fixed{
	position: fixed;
	width: 100%;
	z-index: 20;
}
.used{
	width: 130px; height: 40px; margin-top: 20px; margin-left: auto; margin-right: auto; color: #FFFFFF;border: 1px solid #FFFFFF; border-radius: 5px; line-height: 40px;
}
.used:hover{
	color:#000000;
	background-color:#FFFFFF;
}
.used a{
	color: inherit;
	text-decoration: none;
}
#main_menu ul li{
	width:200px;
	height:100px;
	flex-basis:200px;
	padding-top: 30px;
}
#account_manage{
	width: 100px;
	margin-top: 10px;
	padding: 10px;
	list-style: none;
	background-color: #FFFFFF;
	color: #757575;
	box-shadow: 0 2px 0 rgba(41, 67, 73, .01), 2px 2px 2px rgba(0, 0, 0, .2);
	border-radius: 5px;
	border-right-width: 0px;
	border-right: 0.1px solid #C8C8C8;
	border-bottom: 0.1px solid #C8C8C8;
	border-left: 0.1px solid #C8C8C8;
}
#account_manage li:hover{
	color: #000000
}
.intr_bar{
	height:2px;width:100%;background-color:#00baff
}
nav{
	height: 41px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 0 rgba(41, 67, 73, .01), 0 1px 0 rgba(0, 0, 0, .05);
	margin: 0 auto;
	clear: both;
	border-bottom: 1px solid rgba(0, 0, 0, .12)
}
nav ul{
	max-width: 1080px;
	width: 78%; 
	margin-left: auto; 
	margin-right: auto;
	list-style: none;text-align: center;display: flex; line-height: 42px;
}
nav ul li{
	flex: 1;
}
nav ul li a{
	color: #5A5A5A;
	border-left: 1px solid rgba(0, 0, 0, .12);
	text-decoration: none;
	display: block;
	font-weight: 700;
}
nav ul li a:hover{
	cursor: pointer;
	color: #000000;
}
.inner_framework{
	padding:0px 20px;
	border: solid;
	border-radius: 10px;
	border-width: 1px;
	border-color: rgb(188, 188, 188);
}
.inner_framework div {
	padding:10px;
	margin-bottom:5px;
	text-align:left;
	font-size:15px;
	font-weight:200;
}
.inner_framework div label:hover{
	cursor:pointer;
}
.inner_framework div input[type="radio"]:hover{
	cursor:pointer;
}
.inner_framework div label span{
	color:#888;
	font-size:14px;
}
.contact_method_framework{
	padding:20px;
	padding-left:50px;
	text-align:left;
	
}
.contact_method_framework input{
	margin-top:8px;
	padding: 10px 8px;
	width:80%;
	height:14px;
	font-size:14px;
	font-weight:200;
	line-height:14px;
	border: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: rgb(186, 186, 186);
}
.contact_method_framework input[type="button"]{
	width: 80px;
	height: 36px;
	background-color: #00b9ff;
	border: none;
	color: white;
}
.confirm_button{
	padding: 5px 2px;
	margin: 10px auto;
	border-radius: 10px;
	color: white;
	width: 180px;
	height: 30px;
	font-size: 18px;
	background-color: #00b9ff;
	line-height: 30px;
}
.confirm_button:hover{
	background-color: #0088bb;
	cursor: pointer;	
}

.footer{
	width: 100%;
	height: 200px;
	background-color: rgba(233,233,233,1.00);
	text-align:center;
	position:relative;
}
.footer ul{
	color: rgba(163,163,163,1.00);
	padding-top: 20px;
	font-size: 14px;
	line-height:14px;
	list-style-type: none;
	white-space: nowrap;
}
.footer ul li{
	padding-left:12px;
	padding-right:12px;
	border-left:solid;
	border-width:1px;
	display:inline-block;
}
.footer p{
	font-size: 14px;
	color: rgba(163,163,163,1.00);
	line-height: 22px;
	margin-top: 100px;
}
.footer a{
	color: rgba(163,163,163,1.00);
}