/* 
* @Author: anchen
* @Date:   2016-07-06 11:08:38
* @Last Modified by:   anchen
* @Last Modified time: 2016-08-05 10:16:47
*/
p{margin:0}
#page{
    text-align:center;
height: 50px;
    width: 60%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {

}


#page a{
    display:block;
    float:left;
    border-radius:8px ;
    margin-right:10px;
    padding:2px 12px;
    height:28px;
border: 1px solid rgba(112,112,112,0.6);
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
    line-height:24px;
    transition: 0.3s;
}
#page a:hover{
    background:#077ee3;
    color:#fff;
    transition: 0.3s;
    border: 1px solid rgba(112,112,112,0.0);

}
#page a.cur{
    border:none;
    background:#077ee3;
    color:#fff;
}
#page p{
    border-radius:8px ;
    border: 1px solid rgba(112,112,112,1);
    float:left;
    padding:2px 12px;
    font-size:12px;
    height:28px;
    line-height:24px;
    color:#bbb;

    background:#fcfcfc;
    margin-right:8px;

}
#page p.pageRemark{
    display: none;
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
#page p.pageRemark b{
    color:rgba(15, 144, 255, 1);
}
#page p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}
.showPage{
    margin-top: 80px;
    height: 40px;
    right: 0;
}