ul li {
	list-style:none;
}
.tab_div {
	width:80%;
	height:80%;
	margin:10% auto;
	background-color:#333;
}
.tab {
	margin:0;
	padding:30px 30px 10px;
	list-style:none;
	display:block;
	overflow:hidden;
	margin:0 auto 15px;
}
.tab li {
	position:relative;
	margin-right:20px;
	line-height:36px;
	cursor:pointer;
	display:inline-block;
	overflow:hidden;
	text-align:center;
	border-bottom:2px solid transparent;
	color:#ffffff;
}
.cur {
	color:#00f2b1!important;
	/*border-bottom:1px solid #00ced4;
	*/
}
.cur:before {
	content:"";
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	height:4px;
	background-image:linear-gradient(to bottom,#00f2b1,#00ced4);
	border-radius:8px;
	transition:.3s;
}
.tab_cont {
	margin:0 auto;
	padding:0 30px 30px;
	display:none;
	color:#ffffff;
}
.on {
	display:block !important;
}