﻿.DoxunDataPages_Navigation_Defalut { 
    height: 20px!important;
    line-height: 20px!important;
    background-color: #fff;
    color: #000000;
    border: 1px solid #ccc;  
    text-align: center;
    padding: 0px 5px;
    margin: 2px;
    border-radius: 2px;
}
.DoxunDataPages_Navigation_Select { 
    height: 20px;
    line-height: 20px;
    background-color: #10AF71;
    color: #ffffff;
    border: 1px solid #10AF71;  
    text-align: center;
    padding: 0px 5px;
    margin: 2px;
    border-radius: 2px;
    cursor: pointer;
}
.DoxunDataPages_Nembers_Defalut {
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #000000;
    border: 1px solid #ccc;
    font-weight: normal;
    text-align: center;
    padding: 0px 5px;
    margin: 2px;
    border-radius: 2px;
}
.DoxunDataPages_Nembers_Defalut:hover { 
    background-color: #10AF71;
    color: #fff;
    border: 1px solid #10AF71; 
}
.DoxunDataPages_Nembers_Select {
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #000000;
    border: 1px solid #10AF71;
    font-weight: bold;
    text-align: center;
    padding: 0px 5px;
    margin: 2px;
    cursor: pointer;
    border-radius: 2px;
}
.DoxunDataPages_Nembers_CurrPage {
    height: 20px;
    line-height: 20px;
    background-color: #10AF71;
    color: #ffffff;
    border: 1px solid #10AF71;
    font-weight: bold;
    text-align: center;
    padding: 0px 5px;
    margin: 2px;
    cursor: pointer;
    border-radius: 2px;
}

.dx_pagesbox {
    width: 100%;
    margin: 20px auto;
    /*display: flex;*/
    text-align: center;
    /*justify-content: center;*/
    padding: 20px 0; 
}

.dx_pagesbox li{
    display:inline-block;
    /*vertical-align:middle;*/
}

.dx_pagesdefault {
    display:inline-block;  
    border: 1px solid #ccc; 
    height: 20px;
    line-height: 20px;
    cursor:pointer;
    padding:0px 5px;
    margin:2px;
    border-radius:2px;
} 

.dx_firstpage,.dx_lastpage,.dx_pages_prev,.dx_pages_next{position:relative;}
.dx_firstpage,.dx_lastpage{width:12px;}
.dx_pages_prev,.dx_pages_next{width:10px;}
.dx_firstpage::before{
    content:' '; position:absolute; top:5px; left:6px;
    width:8px; height:8px; border-left:solid 2px #999; border-bottom:solid 2px #999;
    transform:rotate(45deg);
}
.dx_firstpage::after{
    content:' '; position:absolute; top:5px; left:12px;
    width:8px; height:8px; border-left:solid 2px #999; border-bottom:solid 2px #999;
    transform:rotate(45deg);
}
.dx_lastpage::before{
    content:' '; position:absolute; top:5px; right:6px;
    width:8px; height:8px; border-top:solid 2px #999; border-right:solid 2px #999;
    transform:rotate(45deg);
}
.dx_lastpage::after{
    content:' '; position:absolute; top:5px; right:12px;
    width:8px; height:8px; border-top:solid 2px #999; border-right:solid 2px #999;
    transform:rotate(45deg);
}
.dx_pages_prev::after{
    content:' '; position:absolute; top:5px; left:7px;
    width:8px; height:8px; border-left:solid 2px #999; border-bottom:solid 2px #999;
    transform:rotate(45deg);
}
.dx_pages_next::after{
    content:' '; position:absolute; top:5px; right:7px;
    width:8px; height:8px; border-top:solid 2px #999; border-right:solid 2px #999;
    transform:rotate(45deg);
}
 
.dx_currpage{
   font-size:30px;
   color:#000;  
}

.dx_line {
    font-size: 30px;
    color: #999; 
}
.dx_totalpage {
    color: #999;
    font-size: 15px; 
} 

.tzbox{display:flex; justify-content:center; align-items:center; width:100%;  margin-top:10px; font-size:13px; }
.tbxGoPage{ border:solid 1px #ddd; width:40px; height:20px; outline:none; text-align:center; margin:0 5px; line-height:20px;}
.btnGoPage{ border:solid 1px #ddd; cursor:pointer; width:50px; height:22px; line-height:22px; color:#333; margin:0 5px; }
.btnGoPage:hover{background:#10AF71; color:#fff;}


