/* 上下篇 */
.pagenation{margin-top: 50px;overflow: hidden;}
.pagenation div{float: left;width: 45%;height: 100px;background-color:rgba(242,248,245,1);padding: 0 3%}
.pagenation div p{font-size: 20px;text-align: center;line-height: 100px;font-weight: bold;height: 100%;}
.pagenation div a{font-size: 20px;font-weight:bold;color:rgba(55,61,65,1);cursor: pointer;height: 100%;display: inline-block;line-height: 100px;}
.pagenation div a+p{color: rgba(86,86,86,1);font-size: 18px;font-weight:400;margin-bottom: 5%}
.pagenation div a+p+p{font-size:12px;font-family:'Microsoft YaHei';line-height: 30px;font-weight:400;color:rgba(136,136,136,1);}
.pagenation div.next-box{margin-left: 10%}
.pagenation div a.prev{color: #373D41;background-color:rgba(242,248,245,1);padding: 10px 10px;border-radius: 5px;border: 1px solid rgba(233,233,233,1);}
.pagenation div a.next{color: #ffffff;background-color:#09B761;padding: 10px 10px;border-radius: 5px}

/* 分页 */
.pagenation-box{width: 550px;margin: 30px auto;}
.pagenation-box a{display: inline-block;}
.pagenation-box ul{overflow: hidden;display: inline-block;position: relative;top: 10px;}
.pagenation-box > ul{ padding: 0; }
.pagenation-box > ul > li > a{ float: none; padding-left: 0; }
.pagenation-box ul li{width: 28px;height: 28px;background-color: rgba(9,183,97,.1);float: left;margin-left: 10px;border-radius: 50%;cursor: pointer;text-align: center;line-height: 28px;}
#prevPage{background-image: url('left.png')}
#nextPage{background-image: url('right.png')}
#firstPage{background-image: url('lefts.png')}
#lastPage{background-image: url('rights.png')}
#changePage{width: 50px;height: 28px;border: 1px solid rgba(9,183,97,.3);margin-left: 10px;text-align: center}
#nextPage,#prevPage{width: 7px;height: 12px;}
#firstPage,#lastPage{width: 13px;height: 12px;}
#jumpPage{width: 40px;height: 28px;background-color: #E6F8EF;text-align: center;line-height: 28px;border-radius: 4px;}
#totalPage{margin-left: 15px;}
#totalPage+a{margin-left: 15px;}

@media (max-width:768px){
    .pagenation{margin-top: 20px;}
    .pagenation div{width: 100%;clear: both;margin-bottom: 15px;height: 50px;padding: 0 3% 3%;}
    .pagenation div.next-box{margin-left: 0%;}
    .pagenation div a,.pagenation div p{font-size: 14px;line-height: 50px;height: 50px;}
    .pagenation div a+p{font-size: 14px;}
    .pagenation-box{margin: 20px 0}
    .pagenation-box>div{float: inherit;text-align: center}
    .pagenation-box{height: auto;}
    .pagenation-box>div.total-list span{display: block}
    .pagenation-box>div.page-target{margin-top: 15px;}    
}