@import '../../../common/css/global';
#callList {
  .call-item{
    background: #fff;
    margin-bottom: 10px;
    .item-warp {
      display: flex;
      padding:15px;

    }
    .time {
      height: 46px;
      padding: 10px;
    }
    .call-img{
      width: 100px;
      height: 100px;
      margin-right: 15px;

      image{
        width: 100%;
        height: 100%;
      }
    }
    .call-info{
      flex: 1;
      overflow: hidden;

      .call-goods{
        .goods-name{
          font-size: 16px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
      .goods-money-box{
        font-size: 14px;
        color: #9C9C9C;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .money{
          display: flex;
          align-items: center;
          .new {
            font-size: 18px;
            color: @globalColor;
          }
          .old{
            font-size: 10px;
            margin-left: 5px;
            text-decoration: line-through;

          }
        }
      }
      .action-box{
        font-size: 12px;
        display: flex;
        align-items: center;
        margin-top: 24px;
        overflow: hidden;
        .free{
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          flex: 1;
        }
        .action{
          padding: 2px 8px;
          background: @globalColor;
          color: #FFFFFF;
          border-radius: 20px;
        }
      }
      .time {
        position: absolute;
        width: 100%;
        bottom: 0;
      }
    }
  }
  .no-list{
    text-align: center;
    margin: 10px 0;
  }
}