@import "../styles/imgVar.less";
@SCALE: 1.2;
.small(@w,@h,@scale) {
  width: @w / @scale;
  height: @h / @scale;
}
.loading {
  &__mask {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    // background: rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0);
  }
  &__wrapper {
    position: fixed;
    z-index: 9999;
    width: 200px;
    min-height: 200px;
    background-color: #111;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 8px;
    opacity: 0.8;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    display: flex;
    justify-content: center;
    align-items: center;
  }
  &__main {
    padding: 15px 10px;
  }
  &__text {
    text-align: center;
    font-size: 24px;
    padding-top: 10px;
    color: #fff;
  }
  &__gif-wrapper {
    margin: 0 auto;
    // 加字的话需要缩小下图片
    &--tcy {
      // 这里的尺寸为原图/2
      @w: 124px;
      @h: 121px;
      width: @w;
      height: @h;
      &.s {
        .small(@w, @h, @SCALE);
      }
      .bg100(@loading_tcy);
    }
    &--stc {
      // 这里的尺寸为原图/2
      @w: 99px;
      @h: 107px;
      width: @w;
      height: @h;
      &.s {
        .small(@w, @h, @SCALE);
      }
      .bg100(@loading_stc);
    }
  }
  &__gif {
    width: 100%;
  }
}
