.pages{line-height: 20px;box-sizing: border-box;padding: 20px 0 30px;}
.pages{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.pages a{display: inline-block;margin: 0 4px 5px;box-sizing: border-box;padding: 4px 10px;border: 1px solid #d7dfdc;}
.pages a.on_pages{color: #fff;background: #1d4994;border-color: #1d4994;}
.pages span{display: inline-block;margin: 0 4px 5px;}
.pages input{display: inline-block;margin: 0 4px 5px;box-sizing: border-box;padding: 4px 10px;border: 1px solid #d7dfdc;line-height: 20px !important;width: 3em;}

@media screen  and (max-width:768px){
    .pages a.num{display: none;}
    .pages a.on_pages{display: block;}
}