@charset "utf-8";
@import url("./base.css");
/*内页标题*/
.inpage-title{position: relative;padding-bottom: 20px;margin-bottom: 20px;font-size: 30px;line-height: 1;text-align: center;}
.inpage-title::after{content: '';position: absolute;left: 50%;bottom: 0;width: 36px;height: 4px;margin-left: -18px;background-color: #2982C6;}

/*分页*/
.page{padding-top: 60px;font-size: 0;text-align: center;}
.page > *{height: 40px;display: inline-block;box-sizing: border-box;padding: 0 1.1em;margin: 0 5px;background-color: #fff;border: 1px solid #e6e6e6;font-size: 14px;line-height: 40px;color: #333;transition: 0.3s;}
.page input{width: 60px;text-align: center;}
.page .no-border{padding: 0 .5em;border-color: transparent;}
.page > a.on,.page > a:hover{background-color: #2982C6;border-color: #2982C6;color: #fff;}

/*查询表单*/
.query-form{max-width: 600px;margin: 0 auto;}
.query-form .row{background-color: #F5F5F5;border-radius: 5px;}
.query-form .row .name{flex: auto;white-space: nowrap;}
.query-form input{background-color: transparent;border: 0;}
.query-form .btns-area{margin-top: 40px;}
.query-form .btns-area .btn{width: auto;padding: 0 4em;border-color: #2982C6;color: #2982C6;}
.query-form .btns-area .btn[type='submit']{background-color: #2982C6;color: #fff;}

/*查询结果列表*/
.query-result-list{}
.query-result-list li{margin-top: 30px;}
.query-result-list li:first-child{margin-top: 0;}
.query-result-list li a{position: relative;display: block;padding: 30px;background-color: #F5F5F5;line-height: 20px;transition: 0.5s;}
.query-result-list li .date{position: absolute;left: 30px;top: 50%;padding-right: 20px;border-right: 2px solid #D8D8D8;line-height: 14px;transform: translateY(-50%);}
.query-result-list li .tit{position: relative;padding: 0 100px 0 130px;}
.query-result-list li .tit::after{content: '';position: absolute;right: 10px;top: 50%;width: 20px;height: 6px;border-bottom: 2px solid currentColor;border-right: 3px solid currentColor;color: #ccc;transform: translateY(-60%) skewX(45deg);}
.query-result-list li a:hover{background-color: #fff;color: #2982C6;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.query-result-list li a:hover .tit::after{color: #2982C6;}
/*未查询到结果的提示*/
.no-result-tips{margin: 20px 0;font-size: 16px;line-height: 20px;text-align: center;color: #2982C6;}

/*成绩信息*/
.grade-info-box{padding: 20px;background-color: #fff;font-size: 16px;}
.grade-info-box .user-info{display: flex;justify-content: space-between;flex-wrap: wrap;}
.grade-info-box .user-info span{flex: 1 1 30%;box-sizing: border-box;padding: 0 20px;line-height: 40px;}
.grade-info-box .grade-table{width: 100%;border-collapse: collapse;}
.grade-info-box .grade-table tr:nth-child(2n){background-color: #F5F5F5;}
.grade-info-box .grade-table tr.tit{height: 50px;background-color: #2982C6;color: #fff;}
.grade-info-box .grade-table td{width: 25%;padding: 10px 20px;border: 1px solid #ddd;text-align: center;line-height: 20px;}
.grade-info-box .grade-table td:nth-child(1){width: 50%;}
.grade-info-box + .btns-area{margin: 10px 20px 0;text-align: right;}
.grade-info-box + .btns-area .btn{margin: 0 0 0 20px;background-color: #2982C6;border-color: #2982C6;color: #fff;}
.grade-info-box .section{margin-bottom: 40px;}
.grade-info-box .section .certificate-pic{width: 70%;margin: 0 auto;overflow: hidden;}
.grade-info-box .section .certificate-pic em{position: relative;display: block;padding-top: 70%;}
.grade-info-box .section .certificate-pic em img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;cursor: zoom-in;}
.grade-info-box .section .btns-area{width: 70%;margin: 20px auto 0;text-align: left;}
.grade-info-box .section .btns-area .btn{margin: 0 0 0 20px;background-color: #2982C6;border-color: #2982C6;color: #fff;}

/*备注*/
.mark{margin-top: 20px;line-height: 1.6;}


/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC:>=1025px && <=1300px*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*内页标题*/
	.inpage-title{padding-bottom: 15px;margin-bottom: 15px;font-size: 18px;line-height: 1.4;}
	
    /*分页*/
	.page{padding-top: 30px;}
	.page > *{padding: 0 .8em;margin: 0 3px;height: 30px;font-size: 12px;line-height: 28px;}
	
	/*查询表单*/
	.query-form .row{margin-bottom: 15px;}
	.query-form .btns-area{margin-top: 30px;}
	.query-form .btns-area .btn{padding: 0 2.5em;}
	
	/*查询结果列表*/
	.query-result-list li{margin-top: 15px;}
	.query-result-list li a{padding: 15px;}
	.query-result-list li .date{left: 15px;padding-right: 10px;border-right-width: 1px;line-height: 12px;}
	.query-result-list li .tit{padding: 0 0 0 100px;}
	.query-result-list li .tit::after{display: none;}
	
	/*成绩信息*/
	.grade-info-box{padding: 10px;font-size: 14px;}
	.grade-info-box .user-info span{flex: 0 0 100%;padding: 0;line-height: 30px;}
	.grade-info-box .grade-table tr.tit{height: 50px;}
	.grade-info-box .grade-table td{padding: 10px;}
	.grade-info-box + .btns-area{margin: 10px 10px 0;text-align: center;}
	.grade-info-box + .btns-area .btn{padding: 0 1.5em;margin: 0 10px;}
	.grade-info-box .section{margin-bottom: 30px;}
	.grade-info-box .section .certificate-pic{width: 100%;}
	.grade-info-box .section .btns-area{width: 100%;text-align: center;}
	.grade-info-box .section .btns-area .btn{padding: 0 1.5em;margin: 0 10px;}
}