.detail-content input:focus {
  border: none;
}
.classify {
  background-color: #fff;
  padding-bottom: 0.06rem;
}
.classify .tabs {
  width: 12rem;
  height: 0.66rem;
  border-bottom: 1px solid #f5f5f5;
  margin: 0 auto;
  line-height: 0.66rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.classify .tabs a {
  display: block;
  width: 1.34rem;
  text-align: center;
  padding: 0.29rem 0 0.2rem;
  line-height: 1;
}
.classify .tabs a.active {
  border-bottom: 2px solid #494ff5;
  color: #494ff5;
  font-weight: bold;
}
.classify .tabs-child {
  width: 12rem;
  margin: 0.24rem auto;
}
.classify .tabs-child a {
  padding: 0.04rem 0.06rem;
  display: inline-block;
  margin: 0 0.1rem;
}
.classify .tabs-child a.active {
  color: #fff;
  border-radius: 2px;
  background-color: #494ff5;
}
/* list */
.content {
  width: 12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.content.list-content {
  margin: 0.3rem auto;
}
.content.list-content2 {
  margin: 0.3rem auto;
  margin-top: 0.1rem;
}
.content-left {
  width: 8.95rem;
}
.content-left .filter {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0.38rem;
  border: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content-left .filter-item {
  padding: 0 0.2rem;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 0.36rem;
  line-height: 0.36rem;
  cursor: pointer;
  border: 1px solid #fff;
  border-right: 1px solid #ebebeb;
}
.content-left .filter-item.active {
  border: 1px solid #494ff5;
  color: #494ff5;
}
.content-left .filter-item.time {
  text-align: left;
  padding-left: 0.15rem;
  padding-right: 0.26rem;
  position: relative;
}
.content-left .filter-item.time::before,
.content-left .filter-item.time::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 0.46rem;
  border-left: 0.04rem solid transparent;
  border-right: 0.04rem solid transparent;
}
.content-left .filter-item.time::before {
  border-bottom: 0.04rem solid #c5c8cc;
  top: 0.13rem;
}
.content-left .filter-item.time::after {
  border-top: 0.04rem solid #c5c8cc;
  bottom: 0.11rem;
}
.content-left .filter-item.time.top-active::before {
  border-bottom: 0.04rem solid #494ff5;
  top: 0.13rem;
}
.content-left .filter-item.time.bottom-active::after {
  border-top: 0.04rem solid #494ff5;
  bottom: 0.11rem;
}
.content-left .filter .result {
  margin-left: auto;
  padding-right: 0.2rem;
  line-height: 0.38rem;
}
.content-left .price {
  padding-left: 0.1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.content-left .price .form-item {
  width: 0.4rem;
  height: 0.2rem;
  color: #949494;
  line-height: 0.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  margin-right: 0.12rem;
  border-radius: 2px;
  margin-top: 0.09rem;
}
.content-left .price form {
  width: 1.24rem;
  display: block !important;
  overflow: hidden;
  margin-right: 0.1rem;
  margin-top: 0.07rem;
  height: 0.22rem;
}
.content-left .price form input {
  width: 0.56rem;
  height: 0.22rem;
  border-width: 0;
  color: #949494;
  line-height: 0.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  padding: 0.01rem 0.03rem;
}
.content-left .price form input::-webkit-outer-spin-button,
.content-left .price form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.content-left .price form input[type='number'] {
  -moz-appearance: textfield;
}
.content-left .price form input.filter-input-min {
  float: left;
}
.content-left .price form input.filter-input-max {
  float: right;
}
.content-left .price form::after {
  content: '-';
  position: absolute;
  top: 0.07rem;
  left: 0.69rem;
  color: #c5c8cc;
}
.content-left .price a:hover {
  color: #fff;
}
.content-left .price > span {
  position: relative;
  left: 0.05rem;
  top: 0;
  font-size: 0.1rem;
  color: #f54966;
  line-height: 0.38rem;
}
.content-left .screen-button {
  width: 0.4rem;
  height: 0.2rem;
  margin-top: 0.07rem;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  line-height: 0.18rem;
  font-size: 0.14rem;
}
.content-left .reset-button {
  margin-left: 0.1rem;
}
.content-left .display {
  display: none;
}
.content .course {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
.content .course2 {
  margin-top: 0;
}
.content-right {
  width: 2.85rem;
}
/* 老师头像+名称 */
.course-li {
  margin-bottom: 0.1rem;
  margin-right: 0.2rem;
  height: 3.35rem;
}
.course-li .teacher {
  margin: 0.3rem 0.2rem 0.2rem;
}
.course-li:nth-child(3n) {
  margin-right: 0;
}
.course-li > a {
  padding-top: 0.26rem;
  cursor: pointer;
}
.course-li > a h2 {
  margin-bottom: 0;
}
.content.list-content .course-li .course-content-wrap {
  margin-top: .04rem;
}
.course-li .course-content-wrap {
  height: .84rem;
}

.course-li .course-features-wrap {
  max-height: 0.56rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0 .2rem;
  margin: .04rem 0;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  font-size: .13rem;
  box-sizing: content-box;
  color: #494FF5;
}
.course-li .course-features-wrap .course-features {
  padding: 0 .08rem;
  margin-right: .04rem;
  margin-bottom: .04rem;
  height: .24rem;
  line-height: .24rem;
  text-align: center;
  background: rgba(73,79,245,0.06);
  border-radius: .6rem;
}
.course-li .teacher {
  margin-top: 0.26rem;
}
.course-li .teacher-item p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course-li .group {
  padding-top: 0.13rem;
}
.course-li-price .group-left {
  margin-top: 0.05rem;
}
.course-li-price .group-right .datetime {
  margin-top: 0.03rem;
}
.course-li-price .normal {
  /* padding: 0.23rem 0.2rem; */
  padding-top: 0;
  padding-bottom: 0;
  height: 0.64rem;
  display: flex;
  align-items: center;
}
/* detail */
.detail-breadcrumb {
  background-color: #fff;
  height: 0.54rem;
}
.detail-breadcrumb .breadcrumb {
  line-height: 0.54rem;
}
.detail-content .content {
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 0.23rem;
  border-bottom: 1px solid #ebebeb;
}
.detail-content .content-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 12rem;
  margin: 0 auto;
}
.detail-content .content-header-left {
  width: 5.47rem;
}
.detail-content .content-header-left-cover {
  height: 3.08rem;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.detail-content .content-header-left-cover .video {
  width: inherit;
  height: inherit;
}
.detail-content .content-header-left-cover .video_ico {
  position: relative;
  cursor: pointer;
}
.detail-content .content-header-left-cover .video_ico::after {
  content: '';
  width: 5.47rem;
  height: 3.08rem;
  background-image: url(../img/course/video-play@2x.png);
  background-color: rgba(0, 0, 0, 0.5);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.53rem;
  position: absolute;
  top: 0;
  left: 0;
}
.detail-content .content-header-left-cover .seckill {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.01rem;
  height: .48rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .2rem 0 .1rem;
  background-image: url(https://oss.kaoyanvip.cn/attach/file1685606473576.png);
  background-size: 5.47rem .48rem;
  background-repeat: no-repeat;
}
.detail-content .content-header-left-cover .seckill .left {
  font-size: .15rem;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: .28rem;
  background-image: url(https://oss.kaoyanvip.cn/attach/file1685605610417.png);
  background-repeat: no-repeat;
  background-size: .2rem .2rem;
}
.detail-content .content-header-left-cover .seckill.preheat .right span {
  display: inline-block;
  width: .72rem;
  height: .32rem;
  line-height: .32rem;
  text-align: center;
  background: #FFFFFF;
  border-radius: .16rem;
  border: .01rem solid #EBEBEB;
  color: #C5C8CC;
  font-size: .15rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  box-sizing: border-box;
}
.detail-content .content-header-left-cover .seckill.preheat .right span.appoint {
  color: #FF7135;
  border: .01rem solid #FFFFFF;
  cursor: pointer;
}
.detail-content .content-header-left-cover .seckill.countdown .left {
  background-position: 0 0.02rem;
}
.detail-content .content-header-left-cover .seckill.countdown .left .time {
  display: inline-block;
  width: .24rem;
  height: .24rem;
  line-height: .24rem;
  margin: 0 .04rem;
  text-align: center;
  background: #FFFFFF;
  border-radius: .04rem;
  font-size: .16rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #FB4E59;
  box-sizing: border-box;
}
.detail-content .content-header-left-cover .seckill.countdown .left .time.seconds {
  width: .37rem;
}
.detail-content .content-header-left-cover .seckill.countdown .right {
  font-size: .15rem;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}
.detail-content .content-header-left-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.22rem;
}
.detail-content .content-header-left-bottom p {
  line-height: 0.25rem;
}
.detail-content .content-header-left-bottom .share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.detail-content .content-header-left-bottom .share a {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  margin-left: 0.13rem;
  background-size: 0.25rem;
  background-repeat: no-repeat;
  background-position: center;
}
.detail-content .content-header-left-bottom .share a img {
  display: block;
  width: inherit;
  height: inherit;
}
.detail-content .content-header-left-bottom .share a.icon-qzone {
  background-image: url(/public/img/qzone@2x.png);
}
.detail-content .content-header-left-bottom .share a.icon-qq {
  background-image: url(/public/img/qq@2x.png);
}
.detail-content .content-header-left-bottom .share a.icon-weibo {
  background-image: url(/public/img/sina@2x.png);
}
.detail-content .content-header-left-bottom .feature {
  width: 3.5rem;
  color: #949494;
  line-height: 0.25rem;
}
.detail-content .content-header-left-bottom .feature span {
  position: relative;
  padding-right: 0.09rem;
}
.detail-content .content-header-left-bottom .feature span::after {
  content: '/';
  padding-left: 0.09rem;
}
.detail-content .content-header-left-bottom .feature span:last-child {
  padding-right: 0;
}
.detail-content .content-header-left-bottom .feature span:last-child::after {
  content: '';
}
.detail-content .content-header-right {
  width: 6.13rem;
}
.detail-content .content-header-right .title {
  font-size: 0.26rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.detail-content .content-header-right .title span {
  display: inline-block;
  margin-right: 0.1rem;
  position: relative;
  top: 1px;
  height: 0.24rem;
  line-height: 0.22rem;
  font-size: 0.12rem;
  padding-left: 0.05rem;
  padding-right: 0.26rem;
  border: 1px solid #ff7236;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  color: #ff7236;
  min-width: 0.65rem;
}
.detail-content .content-header-right .title span::after {
  content: '';
  width: 0.22rem;
  height: 0.22rem;
  background: #ff7236 url(/public/img/friends@2x.png) no-repeat center;
  background-size: 0.15rem 0.13rem;
  position: absolute;
  top: 0;
  right: 0;
}
.detail-content .content-header-right .title img {
  display: block;
  height: 0.24rem;
  width: auto;
  margin-right: 0.1rem;
  margin-top: 0.03rem;
}
.detail-content .content-header-right .title p {
  max-width: 5.3rem;
}
.detail-content .content-header-right .course-features-wrap {
  max-height: 0.56rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: .1rem;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  font-size: .13rem;
  box-sizing: content-box;
  color: #494FF5;
}
.detail-content .content-header-right .course-features-wrap .course-features {
  padding: 0 .08rem;
  margin-right: .04rem;
  margin-bottom: .04rem;
  height: .24rem;
  line-height: .24rem;
  text-align: center;
  background: rgba(73,79,245,0.06);
  border-radius: .6rem;
}
.detail-content .content-header-right .desc {
  color: #949494;
  line-height: 1;
  margin-top: 0.1rem;
}
.detail-content .content-header-right .desc span {
  padding: 0 0.1rem;
}
.detail-content .content-header-right .desc span.time {
  position: relative;
  padding-left: 0;
}
.detail-content .content-header-right .desc span.time::after {
  content: '';
  width: 1px;
  height: 0.12rem;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  margin-top: -0.06rem;
  right: 0;
}
.content-header-price {
  width: 6.13rem;
  background-color: #f7f8fc;
  margin-top: 0.18rem;
  padding: 0.16rem 0.2rem 0.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.11rem;
}
.price-normal-money {
  color: #949494;
}
.price-normal-money em {
  letter-spacing: 0.2rem;
}
.price-normal-money span {
  padding-left: 0.1rem;
  color: #ff3333;
  font-weight: 500;
}
.price-normal-money span b {
  font-size: 0.36rem;
  line-height: 1;
}
.price-normal-money i {
  text-decoration: line-through;
  padding-left: 0.06rem;
}
.price-group-money {
  color: #949494;
}
.price-group-money > em {
  color: #ff3434;
  font-size: 0.16rem;
  letter-spacing: 0.02rem;
}
.price-group-money span {
  padding-left: 0.1rem;
  color: #ff3333;
  font-weight: 500;
}
.price-group-money span b {
  font-size: 0.36rem;
  line-height: 1;
}
.price-group-money i {
  text-decoration: line-through;
  padding-left: 0.06rem;
}
.price-group-money span {
  padding-left: 0.15rem;
}
.price-group-money i {
  padding-right: 0.2rem;
}
.price-group-money > div {
  display: inline-block;
  padding-left: 0.4rem;
  position: relative;
}
.price-group-money > div p {
  display: inline;
}
.price-group-money > div p em {
  color: #ff3434;
}
.price-group-money > div::before,
.price-group-money > div::after {
  content: '';
  position: absolute;
}
.price-group-money > div::before {
  width: 1px;
  height: 0.16rem;
  background-color: #c6c8cc;
  top: 0.02rem;
  left: 0;
}
.price-group-money > div::after {
  width: 0.14rem;
  height: 0.14rem;
  background: url(/public/img/clock@2x.png) no-repeat center;
  background-size: 0.14rem;
  top: 0.04rem;
  left: 0.2rem;
}

.price-seckill {
  color: #FF3333;
}
.price-seckill span {
  display: inline-block;
}
.price-seckill span:nth-child(1), .price-seckill span:nth-child(2) {
  font-size: .16rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
}
.price-seckill span:nth-child(2) {
  margin-left: .26rem;
}
.price-seckill span:nth-child(2) b {
  font-size: .36rem;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
}
.price-seckill s {
  font-size: .14rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #949494;
  display: inline-block;
  margin-left: .16rem;
}

.price-subjects {
  display: none;
  margin-top: 0.18rem;
  flex-wrap: wrap;
  padding-top: 0.08rem;
}
.price-subjects a {
  display: block;
  padding: 0 0.16rem;
  line-height: 0.36rem;
  height: 0.36rem;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #c5c8cc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
  cursor: pointer;
}
.price-subjects a.active {
  border: 1px solid #494ff5;
  position: relative;
}
.price-subjects a.active::after {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  background: url(/public/img/icon-detail-subject.png) no-repeat center;
  background-size: 0.2rem;
  position: absolute;
  top: -0.12rem;
  right: -0.1rem;
}

.more-subjects-btn {
  display: none;
  margin-top: 0.1rem;
  text-align: center;
  color: #494ff5;
  cursor: pointer;
}

/* btn */
.content-header-btn {
  margin-top: 0.3rem;
}
.content-header-btn .normalBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 0.48rem;
}
.content-header-btn .normalBtn .btn {
  font-size: 0.18rem;
  width: 2.2rem;
}
.content-header-btn .normalBtn p {
  color: #949494;
  margin-left: 0.2rem;
}
.content-header-btn .groupBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.content-header-btn .groupBtn .btn {
  margin-right: 0.2rem;
}
.content-header-btn .groupBtn > p {
  line-height: 0.48rem;
  color: #949494;
}
.content-header-btn .groupBtn .btn-multi-line {
  width: 1.4rem;
}
.content-header-btn .groupBtn .btn-multi-line p {
  line-height: 1;
  margin-top: 0.05rem;
  font-size: 0.18rem;
  font-weight: bold;
}
.content-header-btn .groupBtn .btn-multi-line span {
  display: block;
  text-align: center;
  font-size: 0.14rem;
}
.content-header-btn .groupBtn .btn-normal,
.content-header-btn .groupBtn .btn-info {
  width: 1.4rem;
  font-size: 0.14rem;
}
.content-header-btn .btn {
  color: #fff;
  height: 0.46rem;
}
.content-header-btn .btn-normal {
  text-align: center;
}
.content-header-btn .huabei {
  box-sizing: border-box;
  width: 1.58rem;
  height: 0.38rem;
  line-height: .35rem;
  background-size: 1.58rem 0.38rem;
  background-repeat: no-repeat;
  position: absolute;
  top: -0.26rem;
  left: 1.44rem;
}
.content-header-btn .groupBtn .huabei {
  left: 0.5rem;
  top: -0.26rem;
}
.content-header-btn .btn:hover,
.content-header-btn .btn:active {
  color: #fff !important;
}
.content-header-btn a.btn p {
  line-height: 0.48rem;
  margin-left: 0;
  color: #fff;
}
.content-header-btn a.has-buy {
  border: .01rem solid #494FFC;
  background-color: #ffffff;
}
.content-header-btn a.has-buy p {
  color: #494FFC !important;
}
.content-header-btn a.has-buy:hover {
  background: #494FF5;
}
.content-header-btn a.has-buy:hover p {
  color: #ffffff !important;
}
.content-header-piece {
  width: 6.14rem;
  background-color: #fff7f4;
}
.content-header-piece .swiper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 81px;
}
.content-header-piece .swiper::after {
  content: '';
  width: 1px;
  height: 0.6rem;
  background-color: #ebebeb;
  position: absolute;
  top: 0.1rem;
  left: 50%;
}
.content-header-piece .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.content-header-piece .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.18rem 0.2rem;
  width: 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content-header-piece .swiper-slide img {
  display: block;
  width: 0.42rem;
  height: 0.42rem;
  border: 2px solid #fff;
  border-radius: 0.2rem;
}
.content-header-piece .swiper-slide .info {
  margin-left: 0.07rem;
}
.content-header-piece .swiper-slide .info p {
  padding-bottom: 0.04rem;
}
.content-header-piece .swiper-slide .info span {
  font-size: 0.12rem;
  color: #949494;
}
.content-header-piece .swiper-slide .join-group {
  width: 0.85rem;
  height: 0.34rem;
  border: 1px solid #ff7135;
  text-align: center;
  border-radius: 0.2rem;
  color: #ff7135;
  line-height: 0.34rem;
  margin-left: auto;
  margin-top: 0.05rem;
  cursor: pointer;
}
.content-header-piece[data-pgb_length='1'] {
  width: 3.07rem;
}
.content-header-piece[data-pgb_length='1'] .swiper::after {
  width: 0 !important;
}
.rules {
  line-height: 0.32rem;
  font-size: 0.12rem;
  color: #949494;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.content-header-coupon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.12rem;
}
.content-header-coupon > p {
  line-height: 24px;
  letter-spacing: 0.2rem;
  color: #949494;
}
.content-header-coupon ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.content-header-coupon ul li {
  width: 135px;
  height: 24px;
  background-image: url(/public/img/detail-coupon-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 135px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.12rem;
  line-height: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 0.1rem;
  cursor: pointer;
}
.content-header-coupon ul li p {
  width: 77px;
  text-align: center;
  color: #ff7135;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
}
.content-header-coupon ul li span {
  color: #fff;
  width: 47px;
  text-align: center;
}
.content-header-coupon ul li.active {
  background-image: url(/public/img/detail-coupon-bg-active.png);
}
.content-header-coupon ul li.active p {
  color: #ff946e;
}
.content-header-coupon a {
  display: block;
  margin-left: auto;
  color: #949494;
  padding-right: 0.18rem;
  position: relative;
  line-height: 24px;
  cursor: pointer;
}
.content-header-coupon a:hover {
  color: #949494;
}
.content-header-coupon a::after {
  content: '';
  width: 0.06rem;
  height: 24px;
  background: url(/public/img/detail-ico-down-gray.png) no-repeat center;
  background-size: 0.06rem 0.12rem;
  position: absolute;
  top: 0;
  right: 0;
}
/* 最近浏览开始 */
.history-box {
  width: 12rem;
  margin: 0.19rem auto;
}
.history-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.history-header h2 {
  font-size: 0.26rem;
  line-height: 1;
}
.history-header p {
  color: #949494;
  position: relative;
  padding-left: 0.2rem;
  line-height: 0.26rem;
  cursor: pointer;
}
.history-header p::after {
  content: '';
  width: 0.16rem;
  height: 0.16rem;
  background: url(/public/img/course-list-loading@2x.png) no-repeat center;
  background-size: 0.16rem 0.15rem;
  position: absolute;
  left: 0;
  top: 0.05rem;
}
.history-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /* -webkit-justify-content: space-between; */
  -ms-flex-pack: justify;
  justify-content: flex-start;
  margin-top: 0.3rem;
}
.history-list .course-li {
  margin-right: .2rem;
}
.history-list .course-li h2 {
  height: 0.5rem;
}
.history-list .course-li-price .seckill-preheat-btn {
  height: .64rem;
}
.history-list .course-li a .course-desc.seckill-time-preheat, .history-list .course-li a .course-desc.seckill-time-countdown{
  margin-top: 0;
  height: auto;
  line-height: normal;
}
/* 最近浏览结束 */
/* 课程详情开始 */
.course-detail {
  width: 12rem;
  margin: 0.3rem auto 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.course-detail-left {
  width: 8.93rem;
  background-color: #fff;
  border: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* tabs */
  margin: 0;
  /* tabs结束 */
}
.course-detail-left .tabs {
  background-color: #f7f8fc;
  height: 0.6rem;
  border-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.course-detail-left .tabs li {
  width: 1.8rem;
  height: inherit;
  line-height: 0.6rem;
  margin: 0;
  color: #949494;
  text-align: center;
  cursor: pointer;
  font-size: 0.16rem;
}
.course-detail-left .tabs li.active {
  background-color: #fff;
  position: relative;
  font-weight: bold;
  color: #1d2125;
}
.course-detail-left .tabs li.active::after {
  content: '';
  width: 100%;
  height: 0.02rem;
  background-color: #494ff5;
  position: absolute;
  top: 0;
  left: 0;
  border-width: 0;
}
.course-detail-left .tabs-content {
  padding-bottom: 0.2rem;
}
.course-detail-left .tabs-content .tabs-item {
  display: none;
}
.course-detail-left .tabs-content .tabs-item.active {
  display: block;
}
.course-detail-left .tabs-content .tabs-item:first-child {
  padding-top: 0.46rem;
}
.course-detail-intro {
  margin-top: 0.1rem;
}
.course-detail-intro p {
  margin: 0 0.2rem;
}
.course-detail-intro img {
  max-width: 7.5rem;
  overflow: hidden;
  margin: 0 auto;
  display: block;
}
.course-detail-adv a {
  display: block;
}
.course-detail-adv a img {
  display: block;
  width: 7.5rem;
  height: 2.4rem;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.course-detail-teacher ul {
  width: 8.33rem;
  margin: 0 auto 0.3rem;
}
.course-detail-teacher ul li {
  margin-top: 0.3rem;
  width: inherit;
  position: relative;
  padding-bottom: 0.26rem;
  border-bottom: 1px solid #ebebeb;
}
.course-detail-teacher ul li img {
  display: block;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 0.28rem;
}
.course-detail-teacher ul li .name,
.course-detail-teacher ul li span {
  position: absolute;
  left: 0.73rem;
  line-height: 1;
}
.course-detail-teacher ul li .name {
  display: inline;
  font-size: 0.16rem;
  padding-right: 0.27rem;
  top: 0.08rem;
}
.course-detail-teacher ul li.video .name {
  cursor: pointer;
}
.course-detail-teacher ul li.video .name::after {
  content: '';
  width: 0.17rem;
  height: 0.17rem;
  background: url(/public/img/ico-video@2x.png) no-repeat center;
  background-size: 0.17rem;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.08rem;
}
.course-detail-teacher ul li span {
  color: #949494;
  top: 0.32rem;
}
.course-detail-teacher ul li .desc {
  margin-top: 0.16rem;
  font-size: 0.12rem;
  line-height: 0.2rem !important;
  color: #949494;
}
.course-detail-right {
  width: 2.85rem;
}
/* 课程详情结束 */
.pagination_box {
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagination_box .kkpager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pagination_box .kkpager .pageBtnWrap a,
.pagination_box .kkpager .pageBtnWrap span {
  padding: 0;
  width: 0.32rem;
  height: 0.32rem;
  text-align: center;
  line-height: 0.32rem;
  font-size: 0.14rem;
}
.pagination_box .kkpager .pageBtnWrap a.disabled,
.pagination_box .kkpager .pageBtnWrap span.disabled {
  color: #949494;
  border-color: #ebebeb;
}
/* 课程交流群弹窗 */
.modal-header {
  padding: 0.2rem !important;
  border: none;
  position: relative;
}
.modal-header button {
  width: 0.18rem;
  height: 0.18rem;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  outline: none;
  border: none;
  background: none;
}
.modal-header button img {
  width: 0.18rem;
  height: 0.18rem;
}
#wechatModal .modal-dialog {
  width: 7.95rem;
}
#wechatModal .modal-content {
  border: none;
  height: 4.06rem;
}
#wechatModal .modal-body h4 {
  font-size: 0.2rem;
  text-align: center;
  font-weight: bold;
  color: #1d2125;
}
#wechatModal .modal-body > img {
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 2.97rem;
  top: 0.6rem;
}
#wechatModal .modal-body .img-tip {
  width: 1.8rem;
  height: 1.6rem;
  position: absolute;
  left: 5.13rem;
  top: 0.6rem;
}
#wechatModal .modal-body .qr-icon {
  width: 0.36rem;
  height: 0.36rem;
  position: absolute;
  left: 3.21rem;
  top: 3rem;
}

#wechatModal .modal-body .text-tip {
  position: absolute;
  left: 3.77rem;
  top: 2.97rem;
}

#wechatModal .modal-body p {
  color: #949494;
  text-align: left;
}
/* 视频弹窗 */
.modal .pv-video-player {
  margin: 0 auto;
}
/* 无课程状态 */
.none-course {
  background-color: #fff;
  padding: 2rem 0;
}
.none-course .none-content img {
  margin: 0 auto;
}
/* 课程大纲 */
.course-detail-outline .title,
.course-detail-outline .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* 课程详情-优惠券/拼团弹窗 */
.detail-dialog .modal-dialog {
  width: 3.25rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.1rem;
}
.detail-dialog .modal-content {
  border-width: 0;
}
.detail-dialog .modal-header {
  font-size: 0.18rem;
  padding: 0.26rem 0 !important;
}
.detail-dialog .modal-header h5 {
  font-weight: bold;
  margin: 0 auto;
}
.detail-dialog .modal-body {
  text-align: center;
  padding-bottom: 0.4rem;
}
.detail-dialog .modal-body .btn {
  width: 1.4rem;
  height: 0.48rem;
  font-size: 0.16rem;
  margin-top: 0.2rem;
}
.detail-dialog .modal-body .btn-normal {
  color: #fff;
}
.detail-dialog .modal-body.coupon-dialog > p {
  width: 1rem;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.detail-dialog .modal-body.coupon-dialog > p::after {
  content: '';
  width: 0.14rem;
  height: 0.14rem;
  position: absolute;
  top: 0.02rem;
  left: 0;
  background-image: url('/public/img/course/check@2x.png');
  background-repeat: no-repeat;
  background-size: 0.14rem;
  background-position: left center;
}
.detail-dialog .modal-body.coupon-dialog .msg img {
  width: 0.14rem;
  height: 0.14rem;
}
.detail-dialog .modal-body.coupon-dialog .msg span {
  padding-left: 0.05rem;
  line-height: 1;
}
.detail-dialog .modal-body.coupon-dialog a {
  display: block;
  color: #494ff5;
  cursor: pointer;
  padding-top: 0.06rem;
}
.detail-dialog .modal-body .order-info-button {
  width: 3rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.order-hide {
  display: none !important;
}
.no-after::after {
  width: 0 !important;
  height: 0 !important;
}
#teachDialog video {
  width: 8rem;
}
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.flex-left {
  display: flex;
  justify-content: left;
}
.flex-wrap {
  flex-wrap: wrap;
}
.joint {
  width: 12rem;
  margin: 0.3rem auto 0;
}
.joint .title {
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0 0.3rem;
  background: #ffeded;
  border: 0.01rem solid #ebebeb;
}
.joint .title .word {
  margin-left: 0.2rem;
  color: #ff3333;
}
.joint .subject-name {
  display: flex;
}
.joint .subject-name .one {
  width: 50%;
  cursor: pointer;
  text-align: center;
  height: 0.6rem;
  line-height: 0.6rem;
  color: #949494;
  background: #f7f8fc;
}
.joint .subject-name .one b {
  color: #1d2125;
}
.joint .subject-name .one.on {
  color: #494ff5;
  background: #ffffff;
}
.joint .subject-name .one.on b {
  color: #494ff5;
}
.joint .subject-list {
  display: none;
  padding: 0 0.3rem 0.3rem;
  background: #ffffff;
}
.joint .subject-list.on {
  display: flex;
}
.joint .subject-list .course {
  width: 2.25rem;
  padding: 0.2rem;
  cursor: pointer;
  margin-top: 0.2rem;
  margin-right: 0.3rem;
  border-radius: 0.04rem;
  border: 0.01rem solid #ebebeb;
}
.joint .subject-list .course.on {
  border-color: #494ff5;
}
.joint .subject-list .course.on .ui-flex.ui-justify-between .check {
  background-image: url('https://oss.kaoyanvip.cn/attach/file1625045240348.png');
}
.joint .subject-list .course .ui-flex.ui-justify-between {
  color: #ff3333;
  margin-top: 0.2rem;
  align-items: center;
}
.joint .subject-list .course .ui-flex.ui-justify-between .check {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  background: url('https://oss.kaoyanvip.cn/attach/file1625114960869.png')
    no-repeat;
  background-size: cover;
}
.buy-bottom {
  padding: 0.25rem 0 0.3rem;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1;
  background-color: #ffffff;
}
.buy-bottom .w1200 {
  width: 12rem;
  margin: auto;
}
.buy-bottom .w1200 .tip .ico {
  display: inline-block;
  width: 0.04rem;
  height: 0.16rem;
  background: #494ff4;
  border-radius: 0.02rem;
  margin-right: 0.1rem;
}
.buy-bottom .w1200 .tip .opt {
  font-weight: bold;
  margin-right: 0.1rem;
}
.buy-bottom .w1200 .tip .word {
  color: #ff3333;
}
.buy-bottom .w1200 .one {
  width: 2.3rem;
  padding: 0.15rem;
  background: #f7f8fc;
  border-radius: 0.04rem;
  margin-top: 0.2rem;
}
.buy-bottom .w1200 .one .price {
  margin-top: 0.1rem;
}
.buy-bottom .w1200 .space {
  font-size: 0.16rem;
  margin: auto 0.2rem;
}
.buy-bottom .w1200 .total {
  color: #ff3333;
}
.buy-bottom .w1200 .btn {
  width: 1.4rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: #ffffff;
  text-align: center;
  background: #ff3333;
  border-radius: 0.04rem;
  margin-left: 10px;
}
#backTop {
  position: fixed;
  top: 50%;
  right: 30px;
  color: #1d2125;
  font-size: 12px;
  cursor: pointer;
  padding: 12px 7px;
  border-radius: 6px;
  text-align: center;
  background: #ffffff;
  box-shadow: 0px 2px 20px 0px rgba(197, 200, 204, 0.5);
}
#backTop img {
  width: 22px;
  height: 20px;
  margin-bottom: 2px;
}
#backTop:hover {
  color: #494ff5;
}

