.itemCom-box {
  width: 100%;
  height: auto;

  .box-item {
    color: #fff;
    height: .5rem;
    font-size: .12rem;
    border-bottom: .01rem solid #3f3f3f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 .18rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: .2rem;
    &:last-child{
      border-bottom: none;
    }

    .box-item__left{
      display: flex;
      flex-direction: column;
      align-items: start;
      .desc {
        font-size: .1rem;
        color: #9b9b9b;
      }
    }

    &.free {
      margin: 0.0347rem 0 0 0 ;
      padding: 0 .18rem;
      border-bottom: .08rem solid #131212;
    }

    & > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .icon-hot {
      font-size: .14rem;
      color: #fc9b26;
      margin-left: .1rem;
    }

    div {
      &.content {
        .iconfont {
          margin-right: .04rem;
          margin-left: .1rem;
          font-size: .14rem;
        }
      }
    }

    .iconfont {

      &.icon-to {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
      }
    }
  }
}
