/* banner */
.banner {
  background: url(https://assets-cdn.lanqb.com/toushi/img/banner-bg.png) no-repeat center center;
  background-size: 100% 100%;
}
.container-wrapper {
  background: url(https://assets-cdn.lanqb.com/toushi/img/bg.jpg) repeat-y center top;
  background-size: 100% auto;
}
.content-wrapper .container{
  position: relative;
  z-index: 2;
}
.banner img {
  position: absolute;

}

.banner img:nth-child(1) {
  left: 19.32%;
  top: 25.20%;
  height: 34.60%;
}

.banner img:nth-child(2) {
  left: 20.52%;
  top: 55.40%;
  height: 23.20%;
}

.banner img:nth-child(3) {
  left: 47.66%;
  top: 6.60%;
  height: 13.40%;
}

.banner img:nth-child(4) {
  left: 13.96%;
  top: 66.6%;
  height: 20%;
}

.banner img:nth-child(5) {
  left: 53.96%;
  height: 100%;
}

/* part0 */
.part0 {
  /* position: absolute; */

}


/* 熱門推荐 */
.part0 h2 {
  font-size: 30px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  margin-top: 47px;
}

.part0 h2 img {
  margin-right: 11px;
  width: 32px;
  vertical-align: -0.4ex;
}


/* 描述 */
.part0-des {
  line-height: 63px;
  font-size: 22px;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  background-color: #fff;
}

.part0-des .arrow {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(https://assets-cdn.lanqb.com/toushi/img/arrow.png) no-repeat center center;
  background-size: 100% 100%;
  vertical-align: -.2ex;
  margin-left: 8px;
}
.w-flex li.nav-link{
      border: 1px solid #DEDEDE;
}
.w-flex li {
  border-radius: 5px;
  width: 24.2%;
}
.w-flex.two li {
  width: 49.2%;
}
/* nav */
.ts-nav {
  background-color: rgba(247,250,255,1);
}
.ts-nav.w-nav .w-flex {
  color:rgba(255,255,255,1);
}
.ts-nav.w-nav .w-flex li.active {
  background-color: #FFC270;
  color: #fff;
}
.ts-nav.w-nav .w-flex li.active>a {
  color: #fff;
}
.nav-anchor {
  position: absolute;
  top: -40px;
}
/* part */
.part {}

/* 小标题 */
.part .little-title {
  text-align: left;
  margin-top: 50px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 31px;
  font-size: 34px;
}

.part .little-title>img {
  width: 34px;
  vertical-align: -.35ex;
  margin-right: 3px;
}

/* part下一个模块 */
.part .entry {}

.part .entry li {
  background: rgba(255, 255, 255, 1);
  border: 2px solid rgba(227, 227, 227, 1);
  border-radius: 5px;
  padding-top: 12px;
}

.part .part-item {
  width: 95.54%;
  margin: 0 auto;

}

.part .part-des {
  padding-left: 15px;
  text-align: left;
  font-size: 17px;
  font-weight: 500;
  line-height: 80px;
  color:rgba(102,102,102,1);
  white-space: nowrap;
}

/* part1 */
.part1 {
  /* background: url(https://assets-cdn.lanqb.com/toushi/img/section-bg1.png) no-repeat center center;
  background-size: 100% 100%; */
}

/* part2 */
.part2 {
  background: url(https://assets-cdn.lanqb.com/toushi/img/section-bg2.png) no-repeat center center;
  background-size: 100% 100%;
}

/* part3 */
.part3 {
  /* background: url(https://assets-cdn.lanqb.com/toushi/img/section-bg3.png) no-repeat center center;
  background-size: 100% 100%; */
}

/* part4 */
.part4 {
  background: url(https://assets-cdn.lanqb.com/toushi/img/section-bg4.png) no-repeat center center;
  background-size: 100% 100%;
}

/* part5 */

/* part8 */
.part8 {
  background: url(https://assets-cdn.lanqb.com/toushi/img/section-bg8.png) no-repeat center center;
  background-size: 100% auto;
}
.topics-more .topics-more-item span {
  background-color: #FFC270;
}
.banner {
  height: 500px;

}
@media (min-width:768px) {
  .part .part-des {
    padding-left: 0px;
    line-height: 49px;
    font-size: 12px;
  }
  .part .little-title {
    margin-top: 31px;
  }
  .w-flex li {
    margin-top: 13px;
  }
  .topics-more {
    margin-top: 43px;
  }
  /* 最外层容器 */
  .container-wrapper {}

  
  /* 每部分公共样式 */
  .part {}

  /* 内容部分容器 */
  .content-wrapper {}

  /* 模块 */
  .banner {
    /* height: 310px; */

  }
  .part0-des {
    font-size: 18px;
  }
  .part1 {
    height: 655px;
    padding-top: 74px;
    padding-bottom: 42px;
  }

  .part2 {
    padding-top: 102px;
    padding-bottom: 101px;
    background-size: auto 100%;
  }

  .part3 {
    padding-top: 43px;
    padding-bottom: 60px;
  }

  .part4 {
    padding-top: 89px;
    padding-bottom: 93px;
    background-size: auto 100%;
  }

  .part8 {
    padding-top: 102px;
    padding-bottom: 80px;
    background-size: auto 100%;
  }

  /* 小标题} */
  .little-pic {
    height: 56px;
  }


}

@media (min-width:992px) {
  .part .part-des {
    padding-left: 8px;
    line-height: 66px;
    font-size: 14px;
  }
  .topics-more {
    margin-top: 58px;
  }
  .w-flex li {
    margin-top: 18px;
  }
  .part .little-title {
    margin-top: 41px;
  }
  /* 模块 */
  .banner {
    /* height: 415px; */

  }
  .part0-des {
    font-size: 19px;
  }
  .part1 {
    height: 877px;
    padding-top: 99px;
    padding-bottom: 56px;
  }

  .part2 {
    padding-top: 137px;
    padding-bottom: 136px;
  }

  .part3 {
    padding-top: 58px;
    padding-bottom: 81px;
  }

  .part4 {
    padding-top: 120px;
    padding-bottom: 125px;
  }

  .part8 {
    padding-top: 122px;
    padding-bottom: 100px;
  }

  /* 小标题 */
  .little-pic {
    height: 74px;
  }

}

@media (min-width:1200px) {
  .part .part-des {
    padding-left: 15px;
    line-height: 80px;
  }
  .topics-more {
    margin-top: 70px;
  }
  .w-flex li {
    margin-top: 22px;
  }
  .part .little-title {
    margin-top: 50px;
  }
  /* nav */
  .part0-des {
    font-size: 22px;
  }
  /* 模块 */
  
  .part1 {
    height: 1057px;
    padding-top: 120px;
    padding-bottom: 68px;
  }

  .part2 {
    padding-top: 166px;
    padding-bottom: 164px;
    background-size: 100% 100%;
  }

  .part3 {
    padding-top: 70px;
    padding-bottom: 98px;

  }

  .part4 {
    padding-top: 145px;
    padding-bottom: 151px;
    background-size: 100% 100%;
  }
  .part8{
    padding-top: 142px;
    padding-bottom: 121px;
    background-size: 100% 100%;
  }

  /* 小标题 */
  .little-pic {
    height: 87px;
  }

}
.part1>img{
  position: absolute;
  width: 92%;
  left: 3%;
  top: -20%;
}
.part3>img{
  position: absolute;
  width: 95%;
  left: 3%;
  top: 25%;
}
.topics-outcomes>img{
  position: absolute;
  width: 90%;
  left: 7%;
  top: 25%;
  z-index: -1;
}
.part .entry li.noTitle {
  margin-top: 72px;
}

[v-cloak] {
  display: none;
}

/* 学习成果 */
body{padding-bottom: 120px;}
.topics-outcomes{padding-top:90px;padding-bottom:80px;}
.topics-outcomes .out-works{margin-top:70px;}