@charset "UTF-8";

/* reset */
*{margin:0;padding:0; -webkit-text-size-adjust: none;  -moz-text-size-adjust: none;  -ms-text-size-adjust: none;}
a, address, blockquote, br, fieldset, legend, label, form, input, select, textarea, button, table, th, td caption, cite, code, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, div, iframe, ul, ol, li, hr, img{margin:0; padding:0;}
img{vertical-align:middle; border:none;}
img, fieldset, iframe{border:none;}


.energy_loading{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 10;    left: 0;top: 0;}
.energy_loading > .energy_loading_inner{width: 830px;margin: 0 auto;text-align: center;height: 350px;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.energy_loading .loader_top {color: #FFF;display: inline-block;position: relative;font-size: 48px;font-family: Arial, Helvetica, sans-serif;box-sizing: border-box;line-height: 1;}
.energy_loading .loader_top::after {content: '';  width: 5px;height: 5px;background: currentColor;position: absolute;bottom: 10px;right: -5px;box-sizing: border-box;animation: animloader01 1s linear infinite;}

@keyframes animloader01 {
  0% {
    box-shadow: 10px 0 rgba(255, 255, 255, 0), 20px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 10px 0 white, 20px 0 rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 10px 0 white, 20px 0 white;
  }
}


.energy_loading .loader_bott {width: 100%;height: 4.8px;display: inline-block;position: relative;background: rgba(255, 255, 255, 0.15);overflow: hidden;}
.energy_loading .loader_bott::after {content: '';width: 192px;height: 4.8px;background: #FFF;position: absolute;top: 0;left: 0;box-sizing: border-box;animation: animloader02 2s linear infinite;}

@keyframes animloader02 {
  0% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0%);
  }
}
    
.loading_img{margin: 15px 0;}
.loading_img > img{}

@media (max-width: 860px){
    .energy_loading > .energy_loading_inner{width: 100%;padding: 0 45px;box-sizing: border-box;height: auto;}
    .energy_loading .loader_top {font-size: 40px;}
    .loading_img > img{height: 150px;}
    
}
@media (max-width: 480px){
    .energy_loading .loader_top {font-size: 34px;}
    .loading_img{margin: 5px 0;}
    .loading_img > img{height: 125px;}
}