.quintessence-wrap[data-v-0bbb5341] {
  width: 100%;
  height: 100vh;
  background-color: #f4f4f4;
}
.quintessence-wrap .van-nav-bar[data-v-0bbb5341] {
  background-color: #fca142 !important;
}
.quintessence-wrap[data-v-0bbb5341]  .van-icon {
  color: #fff;
}
.quintessence-wrap[data-v-0bbb5341]  .van-ellipsis {
  color: #fff;
}
.quintessence-wrap #cc_player[data-v-0bbb5341] {
  width: 100%;
  height: 240px;
  margin-top: 5px;
  padding: 0 5px;
  background-color: #fff;
}
.quintessence-wrap #cc_player div[data-v-0bbb5341] {
  width: 100%;
  height: 240px;
}
.quintessence-wrap #cc_player div img[data-v-0bbb5341] {
  width: 100%;
  height: 240px;
}
.quintessence-wrap .quin-course[data-v-0bbb5341] {
  width: 100%;
  margin-top: 10px;
  background-color: #fff;
  padding: 0 15px 20px;
}
.quintessence-wrap .quin-course .course-list[data-v-0bbb5341] {
  width: 100%;
  height: 60px;
  font-size: 20px;
  font-weight: 800;
  line-height: 60px;
  letter-spacing: 2px;
}
.quintessence-wrap .quin-course .course-wrap[data-v-0bbb5341] {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
}
.quintessence-wrap .quin-course .course-wrap[data-v-0bbb5341]::-webkit-scrollbar {
  display: none;
}
.quintessence-wrap .quin-course .course-wrap .course-box[data-v-0bbb5341] {
  width: 165px;
  height: 80px;
  margin: 10px 0;
  display: inline-block;
  border-radius: 5px;
  box-shadow: 0 0 10px #646566;
  color: #000;
}
.quintessence-wrap .quin-course .course-wrap .course-box .course-text[data-v-0bbb5341] {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 900;
}
.quintessence-wrap .quin-course .course-wrap .course-box .course-name[data-v-0bbb5341] {
  height: 50px;
  line-height: 25px;
  font-size: 12px;
  white-space: normal;
  padding-left: 20px;
}
.quintessence-wrap .quin-course .course-wrap .allcolor[data-v-0bbb5341] {
  color: #ff8506;
}
.quintessence-wrap .quin-course .course-wrap[data-v-0bbb5341] :nth-child(1) {
  margin: 0 20px;
}
.quintessence-wrap .quin-course .course-wrap[data-v-0bbb5341] :nth-child(2) {
  margin-right: 20px;
}
.quintessence-wrap .quin-course .course-wrap[data-v-0bbb5341] :nth-child(3) {
  margin-right: 20px;
}
.APP02 .quintessence-wrap .van-nav-bar[data-v-0bbb5341] {
  background-color: #2db1ac !important;
}
.APP02 .quintessence-wrap .quin-course .course-box .allcolor[data-v-0bbb5341] {
  color: #48d8a0;
}
.APP03 .quintessence-wrap .van-nav-bar[data-v-0bbb5341] {
  background-color: #1175fe !important;
}
.APP03 .quintessence-wrap .quin-course .course-box .allcolor[data-v-0bbb5341] {
  color: #3fadfa;
}