.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1;
  }



body {
  background: #f7f7f7; }

.layout {
  width: 1188px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  margin: 0 auto; }

.content {
  background: #fff;
  padding: 12px 12px 30px;
  margin-top: 30px; }
  .content .panel-header {
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding: 0px 15px;
    margin-top: 6px; }
    .content .panel-header .classify-wrap {
      border-bottom: 1px solid #eaeaea;
      padding: 7px 0; }
      .content .panel-header .classify-wrap:last-child {
        border-bottom: none; }
      .content .panel-header .classify-wrap .lable {
        float: left;
        font-size: 14px;
        color: #242424;
        line-height: 34px;
        width: 80px; }
    .content .panel-header .classify {
      float: left;
      width: 980px;
      font-size: 0; }
      .content .panel-header .classify a, .content .panel-header .classify span {
        display: inline-block;
        font-size: 14px;
        color: #242424;
        line-height: 34px;
        margin-right: 25px; }
        .content .panel-header .classify a.cur, .content .panel-header .classify span.cur {
          color: #c0130d; }
        .content .panel-header .classify a:hover, .content .panel-header .classify span:hover {
          color: #c0130d; }
        .content .panel-header .classify a:last-child, .content .panel-header .classify span:last-child {
          margin-right: 0; }
    .content .panel-header .sub-classify {
      width: 1045px; }
    .content .panel-header .all-one-level {
      width: auto; }
    .content .panel-header .more-wrap {
      float: right; }
    .content .panel-header .more-wrap:hover .more img {
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transition: 0.3s; }
    .content .panel-header .more {
      font-size: 14px;
      color: #999;
      line-height: 34px;
      position: relative;
      z-index: 3; }
      .content .panel-header .more img {
        display: inline-block;
        margin-left: 10px; }
    .content .panel-header .sort {
      float: none;
      width: auto; }
      .content .panel-header .sort .last-link i {
        display: inline-block;
        margin-left: 3px;
        width: 13px;
        height: 14px;
        vertical-align: middle;
        background: url(../images/ico-sort.png) 0px 0px no-repeat; }
    .content .panel-header .poplayer {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      width: 1164px;
      padding: 30px 70px 10px 30px;
      font-size: 0;
      background: #fff;
      border: 1px solid #c0130d;
      min-height: 350px; 
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  }
      .content .panel-header .poplayer a, .content .panel-header .poplayer span {
        display: inline-block;
        font-size: 14px;
        color: #242424;
        line-height: 34px;
        margin-right: 25px;
        margin-bottom: 10px; }
        .content .panel-header .poplayer a.cur, .content .panel-header .poplayer span.cur {
          color: #c0130d; }
        .content .panel-header .poplayer a:hover, .content .panel-header .poplayer span:hover {
          color: #c0130d; }
        .content .panel-header .poplayer a:last-child, .content .panel-header .poplayer span:last-child {
          margin-right: 0; }
  .content .panel-body {
    margin-top: 20px;
    width: 100%;
    overflow: hidden; }
    .content .panel-body .course-list {
      width: 1184px; }
    .content .panel-body .item {
      width: 220px;
      height: 196px;
      float: left;
      margin: 0 16px 40px 0; }
      .content .panel-body .item:hover .item-bd .title {
        color: #c0130d; }
    .content .panel-body .item-hd img {
      width: 220px;
      height: 127px; }
    .content .panel-body .item-hd  {
      height: 127px; }

    .content .panel-body .item-bd {
      margin-top: 8px; }
      .content .panel-body .item-bd .title {
        height: 36px;
        line-height: 18px;
        font-size: 15px;
        color: #333;
        overflow: hidden; }
      .content .panel-body .item-bd .sub-title {
        text-align: right;
        height: 20px;
        line-height: 20px;
        margin-top: 5px; }
        .content .panel-body .item-bd .sub-title span {
          display: inline-block;
          font-size: 14px;
          color: #828282;
          width: 47%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .content .panel-body .item-bd .sub-title .name {
          float: left;
          text-align: left;
          width: 53%; }

.panel-footer .page-wrap {
  position: relative;
  text-align: center;
  zoom: 1;
  display: inline-block; }
.panel-footer .page-wrap:before,
.panel-footer .page-wrap:after {
  content: "";
  display: table; }
.panel-footer .page-wrap:after {
  clear: both;
  overflow: hidden; }
.panel-footer .page-wrap span {
  padding: 2px 5px;
  margin: 2px;
  color: #666;
  text-decoration: none;
  font-size: 15px; }
.panel-footer .page-wrap .active {
  padding: 2px 5px;
  margin: 5px;
  color: #666;
  text-decoration: none;
  font-weight: bold; }
.panel-footer .page-wrap a {
  border: #ddd 1px solid;
  padding: 2px 5px;
  margin: 5px;
  color: #666;
  text-decoration: none;
  font-size: 15px; }
.panel-footer .page-wrap a:hover {
  color: #c0130d;
  border-color: #c0130d; }
.panel-footer .page-wrap .next,
.panel-footer .page-wrap .prev {
  font-size: 15px; }
.panel-footer .now,
.panel-footer .count {
  padding: 0 5px;
  color: #f00; }
.panel-footer .eg img {
  max-width: 800px;
  min-height: 500px; }
.panel-footer input {
  float: left;
  margin: 0 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #fff;
  border: 1px solid #ebebeb;
  outline: none;
  color: #bdbdbd;
  font-size: 14px; }
.panel-footer .custom-style {
  border: #ddd 1px solid;
  padding: 2px 5px;
  margin: 5px;
  color: #666;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold; }

/*# sourceMappingURL=courseList.css.map */