.m-pages{overflow:hidden;padding:60px;text-align:center;font-size:14px;color:#666} .m-pages .m-pages-block{display:inline-block} .m-pages li{float:left;margin:0 5px} .m-pages a{display:block;padding:0 10px;height:28px;line-height:28px;border:1px solid #ededed;background:#fff;color:#666;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .m-pages a:hover{background-color:#ae0a29;color:#fff} .m-pages .m-pages-more span{display:block;height:28px;line-height:28px} .m-pages .m-pages-next a,.m-pages .m-pages-prev a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .m-pages .m-pages-icon{margin-top:2px;width:24px;height:24px;background:no-repeat;background-size:100% auto} .m-pages .m-pages-prev .m-pages-icon{float:left;margin-right:2px;background-image:url(../../css)} .m-pages .m-pages-next .m-pages-icon{float:right;margin-left:2px;background-image:url(../../css)} .m-pages a:hover .m-pages-icon{background-position:0 100%} .m-pages .m-pages-item__active a{background-color:#ae0a29;color:#fff} .m-pages .m-pages-input,.m-pages .m-pages-input:focus{padding:0 10px;width:28px;border:1px solid #ededed;height:28px;line-height:28px;background:#fff;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} @media only screen and (max-width:479px){ .m-pages .m-pages-block li{margin:0} }