.tit i {
  width: 4px;
  height: 17px;
  background: #da4249;
  display: inline-block;
  font-style: normal;
  margin-right: 4px;
  vertical-align: -2px;
}
.tit span {
  font-size: 18px;
  font-family: sourcehansanscn-normal, sourcehansanscn;
  font-weight: 400;
  color: #333333;
  line-height: 27px;
}
.course_left {
  width: 798px;
  background: #f6f6f6;
  margin-right: 29px;
  float: left;
  padding: 0 35px 100px 35px;
}
.course_left .title {
  padding: 36px 0 23px 0;
  border-bottom: 1px solid #e1e1e1;
}
.course_left .title a {
  display: inline-block;
  font-size: 18px;
  font-family: sourcehansanscn-normal, sourcehansanscn;
  font-weight: 400;
  color: #333;
  padding-right: 20px;
}
.course_left .title a:hover {
  color: #da4249;
}
.course_left .ysdw {
  margin-top: 30px;
}
.course_left .ysdw ul {
  margin-left: 30px;
}
.course_left .ysdw ul li {
  width: 144px;
  height: 185px;
  background:  no-repeat center bottom;
  background-size: contain;
  margin-top: 33px;
  float: left;
  position: relative;
  margin-right: 30px;
}
.course_left .ysdw ul li:hover .pic img {
  animation: rotate .5s linear infinite;
}
.course_left .ysdw ul li:nth-child(4n) {
  margin-right: 0;
}
.course_left .ysdw ul li a > img {
  width: 128px;
  height: 177px;
  display: block;
  margin-left: 8px;
}
.course_left .ysdw ul li .pic img {
  width: 37px;
  height: 37px;
  display: block;
  position: absolute;
  top: 70%;
  left: 50%;
  margin-left: -19px;
  margin-top: -19px;
}
.course_left .wrap ul {
  margin-left: 30px;
}
.course_left .wrap ul li {
  width: 151px;
  height: 204px;
  margin-top: 30px;
  float: left;
  position: relative;
  margin-right: 21px;
}
.course_left .wrap ul li:nth-child(4n) {
  margin-right: 0;
}
.course_left .wrap ul li img {
  width: 100%;
  height: 100%;
  display: block;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.course_right {
  width: 373px;
  background: #f6f6f6;
  margin-right: 0;
  float: left;
  padding: 36px 30px 215px 30px;
}
.course_right .title_rht {
  height: 42px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 23px;
}
.course_right .title_rht span {
  font-size: 19px;
  color: #e8343d;
  display: inline-block;
  height: 42px;
  line-height: 40px;
  border-bottom: 2px solid #e8343d;
  font-weight: 800;
}
.course_right .content a {
  display: block;
  margin-bottom: 24px;
}
.course_right .content a:last-child {
  margin-bottom: 0;
}
.course_right .content img {
  width: 304px;
  height: 411px;
  border: 1px solid #979797;
  display: block;
}
.top {
  margin-top: 40px;
}