.p-class-rank{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:24px 26px;background:#fff}.p-class-rank,.p-class-rank .rank-list{display:-webkit-box;display:-ms-flexbox;display:flex}.p-class-rank .rank-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1060px}.p-class-rank .rank-list-item{width:340px}.p-class-rank .rank-list-item-title{height:32px;margin-bottom:14px;font-size:20px;line-height:32px}.p-class-rank .rank-list-item-title strong{color:#333;font-size:20px}.p-class-rank .rank-list-item-title .iconfont{margin-left:6px;color:#999;font-size:16px}.p-class-rank .rank-list-item-list{width:340px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.08);box-shadow:0 8px 20px 0 rgba(0,0,0,.08)}.p-class-rank .rank-list-item-list .type{display:-webkit-box;display:-ms-flexbox;display:flex;width:340px;height:54px;margin-bottom:30px;border-bottom:1px solid #eee;border-radius:4px 4px 0 0;cursor:pointer}.p-class-rank .rank-list-item-list .type li{width:50%;height:54px;color:#999;font-size:16px;line-height:54px;text-align:center}.p-class-rank .rank-list-item-list .type li.active{border-radius:4px 4px 0 0;color:#fff;background:linear-gradient(108deg,#2bd9cf,#2ab1e8)}.p-class-rank .rank-list-item-list .list{overflow:hidden}.p-class-rank .rank-list-item-list .list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:340px;height:42px;margin-bottom:30px;padding:0 14px}.p-class-rank .rank-list-item-list .list-item-left{height:42px}.p-class-rank .rank-list-item-list .list-item-left,.p-class-rank .rank-list-item-list .list-item-left-number{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-class-rank .rank-list-item-list .list-item-left-number{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:31px;height:31px}.p-class-rank .rank-list-item-list .list-item-left-number img{width:25px;height:28px}.p-class-rank .rank-list-item-list .list-item-left-number span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:22px;height:22px;border:1px solid #2accd7;border-radius:50%;color:#2accd7;font-size:12px}.p-class-rank .rank-list-item-list .list-item-left-img{-webkit-box-sizing:border-box;box-sizing:border-box;width:42px;height:42px;margin-left:12px;border:1px solid #ebebeb;border-radius:50%}.p-class-rank .rank-list-item-list .list-item-left-img.first-border{border:1px solid #fea911}.p-class-rank .rank-list-item-list .list-item-left-img.second-border{border:1px solid #8ea0b4}.p-class-rank .rank-list-item-list .list-item-left-img.third-border{border:1px solid #dfa38b}.p-class-rank .rank-list-item-list .list-item-left-name{width:120px;margin-left:6px;overflow:hidden;color:#999;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.p-class-rank .rank-list-item-list .list-item-right{color:#333;font-size:14px}.p-class-rank .rank-list-item-list .list-item.item-baogan .class-msg{margin-left:12px}.p-class-rank .rank-list-item-list .list-item.item-baogan .class-msg p:first-child{height:16px;margin-bottom:8px;color:#333;font-weight:700;font-size:16px;line-height:16px}.p-class-rank .rank-list-item-list .list-item.item-baogan .class-msg p:nth-child(2){height:14px;color:#999;font-size:14px;line-height:14px}