body{font-size: 14px;}
.bgfff{ background-color: #ffffff;}
/* 成绩和证书入口样式 certificate.html*/
.certif-content{border-top:2px solid #418DEA ;	background-color: #f5f4f8;	margin: 0 auto;	padding: 0;min-height:500px;overflow: hidden; zoom: 1;  padding-bottom: 50px;}
.certif-crumbs-nav{	color: #1890ff;	height: 70px;	line-height: 70px;font-size: 16px;}
.certif-crumbs-nav a:hover{color: #1890FF;}
.certif-crumbs-nav span{ color: #666; padding: 0 10px;}
.certif-remind{ height: 70px; margin-bottom: 15px; color: #333; font-size: 18px; line-height: 70px; padding-left: 20px; font-weight: bold;}
.certif-remind a{ color: #1890FF;}
.certif-remind a:hover{ list-style-type: underline; color: #1890ff;}
.fai-module , .ctm-module{ padding: 0px 20px; overflow: hidden;}
.fai-module-title , .ctm-module-title{ line-height: 60px; font-size: 18px; border-bottom:1px solid #eee ; font-weight: bold;}
.fai-module-title{ color: #00A4C0;}
.fai-module-title span{width: 6px; height: 20px;background-color: #00A4C0; overflow: hidden; display: inline-block; margin-right: 10px; }
.ctm-module{margin-top:15px;clear: both; zoom: 1;}
.ctm-module-title{ color: #4F73C7;}
.ctm-module-title span{width: 6px; height: 20px;background-color: #4F73C7; overflow: hidden; display: inline-block; margin-right: 10px;}
.module-content{ clear: both; zoom: 1;}
.module-content li { color: #333333; width: 220px; height: 60px; border: 1px solid #eee; margin: 0 auto; padding: 40px; text-align: center; float: left; overflow: hidden;  margin: 30px 0px 30px 120px; font-size: 22px;}
.module-content li:hover{box-shadow: 0px 3px 5px #cccccc; cursor: pointer;}
.module-content li img{ padding-right: 20px;}

/* 成绩查询框 在线验证 scoreInquiry.html  */
.inquire-module{padding: 30px; padding-top: 0; overflow: hidden;}
.inquire-module h2{ text-align: center; border-bottom:1px solid #EEEEEE;line-height: 90px; height: 90px; font-size: 22px; color: #333; font-weight: bold;}
.inquire-module p{ height:80px; line-height:80px; text-align: center; color: #D51D20;}
.inquire-cx-text{ margin: 0 auto;}
.inquire-form{ margin: 10px auto; text-align: center; color: #333333; margin-bottom: 30px;}
.inquire-form input{ border: 1px solid #ccc; width:200px; height:35px; margin-bottom:25px; padding: 0 10px;}
.inquire-form button{ text-align: center; width: 100px; height: 40px; border: none; font-size: 14px;}
.inquire-form .qk-btn{ background-color: #ffffff; color: #666666; border: 1px solid #cccccc; margin-left:10px;}
.inquire-form .qk-btn:hover{background-color: #1890ff; color: #ffffff; border:1px solid #1890ff;}
.verify-form{ margin: 10px auto; text-align: center; color: #333333;float: left; margin-bottom: 30px; width:500px;margin-right: 50px;}
.verify-form input{ border: 1px solid #ccc; width:200px; height:35px; margin-bottom:25px; padding: 0 10px;}
.verify-form button{ text-align: center; width: 100px; height: 40px; border: none; font-size: 14px;}
.verify-form button:hover{width: 100px; height: 40px; border: none; }
.verify-module-img{ margin-top: 35px;}
.inquire-text{ margin-bottom:10px; text-align: right; margin-top:30px;}
.inquire-text label{text-align: right; width: 150px; display: inline-block; margin-right: 10px;}
.cx-btn{ background-color: #1890ff; color: #ffffff; border: 1px solid #1890ff;}
.cx-btn:hover{background-color: #007cee; border: 1px solid #007cee; }

/* 下载报告页面 downReport.html */
.down-report{ margin: 20px auto; color: #000000; position: relative; width:68%;}
.down-report table{border-collapse:collapse; width:450px; float: left;}
.down-report-img{float: left; border: 1px solid #6ca8df; width: 126px; height:186px; margin-left:20px;}
.down-report td{ border: 1px solid #6ca8df; padding: 0 10px; text-align: left;}
.down-report th{ background-color: #e6f4fd; color:#2D67C3; height:46px; border: 1px solid #5fa5ed;padding: 0 10px;text-align:right; width:20%;}
.down-report-seal{ position: absolute; bottom:-240px; right:125px;}
.down-report-btn{ margin: 20px auto; width:250px; height: 40px; background-color: #1890ff; color: #ffffff; border: 1px solid #1890ff;}
.down-report-btn:hover{background-color: #007cee;  border: 1px solid #007cee;}
.down-btn{margin: 0 auto; width: 250px;}

/* 成绩查询弹出框样式 gradePopout.html */

.grade-popout{ background-color: rgba(255,255, 255, 1);width:800px; height:336x;border-radius: 5px;z-index: 1;/*优先*/
text-align: center;    /* 实现对浏览器窗口的垂直居中 */    
position: fixed;left: 50%;    top: 50%;  transform: translate(-50%,-50%);padding: 10px;} 
/* 弹出框的提示文字部分 */
.grade-popout-header{border-bottom: 1px solid #eeeeee ;height:50px;margin: 0 auto;text-align: left;padding-left:20px ;font-weight: bold;line-height: 50px;}
.grade-popout-content{ margin: 0 auto; width:85%;}
.grade-popout-content P{text-align: left; line-height:30px; height: 30px; margin-top:20px;}
.grade-popout-content table{border-collapse:collapse; width: 100%; margin-bottom: 30px; margin: 0; padding: 0;}
.grade-popout-content td{ border: 1px solid #6ca8df; padding: 0 10px; text-align: left; width:30%;}
.grade-popout-content th{ background-color: #e6f4fd; color:#2D67C3; height:46px; border: 1px solid #5fa5ed;padding: 0 10px;text-align:right; width:20%;}
/* 弹出框的两个按钮部分 */
.grade-popout-footer{border-top: 1px solid #eeeeee; margin-top: 20px;}
.grade-popout-btn{float: right;height: 40%;display: flex;  flex-direction: row;}   
/* 取消和确认按钮的设置 */
.confirm,.cancel{outline:none;;height: 35px;margin:10px;cursor: pointer;}
.confirm{width: 80px;    border: 1px; border-radius:5px;background-color: #1890ff; color: #ffffff; border: 1px solid #1890ff;}
.cancel{width: 80px; border: 1px solid #CCCCCC;border-radius:5px;background-color: white }   
.confirm:hover,.cancel:hover{background-color: #007cee; color: #ffffff; border:1px solid #007cee;}