body {
	margin: 0;
	padding: 0;
}   
body * {
	box-sizing: border-box;
} 

ul {
	margin:  0;
	padding: 0;
}     
.col {
	
	float: left;
	overflow: auto;

} 
.col{
	margin: 0 30px 0 0;
}   
.col:not(.col-1):last-child {
	margin: 0;
}    
.col-1 {
	width: 960px;
	margin:0 auto;
	float: none;
}

.col-1-2 {
	width: 465px;
	float: left;
}

.col-1-3 {
	width: 300px;

}

.col-2-3 {
	width: 660px;
	margin: 0;
} 

header,
main {
	margin: 0 0 30px 0;
	overflow: hidden;
}     

main > .pic {
	height: 420px;
	margin-bottom: 30px;
	
}   

header {
	height:80px;
	
}   

header .nav {
	padding: 0;
	display: inline-block;
	margin: 0;
}   
header .nav li {
	display: block;
	float: left;
	height: 80px;
	width: 80px;
	
} 
 
footer {
	padding: 30px 0;
}   
.logo {
	float: left;
	padding: 25px 0 0 0;
	margin:0 100px 0 0;
} 

.avatar,
.add {
	float: right;
	height: 80px;
}  

.add .add-person {
	width: 60px;
	height: 35px;
	margin: 22.5px 20px 0 0 ;
}   

.record .more{
	display: block;
}