$namespace: 'book-stock';
@include b(search){
  padding: $--edge-view;
  @include flex();
}

@include b(limit){
  margin-top: $--edge-view;
  padding:0 $--edge-view; 
  font-size: $--font-size-small; 
  overflow: hidden;
  transition: .3s height;
  @include when(close){
    height: 0 !important;
  } 
  @include e(type){
    @include flex($align: flex-start);
  }
  @include e(label){
    width: 1.2rem;
    line-height: .5rem;
  }
  @include e(values){
    @include flex($space: flex-start);
    width: 5.8rem;
    flex-wrap: wrap;
  }
  @include e(value){
    width: 22%;
    box-sizing: border-box;
    border: 1px solid $--font-color-light;
    color:  $--font-color-light;
    border-radius: .25rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    margin-bottom: .3rem;
    margin-right: 4%;
    &:nth-child(4n){
      margin-right: 0;
    }
    @include when(active){
      border-color:$--color-theme-girl;
      color:  $--color-theme-girl;
    }
  }
}
@include b(switch){
  margin-top: -.2rem;
  background-color: #fff;
  @include e(content){
    text-align: center;
    color: $--font-color-light;
    @include flex($space: center);
    height: 2.5em;
  }
  @include e(icon){
    width: 1em;
    margin-left: .5em;
  } 
  @include e(shadow){
    width: 7.5rem;
    height: .2rem;
    background: radial-gradient(3.75rem .1rem at 50% 0,#f0f0f0,#fff)
  }
}

@include b(book){
  margin: .4rem $--edge-view;  
}

.notfind{
  position: relative;
  top: 1rem;
  left: 50%;
  transform: translate(-50%);
  width: 50%;
  margin-bottom: 3rem;
}

.contact-customer-service{
  border:1px solid rgba(50,161,255,1);
  border-radius:2px;
  width:115px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  padding: 8px 0;
  color: #32A1FF
}