body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
body {
    font: 15px/1.5 "Arial", "Microsoft YaHei";
}
h1,
h2,
h3,
h4,
h5,
h6 {
    *font-size: 100%;
    font-weight: 400;
}
span,
var,
strong,
em,
p {
    word-wrap: break-word;
}
fieldset,
img {
    border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
    font-style: normal;
}
ol,
ul,
dd {
    list-style: none outside;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th {
    text-align: left;
}
input,
textarea,
select,
button {
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
    font-weight: inherit;
    resize: none;
}
input,
textarea {
    outline: none;
}
button {
    cursor: pointer;
}
a {
    text-decoration: none;
    outline: none;
    color: #6c6c6c;
}
a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.clr:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}
.clr {
    display: inline-block;
}
.clr {
    display: block;
}
.clear {
    height: 0;
    clear: both;
    overflow: hidden;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
img {
    vertical-align: top;
    width: 100%;
}
* {
    box-sizing: border-box;
}