@charset "utf-8";
a,
address,
b,
big,
body,
center,
cite,
dd,
del,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
label,
legend,
li,
ol,
p,
pre,
small,
span,
strong,
u,
ul {
    margin: 0;
    padding: 0;
}
 
h1,
h2,
h3,
h4 {
    font-weight: normal;
    font-size: 16px
}
 
body {
    font-family: "microsoft yahei";
    font-size: 16px
}
 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
 
a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
 
a:hover {
    color: #f30213
}
 
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
 
button,
html input[type=button],
input[type=submit] {
    -webkit-apperance: button;
    cursor: pointer
}
 
button[disabled],
html input[disabled] {
    cursor: default
}
 
ol,
ul {
    list-style: none
}
 
img {
    border: 0;
    vertical-align: middle
}
.container{
    width: 1200px;
    margin: 0 auto;
}
em,
i,
u {
    font-style: normal;
}
 
.fl {
    float: left
}
 
.fr {
    float: right
}
 
.hide {
    display: none
}
 
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}
 
.clearfix::after {
    clear: both;
}
 
.clearfix::after {
    *zoom: 1;
}
html{
    width: 100%;
    overflow-x: hidden;
}