/** 图标 **/
.jstree-default {
    color: #333;
    margin-top: 10px;
    padding: 5px;
}
.jstree-default .jstree-anchor {
    font-size: 14px;
}
.jstree-default .materials-root {
    background-position: 4px 3px !important;
    background-image: url('../images/materials-root.png') !important;
}
.jstree-default .materials-article {
    background-position: 4px 3px !important;
    background-image: url('../images/materials-article.png') !important;
}
.jstree-default .chapter-test {
    background-position: 4px 3px !important;
    background-image: url('../images/chapter-exam.png') !important;
}
#online-exam-div {
    text-align: center;
    font-size: 14px;
    width: 100%;
    margin: 10px auto;
    cursor: pointer;
}
.finish-exam-div {
    text-align: center;
    font-size: 14px;
    width: 150px;
    margin: 10px auto;
    cursor: pointer;
}
.info-t {
    padding: 7px 0 !important;
}
.info-content {
    margin-top: 10px;
}
.content-title {
    font-size: 14px;
    padding: 10px 0px;
}
.option-content {
    margin-bottom: 15px;
}
.option-content .option-value input {
    margin-right: 5px;
}
.status-img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    display: none;
}
.correct-answer {
    margin-left: 10px;
    font-size: 14px;
    color: #ffa200;
    display: none;
}
.option-value {
    margin-left: 5px;
    margin-right: 15px;
    cursor: pointer;
}
.bottom-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.exam-btn-div {
    text-align: center;
    margin: 20px 0px;
}
.exam-btn-div .btn{
    color: #fff;
    background-color:  #008183;
    padding: 10px;
}
.material-tip {
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px;
    align-items: center;
}
.material-tip img {
    margin: 0px 10px;
    height: 18px;
    width: 18px;
}
.material-tip span, .material-tip div {
    font-size: 14px;
}
.material-video-tip {
    display: none;
}
.error-content {
    display: none;
}
.swiper-pagination,
.swiper-button-next,
.swiper-button-prev {
    display: none;
}

.material-left-content {
	width: 20em;
	float: left;
}
.material-right-content {
	margin-left: 21em;
}