* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html, body {
  font-family: Microsoft YaHei !important;
  width: 100%;
  height: 100%;
  color: #333;
}
a,p,h1,h2,h3,h4,h5,h6,li,div,span{
  font-family: Microsoft YaHei !important;
}
p{
    margin: 0;
}
h1,h2,h3,h4,h5,h6,ol, ul{
    margin: 0;
    padding: 0;
}
a {
  text-decoration: none;
  font-weight: 200;
  color: inherit;
}
a:focus, a:hover{
  text-decoration: none;
}
a:focus{
  outline: none;
}
li {
  list-style: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  /*IE/7/6*/
  *zoom: 1;
}