@charset "utf-8";

/***
<div class="pagination">{$page}</div> //基本样式
<div class="pagination pagination-large">{$page}</div>//大号数字样式
***/

.pagination {  
  margin: 10px 0;
  color:#F18200;
}  
.pagination ul {  
  display: inline-block;  
  list-style:none;  
  *display: inline;  
  /* IE7 inline-block hack */  
  
  *zoom: 1;  
  margin-left: 0;  
  margin-bottom: 0;  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;  
  border-radius: 4px;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);  
}  
.pagination ul > li {  
  display: inline;  
}  
.pagination ul > li > a,  
.pagination ul > li > span,  
.pagination #lastspan {  
  float: left;  
  padding: 9px 17px;  
  line-height: 20px;  
  text-decoration: none;  
  background-color: #ffffff;  
  border: 1px solid #dddddd;  
  border-left-width: 0;  
}  
.pagination ul > li > a:hover,  
.pagination ul > li > a:focus,  
.pagination ul > .active > a,  
.pagination ul > .active > span {  
  background-color: #f5f5f5;  
}  
.pagination ul > .active > a,  
.pagination ul > .active > span {  
  color: #999999;  
  cursor: default;  
}  
.pagination ul > .disabled > span,  
.pagination ul > .disabled > a,  
.pagination ul > .disabled > a:hover,  
.pagination ul > .disabled > a:focus {  
  color: #999999;  
  background-color: transparent;  
  cursor: default;  
}  
.pagination ul > li:first-child > a,  
.pagination ul > li:first-child > span {  
  border-left-width: 1px;  
  -webkit-border-top-left-radius: 4px;  
  -moz-border-radius-topleft: 4px;  
  border-top-left-radius: 4px;  
  -webkit-border-bottom-left-radius: 4px;  
  -moz-border-radius-bottomleft: 4px;  
  border-bottom-left-radius: 4px;  
}  
.pagination ul > li:last-child > a,  
.pagination ul > li:last-child > span,  
.pagination #lastspan {  
  -webkit-border-top-right-radius: 4px;  
  -moz-border-radius-topright: 4px;  
  border-top-right-radius: 4px;  
  -webkit-border-bottom-right-radius: 4px;  
  -moz-border-radius-bottomright: 4px;  
  border-bottom-right-radius: 4px;  
}  
.pagination-centered {  
  text-align: center;  
}  
.pagination-right {  
  text-align: right;  
}  
.pagination-large ul > li > a,  
.pagination-large ul > li > span,  
.pagination-large #lastspan{  
  padding: 11px 19px;  
  font-size: 17.5px;  
}  
.pagination-large ul > li:first-child > a,  
.pagination-large ul > li:first-child > span {  
  -webkit-border-top-left-radius: 6px;  
  -moz-border-radius-topleft: 6px;  
  border-top-left-radius: 6px;  
  -webkit-border-bottom-left-radius: 6px;  
  -moz-border-radius-bottomleft: 6px;  
  border-bottom-left-radius: 6px;  
}  
.pagination-large ul > li:last-child > a,  
.pagination-large ul > li:last-child > span,  
.pagination-large #lastspan {  
  -webkit-border-top-right-radius: 6px;  
  -moz-border-radius-topright: 6px;  
  border-top-right-radius: 6px;  
  -webkit-border-bottom-right-radius: 6px;  
  -moz-border-radius-bottomright: 6px;  
  border-bottom-right-radius: 6px;  
}  
.pagination-mini ul > li:first-child > a,  
.pagination-small ul > li:first-child > a,  
.pagination-mini ul > li:first-child > span,  
.pagination-small ul > li:first-child > span {  
  -webkit-border-top-left-radius: 3px;  
  -moz-border-radius-topleft: 3px;  
  border-top-left-radius: 3px;  
  -webkit-border-bottom-left-radius: 3px;  
  -moz-border-radius-bottomleft: 3px;  
  border-bottom-left-radius: 3px;  
}  
.pagination-mini ul > li:last-child > a,  
.pagination-small ul > li:last-child > a,  
.pagination-mini ul > li:last-child > span,  
.pagination-small ul > li:last-child > span {  
  -webkit-border-top-right-radius: 3px;  
  -moz-border-radius-topright: 3px;  
  border-top-right-radius: 3px;  
  -webkit-border-bottom-right-radius: 3px;  
  -moz-border-radius-bottomright: 3px;  
  border-bottom-right-radius: 3px;  
}  
.pagination-small ul > li > a,  
.pagination-small ul > li > span {  
  padding: 2px 10px;  
  font-size: 11.9px;  
}  
.pagination-mini ul > li > a,  
.pagination-mini ul > li > span {  
  padding: 0 6px;  
  font-size: 10.5px;
  color:#F18200;
}
.pagination ul > li > a{
 color:#F18200;
}
.pagination ul > li > a:hover{
background:#D7DCE2;
color:#F18200;
border: 1px solid #D7DCE2;
border-left-width: 0; 
} 
.pagination ul > li > span.current{
background:#F18200;
color:#FFFFFF;
border: 1px solid #F18200;
}