*{
	padding:0;
	margin:0;
	border:0;
}
i, em{
	font-style:normal;
}
a {
    color: #0c293f;
    text-decoration: none;
}
a:hover {
    color: #39c;
    text-decoration: none;
}
body{
	background:url(../img/tile.gif);
	font-family:"lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	color:#0c293f;
	font-size:14px;
}

.main-wrap{
	display: flex;
	flex-direction: column ;
	justify-content: space-between;
	margin: 0 auto;
	width:1080px;
	position:relative;
	margin-top:0px;
	min-height:300px;
	background-color:white;
	border: 1px solid #dbdbdb;
}
.main-wrap .list{
	display: flex;
	flex-direction:  row ;
	margin-top: 15px;
	flex-wrap: wrap ;
	width: 100%;
}
.list li{
	display: flex;
	flex-direction:  column ;
	margin: 0px 10px 25px 10px;
	width: 160px;
    height: 130px;
    text-align: center;
	overflow: hidden;
}
.list .img img{
	width: 160px;
    height: 100px;
    border-radius: 4px;
}
.list .name{
	text-align: left;
}
 
 
 .pagination{
	display: flex;
    justify-content: flex-end;
    padding: 10px 10px 10px 0 ;
}
.pagination > *{
	display: inline-block;
	width: 31px;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	border:1px solid #dcdcdc;
	text-align: center;
	margin-left: -1px;
	color: #f66316;
	font-size: 15px;
}
.pagination .current{
	color: #fff;
	background-color: #f66316;
}
.pagination .next, .pagination .last{
	width: 60px;
}
.pagination>*:first-child{
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}
.pagination>*:last-child{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}
.pagination>a:hover,.pagination>a:focus {
    z-index: 2;
    background-color: #eee;
    border-color: #ddd
}