.pagin { display: block; }
.pagin > a { display: inline-block; padding: 9px 15px; margin: 0px 4px 0; border-radius: 3px; border: 1px #DDD solid; background: #FFF; color: #666; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; font-size: 12px; line-height: 18px; }
.pagin > a i { font-size: 10px; }
.pagin > a:hover { border-color: #3d98ff; box-shadow: 0 0 3px #eee; color: #3d98ff; }
.pagin .pagin-cur, .pagin .pagin-cur:hover { border-color: #3d98ff; background: #3d98ff; color: #FFF; }
.pagin-ell { font-size: 14px; line-height: 18px; color: #666; padding: 0 10px; }
.pagin-txt { display: inline-block; padding: 5px 8px; font-size: 14px; line-height: 18px; color: #666; }
.pagin-jump, .pagin-jump-focus { display: inline-block; *vertical-align: -5px; border: 1px #ddd solid; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.pagin-input { *float: left; width: 36px; height: 36px; border: none; outline: none; background: #fff; line-height: 36px\9; *line-height: 36px; text-align: center; font-size: 12px; color: #3d98ff; }
.pagin-btn { *float: left; display: none; padding: 0 10px; font-size: 12px; line-height: 26px; color: #fff; text-decoration: none; }
.pagin-btn:hover { color: #FFFFFF; }
.pagin-jump-focus { border-color: #3d98ff; background: #3d98ff; *vertical-align: -1px; }
.pagin-jump-focus .pagin-btn { display: inline-block; }
.tc {text-align: center;}