@charset 'utf-8';
/*clear-default*/
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body, input, textarea, select, button { font-family: PingFang SC, DroidSans, Microsoft YaHei, Helvetica, Arial, simsun, sans-serif; }
body { background: #fff; font-size: 14px; line-height: 1; color: #363636; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
a img, fieldset { border: 0; }
img { display: block; border: 0; }
ul, ol, dl, li { list-style: none; }
hr { display: block; height: 1px; padding: 0; border: none; border-top: 1px solid #eee; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
q, blockquote { quotes: none; }
q:before, blockquote:before, q:after, blockquote:after { content: ''; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
input, button, select, textarea { outline: none; border: none; border-radius: 0; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; tap-highlight-color: transparent; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 14px; background: none; border: #ccc 1px solid; }
select::-ms-expand {
display: none;
}
textarea { overflow: auto; resize: none; }
a, b, body, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, i, li, ol, p, small, span, td, th, ul { -webkit-tap-highlight-color: rgba(0,0,0,.1); -moz-tap-highlight-color: rgba(0,0,0,.1); -ms-tap-highlight-color: rgba(0,0,0,.1); tap-highlight-color: rgba(0,0,0,.1); font-weight: normal; }
/*placeholder*/
::-webkit-input-placeholder {
 color: #989898;
}
:-moz-placeholder {
 color: #989898;
}
::-moz-placeholder {
 color: #989898;
}
:-ms-input-placeholder {
 color: #989898;
}
/*flex*/
.flex { display: -webkit-flex; display: flex; }
.f-w { flex-wrap: wrap; }
.f-c { justify-content: center; }
.f-sa { justify-content: space-around; }
.f-sb { justify-content: space-between; }
.f-ac { align-items: center; }
.t-l {text-align: left!important;}
/*reset结束*/
.re { position: relative; }
.ab { position: absolute; }
.wrap { position: absolute; left: 50%; width: 374px; margin-left: -187px; padding: 0 0 50px; }
/*header*/
header { position: fixed; z-index: 99; left: 50%; top: -54px; width: 374px; height: 54px; padding: 0 33px 0 23px; margin-left: -187px; background: #fff; -webkit-transition: top 600ms; transition: top 600ms; }
header.show { top: 0; box-shadow: 0 0 10px rgba(0,0,0,.1); }
header.show+.wrap { padding-top: 54px; }
header img:first-child { width: 121px; height: 41px; }
header img:last-child { width: 30px; height: 30px; }
/*footer*/
footer { position: fixed; z-index: 99; left: 50%; bottom: -50px; width: 374px; height: 50px; margin-left: -187px; background: #d9d9df; -webkit-transition: bottom 600ms; transition: bottom 600ms; }
footer.show { bottom: 0; }
footer a { display: block; width: 25%; padding-top: 30px; background: url(../images/f-bg.png) no-repeat; background-size: 254px auto; text-align: center; color: #262626; }
footer a:nth-child(1) { background-position: 36px 6px; }
footer a:nth-child(2) { background-position: -34px 6px; }
footer a:nth-child(3) { background-position: -104px 6px; }
footer a:nth-child(4) { background-position: -174px 6px; }
footer a:nth-child(4) i { font-style: normal; }
footer a:nth-child(4) i.red { color: red; }