| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 | 
							- @import '../style/var';
 
- .van-search {
 
-   display: flex;
 
-   align-items: center;
 
-   box-sizing: border-box;
 
-   padding: @search-padding;
 
-   background-color: @search-background-color;
 
-   &__content {
 
-     display: flex;
 
-     flex: 1;
 
-     padding-left: @padding-sm;
 
-     background-color: @search-content-background-color;
 
-     border-radius: @border-radius-sm;
 
-     &--round {
 
-       border-radius: @border-radius-max;
 
-     }
 
-   }
 
-   &__label {
 
-     padding: @search-label-padding;
 
-     color: @search-label-color;
 
-     font-size: @search-label-font-size;
 
-     line-height: @search-input-height;
 
-   }
 
-   .van-cell {
 
-     flex: 1;
 
-     padding: 5px @padding-xs 5px 0;
 
-     background-color: transparent;
 
-     .van-field__left-icon {
 
-       color: @search-left-icon-color;
 
-     }
 
-   }
 
-   &--show-action {
 
-     padding-right: 0;
 
-   }
 
-   input {
 
-     &::-webkit-search-decoration,
 
-     &::-webkit-search-cancel-button,
 
-     &::-webkit-search-results-button,
 
-     &::-webkit-search-results-decoration {
 
-       display: none;
 
-     }
 
-   }
 
-   &__action {
 
-     padding: @search-action-padding;
 
-     color: @search-action-text-color;
 
-     font-size: @search-action-font-size;
 
-     line-height: @search-input-height;
 
-     cursor: pointer;
 
-     user-select: none;
 
-     &:active {
 
-       background-color: @active-color;
 
-     }
 
-   }
 
- }
 
 
  |