/**
  * @name zhangyy
  * @description zhangyy's code
  * Date: 14/11/7
  * Time: 下午2:47
  *
  */
.page-wrap{
    margin-top: 20px;
}
.mod-page{
    overflow: hidden;
}
.mod-page div,
.mod-page a{
    float: left;
    color: #333;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
}
.mod-page a:hover {
    text-decoration: underline;
}

.mod-page a.page-index{
    width: 30px;
    text-align: center;
    /* border: 1px solid #000; */
    border-radius: 8px;
    color: #333;
    text-decoration: none;
}
.mod-page a.page-index:hover {
    background-color: #f0f0f0;
}

.mod-page a.disabled{
    color: #999;
    background-color: #fff;
}

.mod-page .page-index{
    text-align: center;
}

.mod-page .page-index.active{
    background-color: var(--color-primary) !important;
    /* border-radius: 15px; */
    color: #fff;
}
.mod-page .page-index.active,
.mod-page a.disabled{
    text-decoration: none;
    cursor: default;
}

.mod-page .page-dots{
    margin-right: 15px;
    /* border: 1px solid #000; */
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    border-radius: 15px;
}