.dataLoadIng{position: absolute;top: 0;right: 0;bottom: 0;background: rgba(255,255,255,.1);z-index: 9995;display: none;}
.dataLoadIng.on{display: block;}

.moreload{position: relative;height: 150px;margin-top:100px}
.moreload .nrload{transform: scale(0.7);}
.bigrandom{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0);z-index: 99999;display: none;}
.nrload{display: none;}
#bigrandom1{display: block;}
#bigrandom1 .nrload_1{display: block;}
#bigrandom2{display: block;}
#bigrandom2 .nrload_2{display: block;}
#bigrandom3{display: block;}
#bigrandom3 .nrload_3{display: block;}
#bigrandom4{display: block;}
#bigrandom4 .nrload_4{display: block;}
#bigrandom5{display: block;}
#bigrandom5 .nrload_5{display: block;}
#bigrandom6{display: block;}
#bigrandom6 .nrload_6{display: block;}
.moreload .nrload_1{display: block;}
.moreload .nrload_2{display: block;}
.moreload .nrload_3{display: block;}
.moreload .nrload_4{display: block;}
.moreload .nrload_5{display: block;}
.moreload .nrload_6{display: block;}
.loadradom .whitebg{position: absolute;z-index: 1;background: #fff;border-radius: 10px;}
/******************* 第1种 **********
*******************************************/
.loadradom .loadmain{width: 100px;height: 30px;top: 50%;position: absolute;left: 50%;margin-left: -50px;margin-top: -20px;z-index: 2;}
.loadradom .nrload_1  .span{display: block;bottom: 0px;width: 9px;height: 5px;background: #9b59b6;position: absolute;
    -webkit-animation: loadradom1 1.5s infinite ease-in-out;
    -moz-animation: loadradom1 1.5s infinite ease-in-out;
    -ms-animation: loadradom1 1.5s infinite ease-in-out;
    -o-animation: loadradom1 1.5s infinite ease-in-out;
    animation: loadradom1 1.5s infinite ease-in-out;
}
.loadradom .nrload_1 .span:nth-child(2){left: 11px;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-ms-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s;}
.loadradom .nrload_1 .span:nth-child(3){left: 22px;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-ms-animation-delay: .4s;-o-animation-delay: .4s;animation-delay: .4s;}
.loadradom .nrload_1 .span:nth-child(4){left: 33px;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;-o-animation-delay: .6s;animation-delay: .6s;}
.loadradom .nrload_1 .span:nth-child(5){left: 44px;-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-ms-animation-delay: .8s;-o-animation-delay: .8s;animation-delay: .8s;}

@-webkit-keyframes loadradom1{
    0%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
    25%{height: 30px;-webkit-transform: translateY(15px);background: #3498db;}
    50%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
    100%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
}
@-moz-keyframes loadradom1{
    0%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
    25%{height: 30px;-webkit-transform: translateY(15px);background: #3498db;}
    50%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
    100%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
}
@-ms-keyframes loadradom1{
    0%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
    25%{height: 30px;-webkit-transform: translateY(15px);background: #3498db;}
    50%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
    100%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
}
@keyframes loadradom1{
    0%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
    25%{height: 30px;-webkit-transform: translateY(15px);background: #3498db;}
    50%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
    100%{height: 5px;-webkit-transform: translateY(0px);background: #9b59b6;}
}
/******************* 第2种 **********
*******************************************/
.loadradom .nrload_2 .loadmain{position: absolute;left: 50%;width: 40px;height: 40px;z-index: 2;top: 50%;left: 50%;margin: -20px 0 0 -20px;}
.loadradom .nrload_2 .span{display: block;bottom: 0px;width: 20px;height: 20px;background: #9b59b6;position: absolute;}
.loadradom .nrload_2 .span:nth-child(1){
    -webkit-animation: loadradom2_1 1.5s infinite ease-in-out;
    -moz-animation: loadradom2_1 1.5s infinite ease-in-out;
    -ms-animation: loadradom2_1 1.5s infinite ease-in-out;
    animation: loadradom2_1 1.5s infinite ease-in-out;
}
.loadradom .nrload_2 .span:nth-child(2){left: 20px;-webkit-animation: loadradom2_2 1.5s infinite ease-in-out;-moz-animation: loadradom2_2 1.5s infinite ease-in-out;-ms-animation: loadradom2_2 1.5s infinite ease-in-out;animation: loadradom2_2 1.5s infinite ease-in-out;}
.loadradom .nrload_2 .span:nth-child(3){top: 0px;-webkit-animation: loadradom2_3 1.5s infinite ease-in-out;-moz-animation: loadradom2_3 1.5s infinite ease-in-out;-ms-animation: loadradom2_3 1.5s infinite ease-in-out;animation: loadradom2_3 1.5s infinite ease-in-out;}
.loadradom .nrload_2 .span:nth-child(4){top: 0px;left: 20px;-webkit-animation: loadradom2_4 1.5s infinite ease-in-out;-moz-animation: loadradom2_4 1.5s infinite ease-in-out;-ms-animation: loadradom2_4 1.5s infinite ease-in-out;animation: loadradom2_4 1.5s infinite ease-in-out;}
@-webkit-keyframes loadradom2_1{
    0%{-webkit-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-webkit-transform: translateX(-20px) translateY(-10px) rotate(-180deg);border-radius: 20px;background: #3498db;}
    80%{-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
    100%{-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}}
@-webkit-keyframes loadradom2_2{
    0%{-webkit-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-webkit-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius: 20px;background: #f1c40f;}
    80%{-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
    100%{-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
}
@-webkit-keyframes loadradom2_3{
    0%{-webkit-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-webkit-transform: translateX(-20px) translateY(10px) rotate(-180deg);border-radius: 20px;background: #2ecc71;}
    80%{-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
    100%{-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
}
@-webkit-keyframes loadradom2_4{
    0%{-webkit-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-webkit-transform: translateX(20px) translateY(10px) rotate(180deg);border-radius: 20px;background: #e74c3c;}
    80%{-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
    100%{-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
}
@-moz-keyframes loadradom2_1{
    0%{-moz-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-moz-transform: translateX(-20px) translateY(-10px) rotate(-180deg);border-radius: 20px;background: #3498db;}
    80%{-moz-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
    100%{-moz-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
}
@-moz-keyframes loadradom2_2{
    0%{-moz-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-moz-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius: 20px;background: #f1c40f;}
    80%{-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
    100%{-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
}
@-moz-keyframes loadradom2_3{
    0%{-moz-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-moz-transform: translateX(-20px) translateY(10px) rotate(-180deg);border-radius: 20px;background: #2ecc71;}
    80%{-moz-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
    100%{-moz-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
}
@-moz-keyframes loadradom2_4{
    0%{-moz-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-moz-transform: translateX(20px) translateY(10px) rotate(180deg);border-radius: 20px;background: #e74c3c;}
    80%{-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
    100%{-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
}
 @-ms-keyframes loadradom2_1{
    0%{-ms-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-ms-transform: translateX(-20px) translateY(-10px) rotate(-180deg);border-radius: 20px;background: #3498db;}
    80%{-ms-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
    100%{-ms-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
}
@-ms-keyframes loadradom2_2{
    0%{-ms-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-ms-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius: 20px;background: #f1c40f;}
    80%{-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
    100%{-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
}
@-ms-keyframes loadradom2_3{
    0%{-ms-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-ms-transform: translateX(-20px) translateY(10px) rotate(-180deg);border-radius: 20px;background: #2ecc71;}
    80%{-ms-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
    100%{-ms-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
}
@-ms-keyframes loadradom2_4{
    0%{-ms-transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{-ms-transform: translateX(20px) translateY(10px) rotate(180deg);border-radius: 20px;background: #e74c3c;}
    80%{-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
    100%{-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
}
@keyframes loadradom2_1{
    0%{transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{transform: translateX(-20px) translateY(-10px) rotate(-180deg);border-radius: 20px;background: #3498db;}
    80%{transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
    100%{transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
}
@keyframes loadradom2_2{
    0%{transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius: 20px;background: #f1c40f;}
    80%{transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
    100%{transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
}
@keyframes loadradom2_3{
    0%{transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{transform: translateX(-20px) translateY(10px) rotate(-180deg);border-radius: 20px;background: #2ecc71;}
    80%{transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
    100%{transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius: 0px;}
}
@keyframes loadradom2_4{
    0%{transform: translateX(0px) translateY(0px) rotate(0deg);border-radius: 0px;}
    50%{transform: translateX(20px) translateY(10px) rotate(180deg);border-radius: 20px;background: #e74c3c;}
    80%{transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
    100%{transform: translateX(0px) translateY(0px) rotate(360deg);border-radius: 0px;}
}
/******************* 第3种 **********
*******************************************/
.loadradom .nrload_3 .loadmain{position: absolute;left: 50%;width: 40px;height: 40px;z-index: 2;top: 50%;left: 50%;margin: -20px 0 0 -20px;}
.loadradom .nrload_3 .loadmain:before{width: 20px;height: 20px;border-radius: 20px;background: blue;content: '';position: absolute;background: #9b59b6;-webkit-animation: loadradom3_before 1.5s infinite ease-in-out;-moz-animation: loadradom3_before 1.5s infinite ease-in-out;-ms-animation: loadradom3_before 1.5s infinite ease-in-out;animation: loadradom3_before 1.5s infinite ease-in-out;}
.loadradom .nrload_3 .loadmain:after{width: 20px;height: 20px;border-radius: 20px;background: blue;content: '';position: absolute;background: #2ecc71;left: 22px;-webkit-animation: loadradom3_after 1.5s infinite ease-in-out;-moz-animation: loadradom3_after 1.5s infinite ease-in-out;-ms-animation: loadradom3_after 1.5s infinite ease-in-out;animation: loadradom3_after 1.5s infinite ease-in-out;}
@-webkit-keyframes loadradom3_before{
    0%{-webkit-transform: translateX(0px) rotate(0deg)}
    50%{-webkit-transform: translateX(25px) scale(1.2) rotate(260deg);background: #2ecc71;border-radius: 0px;}
    100%{-webkit-transform: translateX(0px) rotate(0deg)}
}
@-webkit-keyframes loadradom3_after{
    0%{-webkit-transform: translateX(0px)}
    50%{-webkit-transform: translateX(-50px) scale(1.2) rotate(-260deg);background: #9b59b6;border-radius: 0px;}
    100%{-webkit-transform: translateX(0px)}
}
@-moz-keyframes loadradom3_before{
    0%{-moz-transform: translateX(0px) rotate(0deg)}
    50%{-moz-transform: translateX(50px) scale(1.2) rotate(260deg);background: #2ecc71;border-radius: 0px;}
    100%{-moz-transform: translateX(0px) rotate(0deg)}
}
@-moz-keyframes loadradom3_after{
    0%{-moz-transform: translateX(0px)}
    50%{-moz-transform: translateX(-50px) scale(1.2) rotate(-260deg);background: #9b59b6;border-radius: 0px;}
    100%{-moz-transform: translateX(0px)}
}
@-ms-keyframes loadradom3_before{
    0%{-ms-transform: translateX(0px) rotate(0deg)}
    50%{-ms-transform: translateX(50px) scale(1.2) rotate(260deg);background: #2ecc71;border-radius: 0px;}
    100%{-ms-transform: translateX(0px) rotate(0deg)}
}
@-ms-keyframes loadradom3_after{
    0%{-ms-transform: translateX(0px)}
    50%{-ms-transform: translateX(-50px) scale(1.2) rotate(-260deg);background: #9b59b6;border-radius: 0px;}
    100%{-ms-transform: translateX(0px)}
}
@keyframes loadradom3_before{
    0%{transform: translateX(0px) rotate(0deg)}
    50%{transform: translateX(50px) scale(1.2) rotate(260deg);background: #2ecc71;border-radius: 0px;}
    100%{transform: translateX(0px) rotate(0deg)}
}
@keyframes loadradom3_after{
    0%{transform: translateX(0px)}
    50%{transform: translateX(-50px) scale(1.2) rotate(-260deg);background: #9b59b6;border-radius: 0px;}
    100%{transform: translateX(0px)}
}
/******************* 第4种 **********
*******************************************/
.loadradom .nrload_4 .loadmain{width: 100px;height: 40px;top: 50%;position: absolute;left: 50%;margin-left: -50px;margin-top: -20px;z-index: 2;}
.loadradom .nrload_4 .span{position: absolute;width: 20px;height: 20px;background: #3498db;opacity: 0.5;border-radius: 20px;-webkit-animation: loadradom4 1s infinite ease-in-out;-moz-animation: loadradom4 1s infinite ease-in-out;-ms-animation: loadradom4 1s infinite ease-in-out;-animation: loadradom4 1s infinite ease-in-out;}
.loadradom .nrload_4 .span:nth-child(2){left: 20px;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-ms-animation-delay: .2s;animation-delay: .2s;}
.loadradom .nrload_4 .span:nth-child(3){left: 40px;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-ms-animation-delay: .4s;animation-delay: .4s;}
.loadradom .nrload_4 .span:nth-child(4){left: 60px;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;animation-delay: .6s;}
.loadradom .nrload_4 .span:nth-child(5){left: 80px;-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-ms-animation-delay: .8s;animation-delay: .8s;}
@-webkit-keyframes loadradom4{
    0%{opacity: 0.3;-webkit-transform: translateY(0px);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50%{opacity: 1;-webkit-transform: translateY(-10px);background: #f1c40f;box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
    100%{opacity: 0.3;-webkit-transform: translateY(0px);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@-moz-keyframes loadradom4{
    0%{opacity: 0.3;-webkit-transform: translateY(0px);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50%{opacity: 1;-webkit-transform: translateY(-10px);background: #f1c40f;box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
    100%{opacity: 0.3;-webkit-transform: translateY(0px);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@-ms-keyframes loadradom4{
    0%{opacity: 0.3;-webkit-transform: translateY(0px);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50%{opacity: 1;-webkit-transform: translateY(-10px);background: #f1c40f;box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
    100%{opacity: 0.3;-webkit-transform: translateY(0px);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@keyframes loadradom4{
    0%{opacity: 0.3;-webkit-transform: translateY(0px);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50%{opacity: 1;-webkit-transform: translateY(-10px);background: #f1c40f;box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
    100%{opacity: 0.3;-webkit-transform: translateY(0px);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
/******************* 第5种 **********
*******************************************/
.loadradom .nrload_5 .loadmain{position: absolute;width: 30px;height: 30px;top: 50%;left: 50%;margin: -15px 0 0 -15px;background: #3498db;border-radius: 50px;-webkit-animation: loadradom5 1.5s infinite linear;-moz-animation: loadradom5 1.5s infinite linear;-ms-animation: loadradom5 1.5s infinite linear;animation: loadradom5 1.5s infinite linear;z-index: 2;}
.loadradom .nrload_5 .loadmain:after{position: absolute;width: 50px;height: 50px;border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;border-left: 10px solid transparent;border-right: 10px solid transparent;border-radius: 50px;content: '';top: -20px;left: -20px;-webkit-animation: loadradom5_after 1.5s infinite linear;-moz-animation: loadradom5_after 1.5s infinite linear;-ms-animation: loadradom5_after 1.5s infinite linear;animation: loadradom5_after 1.5s infinite linear;}
@-webkit-keyframes loadradom5{
    0%{-webkit-transform: rotate(0deg);}
    50%{-webkit-transform: rotate(180deg);background: #2ecc71;}
    100%{-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes loadradom5_after{
    0%{border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;}
    50%{border-top: 10px solid #3498db;border-bottom: 10px solid #3498db;}
    100%{border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;}
}
@-moz-keyframes loadradom5{
    0%{-moz-transform: rotate(0deg);}
    50%{-moz-transform: rotate(180deg);background: #2ecc71;}
    100%{-moz-transform: rotate(360deg);}
}
@-moz-keyframes loadradom5_after{
    0%{border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;}
    50%{border-top: 10px solid #3498db;border-bottom: 10px solid #3498db;}
    100%{border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;}
}
@-ms-keyframes loadradom5{
    0%{-ms-transform: rotate(0deg);}
    50%{-ms-transform: rotate(180deg);background: #2ecc71;}
    100%{-ms-transform: rotate(360deg);}
}
@-ms-keyframes loadradom5_after{
    0%{border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;}
    50%{border-top: 10px solid #3498db;border-bottom: 10px solid #3498db;}
    100%{border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;}
}
@keyframes loadradom5{
    0%{transform: rotate(0deg);}
    50%{transform: rotate(180deg);background: #2ecc71;}
    100%{transform: rotate(360deg);}
}
@keyframes loadradom5_after{
    0%{border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;}
    50%{border-top: 10px solid #3498db;border-bottom: 10px solid #3498db;}
    100%{border-top: 10px solid #9b59b6;border-bottom: 10px solid #9b59b6;}
}
/******************* 第6种 **********
*******************************************/
.loadradom .nrload_6 .loadmain{position: absolute;width: 42px;height: 42px;top: 50%;left: 50%;margin: -21px 0 0 -21px;-webkit-animation: loadradom6 5s infinite linear;-moz-animation: loadradom6 5s infinite linear;-ms-animation: loadradom6 5s infinite linear;animation: loadradom6 5s infinite linear;z-index: 2;}
.loadradom .nrload_6 .span{width: 20px;height: 20px;position: absolute;background: red;display: block;
    -webkit-animation: loadradom6_span 1s infinite linear;
    -moz-animation: loadradom6_span 1s infinite linear;
    -ms-animation: loadradom6_span 1s infinite linear;
    animation: loadradom6_span 1s infinite linear;
}
.loadradom .nrload_6 .span:nth-child(1){background: #2ecc71;}
.loadradom .nrload_6 .span:nth-child(2){left: 22px;background: #9b59b6;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-ms-animation-delay: .2s;animation-delay: .2s;}
.loadradom .nrload_6 .span:nth-child(3){top: 22px;background: #3498db;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-ms-animation-delay: .4s;animation-delay: .4s;}
.loadradom .nrload_6 .span:nth-child(4){top: 22px;left: 22px;background: #f1c40f;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;animation-delay: .6s;}
@-webkit-keyframes loadradom6{
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes loadradom6_span{
    0%{-webkit-transform: scale(1);}
    50%{-webkit-transform: scale(0.5);}
    100%{-webkit-transform: scale(1);}
}
@-moz-keyframes loadradom6{
    from{-moz-transform: rotate(0deg);}
    to{-moz-transform: rotate(360deg);}
}
@-moz-keyframes loadradom6_span{
    0%{-moz-transform: scale(1);}
    50%{-moz-transform: scale(0.5);}
    100%{-moz-transform: scale(1);}
}
@-ms-keyframes loadradom6{
    from{-ms-transform: rotate(0deg);}
    to{-ms-transform: rotate(360deg);}
}
@-ms-keyframes loadradom6_span{
    0%{-ms-transform: scale(1);}
    50%{-ms-transform: scale(0.5);}
    100%{-ms-transform: scale(1);}
}
@-ms-keyframes loadradom6{
    from{-ms-transform: rotate(0deg);}
    to{-ms-transform: rotate(360deg);}
}
@keyframes loadradom6_span{
    0%{transform: scale(1);}
    50%{transform: scale(0.5);}
    100%{transform: scale(1);}
}