@charset "UTF-8";
.clearfix, .course-classify .classify-layer, .course-group, .course-tag-normal .course-subtitle {
  /* If supporting IE 6/7 */
  *zoom: 1; }
  .clearfix:before, .course-classify .classify-layer:before, .course-group:before, .course-tag-normal .course-subtitle:before, .clearfix:after, .course-classify .classify-layer:after, .course-group:after, .course-tag-normal .course-subtitle:after {
    content: "";
    display: table; }
  .clearfix:after, .course-classify .classify-layer:after, .course-group:after, .course-tag-normal .course-subtitle:after {
    clear: both; }

/*
 * 去掉height:100%;定义
 * -webkit-text-size-adjust:none会导致页面缩放文字失效
 * background-color:#FFF,html元素设置了背景色会导致body的背景色不能100%高度覆盖
 * 把白色背景色定义在html上，定义这个背景色的目的是，修复一些浏览器中设置了浏览器保护色
 * overflow-y:scroll定义在被iframe引用的页面就强制带滚动条
 * */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 100%; }

body {
  word-wrap: break-word;
  cursor: default;
  font-family: "microsoft yahei"; }

body {
  color: #171920;
  background: #f5f7f9; }

/*
 * :focus{outline:0}定义后按tab键在连接间跳转没有标识当前连接的外轮廓点线
 * :active{outline:0;}
 * :visited{outline:0;}
 * */
a {
  cursor: pointer;
  outline: 0 none;
  color: #171920; }

:active {
  outline: 0; }

:visited {
  outline: 0; }

:link, :visited, ins {
  text-decoration: none; }

[hidden] {
  display: none; }

body {
  margin: 0; }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0; }

fieldset, iframe {
  border: 0 none; }

img {
  border: 0 none;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

address, caption, cite, code, dfn, em, i, th, var, optgroup {
  font-style: normal; }

h1, h2, h3, h4, h5, h6, code, kbd, samp, tt, sup, sub, small, input, button, textarea, select {
  font-size: 100%;
  font-weight: normal; }

abbr, acronym {
  border: 0 none;
  font-variant: normal; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

textarea, input, select {
  outline: 0 none; }

ol, ul, li, menu {
  list-style: none outside none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

caption, th {
  text-align: left; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

mark {
  background-color: #FF6; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

input, select, button {
  vertical-align: middle; }

button {
  width: auto;
  cursor: pointer;
  overflow: visible; }

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; }

button::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0 none;
  padding: 0; }

.header2018 {
  background-color: #282828; }

.course-classify {
  background: #ffffff;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.06);
  border-radius: 2px; }
  .course-classify .classify-inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 48px;
    padding-bottom: 30px; }
  .course-classify .title {
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 30px;
    font-weight: bold;
    font-size: 16px; }
  .course-classify .options {
    line-height: 38px;
    float: left;
    width: 1018px; }
    .course-classify .options span {
      height: 28px;
      line-height: 28px;
      padding: 0 16px;
      display: block;
      float: left;
      margin-right: 30px;
      margin-bottom: 30px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 14px;
      color: #666666; }
    .course-classify .options span.active,
    .course-classify .options span:hover {
      color: #272727;
      background: #fae64f;
      font-weight: 700; }

.page-search {
  padding-top: 44px; }

.page-block--white {
  background: #ffffff; }

.container {
  width: 1200px;
  margin: auto; }

body {
  min-height: calc(100vh + 1px); }

.course-group--col4 {
  padding-bottom: 0;
  margin-bottom: 42px; }

.course-group.course-group--col4 .course-ad {
  display: none; }

.course-group.course-group--col4 .course-list {
  width: 100%; }

.course-group .course-ad img {
  transition: all 0.5s;
  opacity: 1;
  cursor: pointer; }

.course-group .course-ad img:hover {
  opacity: 0.8;
  box-shadow: 0px 3px 17px #9a9a9a; }

.course-tag-normal {
  width: 284px;
  margin-right: 21px;
  border-radius: 4px;
  float: left;
  margin-bottom: 18px;
  background-color: #ffffff; }
  .course-tag-normal:nth-child(4n) {
    margin-right: 0; }
  .course-tag-normal img {
    width: 284px;
    height: 160px; }
  .course-tag-normal .course-info {
    padding: 0px 15px 20px 15px; }
    .course-tag-normal .course-info .course-tag-content {
      margin-top: 12px;
      height: 22px; }
      .course-tag-normal .course-info .course-tag-content .course-tag {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        background: #f2f2f2;
        border-radius: 2px;
        padding: 0 5px;
        font-size: 12px;
        color: #666666; }
  .course-tag-normal .course-title {
    line-height: 20px;
    font-size: 16px;
    margin-top: 17px;
    color: #282828;
    height: 40px; }
  .course-tag-normal .course-subtitle {
    color: #999;
    font-size: 12px;
    line-height: 12px;
    width: 100%;
    margin-top: 12px; }
    .course-tag-normal .course-subtitle span {
      float: left; }
    .course-tag-normal .course-subtitle .lesson-num {
      margin-right: 13px; }
    .course-tag-normal .course-subtitle .time {
      margin-right: 21px; }
  .course-tag-normal .price-block {
    height: 17px;
    line-height: 17px;
    margin-top: 3px; }
    .course-tag-normal .price-block .price {
      margin-right: 5px;
      color: #ff544d;
      font-size: 14px; }
    .course-tag-normal .price-block .join-people {
      float: right;
      color: #8b8b8b;
      margin-top: 5px; }
  .course-tag-normal .course_count_down {
    display: flex;
    color: #9598a2;
    margin-top: 12px;
    height: 16px; }
    .course-tag-normal .course_count_down .price-old {
      flex: 1; }
    .course-tag-normal .course_count_down .count-down span {
      color: #ff544d; }

.fs22 {
  font-size: 22px !important; }

.pagination {
  text-align: center;
  margin: 20px 0;
  height: 30px;
  /* If supporting IE 6/7 */
  *zoom: 1; }
  .pagination:before, .pagination:after {
    content: "";
    display: table; }
  .pagination:after {
    clear: both; }
  .pagination a,
  .pagination span {
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 16px;
    display: inline-block;
    margin: 0 9px;
    color: #444444; }
  .pagination a:hover {
    background: #e9f7e7; }
  .pagination .active {
    background: #23b115;
    color: #ffffff; }
  .pagination .next,
  .pagination .prev,
  .pagination .home-page,
  .pagination .end-page {
    *width: 60px;
    width: 60px\0; }
    .pagination .next:hover,
    .pagination .prev:hover,
    .pagination .home-page:hover,
    .pagination .end-page:hover {
      background: transparent; }
  .pagination .next,
  .pagination .prev {
    width: 60px; }
  .pagination .disabled,
  .pagination .next.disabled,
  .pagination .prev.disabled {
    color: #999999; }

.eui.paqination {
  text-align: center;
  margin-bottom: 60px; }
  .eui.paqination a,
  .eui.paqination span.active {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    background: #fff;
    color: #999999;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin: 0 10px; }
    .eui.paqination a.active,
    .eui.paqination span.active.active {
      background: #fffd31; }
  .eui.paqination .next,
  .eui.paqination .prev {
    width: 80px;
    background: #fffd31; }
    .eui.paqination .next.disabled,
    .eui.paqination .prev.disabled {
      background: #e4e7f0;
      cursor: default; }

.goods-none {
  text-align: center;
  margin-bottom: 250px;
  margin-top: 60px;
  display: none; }
  .goods-none p {
    margin-top: 30px;
    font-size: 16px;
    color: #666666; }