/* =========================== main-color =========================== */
/* =========================== media =========================== */
.course-dashboard-page {
  background-color: #fff;
}
.course-dashboard-page .breadcrumb-o,
.course-dashboard-page .es-footer-link,
.course-dashboard-page .es-footer,
.course-dashboard-page .progress-sm {
  display: none;
}
.course-dashboard-page .course-detail-header .es-section {
  margin: 10px 0;
}
.course-dashboard-page #content-container {
  margin: 10px auto;
  min-height: auto;
}
.course-dashboard-page .course-sidebar {
  display: none;
}
.course-dashboard-page .course-operation {
  width: auto;
  float: none;
}
.course-dashboard-page .course-detail-section {
  margin: 10px 0;
}
.course-dashboard-page .course-detail-section-responsive {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 998;
  right: 0;
  margin: 0;
  padding: 8px 0;
}
.course-dashboard-page .course-detail-section-responsive .es-share.top.learn-es-share .dropdown-menu {
  left: 0;
  margin-left: 0px;
}
.course-dashboard-page .course-detail-section-responsive .es-share.top.learn-es-share .dropdown-menu:after {
  left: 25px;
}
.course-dashboard-page .buy-btn-group {
  position: fixed;
  right: 15px;
  bottom: 7px;
  z-index: 998;
}
.course-dashboard-page .buy-btn-group .btn-lg {
  padding: 8px 10px;
}
.course-dashboard-page .course-progress {
  margin-bottom: 10px;
}
.next-class,
.es-piece .piece-header {
  display: none;
}
.es-mobile-nav li {
  width: 33.33%;
  text-align: center;
}
.es-mobile-nav li a {
  font-weight: normal;
}
.es-mobile-nav li.active {
  border-bottom: 1px solid #43bc60;
}
.es-mobile-nav li.active a {
  color: #43bc60;
}
.es-mobile-nav li.active.navs {
  width: auto;
  border: none;
}
.es-mobile-nav li.active.navs a {
  color: #313131;
}
.modal {
  z-index: 9999;
}
.notify-content {
  z-index: 10001;
}
body.homepage.has-app .es-wrap,
body.course-list-page.has-app .es-wrap,
body.open-course-list.has-app .es-wrap,
body.course-dashboard-page.has-app .es-wrap,
body.login.has-app .es-wrap,
body.register.has-app .es-wrap,
body.my-course.has-app .es-wrap {
  padding-top: 110px;
}
body.homepage .es-wrap,
body.course-list-page .es-wrap,
body.open-course-list .es-wrap,
body.course-dashboard-page .es-wrap,
body.login .es-wrap,
body.register .es-wrap,
body.my-course .es-wrap {
  padding-top: 60px;
  padding-bottom: 50px;
}
body.homepage .es-header,
body.course-list-page .es-header,
body.open-course-list .es-header,
body.course-dashboard-page .es-header,
body.login .es-header,
body.register .es-header,
body.my-course .es-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
body.homepage .es-header .navbar-mobile,
body.course-list-page .es-header .navbar-mobile,
body.open-course-list .es-header .navbar-mobile,
body.course-dashboard-page .es-header .navbar-mobile,
body.login .es-header .navbar-mobile,
body.register .es-header .navbar-mobile,
body.my-course .es-header .navbar-mobile {
  display: none !important;
}
body.homepage .es-header .M_header-back,
body.course-list-page .es-header .M_header-back,
body.open-course-list .es-header .M_header-back,
body.course-dashboard-page .es-header .M_header-back,
body.login .es-header .M_header-back,
body.register .es-header .M_header-back,
body.my-course .es-header .M_header-back {
  display: block;
}
body.homepage .footer-tool-bar,
body.course-list-page .footer-tool-bar,
body.open-course-list .footer-tool-bar,
body.course-dashboard-page .footer-tool-bar,
body.login .footer-tool-bar,
body.register .footer-tool-bar,
body.my-course .footer-tool-bar {
  display: block;
}
body.homepage .course-list-section .course-filter,
body.course-list-page .course-list-section .course-filter,
body.open-course-list .course-list-section .course-filter,
body.course-dashboard-page .course-list-section .course-filter,
body.login .course-list-section .course-filter,
body.register .course-list-section .course-filter,
body.my-course .course-list-section .course-filter,
body.homepage .dynamic-section,
body.course-list-page .dynamic-section,
body.open-course-list .dynamic-section,
body.course-dashboard-page .dynamic-section,
body.login .dynamic-section,
body.register .dynamic-section,
body.my-course .dynamic-section,
body.homepage .es-footer-link,
body.course-list-page .es-footer-link,
body.open-course-list .es-footer-link,
body.course-dashboard-page .es-footer-link,
body.login .es-footer-link,
body.register .es-footer-link,
body.my-course .es-footer-link,
body.homepage .es-footer,
body.course-list-page .es-footer,
body.open-course-list .es-footer,
body.course-dashboard-page .es-footer,
body.login .es-footer,
body.register .es-footer,
body.my-course .es-footer {
  display: none;
}
body.homepage .es-friend-link,
body.course-list-page .es-friend-link,
body.open-course-list .es-friend-link,
body.course-dashboard-page .es-friend-link,
body.login .es-friend-link,
body.register .es-friend-link,
body.my-course .es-friend-link {
  display: none;
}
body.course-list-page {
  background-color: white;
}
body.course-list-page .es-banner {
  display: none;
}
body.course-list-page #content-container {
  margin-top: 0px;
  margin-bottom: 0px;
}
body.course-list-page #content-container .tabs-wrapper,
body.course-list-page #content-container .es-filter {
  display: none;
}
body.course-list-page #content-container .panel.panel-default {
  border: none;
  margin-top: -15px;
  margin-bottom: -15px;
}
body.my-course {
  background-color: white;
}
body.my-course #content-container {
  margin-top: 0px;
  margin-bottom: 0px;
}
body.my-course #content-container .my-layout {
  display: none;
}
body.open-course-list .es-banner {
  display: none;
}
body.open-course-list #content-container {
  margin-top: 0;
  margin-bottom: 0;
}
body.homepage .M_header-back {
  display: none !important;
}
body.homepage .feature-banner,
body.homepage .class-section,
body.homepage .recommend-teacher {
  display: none;
}
body.course-dashboard-page .es-footer-mobile {
  display: none;
}
.navbar-user .user-avatar-li ul li {
  display: none;
}
.navbar-user .user-avatar-li ul li.user-nav-li-my,
.navbar-user .user-avatar-li ul li.mobile-switch,
.navbar-user .user-avatar-li ul li.user-nav-li-logout,
.navbar-user .user-avatar-li ul li.user-nav-li-login,
.navbar-user .user-avatar-li ul li.user-nav-li-register {
  display: block;
}
.M_header-back {
  display: none;
  position: absolute;
  height: 100%;
  width: 40px;
  text-align: center;
  left: 0;
  top: 0;
}
.M_header-back a {
  color: white;
}
.M_header-back a i {
  font-size: 30px;
  line-height: 60px;
}
.footer-tool-bar {
  display: none;
  position: fixed;
  border-top: 1px solid #ECECEC;
  height: 50px;
  padding-top: 8px;
  width: 100%;
  bottom: 0px;
  background-color: #f5f5f5;
  overflow: hidden;
  z-index: 10;
}
.footer-tool-bar > div {
  display: inline-block;
  width: 33.33333333333333%;
  float: left;
  text-align: center;
  font-size: 10px;
  line-height: 1;
}
.footer-tool-bar > div a {
  color: #919191;
}
.footer-tool-bar > div i {
  font-size: 24px;
}
.footer-tool-bar > div.active a {
  color: #43bc60;
}
.footer-tool-bar > div.active a .es-icon-home1::before {
  content: "\E6D1";
}
.footer-tool-bar > div.active a .es-icon-newshot::before {
  content: "\E7C4";
}
.footer-tool-bar > div.active a .es-icon-write::before {
  content: "\E760";
}
.app-download {
  position: fixed;
  top: 60px;
  width: 100%;
  height: 50px;
  background: #fafafa;
  z-index: 10;
}
.app-download i {
  position: absolute;
  top: 0;
  line-height: 50px;
  left: 7px;
  font-size: 26px;
  color: #d9d9d9;
  z-index: 2;
}
.app-download .slogan {
  position: absolute;
  top: 0;
  background-size: 36px 36px;
  background-position: 38px 7px;
  padding-left: 83px;
  padding-top: 8px;
  height: 50px;
}
.app-download .slogan .main-slogan {
  line-height: 1;
  margin-bottom: 6px;
  color: #313131;
}
.app-download .slogan .sub-slogan {
  font-size: 10px;
  color: #919191;
}
.app-download .app-download-button {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  line-height: 50px;
  width: 116px;
  background-color: #43bc60;
  color: white;
  text-align: center;
}
.mobile-search {
  padding: 15px 10px;
  position: relative;
}
.mobile-search .form-group {
  margin-bottom: 0px;
}
.mobile-search .search-input {
  height: 40px;
  background-color: #f5f5f5;
  font-size: 12px;
  color: #C1C1C1;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
}
.mobile-search button {
  position: absolute;
  display: inline-block;
  top: 14px;
  right: 10px;
  line-height: 1;
  padding: 0px 10px;
  border-radius: 0px;
  border-left: 1px solid #C1C1C1;
  font-size: 18px;
  margin-top: 10px;
  color: #919191;
  background-color: transparent;
}
.es-main-blue-light .app-download .app-download-button {
  background-color: #4bbbfa;
}
.es-main-blue-light .footer-tool-bar > div.active a {
  color: #4bbbfa;
}
.es-main-blue .app-download .app-download-button {
  background-color: #0081e6;
}
.es-main-blue .footer-tool-bar > div.active a {
  color: #0081e6;
}
.es-main-green-light .app-download .app-download-button {
  background-color: #81d867;
}
.es-main-green-light .footer-tool-bar > div.active a {
  color: #81d867;
}
.es-main-orange-light .app-download .app-download-button {
  background-color: #f9b469;
}
.es-main-orange-light .footer-tool-bar > div.active a {
  color: #f9b469;
}
.es-main-orange .app-download .app-download-button {
  background-color: #ff7200;
}
.es-main-orange .footer-tool-bar > div.active a {
  color: #ff7200;
}
.es-main-purple-light .app-download .app-download-button {
  background-color: #9e9abd;
}
.es-main-purple-light .footer-tool-bar > div.active a {
  color: #9e9abd;
}
.es-main-purple .app-download .app-download-button {
  background-color: #773cec;
}
.es-main-purple .footer-tool-bar > div.active a {
  color: #773cec;
}
.es-main-red-light .app-download .app-download-button {
  background-color: #fd5f56;
}
.es-main-red-light .footer-tool-bar > div.active a {
  color: #fd5f56;
}
.es-main-red .app-download .app-download-button {
  background-color: #cf010e;
}
.es-main-red .footer-tool-bar > div.active a {
  color: #cf010e;
}