.browse {
  color: @black;
  min-height: 100%;
  // background-color: @white;
  & @{deep} > .cr-sticky {
    z-index: 3;
    & > div {
      z-index: 3;
      width: 100%;
    }
  }

  /deep/ .cr-empty {
    background-color: @white;
    .cr-empty__description {
      color: @black;
    }
  }

  /deep/ .cr-pull-refresh__head {
    color: @gray-4;
  }

  /deep/ .cr-back-top__btn {
    width: 38px;
    height: 38px;
    border: solid 0.5px #c8c9cc;
    .cr-back-top__icon {
      font-size: 16px;
      position: relative;
      margin-top: -4px;
    }
  }

  &-calendar {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 2;
  }

  &-list {
    background-color: @white;
    margin-top: 78px;
    &.pdTop {
      padding-top: 18px;
    }
    /deep/ .cr-loading--text {
      line-height: 60px;
      color: @black;
    }
    /deep/ .cr-list__finished-text {
      line-height: 60px;
    }
    &-time {
      .text-size(14);
      font-weight: 600;
      height: 32px;
      line-height: 32px;
      border-top: 1px solid @gray-1;
      border-bottom: 1px solid @gray-1;
      padding-left: 18px;
    }
    &-shop {
      padding-top: @padding-sm;
      overflow: hidden;
      position: relative;
      &.mark {
        &::after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 30px;
          z-index: 1;
        }
      }
    }
    &-item {
      width: calc(100vw + 30px);
      display: flex;
      padding-bottom: @padding-sm;
    }
    &-checkbox {
      width: 30px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      /deep/ .cr-checkbox__label--right {
        margin-right: 0;
        margin-left: 0;
      }
    }
  }
  &-loading {
    text-align: center;
    color: #999;
    /deep/ .cr-loading--text {
      color: #999;
    }
  }
}
