.course-type-box {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 0.05208333rem;
  margin: 0.20833333rem 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0.05208333rem 0.10416667rem;
}
.course-type-box .type-item {
  width: 0.52083333rem;
  height: 0.1875rem;
  line-height: 0.1875rem;
  text-align: center;
  display: inline-block;
  color: #999;
  font-size: 0.08333333rem;
  border-radius: 0.15625rem;
  cursor: pointer;
  margin: 0.05208333rem 0.10416667rem 0.05208333rem 0rem;
}
.course-type-box .type-item:hover {
  font-size: 0.08854167rem;
  color: #333;
}
.course-type-box .active {
  font-size: 0.08333333rem !important;
  background-color: #ff7d00;
  color: #fff !important;
}
.course-type-box > p {
  color: #999;
  line-height: 0.15625rem;
  text-align: center;
}
.course-con {
  width: 100%;
  min-height: 2.60416667rem;
}
.course-box {
  width: 100%;
  height: auto;
  border-radius: 0.15625rem;
  margin-bottom: 0.20833333rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 0.20833333rem;
  row-gap: 0.10416667rem;
}
.course-item {
  width: 1.66666667rem;
  height: 1.875rem;
  background-color: #fff;
  color: #999;
  font-size: 0.08333333rem;
  padding: 0.05208333rem;
  box-shadow: 0 0 0.04166667rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.03125rem;
}
.course-item:hover {
  cursor: pointer;
  animation: 0.15s forwards info-item-in;
}
.course-item > img {
  width: 100%;
  height: 1.13541667rem;
  display: inline-block;
  border: 0.00520833rem solid rgba(0, 0, 0, 0.1);
}
.course-item .course-title {
  line-height: 0.20833333rem;
  font-size: 0.09375rem;
  color: #666;
}
.course-item .course-teacher {
  line-height: 1;
  align-items: center;
  justify-content: flex-start;
}
.course-item .course-teacher .t-avatar {
  display: inline-block;
  width: 0.20833333rem;
  height: 0.20833333rem;
  margin-right: 0.03125rem;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  border: 0.00520833rem #f5f5f5 solid;
}
.course-item .course-time {
  margin-top: 0.05208333rem;
  font-size: 0.07291667rem;
}
/*# sourceMappingURL=study.css.map */