.page{
    padding-top: 10px;
    list-style: none;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    font-size: 17px;
}
.page>li{
    float: left;
    padding: 5px 10px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}
.left{
           display:block; 
           background:url(../images/backcur.jpg) no-repeat left center; 
           width:12px; 
           height:30px;

}

.right{
           display:block; 
           background:url(../images/rightcur.jpg) no-repeat left center; 
           width:12px; 
           height:30px;

}
.page .pageItem{
    margin: 5px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}
.page .pageItemActive{
    border-bottom: solid 2px #c7000a;
    margin: 5px;
    color:#c7000a;
    line-height: 30px;
    vertical-align: middle;
}
.page .pageItem:hover{
    border: solid thin #c7000a;
    color: #c7000a;
}
.page .pageItemDisable{
    margin: 5px;
    line-height: 30px;
    vertical-align: middle;
    color: #DDDDDD;
}

@media screen and ( max-width:600px) {
    .page{
        width: 176px;
        padding-top: 4px;
        list-style: none;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        font-size: 14px;
        text-align: center;
        display: inline-flex;
}
.page>li{
    float: left;
    padding: 0px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 500px;
}
.left{
    display:block; 
    background:url(../images/backcur.jpg) no-repeat center center; 
    background-size:9px 15px; 
    width:9px; 
    height:30px; 
    margin:0 2px 0 0; 
    padding-top:0px;
}

.right{
    display:block; 
    background:url(../images/rightcur.jpg) no-repeat center center; 
    background-size:9px 15px; 
    width:9px; 
    height:30px; 
    margin:0 2px 0 0; 
    padding-top:0px;
}
.page .pageItem{
    margin: 2px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    width: 500px;
}
.page .pageItemActive{
    border-bottom: solid 2px #c7000a;
    margin: 2px;
    color:#c7000a;
    line-height: 30px;
    vertical-align: middle;
}
.page .pageItem:hover{
    border-bottom: solid 2px #c7000a;
    background-color: #c7000a;
}
.page .pageItemDisable{
    margin: 2px;
    line-height: 30px;
    vertical-align: middle;
    width: 500px;
    color: #DDDDDD;
}
}