@media screen and (max-width:768px) {
  .web-path {
    display: none;
  }
}

@media screen and (min-width:768px) {
  .mobile-path {
    display: none;
  }
}
.footer .foot-contain .left-path .go-top img {
    z-index: 100;
}
.ad-wrapper{
  position: sticky;
  bottom: 0;
  z-index: 100;
}
.ad-wrapper .bg{
  position: relative;
}
.ad-wrapper .buy-btn{
  position: absolute;
  bottom: 7%;
  right: 20%;
  width: 13%;
}
.code{
  display: none;
  position: absolute;
  bottom: 35%;
  right: 21.3%;
  width: 10%;
}
.code.active{
  display: block;
}
.mobile-path .buy-btn{
  position: absolute;
  bottom: 6%;
  right: 10%;
  width: 20%;
}
.mobile-path .code{
  display: none;
  position: absolute;
  bottom: 43%;
  right: 7.5%;
  width: 23%;
}
.mobile-path .code.active{
  display: block;
}

.first-tit-icon {
  margin: 84px 0 37px;
  text-align: center;
}

.first-tit-icon img {
  width: 554px;
}

.first-content-img {
  text-align: center;
}

.first-content-img img {
  width: 1100px;
}

.second-tit-icon {
  margin: 53px 0 21px;
  text-align: center;
}

.second-tit-icon img {
  width: 534px;
}

.web-path .course-path {
  width: 1200px;
  margin: 0 auto;
}

.web-path .course-path .left-menu {
  box-sizing: border-box;
  width: 270px;
  margin-right: 12px;
  background: #FFFFFF;
  /* border: 1px solid #D2D2D2; */
  padding: 0 7px 100px;
  border-top: 2px solid #F99B8D;
  border-left: 2px solid #F99B8D;
  border-right: 4px solid #F99B8D;
  border-bottom: 4px solid #F99B8D;
}

.web-path .course-path .menu-title {
  height: 62px;
  line-height: 62px;
  font-size: 25px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FF9080;
  text-shadow: 3px 3px 4px rgba(174, 96, 85, 0.48);
  /* -webkit-text-stroke: 2px #FFFFFF;
  text-stroke: 2px #FFFFFF; */
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 60px;
  /* padding: 10px 0 10px 16px; */
}

.web-path .menu-list-box .dad-list {
  cursor: pointer;
  margin-bottom: 17px;
}

.web-path .menu-list-box .dad-list .name {
  position: relative;
  height: 47px;
  line-height: 47px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  padding-left: 16px;
  background: url('../images/course_menu_bg.png') center center no-repeat;
  background-size: 100% 47px;
  box-shadow: 0px 2px 5px #333;
  border-radius: 16px;
}

.web-path .menu-list-box .dad-list.active .son-list {
  color: #FF8162;
}

.web-path .menu-list-box .dad-list .icon-arrow {
  position: absolute;
  top: 15px;
  right: 12px;
  width: 11px;
  height: 6px;
  background: url('../images/m-icon-arrow-down.png') center center no-repeat;
  background-size: 11px 6px;
}

.web-path .menu-list-box .dad-list.active .icon-arrow {
  transform: rotate(-180deg);
}

.web-path .menu-list-box .sub-list-box {
  display: none;
  padding-top: 15px;
}

.web-path .menu-list-box .dad-list.active .sub-list-box {
  display: block;
}

.web-path .menu-list-box .sub-list-box .son-list {
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  color: #BCBCBC;
  text-align: center;
}

.web-path .menu-list-box .sub-list-box .son-list:not(:last-child) {
  position: relative;
  /* border-bottom: 1px solid #E6E6E6; */
}

.web-path .menu-list-box .sub-list-box .son-list:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 6%;
  width: 88%;
  height: 1px;
  background: #E6E6E6;
}

.web-path .course-list-box {
  width: 900px;
}

.web-path .course-list-box .list {
  float: left;
  width: 435px;
  margin-right: 30px;
  margin-bottom: 37px;
}

.web-path .course-list-box .list:nth-child(2n) {
  margin-right: 0;
}

.web-path .course-list-box .list .title {
  font-size: 28px;
  color: #595855;
  font-weight: bold;
  margin: 14px 0 6px;
}

