@charset "UTF-8";
.learner-pagination[data-v-60fa9a17] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.5rem 0;
}

/* 翻页样式重置 */
.resetTurnPageClass[data-v-60fa9a17] .el-pager li {
  font-family: D-DIN;
  font-size: 1.5rem;
  color: #999999;
  background-color: transparent !important;
  font-weight: 400;
}
.resetTurnPageClass[data-v-60fa9a17] .el-pager li:not(.disabled).active {
  color: #006cff !important;
}
.resetTurnPageClass[data-v-60fa9a17] button {
  width: 2rem !important;
  height: 1.7rem !important;
  background-color: transparent !important;
  border: 1px solid #ceddee;
  border-radius: 3px;
}
.resetTurnPageClass[data-v-60fa9a17] .btn-prev {
  margin-right: 1.3rem;
}
.resetTurnPageClass[data-v-60fa9a17] .btn-prev .el-icon {
  font-family: D-DIN;
  font-size: 1.3rem;
  color: #ceddee !important;
}
.resetTurnPageClass[data-v-60fa9a17] .btn-next {
  margin-left: 1.3rem;
}
.resetTurnPageClass[data-v-60fa9a17] .btn-next .el-icon {
  font-family: D-DIN;
  font-size: 1.3rem;
  color: #ceddee !important;
}
@media screen and (max-width: 46.9rem) {
.learner-pagination[data-v-60fa9a17] {
    padding: 0 1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.resetTurnPageClass[data-v-60fa9a17] .btn-prev {
    margin-right: 12px;
}
.resetTurnPageClass[data-v-60fa9a17] .btn-next {
    margin-left: 12px;
}
.resetTurnPageClass[data-v-60fa9a17] .el-pager li {
    font-size: 1rem;
}
}

.main[data-v-d259a812] {
  background: #f9fcfd;
  height: 100%;
}
.contentwarp[data-v-d259a812] {
  width: 73.8rem;
  margin: auto;
  padding-bottom: 2.5rem;
  min-height: 31.3rem;
}
.contenttop[data-v-d259a812] {
  padding-top: 2.5rem;
}
.contentleft[data-v-d259a812],
.contentright[data-v-d259a812] {
  display: inline-block;
}
.contentleft[data-v-d259a812] {
  width: 50%;
  font-size: 1.5rem;
  color: #183969;
  letter-spacing: 0;
  font-family: D-DIN-Bold;
}
.contentright[data-v-d259a812] {
  text-align: right;
  width: 49%;
  font-size: 1.3rem;
  color: #0073fa;
  letter-spacing: 0;
}
@media screen and (max-width: 46.9rem) {
.boardall[data-v-d259a812] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.25rem;
}
.contentwarp[data-v-d259a812] {
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    padding: 10px 1.3rem 1.3rem 1.3rem !important;
}
.boardwarp[data-v-d259a812] {
    padding-bottom: 1.5rem !important;
    margin-bottom: 0 !important;
}
.div_message[data-v-d259a812] {
    margin-left: 10px !important;
    font-size: 0.9rem !important;
}
.boardmid img[data-v-d259a812] {
    width: 1.3rem !important;
    margin-top: 0 !important;
}
.boardtime[data-v-d259a812] {
    display: inline-block !important;
    font-size: 12px !important;
    margin: 0 !important;
    margin-left: 1.6rem !important;
}
.set-read[data-v-d259a812] {
    display: inline-block !important;
    float: none !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
}
}