body {
    background: #232c33;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.2, #000910), color-stop(0, #232c33));
background: -webkit-linear-gradient(#000910 20%, #232c33 0%);
background: -moz-linear-gradient(#000910 20%, #232c33 0%);
background: -o-linear-gradient(#000910 20%, #232c33 0%);
background: linear-gradient(#000910 20%, #232c33 0%);
background-size: 100% 3px;
color: #ffffff;
}
.page-header{
  color: #ffffff !important;
}
.page-headersmall {
color: #7c7f83 !important;
}
.panel-inverse>.panel-heading {
background: #2a5169 !important;
}
.panel {
background-color: #e4e4f0 !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

  background: #afafd1;
  /* background: linear-gradient(to top, #797aaa, #9090bd) !important; */
  color: #000000;
}
tr:first-child th{
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to top, #797aaa, #9090bd) !important;
  position: relative;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
border-color: #bcbee3 !important;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
background: #b7b8d5 !important;
color: #000000;
}
.form-control {
color: #111 !important;
background-color: #a8a8cd !important;
border: 1px solid #8f8fb7 !important;
}
.papaerNum {
color: #111;
}
input::placeholder,
textarea::placeholder {
  color: #555568 !important; /* 设置颜色 */
}
.nav-tabs {
background: #dadae9 !important;
padding: 15px;
color: #000000;
}
.nav-tabs>li>a {
border: 1px solid #999cbd !important;
background: #dfe0e6 !important;
line-height: 10px !important;
color: #000000 !important;
font-weight: bold !important;
}
.nav-tabs>li>a {
border-radius: 6px !important;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #fff !important;
background-color: #9090b5 !important;
border: 1px solid #999cbd !important;
}
.modal-content {
background-color: #e5e5f1 !important;
}
.form-horizontal.form-bordered .form-group {
border-bottom: 1px solid #cdcce2 !important;
}
.form-horizontal.form-bordered .form-group>div {
border-left: 1px solid #cdcce2 !important;
}





a{
  color: #2171fb;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: inherit;
}

ol,
ul {
    list-style: none;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border-radius: 2px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
th{
  white-space: nowrap;
}
.hk-5{
  width: 5%;
}
.hk-10{
  width: 10%;
}
.hk-15{
  width: 15%;
}
.hk-20{
  width: 20%;
}
.hk-25{
  width: 25%;
}
.hk-30{
  width: 30%;
}
.hk-35{
  width: 35%;
}
.hk-40{
  width: 40%;
}
.hk-45{
  width: 45%;
}
.hk-50{
  width: 50%;
}
.hk-55{
  width: 55%;
}
.hk-60{
  width: 60%;
}
.hk-65{
  width: 65%;
}
.hk-70{
  width: 70%;
}
.hk-75{
  width: 75%;
}
.hk-80{
  width: 80%;
}
.hk-85{
  width: 85%;
}
.hk-90{
  width: 90%;
}
.hk-95{
  width: 95%;
}
.hk-100{
  width: 100%;
}
.lookTips{
  background: #ffead0;
  color: #8a6d3b;
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 100px;
  margin-left: 10px;
  display: inline-block;
  font-weight: 300;
  line-height: 1;
}
.createAnimation{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.2);
}
.createAnimation .loading {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 100%;
  z-index: 10000;
  animation-duration: 0.3s;
  animation-name: wakeUpAnimation;
  animation-fill-mode: forwards;
  text-align: center;
}
.createAnimation .loading .dataLoad {
  width: 35px;
  height: 35px;
  border: 2px solid #ffffff;
  border-bottom-color: #2171fb;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: circulate 1s linear infinite;
  animation: circulate 1s linear infinite;
}
/* 录课室管理 */
.lksNum{
    border: 1px solid #e6e4e4;
    border-radius: 10px;
    padding: 15px;
    display: inline-block;
    box-shadow: 0 0 10px 1px rgba(35, 50, 50, 0.07);
    margin-right: 20px;
  	/* 禁止复制 */
  	user-select: none;
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
}
.lksNum .title{
    text-align: center;
    font-size: 15px;
    width: 100%;
    font-weight: bold;
    margin: 0;
}
.lksNum .title.active span{
  color: #2171fb;
}
.lksNum .title span:hover{
  background: transparent;
}
.lksNum .title span{
    color: #333333;
    font-weight: bold;
    background: transparent;
    border: none;
    cursor: auto;
    position: relative;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.lksNum .title.active span:after {
content: "";
border-radius: 50%;
border: 3px solid #2171fb;
background: #ffffff;
width: 11px;
height: 11px;
position: absolute;
left: 26px;
top: 50%;
transform: translateY(-50%);
/* transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s; */
}
.lksNum .block{
    display: block;
    margin: 10px 0;
    text-align: center;
}
.lksNum label{
    /* border: 1px solid #e6e4e4; */
    border-radius: 5px;
    margin: 0;
    /* padding: 5px; */
}
.manyStyle{
    margin: 0 25px 0 0
}




/* 定义录课室选中后的样式 */
.hklks li {
    display: inline-block;
    position: relative;
    list-style: none;
}
.hklks input[type="radio"] {
    display: none;
}
.hklks span {
    padding: 0 12px;
    display: inline-block;
    background: #f2f5fa;
    border: 1px solid #ebeff6;
    line-height: 28px;
    text-align: center;
    color: #666666;
    cursor: pointer;
    width: 100%;
    border-radius: 100px;
    font-weight: normal;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.hklks span:hover{
  background: #d5deec;
}
.hklks input:checked+span {
    background: #2171fb;
    border-color: #2171fb;
    color: #ffffff;
}
/* 列表中的录课室样式 */
.lksList.hklks.row{
  margin: 0 -5px;
}
.lksList.hklks.row>[class*=col-]{
  padding: 0 5px;
}
.lksList.hklks .lksNum{
    margin-right: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    box-shadow: 0 0 10px 1px rgba(10, 94, 212, 0.05);
}
.lksList.hklks .lksNum .title.active span:after{
  display: none;
}
.lksList.hklks .lksNum .block{
  width: 100%;
}
.lksList.hklks .col-md-6 label{
  width: 32%;
}
.emptySel{
    height: 34px;
    padding: 6px 12px;
}
.emptySel input {
    display: none;
}
.emptySel label{
    position: relative;
    padding-left: 28px;
  	cursor: pointer;
  	/* 禁止复制 */
  	user-select: none;
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
}
.emptySel label i {
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 19px;
    height: 19px;
    outline: 0;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.emptySel label input:checked+i {
    border-color: #2171fb;
}
.emptySel label input+i:after {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    width: 5px;
    height: 5px;
    border-radius: 1px;
    background-color: #2171fb;
    opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.emptySel label input:checked+i:after {
  opacity: 1;
}
/* 录课室管理 */
.feelNone {
    pointer-events: none;
}
.papaerNum{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.spinner,
.spinner-small {
    border: 2px solid #fff !important;
    border-top: 2px solid #2171fb !important;
}
.homeBanner img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    object-position: center;
}

/* 按钮 */
.hkSwtichHideBtn {
    position: relative;
    display: inline-block;
    /* width: 45px;
    height: 26px; */
    width: 43px;
    height: 23px;
    margin: 0 !important;
}

.hkSwtichHideBtn input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.hkSwtichHideSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9999c1;
    /* -webkit-transition: .4s;
    transition: .4s; */
}

.hkSwtichHideSlider:before {
    position: absolute;
    content: "";
    /* height: 22px;
    width: 22px;
    left: 3px;
    bottom: 2px; */;
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    /* -webkit-transition: .5s; */
    transition: all 0.5s;
}

input:checked+.hkSwtichHideSlider {
    background-color: #0076f7;
    background: linear-gradient(to right, #c93158, #8f1c3a);
}

input:checked+.hkSwtichHideSlider.green {
    background-color: #00c983;
    background: linear-gradient(to right, #00c983, #86e200);
    background: linear-gradient(to right, #00c37e, #00d91e);
}
input:checked+.hkSwtichHideSlider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}
input:checked+.hkSwtichHideSlider.yellow {
  background: linear-gradient(to right, #f66136, #ffa16e);
}
.hkSwtichHideSlider.hkSwtichHideRound {
    border-radius: 28px;
}

.hkSwtichHideSlider.hkSwtichHideRound:before {
    border-radius: 50%;
    box-shadow: 1px 1px 5px rgba(6, 0, 0, 0.2);
}

.hkTypeXxk {
    margin-bottom: -15px;
    /* 禁止复制 */
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.hkTypeXxk label {
    display: inline-block;
    margin-bottom: 15px;
}

.hkTypeXxk label:not(:last-of-type) {
    margin-right: 15px;
}

.hkTypeXxk input[type="radio"],
.hkTypeXxk input[type="checkbox"] {
    display: none;
}

.hkTypeXxk span {
    position: relative;
    padding: 6px 15px 6px 31px;
    display: inline-block;
    background: #f2f5fa;
    border: 1px solid #ebeff6;
    text-align: center;
    color: #33363e;
    cursor: pointer;
    width: auto;
    border-radius: 6px;
    font-weight: normal;
    line-height: normal;
    transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.hkTypeXxk span:hover{
  background: #d5deec;
}
.hkTypeXxk span:hover:after {
  border: 3px solid #f6f7f9;
  background: #d5deec;
}
.hkTypeXxk input:checked+span {
    /* background: #f1f7ff;
      border-color: #2171fb;
      color: #2171fb; */
    background: #2171fb;
    background: linear-gradient(to right, #c24566, #a0052e) !important;
    color: #ffffff;
}

.hkTypeXxk span:after {
    content: "";
    border-radius: 50%;
    border: 3px solid #d9dce3;
    background: #f2f5fa;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.hkTypeXxk input:checked+span:after {
    background: #c24566;
    border: 3px solid #ffffff;
}

/* 按钮 */
.helpTips {
    margin-top: 15px;
    color: #666666;
}

.successStatus{
  background: #000000;
  color: #85ffcf;
  padding: 3px 10px;
  font-size: 11px;
  border-radius: 100px;
  line-height: normal;
  display: inline-block;
  font-weight: 400;
}
.progressStatus{
  background: #000000;
  color: #ffc58c;
  padding: 3px 10px;
  font-size: 11px;
  border-radius: 100px;
  line-height: normal;
  display: inline-block;
  font-weight: 400;
}
.emptyStatus{
  background: #a1a1a1;
  color: #ffffff;
  padding: 3px 10px;
  font-size: 11px;
  border-radius: 100px;
  line-height: normal;
  display: inline-block;
  font-weight: 400;
}


/* 让弹窗在中间 */
/* pointer-events: none; */
/* .modal-dialog{
  height: 100vh;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0;
  }
  .modal-content{
    left: 50%;
  position: absolute;
  top: 50%;
  width: 600px;
  transform: translate(-50%, -50%);
  z-index: 1000000;
  } */
/* 让弹窗在中间 */

/* 加载动画 */

/* 蓝色动画加载 */
@-webkit-keyframes circulate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loadingAnimation .loading .dataLoad {
    width: 55px;
    height: 55px;
    border: 4px solid #ffffff;
    border-bottom-color: #2171fb;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: circulate 1s linear infinite;
    animation: circulate 1s linear infinite;
}

.maskBg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.5);
}

.loadingAnimation .loading {
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -40%);
    opacity: 0;
    width: 100%;
    z-index: 10000;
    animation-duration: 0.3s;
    animation-name: wakeUpAnimation;
    animation-fill-mode: forwards;
    text-align: center;
}


@keyframes wakeUpAnimation {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.loadingAnimation .loading .loadTitle span {
    font-size: 13px;
    display: inline-block;
    padding-top: 10px;
    color: #eaecee;
    /* font-weight: bold; */
}

/* 加载动画结束 */

.btn.btn-primary {
    color: #fff;
    background: #8f1c3a !important;
    border-color: transparent !important;
    background: linear-gradient(to right, #8f1c3a, #9f2444) !important;
}

.btn-primary:hover {
    background: linear-gradient(to right, #9f2444, #8f1c3a) !important;
}

/* .btn.btn-success{
    background: #1ac185 !important;
  border-color: #0fbf80 !important;
  }
  .btn.btn-success:hover{
  background: linear-gradient(to right, #009c64, #07a56c) !important;
  } */
.bootstrap-dialog .bootstrap-dialog-title {
    color: #000000 !important;
}
.bootstrap-dialog.type-danger .bootstrap-dialog-title {
  color: #ffffff !important;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: transparent !important;
    background: #2a5169 !important;
    color: #ffffff !important;
}
.bootstrap-dialog .bootstrap-dialog-title {
color: #ffffff !important;
}
.form-control:focus {
    border-color: #2171fb !important;
}

.tikuXxkData{
  border: 1px solid #e2e7eb;
}
.tikuXxkData .head {
background: #ffffff;
}
.tikuXxkData .head {
border-bottom: 2px solid #e2e7eb;
}
.tikuXxkData .head, .tikuXxkData .tbody .mk {
display: flex;
flex-direction: row;
/* justify-content: space-between; */
align-items: stretch;
}
.tikuXxkData .head .mk.title,
.tikuXxkData .tbody .mk .title {
width: 30%;
}
.tikuXxkData .head .mk.name,
.tikuXxkData .tbody .mk .name {
width: 70%;
}
.tikuXxkData .head .mk:not(:last-of-type), .tikuXxkData .tbody .mk .td:not(:last-of-type) {
border-right: 1px solid #e2e7eb;
}
.tikuXxkData .head .mk {
padding: 10px 15px;
font-weight: bold;
display: inline-block;
}
.tikuXxkData .tbody {
overflow-y: auto;
margin-right: -4px;
padding-right: 2px;
max-height: 280px;
}
.tikuXxkData .tbody .mk:not(:last-of-type) {
border-bottom: 1px solid #e2e7eb;
}
.tikuXxkData .tbody .mk:nth-of-type(odd) {
background-color: #f0f3f5;
}

.tikuXxkData .tbody .mk .title{
  display: flex;
  align-items: center;
}

.tikuXxkData .tbody .mk .td{
  /* display: flex; */
  /* justify-content: center; */
  align-items: center;
  /* text-align: center; */
  padding: 10px 15px;
}

.tikuXxkData .tbody::-webkit-scrollbar {
    overflow: visible;
    width: 2px;
    height: 8px;
}

.tikuXxkData .tbody::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.6);
	   background: #424b58;
    border-radius: 100px;
    min-height: 15px;
}

.tikuXxkData .tbody::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
}


/* 表格实现滚动条，并且滚动条在盒子外显示，不影响样式 */
.courseXxkData .head,
.courseXxkData .tbody .mk{
  /* display: grid;
  grid-template-columns: repeat(5, 1fr);
  cursor: pointer; */
  display: flex;
  flex-direction: row;
  /* justify-content: space-between; */
  /* 居中让线条不变 */
  align-items: stretch;
}
.courseXxkData .head .mk:not(:last-of-type),
.courseXxkData .tbody .mk .td:not(:last-of-type) {
  border-right: 1px solid #e2e7eb;
}
.courseXxkData .head{
  border-bottom: 2px solid #e2e7eb;
}
.courseXxkData .tbody .mk:not(:last-of-type) {
  border-bottom: 1px solid #e2e7eb;
}
.courseXxkData .tbody .mk .td{
  display: flex;
  /* justify-content: center; */
  align-items: center;
  /* text-align: center; */
  padding: 10px 15px;
}
.courseXxkData{
  border: 1px solid #e2e7eb;
}
.courseXxkData .head{
  background: #ffffff;
}
.courseXxkData .head .mk{
  padding: 10px 15px;
  font-weight: bold;
  display: inline-block;
}
.courseXxkData .head .mk.ok,
.courseXxkData .tbody .mk .td.ok{
  width: 15%;
}
.courseXxkData .head .mk.img,
.courseXxkData .tbody .mk .td.img{
  width: 15%;
}
.courseXxkData .head .mk.title,
.courseXxkData .tbody .mk .td.title{
  width: 30%;
}
.courseXxkData .head .mk.name,
.courseXxkData .tbody .mk .td.name{
  width: 15%;
}
.courseXxkData .head .mk.num,
.courseXxkData .tbody .mk .td.num{
  width: 25%;
}

.head, .tbody {
    /* 确保 padding 和 border 不改变盒子大小 */
    /* box-sizing: border-box;  */
}

.courseXxkData .tbody .mk:nth-of-type(odd) {
background-color: #f0f3f5;
}

.courseXxkData .tbody::-webkit-scrollbar {
    overflow: visible;
    width: 2px;
    height: 8px;
}

.courseXxkData .tbody::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.6);
	   background: #424b58;
    border-radius: 100px;
    min-height: 15px;
}

.courseXxkData .tbody::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
}
.courseXxkData .tbody {
    overflow-y: auto; /* 仅垂直方向滚动 */
    /* 为滚动条留出空间 */
    margin-right: -4px;
    /* 防止内容与滚动条重叠 */
    padding-right: 2px;
    max-height: 280px;
}
.backImgAdd {
border: 1px dashed #e3eefe;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
display: inline-block;
transition: border-color 0.3s ease;
}
.backImgAdd:hover {
border-color: #0076f7;
}
/* #page-container .content {
  overflow: hidden;
} */


/* 避免刷新时候出现滚动条 */
.dataTables_wrapper{
  overflow: auto;
}
.dataTables_wrapper::-webkit-scrollbar {
    overflow: visible;
    width: 0;
    height: 0;
}
.dataTables_wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.6);
	background: #424b58;
    border-radius: 100px;
    min-height: 0;
}
.dataTables_wrapper::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
}
/* 避免刷新时候出现滚动条 */
.classTeacherXxk{
	/* 禁止复制 */
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.classTeacherXxk .fm{
  display: inline-block;
  flex-shrink: 0;
  font-size: 0;
  position: relative;
  border-radius: 200px;
  overflow-x: hidden;
  overflow-y: hidden;
  cursor: pointer;
}
.classTeacherXxk .fm img{
  pointer-events: none;
}
.classTeacherXxk input:checked+span {
  position: absolute;
  bottom: 0px;
  color: #ffffff;
  text-align: center;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  font-weight: bold;
  background-color: rgba(33, 113, 251, 0.88);
  width: 100%;
  opacity: 0.9;
  font-size: 10px;
  left: 0;
}
.classTeacherXxk input{
  display: none;
}
.classTeacherXxk:hover .img-thumbnail{
  border: 1px solid #2171fb;
}
.classTeacherXxk input:checked~h6 {
    color: #2171fb;
}
.classTeacherXxk .active{
  color: #2171fb
}
.classTeacherXxk .fm .active{
  position: absolute;
  bottom: 0px;
  color: #ffffff;
  text-align: center;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  font-weight: bold;
  background-color: rgba(33, 113, 251, 0.88);
  width: 100%;
  opacity: 0.9;
  font-size: 10px;
  left: 0;
}
.domainXxk {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #0076f7;
  color: #ffffff;
  border-radius: 4px 0 0 4px;
}

.domainXxk .caret {
  color: #ffffff;
}

.domainList.dropdown-menu {
  padding: 0;
  border: none;
}

.domainList.dropdown-menu>li>a {
  padding: 10px 20px;
}
.helpTitle {
  display: block;
  color: #000000;
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 12px;
}
.prohibitedWords textarea{
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 10px;
  line-height: 25px;
  width: 100%;
  margin-top: 10px;
  font-weight: 350;
  color: #333333;
	border: 2px solid #dadeeb;
	transition: border-color 0.5s ease;
  box-sizing: border-box;
}
.prohibitedWords textarea[type="text"] {
  border: 2px solid #eee;
  transition: border-color 0.3s ease;
}
.prohibitedWords textarea:focus {
  border: 2px solid #0076f7;
}
.prohibitedWords textarea:hover{
  border: 2px solid #0076f7;
}
.prohibitedWords textarea::-webkit-scrollbar {
  width: 6px;
}
.prohibitedWords textarea::-webkit-scrollbar-thumb {
  background-color: #000000;
  border-radius: 100px;
}
.prohibitedWords textarea::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
}

/* 创建分享卡片预览 */
.hkBackCardShareDemo {
display: inline-block;
}
.hkBackCardShareDemo h3 {
font-size: 14px;
/* font-weight: normal; */
color: #333333;
margin-bottom: 3rem;
}
.hkBackCardShareDemo .demo {
display: flex;
justify-content: flex-start;
align-items: flex-start;
background: #f0f5fd;
padding: 3rem;
box-sizing: border-box;
border-radius: 1rem;
}
.hkBackCardShareDemo .head {
margin-right: 1.5rem;
width: 4rem;
height: 4rem;
border-radius: 0.5rem;
}
.hkBackCardShareDemo .info {
/* margin-top: 2rem; */
background: #ffffff;
padding: 2rem;
border-radius: 0.6rem;
width: 280px;
display: flex;
justify-content: space-between;
align-items: flex-start;
box-shadow: 3px 3px 15px 0 rgba(2, 37, 70, 0.09);
/* border: 1px solid #0076f7; */
/* border: 1px solid #99caff; */
position: relative;
}
.hkBackCardShareDemo .title {
text-align: left;
margin-right: 2rem;
box-sizing: border-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: inline-block;
}
.hkBackCardShareDemo .info ::before {
position: absolute;
top: 1rem;
content: '';
border: 0.6rem solid transparent;
border-right-color: #ffffff;
left: -1.2rem;
/* box-shadow: 3px 3px 15px 0 rgba(2, 37, 70, 0.09); */
}
.hkBackCardShareDemo .title .title-text {
color: #3a424d;
font-size: 1.6rem;
font-weight: bold;
vertical-align: middle;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: inline-block;
}
.hkBackCardShareDemo .title .desc-text {
padding: 1rem 0 0 0;
margin: 0;
color: #a8b2c6;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.hkBackCardShareDemo img {
width: 5rem;
height: 5rem;
border-radius: 0.5rem;
}
/* 创建分享卡片预览结束 */

.courseXxkDataHead{
  border-radius: 3px 3px 0 0;
  background: #242a30;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.courseXxkDataHead .name{
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  width: 100%;
}
.courseXxkDataHead .name code{
  margin-right: 10px;
}
.delIco{
  position: relative;
}
.delIco .ico{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.blackHead{
  background: #242a30;
  padding: 10px 15px;
  display: flex;
justify-content: space-between;
align-items: center;
border-radius: 2px;
}
.whiteText{
  color: #fff;
  margin: 0;
  padding: 0;
}
.btn.btn-warning {
color: #fff;
background: #376586 !important;
border-color: #184b70 !important;
}
.btn.btn-warning:hover{
  background: #47789b !important;
}
.btn.btn-danger {
color: #fff;
background: #7d0c0c !important;
border-color: #570606 !important;
}
.btn.btn-danger:hover{
  background: #931616 !important;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #99a4ac !important;
}
.guaiwuIco{
  width: 50px;
  object-fit: cover;
  pointer-events: none;
  height: 50px;
}
.guaiwuTx{
  align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
line-height: normal;
}
.guaiwuTx button{
  margin-left: 10px;
}
.guaiwuTx:not(:last-of-type) {
margin-bottom: 10px;
}
.bootstrap-dialog.type-danger .modal-header {
background-color: #7d0c0c !important;
}
.bootstrap-dialog .bootstrap-dialog-message {
color: #333 !important;
}
.modal-footer {
border-top-color: #b8b8b8 !important;
}
.modal-footer {
border-top: 1px solid #b8b8b8 !important;
}
/* 编辑器在弹窗中文字颜色等弹窗无法显示 */
/* #edui_fixedlayer{
  z-index: 1111 !important;
}


  .edui-default{
    color: #333333 !important;
    z-index: 11111;
    position: relative;
  } */
.edui-default img{
  max-width: 100%;
}