.orderItem{
  padding: .15rem 0;
  .img{
    width: .72rem;
    position: relative;
    overflow: hidden;
    margin: 0 .1rem;
    a{
      width: 100%;
      display: block;
      padding-bottom: 100%;
      background: #eee;
      border-radius: .04rem;
      position: relative;
      overflow: hidden;
    }
  }
  &>.flex-item{
    margin-right: .15rem;
    &>div.flex-item{
      &>div{
        width: 100%;
        position: relative;
        overflow: hidden;
        span{
          width: 100%;
          display: block;
          line-height: .22rem;
          font-size: .13rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
    }
    &>div.flex-h{
      &>div{
        &>div{
          span{
            width: 100%;
            line-height: .2rem;
            font-size: .11rem;
          }
        }
      }
      i{
        font-size: .18rem;
        line-height: .2rem;
        color: #ccc;
        &.active{
          color: red;
        }
      }
      input{
        width: .4rem;
        line-height: .18rem;
        text-align: center;
        margin: 0 .05rem;
      }
      a{
        display: inline-block;
        line-height: .2rem;
        font-size: .11rem;
        padding: 0 .15rem;
        border-radius: .2rem;
        background: #fc6243;
        color: #fff;
      }
      &>span{
        font-size: .13rem;
        color: #666;
      }
    }
  }
}