.port_xiaofang {
  .block1 {
    background-image: linear-gradient(to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.8));

    .content {
      padding: 10px 15px;
      border: 1px solid;
      border-image: linear-gradient(to bottom,
      rgba(58, 122, 149, 0),
      rgba(58, 122, 149, 1)) 1;
      border-top: none;

      .button {
        text-align: center;
      }

      .@{ant-prefix}-form-item .@{ant-prefix}-form-item-label > label {
        color: #fff;
      }

      .xiaofang-input {
        &.@{ant-prefix}-input-outlined {
          background-color: rgba(2, 30, 81, 0.85);
          border-color: rgba(2, 30, 81, 1);
          color: #fff;

          &::placeholder {
            color: #fff;
          }
        }

        &.@{ant-prefix}-select-outlined:not(&.@{ant-prefix}-select-customize-input) &.@{ant-prefix}-select-selector {
          background-color: rgba(2, 30, 81, 0.85);
          border-color: rgba(2, 30, 81, 1);
          color: #fff;
        }
      }

      .xiaofang-select {
        .@{ant-prefix}-select-selection-placeholder {
          color: #fff;
        }

        .@{ant-prefix}-select-arrow {
          color: #fff;
        }
      }

      .@{ant-prefix}-select-single.@{ant-prefix}-select-open .@{ant-prefix}-select-selection-item {
        color: #fff;
      }

      .@{ant-prefix}-select-outlined:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
        background-color: rgba(2, 30, 81, 0.85);
        border-color: rgba(2, 30, 81, 1);
        color: #fff;
      }
    }
  }

  .block2 {
    margin-top: 10px;
    background-image: linear-gradient(to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.8));

    .content {
      border: 1px solid;
      border-image: linear-gradient(to bottom,
      rgba(58, 122, 149, 0),
      rgba(58, 122, 149, 1)) 1;
      border-top: none;
      padding: 10px;

      .table {
        margin-top: 5px;

        .scroll {
          height: 300px;
          overflow-y: hidden;

          .tr {
            &:nth-child(odd) {
              background-color: transparent;
            }
          }
        }

        .tr {
          display: grid;
          grid-template-columns: 2fr 1fr 1fr;
          background-color: rgba(42, 86, 158, 0.53);

          .td {
            text-align: center;
            font-size: 12px;
            color: #fff;
            padding: 5px;
          }
        }
      }
    }
  }
}

.xiaofang-select {
  background-color: rgba(2, 30, 81, 0.85);

  .@{ant-prefix}-select-item {
    color: #fff;
  }

  .@{ant-prefix}-select-item-option-selected:not(.@{ant-prefix}-select-item-option-disabled) {
    color: #fff;
    background-color: rgba(16, 87, 216, 0.5);
  }
}
