.commons {
  width: 1200px;
  margin: 0 auto;
}

.gmlst {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.gmlst a {
  width: 388px;
  height: 130px;
}

.gmlst a img {
  width: 100%;
  height: 100%;
}

.course .title {
  height: 126px;
  margin: 34px auto 0;
}

.course .title.sort1 {
  background: url("../img/t01.png") no-repeat center;
}

.course .title.sort2 {
  background: url("../img/t02.png") no-repeat center;
}

.course .title.sort3 {
  background: url("../img/t03.png") no-repeat center;
}

.course .title.sort4 {
  background: url("../img/t04.png") no-repeat center;
}

.course .title.sort5 {
  background: url("../img/t05.png") no-repeat center;
}

.course .title.sort6 {
  background: url("../img/t06.png") no-repeat center;
}

.course .title.sort7 {
  background: url("../img/t07.png") no-repeat center;
}

.course>.commonsw{
    overflow: hidden;
}
.course .ourder {
    margin-right:-59px;
}

.course .ourder li {
    float:left;
    margin-right: 42px;
  border-radius: 20px;
  width: 270px;
  height: 280px;
  margin-bottom: 40px;
  overflow: hidden;
  font-size: 0;
  box-shadow: 0 0 10px #e8e8e8;
  background-color: #fff;
  transition: transform .3s ease-in-out;
}

.course .ourder li:hover {
  transform: translate3d(0, -10px, 0);
}

.course .ourder li:hover .course_title {
  color: #23ac38;
}

.course .ourder li > a {
  display: block;
  position: relative;
  height: calc(280px - 201px);
  padding: 181px 20px 20px 20px;
}

.course .ourder li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 181px;
  overflow: hidden;
}

.course .ourder li .course_title {
  margin-top: 4px;
  width: 100%;
  font-size: 18px;
  color: #000;
  line-height: 56px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.course .ourder .bottoms > span {
  display: block;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #7e7e7e;
  line-height: 16px;
}

.course .ourder .bottoms > span i {
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-right: 10px;
  background: url("../img/liu.png") no-repeat center;
  background-size: contain;
}

.course .ourder .mian {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 68px;
  height: 30px;
  border-radius: 50px;
  border: 1px solid #914670;
  font-size: 16px;
  color: #914670;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
}

.course .ourder .monery {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 100px;
  height: 30px;
  font-size: 18px;
  color: #f24731;
  line-height: 30px;
  text-align: right;
}

.course .ourder .monery i {
  font-size: 14px;
}

.clasfry {
  padding: 46px 0 22px;
}

.clasfry span {
  display: block;
  font-size: 14px;
  color: #585858;
  line-height: 32px;
  margin-bottom: 30px;
}

.clasfry span p {
  display: inline-block;
  margin-right: 33px;
}

.clasfry span a {
  display: inline-block;
  font-size: 14px;
  color: #585858;
  line-height: 32px;
  padding: 0 24px;
  border-radius: 5px;
  margin-right: 18px;
}

.clasfry span a.active {
  background-color: #23ac38;
  color: #fff;
}

.clasfry span a:hover {
  background-color: #23ac38;
  color: #fff;
}

.minav {
  display: block;
  padding: 52px 0 34px;
  font-size: 14px;
  color: #999;
  line-height: 14px;
}

.minav a {
  font-size: 14px;
  color: #999;
  line-height: 14px;
}

.minav a:hover {
  color: #000;
  text-decoration: underline;
}

.boxplay {
  height: 620px;
  background-color: #000;
}

.titlex {
  padding-top: 20px;
}

.titlex h6 {
  font-size: 16px;
  color: #000;
  line-height: 86px;
  border-bottom: 1px solid #eee;
}

.titlex ul li {
  height: 72px;
  overflow: hidden;
}

.titlex ul li.active {
  background-color: #ebebec;
}

.titlex ul li.active .ritxt .zanting {
  display: block;
}

.titlex ul li.active .ritxt .bofang {
  display: none;
}

.titlex ul li:hover {
  background-color: #ebebec;
}

.bitmas .letxt, .titlex ul li .letxt {
  float: left;
  width: 924px;
  padding-left: 30px;
  font-size: 16px;
  color: #666;
  line-height: 72px;
}

.bitmas .letxt p, .titlex ul li .letxt p {
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 795px;
}

.bitmas .letxt time, .titlex ul li .letxt time {
  float: right;
}

.bitmas .ritxt, .titlex ul li .ritxt {
  float: right;
  width: 160px;
}

.bitmas .ritxt i, .titlex ul li .ritxt i {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-color: #49a9d0;
  background-size: contain;
  margin-right: 18px;
  border-radius: 100%;
  text-align: center;
  line-height: 42px;
  font-size: 26px;
  color: #fff;
  vertical-align: sub;
}

.bitmas .ritxt b, .titlex ul li .ritxt b {
  font-size: 16px;
  color: #23ac38;
  line-height: 72px;
}

.bitmas .ritxt .bofang, .titlex ul li .ritxt .bofang {
  display: block;
}

.bitmas .ritxt .zanting, .titlex ul li .ritxt .zanting {
  display: none;
}

.bitmas .ritxt .zanting i, .titlex ul li .ritxt .zanting i {
  background-color: #23ac38;
}

.header_info {
  overflow: hidden;
  height: 222px;
  margin-bottom: 35px;
}

.header_info .lets {
  float: left;
  width: 400px;
  height: 222px;
  overflow: hidden;
  border-radius: 5px;
}

.header_info .lets img {
  width: 100%;
  height: 100%;
}

.header_info .rsts {
  float: right;
  width: 766px;
}

.header_info .rsts h4 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #000;
  line-height: 30px;
}

