* {
    margin: 0;
    padding: 0;
}
body {
    font: 14px/1.5 'microsoft yahei', '微软雅黑';
    color: #5a5a5a;

}
#list {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
#list #pageList,#list .pageList {position:relative;}
#list a{
    float: left;
    width: 24%;
    margin: 1% 0.5% 0;
    background-color: #f4f4f4;
    position: relative;
	text-align: left;
	overflow: hidden;
}
#list a span{display: inline-block;width: 100%;height:150px;overflow:hidden}
#list a:hover {
    animation: myfirst .2s forwards;
}
#list a span:nth-child(2) {
    width: 90%;
	line-height: 21px;
    height: 42px;
    float: left;
    padding: 3% 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    background-color: #e1e1e1;
    color: #525252;
}
#list a span:nth-child(2) label {
    color: #63c3de;
}

#page-list {position:relative;top:20px;text-align:center;}
#page-list a {color:#000;margin-right:10px;text-decoration:underline;}
#page-list a.now {text-decoration:none;}
#page-list a:hover {color:#e26a6a;}
#page-list a.fun {text-decoration:none;}


 @keyframes myfirst {
}
from {
top: 0px;
left: 0px;
}
to {
top: -2px;
left: -2px;
-moz-box-shadow:5px 5px 5px #787878; -webkit-box-shadow:5px 5px 5px #787878; box-shadow:5px 5px 5px #787878;
}
}
 @-moz-keyframes myfirst {
from {
top: 0px;
left: 0px;
}
to {
-moz-box-shadow:6px 6px 0px #f0f0f0;
-webkit-box-shadow:6px 6px 0px #f0f0f0;
box-shadow:6px 6px 0px #f0f0f0;
top: -2px;
left: -2px;
}
}