html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }.p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #00519c; border-color: #00519c; color: #fff; } .p_page .pre:hover { color: #fff; background: #00519c; border-color: #00519c; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #00519c; border-color: #00519c; color: #fff; } .p_page .next:hover { background: #00519c; border-color: #00519c; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #fff; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #00519c; border-color: #00519c; } .p_page .pageNum:hover { color: #fff; border-color: #00519c; cursor: pointer; text-decoration: none; background-color: #00519c; } .p_page .pageNum.active { text-decoration: none; background-color: #00519c; color: #fff; border-color: #00519c; }