@charset "UTF-8";
body {
  font-family: '微软雅黑', sans-serif;
  background-color: #fff;
}

.clearfix ::after {
  display: block;
  clear: both;
  content: ".";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.img-style {
  border-radius: 0.13333rem;
  display: block;
}

.student-img img {
  border-radius: 0.13333rem;
  display: block;
}

.student-img .s-title {
  height: 0.66667rem;
  width: 100%;
  line-height: 0.66667rem;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
}

.student-img .s-title i {
  font-size: 0.53333rem;
}

.student-img .s-title span {
  font-size: 0.53333rem;
}

.f24 {
  font-size: 0.32rem !important;
}

.f22 {
  font-size: 0.29333rem !important;
}

.f26 {
  font-size: 0.34667rem !important;
}

.f28 {
  font-size: 0.37333rem !important;
}

.f30 {
  font-size: 0.4rem !important;
}

.f32 {
  font-size: 0.42667rem !important;
}

.f34 {
  font-size: 0.45333rem !important;
}

.f54 {
  font-size: 0.72rem !important;
}

.f36 {
  font-size: 0.48rem !important;
}

.hide {
  display: none;
}

.borderBottom {
  border-bottom: 0.27773rem solid #f5f5f5;
}

.home-top-swiper {
  height: 4.4rem;
}

.banner img {
  display: block;
  width: 100%;
}

.banner .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.3);
}

.banner .swiper-pagination-bullet-active {
  background: white;
}

.midBDiv {
  font-size: 0;
  padding: 0.22213rem;
  height: 4.2rem;
}

.midBDiv a {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}

.midBDiv > div {
  display: inline-block;
  width: 47%;
  vertical-align: top;
  margin: 0 1%;
}

.midBDiv > .midBL {
  margin-left: 1%;
  margin-right: 2%;
}

.midBDiv > .midBR {
  width: 48%;
  margin: 0;
  margin-left: 1%;
}

.midBR a:nth-of-type(2) {
  margin-top: 0.33333rem;
}

.blockTitle {
  margin: 0;
  padding: 0.27773rem 0.22213rem;
  background: #fff;
  border-bottom: 1px solid #eeeeee;
}

.blockTitle:before {
  content: '';
  display: inline-block;
  width: 0.0888rem;
  height: 0.55547rem;
  margin-right: 0.22213rem;
  border-radius: 4px;
  vertical-align: middle;
  background: #FF5368;
}

.blockTitle strong {
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
}

.mores {
  float: right;
  color: #808080;
  margin-top: 0.05547rem;
}

.mores .icon-home-more-back {
  font-size: 0.13333rem;
}

.midSw a {
  display: block;
  padding: 0.22213rem 0.4444rem;
  color: #000;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.midSwPa {
  position: initial;
  padding-bottom: 0.3rem;
}

.midSwPa span {
  width: 16px;
  height: 4px;
  border-radius: 4px;
  animation: mySecond .3s forwards;
  -moz-animation: mySecond .3s forwards;
  -webkit-animation: mySecond .3s forwards;
  -o-animation: mySecond .3s forwards;
  opacity: 1;
}

.midSwPa span.swiper-pagination-bullet-active {
  animation: myfirst .3s forwards;
  -moz-animation: myfirst .3s forwards;
  -webkit-animation: myfirst .3s forwards;
  -o-animation: myfirst .3s forwards;
}

.courseNav {
  font-size: 0;
  text-align: center;
  margin-top: 0.33333rem;
}

.courseNav a {
  display: inline-block;
  color: #000;
  background: #f6f6f6;
  border-radius: 0.11107rem;
  padding: 0.22213rem 0.2rem;
  margin: 0 0.11107rem;
}

.courseNav a.active {
  color: #fff;
  background: #ffb387;
}

.courseCon ul {
  display: none;
  font-size: 0;
  padding: 0 0.22213rem;
}

.courseCon ul.active {
  display: block;
}

.courseCon ul li {
  padding: 0.33333rem 0;
  border-bottom: 1px solid #f5f5f5;
}

.courseCon ul li a {
  position: relative;
  display: block;
  color: initial;
}

.courseCon ul li a > div {
  display: inline-block;
  vertical-align: top;
}

.courseImg {
  position: relative;
  width: 40%;
  border-radius: 0.11107rem;
  overflow: hidden;
  height: 2.222rem;
}

.keShi {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  margin: 0;
  padding-left: 0.13333rem;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  color: #fff;
}

.keShi i {
  font-size: 0.34667rem;
}

.courseTit {
  width: 58%;
  margin-left: 2%;
}

.courseTit h2 {
  font-weight: 400;
  margin: 0;
}

.courseType {
  position: relative;
  margin: 0.16653rem 0;
  color: #b0a7a7;
  padding-left: 0.5rem;
}

.coursePrice {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 58%;
  margin: 0;
}

.coursePrice > span {
  position: absolute;
  margin-right: 0.11107rem;
  bottom: 0;
}

