html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; height: 100% }
*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; outline: 0 }
body { position: relative; font-family: "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size: 14px; line-height: 1.57142857; color: #333; min-height: 100% }
[tabindex="-1"]:focus { outline: none !important }
textarea { resize: vertical; overflow: auto }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0 }
a { text-decoration: none; cursor: pointer;color: #333;}
a:active, a:hover { outline: 0 }
b, strong { font-weight: bold }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: not-allowed }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
[hidden] { display: none }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
table { border-collapse: separate; border-spacing: 0 }
caption, th, td { font-weight: normal }
::-webkit-input-placeholder {
color:#ccc
}
::-moz-placeholder {
color:#ccc
}
:-ms-input-placeholder {
color:#ccc
}
:-moz-placeholder {
color:#ccc
}
ol, ul { list-style: none }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1;
}

@media (min-width:768px) {
.container { width: 750px; }
}

@media (min-width:992px) {
.container { width: 970px; }
}

@media (min-width:1200px) {
.container { width: 1170px; }
}
address, cite, code, em, th, i, b { font-weight: normal; font-style: normal; }
.hide{display: none}