#ib_index {
  // 基础变量
  $border-color: #dcdfe6;
  $text-color: #303133;
  $primary-color: #409eff;
  $spacing-unit: 10px;

  // 通用样式
  .chartSetting {
    &.active {
      right: 0;
    }
  }

  // 二维码相关样式
  .qrCode {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  // 对话框样式
  .dialogLink {
    .el-dialog__header {
      font-weight: bold;
      border-bottom: 1px solid $border-color;

      .el-dialog__title {
        font-size: 16px;
      }
    }

    .content {
      padding: 0 50px 20px;
      border-bottom: 1px solid $border-color;

      .el-select {
        margin-bottom: $spacing-unit;
      }

      .link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid $border-color;
        padding-top: $spacing-unit;
        margin-top: $spacing-unit;

        .el-input {
          flex: 1;
          margin: $spacing-unit 0;
        }
      }

      .label {
        margin: 8px;
      }
      .forms {
        margin: 20px 8px;
      }

      .btn {
        display: flex;
        justify-content: center;

        span {
          display: inline-block;
          margin: $spacing-unit 15px;
          padding: 6px 15px;
          background-color: rgb(84, 129, 214);
          color: #fff;
          border-radius: 2px;
          cursor: pointer;
          transition: all 0.3s ease;

          &:hover {
            opacity: 0.8;
          }
        }
      }
    }
  }
}
