*{
    box-sizing: border-box;
}
body,html {
    font-family:"Microsoft YaHei","Helvetica","Arial","微软雅黑","Microsoft YaHei UI";
    -webkit-user-select: none;
    user-select: none;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    overflow-x: hidden;
}
html {
    line-height: 1.5;
}
body {
    margin: 0;
    letter-spacing: 1px;
}
article,aside,footer,header,nav,section,main {
    display: block
}
pre {
    font-size: 1em;
    font-family: monospace
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
}
b,strong {
    font-weight: inherit;
    font-weight: bolder
}
img {
    border-style: none;
    width: 100%;
}
button,input,optgroup,select,textarea {
    margin: 0;
    font-size: 100%;
    font-family: sans-serif;
    line-height: 1.15
}
button,input {
    overflow: visible
}
button,select {
    text-transform: none
}
[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}
progress {
    display: inline-block;
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}
details,menu {
    display: block
}
summary {
    display: list-item
}
canvas {
    display: inline-block
}
[hidden],template {
    display: none
}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}
ul,li,ol,dl,dt{
    list-style: none;
}
a,img {
    -webkit-touch-callout: none
}
a,input {
    -webkit-tap-highlight-color: transparent
}
input[type=text] {
    -webkit-appearance: none
}
main{width: 1200px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}