.rank-list .rank-header{align-items:flex-start;display:flex;justify-content:space-between}.rank-list .rank-header .title{font-size:18px;font-weight:500}.rank-list .rank-header .tab-list .active{background:#f2f4f5}.rank-list .rank-header .tab-list button{border:none;font-size:14px}.rank-list .list-table{margin-top:22px;max-height:500px;overflow:auto}.rank-list .list-table table{width:100%}.rank-list .list-table table thead{background:#f2f4f5;color:#707171;font-size:14px;font-weight:400;height:51px}.rank-list .list-table table thead th:first-child{width:25%}.rank-list .list-table table thead th:nth-of-type(2){padding-left:150px;text-align:left}.rank-list .list-table table tbody tr{border-bottom:1px solid #f2f4f5;height:60px}.rank-list .list-table table tbody tr:nth-child(2n){background:#f2f4f5}.rank-list .list-table table tbody tr td:first-child{width:25%}.rank-list .list-table table tbody tr td:nth-of-type(2){text-align:left}.rank-list .list-table table tbody tr .username{padding-left:150px}.rank-list .list-table table tbody tr .username img{vertical-align:middle}.rank-list .list-table table tbody tr:first-of-type td:first-child span,.rank-list .list-table table tbody tr:nth-of-type(2) td:first-child span,.rank-list .list-table table tbody tr:nth-of-type(3) td:first-child span{position:relative}.rank-list .list-table table tbody tr:first-of-type td:first-child span:before,.rank-list .list-table table tbody tr:nth-of-type(2) td:first-child span:before,.rank-list .list-table table tbody tr:nth-of-type(3) td:first-child span:before{background-image:url(https://static.haixuanyun.com/static/template/ke/course/top1.png);background-size:cover;bottom:1px;content:"";display:inline-block;height:14px;left:-22px;position:absolute;width:14px}.rank-list .list-table table tbody tr:first-of-type td:first-child{color:#f9ba01}.rank-list .list-table table tbody tr:nth-of-type(2) td:first-child{color:#b6c5d0}.rank-list .list-table table tbody tr:nth-of-type(2) td:first-child:before{background-image:url(https://static.haixuanyun.com/static/template/ke/course/top2.png)}.rank-list .list-table table tbody tr:nth-of-type(3) td:first-child{color:#c78662}.rank-list .list-table table tbody tr:nth-of-type(3) td:first-child:before{background-image:url(https://static.haixuanyun.com/static/template/ke/course/top3.png)}.rank-list .list-table table tbody td{color:#707171;font-size:14px;text-align:center}.rank-list .list-table table tbody td .username img{border-radius:50%}.rank-list .list-table table tbody td .username img+span{margin-left:8px}.rank-list .list-table-group{margin-top:22px;max-height:500px;overflow:auto}.rank-list .list-table-group table{width:100%}.rank-list .list-table-group table thead{background:#f2f4f5;color:#707171;font-size:14px;font-weight:400;height:51px}.rank-list .list-table-group table thead th:first-child{width:25%}.rank-list .list-table-group table thead th:nth-of-type(2){padding-left:150px;text-align:left}.rank-list .list-table-group table tbody tr{border-bottom:1px solid #f2f4f5;height:60px}.rank-list .list-table-group table tbody tr:nth-child(2n){background:#f2f4f5}.rank-list .list-table-group table tbody tr td:first-child{width:25%}.rank-list .list-table-group table tbody tr td:nth-of-type(2){text-align:left}.rank-list .list-table-group table tbody tr .username{padding-left:150px}.rank-list .list-table-group table tbody tr .username img{vertical-align:middle}.rank-list .list-table-group table tbody tr:first-of-type span:first-child{color:#f9ba01}.rank-list .list-table-group table tbody tr:nth-of-type(2) span:first-child{color:#b6c5d0}.rank-list .list-table-group table tbody tr:nth-of-type(2) span:first-child:before{background-image:url(https://static.haixuanyun.com/static/template/ke/course/top2.png)}.rank-list .list-table-group table tbody tr:nth-of-type(3) span:first-child{color:#c78662}.rank-list .list-table-group table tbody tr:nth-of-type(3) span:first-child:before{background-image:url(https://static.haixuanyun.com/static/template/ke/course/top3.png)}.rank-list .list-table-group table tbody td{color:#707171;font-size:14px;text-align:center}.rank-list .list-table-group table tbody td .username img{border-radius:50%}.rank-list .list-table-group table tbody td .username span{margin-left:8px}