@charset "UTF-8";
html { -webkit-font-smoothing: antialiased; -ms-touch-action: manipulation; touch-action: manipulation; }

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

/* address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 400; } */

/* h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: inherit; } */

dl, ol, ul { list-style-type: none; }

a { text-decoration: none; color: inherit; outline: none; }

a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; outline: none; blr: expression(this.onFocus=this.blur()); }

a { color: inherit; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

textarea { resize: none; outline: none; font-family: inherit; font-size: inherit; color: inherit; }

button, input[type=submit], input[type=text], input[type=button], select { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; blr: expression(this.onFocus=this.blur()); font-family: inherit; font-size: inherit; color: inherit; }

button { padding: 0; border-style: solid; }

input { outline: 0; border-radius: 0; }

input::-webkit-input-safebox-button { display: none; /*去掉搜狗浏览器密码软盘*/ }

i { font-style: normal; }

#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

.teaser { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); -webkit-transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; }

.teaser.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.lefter { opacity: 0; -webkit-transform: translate3d(-35%, 35%, 0); transform: translate3d(-35%, 35%, 0); -webkit-transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; }

.lefter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.righter { opacity: 0; -webkit-transform: translate3d(35%, 35%, 0); transform: translate3d(35%, 35%, 0); -webkit-transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; }

.righter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.downer { opacity: 0; -webkit-transform: translate3d(0, -35%, 0); transform: translate3d(0, -35%, 0); -webkit-transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; }

.downer.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.lter { opacity: 0; -webkit-transform: translate3d(-35%, 0, 0); transform: translate3d(-35%, 0, 0); -webkit-transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; }

.lter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.rter { opacity: 0; -webkit-transform: translate3d(35%, 0, 0); transform: translate3d(35%, 0, 0); -webkit-transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s, -webkit-transform 0.7s ease-out 0.2s; }

.rter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.delay2 { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.delay4 { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

.delay6 { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.delay8 { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }

.delay10 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.color-0 { color: #000; }

.color-1 { color: #111; }

.color-2 { color: #222; }

.color-3 { color: #333; }

.color-4 { color: #444; }

.color-5 { color: #555; }

.color-6 { color: #666; }

.color-7 { color: #777; }

.color-8 { color: #888; }

.color-9 { color: #999; }

.color-a { color: #aaa; }

.color-b { color: #bbb; }

.color-c { color: #ccc; }

.color-d { color: #ddd; }

.color-e { color: #eee; }

.color-f { color: #fff; }

.oh { overflow: hidden; }

.bold { font-weight: bold; }

.clickable,
.pointer { cursor: pointer; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

.bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.bg-contain { background-position: center; background-repeat: no-repeat; background-size: contain; }

.ep1 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ep2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.ep3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.ep4 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.ep5 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

.ep6 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }

.ep7 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; }

.ep8 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; }

.ep9 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; }