* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

fieldset, img {
  border: 0;
  display: block;
}

ol, ul, dl {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

em, s, i {
  font-style: normal;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
  display: inline-block;
}

a:hover {
  text-decoration: none;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.video embed, .video object, .video iframe {
  width: 100%;
  height: auto;
}

a, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input {
  outline: 0 none;
}

body {
  background: #F7F8FA;
  overflow-x: hidden;
}

.banner {
  position: relative;
  z-index: 2;
  height: 3.23rem;
  background: url("../images/banner.png") no-repeat top center;
  background-size: contain;
  color: #FFF;
  font-size: 0.24rem;
}
.banner .days {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
}
.banner .days b {
  position: relative;
  display: inline-block;
  width: 0.3rem;
  height: 0.34rem;
  line-height: 0.34rem;
  background: #FFF;
  border-radius: 0.04rem;
  color: #599CFF;
  text-align: center;
  vertical-align: middle;
}
.banner .days b:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.16rem;
  background: #E2ECFF;
  border-radius: 0.04rem 0.04rem 0 0;
}
.banner .days b i {
  position: relative;
  z-index: 2;
}
.banner .search {
  position: absolute;
  top: 0.32rem;
  left: 4rem;
  height: 0.36rem;
  line-height: 0.36rem;
}
.banner .search b {
  display: inline-block;
  vertical-align: middle;
}
.banner .search .change {
  display: inline-block;
  width: 0.38rem;
  height: 0.38rem;
  background: url("../images/exchange.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
  -webkit-animation: mymove 1s infinite;
          animation: mymove 1s infinite;
}
.banner .year {
  position: absolute;
  top: 0.32rem;
  left: 2.52rem;
  width: 2rem;
  height: 0.36rem;
  line-height: 0.3rem;
  color: #FFF;
  font-size: 0.2rem;
  text-align: center;
}
.banner .btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.48rem;
  width: 2.67rem;
  height: 0.55rem;
  background: url("../images/btn_study.png") no-repeat;
  background-size: contain;
  text-align: center;
}

.mod-teacher {
  position: relative;
  z-index: 1;
  margin-top: -0.4rem;
  padding-left: 0.3rem;
  background: url("../images/bg_teacher.png") no-repeat top center;
  background-size: contain;
  overflow: hidden;
}
.mod-teacher ul {
  margin-top: 1.6rem;
}
.mod-teacher ul li {
  position: relative;
  float: left;
  margin-right: 0.2rem;
  padding: 0.2rem 0.3rem 0.2rem 0.2rem;
  width: 5.84rem;
  height: 2.8rem;
  background: #FFF;
  overflow: hidden;
}
.mod-teacher ul li.more {
  height: 3.9rem;
}
.mod-teacher ul li.more .ov .detail {
  -webkit-line-clamp: 8;
}
.mod-teacher ul li img {
  float: left;
  margin-right: 0.28rem;
  width: 2.36rem;
  height: 2.74rem;
  background: #EEE;
}
.mod-teacher ul li .ov {
  position: relative;
  overflow: hidden;
}
.mod-teacher ul li .ov .name {
  margin-top: 0.08rem;
  margin-bottom: 0.06rem;
  height: 0.42rem;
  line-height: 0.42rem;
  color: #171920;
  font-size: 0.3rem;
  font-weight: 600;
}
.mod-teacher ul li .ov .detail {
  color: #9597A5;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.mod-teacher ul li .ov .play {
  position: absolute;
  left: 2.86rem;
  bottom: 0.28rem;
  width: 1.66rem;
  height: 0.5rem;
  background: url("../images/play.png") no-repeat 0 0;
  background-size: contain;
}
.mod-teacher ul li .ov .more {
  position: absolute;
  bottom: -0.01rem;
  right: 0.1rem;
  width: 1rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background: #FFF;
  color: #599CFF;
  font-size: 0.24rem;
  text-align: right;
}
.mod-teacher ul li .ov .more span,
.mod-teacher ul li .ov .more i {
  display: inline-block;
  vertical-align: middle;
}
.mod-teacher ul li .ov .more i {
  width: 0.2rem;
  height: 0.1rem;
  background: url("../images/arrow.png") no-repeat;
  background-size: contain;
}
.mod-teacher ul li .detail-more {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0.24rem 0.53rem 0.24rem 0.4rem;
  width: 5.41rem;
  height: 2.72rem;
  background: rgba(17, 17, 17, 0.85);
  border-radius: 0.08rem;
  line-height: 0.38rem;
  color: #FFF;
  font-size: 0.24rem;
}
.mod-teacher ul li .detail-more .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.43rem;
  height: 0.43rem;
  background: url("../images/close.png") no-repeat;
  background-size: contain;
}

