@charset "utf-8";

/* 防止用户自定义背景颜色对网页的影响 */
html{
}
html,body {
    color:#333333;
    background:#fff;
    line-height: 1.7;
    height: 100%;
    font-family:'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei', '微软雅黑', Tahoma, Arial, Helvetica, STHeiti;
    font-size: 14px;
    /*word-wrap: break-word;*/
    /* -webkit-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);
  FILTER: gray;
  filter: grayscale(100%); 
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: url("data:image/svg+xml;utf8,#grayscale"); 
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
  -webkit-filter: grayscale(1); */
}
/* 内外边距重置 */
*{
  margin:0;padding:0;
}

input,select,textarea{
  font-size:100%;
}
div:focus{
  outline:none;
}
/* 去掉列表前的标识, li 会继承 */
ol,ul,li {
  list-style:none;
}

/* 左对齐排版 */
caption,th {
  text-align:left;
}

/* 让标题都自定义 */
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:300;
}

q:before,q:after {
  content:'';
}
/* 让链接在 hover 状态下不显示下划线 */
a:hover {
  text-decoration:none;
}
a:visited{
  color: #333333;
}

/* 默认不显示下划线 */
ins,a {
  text-decoration:none;
}

/* button的cursor属性 */
button,a{
  outline:none;
  cursor:pointer;
  color: #333;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}

.clearfix:after {
    display: block;
    content: "\20";
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: visible;
}

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}