.bg-grade1 {background-color: #fff9fb;}
.bg-grade2 {background-color: #fff9fb;}
.bg-list {background: url(../images/1406034.png) no-repeat top left;height: 251px;}
.unitmain .title {font-size: 4rem;font-weight: bold;color: var(--navy-blue);font-family: "Microsoft YaHei";line-height: 4.5rem;padding-left: 7rem;padding-top: 2.5rem;}
.unitmain .title span {color: #b81144;}
.title img {width: auto;}
.unitmain .titledes {font-size: 2.75rem;color: #bd2560;padding-left: 7rem;}
.unitcont .title {margin-bottom: 1.0rem;font-size: 2.8rem;width: auto;padding: 1rem 1rem 1.0rem;color:  var(--navy-blue);font-weight: bold;font-family: "Microsoft YaHei";}
.unitcont .title::after {content: '';position: absolute;bottom: 2px;left: 0;width: 100%;height: 3px;background: linear-gradient(to right, #9bcfda 0%, #5c98c9 100%);}
.unitcont .subtitle {font-size: 1.5rem;color: #2184d5;padding: 0.5rem 1rem 0.5rem;background: linear-gradient(to right, #e2f5f1 25%, #dfefff 70%, rgb(51 129 255 / 0%) 98%);margin: -0.5rem 0 1.5rem;}
.grade_list .rank {padding: 0.2rem 1.8rem;color: #ffffff;font-size: 1.25rem;width: fit-content;margin: auto 0 0.5rem;background: linear-gradient(to right, #de4674 0%, #b81144 100%);clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 7% 50%, 0% 0%);border: 0px dotted #ed412f;border-radius: 0rem;}
.grade_list li {width: calc(100%/4);padding: 0.5rem;}
.name{color: #bd2560;font-size: 1.5rem;border-bottom: dotted 1px;margin-bottom: 0.5rem;}
.grade_list li .rank_top {padding: 0 0.85rem;}
.grade_list li .rank_top_digit {padding: 0 0.5rem;}
.grade_list .text-red {color: #ffffff;background: linear-gradient(to right, #995c13 40%, #f7cc9b 95%);border-radius: 1.5rem;margin: 0 0.3rem;padding: 0 1.0rem;}
.grade_list .text-red::before {
    content: '\f005';
    color: #fff;
    font-family: "Font Awesome 5 Free";
}
.name small{padding: 0 0 0 0.5rem;font-size: 1.2rem;}
.name span{padding: 0 0 0 0.5rem;color: #08226a;}
.know a{color:#ffffff;border-bottom: solid 5px #264887;background: linear-gradient(to right, #4bcdda 0%, #3b89c8 100%);text-decoration: none;font-size: 1.8rem;}

@media screen and (min-width: 1281px){
    .md\:block {display: block;}
}

@media screen and (max-width: 1280px){
}

@media screen and (max-width: 1200px){ 
    .grade_list li {width: 100%;}
	
}
@media screen and (min-width:1366px) and (max-width: 1800px){ 
	.unitmain .title{padding-left: 20rem;}	
	.unitmain .titledes{padding-left: 20rem;font-size: 2.5rem;}	
}

@media screen and (min-width:768px) and (max-width: 1365px){ 
	.unitmain .title {font-size: 3.2rem;line-height: 3.8rem;padding-left: 24rem;padding-top: 2.0rem;text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ffffff, 0 0 40px #ffffff;}
	.unitmain .title span {display: block;}
	.unitmain .titledes {font-size: 2.0rem;color: #bd2560;padding: 0.5rem;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ffffff, 0 0 40px #ffffff;text-align: right;display: block;}
	.grade_list li {width: calc(100%/2);padding: 0.5rem;}
	.unitcont .title {font-size: 2.2rem;}
}
@media screen and (max-width: 1023px){
	    .unitmain .title {font-size: 3.2rem;line-height: 3.8rem;padding-left: 24rem;padding-top: 2.0rem;text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ffffff, 0 0 40px #ffffff;}
	.unitmain .title span {display: block;}
	.unitmain .titledes {font-size: 2.0rem;color: #bd2560;padding: 0.5rem;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ffffff, 0 0 40px #ffffff;text-align: right;display: block;}
	.unitcont .title {font-size: 2.2rem;}
}
@media screen and (max-width:767px){ 
.unitmain .title {font-size: 2.8rem;line-height: 3.2rem;padding-left: 0rem;padding-top: 2.0rem;text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ffffff, 0 0 40px #ffffff;text-align: center;}
	.unitmain .title span {display: block;}
	.unitmain .titledes {font-size: 1.7rem;color: #bd2560;padding: 0.5rem;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ffffff, 0 0 40px #ffffff;background-color: #ffffff99;text-align: center;}
	.unitcont .title {font-size: 1.9rem;padding: 1rem 0rem 1.0rem;}
	.know a{font-size:1.7rem;}
}