.mod-baokao .hd {
  margin: 0.6rem auto 0.3rem;
  width: 4.37rem;
  height: 0.81rem;
  background: url("../images/title_beikao.png") no-repeat top center;
  background-size: contain;
}
.mod-baokao .bd {
  margin: 0 auto;
  padding-bottom: 0.2rem;
  width: 6.88rem;
  background: url("../images/bg_dot.png") repeat #FFF 0 0;
}
.mod-baokao .top-title {
  margin-bottom: 0.06rem;
  height: 1.16rem;
  background: url("../images/title_jieduan.png") no-repeat top center;
  background-size: contain;
}
.mod-baokao .title {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 0.28rem;
  height: 0.47rem;
}
.mod-baokao .title span {
  display: inline-block;
  padding-left: 0.7rem;
  width: 1.5rem;
  height: 0.47rem;
  line-height: 0.47rem;
  color: #FFF;
  background: url("../images/tag.png") no-repeat top center;
  background-size: contain;
  color: #FFF;
  font-size: 0.24rem;
  font-weight: 600;
  vertical-align: top;
}
.mod-baokao .item {
  display: inline-block;
  position: relative;
  padding-top: 0.3rem;
  width: 100%;
}
.mod-baokao .item.first-child:after {
  content: " ";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0.8rem;
  width: 1rem;
  height: 0.3rem;
  background: url("../images/bg_dot.png") repeat #FFF 0 0;
}
.mod-baokao .item.last-child:after {
  content: " ";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0.8rem;
  width: 0.5rem;
  height: 0.3rem;
  background: url("../images/bg_dot.png") repeat #FFF 0 0;
}
.mod-baokao .item:before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1.09rem;
  width: 0.02rem;
  height: 100%;
  background: url("../images/line1.png") repeat-y 0 0;
  background-size: contain;
}
.mod-baokao .item li {
  position: relative;
  margin-top: 0.1rem;
  margin-bottom: 0.24rem;
  padding-left: 1.44rem;
  height: 0.42rem;
  line-height: 0.42rem;
  color: #171920;
  font-size: 0.3rem;
}
.mod-baokao .item li:before {
  content: " ";
  position: absolute;
  top: 60%;
  left: 0.98rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/dot.png") no-repeat;
  background-size: contain;
}
.mod-baokao .item li b,
.mod-baokao .item li i {
  display: inline-block;
  vertical-align: middle;
}
.mod-baokao .item li b {
  font-weight: 400;
}
.mod-baokao .item li i {
  margin-left: 0.05rem;
  width: 1.06rem;
  height: 0.46rem;
  background: url("../images/try.png") no-repeat;
  background-size: contain;
}

