/* 自适应图片 */
.autoImg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* 免费 */
.freePrice {
  color: #0bc266 !important;
}

/* 课程通过,失败,等待,一般 状态 颜色 */

.status-s {
  color: #67c23a !important;
}

.status-w {
  color: #e6a23c !important;
}

.status-f {
  color: #f56c6c !important;
}

.status-i {
  color: #999 !important;
}

/* 富文本容器，保留富文本默认样式，所见即所得 */
.richTextBox {
  line-height: 1.4;
  font-size: 14px;
}

.richTextBox * {
  margin: revert;
  padding: revert;
  border: revert;
  font: revert;
  vertical-align: revert;
}

.richTextBox p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/* 主题色修改 */
.el-button--primary {
  background-color: #2b68cd !important;
  border-color: #2b68cd !important;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background: #3579ea !important;
  border-color: #3579ea !important;
  color: #fff !important;
}

.el-tabs__item.is-active {
  color: #2b68cd !important;
}

/* 单行省略 */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 双行省略 */
.ellipsis-3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
} 
/* flex布局 */
.flex {
  display: flex;
}

.flex1 {
  flex: 1;
  overflow: hidden;
}

/* 上传图片 */
.avatar-uploader .el-upload {
  width: 190px;
  height: 140px;
  border: 1px dashed #d9d9d9;
  position: relative;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.noData {
  width: 100%;
  text-align: center;
  color: #999;
  padding: 10px 0;
  font-size: 22px;
}

.avatarCover {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

/* 内置状态字体颜色 */
.primaryTxt {
  color: #2b68cd !important;
}

.successTxt {
  color: #67c23a !important;
}

.warningTxt {
  color: #e6a23c !important;
}

.errorTxt {
  color: #f56c6c !important;
}

.infoTxt {
  color: #999 !important;
}

/* 内置状态背景颜色 */
.primaryBack {
  color: #fff !important;
  background: #2b68cd !important;
}

.successBack {
  color: #fff !important;
  background: #67c23a !important;
}

.warningBack {
  color: #fff !important;
  background: #e6a23c !important;
}

.errorBack {
  color: #fff !important;
  background: #f56c6c !important;
}