/* =========================== main-color =========================== */
/* =========================== media =========================== */
.no-padding {
  padding: 0;
}
.padding-15-5 {
  padding: 15px 5px !important;
}
.h-82 {
  height: 82px;
}
.h-104 {
  height: 104px;
}
.mt11 {
  margin-top: 11px;
}
.mt16 {
  margin-top: 16px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt80 {
  margin-top: 80px;
}
.mb60 {
  margin-bottom: 60px !important;
}
.ml13 {
  margin-left: 13px;
}
.ml18 {
  margin-left: 18px;
}
.ml20 {
  margin-left: 20px;
}
.ml26 {
  margin-left: 26px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml74 {
  margin-left: 74px;
}
.mr18 {
  margin-right: 18px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.ml106 {
  margin-left: 106px;
}
.inline-block {
  display: inline-block;
}
.no-bottomborder {
  border-bottom: none !important;
}
.cmfs-font-bold {
  font-weight: 500;
}
.cmfs-text-xs {
  font-size: 12px;
  line-height: 1;
  display: inline-block;
}
.text-ovf {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.cmfs-header {
  min-height: 80px;
  background: #fff;
}
.cmfs-header .navbar-nav > li > a {
  font-size: 16px;
}
.cmfs-header .navbar-nav > li .more {
  cursor: pointer;
}
.cmfs-header .navbar-header {
  height: 100%;
  line-height: 82px;
}
.cmfs-header-fix {
  width: 100%;
  position: fixed;
  top: 0px;
  margin: 0 auto;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.cmfs-header__logo {
  font-size: 18px;
}
.cmfs-header__logo img {
  width: 150px;
  height: 52px;
}
.cmfs-mobile-header {
  background-color: #fff;
}
.cmfs-mobile-header .navbar-header .navbar-brand {
  color: #616161;
}
.cmfs-mobile-header-fix {
  width: 100%;
  position: fixed;
  top: 0px;
  margin: 0 auto;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.qrcode-btn .popover {
  min-width: 128px;
  text-align: center;
}
.qrcode-btn .popover-content {
  padding: 5px;
}
@media (min-width: 280px) and (max-width: 415px) {
  html,
  body {
    overflow-x: hidden;
  }
  .es-header {
    padding: 0;
  }
}
.footer-link-style {
  background: #f5f8fa;
  border: none;
}
.footer-link-style h3 {
  color: #313131;
}
.footer-link-style ul li a {
  color: #616161;
}
.footer-link-style ul li a:hover {
  color: #F26200;
}
.footer-link-style .border-top {
  padding-top: 30px;
  border-top: 1px solid #cccccc;
}
.es-footer .copyright {
  background: #f5f8fa;
  border: none !important;
  color: #616161;
}
.link-icp a {
  color: #313131 !important;
}
.cmfs-lists > li:hover {
  border-bottom: 4px solid #43bc60;
}
.cmfs-lists > li:hover > a {
  color: #43bc60;
}
.cmfs-container .focus-search {
  outline: none;
}
.cmfs-container__box {
  position: relative;
  width: 300px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cmfs-container__box {
    width: 220px;
  }
}
.cmfs-container__box input {
  padding-left: 20px;
  border: 1px solid #cccccc;
  border-radius: 20px;
  width: 100%;
  height: 42px;
  line-height: normal;
}
.cmfs-container__box button {
  border: 1px solid #cccccc;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  position: absolute;
  top: 20px;
  right: 0;
  height: 42px;
  font-size: 22px;
  background: #ffffff;
}
.cmfs-container__form {
  display: inline-block;
  position: relative;
  width: 300px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cmfs-container__form {
    width: 220px;
  }
}
.cmfs-container .cmfs-container__lists {
  position: relative;
  padding: 11px 0;
  height: 82px;
}
.cmfs-container .cmfs-container__lists > li {
  padding: 0;
  height: 100%;
}
.cmfs-container .cmfs-container__lists > li a {
  padding: 20px 5px;
  color: #313131;
}
.cmfs-container .cmfs-container__lists > li a:hover {
  color: #43bc60;
}
.cmfs-container .cmfs-container__lists .toggle-language {
  position: absolute;
  top: -2px;
  color: #999999;
  right: 0;
  white-space: nowrap;
}
.cmfs-container .cmfs-container__lists .toggle-language > a {
  color: #999999;
}
.cmfs-container .cmfs-container__lists .toggle-language > a:hover {
  color: #43bc60;
}
.cmfs__union--background {
  background: #ffffff;
}
@media (min-width: 768px) {
  .cmfs__union {
    height: 100px;
  }
  .cmfs__union > div {
    height: 100%;
    line-height: 120px;
  }
}
.cmfs__union a {
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .cmfs__union a {
    max-width: 195px;
    max-height: 80px;
  }
}
.cmfs__union a img {
  width: 100%;
  height: 100%;
}
.cmfs__union .watch-more {
  font-size: 16px;
  color: #919191;
}
.cmfs__union .watch-more i {
  font-size: 22px;
}
div > a {
  color: #616161;
}
li > a {
  color: #616161;
}
.dot {
  top: 20px !important;
  right: 2px !important;
}
.course-info .metas {
  color: #999999 !important;
}
.border-custom-gray {
  border-color: #c1c1c1 !important;
}
.open .es-icon-mail {
  color: #313131 !important;
}
.language-switch {
  display: inline-block;
  position: relative;
}
.language-switch:hover .language-menu {
  display: block;
}
.language-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: -6px;
  box-sizing: border-box;
  overflow-y: auto;
  background-color: #fff;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-bottom-color: #ccc;
  text-align: left;
  border-radius: 4px;
}
.language-menu > li {
  list-style: none;
  line-height: 22px;
  margin: 0;
  display: block;
}
.language-menu a {
  display: block;
  padding: 0 10px 0 10px;
  color: #313131;
}
@media (min-width: 768px) {
  .course-list-section {
    background: transparent;
  }
}
@media (max-width: 767px) {
  .course-list-section {
    background: #ffffff;
  }
}
.course-list-section .text-line h5 > span {
  background: transparent;
}
@media (max-width: 767px) {
  .course-list-section .course-list .metas {
    font-size: 12px;
    overflow: hidden;
  }
}
.course-list-section .section-more-btn .btn-cmfs {
  padding: 10px 25px;
  border: 1px solid #43bc60;
  border-radius: 2px;
  font-size: 16px;
  color: #43bc60;
  background: #FFFFFF;
}
@media (max-width: 767px) {
  .course-list-section .section-more-btn .btn-cmfs {
    padding: 8px 10px;
    font-size: 12px;
  }
}
.course-list-section .section-more-btn .btn-cmfs i {
  font-size: 22px;
}
@media (max-width: 767px) {
  .course-list-section .section-more-btn .btn-cmfs i {
    font-size: 12px;
  }
}
.course-list-section .section-more-btn .btn-cmfs:hover {
  background: #43bc60;
  color: #ffffff;
}
.login-bg {
  background: black !important;
}
@media (max-width: 767px) {
  .login-bg {
    height: 100%;
  }
  .login-bg .es-wrap {
    height: 100%;
  }
  .login-bg .es-wrap .ifMobile {
    height: 100%;
  }
  .login-bg .es-wrap .ifMobile .ifMobile {
    height: 100%;
  }
}
.login-page {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .login-page {
    height: 768px;
    background-image: url(/static-dist/custombundle/img/login-page.jpg);
    background-position: center;
  }
}
@media (max-width: 767px) {
  .login-page {
    background-image: url(/static-dist/custombundle/img/login-page-mobile.jpg);
    background-size: cover;
  }
}
.login-container {
  position: relative;
  margin: 0 auto;
  height: 100%;
}
@media (min-width: 768px) {
  .login-container {
    width: 800px;
  }
}
@media (max-width: 767px) {
  .login-container {
    width: 100%;
  }
}
.login-logo {
  text-align: center;
}
.login-logo img {
  display: inline-block;
}
@media (min-width: 768px) {
  .login-logo img {
    margin-top: 40px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .login-logo img {
    margin-top: 40px;
    height: 70px;
  }
}
.login-title {
  color: #ffffff;
  text-align: center;
}
@media (min-width: 768px) {
  .login-title {
    margin-top: 50px;
    font-size: 70px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.6);
  }
}
@media (max-width: 767px) {
  .login-title {
    margin-top: 35px;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
  }
}
.login-btn-group {
  margin-top: 88px;
  text-align: center;
}
@media (max-width: 767px) {
  .login-btn-group .inline-block {
    width: 176px;
  }
}
.login-btn-group .group-btn {
  display: block;
  border: 1px solid #cccccc;
  border-radius: 30px;
  width: 176px;
}
@media (min-width: 768px) {
  .login-btn-group .group-btn {
    height: 50px;
    line-height: 50px;
  }
  .login-btn-group .group-btn a {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .login-btn-group .group-btn {
    height: 40px;
    line-height: 40px;
  }
  .login-btn-group .group-btn a {
    font-size: 16px;
  }
}
.login-btn-group .group-btn__watch {
  background: #ffffff;
}
.login-btn-group .group-btn__watch a {
  color: #000000;
}
.login-btn-group .group-btn__login {
  border-color: #ffffff;
}
@media (min-width: 768px) {
  .login-btn-group .group-btn__login {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .login-btn-group .group-btn__login {
    margin-top: 22px;
  }
}
.login-btn-group .group-btn__login a {
  color: #ffffff;
}
.login-footer {
  position: absolute;
  bottom: 30px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .login-footer {
    margin-top: 190px;
  }
}
.login-footer p {
  text-align: center;
  color: white;
}
@media (min-width: 768px) {
  .login-footer p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .login-footer p {
    font-size: 12px;
  }
}
.options-menu .options-menu__list {
  padding-left: 20px;
  font-size: 14px;
}
.options-menu .options-menu__list > div {
  float: left;
  margin-top: 18px;
  width: 100px;
  color: #616161;
  text-align: left;
  letter-spacing: 0;
  line-height: 14px;
}
.options-menu .options-menu__list ul {
  display: inline-block;
  margin: 0;
  padding-left: 0;
  max-width: 90%;
  list-style: none;
}
@media (min-width: 768px) {
  .options-menu .options-menu__list ul {
    padding-top: 15px;
  }
}
.options-menu .options-menu__list ul li {
  display: inline-block;
}
@media (min-width: 768px) {
  .options-menu .options-menu__list ul li {
    margin-bottom: 15px;
  }
}
.options-menu .options-menu__list ul li .selected-option {
  margin-right: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  padding: 5px 6px 5px 8px;
  color: #f26200;
}
.options-menu .options-menu__list ul li .selected-option span {
  padding-left: 6px;
  font-weight: 600;
}
.options-menu .options-menu__list ul li .selected-option span:hover {
  cursor: pointer;
}
.options-menu .options-menu__list ul li .selected-option span a {
  color: #919191;
}
.options-menu .options-menu__list ul li > a {
  color: #919191;
}
.options-menu .options-menu__list ul li > a:hover {
  color: #f26200;
}
.options-menu .options-menu__list ul li.selected a {
  color: #f26200;
}
@media (min-width: 768px) {
  .options-menu .options-menu__list ul li.has-second {
    position: relative;
  }
  .options-menu .options-menu__list ul li.has-second:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 5px 6px;
    border-color: transparent transparent rgba(0, 0, 0, 0.08) transparent;
  }
}
.options-menu .options-menu__list .second-menu {
  margin-left: 70px;
}
.options-menu .withOutBorder {
  border-bottom: none !important;
}
.options-menu .options-menu__list__second {
  background: #eeeeee;
}
.options-menu .options-box {
  border-bottom: 1px dashed #e1e1e1;
}
.course-item__pc {
  padding: 15px 0 15px 15px;
}
.course-item__pc .course-img {
  border-radius: 0 !important;
}
.course-item__pc .course-img a {
  display: block;
  width: 320px;
  height: 180px;
}
.course-item__pc .course-img a img {
  padding: 0 !important;
}
.course-item__pc .course-info__pc {
  margin-left: 20px;
  width: 65%;
  height: 180px;
}
.course-item__pc .course-info__pc .course-info__header {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.course-item__pc .course-info__pc .course-info__header .header-title {
  max-width: 90%;
}
.course-item__pc .course-info__pc .course-info__header .header-title > p {
  display: inline;
  flex: 1;
  margin: 0;
  margin-right: 10px;
  font-size: 20px;
  color: #313131;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .course-item__pc .course-info__pc .course-info__header .header-title > p {
    display: inline;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    white-space: normal;
  }
}
.course-item__pc .course-info__pc .course-info__header .header-title .course-label-list {
  vertical-align: text-bottom;
}
.course-item__pc .course-info__pc .course-info__header .class-status__soon {
  color: #3CCCD2;
}
.course-item__pc .course-info__pc .course-info__header .class-status__in-class {
  color: #F26200;
}
.course-item__pc .course-info__pc .course-info__header .class-status__finished {
  color: #c1c1c1;
}
.course-item__pc .course-info__pc .course-info__school {
  color: #616161;
}
@media (max-width: 767px) {
  .course-item__pc .course-info__pc .course-info__school {
    min-height: 17px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.course-item__pc .course-info__pc .course-info__author {
  margin-top: 5px;
  font-size: 14px;
  color: #616161;
}
@media (max-width: 767px) {
  .course-item__pc .course-info__pc .course-info__author {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.course-item__pc .course-info__pc .course-info__author .author__school {
  margin-right: 50px;
}
.course-item__pc .course-info__pc .course-info__description {
  margin-top: 20px;
  height: 40px;
  color: #989A9C;
  font-size: 14px;
}
.course-item__pc .course-info__pc .course-info__description > span {
  color: #616161;
}
.course-item__pc .course-info__pc .course-info__studentNum {
  margin-top: 18px                                                ;
  color: #919191;
}
.course-item__pc .course-info__pc .course-info__studentNum .num {
  font-size: 12px;
}
.course-item__pc .course-info__pc .course-info__studentNum .num i {
  margin-right: 10px;
  color: #919191;
  font-size: 22px !important;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.course-detail-info {
  padding-left: 30px !important;
}
.course-detail-info .course-detail__title {
  padding-top: 10px;
  width: 80%;
  color: #313131;
  font-size: 18px;
}
.course-detail-info .course-detail__subtitle {
  margin-top: 15px;
  font-size: 12px;
}
.course-detail-info .course-detail__price {
  margin: 15px 0;
  color: #F26200;
  font-size: 18px;
}
.course-detail-info .course-detail__relative {
  display: flex;
  align-items: center;
}
.course-detail-info .course-detail__relative .course-detail__information {
  width: 280px;
}
.course-detail-info .course-detail__relative .course-detail__information .course-detail__information-title {
  margin-right: 10px;
  padding: 0;
  display: inline-block;
  font-size: 12px;
  color: #919191;
}
.course-detail-info .course-detail__relative .course-detail__btn {
  padding-right: 50px;
  flex: 1;
}
.course-detail-gray {
  margin: 0px -15px 15px -30px !important;
  padding-left: 30px !important;
  min-height: 100px;
}
@media (min-width: 992px) {
  .course-freelearn-section {
    position: relative;
    margin-bottom: 50px;
  }
  .course-freelearn-section .course-progress {
    top: -40px;
  }
}
@media (max-width: 767px) {
  .cmfs-member-tabs > li a {
    padding: 8px !important;
  }
}
@media (min-width: 768px) {
  .cmfs-member-tabs > li a {
    padding: 5px 20px 15px !important;
  }
}
.course-detail-top .course-detail-heading {
  display: none !important;
}
.course-detail-top .course-operation > li .cursor-default {
  display: none;
}
.task-before-start-date {
  position: relative;
}
.task-before-start-date:hover::after {
  content: attr(data-tip);
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  top: center;
  left: 50%;
}
.nav.nav-tabs > li.active > a #badge-old-primary,
.nav.nav-tabs > li:hover > a #badge-old-primary {
  background-color: #43bc60;
}
.ifMobile {
  margin: 0 !important;
}
@media (max-width: 767px) {
  .navbar-mobile {
    display: block !important;
  }
  .es-wrap {
    padding-bottom: 0 !important;
  }
  .es-footer-link {
    display: block !important;
  }
  .es-footer {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .cmfs__union .mobile-row {
    margin-top: 10px;
  }
  .cmfs__union .mobile-row div {
    margin-top: 10px;
  }
  .cmfs__union .mobile-row div img {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.navbar-mobile .navbar-more__gray {
  color: #cccccc;
}
.navbar-mobile .navbar-more__gray .es-icon {
  font-size: 22px;
}
@media (max-width: 767px) {
  .breadcrumb.breadcrumb-o {
    margin: 7px auto !important;
  }
  .cmfs-nav-btn-tab .nav.nav-tabs {
    width: 100%;
  }
  .cmfs-nav-btn-tab .nav.nav-tabs > li {
    float: none;
    display: table-cell;
    width: 1%;
    text-align: center;
  }
  .cmfs-nav-btn-tab .nav.nav-tabs > li.active {
    border-bottom: 2px solid #f26200;
  }
  .cmfs-nav-btn-tab .nav.nav-tabs.cmfs-member-tabs > li {
    border: 0;
    float: left;
    display: inherit;
    width: 25%;
  }
  .course-sidebar-phone .media.media-default {
    width: 50%;
    float: left;
    font-size: 12px;
  }
  .course-sidebar-phone .media.media-default:nth-child(2) {
    margin-top: 0;
  }
  .course-sidebar-phone .media.media-default .media-body > .title {
    margin-bottom: 5px;
  }
  .course-sidebar-phone .panel.panel-default {
    border: 0;
  }
  .course-sidebar-phone .panel.panel-default .js-teahcer-section {
    max-height: 60px;
    overflow-y: hidden;
  }
  .course-sidebar-phone .panel.panel-default .js-teahcer-section.slide {
    max-height: none;
  }
  .course-detail-section {
    border: 0;
    padding: 0;
  }
  .course-detail-section .course-detail-bottom .course-detail-img {
    padding: 7px 7px 0 7px;
    margin-bottom: 15px;
  }
  .course-detail-section .course-detail-bottom .course-detail-info {
    padding: 0 15px;
    position: relative;
  }
  .course-detail-section .course-detail-bottom .course-detail-info .info-head {
    width: 80%;
    font-size: 14px;
    color: #313131;
  }
  .course-detail-section .course-detail-bottom .course-detail-info .info-btns {
    position: absolute;
    right: 15px;
    top: 0px;
  }
  .course-detail-section .course-detail-bottom .course-detail-info .info-btns > span {
    font-size: 14px;
    color: #919191;
    background-color: #f5f5f5;
    border-color: #dcdcdc;
  }
  .course-detail-section .course-detail-bottom .course-detail-info .info-price {
    padding: 15px 0;
    font-size: 14px;
  }
  .course-detail-section .course-detail-bottom .course-detail-info .info-price .pirce-num {
    color: #ffa51f;
  }
  .course-detail-section .course-detail-bottom .course-detail-info .info-list > li {
    float: left;
    width: 50%;
    padding-bottom: 10px;
    color: #313131;
  }
  .course-detail-section .course-detail-bottom .course-detail-info .info-list > li > i {
    color: #919191;
    vertical-align: text-bottom;
  }
  .course-detail-section .course-detail-bottom .btn-lg {
    padding: 1px;
    font-size: 16px;
    border: 0;
    border-radius: 0;
  }
  .course-detail-section .course-detail-bottom .btn-lg a {
    display: block;
    padding: 16px;
    color: #ffffff;
  }
  .course-detail-content .es-section {
    border: 0;
  }
  .course-detail-content .es-piece {
    margin-bottom: 15px;
  }
  .course-detail-content .es-piece .piece-body .piece-body-list > li {
    padding: 5px 0;
    border-bottom: 0;
  }
  .course-detail-content .es-piece .piece-body .piece-body-list > li > i {
    display: none;
  }
  .es-piece .piece-header {
    padding-left: 6px;
    margin: 5px auto;
  }
  .es-piece .piece-header:after {
    width: 2px;
  }
  .cmfs-course-list.course-list .course-item {
    padding: 7px;
    margin-bottom: 15px;
    border: 0;
  }
  .cmfs-course-list.course-list .course-item .course-img {
    width: 44%;
    position: relative;
  }
  .cmfs-course-list.course-list .course-item .course-img a {
    width: auto;
    height: auto;
  }
  .cmfs-course-list.course-list .course-item .course-img .class-status__mask {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 4px 6px;
    color: #fff;
    font-size: 12px;
  }
  .cmfs-course-list.course-list .course-item .course-img .class-status__mask.class-status__mask__soon {
    background-color: #3CCCD2;
  }
  .cmfs-course-list.course-list .course-item .course-img .class-status__mask.class-status__mask__in-class {
    background-color: #F26200;
  }
  .cmfs-course-list.course-list .course-item .course-img .class-status__mask.class-status__mask__finished {
    background-color: #C1C1C1;
  }
  .course-item__pc .course-info__pc {
    margin-left: 10px;
    width: 50%;
    height: auto;
  }
  .course-item__pc .course-info__pc .course-info__header {
    padding: 0 0 8px 0;
    line-height: 1.1;
  }
  .course-item__pc .course-info__pc .course-info__header a {
    font-size: 12px;
    color: #313131 !important;
  }
  .course-item__pc .course-info__pc .course-info__studentNum {
    margin-top: 0;
    color: #919191;
  }
  .options-menu {
    border: 0;
    margin-bottom: 15px;
  }
  .options-menu .options-menu__list {
    line-height: 40px;
    padding: 0;
    min-height: auto;
  }
  .options-menu .options-menu__list > div {
    width: 100px;
    margin-top: 13px;
    margin-left: 10px;
  }
  .options-menu .options-menu__list .cmfs-first-menu {
    display: block;
    width: auto;
    white-space: nowrap;
    overflow-x: auto;
  }
  .options-menu .options-menu__list .cmfs-first-menu li.has-second {
    position: relative;
  }
  .options-menu .options-menu__list .cmfs-first-menu li.has-second:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 5px 6px;
    border-color: transparent transparent rgba(0, 0, 0, 0.08) transparent;
  }
  .options-menu .options-menu__list .cmfs-second-menu {
    width: 100%;
    padding: 0 10px;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.08);
  }
  .options-menu .options-menu__list .cmfs-second-menu li {
    color: #919191;
    text-align: center;
  }
  .options-menu .options-menu__list .cmfs-second-menu li.selected {
    color: #43bc60;
  }
  .cmfs-es-filter {
    margin-bottom: 15px;
  }
}
.visible-xs > a {
  color: #ffffff;
}
.task-before-start-date {
  position: relative;
}
.task-before-start-date:hover::after {
  content: attr(data-tip);
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  top: center;
  left: 50%;
}
.padding1 {
  padding: 1px !important;
}
.padding1 a {
  display: block;
  margin: 16px;
}
@media (max-width: 767px) {
  .info-head {
    font-weight: bold;
  }
}
.disable-btn {
  padding: 17px !important;
  background: #c1c1c1;
  color: #ffffff;
}
.position-relative {
  position: relative;
}
.position-relative .position-center {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.cmfs-union__swiper-box {
  height: 100%;
}
.cmfs-union-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.cmfs-union-btn .glyphicon {
  font-size: 60px;
  line-height: 60px;
  color: #c1c1c1;
}
.cmfs-union-btn:hover {
  background: rgba(0, 0, 0, 0.15);
  transition: all ease-in-out 400ms;
}
.cmfs-union-btn:hover .glyphicon {
  color: #ffffff;
}
.cmfs-union-btn__prev {
  left: 0;
}
.cmfs-union-btn__prev .arrow__left {
  left: 10px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.cmfs-union-btn__next {
  right: 0;
}
.cmfs-union-btn__next .arrow__right {
  right: 10px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.news-pic {
  width: 66.14%;
}
.news-pic > img {
  width: 100%;
}
.news-information {
  width: 33.86%;
  height: 100%;
  background: #ffffff;
}
.news-information .news-information__box {
  width: 267px;
  height: 154px;
  min-height: 154px;
}
.news-information .news-information__box .news-information__type {
  font-size: 28px;
  color: #313131;
}
.news-information .news-information__box .news-information__title {
  margin-top: 30px;
  font-size: 20px;
  color: #616161;
}
.cmfs__union {
  height: 80px;
}
@media (max-width: 768px) {
  .cmfs__union {
    height: auto;
  }
}
@media (min-width: 480px) {
  .cmfs__union img {
    max-width: 195px !important;
    max-height: 80px !important;
  }
}
@media (max-width: 480px) {
  .cmfs__union img {
    height: auto;
    width: 100px !important;
  }
}
@media (min-width: 1200px) {
  .sub-school-container {
    width: 1295px !important;
  }
}
.sub-school-container .sub-school-row {
  height: 100%;
}
.sub-school-container .sub-school-logo {
  height: 100%;
}
.sub-school-container .sub-school-logo a {
  display: inline-block;
}
@media (max-width: 768px) {
  .sub-school-container .sub-school-logo:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 15px;
    transform: translateY(-50%);
    background: #eaeaea;
    border-radius: 50%;
  }
}
@media (min-width: 768px) {
  .sub-school-container .sub-school-logo:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 25px;
    transform: translateY(-50%);
    background: #eaeaea;
    border-radius: 50%;
  }
}
.union-header__mobile {
  margin-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
}
.union-header__mobile .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  margin: 10px 0;
  width: 100%;
  text-align: center;
}
.union-header__mobile .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.union-header__mobile .swiper-active-switch {
  background: #fff;
}
.cmfs-union__relative {
  position: relative;
}
.cmfs-union__relative .cmfs-union__absolute {
  position: absolute;
  bottom: 30px;
  z-index: 100;
  padding: 0 20px;
}
.cmfs-union__relative .cmfs-union__absolute .type {
  margin-bottom: 5px;
  font-size: 14px;
  color: #ffffff;
}
.cmfs-union__relative .cmfs-union__absolute .title {
  height: 24px;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1px;
  color: #FFFFFF;
  overflow: hidden;
}
.article-item .cmfs-union__infor-box img {
  width: 226px;
  height: 127px;
}
.article-item .cmfs-union__infor-box .cmfs-union__infor-content {
  margin-left: 15px;
}
.article-item .cmfs-union__infor-box .cmfs-union__infor-content .cmfs-union__infor-text {
  width: 480px;
  height: 100px;
  font-size: 14px;
  color: #919191;
  line-height: 20px;
}
.article-item .cmfs-union__infor-box .cmfs-union__infor-time {
  margin-top: 10px;
}
.article-item .cmfs-union__infor-box .cmfs-union__infor-time i {
  font-size: 12px;
}
.article-item .cmfs-union__infor-box .cmfs-union__infor-time span {
  font-size: 12px;
  color: #919191;
}
@media (max-width: 767px) {
  .article-item a > p {
    font-size: 12px;
    color: #313131;
  }
}
@media (max-width: 767px) {
  .article-item h2 p {
    font-size: 14px;
    color: #616161;
  }
}
.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.article-content .article-text p {
  margin-top: 10px !important;
}
@media (max-width: 767px) {
  .mobile-img {
    width: 45%;
  }
  .mobile-img img {
    width: 100% !important;
    height: 79px !important;
  }
}
@media (max-width: 767px) {
  .mobile-text {
    width: 50%;
  }
  .mobile-text .cmfs-union__infor-text {
    display: -webkit-box;
    width: 100% !important;
    height: 54px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.task-list .task-item .title {
  word-break: normal !important;
}
.visible-xs a strong {
  color: #cccccc !important;
}
.article-infor {
  color: #919191;
}
.cmfs-article-content {
  padding: 20px;
}
@media (max-width: 480px) {
  .cmfs-article-content {
    padding: 15px 10px 4px;
  }
}
.cmfs-article-content .breadcrumb {
  padding: 7px 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@media (max-width: 480px) {
  .cmfs-article-content .breadcrumb {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .cmfs-article-content .cmfs-article-content__title h2 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 22px;
    color: #313131;
  }
}
.cmfs-article-content .cmfs-article-content__title .sns {
  color: #919191;
}
.cmfs-article-content .article-text p {
  line-height: 20px;
}
@media (max-width: 480px) {
  .cmfs-recommend-article {
    padding: 0 14px;
  }
}
.cmfs-recommend-article .panel-heading {
  padding-top: 20px;
}
.cmfs-recommend-article .panel-title {
  padding: 0 !important;
}
.cmfs-recommend-article__item {
  padding-bottom: 0 !important;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1;
}
.cmfs-recommend-article__item:last-child {
  margin-bottom: 10px;
}
.cmfs-recommend-article__item .media-body {
  line-height: 18px;
}
.cmfs-recommend-article__num {
  width: 18px !important;
  height: 18px !important;
  line-height: 16px !important;
}
.branch-ul {
  display: flex;
}
.branch-ul li {
  padding: 10px;
  list-style: none;
}
.branch-ul .active {
  border-bottom: solid 2px #F26200;
}
.branch-ul .active a {
  color: #F26200;
}
.branch-content {
  background: #ffffff;
}
.branch-no-content {
  background: #ffffff;
  padding: 20px;
  min-height: 100px;
  text-align: center;
}
.teacher-setting__relative {
  position: relative;
}
.teacher-setting__relative .teacher-setting__absolute {
  position: absolute;
  top: 20px;
  right: 100px;
}
.teacher-setting__relative .teacher-setting__list {
  width: 230px;
}
@media (min-width: 768px) {
  .teacher-setting__relative .mtop10 {
    margin-top: 10px;
  }
}
.cmfs-union-org-title {
  padding: 40px 0;
  font-size: 34px;
  line-height: 1;
  text-align: center;
  color: #333;
}
@media (max-width: 480px) {
  .cmfs-union-org-title {
    padding: 20px 0;
    font-size: 18px;
    line-height: 1;
  }
}
.cmfs-union-org-body {
  padding: 0 14% 4%;
}
.cmfs-union-org-body img {
  margin-bottom: 40px;
}
.cmfs-union-org-body img:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .cmfs-union-org-body {
    padding: 0 8px 4%;
  }
  .cmfs-union-org-body img {
    margin-bottom: 20px;
  }
}
.cmfs-union-jion-panel {
  padding: 4% 15% 7% 13%;
}
@media (max-width: 480px) {
  .cmfs-union-jion-panel {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.cmfs-union-header {
  position: relative;
  border-bottom: 1px dashed #d0d0d0;
}
.cmfs-union-header__title {
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  color: #43bc60;
}
.cmfs-union-heade__line {
  position: absolute;
  top: 20px;
  left: 0;
  width: 24px;
  border: none;
  border-top: 4px solid #43bc60;
}
.cmfs-union-join-body {
  padding-top: 43px;
}
@media (min-width: 480px) {
  .cmfs-union-join-body {
    text-align: justify;
  }
}
.cmfs-union-join-btn {
  margin-top: 8%;
  text-align: center;
}
.cmfs-union-panel {
  position: relative;
  background-color: #fff;
  min-height: 500px;
}
.cmfs-union-tab {
  float: right;
  padding: 30px 24px 20px;
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 480px) {
  .cmfs-union-tab {
    padding-top: 20px;
  }
}
.cmfs-union-tab .active {
  color: #43bc60;
}
.cmfs-union-panel__body {
  padding-top: 66px;
}
@media (max-width: 480px) {
  .cmfs-union-panel__body {
    padding-top: 46px;
  }
}
.cmfs-union-article-banner {
  margin-bottom: 60px;
}
@media (max-width: 480px) {
  .cmfs-union-article-banner {
    margin-bottom: 30px;
  }
}
.cmfs-union-article {
  padding: 0 7%;
}
.cmfs-union-article p {
  color: #333;
  text-align: justify;
}
.cmfs-union-article--zh p {
  text-indent: 28px;
}
.cmfs-union-article__title {
  position: relative;
  margin-top: 50px;
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  color: #43bc60;
  text-align: center;
}
@media (max-width: 480px) {
  .cmfs-union-article__title {
    margin-top: 40px;
    font-size: 18px;
  }
}
.cmfs-union-article__line {
  position: absolute;
  left: 30%;
  width: 44%;
  text-align: center;
  border: none;
  border-top: 1px dashed #d0d0d0;
}
@media (max-width: 480px) {
  .cmfs-union-article__line {
    left: 20%;
    width: 60%;
  }
}
.cmfs-union-article__short-line {
  position: absolute;
  top: 20px;
  left: 49%;
  padding: 0;
  width: 24px;
  text-align: center;
  border: none;
  border-top: 4px solid #43bc60;
}
@media (max-width: 480px) {
  .cmfs-union-article__short-line {
    top: 16px;
    left: 46%;
  }
}
.cmfs-union-article-paragraph p {
  margin-bottom: 25px;
}
.cmfs-union-panel__footer {
  max-width: 100%;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.8)), url('/static-dist/custombundle/img/union/union-bg.jpg') no-repeat;
  background-size: cover;
}
@media (min-width: 1200px) {
  .cmfs-union-panel__footer {
    height: 165px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cmfs-union-panel__footer {
    height: 140px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cmfs-union-panel__footer {
    height: 120px;
  }
}
@media (max-width: 767px) {
  .cmfs-union-panel__footer {
    height: 100px;
  }
}
.union-members .union-member {
  margin-bottom: 20px;
  border: 1px solid #E4ECF3;
  border-radius: 2px;
  padding: 15px 0 20px 0;
  text-align: center;
  background: #ffffff;
  height: 208px;
}
.union-members .union-member .union-member-img {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.union-members .union-member img {
  width: 100px;
  max-height: 100px;
}
.union-members .union-member p {
  margin-top: 23px;
  font-size: 14px;
  color: #616161;
}
.union-members .union-member:hover {
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.course-statictics .col-10,
.course-statictics .col-70 {
  float: left;
  padding: 0 10px;
}
.course-statictics .col-10 {
  width: 10%;
}
.course-statictics .col-70 {
  width: 70%;
}
.course-statictics .col-10 {
  width: 10%;
}
.college-container {
  text-align: center;
}
.college-container .entry-box {
  padding: 0;
  width: 40%;
}
.college-container .entry-box a {
  display: block;
  width: 100%;
}
.college-container .entry-box a .entry {
  border-radius: 4px;
  padding: 23px;
  background: #93D179;
}
@media (max-width: 767px) {
  .college-container .entry-box a .entry {
    padding: 5px;
  }
}
.college-container .entry-box a .entry .pic {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .college-container .entry-box a .entry .pic img {
    height: 180px;
  }
}
@media (max-width: 767px) {
  .college-container .entry-box a .entry .pic img {
    height: 80px;
  }
}
.college-container .entry-box a .entry p {
  margin-top: 32px;
  font-size: 18px;
  color: #ffffff;
}
.college-container .entry-box a .student-entry {
  background: #93D179;
}
.college-container .entry-box a .teacher-entry {
  background: #80C4FF;
}
.college-container .mml {
  margin-left: 30px;
}
.special-zone {
  max-width: 1920px;
  font-family: 'PingFangSC-Regular, PingFang SC';
  background: #FFFFFF;
}
.special-zone .zone-header {
  max-height: 400px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.special-zone .zone-header .image {
  width: 100%;
  height: auto;
}
.special-zone .zone-content {
  max-width: 1100px;
  min-width: 1100px;
  width: 60%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.special-zone .zone-content .category-box {
  width: 134px;
  max-width: 134px;
}
.special-zone .zone-content .category-box .category-list {
  cursor: pointer;
  height: fit-content;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(87, 92, 102, 0.18);
  list-style: none;
  padding: 8px 4px;
  margin: 0;
  position: sticky;
  top: 0;
  left: 0;
}
.special-zone .zone-content .category-box .category-list .category-item {
  text-align: center;
  width: 126px;
  font-family: 'PingFangSC-Regular, PingFang SC';
  font-weight: 400;
  color: #1A2233;
  line-height: 3.7;
  border-radius: 4px;
}
.special-zone .zone-content .category-box .category-list .category-item a {
  width: inherit;
  height: 100%;
  display: inline-table;
}
.special-zone .zone-content .category-box .category-list .active {
  background: #FFF5EB;
  color: #F26200;
  position: relative;
  font-weight: 400;
}
.special-zone .zone-content .category-box .category-list .active::before {
  position: absolute;
  top: 16px;
  left: 8px;
  content: '';
  width: 2px;
  height: 20px;
  background: #FF5500;
}
.special-zone .zone-content .course-list-module {
  flex: 1;
}
.special-zone .zone-content .course-list-module .course-module .category-title {
  margin: 48px auto;
  font-size: 21px;
  font-weight: 600;
  line-height: 2.1;
  width: fit-content;
  color: #FFFFFF;
  background: #F26200;
  position: relative;
}
.special-zone .zone-content .course-list-module .course-module .category-title::before,
.special-zone .zone-content .course-list-module .course-module .category-title::after {
  position: absolute;
  top: 0;
  width: 110px;
  height: 44px;
  content: '';
}
.special-zone .zone-content .course-list-module .course-module .category-title::before {
  left: -110px;
  background: url(/static-dist/custombundle/img/10111397.png) no-repeat center;
}
.special-zone .zone-content .course-list-module .course-module .category-title::after {
  background: url(/static-dist/custombundle/img/10111396.png) no-repeat center;
}
.special-zone .zone-content .course-list-module .course-module .course-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item {
  width: 220px;
  height: 261px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(87, 92, 102, 0.2);
  border-radius: 8px 8px 0 0;
  margin-left: 1.5em;
  cursor: pointer;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-cover {
  width: 218px;
  height: 123px;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-cover a {
  width: 100%;
  height: 100%;
  display: block;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-cover a .image-cover {
  border-radius: 8px 8px 0 0;
  width: inherit;
  height: inherit;
  object-fit: cover;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-info {
  padding: 16px;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-info .course-title {
  display: block;
  font-size: 16px;
  color: #1A2233;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-info .course-title a {
  color: #1A2233;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-info .college {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #858C99;
  line-height: 2;
}
.special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-info .btn-start {
  display: block;
  margin: 0 auto;
  width: fit-content;
}
.special-zone .zone-footer {
  width: 100%;
  height: 300px;
  background: #1A2233;
}
.special-zone .zone-footer .footer-content {
  width: 1100px;
  height: inherit;
  margin: 0 auto;
  padding: 60px 0;
  display: flex;
  justify-items: center;
  align-items: center;
}
.special-zone .zone-footer .footer-content .content-item {
  height: 100%;
  position: relative;
  line-height: 2.5;
  color: white;
}
.special-zone .zone-footer .footer-content .content-item:not(:last-child)::after {
  position: absolute;
  right: 0;
  top: 62px;
  content: '';
  width: 1px;
  height: 96px;
  border: 1px solid #575C66;
}
.special-zone .zone-footer .footer-content .content-item p {
  margin-bottom: 0;
}
.special-zone .zone-footer .footer-content .content-item .left-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1em;
}
.special-zone .zone-footer .footer-content .content-item .left-item {
  position: relative;
  padding-left: 40px;
}
.special-zone .zone-footer .footer-content .content-item .left-item::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
}
.special-zone .zone-footer .footer-content .content-item .left-item:nth-child(2)::before {
  background: url(/static-dist/custombundle/img/10111391.png) no-repeat center;
}
.special-zone .zone-footer .footer-content .content-item .left-item:nth-child(3)::before {
  background: url(/static-dist/custombundle/img/10111398.png) no-repeat center;
}
.special-zone .zone-footer .footer-content .content-item .left-item:nth-child(4)::before {
  background: url(/static-dist/custombundle/img/10111399.png) no-repeat center;
}
.special-zone .zone-footer .footer-content .item-left {
  width: 320px;
}
.special-zone .zone-footer .footer-content .item-center {
  width: 330px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.special-zone .zone-footer .footer-content .item-center .center-item:nth-child(1) {
  width: 100px;
  height: 46px;
  background: url(/static-dist/custombundle/img/10111392.png) no-repeat center;
  margin-bottom: 20px;
}
.special-zone .zone-footer .footer-content .item-center .center-item:nth-child(2) {
  margin-bottom: 20px;
}
.special-zone .zone-footer .footer-content .item-center .center-item:nth-child(3) {
  width: 180px;
  text-align: center;
  line-height: 1.5;
}
.special-zone .zone-footer .footer-content .item-center-login {
  justify-content: center;
}
.special-zone .zone-footer .footer-content .item-right {
  flex: 1;
  display: flex;
  justify-content: space-evenly;
}
.special-zone .zone-footer .footer-content .item-right .right-item {
  width: 180px;
  height: 180px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  padding: 14px 16px;
  line-height: 1.4;
  text-align: center;
}
.special-zone .zone-footer .footer-content .item-right .right-item .qrcode-img {
  margin-bottom: 12px;
}
.special-zone .zone-footer .footer-content .item-right .right-item:last-child .item-text {
  text-align: left;
}
.special-zone .back-top {
  display: inline-block;
  width: 96px;
  height: 96px;
  background: url(/static-dist/custombundle/img/10111395.png) no-repeat center;
  position: fixed;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 280px) and (max-width: 415px) {
  .special-zone {
    width: 100vw;
    position: relative;
  }
  .special-zone .zone-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .special-zone .zone-content {
    width: 100vw;
    padding-top: 131px;
    flex-direction: column;
  }
  .special-zone .zone-content .category-box {
    width: 100vw;
    max-width: none;
    position: fixed;
    overflow: hidden;
    top: 81px;
    left: 0;
    z-index: 100;
  }
  .special-zone .zone-content .category-box .category-list {
    position: static;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    padding: 0;
  }
  .special-zone .zone-content .category-box .category-list::-webkit-scrollbar {
    display: none;
  }
  .special-zone .zone-content .category-box .category-list .category-item {
    font-size: 16px;
    width: 80px;
    font-weight: 500;
    padding: 0 8px;
    line-height: 3;
  }
  .special-zone .zone-content .category-box .category-list .category-item a {
    color: #1A2233;
  }
  .special-zone .zone-content .category-box .category-list .active {
    background: #FFF;
  }
  .special-zone .zone-content .category-box .category-list .active::before {
    top: inherit;
    bottom: 0;
    left: calc(42%);
    width: 32px;
    height: 2px;
    background: #FF5500;
  }
  .special-zone .zone-content .category-box .category-list .active a {
    color: #F26200;
  }
  .special-zone .zone-content .course-list-module {
    background: #F5F7FA;
  }
  .special-zone .zone-content .course-list-module .course-module {
    width: 100vw;
  }
  .special-zone .zone-content .course-list-module .course-module .category-title {
    margin: 16px auto;
    margin-top: 32px;
    font-size: 16px;
    line-height: 2;
    padding: 0 2px;
  }
  .special-zone .zone-content .course-list-module .course-module .category-title::before,
  .special-zone .zone-content .course-list-module .course-module .category-title::after {
    position: absolute;
    top: 0;
    width: 85px;
    height: 32px;
    content: '';
  }
  .special-zone .zone-content .course-list-module .course-module .category-title::before {
    left: -84px;
    background: url(/static-dist/custombundle/img/1011142.png) no-repeat center;
  }
  .special-zone .zone-content .course-list-module .course-module .category-title::after {
    background: url(/static-dist/custombundle/img/1011141.png) no-repeat center;
  }
  .special-zone .zone-content .course-list-module .course-module .course-list {
    padding: 0 16px;
    justify-content: space-between;
  }
  .special-zone .zone-content .course-list-module .course-module .course-list .course-item {
    margin: 0;
    width: 164px;
    height: 200px;
    margin-bottom: 16px;
  }
  .special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-cover {
    width: 100%;
    height: 92px;
  }
  .special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-info .course-title {
    font-size: 14px;
    line-height: 1;
  }
  .special-zone .zone-content .course-list-module .course-module .course-list .course-item .course-info .college {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
  }
  .special-zone .zone-footer {
    height: auto;
  }
  .special-zone .zone-footer .footer-content {
    padding-top: 32px;
    width: 100vw;
    flex-direction: column;
  }
  .special-zone .zone-footer .footer-content .content-item::after {
    border: none !important;
  }
  .special-zone .zone-footer .footer-content .item-left {
    order: 1;
  }
  .special-zone .zone-footer .footer-content .item-center {
    order: 0;
  }
  .special-zone .zone-footer .footer-content .item-center .center-item:nth-child(1) {
    width: 68px;
    height: 28px;
    background: url(/static-dist/custombundle/img/1011140.png) no-repeat center;
    margin-bottom: 10px;
    order: 0;
  }
  .special-zone .zone-footer .footer-content .item-center .center-item:nth-child(2) {
    order: 2;
    margin-bottom: 24px;
  }
  .special-zone .zone-footer .footer-content .item-center .center-item:nth-child(3) {
    width: 100vw;
    order: 1;
    line-height: 3;
    font-size: 14px;
  }
  .special-zone .zone-footer .footer-content .item-right {
    order: 2;
    font-size: 12px;
    margin-top: 20px;
  }
  .special-zone .zone-footer .footer-content .item-right .right-item {
    width: 156px;
    height: 156px;
  }
  .special-zone .zone-footer .footer-content .item-right .right-item .qrcode-img {
    margin: 4px auto;
    width: 94px;
    height: 94px;
  }
  .special-zone .zone-footer .footer-content .item-right .right-item .qrcode-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .special-zone .zone-footer .footer-content .item-right .right-item:first-child {
    margin-right: 24px;
  }
  .special-zone .back-top {
    display: none;
  }
}
.course-detail-content .thread-post-action {
  display: inherit;
  float: right;
}
#wechat-modal > .modal-dialog {
  position: fixed;
  top: 50%;
  transform: translateX(0) translateY(-50%);
}
#wechat-login {
  background-color: #fefefe;
  min-height: 100vh;
}
#wechat-login .banner {
  width: 100%;
  z-index: -1;
}
#wechat-login .login-btn-group {
  position: relative;
  display: block;
  width: 100%;
  margin: -58px 0 0;
  padding: 0 15px;
}
#wechat-login .login-btn-group a {
  height: 42px;
  margin: 0 0 25px;
  padding: 0 12px;
  line-height: 42px;
  vertical-align: middle;
}
#wechat-login .login-btn-group #unipus-btn {
  color: #419bf9;
  border-color: #419bf9;
}
.multil-language-nav {
  background: #F5F5F5;
  border: 1px solid #E4EDF4;
}
.multil-language-nav__list {
  float: left;
}
.multil-language-nav__list > a {
  display: block;
  padding: 16px 30px;
  font-size: 14px;
  line-height: 16px;
  color: #616161;
  font-family: ArialMT;
}
.multil-language-nav__list > a:hover,
.multil-language-nav__list > a:active,
.multil-language-nav__list > a:focus {
  color: #616161;
}
.multil-language-nav__list.active {
  background-color: #fff;
}
.multil-language-course {
  padding-top: 30px;
  font-family: ArialMT;
}
.multil-language-course__list {
  display: block;
  margin-bottom: 30px;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E4EDF4;
  cursor: pointer;
}
.multil-language-course a:hover,
.multil-language-course a:active,
.multil-language-course a:focus {
  color: #555;
}
.language-course-list__img > img {
  max-width: 100%;
}
.language-course-list__top {
  padding: 10px 10px 0;
}
.language-course-list__bottom {
  position: relative;
  padding: 0 10px 30px;
}
.language-course-list__bottom .title {
  padding: 22px 0 10px;
  line-height: 22px;
  font-size: 14px;
  color: #999999;
  white-space: normal;
}
.language-course-list__bottom .sub-title {
  padding-bottom: 10px;
  line-height: 22px;
  font-size: 16px;
  color: #111111;
  white-space: normal;
}
@media screen and (max-width: 767px) {
  .language-course-list__bottom {
    height: auto;
  }
}
.language-course-list__bottom .desc {
  font-size: 14px;
  color: rgba(153, 153, 153, 0.9);
  line-height: 17px;
  background-color: #fff;
}
.multil-language-list {
  background-color: #fff;
}
.multil-language-list .list-banner > img {
  width: 100%;
}
.multil-language-list .list-body {
  padding-bottom: 105px;
  padding-left: 76px;
  padding-right: 76px;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  font-family: ArialMT;
  background-image: url('/assets/img/multilingual/info/footer-bg.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media screen and (max-width: 767px) {
  .multil-language-list .list-body {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.multil-language-list .list-body-title {
  padding: 46px 0 60px;
}
.multil-language-list .list-body .language-list-item {
  padding-bottom: 60px;
}
.multil-language-list .list-body .language-list-item__title {
  line-height: 25px;
  font-size: 22px;
  color: #F26200;
  text-align: center;
}
.multil-language-list .list-body .language-list-item__title > span {
  display: inline-block;
  padding-bottom: 16px;
  border-bottom: 4px solid #F26200;
}
.multil-language-list .list-body .language-list-item__dash {
  width: 430px;
  margin: 0 auto;
  border: 1px dashed #CACACA;
}
.multil-language-list .list-body .language-list-item__desc {
  padding-top: 20px;
}
.arabic .multil-language-course,
.arabic .multil-language-list {
  direction: rtl;
}
@media screen and (max-width: 767px) {
  .es-header .nav.navbar-nav > li.custom-mobile-language > a {
    display: inline-block !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.throttling-container-top {
  position: relative;
  height: 475px;
  background-color: #7CD2FE;
  text-align: center;
}
.throttling-container-bot {
  height: 297px;
  background-color: #35A6DB;
}
.throttling-person-img {
  padding-top: 107px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .throttling-person-img {
    position: absolute;
    left: 50%;
    bottom: -85px;
    transform: translateX(-50%);
    z-index: 10;
    padding-top: 0;
  }
}
.system-upgrade-body {
  background-color: #fff;
}
.system-upgrade-container {
  text-align: center;
}
.system-upgrade-container .system-upgrade-img {
  padding-top: 70px;
  padding-bottom: 70px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .system-upgrade-container .system-upgrade-img {
    padding-top: 137px;
    padding-bottom: 70px;
  }
}
.video-hint {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 24px;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  font-size: 18px;
  color: white;
  text-align: left;
  overflow: hidden;
}
.video-hint-content {
  position: absolute;
  white-space: nowrap;
}
.certificate-thumbnail {
  width: 270px;
  height: 254px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e4edf4;
  margin-bottom: 30px;
  text-align: center;
}
.certificate-thumbnail-cousmnt {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-right: 5px;
}
.certificate-label-cousmnt {
  float: left;
  margin-top: 30px !important;
  margin-left: 10px;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.badge-cousmnt {
  margin-top: 30px;
  background: #f26300;
  border-radius: 4px;
  background: #F26300;
  font-family: PingFangSC-Regular, PingFang SC;
}
@media screen and (max-width: 1026px) and (min-width: 750px) {
  .certificate-thumbnail-cousmnt {
    width: 31% !important;
    height: 195px;
    margin-left: 10px;
    margin-right: 5px;
  }
  .certificate-img-cousmnt {
    width: 95% !important;
    height: 135px !important;
  }
  .certificate-label-cousmnt {
    margin-top: 10px !important;
  }
  .badge-cousmnt {
    margin-top: 10px;
  }
  .certificate-user-cousmnt {
    top: 25% !important;
  }
}
@media (max-width: 767px) {
  .certificate-thumbnail-cousmnt {
    width: 45%;
    height: 180px;
    margin-left: 10px;
    margin-right: 5px;
  }
  .certificate-img-cousmnt {
    width: 95% !important;
    height: 125px !important;
  }
  .certificate-label-cousmnt {
    float: left;
    margin-top: 10px !important;
    margin-left: 10px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .badge-cousmnt {
    margin-top: 10px;
    background: #f26300;
    border-radius: 4px;
    background: #F26300;
    font-family: PingFangSC-Regular, PingFang SC;
  }
}
.certificate-img {
  width: 250px;
  height: 165px;
  margin-top: 10px;
}
.certificate-user {
  position: absolute;
  top: 60px;
  vertical-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #555555;
}
.certificate-user .user-main {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.certificate-user .user-main-cousmnt {
  color: #313131;
  line-height: 14px;
  margin-bottom: 1px;
}
.certificate-user .user-sub {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.certificate-user .user-sub-cousmnt {
  line-height: 12px;
}
.certificate-user-cousmnt {
  width: none;
  top: 25%;
  left: 0;
  right: 0;
}
.certificate-label {
  height: 20px;
  margin-top: 25px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #616161;
  line-height: 20px;
}
.certificate-label .badge {
  height: 18px;
  background: #f26300;
  border-radius: 4px;
  background: #F26300;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
}
.special-college_wrapper .pl-0 {
  padding-left: 0;
}
.special-college_wrapper .header {
  padding: 20px 0;
}
.special-college_wrapper .title {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
}
.special-college_wrapper .search-box {
  position: relative;
}
.special-college_wrapper .search-input {
  border-radius: 5px;
  outline: none;
  border: 1px solid #ccc;
  text-indent: 10px;
  padding: 10px 50px 10px 0;
}
@media (min-width: 280px) and (max-width: 415px) {
  .special-college_wrapper .search-input {
    border-radius: 5px;
    outline: none;
    border: 1px solid #ccc;
    text-indent: 10px;
    font-size: 12px;
    padding: 10px 5px 10px 0;
  }
}
.special-college_wrapper .search-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ccc;
  background-color: transparent;
}
.cooperative-wrapper .inline {
  display: inline-block;
}
.cooperative-wrapper .block {
  display: block;
}
.cooperative-wrapper .mt-0 {
  margin-top: 0;
}
.cooperative-wrapper .mt-20 {
  margin-top: 20px;
}
.cooperative-wrapper .mb-20 {
  margin-bottom: 20px;
}
.cooperative-wrapper .pl-0 {
  padding-left: 0;
}
.cooperative-wrapper .cooperative-list_wrapper {
  padding: 20px 0;
}
.cooperative-wrapper .cooperative-list_wrapper .list-nav_header {
  color: #000;
}
.cooperative-wrapper .cooperative-list_wrapper .list-nav {
  list-style: none;
}
.cooperative-wrapper .cooperative-list_wrapper .list-nav .list-item:not(:last-child) {
  margin-right: 16px;
}
.cooperative-wrapper .cooperative-list_wrapper .list-nav .list-item::after {
  content: "";
  display: block;
  padding-top: 12px;
}
.cooperative-wrapper .cooperative-list_wrapper .list-nav .list-item.active::after {
  border-bottom: 2px solid #F26204;
}
.user-center-header .container .user-avatar .avatar-wrap {
  border: none;
}
.college-blurr-bg {
  left: 0px;
  right: 0px;
  top: -50px;
  bottom: -50px;
  width: 1519px;
  filter: blur(60px);
  z-index: 50;
  position: absolute;
}
.college-center-header {
  height: 220px;
  position: relative;
  background: #000000;
}
.college-center-header .name {
  color: #fff;
  font-size: 25px;
  margin-bottom: 10px;
  padding: 0 10px;
  display: inline-block;
}
.college-center-header .introduce {
  color: #fff;
  font-size: 15px;
}
.over-hid {
  height: 250px;
  width: 100%;
  overflow: hidden;
}
.union-member-right-bottom {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 27px;
  height: 27px;
}
.union-members .union-member .union-member-right-top {
  position: absolute;
  right: 2px;
  top: -2px;
  width: 27px;
  height: 34px;
}
.over-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.over-text-introduction {
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.micro-major {
  background-color: white;
}
.micro-major .micro-major-header {
  width: 100%;
  max-height: 468px;
}
.micro-major .micro-major-header .header {
  width: 100%;
}
.micro-major .micro-major-header .header .img-cover {
  width: 100%;
  height: 100%;
}
.micro-major .micro-major-nav {
  list-style-type: none;
  max-width: 1100px;
  display: flex;
  justify-content: space-around;
  background: #FFFFFF;
  box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  margin: 0 auto;
  margin-top: -28px;
  position: relative;
}
.micro-major .micro-major-nav .nav-item {
  list-style: none;
  font-size: 16px;
  font-family: 'PingFangSC-Medium, PingFang SC';
  font-weight: 500;
  line-height: 4;
  flex: 1;
}
.micro-major .micro-major-nav .nav-item a {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.micro-major .micro-major-nav .nav-item:not(:last-child) {
  position: relative;
}
.micro-major .micro-major-nav .nav-item:not(:last-child) a::after {
  position: absolute;
  content: '';
  display: block;
  width: 2px;
  height: 25px;
  background-color: #E1E6F0;
  top: 19px;
  right: 0;
}
.micro-major .micro-major-nav .nav-item.active a {
  color: #F26200;
}
.micro-major .micro-major-nav .registration {
  background-color: #F26200;
  border-radius: 0 6px 6px 0;
}
.micro-major .micro-major-nav .registration a {
  color: white;
}
.micro-major .micro-major-project,
.micro-major .micro-major-course,
.micro-major .micro-major-course-detail {
  margin-top: 66px;
}
.micro-major .micro-major-project .title,
.micro-major .micro-major-course .title,
.micro-major .micro-major-course-detail .title {
  width: 368px;
  margin: 0 auto;
  height: 44px;
  margin-bottom: 40px;
}
.micro-major .micro-major-project .content,
.micro-major .micro-major-course .content,
.micro-major .micro-major-course-detail .content {
  width: 1100px;
  margin: 0 auto;
}
.micro-major .micro-major-project .title {
  background: url(/static-dist/custombundle/img/1011939001.png) center / cover no-repeat;
}
.micro-major .micro-major-project .content {
  height: 184px;
  padding: 44px 72px;
  text-indent: 2em;
  background: url(/static-dist/custombundle/img/1011939002.png) center / cover no-repeat;
}
.micro-major .micro-major-course .title {
  background: url(/static-dist/custombundle/img/1011939003.png) center / cover no-repeat;
}
.micro-major .micro-major-course .content {
  background: url(/static-dist/custombundle/img/1011939002.png) center / cover no-repeat;
  font-size: 14px;
  font-weight: 500;
}
.micro-major .micro-major-course .content .customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.micro-major .micro-major-course .content .customers td,
.micro-major .micro-major-course .content .customers th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}
.micro-major .micro-major-course .content .customers tr:nth-child(even) {
  background-color: #f2f2f2;
}
.micro-major .micro-major-course .content .customers tr:hover {
  background-color: #ddd;
}
.micro-major .micro-major-course .content .customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #F26200;
  color: white;
}
.micro-major .micro-major-course-detail .title {
  background: url(/static-dist/custombundle/img/1011939004.png) center / cover no-repeat;
}
.micro-major .micro-major-course-detail .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.micro-major .micro-major-course-detail .content .micro-course-item {
  width: 48%;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #FFCC99;
  margin-bottom: 40px;
  padding: 24px;
}
.micro-major .micro-major-course-detail .content .micro-course-item .course-title {
  text-align: center;
  font-size: 20px;
  font-family: 'PingFangSC-Medium, PingFang SC';
  font-weight: 500;
  color: #F26200;
}
.micro-major .micro-major-course-detail .content .micro-course-item .course-title .title-text {
  position: relative;
  padding: 0 4px;
}
.micro-major .micro-major-course-detail .content .micro-course-item .course-title .title-text::before,
.micro-major .micro-major-course-detail .content .micro-course-item .course-title .title-text::after {
  position: absolute;
  content: '';
  top: 13px;
  width: 64px;
  height: 4px;
}
.micro-major .micro-major-course-detail .content .micro-course-item .course-title .title-text::before {
  left: -64px;
  background: url(/static-dist/custombundle/img/1011939005.png) center / cover no-repeat;
}
.micro-major .micro-major-course-detail .content .micro-course-item .course-title .title-text::after {
  right: -64px;
  background: url(/static-dist/custombundle/img/1011939006.png) center / cover no-repeat;
}
.micro-major .micro-major-course-detail .content .micro-course-item .item .name {
  font-size: 16px;
  font-family: 'PingFangSC-Medium, PingFang SC';
  font-weight: 500;
  color: #1A2233;
  line-height: 1;
  position: relative;
  padding-left: 8px;
}
.micro-major .micro-major-course-detail .content .micro-course-item .item .name::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 14px;
  content: '';
  background-color: #3264FA;
}
.micro-major .micro-major-course-detail .content .micro-course-item .item .lecturer-name {
  font-family: 'PingFangSC-Medium, PingFang SC';
  font-weight: 500;
  line-height: 2.8;
}
.micro-major .micro-major-course-detail .content .micro-course-item .item .lecturer-name .content-txt {
  font-size: 20px;
  color: #3264FA;
}
.micro-major .micro-major-course-detail .content .micro-course-item .item .learn-objective-content .objective-content-txt {
  line-height: 2;
  text-indent: 2em;
}
.micro-major .micro-major-course-detail .content .micro-course-item .item .learn-objective-content .objective-content-txt .micro-cover {
  width: 240px;
  height: 140px;
  border-radius: 6px;
  margin-top: -112px;
}
.micro-major .micro-major-course-detail .content .micro-course-item .item .special-list .special-list-item {
  line-height: 2;
  font-family: 'PingFangSC-Medium, PingFang SC';
}
.micro-major .micro-major-course-detail .content .micro-course-item .learn-objective {
  margin-top: 10px;
}
.micro-major-course {
  padding: 0;
}
.micro-major-course .table-title {
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 3px #DEDEDE solid;
}
.micro-major-course .micro-course-item {
  padding: 5px;
}
.micro-major-course .micro-course-item:nth-child(even) {
  background-color: #efefef;
}
.major-course-table {
  list-style-type: none;
}
.major-course-table .course-item {
  list-style: none;
  padding: 1em;
  border: solid 1px #c1c1c1;
  border-radius: 4px;
  line-height: 2.5;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.major-course-table .course-item .course-item-title,
.major-course-table .course-item .course-item-category {
  flex: 35%;
}
.major-course-table .course-item .course-item-operate {
  flex: 1;
}
.team-form .dropdown-menu {
  max-height: 200px;
  overflow: scroll;
}
.team-form {
  padding-bottom: 100px;
}
.list-group-my {
  display: block;
  line-height: 45px;
  border-top: 1px solid #f2f2f2;
  padding-left: 20px;
}
.list-group .th {
  font-weight: bold;
  border-bottom: 2px solid #f2f2f2;
}
