// 多行列表
.co-view-cell {
  background: @white-base;
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: @content-padding;
  >div {
    position: relative;
    display: table-cell;
  }
  >div.co-view-cell-img {
    position: relative;
    overflow: hidden;
    text-align: center;
    img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
    span.xs-icon {
      position: absolute;
      top: 0;
      left: 0;
    }
    span.xs-icon:before {
      font-size: 1.8rem;
    }
  }
  >div.co-view-cell-content {
    padding-left: 0.5rem;
    p, div {
      color: @gray-minor;
      font-size: @font-size-small;
      line-height: @line-height-default;
    }
    p.title {
      color: @black-base;
      font-size: @font-size-default;
    }
    div.co-cell-wrapper {
      padding: 0;
      >div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
    }
  }
  >div.co-view-cell-status {
    text-align: right;
    span {
      font-size: @font-size-small;
      color: @theme-color;
    }
  }
  i:after {
    right: 10px;
  }
}
// 搜索组件
.co-search {
  height: 2.2rem !important;
  top: 2.2rem;
  right: 0;
  left: 0;
  position: fixed;
  z-index: 1;
}

// 表单 附件 横向滚动
.co-appendix {
  background: @white-base;
  div.co-appendix-item {
    float: left;
    display: inline-block;
    width: 20vw;
    height: 4.4rem;
    position: relative;
    text-align: center;
    >* {
      position: absolute;
    }
    >span.xs-icon {
      top: 2px;
      left: 50%;
      margin-left: -1.3rem;
    }
    >span.xs-icon:before {
      font-size: 2.6rem;
    }
    >img {
      width: 2.6rem;
      height: 2.6rem;
      top: 8px;
      left: 50%;
      margin-left: -1.3rem;
    }
    >span.na {
      font-size: @font-size-small;
      color: @gray-minor;
      left: 0;
      bottom: 6px;
      width: 100%;
      padding: 0 @content-padding;
      overflow: hidden;
    }
    >i.coicon {
      position: absolute;
      font-size: @font-size-small * 2;
      right: 0;
      top: -2px;
      color: #E50011;
    }
  }
  div.co-appendix-item-no-name {
    height: 3.6rem;
  }
}