.student-en{
  color: rgba(35,24,21,.5);
  line-height: 1.7;
  text-align: center;
}
.student-bt{
  color: #231815;
  letter-spacing:10px;
  text-align: center;
}
.order-box .order-img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.order-box .order-img img{
  width: 100%;
  height: auto;
  transition: all .5s ease;
}
.order-box .order-img:hover img{
  transform: scale(1.05);
}
.order-inner{
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  width: 82%;
  margin: -7.3vw auto 0;
  position: relative;
  z-index: 2;
  padding: 2.6vw 3.6vw;
}
.order-inner li{
  display: flex;
  flex-wrap: wrap;
  color: #231815;
  line-height: 1.5;
}
.order-inner li:not(:last-child){
  margin-bottom: 20px;
}
.order-inner li span{
  width: max-content;
}
.order-inner li p{
  max-width: calc(100% - 120px);
}
.order-apply{
  margin: 20px auto 0;
  width: 74%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background: url(../img/student/apply-bg.png) no-repeat center;
  background-size: cover!important;
  padding-left: 10px;
  padding-right: 10px;
}
.order-apply .apply-bt{
  text-align: center;
  color: #fff;
  letter-spacing: 5px;
}
.order-apply a{
  background: #fff;
  color: var(--color);
  margin: 0 auto;
  border-color: #fff;
}
.award-bt{
  color: #231815;
}
.award-ms{
  color:#231815;
  line-height: 2.2;
}
.award-intro{
  color:#231815;
  line-height: 2.2;
  border-top: 1px solid #eee;
}
.noData{
    width: 100%;
    text-align: center;
    color: #333;
}
.faq-cate{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.faq-cate .cate-name{
  padding: 0 1.4vw;
}
.faq-cate .cate-name span{
  padding:5px 0;
  position: relative;
  color: #222;
  cursor: pointer;
}
.faq-cate .cate-name span:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .5s ease;
  width: 0;
  height:2px;
  background: var(--color);
}
.faq-cate .cate-name span:hover{
  color: var(--color);
  font-weight: bold;
}
.faq-cate .cate-name span:hover:before{
  width: 100%;
}
.faq-cate .cate-name.active span{
  color: var(--color);
  font-weight: bold;
}
.faq-cate .cate-name.active span:before{
  width: 100%;
}
.faq-li{
  width: 100%;
  background: #f5f5f5;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 0 30px;
}
.faq-li.active{
  background: #fff;
  box-shadow: 0 5px 20px rgba(0,16,39,.1);
}
.faq-li .faq-ask{
  padding:15px 0;
  position: relative;
}
.faq-li .faq-ask h5{
  color:#231815;
  max-width: calc(100% - 30px);
}
.faq-li .faq-ask i{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  right: 0;
  width:20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-li .faq-ask i svg{
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:16px;
  height:16px;
}
.faq-li .faq-ask i svg.jian{
  opacity: 0;
}
.faq-li.active .faq-ask svg.jia{
  opacity: 0;
}
.faq-li.active .faq-ask svg.jian{
  opacity: 1;
}
.faq-li .faq-answer{
  padding:20px 0px;
  color: #666;
  line-height:2.2;
  border-top: 1px solid #eee;
  display: none;
}
.student-jz{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
}
.student-jz .jz-li{
  display: block;
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  margin-bottom: 30px;
  background: url(../img/student/jz-bg.png) no-repeat center;
  background-size: cover!important;
  border-radius: 10px;
  overflow: hidden;
  padding: 2vw;
}
.student-jz .jz-li:nth-child(3n){
  margin-right: 0;
}
.student-jz .jz-icon{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  transition: all .5s ease;
}
.student-jz .jz-icon img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.student-jz .jz-li h4{
  margin-top: 10px;
}
.student-jz .jz-li:hover .jz-icon{
  transform: rotateY(180deg);
}
.student-jz .jz-li:hover span{
  color: var(--color);
}
.lc-box{
  width: 100%;
  height: 480px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.lc-box:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height:4px;
  background: #f5f5f5;
}
.lc-box:after{
  content: "";
  position: absolute;
  top:50%;
  left: 0;
  transform: translateY(-50%);
  width:12px;
  height: 12px;
  border-radius: 50%;
  background: var(--color);
}
.progress-line {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 4px;
  background-color: var(--color); /* 进度条蓝色 */
  z-index: 1; /* 放在灰色底线上面 */
  width: 0; /* 初始宽度为0，由JS控制 */
  transform-origin: left;
  transition: width 0.5s ease; /* 加上平滑过渡动画 */
}
.lc-box .next{
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 18px;
  z-index: 5;
}
.lc-box li{
  width: calc(100% / 8);
  position: relative;
}
.lc-box li:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:12px;
  height: 12px;
  border-radius: 50%;
  background: #f5f5f5;
  transition:all .7s ease;
}
.lc-box li.active:before{
  background:var(--color);
}
.lc-box li .lc-inner{
  width: 100%;
  height: 50%;
}
.lc-box li:nth-child(2n){
  display: flex;
  flex-direction: column-reverse;
}
.lc-box li:nth-child(2n) .lc-inner{
  display: flex;
  flex-direction: column-reverse;
}
.lc-box .lc-icon{
  width:120px;
  height: 120px;
  border-radius: 50%;
  background: #fff;
  box-shadow:0 5px 20px rgba(0,16,39,.1);
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items:center;
  justify-content:center;
}
.lc-box .lc-icon img{
  width: auto;
  height: auto;
  max-width: 50%;
  max-height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.lc-box p{
  width: 315px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  color: #231815;
  text-align: center;
  line-height: 1.5;
  padding:20px 10px;
}
.bm-btn{
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1950px){
  .order-inner{
    margin: -140px auto 0;
    padding: 50px 70px;
  }
  .faq-cate .cate-name{
    padding: 0 25px;
  }
}
@media only screen and (max-width: 1200px){
  .lc-box p{
    width: 280px;
  }
  .lc-box .lc-icon{
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 1024px){
  .lc-box p{
    width: 200px;
  }
  .lc-box .lc-icon{
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 768px){
  .bm-btn{
    display: none;
  }
  .order-inner{
    width: 90%;
    padding: 25px 20px;
  }
  .order-inner li span{
    display: block;
    width: 100%;
    text-align: center;
  }
  .order-inner li p{
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .order-apply{
    width: 90%;
  }
  .order-apply .apply-bt{
    font-size: 20px;
    letter-spacing: 0;
  }
  .faq-li{
    padding: 0 20px;
  }
  .faq-li .faq-ask{
    padding: 10px 0;
  }
  .student-jz .jz-li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 25px 20px;
  }
  .lc-box{
    height: auto;
  }
  .lc-box li{
    width: 100%;
    margin-bottom: 20px;
  }
  .lc-box:before{
    display: none;
  }
  .progress-line{
    display: none;
  }
  .lc-box:after{
    display: none;
  }
  .lc-box li:before{
    display: none;
  }
  .lc-box li .lc-inner{
    height: auto;
  }
  .lc-box .next{
    display: none;
  }
  .lc-box li:nth-child(2n) .lc-inner {
    display: flex;
    flex-direction: column;
  }
  .lc-box p{
    width: 100%;
  }
}