body {
      padding-bottom: 2.2533333333333334rem;
  }

  .collBox li:last-child {
      margin-bottom: 0 !important;
  }

  .collS {
      padding: .4rem;
      margin-bottom: .26666666666666666rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-radius: .26666666666666666rem;
      box-shadow: 0px 0px .17333333333333334rem 0px rgba(34, 30, 28, 0.07);
  }

  .collSLeft {
      display: flex;
      flex-direction: column;
  }

  .clText {
      font-size: 0;
      /*font-size: .4rem;*/
      margin-bottom: .24rem;
      position: relative;
  }

  .clText span {
      font-weight: bold;
       font-size: .4rem;
  }
  
  .clText span:first-child,
.clText span:nth-child(3) {
    color: #036fce;
}


  .jiaoY {
      background: url(../img/jiaoY.png) no-repeat;
  }

  .jiaoL {
      background: url(../img/jiaoL.png) no-repeat;
  }

  .jiaoD {
      background: url(../img/jiaoD.png) no-repeat;
  }

  .jiao {
      position: absolute;
      font-size: .26666666666666666rem;
      padding: .06666666666666667rem .13333333333333333rem .13333333333333333rem;

      top: -.26666666666666666rem;
      right: -1.4666666666666666rem;
      color: #ffffff;
      background-size: 100% 100%;
  }



  .clLBto {
      display: flex;
      align-items: center;
  }

  .clLBto span:first-child {
      font-weight: bold;
      font-size: .32rem;
      margin-right: .26666666666666666rem;
  }

  .clLBto span:last-child {
      font-size: .29333333333333333rem;
  }