.page-panel {width:100%;position:relative;font-size:0;text-align:center;}
.pager {padding:20px 0px;text-align:center;display:inline-block;line-height:0;font-size:0;vertical-align:middle;position:relative;}
.pager .pagination {display:inline-block;vertical-align:middle;margin:20px 0;}
.pager .pagination li {float:left;border:1px solid #e6e6e6;margin:0 5px;border-radius:2px;}
.pager .pagination li a,.pager .pagination li span {display:block;color:#9e9e9e;padding:8px 15px;line-height:20px;font-size:15px;}
.pager .pagination li:hover {position:relative;z-index:1;border:1px solid #e60a03;}
.pager .pagination li:hover a,.pager .pagination li:hover span {color:#e60a03;}
.pager .pagination li.disable {text-decoration:none;background:#f5f5f5;border-color:#e6e6e6;cursor:not-allowed;}
.pager .pagination li.disable a,.pager .pagination li.disable span {color:#999;}
.pager .pagination li.disable:hover {background:#f5f5f5;border-color:#e6e6e6;}
.pager .pagination li.disable:hover a,.pager .pagination li.disable:hover span {color:#999;}
.pager .pagination li.active {position:relative;padding:1px;z-index:2;border:none;background:#e60a03;}
.pager .pagination li.active a,.pager .pagination li.active span {color:#fff;}
.pager .total-page {display:inline-block;vertical-align:middle;border:1px solid #e6e6e6;padding:8px 40px 8px 20px;margin:0 5px;border-radius:2px;cursor:pointer;position:relative;}
.pager .total-page:after {content:'';display:block;width:0;height:0;border-top:6px solid #e60a03;border-left:6px dashed transparent;border-right:6px dashed transparent;position:absolute;right:20px;top:16px;}
.pager .total-page strong,.pager .total-page span {display:inline-block;padding:0;line-height:20px;font-size:15px;color:#999;}
.pager .total-page strong {font-style:normal;font-weight:normal;color:#e60a03;}
.pager .all-page {position:absolute;bottom:80px;left:0;right:0;z-index:10;display:none;padding-bottom:20px;}
.pager .all-page .page-tab {padding:30px 20px 20px;border-radius:2px;border:1px solid #e6e6e6;background:#fff;position:relative;}
.pager .all-page .page-tab:after,.pager .all-page .page-tab:before {content:'';display:block;position:absolute;}
.pager .all-page .page-tab:before {right:16px;bottom:-16px;border-top:16px solid #e6e6e6;border-left:16px dashed transparent;border-right:16px dashed transparent;}
.pager .all-page .page-tab:after {right:18px;bottom:-14px;border-top:14px solid #ffffff;border-left:14px dashed transparent;border-right:14px dashed transparent;}
.pager .all-page .close {display:block;width:30px;height:30px;position:absolute;right:0;top:0;color:#fff;background:#e60a03;font-size:18px;line-height:20px;text-align:center;cursor:pointer;border-bottom-left-radius:30px;padding-left:4px;}
.pager .all-page .page-bd {width:100%;overflow:hidden;}
.pager .all-page .page-bd .current-list {display:none;width:100%;overflow:hidden;}
.pager .all-page .page-bd .current-list li {width:10%;text-align:center;overflow:hidden;}
.pager .all-page .page-bd .current-list li a {display:inline-block;line-height:20px;font-size:15px;color:#999;border:1px solid #e6e6e6;border-radius:2px;padding:8px 14px;}
.pager .all-page .page-bd .current-list li a:hover {border:1px solid #e60a03;color:#e60a03;}
.pager .all-page .page-bd .current-list li.active a {padding:9px 15px;z-index:2;color:#fff;border:none;background:#e60a03;}
.pager .all-page .page-bd .current-list.on {display:block;}
.pager .all-page .page-hd {width:100%;overflow:hidden;margin-top:10px;}
.pager .all-page .page-hd li {margin-top:10px;width:20%;}
.pager .all-page .page-hd li span {display:block;width:80%;margin:0 auto;padding:8px 14px;line-height:20px;border:1px solid #e6e6e6;text-align:center;font-size:15px;color:#999;border-radius:2px;cursor:pointer;}
.pager .all-page .page-hd li:hover span {border:1px solid #e60a03;color:#e60a03;}
.pager .all-page .page-hd li.active span {padding:9px 15px;z-index:2;color:#fff;border:none;background:#e60a03;}
.pager .all-page .page-hd li.on span {border:1px solid #e60a03;color:#e60a03;}
.pager .all-page .page-hd li.active.on span {border:none;color:#fff;}