.student-rank-item{padding:2px;display:inline-block;vertical-align:middle}.student-rank-item .student-rank-item-content{width:100%;background-image:linear-gradient(-45deg,rgba(0,153,255,.12),rgba(0,153,255,.24));border:1px solid #0079de;border-radius:4px;padding:9px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-rank-item .student-rank-item-content .student-rank-item-order{width:24px;height:24px}.student-rank-item .student-rank-item-content .student-rank-item-order>img{width:100%;height:100%}.student-rank-item .student-rank-item-content .student-rank-item-order .other-order{width:100%;height:100%;line-height:24px;text-align:center;border-radius:50%;display:block;background-color:#38607e;color:#fff;font-size:12px}.student-rank-item .student-rank-item-content .student-rank-item-icon{width:48px;height:48px;border-radius:50%;padding:2px;background:-webkit-gradient(linear,left top,right top,from(#87b9e3),to(#3163a3));background:linear-gradient(90deg,#87b9e3,#3163a3);margin:0 18px}.student-rank-item .student-rank-item-content .student-rank-item-icon .student-rank-item-icon-wrap{width:100%;height:100%;border-radius:50%;background:#fff}.student-rank-item .student-rank-item-content .student-rank-item-icon .student-rank-item-icon-wrap .student-icon{width:100%;height:100%;border-radius:50%;vertical-align:middle}.student-rank-item .student-rank-item-content .student-rank-item-name{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-person{height:28px;line-height:28px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:MicrosoftYaHeiUISemibold;font-weight:700;font-size:16px;color:#f3faff}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom{height:18px;line-height:18px;width:100%;overflow:hidden;white-space:nowrap}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.card>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-family:PingFangSC-Regular}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.card .class-info{color:hsla(0,0%,100%,.5)}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.card .card-number{color:#ffb532;max-width:100px;margin:0 10px}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.card .card-number .value{font-family:PingFangSC-Semibold;font-weight:700}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.card .card-score{color:#08ebf5;max-width:100px}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.card .card-score .value{font-family:PingFangSC-Semibold;font-weight:700}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.indicator .indicator-rank-suffix{font-family:PingFang-SC-Regular;font-size:12px;color:#ffb532;vertical-align:middle}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.indicator .indicator-rank-suffix-value{font-family:PingFangSC-Semibold;font-size:12px;font-weight:700;color:#ffb532;max-width:100px;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.progress .progress-rank-suffix{font-family:PingFang-SC-Regular;font-size:12px;color:#08ebf5;vertical-align:middle}.student-rank-item .student-rank-item-content .student-rank-item-name .student-rank-bottom.progress .progress-rank-suffix-value{font-family:PingFangSC-Semibold;font-size:12px;color:#08ebf5;font-weight:700;display:inline-block;vertical-align:middle;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}