.course-banner {
  width: 100%;
  height: 225px;
}
.course-banner img {
  width: 100%;
  height: 100%;
}
.audition-box {
  width: 100%;
  height: 40px;
  background: #FFF8F9;
  display: flex;
  align-items: center;
  padding: 0 12px 0 16px;
  border-radius: 8px 8px 0 0;
}
.audition-box img {
  height: 16px;
}
.audition-box p {
  flex: 1;
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #262626;
  line-height: 16px;
  margin: 0 12px;
}
.audition-box i {
  font-size: 16px;
  color: #FF2938;
}
.course-detail {
  padding: 20px 16px 16px;
  background-color: #FFFFFF;
}
.course-detail .course-detail-info {
  padding-bottom: 16px;
  border-bottom: 1px solid #F5F6F7;
}
.course-detail .course-detail-info > dl {
  display: flex;
  flex-wrap: wrap;
}
.course-detail .course-detail-info > dl dd {
  font-size: 11px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 15px;
  padding: 3px 4px;
  border-radius: 4px;
  margin: 4px 4px 0 0;
}
.course-detail .course-detail-info > dl dd.course-size,
.course-detail .course-detail-info > dl dd.course-system {
  background: #FAF0D7;
  color: #BF8826;
}
.course-detail .course-detail-info > dl dd.course-label {
  color: #53668A;
  background: #F1F4F9;
}
.course-detail .course-name {
  font-size: 21px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 600;
  color: #262626;
  line-height: 29px;
}
.course-detail .course-price {
  margin-top: 2px;
  display: flex;
  align-items: center;
  color: #FF2938;
}
.course-detail .course-price p {
  font-size: 19px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 600;
  line-height: 27px;
}
.course-detail .course-price span,
.course-detail .course-price button {
  display: flex;
  align-items: center;
  color: #FF2938;
  font-size: 13px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
}
.course-detail .course-price button {
  margin-left: auto;
}
.course-detail .course-charact {
  margin-top: 10px;
  display: flex;
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
}
.course-detail .course-charact span {
  color: #595959;
  white-space: nowrap;
  margin-right: 12px;
  margin-top: 6px;
}
.course-detail .course-charact dl {
  display: flex;
  flex-wrap: wrap;
}
.course-detail .course-charact dl dd {
  margin-right: 12px;
  margin-top: 6px;
}
.course-detail .course-charact dl dd i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #FF2938;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: text-top;
  -webkit-mask: url(https://static.jiaoyubao.cn/images/common/icon-check-linear.svg) no-repeat;
  mask: url(https://static.jiaoyubao.cn/images/common/icon-check-linear.svg) no-repeat;
  margin-right: 2px;
}
.course-detail .course-charact dl dd span {
  color: #262626;
  margin-right: 0;
}
.course-detail .get-active-box {
  width: 100%;
  height: 44px;
  border-radius: 4px;
  margin-top: 12px;
  background: url(../img/yh_cbg_imgyh_cbg_img.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #262626;
  line-height: 18px;
  padding: 0 12px;
}
.course-detail .get-active-box img {
  width: 18px;
  height: 18px;
}
.course-detail .get-active-box p {
  font-weight: 600;
  margin: 0 12px 0 8px;
}
.course-detail .get-active-box button {
  width: 66px;
  height: 28px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #FF2938;
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF2938;
  line-height: 26px;
  margin-left: auto;
}
.course-detail .interest-person {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.course-detail .interest-person ul {
  display: flex;
  align-items: center;
}
.course-detail .interest-person ul li {
  width: 20px;
  height: 20px;
  border: 1px solid #EBEBEB;
  border-radius: 50%;
}
.course-detail .interest-person ul li img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.course-detail .interest-person ul li + li {
  margin-left: -8px;
}
.course-detail .interest-person span {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #8C8C8C;
  line-height: 16px;
  margin-left: 8px;
}
.course-detail .course-info {
  margin-top: 16px;
}
.course-detail .course-info p {
  font-size: 14px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 600;
  color: #262626;
  line-height: 20px;
}
.course-detail .course-info ol {
  margin-top: 8px;
}
.course-detail .course-info li {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.course-detail .course-info li:last-child {
  margin-bottom: 0;
}
.course-detail .course-info li:last-child i::after {
  display: none;
}
.course-detail .course-info li i {
  width: 6px;
  height: 6px;
  border: 1px solid #FF2938;
  border-radius: 50%;
  position: relative;
}
.course-detail .course-info li i::after {
  content: '';
  width: 1px;
  height: 10px;
  background: #EBEBEB;
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
}
.course-detail .course-info li span {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #595959;
  line-height: 20px;
  margin-left: 8px;
}
.course-detail .wechat-box {
  margin-top: 16px;
}
.course-profile {
  padding-bottom: 16px;
}
.course-profile p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #262626;
  line-height: 24px;
  margin-bottom: 16px;
}
.course-profile p:last-child {
  margin-bottom: 0;
}
.course-profile img {
  width: 100%;
  margin-bottom: 8px;
}
.course-profile img:last-child {
  margin-bottom: 0;
}
.organ-card {
  padding: 16px 0;
  border-top: 1px solid #F5F6F7;
}
.organ-card .card-box {
  background: url(../img/jgxx_bg_imgjgxx_bg_img.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}
.organ-card .card-box button {
  background: #FF4C52;
  border: 1px solid #FF4C52;
}
.course-ul .course-list {
  display: none;
  margin-top: 16px;
}
.course-ul .course-list:first-child {
  display: block;
}
.course-ul .course-list li {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.course-nav {
  overflow: hidden;
  margin-top: 12px;
}
.course-nav li {
  width: auto;
  height: 32px;
  background: #F5F6F7;
  border-radius: 2px;
  padding: 0 11px;
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #262626;
  line-height: 32px;
  margin-right: 8px;
}
	.course-nav li a{
		font-size: 12px;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #262626;
	}


.course-nav li:last-child {
  margin-right: 0;
}
.course-nav li.active {
  background: #FFF4F5;
  font-weight: 600;
  color: #FF2938;
}
	.course-nav li.active a {
		background: #FFF4F5;
		font-weight: 600;
		color: #FF2938;
	}