html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }a:active, a:hover{ color:#c49660; transition:all ease 0.6s; } .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover{ background-color: #d6b67b; color: #fff; border-radius: 15px; } .p_CommonSquareNumBtn{ border-radius: 15px; } .p_page .pageNum{ position: relative; float: left; height: 50px; min-width: 50px; margin: 0 10px 0 0; background-size: 100% 100%; color: #666; border: 0px solid #d9d9d9; cursor: pointer; line-height: 50px; display: inline-block; font-family: inherit; font-size: 15px; font-weight: inherit; text-decoration: none; background-color: #ededed; text-align: center; border-radius: 0; } .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; margin: 0 10px 0 18px; text-align: center; padding: 0 10px; border-radius: 0; border: none; background: #fff; color: #595959; width: 50px; height: 50px; line-height: 50px; } .p_page .pre1 { color: #666 !important; background-color: #ededed!important; cursor: not-allowed!important; border: none!important; font-size: 16px; } .p_page .next .iconfont:before{ content: "\e6af"; margin-top: 0; float: none; margin-left: 0; } .p_page .next .font { text-align: center; display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; border: 0px solid #d9d9d9; background: #ededed; color: #595959; text-align: center; padding: 0 10px; border-radius: 0; margin-right: 5px; width: 50px; height: 50px; } .p_page .pageNum.active { text-decoration: none; background-color: #d6b67b; color: #fff; border-color: #d6b67b; } .p_page .pageNum:hover { color: #fff; border-color: #d6b67b; cursor: pointer; text-decoration: none; background-color: #d6b67b; } .p_page .next:hover { background: #d6b67b; border-color: #d6b67b; color: #fff; cursor: pointer; } .p_page .pre1:hover { color: #fff !important; background: #d6b67b !important; }