@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; }

[data-ani] { opacity: 0; }

.ani { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

[data-ani-delay='100'] { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

[data-ani-delay='200'] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

[data-ani-delay='300'] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

[data-ani-delay='400'] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

[data-ani-delay='500'] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

[data-ani-delay='600'] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

[data-ani-delay='700'] { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

[data-ani-delay='800'] { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

[data-ani-delay='900'] { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

[data-ani-delay='1000'] { -webkit-animation-delay: 1s; animation-delay: 1s; }

@keyframes fade-in {
        from { opacity: 0; }
        to { opacity: 1; } 
}

@-webkit-keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-up].ani { -webkit-animation-name: fade-up; animation-name: fade-up; }

@-webkit-keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-down].ani { -webkit-animation-name: fade-down; animation-name: fade-down; }

@-webkit-keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-left].ani { -webkit-animation-name: fade-left; animation-name: fade-left; }

@-webkit-keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-right].ani { -webkit-animation-name: fade-right; animation-name: fade-right; }

[data-original] { min-height: 10px; }