.course-box[data-v-664ffe32] {
  max-width: 500px;
  height: 100vh;
  overflow-y: auto;
  margin: 0 auto;
  font-size: 0;
}
.course-box .course-top.hidden[data-v-664ffe32] {
  transform: translateY(-100%);
}
.course-box .course-top[data-v-664ffe32] {
  max-width: 500px;
  padding: 12px 16px;
  position: fixed;
  background: #fff;
  transition: transform 0.3s ease;
  overflow: hidden;
}
.course-box .course-top .course-item[data-v-664ffe32] {
  width: 33.3333%;
  float: left;
  padding: 8px 0;
}
.course-box .course-top .item-btn[data-v-664ffe32] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 103.67px;
  height: 32px;
  background: #e0ffee;
  color: #4e5969;
  font-size: 14px;
  border-radius: 99px;
  border: none;
  font-weight: 500;
  margin: 0 auto;
}
.course-box .course-top .item-btn[data-v-664ffe32]:active {
  background: #24e076;
  color: #fff;
}
.course-box .course-img[data-v-664ffe32]:first-of-type {
  margin-top: 152px;
}
.course-box .course-img[data-v-664ffe32] {
  width: 100%;
}

.course-box[data-v-aa9ddd2a] {
  max-width: 500px;
  height: 100vh;
  overflow-y: auto;
  margin: 0 auto;
  font-size: 0;
}
.course-box .course-top.hidden[data-v-aa9ddd2a] {
  transform: translateY(-100%);
}
.course-box .course-top[data-v-aa9ddd2a] {
  max-width: 500px;
  padding: 12px 16px;
  position: fixed;
  background: #fff;
  transition: transform 0.3s ease;
  overflow: hidden;
}
.course-box .course-top .course-item[data-v-aa9ddd2a] {
  width: 33.3333%;
  float: left;
  padding: 8px 0;
}
.course-box .course-top .item-btn[data-v-aa9ddd2a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 103.67px;
  height: 32px;
  background: #e0ffee;
  color: #4e5969;
  font-size: 14px;
  border-radius: 99px;
  border: none;
  font-weight: 500;
  margin: 0 auto;
}
.course-box .course-top .item-btn[data-v-aa9ddd2a]:active {
  background: #24e076;
  color: #fff;
}
.course-box .course-img[data-v-aa9ddd2a]:first-of-type {
  margin-top: 152px;
}
.course-box .course-img[data-v-aa9ddd2a] {
  width: 100%;
}