.dateList{position:fixed;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 0;background:#fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:2}.dateList .date{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.13rem;text-align:center}.dateList .date span{display:inline-block;width:.35rem;height:.35rem;line-height:.35rem;border-radius:50%;margin-top:8px;font-size:.15rem;font-weight:700}.dateList .date span.active{color:#fff;background:#2403df}.dateList.role3 .date span.active{background:#007aff}.classRank{background:#fff;min-height:100%}.classRank .skip{padding-top:78px}.classRank .skip .con{text-align:center;width:96%;margin:10px auto;padding:.2rem 0;background:rgba(255,146,102,.1);border-radius:12px;font-size:.12rem;color:#999}.classRank .skip .con .className{font-size:.12rem;margin-bottom:.2rem;text-align:left;width:90%;margin:0 auto .12rem}.classRank .skip .con .className span{font-size:.14rem;color:#7f7f7f}.classRank .skip .con .className .color{color:#ff8c68;font-size:.18rem}.classRank .skip .con .flex-between p{line-height:.22rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.classRank .skip .con .flex-between .color{color:#333;font-size:.18rem;font-weight:560}.classRank .list{line-height:55px;font-size:.15rem;color:#7f7f7f}.classRank .list div p{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.classRank .list div p img{width:.26rem;vertical-align:middle}.classRank .list div p .arrow{margin-left:10px}.classRank .list .top{margin-bottom:5px}.classRank .list .top img{width:16px}.classRank .list .num1{background:url(../../assets/img/num1.0b86b53d.png) no-repeat top;background-size:.26rem auto;width:.26rem;line-height:.26rem;color:#fff}.classRank .list .num2{background:url(../../assets/img/num2.98dc4c21.png) no-repeat top;background-size:.26rem auto;width:.26rem;line-height:.26rem;color:#fff}.classRank .list .num3{background:url(../../assets/img/num3.298673cd.png) no-repeat top;background-size:.26rem auto;width:.26rem;line-height:.26rem;color:#fff}@media screen and (max-width:400px){.classRank .list div p:first-child{-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px}}