#loader {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background-image: url(img2/reloadbck.png);
      background-size: cover;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-size: 24px;
      z-index: 9999;
      text-align: center;
      opacity: 1;
      transition: opacity 1s ease;
      letter-spacing:5;
        font-family: "Noto Sans SC", sans-serif
;
    }

    #loader.fade-out {
      opacity: 0;
      pointer-events: none;
    }

    .reloadtw::after {
      content: '';
      display: inline-block;
      width: 1em;
      animation: dots 1s steps(4, end) infinite;
    }
    
    @keyframes dots {
      0%, 20% { content: ''; }
      40% { content: '.'; }
      60% { content: '..'; }
      80%, 100% { content: '...'; }
    }