@import "./reset.scss";
@import "./mixins.scss";

body {
  background-color: rgb(248, 248, 248)
}


//页面基础属性
.page {
  width: 1200px;
  margin: auto;
}

.filter-wrap {
  padding: 0px 32px;
  background: #ffffff;
  border-radius: 6px;

  * {
    font-size: 14px !important;
  }

  .filter-item {
    padding: 11px 0;
    border-bottom: 1px dashed RGBA(222, 222, 222, 1);
    display: flex;
    align-items: center;

    &:nth-last-child(1) {
      border-bottom: none;
    }

    .filter-item__title {
      width: 80px;
      margin-right: 8px;
      font-family: MicrosoftYaHei;
      color: rgba(153, 153, 153, 1);
      line-height: 20px;
    }

    .filter-item-main {
      flex: 1;
      display: flex;
      justify-content: space-between;
    }

    .ant-select-selector {
      padding: 0 12px 0 0;

      .ant-select-selection-item,
      .ant-select-selection-placeholder {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #3e4149;
      }
    }

    .ant-select-arrow {
      color: #3e4149;
    }

    .ant-btn-link {
      font-size: 16px;
      font-family: MicrosoftYaHei;
      color: #3e4149;
      padding: 0;
    }

    .ant-tag {
      padding: 4px 9px;
    }
  }
}

.ant-tag-close-icon {
  font-size: 10px !important;
}

.ellipsis1{
  @include ellipsis(1);
}

.ellipsis2{
  @include ellipsis(2);
}

.ellipsis3{
  @include ellipsis(3);
}

.ellipsis4{
  @include ellipsis(4);
}