.bx-list{
  padding-left: 15px;
  font-size: 15px;
  background-color: @colorWhite;
  .bx-list-item{
    position: relative;
    box-sizing: border-box;
    padding: 15px 15px 15px 0;
    list-style-type: none;
    color: @textColorPrimary;
    .flexbox();
    .align-items(center);
    .align-content(center);
    &:after{
      .border-bottom()
    }
    &:last-child:after{
      height: 0;
    }
    .bx-list-item-image{
      display: block;
      width: 16%;
      max-width: 60px;
      margin-right: 15px;
      img{
        width: 100%;
      }
    }
    .bx-list-item-inner{
      display: block;
      width: 100%;
      .flex();
    }
    .bx-list-item-icon{
        width: 24px;
        margin-right: 15px;
        img{
          width: 100%;
        }
        .bx-icon{
          font-size: 24px;
        }
      }
    .bx-list-item-title{
       .flex();
     }
    .bx-list-item-subtitle{
      font-size: 13px;
      margin-top: 3px;
      color: @textColorPatch;
    }
    .bx-list-item-extra{
      font-size: 13px;
      color: @textColorPatch;
    }
    .bx-list-item-link{
      margin-left: 6px;
      .bx-icon{
        font-size: 18px;
        color: #ccc;
        &:before{
          content: "\E6B5";
        }
      }
    }
  }
}