* {
	padding: 0;
	margin: 0;
}

body {
	padding: 100px;
	background: #323232;
	font-size: 12px;
	font-family: "微软雅黑";
}
ul,li{
	list-style: none;
}
.tab{
	width: 300px;
	float: left;
	margin-right: 50px;
}
.tab .tab-nav{
	height: 30px;
}
.tab .tab-nav li{
	float: left;
	margin-right: 5px;
	background: #767676;
	border-radius: 3px 3px 0 0;
}

.tab .tab-nav li a{
	display: block;
	height: 30px;
	padding: 0 20px;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
}
.tab .tab-nav li.actived{
	background: #ffffff;
}
.tab .tab-nav li.actived a{
	color: #777;
}
.tab .content-wrap{
	background: #ffffff;
	padding: 5px;
	height: 200px;
}
.tab .content-wrap img{
	width: 100%;
	height: 100%;
}
.tab .content-wrap .content-item{
	width: 290px;
	position: absolute;
	height: 200px;
	display: none;
}
.tab .content-wrap .current{
	display: block;
}