#pages {text-align: center;}
#pages li {width: 36px;border: solid 1px #e9e9e9; /* padding: 0 15px; */margin: 0 2px;
    height: 28px;line-height: 28px;text-align: center;background: #fff;color: #d2d2d2;
    font-size: 16px;cursor: pointer;box-sizing: border-box;display: inline-block;
    opacity: 1;
    border-radius: 5px;}
#pages li.active {height: 28px;line-height: 28px;text-align: center;background: #8c0000;color: #fff;display: inline-block;}
#pages li.active span {color: #fff;}
#pages li a {display: inline-block;width: 100%;height: 28px;color: #333;font-size: 16px;}
#pages li:first-child,#pages li:first-child a,#pages li:last-child,#pages li:last-child a {width: 72px;}


.p-7 {z-index: 0;}