@charset "UTF-8";
/**
 * reset
 *
 * @author Ma Junbao <mlive@live.cn> || @github.com/majunbao
*/
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  font-size: 100%;
}
span{
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  width: 100%;
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-y: visible !important;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  font-size: 0;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td, caption {
  vertical-align: top;
}

.icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: none;
  border: 0;
}

::-ms-clear, ::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

body, input, textarea, keygen, select, button {
  color: #333;
  font-size: 14px;
  font-family: "PingHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","sans-serif";
}

*:active, *:focus {
  outline: none;
}

.input, textarea, .button {
  /*去除ios webkit默认样式*/
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.clear:after {
  content: "\20";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  *zoom: 1;
}

.on-left {
  float: left;
}

.on-right {
  float: right !important;
}

.block {
  display: block;
}

.inline {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.none {
  display: none !important;
}

.hidden {
  overflow: hidden;
}

.visible {
  visibility: visible;
}

.vhidden {
  visibility: hidden;
}

.margin-0 {
  margin: 0px !important;
}

.margin-5 {
  margin: 5px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-15 {
  margin: 15px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-35 {
  margin: 35px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-45 {
  margin: 45px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-55 {
  margin: 55px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-35 {
  margin-top: 35px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-55 {
  margin-top: 55px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-35 {
  margin-right: 35px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-45 {
  margin-right: 45px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-55 {
  margin-right: 55px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-45 {
  margin-bottom: 45px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-55 {
  margin-bottom: 55px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-35 {
  margin-left: 35px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-45 {
  margin-left: 45px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-55 {
  margin-left: 55px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.padding-0 {
  padding: 0px !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-35 {
  padding: 35px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-45 {
  padding: 45px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-55 {
  padding: 55px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-35 {
  padding-top: 35px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-45 {
  padding-top: 45px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-55 {
  padding-top: 55px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-35 {
  padding-right: 35px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-45 {
  padding-right: 45px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-35 {
  padding-bottom: 35px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-45 {
  padding-bottom: 45px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-35 {
  padding-left: 35px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-45 {
  padding-left: 45px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-55 {
  padding-left: 55px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.line-1 {
  border-width: 1px;
}

.line-2 {
  border-width: 2px;
}

.line-3 {
  border-width: 3px;
}

/* ======  column  ====== */
.column {
  width: 100%;
  margin: 0 auto;
}

.column:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  min-height: 0;
  visibility: hidden;
  *zoom: 1;
}

.column [class*=col-] {
  margin-left: 1.2%;
  float: left;
}

.column [class*=col-]:first-child {
  margin-left: 0;
}

.column .col-2-1 {
  width: 49.33%;
}

.column .col-3-1 {
  width: 32.46333%;
}

.column .col-3-2 {
  width: 66.19667%;
}

.column .col-4-1 {
  width: 24.03%;
}

.column .col-4-2 {
  width: 49.33%;
}

.column .col-4-3 {
  width: 74.63%;
}

.column .col-5-1 {
  width: 18.97%;
}

.column .col-5-2 {
  width: 39.21%;
}

.column .col-5-3 {
  width: 59.45%;
}

.column .col-5-4 {
  width: 79.69%;
}

.column .col-6-1 {
  width: 15.59667%;
}

.column .col-6-2 {
  width: 32.46333%;
}

.column .col-6-3 {
  width: 49.33%;
}

.column .col-6-4 {
  width: 66.19667%;
}

.column .col-6-5 {
  width: 83.06333%;
}

.text-bold {
  font-weight: bold !important;
}

.text-italic {
  font-style: italic !important;
}

.text-underline {
  text-decoration: underline !important;
}

.text-line-through {
  text-decoration: line-through !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

.align-justify {
  text-align: justify;
  text-align-last: justify;
}

.align-moddle, .align-middle {
  vertical-align: middle !important;
}

.align-top {
  vertical-align: top;
}

.align-sub {
  vertical-align: sub;
}

.align-text-top {
  vertical-align: text-top;
}

.text-tiny {
  font-size: 10px !important;
}

.text-small {
  font-size: 12px !important;
}

.text-default {
  font-size: 14px !important;
}

.text-large {
  font-size: 16px !important;
}

.text-larger {
  font-size: 18px !important;
}

.text-opacity {
  opacity: 0.5;
}

.text {
  color: #767676 !important;
}

.text-light {
  color: #969696 !important;
}

.text-dark {
  color: #464646 !important;
}

a.text:hover,
a.text-light:hover,
a.text-dark:hover {
  color: #5ecbf2 !important;
}

a {
  color: #5ecbf2;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #2a9ffc;
}

a:focus {
  outline: none;
}

/*
* Option Button
*/
/*
* Button Namespace
* 
* 默认是 .button ，根据喜好也可设置为 .btn
*/
/*
* Button Defaults
*
* 根据其他项目改变这些设置。
* 按钮的宽度没有直接用 width 属性设置，而是采用 min-width + padding 的方式，
* 这样按钮有了最小宽度，文字过多时宽度也会自动扩展。
*
* 按钮的高度 采用 height 和 line-height 的方式控制。
* 
*/
/*
* Button Colors
*
* (name, background, color)
* 
*/
/*
* Button Shapes
*
*/
/*
* Button Sizes
*
* (name width height padding font-size)
* 
* smallest smaller small default large larger largest
*/
/*尺寸*/
/*
* Base Botton Style
*
* The default values for the .botton class
*/
.button {
  display: inline-block;
  cursor: pointer;
  border: none;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-size: 14px;
  /*button colors*/
  color: #464646;
  background: transparent;
  /*button shapes*/
  min-width: 128px;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  border-radius: 200px;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9;
  transition-property: background-color, color, border-color;
  transition-duration: 0.3s;
  -webkit-user-select: none;
  box-sizing: content-box;
}

.button:hover {
  background: #e1e1e1;
}

.button:active {
  background: transparent;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.button object {
  width: 100% !important;
  height: 100% !important;
}

/**
* Disabled State
*
*/
.button-disabled,
.button-disabled:hover {
  background: #dde2ef !important;
  border-color: #dde2ef !important;
  color: #fff !important;
  cursor: not-allowed;
}

/**
* Button color
*
*/
.button-blue {
  background-color: #2a9ffc;
  border-color: #55cffb;
  color: #FFF;
}

.button-blue:hover {
  background-color: #2098f8;
  color: #FFF;
}

.button-blue:active {
  background-color: #5ecbf2;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.button-green {
  background-color: #34c276;
  border-color: #34c276;
  color: #FFF;
}

.button-green:hover {
  background-color: #57d290;
  color: #FFF;
}

.button-green:active {
  background-color: #40b677;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.button-orange {
  background-color: #f9b954;
  border-color: #f9b954;
  color: #FFF;
}

.button-orange:hover {
  background-color: #fbcd85;
  color: #FFF;
}

.button-orange:active {
  background-color: #f0b75d;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.button-while {
  background-color: #FFF;
  border-color: #FFF;
  color: black;
}

.button-while:hover {
  background-color: white;
  color: black;
}

.button-while:active {
  background-color: white;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.button-grey {
  background-color: #bababa;
  border-color: #bababa;
  color: #FFF;
}

.button-grey:hover {
  background-color: #d4d4d4;
  color: #FFF;
}

.button-grey:active {
  background-color: #bababa;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

/**
* Button size
*
*/
.button-smaller {
  min-width: 18px;
  padding: 0 4px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
}

.button-small {
  min-width: 74px;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.button-thin {
  min-width: 52px;
  padding: 0 35px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}

.button-large {
  min-width: 158px;
  padding: 0 10px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
}

.button-larger {
  min-width: 470px;
  padding: 0 14px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
}

.button-border {
  background: none;
}

.button-border:hover {
  background: #eee;
  color: #464646;
}

.button-border:active {
  background: #ddd;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border-color: transparent;
}

.button-border.button-blue {
  border-color: #55cffb;
  color: #55cffb;
}

.button-border.button-blue:hover {
  background: #5ecbf2;
  color: #FFF;
}

.button-border.button-blue:active {
  background: #5ecbf2;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border-color: #19befa;
}

.button-border.button-green {
  border-color: #34c276;
  color: #34c276;
}

.button-border.button-green:hover {
  background: #40b677;
  color: #FFF;
}

.button-border.button-green:active {
  background: #40b677;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border-color: #279259;
}

.button-border.button-orange {
  border-color: #f9b954;
  color: #f9b954;
}

.button-border.button-orange:hover {
  background: #f0b75d;
  color: #FFF;
}

.button-border.button-orange:active {
  background: #f0b75d;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border-color: #f7a119;
}

.button-border.button-while {
  border-color: #FFF;
  color: #FFF;
}

.button-border.button-while:hover {
  background: white;
  color: black;
}

.button-border.button-while:active {
  background: white;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border-color: #e0e0e0;
}

.button-border.button-grey {
  border-color: #bababa;
  color: #bababa;
}

.button-border.button-grey:hover {
  background: #bababa;
  color: #FFF;
}

.button-border.button-grey:active {
  background: #bababa;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border-color: #9b9b9b;
}

.button-boxer {
  border-radius: 3px;
}

/*
* Option Input
*/
/*
* Input Namespace
* 
* 默认是 input ，根据喜好也可设置为 .input or input[type=text]
*/
/*
* Input Defaults
*
* 根据其他项目改变这些设置。
*
* 
*/
/*
* Input Colors
*
* (name, border-color, color)
* 
*/
/*
* Input Sizes
*
* (name width height padding font-size)
* smallest smaller small default large larger largest
*/
/*尺寸*/
.input {
  margin: 0;
  outline: none;
  vertical-align: middle;
  padding: 0 10px;
  width: 278px;
  line-height: 1;
  height: 38px;
  border-style: solid;
  border-width: 1px;
  border-color: #DBDBDB;
  color: #767676;
  border-radius: 3px;
}

.input:hover {
  border-color: #87ddfc;
}

.input:active,
.input:focus {
  border-color: #55cffb;
}

/**
* Disabled State
*
*/
.input-disabled,
.input-disabled:hover {
  background: #dde2ef !important;
  border-color: #dde2ef !important;
  color: #fff !important;
  cursor: not-allowed;
}

/**
* Input colors
*
*/
.input-blue {
  border-color: #55cffb;
  color: #55cffb;
}

.input-blue:hover {
  border-color: #87ddfc;
  color: #55cffb;
}

.input-blue:active, .input-blue:focus {
  border-color: #5ecbf2;
}

.input-green {
  border-color: #34c276;
  color: #34c276;
}

.input-green:hover {
  border-color: #57d290;
  color: #34c276;
}

.input-green:active, .input-green:focus {
  border-color: #40b677;
}

.input-orange {
  border-color: #f9b954;
  color: #f9b954;
}

.input-orange:hover {
  border-color: #fbcd85;
  color: #f9b954;
}

.input-orange:active, .input-orange:focus {
  border-color: #f0b75d;
}

.input-grey {
  border-color: #bababa;
  color: #bababa;
}

.input-grey:hover {
  border-color: #d4d4d4;
  color: #bababa;
}

.input-grey:active, .input-grey:focus {
  border-color: #bababa;
}

/**
* Input sizes
*
*/
.input-smaller {
  width: 18px;
  padding: 0 4px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
}

.input-small {
  width: 74px;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.input-large {
  width: 158px;
  padding: 0 10px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}

.input-larger {
  width: 470px;
  padding: 0 14px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
}

/*
 * select plugin
 *
 */
.select {
  position: relative;
  border: 1px solid #DBDBDB;
  width: 148px;
  height: 38px;
  border-radius: 3px;
  line-height: 38px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  color: #464646;
}

.select .btn-select {
  display: block;
  padding-left: 14px;
}

.select select {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  opacity: 0.001;
  filter: alpha(opacity=0.1);
  z-index: 2;
  border: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.select select:hover {
  cursor: pointer;
}

.select .icon {
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -8px;
  z-index: 1;
}

.select:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 100%;
  background-color: #F1F1F1;
}

.select:hover {
  border-color: #87ddfc;
  cursor: pointer;
}

.select:active,
.select:focus {
  border-color: #55cffb;
}

.select-larger {
  width: 188px;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
}

.select-larger select {
  font-size: 16px;
}

.table {
  width: 100%;
  color: #576077;
  font-size: 14px;
}

.table {
  border: 0px solid #f4f5f9;
  text-align: center;
}

.table th,
.table td {
  padding: 14px 15px;
  word-break: break-word;
}

.table th {
  color: #FFFFFF;
  background-color: #B5BFC7;
}

.table td {
  border: 0px solid #f4f5f9;
}

.table tbody tr {
  border-bottom: 1px solid #ddd;
}

.table.dark {
  border-width: 0;
}

.table.dark th {
  background-color: #3f3f4d;
  color: #c0c7da;
}

.table.dark td {
  border-width: 0;
}

.table.dark tbody tr:nth-child(even) {
  background-color: #f4f5f9;
}

.table.noborder th, .table.noborder td {
  border: 0;
}

/*兼容*/
.ie .table.dark {
  background-color: transparent;
}

.ie .table.dark td {
  border: 0px solid #f4f5f9;
}

.page {
  font-size: 0;
  -webkit-user-select: none;
  height: 36px;
  line-height: 36px;
}

.page a {
  border:1px solid #c4c0b2;
  background:#f0ede1;
  color:#333;
  padding: 0 16px;
  text-align: center;
  text-decoration: none;
  margin-right:5px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left:5px;
  /*ie678 解决汉子和数字上下不对齐*/
}

.page a:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.page a:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.page a.now, .page a:hover {
  background-color: #fff;
  color:#ff0000;
}

.page a.disabled {
  color: #999999;
}

.page.page-right {
  text-align: right;
}

.page.page-right a {
  margin-right: 0;
  margin-left: -1px;
}

.page .icon {
  margin: -4px 0 0 0;
}

.pages .page {
  display: inline;
}