.bg0{
  background-image: linear-gradient(to bottom right,#dd6098,#d47782);
}
.bg1{
  background-image: linear-gradient(to bottom right,#56A9EF,#3B99F1);
}
.bg2{
  background-image: linear-gradient(to bottom right,#7585E5,#6080e0);
}
.bg3{
  background-image: linear-gradient(to bottom right,#Ff806c, #F38462);
}
.bg4{
  background-image: linear-gradient(to bottom right,#c0a077,#c79769);
}
.bg5{
  background-image: linear-gradient(to bottom right,#469493,#30b490);
}
.bg6{
  background-image: linear-gradient(to bottom right,#b5764D,#c26b50);
}
.header{
  text-align: end;
}
.action{
  width: 20px;
  height: 22px;
  opacity: 0;
}
.course{
  color: white;
  font-size:13px;
  border-radius: 5px;
  padding: 0px 8px 18px 8px;
}
.body{
  display: flex;
}

.avatar{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  flex: none;
  margin: 0 16px 0 8px;
}
.course-info{
  flex: auto;
  width: 10px;
}
.course-name{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 4px;
}
.school{
  padding-right: 10px;
}