.containBox .top-box {
    position: relative;
    width: 100%;
    display:flex;
    height:0.94rem;
    padding:0 0.3rem ;
    align-items: center;
    background:#FFFAF8;
    justify-content:space-between;
    box-sizing: border-box;
}
.top-box img {
  width: 2.12rem;
  height: 0.36rem;
}
.top-box span {
  color: #A4A4A4;
  margin-left: 0.2rem;
  font-size: 0.2rem;
}
.menu-box {
  display: flex;
  background: #FF6A34;
  width: 100%;
  padding:0.2rem 0.52rem;
  justify-content: space-between;
  box-sizing: border-box;

}
.menu-box .link_talk {
  color: #fff;
  font-size: 0.26rem;
}

.pic-box {
  width: 100%;
  height: 8.5rem;
  background: url('../image/top_bg_402x.png')center/cover;
  padding: 0.6rem 0;
  box-sizing: border-box;
}
.pic-box .title {
  display: block;
  color: #3D2F36;
  width: 100%;
  font-weight: bold;
  text-align: center;
 
}
.pic-box .title-1 {
  font-size: 1rem; 
  line-height: 1;
}
.pic-box .title-2 {
  margin-top: 0.2rem;
  font-size: 0.84rem; 
  line-height: 1;
}
.pic-box .apply {
  background: linear-gradient(90deg, #FF3838 0%, #FF6514 100%);
  width: 5.02rem;
  height: 0.72rem;
  border-radius: 0.16rem;
  display: flex;
  margin: 0 auto;
  margin-top: 0.3rem;
  line-height: 0.72rem;
  justify-content: center;
  align-items: center;
}
.pic-box .apply span {
  color: #fff;
  font-size: 0.28rem;
  font-weight: bold;
}

.pic-box .apply img {
  margin-left: 0.13rem;
  width: 0.2rem;
  height: 0.2rem;
}

.pic-box .recommend {
  display: flex;
  margin: 0 auto;
  margin-top: 0.26rem;
  color: #3D2F36;
  font-size: 0.24rem;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.02rem;
}

.pic-box .title-line {
  position: relative;
  display: flex;
  margin: 0 auto;
  margin-top: 0.42rem;
  color: #3D2F36;
  font-size: 0.24rem;
  justify-content: center;
  align-items: center;
  opacity: 0.9;

}
.pic-box .title-line span::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #3D2F36;
  width: 0.96rem;
  height: 0.01rem;
  left: 1.24rem;
} 
.pic-box .title-line span::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #3D2F36;
  width: 0.96rem;
  height: 0.01rem;
  right: 1.24rem;
}
.pic-box .enter-btn {
  margin-top: 0.4rem;
  padding: 0 1.44rem;
}
.pic-box .enter-btn div{
  background: linear-gradient(270deg, #804BFB 0%, #6CCAFD 100%);
  height: 0.6rem;
  border-radius: 0.16rem;
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.38rem;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.2rem;
}
.window-box .window-title {
  margin-top: 0.6rem;
}
.window-title span {
  font-size: 0.4rem;
  font-family: 'MicrosoftYaHei-Bold';
  font-weight: bold;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.window-title :first-child {
  color: #333;
}
.window-title :last-child {
  margin-top: 0.1rem;
  color: #FF6F31;
}
.window-box .window-btns {
  display: flex;
  width: 100%;
  padding:0 0.3rem;
  justify-content: space-between;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.window-box .window-btns .window-item {
  margin: 0.4rem 0.3rem 0 0.3rem;
}

.window-box .window-btns .window-item img {
  display: block;
  width: 1.12rem;
  height: 1.12rem;
}

.window-box .window-btns .window-item span {
  display: block;
  font-size: 0.28rem;
  line-height: 1;
  font-family: 'MicrosoftYaHei';
  color: #726875;
  margin-top: 0.22rem;
}
.section5-box {
  width: 100%;
  margin-top: 0.64rem;
  background: url('../image/part02_bg_402x.png')center/cover;
  padding: 0.6rem 0;
  box-sizing: border-box;
}
.section5-box .question-list {
  display: flex;
  flex-direction: column;
  padding: 0 0.4rem;
  box-sizing: border-box;
}
.section5-box .question-item {
  border-bottom: 1px dashed #F3CACA;
  display: flex;
  align-items: center;
  padding: 0.2rem 0;  
  justify-content: space-between;
}

.section5-box .question {
  color: #FF6F31;
  font-size: 0.28rem;
  font-family: 'MicrosoftYaHei';
}
.section5-box .question-item:last-child {
  border-bottom: none;
}

.section5-box .question-black {
  color: #898989;
  font-size: 0.28rem;
  font-family: 'MicrosoftYaHei';
}

.section5-box .ask-click {
  display: inline-block;
  color: #fff;
  width: 1.52rem;
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.26rem;
  font-family: 'MicrosoftYaHei';
  background: linear-gradient(270deg, #DC4F13 0%, #FF7B42 100%);
  box-shadow: 0px 4px 8px 0px rgba(251,118,61,0.31);
  border-radius: 26px;
  text-align: center;
}

.section5-box .more-question {
  margin: 0 auto;
  width: 2.80rem;
  height: 0.88rem;
  background: linear-gradient(90deg, #6DC9FD 0%, #804BFB 100%);
  box-shadow: 0px 4px 16px 0px rgba(125,92,251,0.47);
  margin-top: 0.4rem;
  font-size: 0.3rem;
  font-family: 'MicrosoftYaHei-Bold';
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.88rem;
  text-align: center;
  border-radius: 0.44rem;
}

.section6-box .window-title {
  margin-top: 0.6rem;
}
.section5-box .window-title {
  margin-bottom: 0.2rem;
}
.section6-box .section6-title2 {
  display: flex;
  color: #999;
  font-size: 0.26rem;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0.2rem;
}
.section6-box .city-list {
  display: flex;
  width: 100%;
  padding:0 0.4rem;
  justify-content: space-between;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-top: 0.38rem;
}

.section6-box .city-list  div {
  color: #999;
  font-size: 0.28rem;
  width: 1.52rem;
  height: 0.64rem;
  background: #EDEDED;
  border-radius: 0.32rem;
  font-family: 'MicrosoftYaHei';
  line-height: 0.64rem;
  text-align: center;
  margin: 0 0 0.16rem 0;
}

.section6-box .city-list .city-red {
  color: #fff;
  background: #FA743B
}

.section6-box .more-city {
  margin: 0 auto;
  width: 2.80rem;
  height: 0.88rem;
  background: linear-gradient(90deg, #6DC9FD 0%, #804BFB 100%);
  box-shadow: 0px 4px 16px 0px rgba(125,92,251,0.47);
  margin-top: 0.4rem;
  font-size: 0.3rem;
  font-family: 'MicrosoftYaHei-Bold';
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.88rem;
  text-align: center;
  border-radius: 0.44rem;
}
.section7-box {
  width: 100%;
  height: 10.98rem;
  margin-top: 0.6rem;
  background: url('../image/part04_bg_402x.png')center/cover;
  padding: 0.6rem 0;
  box-sizing: border-box;
}
.section7-box .section7-title span {
  font-size: 0.4rem;
  font-family: 'MicrosoftYaHei-Bold';
  font-weight: bold;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.section7-box .section7-title :first-child {
  color: #FA743B;
}
.section7-box .section7-title :last-child {
  margin-top: 0.1rem;
  color: #333;
}
.section7-box .section7-title2 {
  display: flex;
  margin: 0 auto;
  margin-top: 0.2rem;
  justify-content: center;
  text-align: center;

}
.section7-box .section7-title2 span {
  color: #999;
  font-size: 0.26rem;
  font-family: 'MicrosoftYaHeiLight';
}
.section7-box .section7-title2 :nth-child(2) {
  color: #FA743B;
}
.section7-box .section7-content {
  margin-top: 0.4rem;
}
.section7-box .section7-content div{
  display: flex;
  margin: 0.2rem 0.4rem;
  background: #fff;
  height: 1.8rem;
  justify-content: space-between;
  padding: 0.24rem 0.32rem;
  box-sizing: border-box;
}

.section7-box .section7-content span {
  width: 3rem;
  font-size: 0.3rem;
  font-family: 'MicrosoftYaHei';
  color: #53414F;
  flex-wrap: wrap;
}
.section7-box .section7-content img {
  width: 2.74rem;
  height: 1.32rem;
}

.section7-box .section7-content .content-left span {
  margin-right: 0.32rem;
}

.section7-box .section7-content .content-right span {
  margin-left: 0.32rem;
}
.section8-box {
  width: 100%;
  height: 11.4rem;
  background: #53414F;
  padding: 0.6rem 0;
  box-sizing: border-box;
}
.section8-box .section8-title {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
  font-size: 0.4rem;
  font-family: 'MicrosoftYaHei-Bold';
  font-weight: bold;
}
.section8-box .section8-title span:first-child {
  color: #fff;
}
.section8-box .section8-title span:nth-child(2){
  color: #FA743B;
}
.section8-box .section8-content {
  margin: 0.4rem auto;
  width: 6.7rem;
  height: 7.84rem;
  background: url('../image/pic05_bg_402x.png')center/cover;
}
.section8-box .section8-content .packClass {
  margin: 0 auto;
  width: 4.24rem;
  height: 1.08rem;
  background: #FFF1E9;
  border-radius: 0 0 0.4rem 0.4rem;
  color: #684E40;
  font-size: 0.36rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.08rem;
  justify-content: center;
}
.section8-box .section8-content .classFeature {
  position: relative;
  text-align: center;
  justify-content: center;  
  height: 0.52rem;
  color: #fff;
  text-shadow: 0px 4px 8px #EE4419;
  font-size: 0.4rem;
  font-weight: bold;
  margin-top: 0.6rem;
}
.section8-box .section8-content .line-point {
  position: absolute;
  background: #fff;
  width: 0.08rem;
  height: 0.08rem;
  text-shadow: 0px 4px 8px #EE4419;
  border-radius: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  left: 2.22rem;
}

.section8-box .section8-content .point-line {
  position: absolute;
  background: #fff;
  width: 0.08rem;
  height: 0.08rem;
  text-shadow: 0px 4px 8px #EE4419;
  border-radius: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  left: 4.44rem;
}

.section8-box .section8-content .point-line::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  width: 1.94rem;
  height: 0.02rem;
}

.section8-box .section8-content .line-point::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  width: 1.94rem;
  height: 0.02rem;
  right: 0;
}
.section8-box .section8-content  .classItems {
  display: flex;
  padding: 0.2rem 0.3rem;
  box-sizing: border-box;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section8-box .section8-content  .classItems div {
  color: #fff;
  font-size: 0.32rem;
  font-weight: bold;
  width: 1.6rem;
  height: 0.72rem;
  line-height: 0.72rem;
  background: #EE4419;
  border-radius: 0.08rem;
  text-align: center;
  margin-top: 0.2rem;
}
.section8-box .section8-content  .classItems .class-Item {
  width: 2.48rem; 
}

.section8-box .section8-content .suitPeople {
  position: relative;
  text-align: center;
  justify-content: center;  
  height: 0.52rem;
  color: #fff;
  text-shadow: 0px 4px 8px #EE4419;
  font-size: 0.4rem;
  font-weight: bold;
  margin-top: 0.2rem;
}
.section8-box .section8-content .classExplain {
  display: flex;
  margin: 0.4rem 0.34rem auto;
  height: 0.52rem;
  line-height: 0.52rem;
  color: #fff;
  font-size: 0.3rem;
}
.section8-box  .feeListen {
  display: flex;
  padding: 0.18rem 0.74rem;
  justify-content: space-between;
}
.section8-box .feeListen div {
  width: 2.84rem;
  height: 0.84rem;
  border-radius: 0.088rem;
  border: 0.02rem solid #FA6047;
  font-size: 0.32rem;
  font-weight: bold;
  color: #FF6945;
  line-height: 0.84rem;
  text-align: center;
}
.section9-box .section9-title {
  margin-top: 0.6rem;
}
.section9-box .section9-title2 {
  display: flex;
  font-size: 0.26rem;
  margin-top: 0.2rem;
  justify-content: center;
  text-align: center;
}
.section9-box .section9-content {
  display: flex;
  width: 100%;
  padding: 0.6rem 0.4rem;
  justify-content: space-between;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.section9-box .section9-content .section9-item1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.52rem;
  height: 2.58rem;
  background: #FFF5F5;
  border-radius: 0.16rem;
  
}
.section9-box .section9-content .section9-item2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.52rem;
  height: 2.9rem;
  background: #FFF5F5;
  border-radius: 0.16rem;
  margin-top: 0.22rem;
}
.section9-box .section9-content img {
  display: flex;
  width: 0.64rem;
  height: 0.64rem;
  margin-top: 0.3rem;
}
.section9-box .section9-content span:nth-child(2) {
  display: flex;
  font-size: 0.28rem;
  font-family: 'MicrosoftYaHei';
  color: #726875;
  line-height: 1;
  margin-top: 0.18rem;
}

.section9-box .section9-content .section9-item2 span:nth-child(3) {
  font-size: 0.28rem;
  font-family: 'MicrosoftYaHei';
  color: #726875;
}

.section9-box .section9-content span:last-child {
  width: 1.20rem;
  height:0.6rem;
  background: linear-gradient(90deg, #FF6832 0%, #FF4342 100%);
  border-radius: 0.3rem;
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.6rem;
  margin-top: 0.2rem;
  text-align: center; 
  font-weight: bold;
}