html,body {
  width: 100%;
}
h1 {
  font-size: 47px;
  margin: 30px 0 100px 0;
}

.contain {
  width: 1200px;
  margin: auto;
  text-align: center;
}


section {
  margin-bottom: 75px;
}

#banner {
  height: 420px;
  background-image: url(https://xuexiang.oss-cn-hangzhou.aliyuncs.com/guanwang/images/course/banner1.png);
  background-repeat: no-repeat;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  background-position: 100%;
  background-size: cover;
}

.ways {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.ways .ways_item {
  position: relative;
  width: 28%;
  height: 300px;
  padding: 40px 30px;
  border-radius: 20px;
  box-shadow: 1px 1px 10px #999;
}

.active {
  transform: translateY(-50px);
  transition: all .5s linear;
}

.ways .ways_item .ways_title {
  position: relative;
  top: 46px;
  font-size: 24px;
  color: #90db84;
  font-weight: 700;
  /* margin-bottom: 20px; */
}

.ways .ways_item p {
  position: absolute;
  top: 105px;
  left: 20px;
  right: 20px;
  background-color: #fff;
}

.ways :nth-child(2) .ways_title {
  color: #5fca8f;
} 
.ways :nth-child(3) .ways_title {
  color: #32b797;
} 

.ways .ways_item p {
  font-size: 16px;
  color: #999;
  text-align: left;
  line-height: 30px;
}

#course_bg {
  background-image: url(https://xuexiang.oss-cn-hangzhou.aliyuncs.com/guanwang/images/course/2.科技背景.png);
  height: 870px;
}

.course {
  background-image: url(https://xuexiang.oss-cn-hangzhou.aliyuncs.com/guanwang/images/course/3文字背景.png);
  height: 528px;
  font-weight: 700;
}

.course .course_one {
  width: 100%;
  height: 110px;
  display: flex;
  text-align: center;
  line-height: 4.5;
  font-size: 25px;
  color: #fff;
}

.course .course_one .one {
  flex: 2;
} 
.course .course_one .two,.course .course_one .three {
  flex: 5;
} 

.course .course_two,.course .course_three {
  width: 100%;
  height: 130px;
  display: flex;
  text-align: center;
  font-size: 25px;
  color: #000;

}

.course .course_two .one,.course .course_three .one {
  flex: 2;
  line-height: 5.2;
  color: #fff;
} 
.course .course_two .two,.course .course_two .three,.course .course_three .two,.course .course_three .three {
  flex: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
} 

.course .course_two .two p ,.course .course_two .three p,.course .course_three .two p,.course .course_three .three p,.course .course_four .two p,.course .course_four .three p {
  margin: 5px 0;
  /* letter-spacing: .3em; */
}

.course .course_four {
  width: 100%;
  height: 158px;
  display: flex;
  text-align: center;
  font-size: 25px;
  color: #000;
}

.course .course_four .one {
  flex: 2;
  line-height: 5.8;
  color: #fff;
} 
.course .course_four .two,.course .course_four .three {
  flex: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.feature_top {
  display: flex;
  width: 100%;
  background-image: url(https://xuexiang.oss-cn-hangzhou.aliyuncs.com/guanwang/images/course/4.1记忆力背景.png);
  height: 130px;
}

.feature_top div {
  flex: 1;
  color: #fff;
  font-size: 24px;
  line-height: 7.2;
}
.feature_top :nth-child(5) {
  line-height: 2.8;
}

.feature {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-image: url(https://xuexiang.oss-cn-hangzhou.aliyuncs.com/guanwang/images/course/4.记忆力文字背景.png);
  height: 340px;
  font-size: 16px;
  margin-top: 10px;
}

.feature .feature_left {
  flex: 9;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  line-height: 5.5;
  font-weight: 700;
}

.feature .feature_left div,.feature .feature_right div {
  height: 85px;
}
.feature .feature_right {
  flex: 15;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  line-height: 5;
  font-weight: 700;
  color: #999;
}

.apply {
  display: flex;
  width: 100%;
  height: 500px;
}

.apply .apply_item {
  width: 22.5%;
  /* background-color: pink; */
  margin-right: 3.33%;
  background-color: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.apply :nth-child(4) {
  margin-right: 0;
}

.apply .apply_item p {
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0 30px 0;
}

.apply .apply_item a {
  display: inline-block;
  width: 80%;
  height: 30px;
  background-color: #28b396;
  font-size: 16px;
  border-radius: 15px;
  color: #fff;
  line-height: 1.8;
}