.m-trial-class {
  height: 100%;
}
.m-trial-class.add-tit-bg {
  background: url(../../images/common/title_bg.png) no-repeat;
  width: 6.4rem;
  min-height: 4.68rem;
  background-size: 100% auto;
}
.m-trial-class .swiper-button-next,
.m-trial-class .swiper-button-prev {
  top: -0.55rem;
  background-image: none;
}
.m-trial-class .swiper-button-next img,
.m-trial-class .swiper-button-prev img {
  width: 0.22rem;
  height: 0.25rem;
}
.m-trial-class .swiper-button-next {
  right: 0.37rem;
}
.m-trial-class .trial-class-list {
  margin-left: -0.06rem;
  margin-top: 0.4rem;
}
.m-trial-class .trial-class-list li {
  position: relative;
  width: 2.86rem;
  height: 1.59rem;
  margin-left: 0.26rem;
  float: left;
  margin-bottom: 0.26rem;
}
.m-trial-class .trial-class-list li img {
  width: 2.86rem;
  height: 1.59rem;
  border-radius: 0.06rem;
}
.m-trial-class .trial-class-list li i {
  position: absolute;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: url(../../images/common/bo_icon.png) no-repeat;
  background-size: cover;
  bottom: 0.14rem;
  right: 0.14rem;
}
.m-trial-class .check-more-btn {
  width: 2.63rem;
  margin: 0 auto;
  clear: both;
  padding-top: 0.2rem;
}
.m-trial-class .check-more-btn a {
  display: block;
  width: 2.63rem;
  height: 0.55rem;
  background: linear-gradient(180deg, #f97a04 0%, #f7c85a 100%);
  border: 0.01rem solid #FFBB9C;
  letter-spacing: 0.02rem;
  text-shadow: 0px 0.01rem 0.02rem #FF6430;
  font-size: 0.25rem;
  border-radius: 0.55rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.55rem;
}