.header_info .rsts > p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
  line-height: 26px;
}

.header_info .rsts .txt3 {
  margin-bottom: 30px;
}

.header_info .rsts > span {
  display: block;
  overflow: hidden;
}

.header_info .rsts > span p {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  margin-right: 16px;
  float: left;
}

.jindus {
  float: left;
  position: relative;
  height: 30px;
  background-color: #eee;
}

.jindus .dus {
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  background-color: #e9e0e5;
}

.jindus .solt {
  z-index: 2;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  font-size: 16px;
  color: #999;
  line-height: 26px;
  letter-spacing: 1px;
}

.mudls > dd.active .iscommont .iconfont {
  margin-bottom: -5px;
  width: 18px;
  height: 10px;
  background-image: url("../img/bbicon.png");
}

.mudls .curr > .iscommont .iconfont {
  margin-bottom: -5px;
  width: 18px;
  height: 10px;
  background-image: url("../img/bbicon.png");
}

.mudls > dd dl {
  display: none;
}

.mudls dd {
  cursor: pointer;
}

.mudls .iscommont {
  position: relative;
}

.mudls .iscommont.paddings {
  padding-left: 20px;
  border-bottom: 1px solid #e6e6e6;
}

.mudls .iscommont.paddings p {
  font-size: 14px;
  color: #333;
  line-height: 80px;
}

.mudls .iscommont p {
  font-size: 16px;
  color: #333;
  line-height: 64px;
  font-weight: 600;
}

.mudls .iscommont > .iconfont {
  position: absolute;
  right: 131px;
  bottom: 50%;
  margin-bottom: -7px;
  width: 8px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/ricon.png");
}

.mudls .bitmas, .mudls .titlex ul li, .titlex ul .mudls li {
  position: relative;
  background-color: #ededed;
  height: 74px;
  border-bottom: 1px solid #e6e6e6;
}

.mudls .bitmas.active .zanting, .mudls .titlex ul li.active .zanting, .titlex ul .mudls li.active .zanting {
  display: block;
}

.mudls .bitmas.active .bofang, .mudls .titlex ul li.active .bofang, .titlex ul .mudls li.active .bofang {
  display: none;
}

.mudls .bitmas .dus, .mudls .titlex ul li .dus, .titlex ul .mudls li .dus {
  position: absolute;
  top: 0;
  left: 0;
  height: 74px;
  background-color: #e8dfe4;
}

.mudls .bitmas .solt, .mudls .titlex ul li .solt, .titlex ul .mudls li .solt {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.mudls .bitmas .solt .letxt p, .mudls .titlex ul li .solt .letxt p, .titlex ul .mudls li .solt .letxt p, .mudls .bitmas .solt .letxt time, .mudls .titlex ul li .solt .letxt time, .titlex ul .mudls li .solt .letxt time {
  color: #8b8b8b;
}

.mudls .bitmas .solt .zanting i, .mudls .titlex ul li .solt .zanting i, .titlex ul .mudls li .solt .zanting i {
  font-size: 56px;
  color: #23ac38;
  background-color: inherit;
  margin: 15px 0 0 -5px;
  vertical-align: -14px;
}

.mudls .bitmas .solt .zanting b, .mudls .titlex ul li .solt .zanting b, .titlex ul .mudls li .solt .zanting b {
  margin-left: 15px;
  font-size: 14px;
}