@charset "utf-8";
/*===== 清除默认的margin的属性值 =====*/
body,
blockquote,
dd,
dl,
figure,
form,
p,
pre,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
/*===== 统一设置列表的margin和padding，以及列表表形式 =====*/
menu,
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*===== 全局定义字体以及页面背景 =====*/
body {
  line-height: 1.5;
  background-color: #FFFFFF;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
select,
textarea {
  font-size: 18px;
}
/* 设置字体大小 */
input[type="button"],
input[type="submit"],
input[type="reset"] {
  font-size: 16px;
}
/* 设置字体大小，这部分跟前面写在一起，IE6中会无效 */
/*===== 字体控制 =====*/
body,
input,
button,
select,
optgroup,
option,
textarea,
pre {
  font-family: Arial, Roboto, 'Droid Sans', 'Hiragino Sans GB', 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif';
}
/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe {
  background-color: #FFFFFF;
  vertical-align: middle;
}
/*===== 设置文本链接样式 =====*/
a {
  color: #000000;
}
a:hover {
  text-decoration: underline;
  color: #000000;
}
/*===== 去除个别浏览器图片底部的几个像素，以及设置图片形式链接无边框 =====*/
img {
  vertical-align: middle;
}
a img {
  border: 0 none;
}
/*===== 设置表单元素的样式 =====*/
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  color: windowtext;
}
/* 设置表单域部分的字体颜色为系统窗体文本颜色 */
button,
input.ie6 {
  overflow: visible;
  padding: .1em .25em;
  cursor: pointer;
}
/* 尽量统一按钮的大小，鉴于IE6不支持【属性选择符】，所以使用一个类名来控制 */
input[type="button"],
input[type="submit"],
input[type="reset"] {
  overflow: visible;
  padding: .1em .25em;
  cursor: pointer;
}
/* 尽量同意按钮的大小，如果采用input方式做的按钮 */
input[type="text"],
select,
textarea {
  background-color: #FFFFFF;
}
/* 统一文本输入框、下拉、文本框的背景色，避免被用户设置系统颜色而破坏页面色彩 */
select {
  border: 1px inset;
}
/* 统一下拉的边框 */
textarea {
  overflow: auto;
  vertical-align: text-bottom;
  *vertical-align: auto;
  border: 1px solid;
  resize: vertical;
}
/* 滚动条为auto，与周边的元素对齐方式，其中hack部分是IE6&7中vertical-align影响范围清除，resize为上下可拉动，避免左右拉动破坏页面布局，如有需要可以设置为none */
/*===== 设置表格元素的样式 =====*/
table {
  border-spacing: 0;
}
/* 合并表格的间隙，去掉单元格之间的间距，如有需要合并单元格为细线表格，可增加 border-collapse:collapse; */
td,
th,
caption {
  padding: 0;
}
/* 去除单元格以及caption表头的padding值 */
/* 常用方法 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.fl {
  float: left;
  display: inline;
}
.fr {
  float: right;
  display: inline;
}
.ellipsis,
.ell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}