@-webkit-keyframes line-spin-fade-loader {50% {opacity: 0.3; } 100% {opacity: 1; } }
        @keyframes line-spin-fade-loader {50% {opacity: 0.3; } 100% {opacity: 1; } }
        .loader { height: 42px; margin-bottom: 0; margin: auto; margin-right: 5px; transform: scale(0.5); display: flex; align-items: center; justify-content: center; opacity: 0.5; }
        .line-spin-fade-loader {position: relative; }
        .line-spin-fade-loader > div:nth-child(1) {top: 20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; }
        .line-spin-fade-loader > div:nth-child(2) {top: 13.63636px; left: 13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; }
        .line-spin-fade-loader > div:nth-child(3) {top: 0; left: 20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; }
        .line-spin-fade-loader > div:nth-child(4) {top: -13.63636px; left: 13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; }
        .line-spin-fade-loader > div:nth-child(5) {top: -20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; }
        .line-spin-fade-loader > div:nth-child(6) {top: -13.63636px; left: -13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; }
        .line-spin-fade-loader > div:nth-child(7) {top: 0; left: -20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; }
        .line-spin-fade-loader > div:nth-child(8) {top: 13.63636px; left: -13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out; }
        .line-spin-fade-loader > div {background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; }
        .line-spin-fade-loader {position: relative; }
        .scrm_common_loading {color: #fff; text-align: center; width: 105px; background: rgba(0,0,0,0.75); padding:20px 20px 30px; border-radius: 10px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 100; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
        .scrm_common_loading.active { opacity: 1; visibility: visible; transition: all 0.5s ease; }
        .scrm_common_loading span {display: block; margin-top: 10px;font-size:16px; }