.main-material {
	padding-bottom: 100px;
	background-color: #f5f5f5;
}
.material-wrapper .material-navbar {
	float: left;
	width: 158px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
}
.material-wrapper .material-navbar_title {
	height: 33px;
	font-size: 17px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	background-color: #0651c0;
}
.material-wrapper .material-type {
	padding-bottom: 12px;
}
.material-wrapper .material-type li {
	margin-top: 12px;
	padding: 0 10px;
	font-size: 16px;
}
.material-wrapper .material-type li:after {
	content: ">";
	float: right;
	font-size: 15px;
	color: #aaa;
	font-weight: 100;
}
.material-wrapper .material-type .on,
.material-wrapper .material-type li a:hover {
	color: #0651c0;
}
.material-wrapper .material-list {
	float: right;
	width: 1040px;
}
.material-wrapper .material-list .list-wrapper {
	margin-top: 50px;
}
.material-wrapper .material-list .material-item {
	float: left;
	width: 300px;
	margin-left: 25px;
	margin-bottom: 20px;
}
.material-wrapper .material-list .material-item_img {
	height: 280px;
	background-color: #fff;
}
.material-wrapper .material-list .material-item_name {
	position: relative;
	height: 55px;
	margin-top: 3px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 55px;
	background-color: #fff;
}
.material-wrapper .material-list .material-item_name span{
	display: block;
	width: 88%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.material-wrapper .material-list .material-item_name .icon {
	position: absolute;
	right: 15px;
	top: 15px;
}
.material-wrapper .material-list .search-box {
	float: right;
	margin-right: 64px;
}
.material-wrapper .search-box .search-words {
	height: 28px;
    padding-left: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    vertical-align: middle;
    outline: none;
}
.material-wrapper .search-box .search-btn {
	width: 55px;
	height: 30px;
	border: none;
	border-radius: 6px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background-color: #2b70e0;
	cursor: pointer;
}