.page-elem-field-root { position: relative;widows: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.page-elem-field { position: relative;widows: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; }  

.page-elem-field .item { position: relative;padding: 2px 14px;margin: 0px 1px;color: #727272; font-size: 16px;line-height: 28px;border: solid 1px #d1c7b0;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
 
.page-elem-field .item.head { margin: 0 8px; }  
.page-elem-field .item.foot { margin: 0 8px; }  
.page-elem-field .item.active { background-color: #03d522; color: #fff; }  
.page-elem-field .item:hover { background-color: #03d522; color: #fff; }  
.page-elem-field .item.item-disable { color: #d2d2d2 !important; cursor: not-allowed !important; }  
.page-elem-field .item.active:hover { background-color: #03d522; color: #fff; }  
.toPage { margin-left: 10px; width: 100px; height: 30px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }  
.toPage .inputBox { width: 40px; height: 30px; box-sizing: border-box; position: relative; }  
.toPage .inputBox .inputborder { width: 40px; height: 30px; box-sizing: border-box; text-align: center; outline: none; border: 1px solid #e2e2e2; z-index: 22; position: absolute; left: 0; top: 0; }  
.toPage .inputBox .show-val { position: absolute; left: 0; top: 0; width: 40px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #e2e2e2; box-sizing: border-box; }  
.toPage::before { content: '前往'; display: block; margin-right: 5px; width: 32px; height: 30px; line-height: 30px; }  
.toPage::after { content: '页'; margin-left: 5px; width: 16px; height: 30px; line-height: 30px; }  
.pagesbox { margin-left: 10px; width: 60px; height: 30px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }  
.pagesbox .currectPage { color: deepskyblue; width: 30px; height: 30px; line-height: 30px; text-align: center; } 
.pagesbox .line { color: deepskyblue; width: 10px; height: 30px; line-height: 30px; text-align: center; }  
.pagesbox .allPages { width: 30px; height: 30px; line-height: 30px; text-align: center; }