#paging {
    float: right;
    width: auto;
    height: 36px;
}
.spPage ul li,
.spActiveBg,
.spPrev,
.spFirst,
.spLast,
.spNext,
.spTurnTo input,
.spTurnTo .btn {
    float: left;
    margin: 0 2px;
    width: 38px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}
.spPage ul li,.spActiveBg,.spPrev,.spFirst,.spLast,.spNext,.spTurnTo .btn {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: pointer;
}
.spPage ul li:active,.spActiveBg:active,.spPrev:active,.spFirst:active,.spLast:active,.spNext:active,.spTurnTo .btn:active {
    color:#51A351;
}
    .spPage ul li:hover{
        background:#FFFFFF;
    }
    .spPrev:hover, .spFirst:hover, .spLast:hover, .spNext:hover, .spTurnTo .btn:hover {
        color: #FFFFFF;
        border: 1px solid #51A351;
        background: #51A351;
    }
.spPrev,.spNext {
    font-size: 20px;
    line-height:30px;
}
.spPage {
    float: left;
    height: 36px;
}
.spTurnTo {
    float:left;
    margin-left:15px;
    height: 36px;
}
    .spTurnTo input {
        width: 50px;
        border: 1px solid #999999;
        background:#FAFAFA;
    }
.spTurnTo input:focus {
    outline: 0;
}
    .spTurnTo .btn {
        width: 48px;
        height: 36px;
        line-height: 36px;
        cursor: pointer;
        color: #FAFAFA;
        letter-spacing: 1px;
        border: none;
        background: #5BB75B;
        transition: All 0.3s ease-in-out;
        -webkit-transition: All 0.3s ease-in-out;
        -moz-transition: All 0.3s ease-in-out;
        -o-transition: All 0.3s ease-in-out;
    }
        .spTurnTo .btn:hover {
            background: #51A351;
            border: none;
        }
.spTurnToAllPageTip {
    float:left;
    margin-left:5px;
    height:36px;
    line-height:36px;
    color: #FFFFFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #363636;
    overflow:hidden;
}
    .spTurnToAllPageTip i {
        font-style: normal;
        float: left;
        height: 36px;
        padding: 0 8px;
    }
    .spTurnToAllPageTip b {
        font-weight: normal;
        float: left;
        height: 36px;
        padding: 0 8px;
        background:#222222;
    }

.spPage .spCover {
    position: relative;
    width: 150px;
    height: 36px;
    overflow: hidden;
}
.spActiveBg {
    position: absolute;
    top: 0;
    left: 0;
    background: #5BB75B;
    border: 1px solid #5BB75B;
    z-index: 2;
}
.spPage ul {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    overflow: hidden;
}
    .spPage ul li {
        list-style-type: none;
        overflow: hidden;
    }
        .spPage ul li p {
            position: relative;
            z-index: 3;
        }
        .spPage ul li a {
            display: block;
            position: relative;
            z-index: 3;
        }
        .spPage ul li.active {
            color: #fff;
        }