@import '../style/var.less';

.business-card-wrap {
  padding: 0 10px;
  .business-card-container {
    width: 100%;
    box-shadow: 0px 1px 2px 0px rgba(136, 136, 136, 0.3);
    border-radius: 8px;
    background: #ffffff;
    &::after {
      border-color: #ebebeb;
      border-radius: 8px;
    }

    // 头部
    .business-card__title {
      &::after {
        border-color: #f5f5f5;
      }
      display: flex;
      justify-content: space-between;
      align-items: center;
      line-height: 36px;
      padding: 0 5px;
      .business-card__title--text {
        font-size: 13px;
        color: #333333;
        position: relative;
        padding-left: 10px;
        &::before {
          border-radius: 2px;
          content: '';
          display: block;
          position: absolute;
          width: 5px;
          height: 16px;
          background-color: @primary;
          left: 0;
          top: 10px;
        }
      }
      .business-card__title--option {
        font-size: 13px;
        color: #333333;
      }
    }
    .business-card__title--option {
      color: #333333;
      &.van-hairline--surround {
        &::after {
          border-color: rgba(21, 102, 210, 0.2);
          border-radius: 4px;
        }
      }
      .van-field__control {
        font-size: 13px;
        color: #333;
      }
    }

    // 内容
    .business-card__content {
      padding: 0 10px;
      font-size: 13px;
    }
  }
}