/*=== 作者：Distantmemory - 时间：2017年12月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*=== 页面加载动画 ===*/
.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; z-index: 999999; opacity: 1; 
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s; 
    transition: all 1s;

    transform: scaleY(1);
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1); }
.loading.over { opacity: 0;
    will-change: transform;
    transform: scaleY(0);
    -ms-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0); }
    
/*加载中图标*/
@-webkit-keyframes loader {
    0% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -ms-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1); 
    }

    50% {
        -webkit-transform: scaley(0.4);
        -moz-transform: scaley(0.4);
        -ms-transform: scaley(0.4);
        -o-transform: scaley(0.4);
        transform: scaley(0.4); 
    }
  
    100% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -ms-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1); 
    }
}
  
@-moz-keyframes loader {
    0% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -ms-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1); 
    }

    50% {
        -webkit-transform: scaley(0.4);
        -moz-transform: scaley(0.4);
        -ms-transform: scaley(0.4);
        -o-transform: scaley(0.4);
        transform: scaley(0.4); 
    }
  
    100% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -ms-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1); 
    }
}

@-o-keyframes loader {
    0% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -ms-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1); 
    }

    50% {
        -webkit-transform: scaley(0.4);
        -moz-transform: scaley(0.4);
        -ms-transform: scaley(0.4);
        -o-transform: scaley(0.4);
        transform: scaley(0.4); 
    }
  
    100% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -ms-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1); 
    }
}

@keyframes loader {
    0% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -ms-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1); 
    }

    50% {
        -webkit-transform: scaley(0.4);
        -moz-transform: scaley(0.4);
        -ms-transform: scaley(0.4);
        -o-transform: scaley(0.4);
        transform: scaley(0.4); 
    }
  
    100% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -ms-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1); 
    }
}
  
.loader > div { display: inline-block; width: 0.06rem; height: 0.32rem; background-color: #0071BF; border-radius: 0.02rem;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: loader 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
    animation: loader 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
.loader > div:nth-child(2), 
.loader > div:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important; }
.loader > div:nth-child(1), .loader > div:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important; }