@charset "utf-8";
/* CSS reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th,td {margin: 0;padding: 0;}
ul{ list-style:none;}
ul li{list-style:none;}
img{border:0; vertical-align: middle;max-width: 100%}
a,a:hover { text-decoration: none;-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
i,em{ font-style: normal;}
table{ border-collapse:collapse; content:"";}
*,*:before,*:after{box-sizing:border-box;}

/*清除浮动*/
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}

body{width: 800px; margin:0 auto; background: #eef4ff;}
html{font-size: 5.6vw;}

.grade_cont{width: 100%;background: -webkit-linear-gradient(top,#2257b3, #eef4ff,#eef4ff); padding:0.3rem 0.3rem 0.6rem 0.3rem;}
.grade_list{width: 100%; padding:0.3rem; border-radius:0.2rem; background: #fff; position: relative; margin-bottom: 0.16rem;}
.grade_list .grade_list_title{font-size:0.32rem; font-weight: bold; padding-bottom: 0.16rem;}
.grade_list .grade_list_txt{font-size: 0.24rem; color:#666; display: block; padding-bottom:0.1rem;}
.grade_list .grade_list_txt span{padding-right:0.4rem;}
.grade_list .grade_btn{width:1.8rem; line-height: 0.72rem; background: #ffe073;color:#323232; border:0; border-radius: 0.08rem; position: absolute; right:0.3rem; top:50%; transform: translateY(-50%); font-size:0.28rem; font-weight: bold;}

/* 详情页 */
.gradeDetails{width: 800px; background: -webkit-linear-gradient(top,#2257b3, #eef4ff); padding:0.3rem 0.3rem 0.6rem 0.3rem; 
    margin: auto;
    /* position: fixed; top: 0; left:50%;transform: translateX(-50%); height: 100%;overflow: auto; */
}
.grade_nav{width: 100%; position: relative; padding:0.6rem 0.3rem;}
.grade_nav img{display: block; position: absolute; bottom: 0.1rem; right:0rem; width:2.3rem;}
.grade_nav .grade_txt{z-index: 10; position: relative;}
.grade_nav .grade_nav_mark{font-weight: bold; color:#fff; font-size: 0.8rem;padding-bottom: 0.1rem;}
.grade_nav .grade_nav_title{font-size: 0.28rem; color: #fff; }
.grade_nav .grade_nav_tag{ background: #11459e; color:#fff; font-size:0.24rem; border-radius: 0.2rem; display: inline-block; padding:0.04rem 0.14rem;font-weight: normal;}

.grade_subject{width: 100%; padding:0.4rem 0.3rem; background: #fff; border-radius:0.2rem; box-shadow:0rem 0.04rem 0.2rem 0rem #1950ae;}
.grade_subject ul{ display: flex;justify-content: space-around; }
.grade_subject li{ display: inline-block; }
.grade_subject .grade_subject_title{font-size:0.4rem; padding-bottom:0.1rem; font-weight: bold; text-align: center;}
.grade_subject .grade_subject_title em{font-weight: normal; font-size: 0.32rem;}
.grade_subject p{font-size:0.26rem; color:#11459e;}
.grade_subject p i{font-size: 0.26rem; padding-right: 0.1rem; font-weight: normal;}

.grade_detail{width: 100%; padding-top:0.4rem;}
.grade_detail_list{width: 100%; padding:0.4rem 0.3rem; background: #fff; border-radius: 0.2rem; margin-bottom: 0.15rem;}
.grade_detail .grade_detail_title{font-weight: bold; font-size: 0.32rem; padding-bottom: 0.3rem; border-bottom: 0.02rem solid #d6d6d6;}
.grade_detail .grade_detail_title i{font-size: 0.32rem;padding-right: 0.1rem; color:#11459e; font-weight: normal;}
.grade_detail .grade_detail_txt >p{font-size: 0.28rem; color:#666; padding-top:0.4rem;}
.grade_detail .grade_detail_txt >p >span{float: right;}
.grade_detail_btn{width: 100%; line-height: 0.8rem;margin-top: 0.4rem; font-size: 0.32rem;font-weight: bold; color:#11459e; border:0.02rem solid #11459e; border-radius: 0.08rem; background: #fff;}

/* .gradeDetails{display: none;}
.gradeDetails.active{display: block;} */

.sectionScore{position: relative; width: 800px; margin:0 auto;}
.close_btn{position: absolute; right: 0.1rem; top: 0.1rem; width: 1rem; text-align:center; z-index: 10; cursor:pointer;}
.close_btn i{font-size: 0.5rem; color:#fff;}

@media screen and (max-width: 750px){
html{font-size: 13.3333vw;}
body{width: 100%;}
.gradeDetails{width: 100%;}
.sectionScore{width: 100%;}

}

.showScore {
    width: 100%;
    margin-top: 0.8rem;
    border-radius: 0.1rem;
    font-size: 0.32rem;
    padding: 0;
    line-height: 0.88rem;
    background: #ffe073;
    color: #323232;
    font-weight: bold;
display: block;
    text-align: center;
}