@prefix: fxm-functionalcard;

.fxm-functionalcard-wrap {
  background: #fff;
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.09);
  /* 自定义标签样式 */
  .fxm-functionalcard-content {
    height: 136px;
    display: flex;
  }
  .fxm-functionalcard-img {
    margin: 24px 10px 24px 12px;
    img {
      width: 48px;
      height: 48px;
    }
  }

  .fxm-functionalcard-text {
    flex: 1;
  }
  .fxm-functionalcard-title {
    margin-top: 24px;
    margin-bottom: 12px;
    font-weight: 800;
  }
  .fxm-functionalcard-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; // 控制多行的行数
    -webkit-box-orient: vertical;
    width: 232px;
    color: rgba(0, 0, 0, 0.45);
    word-wrap: break-word;
  }
  .fxm-functionalcard-foot {
    background: #f7f9fa;
    border-top: 1px solid rgba(233, 233, 233, 1);
    padding: 13px 0;
    display: flex;
  }
  .fxm-functionalcard-foottext {
    flex: 1;
    text-align: center;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    cursor: pointer;
  }
  .fxm-functionalcard-foottext + .fxm-functionalcard-foottext {
    border-left: 1px solid rgba(233, 233, 233, 1);
  }
}