.bronze{color:#2bae85}.gold{color:#fcd217}.silver{color:#f1f0ed}.platinum{color:#1661ab}.diamond{color:#813c85}.margin-top{margin-top:.13333333rem}.padding-left-min{padding-left:.13333333rem}.grade{padding:.13333333rem;margin:.13333333rem;-webkit-animation:gradeAni 2s ease-out;animation:gradeAni 2s ease-out}.grade .grade-nav{height:.46666667rem;background:#fff;padding:.16rem 0 0;box-sizing:border-box}.grade .grade-nav .grade-nav-row{border-bottom:.01333333rem solid #f1f1f1}.grade .grade-nav .grade-nav-row .el-col .el-breadcrumb{font-size:.13333333rem}.grade .page{margin-top:.13333333rem;text-align:center}.grade .grade-list{display:flex;flex-wrap:wrap}.grade .grade-list .grade-card{cursor:pointer;width:30%;margin:.13333333rem .26666667rem .13333333rem 0}.grade .grade-list .grade-card .grade-card-title{font-size:.10666667rem;display:flex;justify-content:space-between}.grade .grade-list .grade-card .grade-card-title>div:first-child{flex:2;flex:1}.grade .grade-list .grade-card .grade-card-details{text-align:center}.grade .grade-list .grade-card .grade-card-details .grade-card-img{max-width:100%;height:auto}