.mod-course {
  margin: 0.6rem 0;
  width: 7.5rem;
  overflow: hidden;
}
.mod-course .hd {
  margin: 0 auto 0.3rem;
  width: 7.65rem;
  height: 0.84rem;
  background: url("../images/title_course.png") no-repeat top center;
  background-size: contain;
}
.mod-course .bd {
  margin: 0 auto;
}
.mod-course .bd li {
  position: relative;
  float: left;
  margin-left: 0.24rem;
  width: 5.5rem;
  height: 7.4rem;
  background: url("../images/card_blue.png") no-repeat top center;
  background-size: contain;
}
.mod-course .bd li.list-yellow {
  background-image: url("../images/card_yellow.png") !important;
}
.mod-course .bd li.list-yellow .title:before {
  background-image: url("../images/dot_yellow_left.png");
}
.mod-course .bd li.list-yellow .title:after {
  background-image: url("../images/dot_yellow_right.png");
}
.mod-course .bd li.list-yellow .ico-people {
  background-image: url("../images/pepole_yellow.png") !important;
}
.mod-course .bd li.list-yellow .ico-heart {
  background-image: url("../images/heart_yellow.png") !important;
}
.mod-course .bd li.list-yellow .ico-book {
  background-image: url("../images/book_yellow.png") !important;
}
.mod-course .bd li.list-yellow .line i {
  color: #FFB251 !important;
}
.mod-course .bd li.list-green {
  background-image: url("../images/card_green.png") !important;
}
.mod-course .bd li.list-green .title:before {
  background-image: url("../images/dot_green_left.png");
}
.mod-course .bd li.list-green .title:after {
  background-image: url("../images/dot_green_right.png");
}
.mod-course .bd li.list-green .ico-people {
  background-image: url("../images/pepole_green.png") !important;
}
.mod-course .bd li.list-green .ico-heart {
  background-image: url("../images/heart_green.png") !important;
}
.mod-course .bd li.list-green .ico-book {
  background-image: url("../images/book_green.png") !important;
}
.mod-course .bd li.list-green .line-more {
  line-height: 0.36rem !important;
}
.mod-course .bd li.list-green .line i {
  color: #79CCD5 !important;
}
.mod-course .bd li .title {
  position: relative;
  line-height: 1.09rem;
  color: #FFF;
  font-size: 0.4rem;
  font-weight: 600;
  text-align: center;
}
.mod-course .bd li .title:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 1.15rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.44rem;
  height: 0.28rem;
  background: url("../images/dot_blue_left.png") no-repeat 0 0;
  background-size: contain;
}
.mod-course .bd li .title:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 1.15rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.44rem;
  height: 0.28rem;
  background: url("../images/dot_blue_right.png") no-repeat 0 0;
  background-size: contain;
}
.mod-course .bd li .item {
  margin: 0.4rem 0.2rem 0;
}
.mod-course .bd li .item .line {
  position: relative;
  margin-bottom: 0.4rem;
  padding-left: 0.96rem;
  height: 0.76rem;
  line-height: 0.76rem;
  color: #9598A2;
  font-size: 0.3rem;
}
.mod-course .bd li .item .line .ico {
  position: absolute;
  top: 0;
  left: 0.06rem;
  width: 0.76rem;
  height: 0.76rem;
}
.mod-course .bd li .item .line .ico.ico-people {
  background: url("../images/pepole_blue.png") no-repeat top center;
  background-size: contain;
}
.mod-course .bd li .item .line .ico.ico-heart {
  background: url("../images/heart_blue.png") no-repeat top center;
  background-size: contain;
}
.mod-course .bd li .item .line .ico.ico-book {
  background: url("../images/book_blue.png") no-repeat top center;
  background-size: contain;
}
.mod-course .bd li .item .line b {
  font-weight: 400;
}
.mod-course .bd li .item .line i {
  color: #5A9DFF;
}
.mod-course .bd li .price {
  margin: 0 0.3rem;
  height: 1.25rem;
  line-height: 1.25rem;
  border-top: 1px dashed #D0DCE1;
  color: #171921;
  font-size: 0.3rem;
  text-align: center;
}
.mod-course .bd li .price span,
.mod-course .bd li .price i,
.mod-course .bd li .price b {
  display: inline-block;
  vertical-align: middle;
}
.mod-course .bd li .price i {
  margin-top: 0.1rem;
}
.mod-course .bd li .price b {
  font-size: 0.46rem;
}
.mod-course .bd li .price i,
.mod-course .bd li .price b {
  color: #F36651;
}
.mod-course .bd li .actions {
  text-align: center;
}
.mod-course .bd li .actions .btn {
  display: inline-block;
  width: 2.25rem;
  height: 0.88rem;
  line-height: 0.88rem;
  border: 1px solid #D9DCE7;
  border-radius: 0.44rem;
  color: #171921;
  font-size: 0.3rem;
  text-align: center;
  vertical-align: top;
}
.mod-course .bd li .actions .btn.btn1 {
  background: #F36651;
  border-color: #F36651;
  color: #FFF;
}

