body{
  min-height: 100vh;
  font-size: 0.28rem;
  color:#333;
  background: linear-gradient(180deg,rgba(0,143,237,0.00), #008fed 11%);
}
.w24{width: 0.24rem;}
.w48{width: 0.48rem;}
.w500{width: 5rem;}
.mr8{margin-right: 0.08rem;}
.bg-img{
  background: top center url(https://img.guiderank-app.com/guiderank_server/web/comparisonCourse/1621564379802.png) no-repeat;
  background-size: 100% auto;
  padding-bottom: .64rem;
  padding-top: .48rem;
}
.js-title{
  font-size: .44rem;
  color:#fff;
  text-align: center;
  margin-bottom: .36rem;
  line-height: .6rem;
}
.title-bg{
  width:2.6rem;
  height:1.11rem;
  padding-top: .26rem;  /*  居中 */
  margin: 0 auto;
  background: center center url(https://img.guiderank-app.com/guiderank_server/web/comparisonCourse/1621578553627.png) no-repeat;
  background-size: 100% auto;
  color:#fff;
  font-size: 0.34rem;
  text-align: center;
}
.step-box{
  background: linear-gradient(180deg,rgba(0,143,237,0.00), #008fed 11%);
}
.comStep{
  width: 7.18rem;
  margin: 0 auto .4rem;
  background: linear-gradient(180deg,#d2edff, #ffffff 39%);
  border-radius: 0.24rem;
  font-size: 0.34rem;
  padding: .48rem .4rem;
}
.comStep:first-child{
  padding-bottom: .24rem;
}
.comStep+.comStep{
  margin: 0.4rem auto 0;
}
.step-abs-p{
  position: absolute;
  right:-0.08rem;
  bottom: 2.5rem;
  width: 3rem;
  text-align: center;
}
.blue-desc{
  color:#008FED;
  font-size: 0.34rem;
  margin-top: 0.24rem;
  margin-bottom: 0.32rem;
  line-height: 0.48rem;
}
.gray-desc{
  padding-top: .32rem;
  font-size: 0.34rem;
  line-height: 0.48rem;
}
.link-title{
  font-size: .3rem;
  padding: 0.32rem 0;
  margin-left: 0.16rem;
}
a:not(:first-child){
  border-top: 0.02rem solid #eee;
}