body{
	margin:0;
	background-color:#000000;
	font-family:"microsoft yahei";ROBOTO,sans-serif,
	color:#fff;
	color
	--webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s
}

body.pre{
	background-color:#03abd6
}

body.pre .progress-radial{
	border-color:#03abd6
}

body.pre .progress-radial .overlay{
	background-color:#03abd6
}

body.pre .project #J_ProTitle{
	color:#fff
}

.wrap{
	margin:0 auto;
	margin-top:15px;
	width:200px;
	position:relative;
	height:200px
}

.progress-radial{
	float:left;
	margin-right:30px;
	position:relative;
	width:200px;
	height:200px;
	border-radius:50%;
	border:2px solid #1f2439;
	background-color:tomato
}

.progress-radial .overlay{
	position:absolute;
	width:190px;
	height:190px;
	background-color:#03abd6;
	border-radius:50%;
	margin-left:5px;
	margin-top:5px;
	text-align:center;
	line-height:190px;
	font-size:58px;
	font-size
	--webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s
}

.progress-0{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(90deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-1{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(93.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-2{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(97.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-3{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(100.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-4{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(104.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-5{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(108deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-6{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(111.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-7{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(115.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-8{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(118.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-9{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(122.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-10{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(126deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-11{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(129.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-12{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(133.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-13{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(136.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-14{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(140.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-15{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(144deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-16{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(147.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-17{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(151.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-18{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(154.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-19{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(158.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-20{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(162deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-21{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(165.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-22{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(169.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-23{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(172.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-24{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(176.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-25{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(180deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-26{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(183.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-27{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(187.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-28{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(190.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-29{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(194.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-30{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(198deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-31{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(201.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-32{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(205.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-33{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(208.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-34{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(212.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-35{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(216deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-36{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(219.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-37{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(223.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-38{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(226.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-39{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(230.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-40{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(234deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-41{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(237.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-42{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(241.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-43{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(244.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-44{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(248.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-45{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(252deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-46{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(255.6deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-47{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(259.2deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-48{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(262.8deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-49{background-image:linear-gradient(90deg, #d3d3d3 50%,transparent 50%,transparent),linear-gradient(266.4deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-50{background-image:linear-gradient(-90deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-51{background-image:linear-gradient(-86.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-52{background-image:linear-gradient(-82.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-53{background-image:linear-gradient(-79.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-54{background-image:linear-gradient(-75.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-55{background-image:linear-gradient(-72deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-56{background-image:linear-gradient(-68.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-57{background-image:linear-gradient(-64.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-58{background-image:linear-gradient(-61.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-59{background-image:linear-gradient(-57.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-60{background-image:linear-gradient(-54deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-61{background-image:linear-gradient(-50.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-62{background-image:linear-gradient(-46.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-63{background-image:linear-gradient(-43.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-64{background-image:linear-gradient(-39.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-65{background-image:linear-gradient(-36deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-66{background-image:linear-gradient(-32.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-67{background-image:linear-gradient(-28.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-68{background-image:linear-gradient(-25.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-69{background-image:linear-gradient(-21.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-70{background-image:linear-gradient(-18deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-71{background-image:linear-gradient(-14.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-72{background-image:linear-gradient(-10.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-73{background-image:linear-gradient(-7.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-74{background-image:linear-gradient(-3.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-75{background-image:linear-gradient(0deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-76{background-image:linear-gradient(3.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-77{background-image:linear-gradient(7.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-78{background-image:linear-gradient(10.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-79{background-image:linear-gradient(14.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-80{background-image:linear-gradient(18deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-81{background-image:linear-gradient(21.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-82{background-image:linear-gradient(25.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-83{background-image:linear-gradient(28.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-84{background-image:linear-gradient(32.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-85{background-image:linear-gradient(36deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-86{background-image:linear-gradient(39.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-87{background-image:linear-gradient(43.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-88{background-image:linear-gradient(46.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-89{background-image:linear-gradient(50.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-90{background-image:linear-gradient(54deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-91{background-image:linear-gradient(57.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-92{background-image:linear-gradient(61.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-93{background-image:linear-gradient(64.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-94{background-image:linear-gradient(68.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-95{background-image:linear-gradient(72deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-96{background-image:linear-gradient(75.6deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-97{background-image:linear-gradient(79.2deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-98{background-image:linear-gradient(82.8deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-99{background-image:linear-gradient(86.4deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}
.progress-100{background-image:linear-gradient(90deg, #ff6347 50%,transparent 50%,transparent),linear-gradient(270deg, #ff6347 50%,#d3d3d3 50%,#d3d3d3)}

.header{
	height:0px;
	position:fixed;
	top:0;
	width:100%;
	text-align:center;
	line-height:0px;
	color:#fff;
	font-family:"microsoft yahei";
	font-size:17px;
	background-color:#03abd6
}
.btn-left{
	width:50px;
	padding:15px;
	margin-top:100px;
	height:30;
	position:fixed;
	top:0px;
	left:0
}
.btn-left.restart i{
	width:0;
	height:0;
	border-width:10px 0 10px 15px;
	border-color:transparent transparent transparent #fff;
	border-style:solid;
	padding:0;
	margin:0px 2px;
	display:block
}
.btn-left.pause i{
	border-style:solid;
	border-color:#fff;
	margin:0px;
	padding:0;
	height:20px;
	width:10px;
	border-width:0 5px;
	display:block
}

.btn-right{
	width:50px;
	padding:15px;
	margin-top:100px;
	height:30;
	position:fixed;
	top:0px;
	right:0;
	text-align:right
}
.btn-right i{
	background-image:url(../images/refresh.png);
	background-size:20px;
	width:20px;
	height:20px;
	display:inline-block
}

.round{
	position:absolute;
	top:20px;
	font-size:18px;
	text-align:center;
	width:100%
}

.status{
	position:absolute;
	bottom:20px;
	font-size:18px;
	text-align:center;
	width:100%
}

.project{
	text-align:center
}
.project #J_ProTitle{
	line-height:40px;
	font-size:20px;
	word-break:break-all;
	padding:0 15px;
	margin:0;
	color:#03abd6
}
.project #J_ProTitle small{
	line-height:20px !important;
	font-size:14px;
	margin:0;
	padding:0
}
.project img{
	height:120px
}