.looding{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:100000}
.looding p{color:#fff;font-size:12px;text-align:center;padding-top:62px}
.ajax-spinner-bars{margin-left:auto;margin-right:auto;width:85px;background:rgba(0,0,0,.8);border-radius:6px; padding:5px;}
.ajax-spinner-bars>div{position:absolute;width:2px;height:8px;margin:30px 40px;background-color:#fff;opacity:.05;-webkit-animation:fadeit .8s linear infinite;animation:fadeit .8s linear infinite}
.ajax-spinner-bars>.bar-1{-webkit-transform:rotate(0) translate(0,-12px);-ms-transform:rotate(0) translate(0,-12px);transform:rotate(0) translate(0,-12px);-webkit-animation-delay:.05s;animation-delay:.05s}
.ajax-spinner-bars>.bar-2{-webkit-transform:rotate(22.5deg) translate(0,-12px);-ms-transform:rotate(22.5deg) translate(0,-12px);transform:rotate(22.5deg) translate(0,-12px);-webkit-animation-delay:.1s;animation-delay:.1s}
.ajax-spinner-bars>.bar-3{-webkit-transform:rotate(45deg) translate(0,-12px);-ms-transform:rotate(45deg) translate(0,-12px);transform:rotate(45deg) translate(0,-12px);-webkit-animation-delay:.15s;animation-delay:.15s}
.ajax-spinner-bars>.bar-4{-webkit-transform:rotate(67.5deg) translate(0,-12px);-ms-transform:rotate(67.5deg) translate(0,-12px);transform:rotate(67.5deg) translate(0,-12px);-webkit-animation-delay:.2s;animation-delay:.2s}
.ajax-spinner-bars>.bar-5{-webkit-transform:rotate(90deg) translate(0,-12px);-ms-transform:rotate(90deg) translate(0,-12px);transform:rotate(90deg) translate(0,-12px);-webkit-animation-delay:.25s;animation-delay:.25s}
.ajax-spinner-bars>.bar-6{-webkit-transform:rotate(112.5deg) translate(0,-12px);-ms-transform:rotate(112.5deg) translate(0,-12px);transform:rotate(112.5deg) translate(0,-12px);-webkit-animation-delay:.3s;animation-delay:.3s}
.ajax-spinner-bars>.bar-7{-webkit-transform:rotate(135deg) translate(0,-12px);-ms-transform:rotate(135deg) translate(0,-12px);transform:rotate(135deg) translate(0,-12px);-webkit-animation-delay:.35s;animation-delay:.35s}
.ajax-spinner-bars>.bar-8{-webkit-transform:rotate(157.5deg) translate(0,-12px);-ms-transform:rotate(157.5deg) translate(0,-12px);transform:rotate(157.5deg) translate(0,-12px);-webkit-animation-delay:.4s;animation-delay:.4s}
.ajax-spinner-bars>.bar-9{-webkit-transform:rotate(180deg) translate(0,-12px);-ms-transform:rotate(180deg) translate(0,-12px);transform:rotate(180deg) translate(0,-12px);-webkit-animation-delay:.45s;animation-delay:.45s}
.ajax-spinner-bars>.bar-10{-webkit-transform:rotate(202.5deg) translate(0,-12px);-ms-transform:rotate(202.5deg) translate(0,-12px);transform:rotate(202.5deg) translate(0,-12px);-webkit-animation-delay:.5s;animation-delay:.5s}
.ajax-spinner-bars>.bar-11{-webkit-transform:rotate(225deg) translate(0,-12px);-ms-transform:rotate(225deg) translate(0,-12px);transform:rotate(225deg) translate(0,-12px);-webkit-animation-delay:.55s;animation-delay:.55s}
.ajax-spinner-bars>.bar-12{-webkit-transform:rotate(247.5deg) translate(0,-12px);-ms-transform:rotate(247.5deg) translate(0,-12px);transform:rotate(247.5deg) translate(0,-12px);-webkit-animation-delay:.6s;animation-delay:.6s}
.ajax-spinner-bars>.bar-13{-webkit-transform:rotate(270deg) translate(0,-12px);-ms-transform:rotate(270deg) translate(0,-12px);transform:rotate(270deg) translate(0,-12px);-webkit-animation-delay:.65s;animation-delay:.65s}
.ajax-spinner-bars>.bar-14{-webkit-transform:rotate(292.5deg) translate(0,-12px);-ms-transform:rotate(292.5deg) translate(0,-12px);transform:rotate(292.5deg) translate(0,-12px);-webkit-animation-delay:.7s;animation-delay:.7s}
.ajax-spinner-bars>.bar-15{-webkit-transform:rotate(315deg) translate(0,-12px);-ms-transform:rotate(315deg) translate(0,-12px);transform:rotate(315deg) translate(0,-12px);-webkit-animation-delay:.75s;animation-delay:.75s}
.ajax-spinner-bars>.bar-16{-webkit-transform:rotate(337.5deg) translate(0,-12px);-ms-transform:rotate(337.5deg) translate(0,-12px);transform:rotate(337.5deg) translate(0,-12px);-webkit-animation-delay:.8s;animation-delay:.8s}
@-webkit-keyframes fadeit{0%{opacity:1}100%{opacity:0}}



.page {
    float: right;
    display: inline-block;
    vertical-align: middle;
    width: 370px;
    line-height: 26px;
    margin: 10px;
    margin-bottom:8px;
}
.page span {
    float: left;
    margin-left: 5px;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input, .ui-jqgrid .ui-pg-input, .ui-pager-inp {
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #d6dee3;
    color: #555;
    width: 30px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    outline: 0;
    margin-left: 5px;
}
.page-number {
    margin-left: 130px;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input, .ui-jqgrid .ui-pg-input, .ui-pager-inp {
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e9ecef;
    color: #555;
    width: 30px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    outline: 0;
    margin-left: 5px;
}
.page .pn, .page .pn a {
    margin-left: 5px;
}
.page .pn {
    float: right;
}
.ui-pager-next, .ui-pager-prev {
    background: url(../images/icon8.png) no-repeat;
    display: inline-block;
    width: 25px;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    cursor: pointer;
}
.ui-pager-prev {
    background-color: #fafafa;
    border: 1px solid #e9ecef;
    background-position: 9px -34px;
}
.page .pn, .page .pn a {
    margin-left: 5px;
}
.ui-pager-next {
    background-color: #fafafa;
    border: 1px solid #e9ecef;
    background-position: 10px -51px;
}
.page-total {
    float: left;
    line-height: 26px;
    margin: 10px 10px 0;
    display: block;
}