@charset "utf-8";
.layout {
  width: 1300px;
  margin: 0 auto;
}
.container {
  overflow: hidden;
  margin-top: 20px;
}
.container-white {
  overflow: hidden;
  margin-top: 20px;
  background-color: #fff;
}
.container-nc {
  overflow: hidden;
  margin-top: 20px;
  background-color: initial;
}
.column-1 {
  width: 8.33333333%;
  float: left;
}
.column-2 {
  width: 16.66666667%;
  float: left;
}
.column-3 {
  width: 25%;
  float: left;
}
.column-4 {
  width: 33.33333333%;
  float: left;
}
.column-5 {
  width: 41.66666667%;
  float: left;
}
.column-6 {
  width: 50%;
  float: left;
}
.column-7 {
  width: 58.33333333%;
  float: left;
}
.column-8 {
  width: 66.66666667%;
  float: left;
}
.column-9 {
  width: 75%;
  float: left;
}
.column-10 {
  width: 83.33333333%;
  float: left;
}
.column-11 {
  width: 91.66666667%;
  float: left;
}
.column-12 {
  width: 100%;
  float: left;
}
* {
  margin: 0;
  padding: 0;
  color: #F5F5F5;
  box-sizing: border-box;
}
ul,
li,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: 500;
}
img {
  display: block;
}
.inline {
  display: inline;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.over {
  overflow: hidden;
}
html {
  font-family: "Microsoft YaHei";
}
.text-14 {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.text-right {
  text-align: right;
}
.mr40 {
  margin-right: 40px!important;
}
.mt3 {
  margin-top: 3px;
}
.mt7 {
  margin-top: 7px;
}
.mt10 {
  margin-top: 10px!important;
}
input,
textarea {
  outline: 0;
}
::-webkit-input-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}
/* 使用webkit内核的浏览器 */
:-moz-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}
/* Firefox版本4-18 */
::-moz-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}
/* Firefox版本19+ */
:-ms-input-placeholder {
  font-size: 14px;
  color: #a5a5a5;
}
.limit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.img-circle {
  border-radius: 50%;
}
.limit-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.last {
  margin-right: 0!important;
}
.overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input,
textarea {
  outline: 0;
}
::-webkit-input-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}
/* 使用webkit内核的浏览器 */
:-moz-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}
/* Firefox版本4-18 */
::-moz-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}
/* Firefox版本19+ */
:-ms-input-placeholder {
  font-size: 14px;
  color: #a5a5a5;
}
.limit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.img-circle {
  border-radius: 50%;
}
.bg-c-white {
  background-color: #fff;
}
.border-b {
  border-bottom: 1px solid #f4f4f4;
}
.fs14 {
  font-size: 14px;
}
.fs26 {
  font-size: 26px;
}
.txt-c-32 {
  color: #323232;
}
.pr-20 {
  padding-right: 20px;
}
.pl-20 {
  padding-left: 20px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-40 {
  padding-bottom: 40px;
}
.mr40 {
  margin-right: 40px!important;
}
.mt3 {
  margin-top: 3px;
}
.mt7 {
  margin-top: 7px;
}
.mt10 {
  margin-top: 10px!important;
}
.mt40 {
  margin-top: 40px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.ml20 {
  margin-left: 20px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.l-h-26 {
  line-height: 26px;
}
.p-30-30-60-30 {
  padding: 30px 30px 60px 30px;
}
a:hover {
  color: #264a9d !important;
}
body {
  background-color: #f2f9f6;
}
.courseList-wrap {
  padding: 13px 30px 60px;
}
.courseList-wrap .courseList-title {
  border-bottom: 1px solid #e5e5e5;
}
.courseList-wrap .courseList-title span {
  display: inline-block;
  padding-bottom: 11px;
  font-size: 22px;
  color: #333333;
  line-height: 29px;
  font-weight: bold;
  border-bottom: 2px solid #264a9d;
}
.courseList-category {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.courseList-category p {
  padding: 10px 0 0;
}
.courseList-category p a {
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  margin-right: 30px;
}
.courseList-category p span {
    margin-right: 10px;
    margin-left: -17px;
    color: #333333;
}
.courseList-category p .cur {
  color: #264a9d;
}
.courseList-image .courseList-itme {
  width: 1150px;
}
.courseList-image .courseList-itme .courseList-list {
  width: 260px;
  height: 220px;
  float: left;
  margin-right: 27px;
  margin-bottom: 33px;
}
.courseList-list .itme-images img {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #f4f4f4;
}
.courseList-list .itme-txt p {
  max-height: 40px;
  margin: 12px 0 8px;
  overflow: hidden;
}
.courseList-list .itme-txt p a {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
}
.courseList-list .itme-txt span {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #757575;
}
.courseList-list:hover .itme-txt a {
  color: #264a9d;
}
.courseList-title {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.courseList-title span {
  display: inline-block;
  padding-bottom: 11px;
  font-size: 22px;
  color: #333333;
  line-height: 29px;
  font-weight: bold;
  border-bottom: 2px solid #264a9d;
}