body { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
button { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
dd { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
dl { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
dt { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
h1 { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
h2 { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
h3 { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
h4 { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
h5 { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
h6 { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
hr { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
input { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
li { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
ol { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
option { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
p { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
pre { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
select { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
td { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
textarea { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
th { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
ul { margin: 0px; padding: 0px; outline: 0px; box-sizing: content-box; }
:focus { outline: 0px; }
:hover { outline: 0px; }
:link { text-decoration: none; }
:visited { text-decoration: none; }
article { display: block; }
aside { display: block; }
dialog { display: block; }
figure { display: block; }
footer { display: block; }
header { display: block; }
menu { display: block; }
nav { display: block; }
section { display: block; }
em { font-style: normal; }
i { font-style: normal; }
b { font-weight: 400; }
caption { font-weight: 400; }
h1 { font-weight: 400; }
h2 { font-weight: 400; }
h3 { font-weight: 400; }
h4 { font-weight: 400; }
h5 { font-weight: 400; }
h6 { font-weight: 400; }
th { font-weight: 400; }
li { list-style: none; }
input { background: 0px 0px; vertical-align: top; }
select { background: 0px 0px; vertical-align: top; }
input[type=checkbox] { top: -1px; vertical-align: middle; position: relative; }
input[type=radio] { top: -1px; vertical-align: middle; position: relative; }
textarea { background: 0px 0px; border: currentColor; border-image: none; overflow: auto; resize: none; }
img { border: currentColor; border-image: none; filter: inherit; -ms-interpolation-mode: bicubic; }
a { text-decoration: none; }
s { text-decoration: none; }
u { text-decoration: none; }
sub { font-size: 83%; }
sup { font-size: 83%; }
.box::after {
 clear: both;
display: table;
content: "";
}
.cle::after {
 clear: both;
display: table;
content: "";
}
.container::after {
 clear: both;
display: table;
content: "";
}
.row::after {
 clear: both;
display: table;
content: "";
}
.w::after {
 clear: both;
display: table;
content: "";
}
input:focus { -webkit-user-modify: read-write-plaintext-only; }
button { -webkit-appearance: none; }
input[tpye=submit] { -webkit-appearance: none; }
input[type=button] { -webkit-appearance: none; }
input[type=reset] { -webkit-appearance: none; }
button { background: 0px 0px; border: currentColor; border-image: none; }
input { background: 0px 0px; border: currentColor; border-image: none; }
input::-ms-clear {
 display: none;
}
a { vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
.btn { cursor: pointer; }
.buts { cursor: pointer; }
.button { cursor: pointer; }
.ctr { cursor: pointer; }
.link { cursor: pointer; }
label { cursor: pointer; }
a { font-size: 1em; }
b { font-size: 1em; }
em { font-size: 1em; }
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
i { font-size: 1em; }
s { font-size: 1em; }
span { font-size: 1em; }
strong { font-size: 1em; }
textarea { font-size: 1em; }
button { font-family: "Microsoft YaHei", "΢ÈíÑźÚ"; }
input { font-family: "Microsoft YaHei", "΢ÈíÑźÚ"; }
select { font-family: "Microsoft YaHei", "΢ÈíÑźÚ"; }
textarea { font-family: "Microsoft YaHei", "΢ÈíÑźÚ"; }
html { margin: 0px auto; max-width: 1920px; background-color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.pointer-none { pointer-events: none !important; }
.box { box-sizing: content-box; background-clip: padding-box; }
.zhezhao { left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 0; }
.imax img { max-width: 100%; }
.img { font-size: 0px; display: block; }
.pic { font-size: 0px; display: block; }
.vm { font-size: 0px; display: block; }
.img { text-align: center; }
.img img { border-radius: inherit; }
.pic img { border-radius: inherit; }
.item > .pic { width: 100%; height: 100%; }
.list .item > a { width: 100%; height: 100%; }
.pic img { width: 100%; height: 100%; }
.shade { width: 100%; height: 100%; }
.contain { display: block; position: relative; z-index: 1; }
.container { display: block; position: relative; z-index: 1; }
.list .item > a { display: block; position: relative; z-index: 1; }
.pic img { display: block; position: relative; z-index: 1; }
.img img { width: auto !important; height: auto !important; vertical-align: middle; display: inline-block; position: relative; z-index: 1; max-height: 100% !important; max-width: 100% !important; }
.vmbox { width: auto !important; height: auto !important; vertical-align: middle; display: inline-block; position: relative; z-index: 1; max-height: 100% !important; max-width: 100% !important; }
.bg { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute !important; max-width: none !important; }
.imgbg { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute !important; max-width: none !important; }
.mask { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute !important; max-width: none !important; }
.shade .box { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute !important; max-width: none !important; }
.shade .ysqMoveBox { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute !important; max-width: none !important; }
.shadow { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute !important; max-width: none !important; }
.wh100 { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute !important; max-width: none !important; }
.shade .slideBox { width: 300%; }
.bg.c { left: 50%; width: 1920px; text-align: center; margin-left: -960px; max-width: none; }
.por.c { left: 50%; width: 1920px; text-align: center; margin-left: -960px; max-width: none; }
.bg.c img { width: 100%; }
.por.c img { width: 100%; }
.bg { z-index: 0; }
.shadow { z-index: 4; }
.mask { z-index: 6; }
.z90 { z-index: 90; }
.shade { z-index: 1; }
.z1 { z-index: 1; }
.reject { cursor: default; }
.supports .reject { }
.MouseMove { }
.MouseMove .box a { }
.MouseDown { }
.MouseDown .box a { }
.Tt { overflow: hidden; position: relative; }
.img { overflow: hidden; position: relative; }
.oh { overflow: hidden; position: relative; }
.pic { overflow: hidden; position: relative; }
.scroll-wrap { overflow: hidden; position: relative;   }
.shade { overflow: hidden; position: relative; }
.vm { overflow: hidden; position: relative; }
.Tt .box { display: none; }
.cg .contain { display: none; }
.Tt :first-child.box { display: block; }
.cg :first-child.contain { display: block; }
.btn { -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.buts { -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.close { -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.ctr { -ms-user-select: none; -webkit-user-select: none; user-select: none; }
label { -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.loading { background-image: url("../images/loading.gif"); }
.load-error { background-image: url("../images/error.gif"); }
.load-error { background-position: center; transition:none !important; background-repeat: no-repeat; background-color: rgb(255, 255, 255); -webkit-transition: none; }
.loading { background-position: center; transition:none !important; background-repeat: no-repeat; background-color: rgb(255, 255, 255); -webkit-transition: none; }
#loadingMask { z-index: 2017; }
.waiting { cursor: wait; }
.scroll-wrap.show { transition:opacity 0.35s; opacity: 1; -webkit-transition: opacity .35s;
}
.button { display: inline-block; }
.dib { display: inline-block; }
.db { display: block !important; }
.dn { display: none !important; }
.lockHtml { height: 100%; overflow: hidden; }
.ma { margin-right: auto; margin-left: auto; display: block; }
.noscroll { height: 100%; overflow: hidden; }
.t50 { top: 50% !important; }
.l50 { left: 50% !important; }
.aft { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; }
.nw { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; }
.hr { width: 100%; height: 1px; }
.vr { width: 1px; height: 100%; }
.h100 { height: 100% !important; }
.w100 { width: 100% !important; }
.t0 { top: 0px; }
.b0 { bottom: 0px; }
.l0 { left: 0px; }
.r0 { right: 0px; }
.m0 { margin: 0px !important; }
.p0 { padding: 0px !important; }
.palt { left: 0px; top: 0px; width: 100%; position: absolute !important; }
.palt.on { position: relative !important; z-index: 2; }
.poa { position: absolute !important; }
.por { position: relative !important; }
.pod { position: static !important; }
.pof { position: fixed !important; }
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.cle-l { clear: left; }
.cle-r { clear: right; }
.cle-a { clear: both; }
.fl { float: left; }
.fld { float: left; }
.l { float: left; }
.fr { float: right; }
.frd { float: right; }
.r { float: right; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.pt5 { padding-top: 5px; }
.pb1 { padding-bottom: 1px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pr5 { padding-right: 5px; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f34 { font-size: 34px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f50 { font-size: 50px; }
.f60 { font-size: 60px; }
.f100 { font-size: 100px; }
.lh1 { line-height: 1; }
.ti2 { text-indent: 2em; }
.ttu { text-transform: uppercase; }
.wmrl { }
.wmlr { }
.ffw { font-family: "Microsoft YaHei", "΢ÈíÑźÚ" !important; }
.ffa { font-family: Arial, sans-serif !important; }
.ffh { font-family: Tahoma, sans-serif !important; }
.fft { font-family: Tahoma, sans-serif !important; }
.ffh { font-family: SimHei, "ºÚÌå" !important; }
.ffs { font-family: SimSun, "ËÎÌå" !important; }
.ffk { font-family: KaiTi, "¿¬Ìå" !important; }
.fb { font-weight: 700; }
.fi { font-style: italic; }
.cfff { color: rgb(255, 255, 255); }
.c000 { color: rgb(0, 0, 0); }
.c333 { color: rgb(51, 51, 51); }
.c666 { color: rgb(102, 102, 102); }
.c999 { color: rgb(153, 153, 153); }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.taj { text-align: justify !important; }
.aft { vertical-align: top; display: inline-block; max-width: 100%; }
.aftl { transition:0.3s; overflow: hidden; padding-bottom: 1px; position: relative; -webkit-transition: .3s;
}
.aftm { transition:0.3s; overflow: hidden; padding-bottom: 1px; position: relative; -webkit-transition: .3s;
}
.aftr { transition:0.3s; overflow: hidden; padding-bottom: 1px; position: relative; -webkit-transition: .3s;
}
.aft.aftl { padding-bottom: 0px; }
.aftl:hover { text-decoration: underline; }
.aftm:hover { text-decoration: underline; }
.aftr:hover { text-decoration: underline; }
.csstransf .aftl:hover { text-decoration: none; }
.csstransf .aftm:hover { text-decoration: none; }
.csstransf .aftr:hover { text-decoration: none; }
.csstransf .aftl::after {
 transition:0.33s;
width: 0px;
bottom: 0px;
border-bottom-color: currentColor;
border-bottom-width: 1px;
border-bottom-style: solid;
position: absolute;
content: " ";
-webkit-transition: .33s;
}
.csstransf .aftm::after {
 transition:0.33s;
width: 0px;
bottom: 0px;
border-bottom-color: currentColor;
border-bottom-width: 1px;
border-bottom-style: solid;
position: absolute;
content: " ";
-webkit-transition: .33s;
}
.csstransf .aftr::after {
 transition:0.33s;
width: 0px;
bottom: 0px;
border-bottom-color: currentColor;
border-bottom-width: 1px;
border-bottom-style: solid;
position: absolute;
content: " ";
-webkit-transition: .33s;
}
.csstransf .aftl:hover::after {
 transition:width 0.33s;
width: 100%;
-webkit-transition: width .33s;
}
.csstransf .aftr:hover::after {
 transition:width 0.33s;
width: 100%;
-webkit-transition: width .33s;
}
.csstransf .aftl::after {
 left: 100%;
}
.csstransf .aftl:hover::after {
 left: 0px;
}
.csstransf .aftm::after {
 left: 50%;
}
.csstransf .aftm:hover::after {
 left: 0px;
width: 100%;
}
.csstransf .aftr::after {
 right: 100%;
}
.csstransf .aftr:hover::after {
 right: 0px;
}
.AniDo { transition:0.3s; position: relative; -webkit-transition: .3s;
}
.AniDo { opacity: 0; }
.lazyimg { opacity: 0; }
.AniDoing { opacity: 1; }
.Done { opacity: 1; }
.lazyimg { transition:none !important; -webkit-transition: none; }
.AniStart .op0 { visibility: hidden; }
.AniDid .op0 { visibility: visible; opacity: 1; }
.lazyimg.Done { transition:opacity 0.5s, transform 0.5s !important; -webkit-transition: opacity .5s, -webkit-transform .5s;
}
.AniDo { animation-duration: 0.75s; animation-timing-function: ease; animation-fill-mode: both; -webkit-animation-duration: .75s;
-webkit-animation-timing-function: ease; }
.HovAni { animation-duration: 0.75s; animation-timing-function: ease; animation-fill-mode: both; -webkit-animation-duration: .75s;
-webkit-animation-timing-function: ease; }
.a-d-2 { animation-duration: 2s; -webkit-animation-duration: 2s; }
.a-f-l { animation-timing-function: linear; -webkit-animation-timing-function: linear; }
.a-f-e { animation-timing-function: ease; -webkit-animation-timing-function: ease; }
.a-f-ei { animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; }
.a-f-eo { animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; }
.Aonce { animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.Ainfinite { animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
/*  ·ÖÒ³ */
.pageListBox { margin-top: 35px; margin-bottom: 20px; }
.pageListBox .pageList { height: 40px; text-align: center; line-height: 38px; overflow: hidden; font-size: 0px; position: relative; }
.pageListBox .pageList ul { font-family: microsoft yahei, ΢ÈíÑźÚ; float: none !important; position: relative; }
.pageListBox .pageList ul { vertical-align: top; display: inline-block; }
.pageListBox .pageList ul li { vertical-align: top; display: inline-block; }
.pageListBox .pageList ul li { margin: 0px 5px; font-size: 16px; }
.pageListBox .pageList a { border: 1px solid rgb(227, 227, 227); transition:background 200ms, color 200ms; border-image: none; height: 38px; color: rgb(51, 51, 51); padding-right: 15px; padding-left: 15px; font-size: 16px; display: block; background-color: rgb(255, 255, 255); -webkit-transition: background 200ms, color 200ms; }
.pageListBox .pageList a:hover { border-color: rgb(191, 191, 191); }
.pageListBox .pageList a.selected { border-color: rgb(255, 98, 21); color: rgb(255, 255, 255); background-color: rgb(255, 98, 21); }
.pageListBox .pageList a:active { border-color: rgb(227, 227, 227); }
.pageListBox .pageList .ctr { font-family: simsun, ËÎÌå; }


@-webkit-keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
@keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
.fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn }
@-webkit-keyframes fadeInDowns { 0% {
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInDowns { 0% {
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInDowns { -webkit-animation-name:fadeInDowns; animation-name:fadeInDowns }
@-webkit-keyframes zoomIns { 0% {
opacity:0;
-webkit-transform:scale3d(.8, .8, .8);
transform:scale3d(.8, .8, .8)
}
50% {
opacity:1
}
}
@keyframes zoomIns { 0% {
opacity:0;
-webkit-transform:scale3d(.8, .8, .8);
transform:scale3d(.8, .8, .8)
}
50% {
opacity:1
}
}
.zoomIns { -webkit-animation-name:zoomIns; animation-name:zoomIns }
@-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 }
}
@keyframes rotateIn { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 }
}
.rotateIn { -webkit-animation-name:rotateIn; animation-name:rotateIn }
@-webkit-keyframes fadeInRights { 0% {
opacity:.3;
-webkit-transform:translate3d(30%, 0, 0);
transform:translate3d(30%, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInRights { 0% {
opacity:.3;
-webkit-transform:translate3d(30%, 0, 0);
transform:translate3d(30%, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInRights { -webkit-animation-name:fadeInRights; animation-name:fadeInRights }
@-webkit-keyframes fadeInLefts { 0% {
opacity:.3;
-webkit-transform:translate3d(-30%, 0, 0);
transform:translate3d(-30%, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInLefts { 0% {
opacity:.3;
-webkit-transform:translate3d(-30%, 0, 0);
transform:translate3d(-30%, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInLefts { -webkit-animation-name:fadeInLefts; animation-name:fadeInLefts }
@-webkit-keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
.flipInX { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInX; animation-name:flipInX }
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to { opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to { opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) }
}
.bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn }
@-webkit-keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(100%, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(100%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(100%, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(100%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight { -webkit-animation-name:zoomInRight; animation-name:zoomInRight }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp }
@-webkit-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5)
}
50% {
opacity:1
}
}
@keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn }
 @-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown }