/**
 * CSS Base
 *   继承KISSY Reset，减少推广阻力。同时做些更新
 **/
/*----- 继承KISSY Reset start. -----*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
/* 让标题都自定义, 适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 500;
}
/* 去掉列表前的标识, li 会继承 */
ol,
ul {
  list-style: none;
}
/* 默认不显示下划线，保持页面简洁 */
ins,
a {
  text-decoration: none;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover {
  text-decoration: underline;
}
/* 去除默认边框 */
fieldset,
img {
  border: 0;
}
/*----- 继承KISSY Reset end. -----*/
/* 防止用户自定义背景颜色对网页的影响，可以自定义字体 */
html {
  color: #000;
  background: #fff;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
  font: 12px/1.5 tahoma, "microsoft yahei", "\5FAE\8F6F\96C5\9ED1";
}
button,
input,
select,
textarea {
  font-size: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
q:before,
q:after {
  content: '';
}
del {
  text-decoration: line-through;
}
mark {
  background: #ff0;
}
/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* 去掉各 Table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* IE bug fixed: th 不继承 text-align*/
th {
  text-align: inherit;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block;
}
/**
 * 核心变量及mixin，会提供给gallery使用
 *   思路：最小影响，最大适用范围
 **/
/**
 * 栅格系统及页面布局
 **/
.row {
  margin-left: -10px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.grid {
  width: 1910px;
}
.offset1 {
  margin-left: 20px;
}
.span192 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1910px;
}
.span191 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1900px;
}
.span190 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1890px;
}
.span189 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1880px;
}
.span188 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1870px;
}
.span187 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1860px;
}
.span186 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1850px;
}
.span185 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1840px;
}
.span184 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1830px;
}
.span183 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1820px;
}
.span182 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1810px;
}
.span181 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1800px;
}
.span180 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1790px;
}
.span179 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1780px;
}
.span178 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1770px;
}
.span177 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1760px;
}
.span176 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1750px;
}
.span175 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1740px;
}
.span174 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1730px;
}
.span173 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1720px;
}
.span172 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1710px;
}
.span171 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1700px;
}
.span170 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1690px;
}
.span169 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1680px;
}
.span168 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1670px;
}
.span167 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1660px;
}
.span166 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1650px;
}
.span165 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1640px;
}
.span164 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1630px;
}
.span163 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1620px;
}
.span162 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1610px;
}
.span161 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1600px;
}
.span160 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1590px;
}
.span159 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1580px;
}
.span158 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1570px;
}
.span157 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1560px;
}
.span156 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1550px;
}
.span155 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1540px;
}
.span154 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1530px;
}
.span153 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1520px;
}
.span152 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1510px;
}
.span151 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1500px;
}
.span150 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1490px;
}
.span149 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1480px;
}
.span148 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1470px;
}
.span147 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1460px;
}
.span146 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1450px;
}
.span145 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1440px;
}
.span144 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1430px;
}
.span143 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1420px;
}
.span142 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1410px;
}
.span141 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1400px;
}
.span140 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1390px;
}
.span139 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1380px;
}
.span138 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1370px;
}
.span137 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1360px;
}
.span136 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1350px;
}
.span135 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1340px;
}
.span134 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1330px;
}
.span133 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1320px;
}
.span132 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1310px;
}
.span131 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1300px;
}
.span130 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1290px;
}
.span129 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1280px;
}
.span128 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1270px;
}
.span127 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1260px;
}
.span126 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1250px;
}
.span125 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1240px;
}
.span124 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1230px;
}
.span123 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1220px;
}
.span122 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1210px;
}
.span121 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1200px;
}
.span120 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1190px;
}
.span119 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1180px;
}
.span118 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1170px;
}
.span117 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1160px;
}
.span116 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1150px;
}
.span115 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1140px;
}
.span114 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1130px;
}
.span113 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1120px;
}
.span112 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1110px;
}
.span111 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1100px;
}
.span110 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1090px;
}
.span109 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1080px;
}
.span108 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1070px;
}
.span107 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1060px;
}
.span106 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1050px;
}
.span105 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1040px;
}
.span104 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1030px;
}
.span103 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1020px;
}
.span102 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1010px;
}
.span101 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 1000px;
}
.span100 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 990px;
}
.span99 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 980px;
}
.span98 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 970px;
}
.span97 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 960px;
}
.span96 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 950px;
}
.span95 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 940px;
}
.span94 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 930px;
}
.span93 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 920px;
}
.span92 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 910px;
}
.span91 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 900px;
}
.span90 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 890px;
}
.span89 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 880px;
}
.span88 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 870px;
}
.span87 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 860px;
}
.span86 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 850px;
}
.span85 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 840px;
}
.span84 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 830px;
}
.span83 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 820px;
}
.span82 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 810px;
}
.span81 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 800px;
}
.span80 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 790px;
}
.span79 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 780px;
}
.span78 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 770px;
}
.span77 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 760px;
}
.span76 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 750px;
}
.span75 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 740px;
}
.span74 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 730px;
}
.span73 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 720px;
}
.span72 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 710px;
}
.span71 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 700px;
}
.span70 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 690px;
}
.span69 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 680px;
}
.span68 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 670px;
}
.span67 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 660px;
}
.span66 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 650px;
}
.span65 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 640px;
}
.span64 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 630px;
}
.span63 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 620px;
}
.span62 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 610px;
}
.span61 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 600px;
}
.span60 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 590px;
}
.span59 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 580px;
}
.span58 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 570px;
}
.span57 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 560px;
}
.span56 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 550px;
}
.span55 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 540px;
}
.span54 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 530px;
}
.span53 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 520px;
}
.span52 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 510px;
}
.span51 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 500px;
}
.span50 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 490px;
}
.span49 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 480px;
}
.span48 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 470px;
}
.span47 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 460px;
}
.span46 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 450px;
}
.span45 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 440px;
}
.span44 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 430px;
}
.span43 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 420px;
}
.span42 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 410px;
}
.span41 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 400px;
}
.span40 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 390px;
}
.span39 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 380px;
}
.span38 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 370px;
}
.span37 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 360px;
}
.span36 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 350px;
}
.span35 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 340px;
}
.span34 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 330px;
}
.span33 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 320px;
}
.span32 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 310px;
}
.span31 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 300px;
}
.span30 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 290px;
}
.span29 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 280px;
}
.span28 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 270px;
}
.span27 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 260px;
}
.span26 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 250px;
}
.span25 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 240px;
}
.span24 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 230px;
}
.span23 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 220px;
}
.span22 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 210px;
}
.span21 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 200px;
}
.span20 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 190px;
}
.span19 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 180px;
}
.span18 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 170px;
}
.span17 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 160px;
}
.span16 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 150px;
}
.span15 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 140px;
}
.span14 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 130px;
}
.span13 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 120px;
}
.span12 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 110px;
}
.span11 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 100px;
}
.span10 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 90px;
}
.span9 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 80px;
}
.span8 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 70px;
}
.span7 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 60px;
}
.span6 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 50px;
}
.span5 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 40px;
}
.span4 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 30px;
}
.span3 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 20px;
}
.span2 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 10px;
}
.span1 {
  float: left;
  _display: inline;
  margin-left: 10px;
  width: 0px;
}
/*@import "layouts.less";*/
/**
 * 基础CSS
 *   字体 及 UX控件
 **/
body,
button,
input,
select,
textarea {
  color: #666666;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: .75em 0;
}
.h1 {
  font-size: 32px;
}
.h2 {
  font-size: 28px;
}
.h3 {
  font-size: 24px;
}
.h4 {
  font-size: 18px;
}
.h5 {
  font-size: 14px;
}
.p {
  margin: 1em 0;
}
a {
  color: #0066dd;
}
a:hover {
  color: #ff6600;
}
.rmb {
  font-size: .75em;
  font-family: arial;
  font-style: normal;
  padding-right: 2px;
}
.dec {
  font-size: .67em;
  font-style: normal;
}
.yuan {
  font-size: .6em;
  font-style: normal;
  padding-left: 2px;
}
@font-face {
  font-family: "uxiconfont";
  src: url("http://t.tbcdn.cn/g/thx/brix/fonts/uxiconfont.eot");
  src: url("http://t.tbcdn.cn/g/thx/brix/fonts/uxiconfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
   url("http://t.tbcdn.cn/g/thx/brix/fonts/uxiconfont.woff") format("woff"), /* chrome、firefox */
   url("http://t.tbcdn.cn/g/thx/brix/fonts/uxiconfont.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
   url("http://t.tbcdn.cn/g/thx/brix/fonts/uxiconfont.svg#svgFontName") format("svg");/* IE9*/
  /* iOS 4.1- */
}
.iconfont {
  font-family: "uxiconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn {
  box-sizing: content-box;
  display: inline-block;
  border: 1px solid #ddd;
  *border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  *margin-right: .3em;
  margin-bottom: 0;
  padding: 0 10px;
  *padding: 1px 10px;
  width: auto;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  border-bottom-color: #bbb;
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #f8f8f8, #eeeeee);
  background-image: -ms-linear-gradient(top, #f8f8f8, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #eeeeee);
  background-image: -o-linear-gradient(top, #f8f8f8, #eeeeee);
  background-image: linear-gradient(top, #f8f8f8, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eeeeee', GradientType=0);
}
.btn,
.btn:hover,
.btn:visited {
  color: #333!important;
}
.btn:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f2f2f2, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6);
  background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6);
  background-image: linear-gradient(top, #f2f2f2, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6', GradientType=0);
}
.btn:active {
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #e6e6e6, #f2f2f2);
  background-image: -ms-linear-gradient(top, #e6e6e6, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #f2f2f2);
  background-image: -o-linear-gradient(top, #e6e6e6, #f2f2f2);
  background-image: linear-gradient(top, #e6e6e6, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f2f2f2', GradientType=0);
}
.btn .iconfont {
  font-size: 12px!important;
  font-weight: normal;
}
/*group btn*/
.btn-group .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-left-width: 0;
  /*border-right-width: 0;*/

}
.btn-group .btn:first-child {
  border-left-width: 1px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.btn-group .btn:last-child {
  /*border-right-width: 1px;*/

  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.btn-red {
  border-color: transparent;
  border-bottom-color: #c21b1b;
  background-color: #ff3636;
  background-image: -moz-linear-gradient(top, #ff4444, #ff2222);
  background-image: -ms-linear-gradient(top, #ff4444, #ff2222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4444), to(#ff2222));
  background-image: -webkit-linear-gradient(top, #ff4444, #ff2222);
  background-image: -o-linear-gradient(top, #ff4444, #ff2222);
  background-image: linear-gradient(top, #ff4444, #ff2222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4444', endColorstr='#ff2222', GradientType=0);
}
.btn-red,
.btn-red:hover,
.btn-red:visited {
  color: #FFF!important;
}
.btn-red:hover {
  background-color: #e41b1b;
  background-image: -moz-linear-gradient(top, #ee2020, #d51314);
  background-image: -ms-linear-gradient(top, #ee2020, #d51314);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee2020), to(#d51314));
  background-image: -webkit-linear-gradient(top, #ee2020, #d51314);
  background-image: -o-linear-gradient(top, #ee2020, #d51314);
  background-image: linear-gradient(top, #ee2020, #d51314);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee2020', endColorstr='#d51314', GradientType=0);
}
.btn-red:active {
  background-color: #df1819;
  background-image: -moz-linear-gradient(top, #d51314, #ee2020);
  background-image: -ms-linear-gradient(top, #d51314, #ee2020);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d51314), to(#ee2020));
  background-image: -webkit-linear-gradient(top, #d51314, #ee2020);
  background-image: -o-linear-gradient(top, #d51314, #ee2020);
  background-image: linear-gradient(top, #d51314, #ee2020);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d51314', endColorstr='#ee2020', GradientType=0);
}
.btn-orange {
  border-color: transparent;
  border-bottom-color: #cf370c;
  background-color: #ff4e00;
  background-image: -moz-linear-gradient(top, #ff5500, #ff4400);
  background-image: -ms-linear-gradient(top, #ff5500, #ff4400);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5500), to(#ff4400));
  background-image: -webkit-linear-gradient(top, #ff5500, #ff4400);
  background-image: -o-linear-gradient(top, #ff5500, #ff4400);
  background-image: linear-gradient(top, #ff5500, #ff4400);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5500', endColorstr='#ff4400', GradientType=0);
}
.btn-orange,
.btn-orange:hover,
.btn-orange:visited {
  color: #FFF!important;
}
.btn-orange:hover {
  background-color: #ef4000;
  background-image: -moz-linear-gradient(top, #ff4400, #d73900);
  background-image: -ms-linear-gradient(top, #ff4400, #d73900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4400), to(#d73900));
  background-image: -webkit-linear-gradient(top, #ff4400, #d73900);
  background-image: -o-linear-gradient(top, #ff4400, #d73900);
  background-image: linear-gradient(top, #ff4400, #d73900);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4400', endColorstr='#d73900', GradientType=0);
}
.btn-orange:active {
  background-color: #e73d00;
  background-image: -moz-linear-gradient(top, #d73900, #ff4400);
  background-image: -ms-linear-gradient(top, #d73900, #ff4400);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d73900), to(#ff4400));
  background-image: -webkit-linear-gradient(top, #d73900, #ff4400);
  background-image: -o-linear-gradient(top, #d73900, #ff4400);
  background-image: linear-gradient(top, #d73900, #ff4400);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d73900', endColorstr='#ff4400', GradientType=0);
}
.btn-blue {
  border-color: transparent;
  border-bottom-color: #0960ab;
  background-color: #4288c5;
  background-image: -moz-linear-gradient(top, #488fcd, #3a7db8);
  background-image: -ms-linear-gradient(top, #488fcd, #3a7db8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#488fcd), to(#3a7db8));
  background-image: -webkit-linear-gradient(top, #488fcd, #3a7db8);
  background-image: -o-linear-gradient(top, #488fcd, #3a7db8);
  background-image: linear-gradient(top, #488fcd, #3a7db8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#488fcd', endColorstr='#3a7db8', GradientType=0);
}
.btn-blue,
.btn-blue:hover,
.btn-blue:visited {
  color: #FFF!important;
}
.btn-blue:hover {
  background-color: #3579b5;
  background-image: -moz-linear-gradient(top, #4087c6, #25659c);
  background-image: -ms-linear-gradient(top, #4087c6, #25659c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4087c6), to(#25659c));
  background-image: -webkit-linear-gradient(top, #4087c6, #25659c);
  background-image: -o-linear-gradient(top, #4087c6, #25659c);
  background-image: linear-gradient(top, #4087c6, #25659c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4087c6', endColorstr='#25659c', GradientType=0);
}
.btn-blue:active {
  background-color: #3073ad;
  background-image: -moz-linear-gradient(top, #25659c, #4087c6);
  background-image: -ms-linear-gradient(top, #25659c, #4087c6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#25659c), to(#4087c6));
  background-image: -webkit-linear-gradient(top, #25659c, #4087c6);
  background-image: -o-linear-gradient(top, #25659c, #4087c6);
  background-image: linear-gradient(top, #25659c, #4087c6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25659c', endColorstr='#4087c6', GradientType=0);
}
.btn-disabled {
  border: 1px solid #e0e0e0;
  border-bottom-color: #ccc;
  cursor: default;
}
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:visited {
  color: #ccc !important;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f2f2f2, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6);
  background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6);
  background-image: linear-gradient(top, #f2f2f2, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6', GradientType=0);
}
.btn-size45,
.btn-xlarge {
  padding: 0 20px;
  height: 43px;
  line-height: 43px;
  font-size: 18px;
}
.btn-size45 .iconfont,
.btn-xlarge .iconfont {
  font-size: 18px!important;
}
.btn-size40,
.btn-large {
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.btn-size40 .iconfont,
.btn-large .iconfont {
  font-size: 14px!important;
}
.btn-size30,
.btn-medium {
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
}
.btn-size28,
.btn-small {
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
}
.btn-size25,
.btn-xsmall {
  height: 23px;
  line-height: 23px;
}
/**
 * 小工具类
 *   可以在页面直接输出的mixin
 **/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
