
/*===加载中===*/
.loading_box{ display: none; width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0px; left: 0px; z-index: 9999; background: rgba(0, 0, 0, 0.2); }
.loading_box .loading_info{ width: 200px; height: 150px; overflow: hidden; position: absolute; background: rgba(30, 34, 46, 0.9); top: 50%; left: 50%; z-index: 5; margin-top: -75px; margin-left: -100px; }
.loading_box .loading_info .loading_bg,
.loading_box .loading_info .loading_bg li,
.loading_box .loading_info .loading_peak,
.loading_box .loading_info .loading_peak li{ display: block; background: transparent; position: absolute; }
.loading_box .loading_info .loading_bg,
.loading_box .loading_info .loading_peak{ width: 10px; height: 10px; top: 50%; left: 50%; z-index: 1; margin-top: -5px; margin-left: -5px;
	-webkit-transform: rotate(-90deg);/* Chrome-v4.0、Safari-v3.2、Opera-v15.0 */
	transform: rotate(-90deg);/* Chrome-v36.0、IE-v10.0、Firefox-v16.0、Safari-v9.0、Opera-v23.0 */
}
.loading_box .loading_info .loading_bg li,
.loading_box .loading_info .loading_peak li{ width: 2px; height: 50px;  top: -45px; left: 4px;
	-webkit-transform-origin: bottom;/* Chrome-v4.0、Safari-v3.2、Opera-v15.0 */
	transform-origin: bottom;/* Chrome-v36.0、IE-v10.0、Firefox-v16.0、Safari-v9.0、Opera-v23.0 */
}
.loading_box .loading_info .loading_bg li i,
.loading_box .loading_info .loading_peak li i{ display: block; width: 12px; height: 12px; overflow: hidden; border-radius: 14px; position: absolute; top: 0px; left: -5px; }
.loading_box .loading_info .loading_bg li i{ background: #d2d2d2; }
.loading_box .loading_info .loading_peak li i{ background: #0098f8; }
.loading_box .loading_info .loading_bg li:nth-child(1),
.loading_box .loading_info .loading_peak li:nth-child(1){ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.loading_box .loading_info .loading_bg li:nth-child(2),
.loading_box .loading_info .loading_peak li:nth-child(2){ -webkit-transform: rotate(22.5deg); transform: rotate(22.5deg); }
.loading_box .loading_info .loading_bg li:nth-child(3),
.loading_box .loading_info .loading_peak li:nth-child(3){ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.loading_box .loading_info .loading_bg li:nth-child(4),
.loading_box .loading_info .loading_peak li:nth-child(4){ -webkit-transform: rotate(67.5deg); transform: rotate(67.5deg); }
.loading_box .loading_info .loading_bg li:nth-child(5),
.loading_box .loading_info .loading_peak li:nth-child(5){ -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.loading_box .loading_info .loading_bg li:nth-child(6),
.loading_box .loading_info .loading_peak li:nth-child(6){ -webkit-transform: rotate(112.5deg); transform: rotate(112.5deg); }
.loading_box .loading_info .loading_bg li:nth-child(7),
.loading_box .loading_info .loading_peak li:nth-child(7){ -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.loading_box .loading_info .loading_bg li:nth-child(8),
.loading_box .loading_info .loading_peak li:nth-child(8){ -webkit-transform: rotate(157.5deg); transform: rotate(157.5deg); }
.loading_box .loading_info .loading_bg li:nth-child(9),
.loading_box .loading_info .loading_peak li:nth-child(9){ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.loading_box .loading_info .loading_bg li:nth-child(10),
.loading_box .loading_info .loading_peak li:nth-child(10){ -webkit-transform: rotate(202.5deg); transform: rotate(202.5deg); }
.loading_box .loading_info .loading_bg li:nth-child(11),
.loading_box .loading_info .loading_peak li:nth-child(11){ -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.loading_box .loading_info .loading_bg li:nth-child(12),
.loading_box .loading_info .loading_peak li:nth-child(12){ -webkit-transform: rotate(247.5deg); transform: rotate(247.5deg); }
.loading_box .loading_info .loading_bg li:nth-child(13),
.loading_box .loading_info .loading_peak li:nth-child(13){ -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.loading_box .loading_info .loading_bg li:nth-child(14),
.loading_box .loading_info .loading_peak li:nth-child(14){ -webkit-transform: rotate(292.5deg); transform: rotate(292.5deg); }
.loading_box .loading_info .loading_bg li:nth-child(15),
.loading_box .loading_info .loading_peak li:nth-child(15){ -webkit-transform: rotate(315deg); transform: rotate(315deg); }
.loading_box .loading_info .loading_bg li:nth-child(16),
.loading_box .loading_info .loading_peak li:nth-child(16){ -webkit-transform: rotate(337.5deg); transform: rotate(337.5deg); }
.loading_box .loading_info .loading_peak{}
.loading_box .loading_info .loading_peak li i{ opacity: 0;
	-webkit-animation: loadingRotate 8s linear infinite;/* Chrome-v4.0、Safari-v4.0、Opera-v15.0 */
	animation: loadingRotate 8s linear infinite;/* Chrome-v43.0、IE-v10.0、Firefox-v16.0、Safari-v9.0、Opera-v30.0 */
}
.loading_box .loading_info .loading_peak li:nth-child(1) i{ -webkit-animation-delay: 0ms; animation-delay: 0ms; }
.loading_box .loading_info .loading_peak li:nth-child(2) i{ -webkit-animation-delay: 250ms; animation-delay: 250ms; }
.loading_box .loading_info .loading_peak li:nth-child(3) i{ -webkit-animation-delay: 500ms; animation-delay: 500ms; }
.loading_box .loading_info .loading_peak li:nth-child(4) i{ -webkit-animation-delay: 750ms; animation-delay: 750ms; }
.loading_box .loading_info .loading_peak li:nth-child(5) i{ -webkit-animation-delay: 1000ms; animation-delay: 1000ms; }
.loading_box .loading_info .loading_peak li:nth-child(6) i{ -webkit-animation-delay: 1250ms; animation-delay: 1250ms; }
.loading_box .loading_info .loading_peak li:nth-child(7) i{ -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }
.loading_box .loading_info .loading_peak li:nth-child(8) i{ -webkit-animation-delay: 1750ms; animation-delay: 1750ms; }
.loading_box .loading_info .loading_peak li:nth-child(9) i{ -webkit-animation-delay: 2000ms; animation-delay: 2000ms; }
.loading_box .loading_info .loading_peak li:nth-child(10) i{ -webkit-animation-delay: 2250ms; animation-delay: 2250ms; }
.loading_box .loading_info .loading_peak li:nth-child(11) i{ -webkit-animation-delay: 2500ms; animation-delay: 2500ms; }
.loading_box .loading_info .loading_peak li:nth-child(12) i{ -webkit-animation-delay: 2750ms; animation-delay: 2750ms; }
.loading_box .loading_info .loading_peak li:nth-child(13) i{ -webkit-animation-delay: 3000ms; animation-delay: 3000ms; }
.loading_box .loading_info .loading_peak li:nth-child(14) i{ -webkit-animation-delay: 3250ms; animation-delay: 3250ms; }
.loading_box .loading_info .loading_peak li:nth-child(15) i{ -webkit-animation-delay: 3500ms; animation-delay: 3500ms; }
.loading_box .loading_info .loading_peak li:nth-child(16) i{ -webkit-animation-delay: 3750ms; animation-delay: 3750ms; }
@-webkit-keyframes loadingRotate{
	0%, 50%{ opacity: 1; }
	51%, 100%{ opacity: 0; }
}
@keyframes loadingRotate{
	0%, 50%{ opacity: 1; }
	51%, 100%{ opacity: 0; }
}
.loading_box .loading_info .loading_txt{ width: 100px; height: 20px; position: absolute; top: 50%; left: 50%; z-index: 5; margin-top: -10px; margin-left: -50px; padding-left: 16px; }
.loading_box .loading_info .loading_txt li{ display: inline-block; height: 20px; overflow: hidden; float: left; font-size: 12px; color: #0098f8; line-height: 20px; font-weight: 600;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-animation: loadingMoving 4s linear infinite;
	animation: loadingMoving 4s linear infinite;
}
.loading_box .loading_info .loading_txt li:nth-child(1){ -webkit-animation-delay: 250ms; animation-delay: 250ms; }
.loading_box .loading_info .loading_txt li:nth-child(2){ -webkit-animation-delay: 500ms; animation-delay: 500ms; }
.loading_box .loading_info .loading_txt li:nth-child(3){ -webkit-animation-delay: 750ms; animation-delay: 750ms; }
.loading_box .loading_info .loading_txt li:nth-child(4){ -webkit-animation-delay: 1000ms; animation-delay: 1000ms; }
.loading_box .loading_info .loading_txt li:nth-child(5){ -webkit-animation-delay: 1250ms; animation-delay: 1250ms; }
.loading_box .loading_info .loading_txt li:nth-child(6){ -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }
.loading_box .loading_info .loading_txt li:nth-child(7){ -webkit-animation-delay: 1750ms; animation-delay: 1750ms; }
.loading_box .loading_info .loading_txt li:nth-child(8){ -webkit-animation-delay: 2000ms; animation-delay: 2000ms; }
.loading_box .loading_info .loading_txt li:nth-child(9){ -webkit-animation-delay: 2250ms; animation-delay: 2250ms; }
.loading_box .loading_info .loading_txt li:nth-child(10){ -webkit-animation-delay: 2500ms; animation-delay: 2500ms; }
@-webkit-keyframes loadingMoving{
	0%, 20%, 100%{ -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
	10%{ -webkit-transform: translate(0px, -8px); transform: translate(0px, -8px); }
}
@keyframes loadingMoving{
	0%, 20%, 100%{ transform: translate(0px, 0px); }
	10%{ transform: translate(0px, -8px); }
}
