@prefixCls: com-skeleton;


.ssds {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: auto;  
}
.@{prefixCls}-view {
      
  @keyframes com-skeleton-loading {
    0% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0 50%;
    }
  }
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: auto;
  
    ul {
      padding: 0;
  
      &:last-child {
        padding-bottom: 12.5px ;
      }
    }
    .title,
    li {
      background-color: rgba(190, 190, 190, 0.2);
      border-radius: 2px ;
      width: 100%;
      display: block;
    }
  
    &.@{prefixCls}-animated {
      .title,
      li {
        background: linear-gradient(
          90deg,
          rgba(190, 190, 190, 0.2) 25%,
          rgba(129, 129, 129, 0.24) 37%,
          rgba(190, 190, 190, 0.2) 63%
        );
        background-size: 400% 100%;
        animation: com-skeleton-loading 1.4s ease infinite;
      }
    }
    .title {
      width: 45%;
      height: 18px ;
      border-radius: 2px ;
      margin-bottom: 19px ;
      margin-top: 22px ;
    }
  
    li {
      height: 18px ;
      border-radius: 2px ;
      margin-top: 12px ;
      margin-bottom: 12px;
  
      &:last-child {
        width: 65%;
      }
    }
  }