.actions-btn {
  text-align: center;
}
.actions-btn .btn {
  width: 6.9rem;
  height: 0.98rem;
  line-height: 0.98rem;
  background: #649CF0;
  border-radius: 0.08rem;
  color: #FFF;
  font-size: 0.3rem;
  text-align: center;
}

.mod-clound {
  margin: 0.6rem auto 0;
  width: 6.9rem;
  height: 4.29rem;
  background: url("../images/banner_clound.png") no-repeat top center;
  background-size: contain;
}

.mod-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: url("../images/banner_text.png") no-repeat top center #FFF;
  background-size: cover;
}

.mod-detail {
  margin: 0 auto 0.5rem;
  width: 6.9rem;
  color: #0A2144;
  font-size: 0.28rem;
  line-height: 0.42rem;
}
.mod-detail b {
  font-size: 0.3rem;
}

.mod-video {
  margin-bottom: 0.5rem;
  margin-left: 0.22rem;
  overflow: hidden;
}
.mod-video .item {
  display: inline-block;
  width: 2.18rem;
  vertical-align: top;
}
.mod-video .item .img {
  display: inline-block;
  width: 2.16rem;
  height: 1.61rem;
  vertical-align: top;
}
.mod-video .item .img.img1 {
  background: url("../images/video1.png") no-repeat;
  background-size: contain;
}
.mod-video .item .img.img2 {
  background: url("../images/video2.png") no-repeat;
  background-size: contain;
}
.mod-video .item .img.img3 {
  background: url("../images/video3.png") no-repeat;
  background-size: contain;
}
.mod-video .item .text {
  margin-top: 0.26rem;
  height: 0.3rem;
  line-height: 0.3rem;
  color: #0A2144;
  font-size: 0.2rem;
  font-weight: 600;
  text-align: center;
}

.mod-pro {
  padding: 0.4rem;
  background: #F5F8FF;
  color: #171822;
  font-size: 0.4rem;
  font-weight: 600;
}
.mod-pro b {
  display: inline-block;
  width: 1.82rem;
  height: 0.39rem;
  background: url("../images/logo.png") no-repeat top center;
  background-size: contain;
  vertical-align: middle;
}

.mod-buy {
  margin: 0.25rem 0 0;
  padding-bottom: 0.5rem;
  height: 1.2rem;
  background: url("../images/bg_buy.png") no-repeat top center;
  background-size: cover;
  text-align: center;
}
.mod-buy .btn {
  display: inline-block;
  width: 2.8rem;
  height: 0.88rem;
  line-height: 0.88rem;
  border: 1px solid #649CF0;
  border-radius: 0.44rem;
  color: #649CF0;
  font-size: 0.3rem;
  text-align: center;
  vertical-align: middle;
}
.mod-buy .btn.btn1 {
  background: #649CF0;
  color: #FFF;
}

.mod-ensure {
  position: relative;
  z-index: 2;
  padding: 1.42rem 0.22rem 0 0;
  height: 8.9rem;
  background: url("../images/banner_ensure.png") no-repeat top center;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
.mod-ensure .btn {
  margin: 7.7rem auto 0;
  width: 4.99rem;
  height: 0.77rem;
  line-height: 0.77rem;
  color: #FFF;
  background: url("../images/btn_ensure.png") no-repeat;
  background-size: contain;
  font-size: 0.3rem;
  font-weight: 600;
  text-indent: -0.2rem;
  text-align: center;
  -webkit-animation: mymove 1s infinite;
          animation: mymove 1s infinite;
}

@-webkit-keyframes mymove {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes mymove {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}