/* 领取成功弹窗 */
#ticketSucModal .modal-dialog{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#ticketSucModal .ticket-suc-modal-content {
  width: 3.24rem;
  padding: .2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: .02rem;
}
#ticketSucModal .p1 {
  text-align: center;
  color: #1d2125;
  font-size: 0.18rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
  padding-left: .2rem;
}
#ticketSucModal .state-div {
  width: 100%;
  text-align: center;
}
#ticketSucModal .state-div img {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.04rem;
  vertical-align: -0.02rem;
}
#ticketSucModal .state-div span {
  font-size: 0.14rem;
  color: #1d2125;
}
#ticketSucModal a {
  display: block;
  text-align: center;
  color: #494ff5;
  font-size: 0.14rem;
  cursor: pointer;
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}
#ticketSucModal .btn {
  background-color: #494ff5;
  border-color: #494ff5;
  width: 1.4rem;
  height: 0.48rem;
  line-height: .48rem;
  font-size: 0.16rem;
  color: #ffffff;
}
#ticketSucModal .close {
  width: .12rem;
  height: .12rem;
  position: absolute;
  top: 0;
  right: -.74rem;
  cursor: pointer;
}


/* 领券中心 */
.ticket-right-model {
  background-color: #fff;
  padding-bottom: 0.1rem;
  margin-bottom: 0.1rem;
  border: 1px solid #EBEBEB;
}
.ticket-right-model-title {
  font-size: 0.18rem;
  height: 0.58rem;
  line-height: 0.58rem;
  border-bottom: 1px solid #ebebeb;
  padding: 0 .1rem 0 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket-right-more {
  font-size: .12rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #C5C8CC;
  cursor: pointer;
}
.ticket-content {
  padding: .2rem;
}
.ticket-item {
  width: 2.45rem;
  height: .88rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 .1rem 0 .2rem;
  box-sizing: border-box;
}
.ticket-item:not(:last-child) {
  margin-bottom: .1rem;
}
.ticket-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ticket-item .left {
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #F65F20;
  z-index: 1;
}
.ticket-item .left .price span:nth-child(1) {
  font-size: .1rem;
}
.ticket-item .left .price span:nth-child(2) {
  font-size: .24rem;
}
.ticket-item .left .count {
  font-size: .12rem;
}
.ticket-item .right {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.ticket-item .right p {
  width: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  font-size: .14rem;
  color: #FFFFFF;
  text-align: center;
}
.ticket-item .right div {
  width: .88rem;
  height: .28rem;
  line-height: .28rem;
  border-radius: .16rem;
  text-align: center;
  padding: 0 .16rem;
  font-size: .14rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  margin-top: .1rem;
  margin-right: .06rem;
  box-sizing: border-box;
  cursor: pointer;
  background: linear-gradient(90deg, #FFF3E2 0%, #FFDDBC 100%);
  color: #A52C27;
}
.ticket-item .right div.use {
  background: #ff6422;
  border: .01rem solid #FFFFFF;
  color: #FFFFFF;
}
.detail-content .btn-free {
  background: #FF3333;
  color: #FFFFFF;
}
.detail-content .btn-free:hover {
  background: rgba(255,51,51,0.8);
}