@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotates {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotates {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media only screen and (min-width:769px) {
	.loaderbox{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index: 9999999;background:#000;}
	.loaderbox .face{position:absolute;width:80%;left:10%;top:50%;-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);}


	/*new loading*/
	.up-loadding {
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  left: 0;
	  top: 0;
	  z-index: 9999999;
	}
	.up-loadding .cent-ico {
	  display: block;
	  width: 182px;
	  height: 182px;
	  background: url(http://www.y-light.net/img/ico_08.png) no-repeat center;
	  position: absolute;
	  left: 50%;
	  margin-left: -91px;
	  top: 50%;
	  margin-top: -91px;
	  z-index: 2;
	  -webkit-animation: scalePop 2.5s linear infinite;
	          animation: scalePop 2.5s linear infinite;
	}
	.up-loadding .bg-box {
	  display: block;
	  width: 100%;
	  height: 50%;
	  position: absolute;
	  left: 0;
	  background-color: #151620;
	  z-index: 1;
	}
	.up-loadding .bg-fir {
	  top: 0;
	}
	.up-loadding .bg-sec {
	  bottom: 0;
	}
	.up-loadding .cent-load {
	  width: 300px;
	  height: 300px;
	  position: absolute;
	  left: 50%;
	  margin-left: -150px;
	  top: 50%;
	  margin-top: -150px;
	  z-index: 2;
	}
	.up-loadding .line {
	  display: block;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	}
	.up-loadding .line1 {
	  width: 300px;
	  height: 300px;
	  background: url(https://rc0.zihu.com/g2/M00/59/11/CgAGe2DkC2qAAJtuAAAcIbAnU-0551.png) no-repeat center;
	  background-size:cover;
	  margin-left: -150px;
	  margin-top: -150px;
	  animation: rotate 1.4s linear infinite;
	}
	.up-loadding .line2 {
	  width: 300px;
	  height: 300px;
	  background: url(https://rc0.zihu.com/g2/M00/59/11/CgAGe2DkC3SACOEWAAAgl7yAMLE385.png) no-repeat center;
	  background-size:cover;
	  margin-left: -150px;
	  margin-top: -150px;
	  animation: rotates 1.8s linear infinite;
	}
	.up-loadding .line3 {
	  width: 300px;
	  height: 300px;
	  background: url(https://rc0.zihu.com/g2/M00/59/11/CgAGe2DkC3qAEV5OAAAnLE7Hz84965.png) no-repeat center;
	  background-size:cover;
	  margin-left: -150px;
	  margin-top: -150px;
	  animation: rotate 2.6s linear infinite;
	}
	.up-loadding .line4 {
	  width: 300px;
	  height: 300px;
	  background: url(https://rc0.zihu.com/g2/M00/59/11/CgAGe2DkC4GASZAAAAApRcHPhSI471.png) no-repeat center;
	  background-size:cover;
	  margin-left: -150px;
	  margin-top: -150px;
	  animation: rotates 3.4s linear infinite;
	}
	.up-loadding .cent-font {
	  text-align: center;
	  color: #fff;
	  position: absolute;
	  width: 130px;
	  left: 50%;
	  margin-left: -65px;
	  top: 50%;
	  margin-top: -26px;
	}
	.up-loadding .cent-font .num {
	  line-height: 30px;
	  font-family: "Base-font";
	  font-size: 22px;
	}
	.up-loadding .cent-font .tit {
	  line-height: 18px;
	  font-size: 12px;
	  font-family: "Arial";
	  text-transform: uppercase;
	  opacity: 0.5;
	}

}
@media only screen and (max-width:768px) {
	
}