// Atfloatlayout组件的默认样式
.at-float-layout {
  .at-float-layout__container {
    background-color: $color-white;

    .layout-body {
      padding: 0 !important;
    }
  }

  .float-layout {

    // 标题
    .float-layout-top {
      @include padding-style();
      display: flex;
      justify-content: space-between;
      position: relative;
      font-size: $font-size-30;
      border-bottom: 1px solid $border-color;

      .float-layout-btn {
        color: $color-btn;
        position: relative;
        z-index: 1;
      }

      .float-layout-delete {
        margin-left: 64px;
      }

      .float-layout-title {
        z-index: 0;
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;

        text {
          &:nth-child(1) {}

          &:nth-child(2) {
            color: $color-font-sub;
          }
        }
      }

      .float-layout-confirm {
        color: $color-btn;
        margin-left: auto;
      }
    }

    // 内容
    .float-layout-content {
      // padding-top: 20px;
      min-height: 600px;

      // 确认
      .float-confirm {
        @include padding-style();
        height: 96px;
        display: flex;
        align-items: center;
        border: 1px solid $border-color;
        background-color: rgba(89, 181, 59, 0.5);

        image {
          width: 48px;
          height: 48px;
        }

        text {
          margin-left: 12px;
          color: $color-green;
        }
      }

      // 休息
      .float-rest {
        @include btn-style1(666px, 76px, $color-white);
        margin: 0 auto 20px auto;
        font-size: $font-size-30;
      }

      // 上班，加班头
      .float-header {
        display: flex;
        align-items: center;
        justify-content: space-around;
        @include padding-style(24px, 0);
        color: $color-font-sub;
      }

      // 记工备注
      .float-remark {
        label {
          @include padding-style();
          display: flex;
          align-items: center;

          text {
            font-size: $font-size-30;
          }

          input {
            margin-left: 40px;
          }
        }
      }

      // 工资列表
      .salary-float {
        .salary-float-list {
          .salary-float-list-item {
            @include padding-style();
            font-size: $font-size-30;
            display: flex;
            justify-content: space-between;
            align-items: center;

            &.salary-float-list-item-title {
              background-color: $color-bg;
              font-size: $font-size-30;
              color: $color-font-sub;
            }

            .salary-float-left {}

            .salary-float-right {
              color: $color-font-sub;
            }

            .salary-float-text {
              width: 408px;
              text-align: right;
              color: $color-font-sub1;
            }
          }
        }
      }

      // 上班时间，上班时间
      // PickerView样式
      picker-view-column {
        view {
          color: #37363B;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: $font-size-34;
        }
      }

      // 单选，多选列表
      .grade-float {
        height: 96px * 7;

        label {
          @include padding-style();
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 96px;
          border-bottom: 1px solid $border-color;
          font-size: $font-size-30;
        }
      }
    }
  }
}