﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
div#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:99999}
.loader{position:absolute;left:45%;top:41%}
.loader span{width:16px;height:16px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px;-webkit-animation:3s infinite linear;-moz-animation:3s infinite linear;-o-animation:3s infinite linear}
.loader h1{color:#525866;font-size:36px;letter-spacing:1px;font-weight:400;text-align:center}
.loader span:nth-child(2){background:#525866;-webkit-animation:kiri 1.2s infinite linear;-moz-animation:kiri 1.2s infinite linear;-o-animation:kiri 1.2s infinite linear}
.loader span:nth-child(3){background:#02adc6;z-index:100}
.loader span:nth-child(4){background:#525866;-webkit-animation:kanan 1.2s infinite linear;-moz-animation:kanan 1.2s infinite linear;-o-animation:kanan 1.2s infinite linear}
@-webkit-keyframes kanan{0%{-webkit-transform:translateX(20px)}
	50%{-webkit-transform:translateX(-20px)}
	100%{-webkit-transform:translateX(20px);z-index:200}
}
@-moz-keyframes kanan{0%{-moz-transform:translateX(20px)}
	50%{-moz-transform:translateX(-20px)}
	100%{-moz-transform:translateX(20px);z-index:200}
}
@-o-keyframes kanan{0%{-o-transform:translateX(20px)}
	50%{-o-transform:translateX(-20px)}
	100%{-o-transform:translateX(20px);z-index:200}
}
@-webkit-keyframes kiri{0%{-webkit-transform:translateX(-20px);z-index:200}
	50%{-webkit-transform:translateX(20px)}
	100%{-webkit-transform:translateX(-20px)}
}
@-moz-keyframes kiri{0%{-moz-transform:translateX(-20px);z-index:200}
	50%{-moz-transform:translateX(20px)}
	100%{-moz-transform:translateX(-20px)}
}
@-o-keyframes kiri{0%{-o-transform:translateX(-20px);z-index:200}
	50%{-o-transform:translateX(20px)}
	100%{-o-transform:translateX(-20px)}
}