.coursePrice p {
  position: absolute;
  bottom: -0.05547rem;
  margin: 0;
}

.coursePrice .oldPrice {
  color: #b0a7a7;
  margin-left: 0.22213rem;
  text-decoration: line-through;
}

.flag {
  right: 0;
  color: #5ddbff;
  border: 1px solid #5ddbff;
  padding: 0.05547rem 0.11107rem;
  border-radius: 0.11107rem;
}

.ceshiSw {
  padding: 0.4444rem 0.22213rem;
}

.ceshiSw .swiper-slide {
  color: initial;
  padding: 0.22213rem;
  border-radius: 0.11107rem;
  -webkit-box-shadow: 0 0 0.22213rem rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0.22213rem rgba(204, 204, 204, 0.5);
}

.ceshiSw .swiper-slide img {
  border-radius: 0.11107rem;
}

.ceshiSw .swiper-slide h2 {
  font-weight: 500;
  margin: 0.11107rem 0;
  text-align: justify;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ceshiSw .swiper-slide p {
  margin: 0.11107rem 0;
  color: #aaaaaa;
}

.tuijian i {
  color: #aaaaaa;
  font-size: 0.26667rem;
  margin-left: -0.02667rem;
}

.tuijian .active {
  color: #f8cd46;
  font-size: 0.26667rem;
}

.tuijian span {
  display: inline-block;
  width: 0.27773rem;
  height: 0.27773rem;
  background: url("../../../img/xin1.png") no-repeat center/100%;
}

.tuijian span.active {
  background: url("../../../img/xin2.png") no-repeat center/100%;
}

.colff6 {
  color: #ff680f;
}

.video-icon, .audio-icon {
  color: #b0a7a7;
  position: absolute;
  left: 0.02667rem;
  top: 0.04rem;
  font-size: 0.37333rem;
}

@keyframes myfirst {
  from {
    width: 16px;
    background: #aaaaaa;
  }
  to {
    width: 32px;
    background: #FF5368;
  }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */ {
  from {
    width: 16px;
    background: #aaaaaa;
  }
  to {
    width: 32px;
    background: #FF5368;
  }
}

@keyframes mySecond {
  from {
    width: 32px;
    background: #FF5368;
  }
  to {
    width: 16px;
    background: #aaaaaa;
  }
}

@-webkit-keyframes mySecond /* Safari 和 Chrome */ {
  from {
    width: 32px;
    background: #FF5368;
  }
  to {
    width: 16px;
    background: #aaaaaa;
  }
}

.img-block-div {
  display: block;
  font-size: 0.32rem;
  color: #666666;
  margin: auto;
  background-image: url("/mobileStatic/img/home/home.png");
  background-repeat: no-repeat;
  background-size: 4rem 2.26667rem;
  background-size: 2.66667rem 1.49333rem;
}

.img-block-1 {
  width: 0.70667rem;
  height: 0.57333rem;
  background-position: 0.02667rem -0.86667rem;
}

.img-block-2 {
  width: 0.66667rem;
  height: 0.64rem;
  background-position: -1.97333rem -0.84rem;
  position: relative;
  top: 0.08rem;
}

.img-block-3 {
  width: 0.81333rem;
  height: 0.58667rem;
  background-position: 0.08rem -0.05333rem;
}

.img-block-4 {
  width: 0.6rem;
  height: 0.58667rem;
  background-position: -1.01333rem -0.86667rem;
}

.img-block-5 {
  width: 0.81333rem;
  height: 0.58667rem;
  background-position: -0.90667rem -0.02667rem;
}

.img-block-6 {
  width: 0.81333rem;
  height: 0.62667rem;
  position: relative;
  top: 0.04rem;
  background-position: -1.92rem -0.02667rem;
}

.midNav {
  position: relative;
  height: 3.4rem;
  z-index: 1;
  font-size: 0;
  text-align: center;
  -webkit-box-shadow: 0 -0.11107rem 0.22213rem #e2eaeb;
          box-shadow: 0 -0.11107rem 0.22213rem #e2eaeb;
}

.midNav .midNav-item {
  position: relative;
  display: inline-block;
  width: 33%;
  margin-top: 0.26667rem;
}

.midNav .midNav-item a {
  display: block;
  margin: 0 0.11107rem;
}

.midNav .midNav-item img {
  display: block;
  width: 1.73333rem;
  margin: auto;
}

.midNav .midNav-item p {
  margin: 0.11107rem 0 0;
  font-size: 0.32rem;
  color: #666666;
}

.midNav .midNav-item .div-img {
  background-image: url(/mobileStatic/img/home/icons.png);
  background-position: 0px 0px;
  background-size: 5.33333rem;
  width: 1.73333rem;
  height: 1.73333rem;
  background-repeat: no-repeat;
  background-position: -130px 0px;
}

.midNav .midNav-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.24rem;
  background-color: #eeeeee;
  height: 0.58667rem;
  width: 0.02667rem;
}

.midNav .old-nav:after {
  background-color: #fff !important;
}
/*# sourceMappingURL=index.css.map */