| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 | 
							- @import '../style/var';
 
- @import '../style/mixins/hairline';
 
- .van-collapse-item {
 
-   position: relative;
 
-   &--border {
 
-     &::after {
 
-       .hairline-top(@cell-border-color, @padding-md, @padding-md);
 
-     }
 
-   }
 
-   &__title {
 
-     .van-cell__right-icon::before {
 
-       // using translateZ to fix safari rendering issues
 
-       // see: https://github.com/vant-ui/vant/issues/8608
 
-       transform: rotate(90deg) translateZ(0);
 
-       transition: transform @collapse-item-transition-duration;
 
-     }
 
-     &::after {
 
-       right: @padding-md;
 
-       display: none;
 
-     }
 
-     &--expanded {
 
-       .van-cell__right-icon::before {
 
-         transform: rotate(-90deg);
 
-       }
 
-       &::after {
 
-         display: block;
 
-       }
 
-     }
 
-     &--borderless {
 
-       &::after {
 
-         display: none;
 
-       }
 
-     }
 
-     &--disabled {
 
-       cursor: not-allowed;
 
-       &,
 
-       & .van-cell__right-icon {
 
-         color: @collapse-item-title-disabled-color;
 
-       }
 
-       &:active {
 
-         background-color: @white;
 
-       }
 
-     }
 
-   }
 
-   &__wrapper {
 
-     overflow: hidden;
 
-     transition: height @collapse-item-transition-duration ease-in-out;
 
-     will-change: height;
 
-   }
 
-   &__content {
 
-     padding: @collapse-item-content-padding;
 
-     color: @collapse-item-content-text-color;
 
-     font-size: @collapse-item-content-font-size;
 
-     line-height: @collapse-item-content-line-height;
 
-     background-color: @collapse-item-content-background-color;
 
-   }
 
- }
 
 
  |