@charset 'UTF-8';

.kn-step.-description>li.-bluegreen:not(:last-child):before {
	opacity: 0;
  }

.kn-step>li .step-0>b {
  font-size: .18rem;
  margin-top: 5px;
}

.kn-step>li.-purple .step-0 {
  border-color: #547bdb;
}

.kn-step>li.-purple .step-0 {
  color: #fff;
}

.kn-step>li.-purple .step-0 {
  background-color: #fff;
}


.kn-step.-description>li .step-0 {
  font-size: .12rem;
  display: block;
  width: auto;
  height: auto;
  padding: 4px 8px;
  border: none;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}

.kn-step.-description>li .step-0>b {
  padding-left: 3px;
}

.kn-step.-description>li .step-0+.description {
  font-size: .12rem;
  font-weight: 400;
  line-height: 1.35;
  display: block;
  padding: 4px 8px;
  color: #333;
}


@media screen and (max-width:767px) {

 .kn-step.-description>li.-bluegreen:not(:last-child):before {
   opacity: 0;
  }


  .kn-step>li .step-0 {
    font-size: 0;
    width: 30px;
    height: 30px;
  }

 
   .kn-step>li .step-0>b {
    font-size: .16rem;
    margin-top: 0;
  }

  
  .kn-step.-description>li .step-0 {
    padding: 10px 8px;
    border-radius: 4px 0 0 4px;
  }

  
  .kn-step.-description>li .step-0+.description {
    padding: 10px 8px;
  }

  }