| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 | 
							- @import '../style/var';
 
- @import '../style/mixins/hairline';
 
- .van-action-sheet {
 
-   display: flex;
 
-   flex-direction: column;
 
-   max-height: @action-sheet-max-height;
 
-   overflow: hidden;
 
-   color: @action-sheet-item-text-color;
 
-   &__content {
 
-     flex: 1 auto;
 
-     overflow-y: auto;
 
-     -webkit-overflow-scrolling: touch;
 
-   }
 
-   &__item,
 
-   &__cancel {
 
-     display: block;
 
-     width: 100%;
 
-     padding: 14px @padding-md;
 
-     font-size: @action-sheet-item-font-size;
 
-     background-color: @action-sheet-item-background;
 
-     border: none;
 
-     cursor: pointer;
 
-     &:active {
 
-       background-color: @active-color;
 
-     }
 
-   }
 
-   &__item {
 
-     line-height: @action-sheet-item-line-height;
 
-     &--loading,
 
-     &--disabled {
 
-       color: @action-sheet-item-disabled-text-color;
 
-       &:active {
 
-         background-color: @action-sheet-item-background;
 
-       }
 
-     }
 
-     &--disabled {
 
-       cursor: not-allowed;
 
-     }
 
-     &--loading {
 
-       cursor: default;
 
-     }
 
-   }
 
-   &__cancel {
 
-     flex-shrink: 0;
 
-     box-sizing: border-box;
 
-     color: @action-sheet-cancel-text-color;
 
-   }
 
-   &__subname {
 
-     margin-top: @padding-xs;
 
-     color: @action-sheet-subname-color;
 
-     font-size: @action-sheet-subname-font-size;
 
-     line-height: @action-sheet-subname-line-height;
 
-   }
 
-   &__gap {
 
-     display: block;
 
-     height: @action-sheet-cancel-padding-top;
 
-     background-color: @action-sheet-cancel-padding-color;
 
-   }
 
-   &__header {
 
-     flex-shrink: 0;
 
-     font-weight: @font-weight-bold;
 
-     font-size: @action-sheet-header-font-size;
 
-     line-height: @action-sheet-header-height;
 
-     text-align: center;
 
-   }
 
-   &__description {
 
-     position: relative;
 
-     flex-shrink: 0;
 
-     padding: 20px @padding-md;
 
-     color: @action-sheet-description-color;
 
-     font-size: @action-sheet-description-font-size;
 
-     line-height: @action-sheet-description-line-height;
 
-     text-align: center;
 
-     &::after {
 
-       .hairline-bottom(@cell-border-color, @padding-md, @padding-md);
 
-     }
 
-   }
 
-   &__loading-icon .van-loading__spinner {
 
-     width: @action-sheet-loading-icon-size;
 
-     height: @action-sheet-loading-icon-size;
 
-   }
 
-   &__close {
 
-     position: absolute;
 
-     top: 0;
 
-     right: 0;
 
-     z-index: 1;
 
-     padding: @action-sheet-close-icon-padding;
 
-     color: @action-sheet-close-icon-color;
 
-     font-size: @action-sheet-close-icon-size;
 
-     line-height: inherit;
 
-     &:active {
 
-       color: @action-sheet-close-icon-active-color;
 
-     }
 
-   }
 
- }
 
 
  |