@charset "utf-8";
/* CSS Document */

body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei";
	background-size: 100% auto;
	font-size: 15px;
	color:#F5FAFF;
	background-color:#ffffff;
	overflow:auto;
}
* {
/* font-family:"Microsoft YaHei";
	font-size:16px; */
}
div, p, span, form, iframe, table, td, th, input, textarea, button, label, select, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	/*box-sizing:border-box;*/
}
ul, li {
	list-style: none
}
input[type=button]{
	cursor: pointer
}
a {
	color: #F5FAFF;
	text-align: left;
	text-decoration: none;
}
a:hover {
	color: red;
}
a:focus, input:focus, select:focus, textarea:focus {
	outline: none;
	-moz-outline: none;
}
table {
	background: 0;
	border-collapse: collapse;
	margin: 0;
	width: 100%;
}
table tr td {
	padding: 0;
}
.float-l {
	float: left
}
.float-r {
	float: right;
}

.b-tit { width:96%; height:40px; margin:0 auto;}
.b-tit span{ display:block; float:left; width:120px; line-height:30px; text-align:center; margin-top:20px; border-radius:20px; border:1px solid #379bff; }
.b-con{ 
	clear:both; 
	width:1200px;
	/*height:120px;*/
	margin:0 auto; 
	/*padding-top:20px; */
	text-align:center;
	/*border-top:1px dashed #cdcdcd;*/
	
}
.b-con ul{ display:block; padding:0px; display: flex; align-items:center; justify-content:space-between; margin:0 auto;}
.b-con ul li{
	display:block;
	border-radius:5px;
	margin:1% 0.5%;
	float:left;
	height:50px;
	width:140px;
	border:0px solid #c0c0c0;
	background:url(../images/not.png) no-repeat 12px, linear-gradient(90deg, #a5a5a5, #b9b9b9);/*从左向右渐变示例*/
	box-shadow: 1px 1px 2px #ccc;/*右下外阴影示例*/
	}
.b-con ul li.j {
	border: none;
	height: 50px;
	width: 15px !important;
	margin: 1% 0px;
	background: url(../images/j.png) no-repeat top left;
	background-color:none;
	box-shadow:none;
}
.b-con ul li h4{ display:block; width:25px; float:left; height:25px; line-height:25px; font-size: 13px; text-align:center; border-radius:30px; border:none; border:1px solid #c0c0c0; color:#0a3264; background-color:#e9e9e9; margin-top:-5px; margin-left:-15px;}
.b-con ul li span{ display:block; position:relative; line-height:30px;font-size: 16px; color:#FFF; margin:10px 0px 0px 20px; text-align:center; }

.b-con ul li.on{
	border:0px solid #fa6432;
	background:url(../images/pro.png) no-repeat 12px, linear-gradient(90deg, #ff4128, #fa7864);/*从左向右渐变示例*/
	box-shadow: 1px 1px 2px #ccc;/*右下外阴影示例*/
	}
.b-con ul li.on h4{ border:none; border:1px solid #e6551e; color:#fff; background-color:#ff7850; }
.b-con ul li.done{
	border:0px solid #2364ff;
	background:url(../images/com.png) no-repeat 12px, linear-gradient(90deg, #5fe16e, #82e696);/*从左向右渐变示例*/
	box-shadow: 1px 1px 2px #ccc;/*右下外阴影示例*/
	}
.b-con ul li.done h4{ border:none; border:1px solid #2364ff; color:#fff; background-color:#4b96cd;}


div.tab-con:nth-child(1) {
    background-color: #c878ff;
}
div.tab-con:nth-child(2) {
    background-color: #5fa5ff;
}
div.tab-con:nth-child(3) {
    background-color: #1ed2aa;
}
div.tab-con:nth-child(4) {
    background-color: #fa6e6e;
}
div.tab-con:nth-child(5) {
    background-color: #ffbe55;
}
div.tab-con:nth-child(6) {
    background-color: #1ed2aa;
}
div.tab-con:nth-child(7) {
    background-color: #fa6e6e;
}
div.tab-con:nth-child(8) {
    background-color: #ffbe55;
}
div.tab-con:nth-child(9) {
    background-color: #c878ff;
}
div.tab-con:nth-child(10) {
    background-color: #5fa5ff;
}


.sec-menu{
	width:180px;
	float:left;
	flex-wrap:wrap;
}