@charset "utf-8";
/* CSS Document */

/*
 * Copyright 2017 sblqtd
 * Email: sblqtd@vip.qq.com
 */

/* reset */

* { -webkit-box-sizing: border-box; box-sizing: border-box }

html { height: 100%; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { max-width: 100%; height: auto; vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, select, textarea, button { font-size: inherit; font-family: inherit }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body { line-height: 1 }
a { text-decoration: none }
:focus { outline: none }

/* clear */
body:before, .fixed:before, .clearfix:before, .cf:before, #header:before, #header > .inner:before, #main:before, #main > .inner:before, #footer:before, #footer > .inner:before { content: ''; display: table }
body:after, .fixed:after, .clearfix:after, .cf:after, #header:after, #header > .inner:after, #main:after, #main > .inner:after, #footer:after, #footer > .inner:after { content: ''; display: table; clear: both }

.fixed, .clearfix, .cf, #header, #main, #footer { *zoom: 1 }

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

video { background-color: #000000 }




.f {
	display: flex;
}



.f.r {
	flex-flow: row;
}
.f.c {
	flex-flow: column;
}
.f.w {
	flex-flow: wrap;
}



.f.ac-c {
	align-content: center
}
.f.ac-fe {
	align-content: flex-end
}
.f.ac-fs {
	align-content: flex-start
}
.f.ac-sa {
	align-content: space-around
}
.f.ac-sb {
	align-content: space-between
}
.f.ac-s {
	align-content: stretch
}
.f.ac-u {
	align-content: unset
}



.f.ai-b {
	align-items: baseline
}
.f.ai-c {
	align-items: center
}
.f.ai-fe {
	align-items: flex-end
}
.f.ai-fs {
	align-items: flex-start
}
.f.ai-s {
	align-items: stretch
}
.f.ai-u {
	align-items: unset
}



.f.jc-b {
	justify-content: baseline
}
.f.jc-c {
	justify-content: center
}
.f.jc-e {
	justify-content: end
}
.f.jc-fb {
	justify-content: first baseline
}
.f.jc-fe {
	justify-content: flex-end
}
.f.jc-fs {
	justify-content: flex-start
}
.f.jc-lb {
	justify-content: last baseline
}
.f.jc-l {
	justify-content: left
}
.f.jc-r {
	justify-content: right
}
.f.jc-safe {
	justify-content: safe
}
.f.jc-sa {
	justify-content: space-around
}
.f.jc-sb {
	justify-content: space-between
}
.f.jc-se {
	justify-content: space-evenly
}
.f.jc-start {
	justify-content: start
}
.f.jc-stretch {
	justify-content: stretch
}
.f.jc-unsafe {
	justify-content: unsafe
}
.f.jc-unset {
	justify-content: unset
}





.f.ji-a {
	justify-items: auto
}
.f.ji-n {
	justify-items: normal
}
.f.ji-stretch {
	justify-items: stretch
}
.f.ji-c {
	justify-items: center
}
.f.ji-start {
	justify-items: start
}
.f.ji-e {
	justify-items: end
}
.f.ji-fs {
	justify-items: flex-start
}
.f.ji-fe {
	justify-items: flex-end
}
.f.ji-ss {
	justify-items: self-start
}
.f.ji-se {
	justify-items: self-end
}
.f.ji-l {
	justify-items: left
}
.f.ji-r {
	justify-items: right
}
.f.ji-b {
	justify-items: baseline
}
.f.ji-fb {
	justify-items: first baseline
}
.f.ji-lb {
	justify-items: last baseline
}
.f.ji-sc {
	justify-items: safe center
}
.f.ji-uc {
	justify-items: unsafe center
}
.f.ji-lr {
	justify-items: legacy right
}
.f.ji-ll {
	justify-items: legacy left
}
.f.ji-lc {
	justify-items: legacy center
}
.f.ji-u {
	justify-items: unset
}