#box {
    height: 90vh;
    overflow-y: scroll;
}

.list .item {
    background-image: linear-gradient(55deg, #745663 0%, #745663 18%, #5f4e56 18%, #5f4e56 30%, #4d454c 30%, #4d3a3a 100%);
    color: #fff;
}

.list .header {
    font-size: 14px;
}

.list .header .nickname {
    font-size: 16px;
}

.list .header .course {
    font-size: 20px;
}


.mui-table-view .mui-media-object {
    width: 70px;
    height: 70px;
    max-width: 70px;
}

.list li .rate span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 10px;
}

.list li p {
    margin-top: 5px;
    color: #fff;
}