/* *
 * Created by zhangzhijie303 on 2020/12/3.
 */
/* *
 * Created by zhangzhijie303 on 2020/12/2.
 */
.font-thin {
  font-weight: 100;
}

.font-extra-light {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semi-bold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extra-bold {
  font-weight: 800;
}

.font-heavy {
  font-weight: 900;
}

.course-path {
  padding: 20px 8px;
  font-size: 18px;
  color: #666666;
}
.course-path .last-span {
  color: #333333;
}

.course-menu, .course-content {
  display: inline-block;
  float: left;
  min-width: 170px;
  background: white;
  border-radius: 4px;
}

.course-menu {
  margin-right: 14px;
  width: 146px;
  background: #f3f3f3;
}
.course-menu ul {
  display: none;
  padding: 0;
}
.course-menu .main-ul {
  display: block;
}
.course-menu .main-ul div {
  padding-left: 23px;
  font-size: 18px;
  color: #333;
  font-weight: 700;
}
.course-menu li {
  list-style-type: none;
  cursor: pointer;
}
.course-menu li:hover ul, .course-menu li.active ul {
  display: block;
}
.course-menu li:hover div, .course-menu li.active div {
  background: url(/front/new_front/assets/about/up.png) no-repeat;
  background-position: 90% center;
}
.course-menu li div {
  padding: 12px 0;
  background: url(/front/new_front/assets/about/down.png) no-repeat;
  background-position: 90% center;
}
.course-menu .son-li {
  padding-left: 32px;
  height: 36px;
  line-height: 36px;
  color: #666;
  font-size: 16px;
}
.course-menu .son-li.active {
  padding-left: 27px;
  background: white;
  border-left: 5px solid #999999;
}
.course-menu .son-li:hover {
  padding-left: 27px;
  background: white;
  border-left: 5px solid #999999;
}

.course-content {
  padding: 30px;
  width: 790px;
  text-align: center;
}

.search-box {
  text-align: right;
}

.search-input {
  display: inline-block;
  height: 38px;
  background: #f9f9f9;
  border: 1px solid #ececec;
  overflow: hidden;
}
.search-input input {
  padding: 0;
  width: 300px;
  height: 38px;
  border: none;
  background: #f9f9f9;
  vertical-align: top;
}

.search-button {
  position: relative;
  padding: 0 20px 0 40px;
  display: inline-block;
  height: 100%;
  font-size: 18px;
  color: #666;
  line-height: 40px;
}
.search-button img {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}

.question-box {
  margin-top: 30px;
}
.question-box .title {
  padding: 15px 20px;
  background: #fee4ce;
  text-align: left;
  line-height: 1;
}
.question-box .title span {
  font-size: 18px;
  color: #c77c39;
}
.question-box .title a {
  float: right;
  font-size: 16px;
  color: #c77c39;
  text-decoration: none;
}
.question-box .question-list {
  padding: 0 13px;
  text-align: left;
}
.question-box .question-list .question-item {
  display: block;
  padding: 14px 7px;
  border-bottom: 1px solid #d5d5d5;
  text-decoration: none;
  font-size: 14px;
  color: #666666;
  cursor: pointer;
}
.question-item a {
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}