.web-path .course-list-box .list .content {
  height: 112px;
  font-size: 20px;
  color: #9B9FA3;
  text-indent: 2em
}

.web-path .course-list-box .list .btn-detail {
  width: 132px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  background: #F99B8D;
  border-radius: 16px;
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 30px;
}

.third-tit-icon {
  margin: 72px 0 25px;
  text-align: center;
}

.third-tit-icon img {
  width: 667px;
}

.study-people {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
}

.study-people .swiper-wrapper .swiper-slide {
  height: 462px;
  background-color: #FBAFAA;
}

.study-people .swiper-button-next {
  right: -60px;
}

.study-people .swiper-button-prev {
  left: -60px;
}

.study-people .swiper-button-prev {
      left: -79px;
    width: 50px;
    height: 95px;
    background: #FACFA1 url(../images/icon-arrow-left.png) 11px center no-repeat;
    background-size: 17px 45px;
    border-radius: 10px;
    outline: none;
}

.study-people .swiper-button-prev:after {
  content: none;
}

.study-people .swiper-button-next,
.study-people .swiper-button-prev {
  position: absolute;
  top: 46%;
  cursor: pointer;
}

.study-people .swiper-button-next {
     right: -79px;
    width: 50px;
    height: 95px;
    background: #FACFA1 url(../images/icon-arrow-right.png) 22px center no-repeat;
    background-size: 17px 45px;
    border-radius: 10px;
    outline: none;
}

.study-people .swiper-button-next:after {
  content: none;
}

.mobile-path .title-path {
  text-align: center;
  padding-top: .6rem;
}

.mobile-path .title-path .title {
  font-size: .33rem;
  font-weight: bold;
  color: #4F5354;
}

.mobile-path .title-path .sub-title {
  position: relative;
  font-size: .28rem;
  color: #CDCDCD;
}

.mobile-path .title-path .sub-title::after {
  content: '';
  position: absolute;
  left: 38%;
  bottom: -.25rem;
  width: 24%;
  height: 1px;
  background-color: #F18B5B;
}

.mobile-path .pic-list-box {
  padding: .76rem .86rem .34rem;
}

.mobile-path .pic-list-box img {
  margin-bottom: .14rem;
}

.mobile-path .foot-title-path {
  background-color: #fff;
  padding: 0 0 0 0;
}

.mobile-path .type-box {
  margin-top: .4rem;
  padding: 4%;
}

.mobile-path .type-box .list {
  float: left;
  width: 25%;
  font-size: .33rem;
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  padding: .2rem 0;
}

.mobile-path .type-box .list.active {
  color: #F79D65;
}

.mobile-path .type-box .line {
  position: relative;
}

.mobile-path .type-box .line::after {
  content: '';
  position: absolute;
  top: 0.27rem;
  right: 0;
  width: 1px;
  height: .4rem;
  background-color: #EBECEE;
}

.mobile-path .type-link-box {
  padding: .2rem .3rem;
}

.mobile-path .type-link-box .list {
  box-sizing: border-box;
  margin-bottom: .2rem;
  padding: .3rem;
  background-color: #fff;
  border-radius: .13rem;
}

.mobile-path .type-link-box .list img {
  width: 2.48rem;
  height: 1.5rem;
}

.mobile-path .type-link-box .list .right-path {
  box-sizing: border-box;
  width: 3.8rem;
  padding-left: .31rem;
}

.mobile-path .type-link-box .list .right-path .title {
  height: .75rem;
  font-size: .27rem;
  font-family: Microsoft YaHei;
  color: #000000;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mobile-path .type-link-box .list .bottom-path {
  margin-top: .4rem;
}

.mobile-path .type-link-box .list .bottom-path .type {
  font-size: .25rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #EB4F46;
}

.mobile-path .type-link-box .list .bottom-path .detail {
  font-size: .21rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #919191;
}

.mobile-path .study-people-say {
  background-color: #fff;
}

#study {
      padding: 0rem 0 .57rem;
}

#study .swiper-wrapper .swiper-slide {
  /* width: 3.4rem!important; */
  height: 3.45rem;
  background-color: #FBAFAA;
}