* {
    margin: 0;
    padding: 0;
}
body {
    font: 14px/1.5 'microsoft yahei', '微软雅黑';
    color: #5a5a5a;
    text-align: center;
}
#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%;overflow:hidden;position:relative}
#list a:hover {
    animation: myfirst .2s forwards;
}
#list a span:nth-child(2) {
    width: 90%;
    margin: 3% 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
	color: #000;
	text-align: center;
}

.image_qy{
    position: absolute;
    right:-20px;
    bottom:0px;
    width:120px;
    height: 50px;
}

#list a span:nth-child(2) label{
    display: none;
}

#list a span:nth-child(3) {
    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(3) label {
    color: #31b48c;
}

#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;
}
}