/*! LiveApp - v1.0.0 - * 2014-09-13 * http://www.liveapp.cn * Copyright (c) 2014 Charles */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { margin:0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block } audio,canvas,progress,video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden],template { display:none } a { background:0 0 } a:active,a:hover { outline:0 } abbr[title] { border-bottom:1px dotted } b,strong { font-weight:700 } dfn { font-style:italic } h1 { font-size:2em; margin:.67em 0 } mark { background:#ff0; color:#000 } small { font-size:80% } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-.5em } sub { bottom:-.25em } img { border:0 } svg:not(:root) { overflow:hidden } figure { margin:1em 40px } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0 } pre { overflow:auto } code,kbd,pre,samp { font-family:monospace,monospace; font-size:1em } button,input,optgroup,select,textarea { color:inherit; font:inherit; margin:0 } button { overflow:visible } button,select { text-transform:none } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer } button[disabled],html input[disabled] { cursor:default } button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0 } input { line-height:normal } input[type=checkbox],input[type=radio] { box-sizing:border-box; padding:0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height:auto } input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance:none } fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em } legend { border:0; padding:0 } textarea { overflow:auto } optgroup { font-weight:700 } table { border-collapse:collapse; border-spacing:0 } td,th { padding:0 } body,html { width:100%; height:100%; overflow:hidden; background-color:#515363 } body { font-size:14px; color:#333; font-family:'微软雅黑','宋体'; background-color:#000; letter-spacing:1px; box-shadow:0 0 160px 0 #5C99E7; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; -khtml-user-select:none; user-select:none } a { font-family:'微软雅黑','宋体' } a,button,form,input,select,textarea { -webkit-tap-highlight-color:transparent } .app { width:640px; margin:0 auto; box-sizing:border-box; -webkit-transition:all .5s } .app-header { position:fixed; top:0; width:640px; z-index:100 } .app-content { position:relative; width:640px; height:100%; overflow:hidden; box-sizing:border-box } .app-footer { position:fixed; bottom:0; width:640px; z-index:100 } .app-pages .page { position:relative; height:1000px } .app { background-size:cover } /*.app.appBg1 { background:url(img/appBg1.jpg) } .app.appBg2 { background:url(img/appBg2.jpg) } */.page { border:0; position:absolute; width:100%; height:100%; background-color:#000; background-position:top center; background-size:cover; box-sizing:border-box; -webkit-box-orient:vertical; overflow:hidden; z-index:0; display:none; -webkit-transform-origin:center center } .page.z-active { z-index:2; display:block } .page.z-current { z-index:1; display:block } .page-header { height:60px; background-color:#183d61; overflow:hidden; -webkit-box-flex:0 } .page-header h2 { color:#fff; font-size:32px; font-weight:400; margin:0; padding:0 0 0 30px; height:70px; line-height:70px } .page-content { overflow:hidden; -webkit-box-flex:100 } .page.z-actived { display:block } .app-loading { position:fixed; top:50%; left:50%; margin:-48px auto auto -48px; width:95px; height:95px; display:block; opacity:1; -webkit-transition:all .5s; z-index:99999 } .app-loading.z-hide,.app-loading2.z-hide { opacity:0; visibility:hidden } .app-loading .cycleWrap,.app-loading .lineWrap { position:absolute; width:94px; height:85px } .app-loading .cycle,.app-loading .line { display:block; position:absolute; background:#6eae44 } .app-loading .cycle { z-index:10; width:18px; height:18px; border-radius:50%; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0) } .app-loading .cycle-1 { right:0; bottom:0 } .app-loading .cycle-2 { left:0; bottom:0 } .app-loading .cycle-3 { left:50%; top:0; margin-left:-9px } .app-loading .cycle-4 { right:18px; top:50%; margin-top:-8px } .app-loading .line { z-index:9; height:5px; border-radius:3px } .app-loading .line-1 { right:9px; bottom:6px; width:78px; -webkit-transform:scale(0,1); -moz-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0; -moz-transform-origin:0; transform-origin:0 } .app-loading .line-2 { left:8px; bottom:4px; width:80px; -webkit-transform:rotate(-60deg) scale(0,1); -moz-transform:rotate(-60deg) scale(0,1); transform:rotate(-60deg) scale(0,1); -webkit-transform-origin:0; -moz-transform-origin:0; transform-origin:0 } .app-loading .line-3 { left:47px; top:7px; width:40px; -webkit-transform:rotate(60deg) scale(0,1); -moz-transform:rotate(60deg) scale(0,1); transform:rotate(60deg) scale(0,1); -webkit-transform-origin:0; -moz-transform-origin:0; transform-origin:0 } .app-loading .cycle-1 { -webkit-animation:cycleChange 3s infinite ease-in-out; moz-animation:cycleChange 3s infinite ease-in-out; animation:cycleChange 3s infinite ease-in-out } .app-loading .cycle-2 { -webkit-animation:cycleChange 3s .525s infinite ease-in-out; moz-animation:cycleChange 3s .525s infinite ease-in-out; animation:cycleChange 3s .525s infinite ease-in-out } .app-loading .cycle-3 { -webkit-animation:cycleChange 3s 1.05s infinite ease-in-out; moz-animation:cycleChange 3s 1.05s infinite ease-in-out; animation:cycleChange 3s 1.05s infinite ease-in-out } .app-loading .cycle-4 { -webkit-animation:cycleChange 3s 1.575s infinite ease-in-out; moz-animation:cycleChange 3s 1.575s infinite ease-in-out; animation:cycleChange 3s 1.575s infinite ease-in-out } .app-loading .line-1 { -webkit-animation:lineChange01 3s infinite ease-in-out; moz-animation:lineChange01 3s infinite ease-in-out; animation:lineChange01 3s infinite ease-in-out } .app-loading .line-2 { -webkit-animation:lineChange02 3s .525s infinite ease-in-out; moz-animation:lineChange02 3s .525s infinite ease-in-out; animation:lineChange02 3s .525s infinite ease-in-out } .app-loading .line-3 { -webkit-animation:lineChange03 3s 1.05s infinite ease-in-out; moz-animation:lineChange03 3s 1.05s infinite ease-in-out; animation:lineChange03 3s 1.05s infinite ease-in-out } @-webkit-keyframes cycleChange { 0%,100%,24% { -webkit-transform:scale(0) } 9% { -webkit-transform:scale(1.2) } }@-moz-keyframes cycleChange { 0%,100%,24% { -moz-transform:scale(0) } 9% { -moz-transform:scale(1.2) } }@keyframes cycleChange { 0%,100%,24% { transform:scale(0) } 9% { transform:scale(1.2) } }@-webkit-keyframes lineChange01 { 0% { -webkit-transform:translate(76px,0) scale(0,1) } 18.75% { -webkit-transform:translate(0,0) scale(1,1) } 100%,37.5% { -webkit-transform:translate(0,0) scale(0,1) } }@-moz-keyframes lineChange01 { 0% { -webkit-transform:translate(76px,0) scale(0,1) } 18.75% { -webkit-transform:translate(0,0) scale(1,1) } 100%,37.5% { -webkit-transform:translate(,0) scale(0,1) } }@keyframes lineChange01 { 0% { -webkit-transform:translate(76px,0) scale(0,1) scale(0,1) } 18.75% { -webkit-transform:translate(0,0) scale(1,1) scale(1,1) } 100%,37.5% { -webkit-transform:translate(0,0) scale(0,1) scale(0,1) } }@-webkit-keyframes lineChange02 { 0% { -webkit-transform:rotate(-60deg) translate(0,0) scale(0,1) } 18.75% { -webkit-transform:rotate(-60deg) translate(0,0) scale(1,1) } 100%,37.5% { -webkit-transform:rotate(-60deg) translate(78px,0) scale(0,1) } }@-moz-keyframes lineChange02 { 0% { w-webkit-transform:rotate(-60deg) translate(0,0) scale(0,1) } 18.75% { -webkit-transform:rotate(-60deg) translate(0,0) scale(1,1) } 100%,37.5% { -webkit-transform:rotate(-60deg) translate(78px,0) scale(0,1) } }@keyframes lineChange02 { 0% { -webkit-transform:rotate(-60deg) translate(0,0) scale(0,1) } 18.75% { -webkit-transform:rotate(-60deg) translate(0,0) scale(1,1) } 100%,37.5% { -webkit-transform:rotate(-60deg) translate(78px,0) scale(0,1) } }@-webkit-keyframes lineChange03 { 0% { -webkit-transform:rotate(60deg) translate(0,0) scale(0,1) } 18.75% { -webkit-transform:rotate(60deg) translate(0,0) scale(1,1) } 100%,37.5% { -webkit-transform:rotate(60deg) translate(40px,0) scale(0,1) } }@-moz-keyframes lineChange03 { 0% { -webkit-transform:rotate(60deg) translate(0,0) scale(0,1) } 18.75% { -webkit-transform:rotate(60deg) translate(0,0) scale(1,1) } 100%,37.5% { -webkit-transform:rotate(60deg) translate(40px,0) scale(0,1) } }@keyframes lineChange03 { 0% { -webkit-transform:rotate(60deg) translate(0,0) scale(0,1) } 18.75% { -webkit-transform:rotate(60deg) translate(0,0) scale(1,1) } 100%,37.5% { -webkit-transform:rotate(60deg) translate(40px,0) scale(0,1) } }.app-loading2 { background:url(img/app-loading.png) no-repeat; position:fixed; top:50%; left:50%; margin:-48px auto auto -48px; width:95px; height:95px; display:block; -webkit-animation:rotataZ 1s linear infinite; opacity:1; -webkit-transition:all .5s; z-index:99999 } .a-bounce,.a-flash,.a-flip,.a-ring,.a-shake,.a-swing,.a-wobble { -webkit-animation:1s ease; -moz-animation:1s ease; -ms-animation:1s ease; animation:1s ease } .a-bouncein,.a-bounceinB,.a-bounceinL,.a-bounceinR,.a-bounceinT,.a-fadein,.a-fadeinB,.a-fadeinL,.a-fadeinR,.a-fadeinT,.a-flipin,.a-flipinX,.a-flipinY,.a-rotatein,.a-rotateinLB,.a-rotateinLT,.a-rotateinRB,.a-rotateinRT { -webkit-animation:1s ease-out backwards; -moz-animation:1s ease-out backwards; -ms-animation:1s ease-out backwards; animation:1s ease-out backwards } .a-bounceout,.a-bounceoutB,.a-bounceoutL,.a-bounceoutR,.a-bounceoutT,.a-fadeout,.a-fadeoutB,.a-fadeoutL,.a-fadeoutR,.a-fadeoutT,.a-flipout,.a-flipoutX,.a-flipoutY,.a-rotateout,.a-rotateoutLB,.a-rotateoutLT,.a-rotateoutRB,.a-rotateoutRT { -webkit-animation:1s ease-in forwards; -moz-animation:1s ease-in forwards; -ms-animation:1s ease-in forwards; animation:1s ease-in forwards } .a-fadein { -webkit-animation-name:fadein; -moz-animation-name:fadein; -ms-animation-name:fadein; animation-name:fadein } .a-fadeinT { -webkit-animation-name:fadeinT; -moz-animation-name:fadeinT; -ms-animation-name:fadeinT; animation-name:fadeinT } .a-fadeinR { -webkit-animation-name:fadeinR; -moz-animation-name:fadeinR; -ms-animation-name:fadeinR; animation-name:fadeinR } .a-fadeinB { -webkit-animation-name:fadeinB; -moz-animation-name:fadeinB; -ms-animation-name:fadeinB; animation-name:fadeinB } .a-fadeinL { -webkit-animation-name:fadeinL; -moz-animation-name:fadeinL; -ms-animation-name:fadeinL; animation-name:fadeinL } .a-fadeout { -webkit-animation-name:fadeout; -moz-animation-name:fadeout; -ms-animation-name:fadeout; animation-name:fadeout } .a-fadeoutT { -webkit-animation-name:fadeoutT; -moz-animation-name:fadeoutT; -ms-animation-name:fadeoutT; animation-name:fadeoutT } .a-fadeoutR { -webkit-animation-name:fadeoutR; -moz-animation-name:fadeoutR; -ms-animation-name:fadeoutR; animation-name:fadeoutR } .a-fadeoutB { -webkit-animation-name:fadeoutB; -moz-animation-name:fadeoutB; -ms-animation-name:fadeoutB; animation-name:fadeoutB } .a-fadeoutL { -webkit-animation-name:fadeoutL; -moz-animation-name:fadeoutL; -ms-animation-name:fadeoutL; animation-name:fadeoutL } .a-bounce { -webkit-animation-name:bounce; -moz-animation-name:bounce; -ms-animation-name:bounce; animation-name:bounce } .a-bouncein { -webkit-animation-name:bouncein; -moz-animation-name:bouncein; -ms-animation-name:bouncein; animation-name:bouncein } .a-bounceinT { -webkit-animation-name:bounceinT; -moz-animation-name:bounceinT; -ms-animation-name:bounceinT; animation-name:bounceinT } .a-bounceinR { -webkit-animation-name:bounceinR; -moz-animation-name:bounceinR; -ms-animation-name:bounceinR; animation-name:bounceinR } .a-bounceinB { -webkit-animation-name:bounceinB; -moz-animation-name:bounceinB; -ms-animation-name:bounceinB; animation-name:bounceinB } .a-bounceinL { -webkit-animation-name:bounceinL; -moz-animation-name:bounceinL; -ms-animation-name:bounceinL; animation-name:bounceinL } .a-bounceout { -webkit-animation-name:bounceout; -moz-animation-name:bounceout; -ms-animation-name:bounceout; animation-name:bounceout } .a-bounceoutT { -webkit-animation-name:bounceoutT; -moz-animation-name:bounceoutT; -ms-animation-name:bounceoutT; animation-name:bounceoutT } .a-bounceoutR { -webkit-animation-name:bounceoutR; -moz-animation-name:bounceoutR; -ms-animation-name:bounceoutR; animation-name:bounceoutR } .a-bounceoutB { -webkit-animation-name:bounceoutB; -moz-animation-name:bounceoutB; -ms-animation-name:bounceoutB; animation-name:bounceoutB } .a-bounceoutL { -webkit-animation-name:bounceoutL; -moz-animation-name:bounceoutL; -ms-animation-name:bounceoutL; animation-name:bounceoutL } .a-rotatein { -webkit-animation-name:rotatein; -moz-animation-name:rotatein; -ms-animation-name:rotatein; animation-name:rotatein } .a-rotateinLT { -webkit-animation-name:rotateinLT; -moz-animation-name:rotateinLT; -ms-animation-name:rotateinLT; animation-name:rotateinLT } .a-rotateinLB { -webkit-animation-name:rotateinLB; -moz-animation-name:rotateinLB; -ms-animation-name:rotateinLB; animation-name:rotateinLB } .a-rotateinRT { -webkit-animation-name:rotateinRT; -moz-animation-name:rotateinRT; -ms-animation-name:rotateinRT; animation-name:rotateinRT } .a-rotateinRB { -webkit-animation-name:rotateinRB; -moz-animation-name:rotateinRB; -ms-animation-name:rotateinRB; animation-name:rotateinRB } .a-rotateout { -webkit-animation-name:rotateout; -moz-animation-name:rotateout; -ms-animation-name:rotateout; animation-name:rotateout } .a-rotateoutLT { -webkit-animation-name:rotateoutLT; -moz-animation-name:rotateoutLT; -ms-animation-name:rotateoutLT; animation-name:rotateoutLT } .a-rotateoutLB { -webkit-animation-name:rotateoutLB; -moz-animation-name:rotateoutLB; -ms-animation-name:rotateoutLB; animation-name:rotateoutLB } .a-rotateoutRT { -webkit-animation-name:rotateoutRT; -moz-animation-name:rotateoutRT; -ms-animation-name:rotateoutRT; animation-name:rotateoutRT } .a-rotateoutRB { -webkit-animation-name:rotateoutRB; -moz-animation-name:rotateoutRB; -ms-animation-name:rotateoutRB; animation-name:rotateoutRB } .a-flip { -webkit-animation-name:flip; -moz-animation-name:flip; -ms-animation-name:flip; animation-name:flip } .a-flipinX { -webkit-animation-name:flipinX; -moz-animation-name:flipinX; -ms-animation-name:flipinX; animation-name:flipinX } .a-flipin,.a-flipinY { -webkit-animation-name:flipinY; -moz-animation-name:flipinY; -ms-animation-name:flipinY; animation-name:flipinY } .a-flipoutX { -webkit-animation-name:flipoutX; -moz-animation-name:flipoutX; -ms-animation-name:flipoutX; animation-name:flipoutX } .a-flipout,.a-flipoutY { -webkit-animation-name:flipoutY; -moz-animation-name:flipoutY; -ms-animation-name:flipoutY; animation-name:flipoutY } .a-flash { -webkit-animation-name:flash; -moz-animation-name:flash; -ms-animation-name:flash; animation-name:flash } .a-shake { -webkit-animation-name:shake; -moz-animation-name:shake; -ms-animation-name:shake; animation-name:shake } .a-swing { -webkit-animation-name:swing; -moz-animation-name:swing; -ms-animation-name:swing; animation-name:swing } .a-wobble { -webkit-animation-name:wobble; -moz-animation-name:wobble; -ms-animation-name:wobble; animation-name:wobble } .a-ring { -webkit-animation-name:ring; -moz-animation-name:ring; -ms-animation-name:ring; animation-name:ring } @-webkit-keyframes fadein { 0% { opacity:0 } 100% { opacity:1 } }@-moz-keyframes fadein { 0% { opacity:0 } 100% { opacity:1 } }@-ms-keyframes fadein { 0% { opacity:0 } 100% { opacity:1 } }@keyframes fadein { 0% { opacity:0 } 100% { opacity:1 } }@-webkit-keyframes fadeinT { 0% { opacity:0; -webkit-transform:translateY(-100px) } 100% { opacity:1; -webkit-transform:translateY(0) } }@-moz-keyframes fadeinT { 0% { opacity:0; -moz-transform:translateY(-100px) } 100% { opacity:1; -moz-transform:translateY(0) } }@-ms-keyframes fadeinT { 0% { opacity:0; -ms-transform:translateY(-100px) } 100% { opacity:1; -ms-transform:translateY(0) } }@keyframes fadeinT { 0% { opacity:0; transform:translateY(-100px) } 100% { opacity:1; transform:translateY(0) } }@-webkit-keyframes fadeinR { 0% { opacity:0; -webkit-transform:translateX(100px) } 100% { opacity:1; -webkit-transform:translateX(0) } }@-moz-keyframes fadeinR { 0% { opacity:0; -moz-transform:translateX(100px) } 100% { opacity:1; -moz-transform:translateX(0) } }@-ms-keyframes fadeinR { 0% { opacity:0; -ms-transform:translateX(100px) } 100% { opacity:1; -ms-transform:translateX(0) } }@keyframes fadeinR { 0% { opacity:0; transform:translateX(100px) } 100% { opacity:1; transform:translateX(0) } }@-webkit-keyframes fadeinB { 0% { opacity:0; -webkit-transform:translateY(100px) } 100% { opacity:1; -webkit-transform:translateY(0) } }@-moz-keyframes fadeinB { 0% { opacity:0; -moz-transform:translateY(100px) } 100% { opacity:1; -moz-transform:translateY(0) } }@-ms-keyframes fadeinB { 0% { opacity:0; -ms-transform:translateY(100px) } 100% { opacity:1; -ms-transform:translateY(0) } }@keyframes fadeinB { 0% { opacity:0; transform:translateY(100px) } 100% { opacity:1; transform:translateY(0) } }@-webkit-keyframes fadeinL { 0% { opacity:0; -webkit-transform:translateX(-100px) } 100% { opacity:1; -webkit-transform:translateX(0) } }@-moz-keyframes fadeinL { 0% { opacity:0; -moz-transform:translateX(-100px) } 100% { opacity:1; -moz-transform:translateX(0) } }@-ms-keyframes fadeinL { 0% { opacity:0; -ms-transform:translateX(-100px) } 100% { opacity:1; -ms-transform:translateX(0) } }@keyframes fadeinL { 0% { opacity:0; transform:translateX(-100px) } 100% { opacity:1; transform:translateX(0) } }@-webkit-keyframes fadeout { 0% { opacity:1 } 100% { opacity:0 } }@-moz-keyframes fadeout { 0% { opacity:1 } 100% { opacity:0 } }@-ms-keyframes fadeout { 0% { opacity:1 } 100% { opacity:0 } }@keyframes fadeout { 0% { opacity:1 } 100% { opacity:0 } }@-webkit-keyframes fadeoutT { 0% { opacity:1; -webkit-transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-100px) } }@-moz-keyframes fadeoutT { 0% { opacity:1; -moz-transform:translateY(0) } 100% { opacity:0; -moz-transform:translateY(-100px) } }@-ms-keyframes fadeoutT { 0% { opacity:1; -ms-transform:translateY(0) } 100% { opacity:0; -ms-transform:translateY(-100px) } }@keyframes fadeoutT { 0% { opacity:1; transform:translateY(0) } 100% { opacity:0; transform:translateY(-100px) } }@-webkit-keyframes fadeoutR { 0% { opacity:1; -webkit-transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(100px) } }@-moz-keyframes fadeoutR { 0% { opacity:1; -moz-transform:translateX(0) } 100% { opacity:0; -moz-transform:translateX(100px) } }@-ms-keyframes fadeoutR { 0% { opacity:1; -ms-transform:translateX(0) } 100% { opacity:0; -ms-transform:translateX(100px) } }@keyframes fadeoutR { 0% { opacity:1; transform:translateX(0) } 100% { opacity:0; transform:translateX(100px) } }@-webkit-keyframes fadeoutB { 0% { opacity:1; -webkit-transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(100px) } }@-moz-keyframes fadeoutB { 0% { opacity:1; -moz-transform:translateY(0) } 100% { opacity:0; -moz-transform:translateY(100px) } }@-ms-keyframes fadeoutB { 0% { opacity:1; -ms-transform:translateY(0) } 100% { opacity:0; -ms-transform:translateY(100px) } }@keyframes fadeoutB { 0% { opacity:1; transform:translateY(0) } 100% { opacity:0; transform:translateY(100px) } }@-webkit-keyframes fadeoutL { 0% { opacity:1; -webkit-transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-100px) } }@-moz-keyframes fadeoutL { 0% { opacity:1; -moz-transform:translateX(0) } 100% { opacity:0; -moz-transform:translateX(-100px) } }@-ms-keyframes fadeoutL { 0% { opacity:1; -ms-transform:translateX(0) } 100% { opacity:0; -ms-transform:translateX(-100px) } }@keyframes fadeoutL { 0% { opacity:1; transform:translateX(0) } 100% { opacity:0; transform:translateX(-100px) } }@-webkit-keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform:translateY(0) } 40% { -webkit-transform:translateY(-30px) } 60% { -webkit-transform:translateY(-15px) } }@-moz-keyframes bounce { 0%,100%,20%,50%,80% { -moz-transform:translateY(0) } 40% { -moz-transform:translateY(-30px) } 60% { -moz-transform:translateY(-15px) } }@-ms-keyframes bounce { 0%,100%,20%,50%,80% { -ms-transform:translateY(0) } 40% { -ms-transform:translateY(-30px) } 60% { -ms-transform:translateY(-15px) } }@keyframes bounce { 0%,100%,20%,50%,80% { transform:translateY(0) } 40% { transform:translateY(-30px) } 60% { transform:translateY(-15px) } }@-webkit-keyframes bouncein { 0% { opacity:0; -webkit-transform:scale(0.3) } 50% { opacity:1; -webkit-transform:scale(1.05) } 70% { -webkit-transform:scale(0.9) } 100% { -webkit-transform:scale(1) } }@-moz-keyframes bouncein { 0% { opacity:0; -moz-transform:scale(0.3) } 50% { opacity:1; -moz-transform:scale(1.05) } 70% { -moz-transform:scale(0.9) } 100% { -moz-transform:scale(1) } }@-ms-keyframes bouncein { 0% { opacity:0; -ms-transform:scale(0.3) } 50% { opacity:1; -ms-transform:scale(1.05) } 70% { -ms-transform:scale(0.9) } 100% { -ms-transform:scale(1) } }@keyframes bouncein { 0% { opacity:0; transform:scale(0.3) } 50% { opacity:1; transform:scale(1.05) } 70% { transform:scale(0.9) } 100% { transform:scale(1) } }@-webkit-keyframes bounceinT { 0% { opacity:0; -webkit-transform:translateY(-100px) } 60% { opacity:1; -webkit-transform:translateY(30px) } 80% { -webkit-transform:translateY(-10px) } 100% { -webkit-transform:translateY(0) } }@-moz-keyframes bounceinT { 0% { opacity:0; -moz-transform:translateY(-100px) } 60% { opacity:1; -moz-transform:translateY(30px) } 80% { -moz-transform:translateY(-10px) } 100% { -moz-transform:translateY(0) } }@-ms-keyframes bounceinT { 0% { opacity:0; -ms-transform:translateY(-100px) } 60% { opacity:1; -ms-transform:translateY(30px) } 80% { -ms-transform:translateY(-10px) } 100% { -ms-transform:translateY(0) } }@keyframes bounceinT { 0% { opacity:0; transform:translateY(-100px) } 60% { opacity:1; transform:translateY(30px) } 80% { transform:translateY(-10px) } 100% { transform:translateY(0) } }@-webkit-keyframes bounceinR { 0% { opacity:0; -webkit-transform:translateX(100px) } 60% { opacity:1; -webkit-transform:translateX(-30px) } 80% { -webkit-transform:translateX(10px) } 100% { -webkit-transform:translateX(0) } }@-moz-keyframes bounceinR { 0% { opacity:0; -moz-transform:translateX(100px) } 60% { opacity:1; -moz-transform:translateX(-30px) } 80% { -moz-transform:translateX(10px) } 100% { -moz-transform:translateX(0) } }@-ms-keyframes bounceinR { 0% { opacity:0; -ms-transform:translateX(100px) } 60% { opacity:1; -ms-transform:translateX(-30px) } 80% { -ms-transform:translateX(10px) } 100% { -ms-transform:translateX(0) } }@keyframes bounceinR { 0% { opacity:0; transform:translateX(100px) } 60% { opacity:1; transform:translateX(-30px) } 80% { transform:translateX(10px) } 100% { transform:translateX(0) } }@-webkit-keyframes bounceinB { 0% { opacity:0; -webkit-transform:translateY(100px) } 60% { opacity:1; -webkit-transform:translateY(-30px) } 80% { -webkit-transform:translateY(10px) } 100% { -webkit-transform:translateY(0) } }@-moz-keyframes bounceinB { 0% { opacity:0; -moz-transform:translateY(100px) } 60% { opacity:1; -moz-transform:translateY(-30px) } 80% { -moz-transform:translateY(10px) } 100% { -moz-transform:translateY(0) } }@-ms-keyframes bounceinB { 0% { opacity:0; -ms-transform:translateY(100px) } 60% { opacity:1; -ms-transform:translateY(-30px) } 80% { -ms-transform:translateY(10px) } 100% { -ms-transform:translateY(0) } }@keyframes bounceinB { 0% { opacity:0; transform:translateY(100px) } 60% { opacity:1; transform:translateY(-30px) } 80% { transform:translateY(10px) } 100% { transform:translateY(0) } }@-webkit-keyframes bounceinL { 0% { opacity:0; -webkit-transform:translateX(-100px) } 60% { opacity:1; -webkit-transform:translateX(30px) } 80% { -webkit-transform:translateX(-10px) } 100% { -webkit-transform:translateX(0) } }@-moz-keyframes bounceinL { 0% { opacity:0; -moz-transform:translateX(-100px) } 60% { opacity:1; -moz-transform:translateX(30px) } 80% { -moz-transform:translateX(-10px) } 100% { -moz-transform:translateX(0) } }@-ms-keyframes bounceinL { 0% { opacity:0; -ms-transform:translateX(-100px) } 60% { opacity:1; -ms-transform:translateX(30px) } 80% { -ms-transform:translateX(-10px) } 100% { -ms-transform:translateX(0) } }@keyframes bounceinL { 0% { opacity:0; transform:translateX(-100px) } 60% { opacity:1; transform:translateX(30px) } 80% { transform:translateX(-10px) } 100% { transform:translateX(0) } }@-webkit-keyframes bounceout { 0% { -webkit-transform:scale(1) } 25% { -webkit-transform:scale(0.95) } 50% { opacity:1; -webkit-transform:scale(1.1) } 100% { opacity:0; -webkit-transform:scale(0.3) } }@-moz-keyframes bounceout { 0% { -moz-transform:scale(1) } 25% { -moz-transform:scale(0.95) } 50% { opacity:1; -moz-transform:scale(1.1) } 100% { opacity:0; -moz-transform:scale(0.3) } }@-ms-keyframes bounceout { 0% { -ms-transform:scale(1) } 25% { -ms-transform:scale(0.95) } 50% { opacity:1; -ms-transform:scale(1.1) } 100% { opacity:0; -ms-transform:scale(0.3) } }@keyframes bounceout { 0% { transform:scale(1) } 25% { transform:scale(0.95) } 50% { opacity:1; transform:scale(1.1) } 100% { opacity:0; transform:scale(0.3) } }@-webkit-keyframes bounceoutT { 0% { -webkit-transform:translateY(0) } 20% { opacity:1; -webkit-transform:translateY(20px) } 100% { opacity:0; -webkit-transform:translateY(-100px) } }@-moz-keyframes bounceoutT { 0% { -moz-transform:translateY(0) } 20% { opacity:1; -moz-transform:translateY(20px) } 100% { opacity:0; -moz-transform:translateY(-100px) } }@-ms-keyframes bounceoutT { 0% { -ms-transform:translateY(0) } 20% { opacity:1; -ms-transform:translateY(20px) } 100% { opacity:0; -ms-transform:translateY(-100px) } }@keyframes bounceoutT { 0% { transform:translateY(0) } 20% { opacity:1; transform:translateY(20px) } 100% { opacity:0; transform:translateY(-100px) } }@-webkit-keyframes bounceoutR { 0% { -webkit-transform:translateX(0) } 20% { opacity:1; -webkit-transform:translateX(-20px) } 100% { opacity:0; -webkit-transform:translateX(100px) } }@-moz-keyframes bounceoutR { 0% { -moz-transform:translateX(0) } 20% { opacity:1; -moz-transform:translateX(-20px) } 100% { opacity:0; -moz-transform:translateX(100px) } }@-ms-keyframes bounceoutR { 0% { -ms-transform:translateX(0) } 20% { opacity:1; -ms-transform:translateX(-20px) } 100% { opacity:0; -ms-transform:translateX(100px) } }@keyframes bounceoutR { 0% { transform:translateX(0) } 20% { opacity:1; transform:translateX(-20px) } 100% { opacity:0; transform:translateX(100px) } }@-webkit-keyframes bounceoutB { 0% { -webkit-transform:translateY(0) } 20% { opacity:1; -webkit-transform:translateY(-20px) } 100% { opacity:0; -webkit-transform:translateY(100px) } }@-moz-keyframes bounceoutB { 0% { -moz-transform:translateY(0) } 20% { opacity:1; -moz-transform:translateY(-20px) } 100% { opacity:0; -moz-transform:translateY(100px) } }@-ms-keyframes bounceoutB { 0% { -ms-transform:translateY(0) } 20% { opacity:1; -ms-transform:translateY(-20px) } 100% { opacity:0; -ms-transform:translateY(100px) } }@keyframes bounceoutB { 0% { transform:translateY(0) } 20% { opacity:1; transform:translateY(-20px) } 100% { opacity:0; transform:translateY(100px) } }@-webkit-keyframes bounceoutL { 0% { -webkit-transform:translateX(0) } 20% { opacity:1; -webkit-transform:translateX(20px) } 100% { opacity:0; -webkit-transform:translateX(-100px) } }@-moz-keyframes bounceoutL { 0% { -moz-transform:translateX(0) } 20% { opacity:1; -moz-transform:translateX(20px) } 100% { opacity:0; -moz-transform:translateX(-100px) } }@-ms-keyframes bounceoutL { 0% { -ms-transform:translateX(0) } 20% { opacity:1; -ms-transform:translateX(20px) } 100% { opacity:0; -ms-transform:translateX(-100px) } }@keyframes bounceoutL { 0% { transform:translateX(0) } 20% { opacity:1; transform:translateX(20px) } 100% { opacity:0; transform:translateX(-200px) } }@-webkit-keyframes rotatein { 0% { opacity:0; -webkit-transform:rotate(-200deg) } 100% { opacity:1; -webkit-transform:rotate(0) } }@-moz-keyframes rotatein { 0% { opacity:0; -moz-transform:rotate(-200deg) } 100% { opacity:1; -moz-transform:rotate(0) } }@-ms-keyframes rotatein { 0% { opacity:0; -ms-transform:rotate(-200deg) } 100% { opacity:1; -ms-transform:rotate(0) } }@keyframes rotatein { 0% { opacity:0; transform:rotate(-200deg) } 100% { opacity:1; transform:rotate(0) } }@-webkit-keyframes rotateinLT { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1 } }@-moz-keyframes rotateinLT { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0 } 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1 } }@-ms-keyframes rotateinLT { 0% { -ms-transform-origin:left bottom; -ms-transform:rotate(-90deg); opacity:0 } 100% { -ms-transform-origin:left bottom; -ms-transform:rotate(0); opacity:1 } }@keyframes rotateinLT { 0% { transform-origin:left bottom; transform:rotate(-90deg); opacity:0 } 100% { transform-origin:left bottom; transform:rotate(0); opacity:1 } }@-webkit-keyframes rotateineftB { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1 } }@-moz-keyframes rotateineftB { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0 } 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1 } }@-ms-keyframes rotateineftB { 0% { -ms-transform-origin:left bottom; -ms-transform:rotate(90deg); opacity:0 } 100% { -ms-transform-origin:left bottom; -ms-transform:rotate(0); opacity:1 } }@keyframes rotateineftB { 0% { transform-origin:left bottom; transform:rotate(90deg); opacity:0 } 100% { transform-origin:left bottom; transform:rotate(0); opacity:1 } }@-webkit-keyframes rotateinRT { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1 } }@-moz-keyframes rotateinRT { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(90deg); opacity:0 } 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1 } }@-ms-keyframes rotateinRT { 0% { -ms-transform-origin:right bottom; -ms-transform:rotate(90deg); opacity:0 } 100% { -ms-transform-origin:right bottom; -ms-transform:rotate(0); opacity:1 } }@keyframes rotateinRT { 0% { transform-origin:right bottom; transform:rotate(90deg); opacity:0 } 100% { transform-origin:right bottom; transform:rotate(0); opacity:1 } }@-webkit-keyframes rotateinRB { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(-90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1 } }@-moz-keyframes rotateinRB { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(-90deg); opacity:0 } 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1 } }@-ms-keyframes rotateinRB { 0% { -ms-transform-origin:right bottom; -ms-transform:rotate(-90deg); opacity:0 } 100% { -ms-transform-origin:right bottom; -ms-transform:rotate(0); opacity:1 } }@keyframes rotateinRB { 0% { transform-origin:right bottom; transform:rotate(-90deg); opacity:0 } 100% { transform-origin:right bottom; transform:rotate(0); opacity:1 } }@-webkit-keyframes rotateout { 0% { -webkit-transform-origin:center center; -webkit-transform:rotate(0); opacity:1 } 100% { -webkit-transform-origin:center center; -webkit-transform:rotate(200deg); opacity:0 } }@-moz-keyframes rotateout { 0% { -moz-transform-origin:center center; -moz-transform:rotate(0); opacity:1 } 100% { -moz-transform-origin:center center; -moz-transform:rotate(200deg); opacity:0 } }@-ms-keyframes rotateout { 0% { -ms-transform-origin:center center; -ms-transform:rotate(0); opacity:1 } 100% { -ms-transform-origin:center center; -ms-transform:rotate(200deg); opacity:0 } }@keyframes rotateout { 0% { transform-origin:center center; transform:rotate(0); opacity:1 } 100% { transform-origin:center center; transform:rotate(200deg); opacity:0 } }@-webkit-keyframes rotateoutLT { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1 } 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0 } }@-moz-keyframes rotateoutLT { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1 } 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0 } }@-ms-keyframes rotateoutLT { 0% { -ms-transform-origin:left bottom; -ms-transform:rotate(0); opacity:1 } 100% { -ms-transform-origin:left bottom; -ms-transform:rotate(-90deg); opacity:0 } }@keyframes rotateoutLT { 0% { transform-origin:left bottom; transform:rotate(0); opacity:1 } 100% { transform-origin:left bottom; transform:rotate(-90deg); opacity:0 } }@-webkit-keyframes rotateoutLB { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1 } 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0 } }@-moz-keyframes rotateoutLB { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1 } 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0 } }@-ms-keyframes rotateoutLB { 0% { -ms-transform-origin:left bottom; -ms-transform:rotate(0); opacity:1 } 100% { -ms-transform-origin:left bottom; -ms-transform:rotate(90deg); opacity:0 } }@keyframes rotateoutLB { 0% { transform-origin:left bottom; transform:rotate(0); opacity:1 } 100% { transform-origin:left bottom; transform:rotate(90deg); opacity:0 } }@-webkit-keyframes rotateoutRT { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1 } 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(90deg); opacity:0 } }@-moz-keyframes rotateoutRT { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1 } 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(90deg); opacity:0 } }@-ms-keyframes rotateoutRT { 0% { -ms-transform-origin:right bottom; -ms-transform:rotate(0); opacity:1 } 100% { -ms-transform-origin:right bottom; -ms-transform:rotate(90deg); opacity:0 } }@keyframes rotateoutRT { 0% { transform-origin:right bottom; transform:rotate(0); opacity:1 } 100% { transform-origin:right bottom; transform:rotate(90deg); opacity:0 } }@-webkit-keyframes rotateoutBR { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1 } 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(-90deg); opacity:0 } }@-moz-keyframes rotateoutBR { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1 } 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(-90deg); opacity:0 } }@-ms-keyframes rotateoutBR { 0% { -ms-transform-origin:right bottom; -ms-transform:rotate(0); opacity:1 } 100% { -ms-transform-origin:right bottom; -ms-transform:rotate(-90deg); opacity:0 } }@keyframes rotateoutBR { 0% { transform-origin:right bottom; transform:rotate(0); opacity:1 } 100% { transform-origin:right bottom; transform:rotate(-90deg); opacity:0 } }@-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function:ease-out } 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in } }@-moz-keyframes flip { 0% { -moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out } 40% { -moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function:ease-out } 50% { -moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in } 80% { -moz-transform:perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function:ease-in } 100% { -moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in } }@-ms-keyframes flip { 0% { -ms-transform:perspective(400px) rotateY(0); -ms-animation-timing-function:ease-out } 40% { -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg); -ms-animation-timing-function:ease-out } 50% { -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-animation-timing-function:ease-in } 80% { -ms-transform:perspective(400px) rotateY(360deg) scale(0.95); -ms-animation-timing-function:ease-in } 100% { -ms-transform:perspective(400px) scale(1); -ms-animation-timing-function:ease-in } }@keyframes flip { 0% { transform:perspective(400px) rotateY(0); animation-timing-function:ease-out } 40% { transform:perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function:ease-out } 50% { transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function:ease-in } 80% { transform:perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function:ease-in } 100% { transform:perspective(400px) scale(1); animation-timing-function:ease-in } }@-webkit-keyframes flipinX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px) rotateX(-10deg) } 70% { -webkit-transform:perspective(400px) rotateX(10deg) } 100% { -webkit-transform:perspective(400px) rotateX(0); opacity:1 } }@-moz-keyframes flipinX { 0% { -moz-transform:perspective(400px) rotateX(90deg); opacity:0 } 40% { -moz-transform:perspective(400px) rotateX(-10deg) } 70% { -moz-transform:perspective(400px) rotateX(10deg) } 100% { -moz-transform:perspective(400px) rotateX(0); opacity:1 } }@-ms-keyframes flipinX { 0% { -ms-transform:perspective(400px) rotateX(90deg); opacity:0 } 40% { -ms-transform:perspective(400px) rotateX(-10deg) } 70% { -ms-transform:perspective(400px) rotateX(10deg) } 100% { -ms-transform:perspective(400px) rotateX(0); opacity:1 } }@keyframes flipinX { 0% { transform:perspective(400px) rotateX(90deg); opacity:0 } 40% { transform:perspective(400px) rotateX(-10deg) } 70% { transform:perspective(400px) rotateX(10deg) } 100% { transform:perspective(400px) rotateX(0); opacity:1 } }@-webkit-keyframes flipinY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px) rotateY(-10deg) } 70% { -webkit-transform:perspective(400px) rotateY(10deg) } 100% { -webkit-transform:perspective(400px) rotateY(0); opacity:1 } }@-moz-keyframes flipinY { 0% { -moz-transform:perspective(400px) rotateY(90deg); opacity:0 } 40% { -moz-transform:perspective(400px) rotateY(-10deg) } 70% { -moz-transform:perspective(400px) rotateY(10deg) } 100% { -moz-transform:perspective(400px) rotateY(0); opacity:1 } }@-ms-keyframes flipinY { 0% { -ms-transform:perspective(400px) rotateY(90deg); opacity:0 } 40% { -ms-transform:perspective(400px) rotateY(-10deg) } 70% { -ms-transform:perspective(400px) rotateY(10deg) } 100% { -ms-transform:perspective(400px) rotateY(0); opacity:1 } }@keyframes flipinY { 0% { transform:perspective(400px) rotateY(90deg); opacity:0 } 40% { transform:perspective(400px) rotateY(-10deg) } 70% { transform:perspective(400px) rotateY(10deg) } 100% { transform:perspective(400px) rotateY(0); opacity:1 } }@-webkit-keyframes flipoutX { 0% { -webkit-transform:perspective(400px) rotateX(0); opacity:1 } 100% { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0 } }@-moz-keyframes flipoutX { 0% { -moz-transform:perspective(400px) rotateX(0); opacity:1 } 100% { -moz-transform:perspective(400px) rotateX(90deg); opacity:0 } }@-ms-keyframes flipoutX { 0% { -ms-transform:perspective(400px) rotateX(0); opacity:1 } 100% { -ms-transform:perspective(400px) rotateX(90deg); opacity:0 } }@keyframes flipoutX { 0% { transform:perspective(400px) rotateX(0); opacity:1 } 100% { transform:perspective(400px) rotateX(90deg); opacity:0 } }@-webkit-keyframes flipoutY { 0% { -webkit-transform:perspective(400px) rotateY(0); opacity:1 } 100% { -webkit-transform:perspective(400px) rotateY(90deg); opacity:0 } }@-moz-keyframes flipoutY { 0% { -moz-transform:perspective(400px) rotateY(0); opacity:1 } 100% { -moz-transform:perspective(400px) rotateY(90deg); opacity:0 } }@-ms-keyframes flipoutY { 0% { -ms-transform:perspective(400px) rotateY(0); opacity:1 } 100% { -ms-transform:perspective(400px) rotateY(90deg); opacity:0 } }@keyframes flipoutY { 0% { transform:perspective(400px) rotateY(0); opacity:1 } 100% { transform:perspective(400px) rotateY(90deg); opacity:0 } }@-webkit-keyframes flash { 0%,100%,50% { opacity:1 } 25%,75% { opacity:0 } }@-moz-keyframes flash { 0%,100%,50% { opacity:1 } 25%,75% { opacity:0 } }@-ms-keyframes flash { 0%,100%,50% { opacity:1 } 25%,75% { opacity:0 } }@keyframes flash { 0%,100%,50% { opacity:1 } 25%,75% { opacity:0 } }@-webkit-keyframes shake { 0%,100% { -webkit-transform:translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform:translateX(-10px) } 20%,40%,60%,80% { -webkit-transform:translateX(10px) } }@-moz-keyframes shake { 0%,100% { -moz-transform:translateX(0) } 10%,30%,50%,70%,90% { -moz-transform:translateX(-10px) } 20%,40%,60%,80% { -moz-transform:translateX(10px) } }@-ms-keyframes shake { 0%,100% { -ms-transform:translateX(0) } 10%,30%,50%,70%,90% { -ms-transform:translateX(-10px) } 20%,40%,60%,80% { -ms-transform:translateX(10px) } }@keyframes shake { 0%,100% { transform:translateX(0) } 10%,30%,50%,70%,90% { transform:translateX(-10px) } 20%,40%,60%,80% { transform:translateX(10px) } }@-webkit-keyframes swing { 20% { -webkit-transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg) } 100% { -webkit-transform:rotate(0) } }@-moz-keyframes swing { 20% { -moz-transform:rotate(15deg) } 40% { -moz-transform:rotate(-10deg) } 60% { -moz-transform:rotate(5deg) } 80% { -moz-transform:rotate(-5deg) } 100% { -moz-transform:rotate(0) } }@-ms-keyframes swing { 20% { -ms-transform:rotate(15deg) } 40% { -ms-transform:rotate(-10deg) } 60% { -ms-transform:rotate(5deg) } 80% { -ms-transform:rotate(-5deg) } 100% { -ms-transform:rotate(0) } }@keyframes swing { 20% { transform:rotate(15deg) } 40% { transform:rotate(-10deg) } 60% { transform:rotate(5deg) } 80% { transform:rotate(-5deg) } 100% { transform:rotate(0) } }@-webkit-keyframes wobble { 0% { -webkit-transform:translateX(0) } 15% { -webkit-transform:translateX(-100px) rotate(-5deg) } 30% { -webkit-transform:translateX(80px) rotate(3deg) } 45% { -webkit-transform:translateX(-65px) rotate(-3deg) } 60% { -webkit-transform:translateX(40px) rotate(2deg) } 75% { -webkit-transform:translateX(-20px) rotate(-1deg) } 100% { -webkit-transform:translateX(0) } }@-moz-keyframes wobble { 0% { -moz-transform:translateX(0) } 15% { -moz-transform:translateX(-100px) rotate(-5deg) } 30% { -moz-transform:translateX(80px) rotate(3deg) } 45% { -moz-transform:translateX(-65px) rotate(-3deg) } 60% { -moz-transform:translateX(40px) rotate(2deg) } 75% { -moz-transform:translateX(-20px) rotate(-1deg) } 100% { -moz-transform:translateX(0) } }@-ms-keyframes wobble { 0% { -ms-transform:translateX(0) } 15% { -ms-transform:translateX(-100px) rotate(-5deg) } 30% { -ms-transform:translateX(80px) rotate(3deg) } 45% { -ms-transform:translateX(-65px) rotate(-3deg) } 60% { -ms-transform:translateX(40px) rotate(2deg) } 75% { -ms-transform:translateX(-20px) rotate(-1deg) } 100% { -ms-transform:translateX(0) } }@keyframes wobble { 0% { transform:translateX(0) } 15% { transform:translateX(-100px) rotate(-5deg) } 30% { transform:translateX(80px) rotate(3deg) } 45% { transform:translateX(-65px) rotate(-3deg) } 60% { transform:translateX(40px) rotate(2deg) } 75% { transform:translateX(-20px) rotate(-1deg) } 100% { transform:translateX(0) } }@-webkit-keyframes ring { 0% { -webkit-transform:scale(1) } 10%,20% { -webkit-transform:scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform:scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform:scale(1.1) rotate(-3deg) } 100% { -webkit-transform:scale(1) rotate(0) } }@-moz-keyframes ring { 0% { -moz-transform:scale(1) } 10%,20% { -moz-transform:scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { -moz-transform:scale(1.1) rotate(3deg) } 40%,60%,80% { -moz-transform:scale(1.1) rotate(-3deg) } 100% { -moz-transform:scale(1) rotate(0) } }@-ms-keyframes ring { 0% { -ms-transform:scale(1) } 10%,20% { -ms-transform:scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { -ms-transform:scale(1.1) rotate(3deg) } 40%,60%,80% { -ms-transform:scale(1.1) rotate(-3deg) } 100% { -ms-transform:scale(1) rotate(0) } }@keyframes ring { 0% { transform:scale(1) } 10%,20% { transform:scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { transform:scale(1.1) rotate(3deg) } 40%,60%,80% { transform:scale(1.1) rotate(-3deg) } 100% { transform:scale(1) rotate(0) } }.u-globalAudio { color:#fff; text-decoration:none; font-size:24px; position:fixed; left:50%; margin-left:248px; bottom:28px; display:block; z-index:9999 } .u-globalAudio span { position:absolute; left:-60px; top:10px; text-shadow:1px 1px 1px #000; letter-spacing:2px; -webkit-transition:all .2s linear; opacity:0; -webkit-transform:translateX(-20px) } .u-globalAudio .icon-music { width:54px; height:54px; background:url(img/units-icons.png); display:block } .u-globalAudio.z-play .icon-music { -webkit-animation:reverseRotataZ 1.2s linear infinite } .u-globalAudio span.z-show { opacity:1; -webkit-transform:translateX(0px) } .u-globalAudio .coffee-steam-box { -webkit-transform:translate(-40px,-40px) } @-webkit-keyframes reverseRotataZ { 0% { -webkit-transform:rotateZ(0deg) } 100% { -webkit-transform:rotateZ(-360deg) } }@-webkit-keyframes rotataZ { 0% { -webkit-transform:rotateZ(0deg) } 100% { -webkit-transform:rotateZ(360deg) } }.u-guideTop { width:40px; height:50px; background:url(img/units-icons.png) -67px 0; position:absolute; left:50%; bottom:50px; margin-left:-20px; display:block; z-index:9998 } .u-guideTop.z-move { -webkit-animation:guideTop 1.5s infinite } @-webkit-keyframes guideTop { 0% { -webkit-transform:translateY(42px); opacity:0 } 60% { -webkit-transform:translateY(12px); opacity:1 } 100% { -webkit-transform:translateY(0px); opacity:0 } }.u-guideNext,.u-guidePrev { text-decoration:none; position:absolute; top:40%; z-index:9998; background:url(img/units-icons.png) -116px 0; display:block; width:28px; height:48px; text-indent:9999px } .u-guidePrev { left:18px } .u-guideNext { right:18px; -webkit-transform:rotateZ(180deg) } .u-guidePrev.z-move { -webkit-animation:guidePrev 1.5s infinite } .u-guideNext.z-move { -webkit-animation:guideNext 1.5s infinite } @-webkit-keyframes guidePrev { 0%,20% { -webkit-transform:translateX(0px) } 35% { -webkit-transform:translateX(12px) } 50% { -webkit-transform:translateX(-20px) } 65% { -webkit-transform:translateX(0px) } 80% { -webkit-transform:translateX(-12px) } 100% { -webkit-transform:translateX(0px) } }@-webkit-keyframes guideNext { 0%,20% { -webkit-transform:translateX(0px) rotateZ(180deg) } 35% { -webkit-transform:translateX(-12px) rotateZ(180deg) } 50% { -webkit-transform:translateX(20px) rotateZ(180deg) } 65% { -webkit-transform:translateX(0px) rotateZ(180deg) } 80% { -webkit-transform:translateX(12px) rotateZ(180deg) } 100% { -webkit-transform:translateX(0px) rotateZ(180deg) } }.u-maskLayer { position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); opacity:0; -webkit-transition:all .5s; z-index:9999 } .u-maskLayer.z-show,.u-maskLayer.z-showing { opacity:1 } .u-maskLayer-close { width:100px; height:100px; background:rgba(255,0,0,.6); border-radius:50%; display:block; position:absolute; top:-30px; right:-30px; -webkit-transition:all .6s; -webkit-transform:translate(100%,-100%); z-index:99999 } .u-maskLayer-close::after,.u-maskLayer-close::before { width:42px; height:4px; background-color:#fff; border-radius:2px; content:''; display:block; position:absolute; bottom:35px; left:15px } .u-maskLayer-close::after { -webkit-transform:rotateZ(45deg) } .u-maskLayer-close::before { -webkit-transform:rotateZ(-45deg) } .u-maskLayer.z-show .u-maskLayer-close { -webkit-transform:translate(0%,0) } .u-tip { background:rgba(0,0,0,.8); text-align:center; position:fixed; z-index:99999; padding:15px 30px; border-radius:6px; top:45%; left:50%; color:#fff; font-size:24px; font-family:'微软雅黒'; font-weight:400; line-height:28px } .u-tip i { float:left; display:inline-block; width:24px; height:24px; background:#0CF; border-radius:50%; margin:3px 10px 3px 0 } .u-tip.z-info i { background:#0CF } .u-tip.z-success i { background:#0F3 } .u-tip.z-error i { background:red } .u-tip.z-warning i { background:#FFC200 } .u-tip p,.u-tip.z-info p { margin:0; display:inline-block; max-width:530px; box-sizing:border-box; text-align:left } .u-yunlaiMap { position:absolute; left:0; right:0; bottom:0; top:12%; background:#fff; box-shadow:0 0 500px 100px #333; -webkit-transition:all .5s; -webkit-transform:translateY(0%); z-index:9999; overflow:hidden } .u-yunlaiMap.z-hide { -webkit-transform:translateY(100%) } .u-yunlaiMap .baiduMap { width:640px; height:100%; -webkit-transform:scale(1.8) } .u-yunlaiMap .baiduMap .BMap_bubble_title { font-weight:700; border-bottom:1px dashed #999; padding-bottom:5px; font-size:16px } .u-yunlaiMap .baiduMap .BMap_bubble_content { margin-top:8px; font-size:14px; line-height:25px } .u-yunlaiMap .baiduMap .BMap_bubble_content a { color:#1686C5 } .u-yunlaiMap .baiduMap .navigationButtons { margin:12px 0; text-align:center } .u-yunlaiMap .baiduMap .navigationButtons a { font-size:18px; border:1px solid #666; padding:2px 12px; background:#07A326; color:#fff; text-decoration:none; margin:0 } .u-yunlaiMap .baiduMap .navigationButtons a:nth-child(1) { background:rgba(3,151,221,.8); border-radius:5px 0 0 5px } .u-yunlaiMap .baiduMap .navigationButtons a:nth-child(2) { background:rgba(221,81,3,.8); border-left:none } .u-yunlaiMap .baiduMap .navigationButtons a:nth-child(3) { background:rgba(7,163,38,.8); border-left:none; border-radius:0 5px 5px 0 } .u-yunlaiMap .baiduMap .navigationButtons a:nth-child(1):active { background:#0397DD } .u-yunlaiMap .baiduMap .navigationButtons a:nth-child(2):active { background:#DD5103 } .u-yunlaiMap .baiduMap .navigationButtons a:nth-child(3):active { background:#07A326 } .u-yunlaiMap .baiduMap .BMap_noprint { -webkit-transform:scale(0.8) } .u-yunlaiMap .baiduMap .BMap_cpyCtrl { display:none } .u-yunlaiMap .mapToolBar { font-size:24px; padding-right:12px; position:absolute; top:0; left:0; right:0; height:65px; line-height:65px; background:rgba(255,255,255,.7); box-shadow:0 1px 5px 0 #ccc; z-index:1; overflow:hidden } .u-yunlaiMap .mapToolBar a { text-decoration:none; color:#333; text-align:center } .u-yunlaiMap .mapToolBar a.closeMap { float:left; display:inline-block; height:65px; width:80px; margin-right:-80px; font-size:28px; background:rgba(255,60,60,.7); color:#fff } .u-yunlaiMap .mapToolBar a.closeMap:active { background:rgba(255,0,0,.7) } .u-yunlaiMap .mapToolBar .navigationControl,.u-yunlaiMap .mapToolBar .navigationTip { float:right; display:none } .u-yunlaiMap .mapToolBar .navigationTip i { display:inline-block; vertical-align:sub; width:24px; height:24px; margin-right:6px } .u-yunlaiMap .mapToolBar .navigationTip i.icon-loading { background:url(img/yunlaiMap-loading.gif); width:27px; height:29px } .u-yunlaiMap .mapToolBar .navigationTip i.icon-info { background:url(img/yunlaiMap-info.png) } .u-yunlaiMap .mapToolBar .navigationTip i.icon-success { background:url(img/yunlaiMap-success.png) } .u-yunlaiMap .mapToolBar .navigationTip i.icon-error { background:url(img/yunlaiMap-error.png) } .u-yunlaiMap .mapToolBar .navigationControl a { height:45px; line-height:45px; border:1px solid #999; border-left-width:0; padding:0 15px; display:inline-block; background:rgba(252,255,229,.6) } .u-yunlaiMap .mapToolBar .navigationControl a:first-child { border-radius:5px 0 0 5px; border-left-width:1px } .u-yunlaiMap .mapToolBar .navigationControl a:last-child { border-radius:0 5px 5px 0 } .u-yunlaiMap .mapToolBar .navigationControl a.z-current { background:rgba(0,151,0,.7); color:#fff } .u-yunlaiMap .mapToolBar .navigationControl a:nth-child(1).z-current { background:rgba(3,151,221,.7) } .u-yunlaiMap .mapToolBar .navigationControl a:nth-child(2).z-current { background:rgba(221,81,3,.7) } .u-yunlaiMap .mapRoutePanel { position:absolute; top:65px; bottom:0; left:0; width:480px; background:#fff; border-right:1px solid #DBDBDB; box-shadow:0 2px 4px 0 #ccc; z-index:1; -webkit-transition:all .5s; -webkit-transform:translateX(-480px) } .u-yunlaiMap .mapRoutePanel .routeResult { width:100%; height:100%; overflow:auto } .u-yunlaiMap .mapRoutePanel .routeResult table td { font-size:22px; line-height:28px!important } .u-yunlaiMap .mapRoutePanel .noRouteInfo { margin:50px 0; text-align:center; font-size:28px; color:#ccc } .u-yunlaiMap .mapRoutePanel .toggle { display:block; width:30px; height:54px; background:url(img/yunlaiMap-icons.png) 0 -30px; position:absolute; right:-30px; top:45% } .u-yunlaiMap .mapRoutePanel.z-show { -webkit-transform:translateX(0px) } .u-yunlaiMap .mapRoutePanel.z-show .toggle { background-position:-30px -30px } .f-mb-15 { margin-bottom:15px } .f-mb-22 { margin-bottom:22px } .f-t-l { text-align:left } .f-t-c { text-align:center } .f-t-r { text-align:right } .f-hide { display:none } .f-fixed { position:fixed; top:0; bottom:0; left:0; right:0 } .f-fixedTop { position:fixed; top:0; left:0; right:0; z-index:1 } .f-fixedBottom { position:fixed; bottom:0; left:0; right:0; z-index:1 } .m-animationCloudBg { height:100%; /*background:url(img/animationCloudBg/bg.jpg);*/ position:relative; top:0; bottom:0; left:0; right:0; z-index:0; overflow:hidden } .m-animationCloudBg i { width:640px; height:300px; display:block; position:absolute; opacity:0; z-index:0!important } .m-animationCloudBg i:nth-child(1) { /*background:url(img/animationCloudBg/cloud1.png);*/ top:50px; left:-100px; -webkit-animation:animationCloudBg 1s linear infinite; -webkit-animation-delay:2s } .m-animationCloudBg i:nth-child(2) { /*background:url(img/animationCloudBg/cloud2.png);*/ top:100px; left:-50px; -webkit-animation:animationCloudBg 2s linear infinite; -webkit-animation-delay:1s } .m-animationCloudBg i:nth-child(3) { /*background:url(img/animationCloudBg/cloud3.png);*/ top:150px; left:0; -webkit-animation:animationCloudBg 4s linear infinite; -webkit-animation-delay:0s } .m-animationCloudBg i:nth-child(4) { /*background:url(img/animationCloudBg/cloud4.png);*/ top:200px; left:50px; -webkit-animation:animationCloudBg 2s linear infinite; -webkit-animation-delay:2s } .m-animationCloudBg i:nth-child(5) { /*background:url(img/animationCloudBg/cloud5.png);*/ top:250px; left:-50px; -webkit-animation:animationCloudBg 1.2s linear infinite; -webkit-animation-delay:3s } .m-animationCloudBg i:nth-child(6) { /*background:url(img/animationCloudBg/cloud6.png);*/ top:300px; left:20px; -webkit-animation:animationCloudBg 3s linear infinite; -webkit-animation-delay:1s } .m-animationCloudBg i:nth-child(7) { /*background:url(img/animationCloudBg/cloud1.png);*/ top:350px; left:80px; -webkit-animation:animationCloudBg 4.5s linear infinite; -webkit-animation-delay:0s } .m-animationCloudBg i:nth-child(8) { /*background:url(img/animationCloudBg/cloud2.png);*/ top:400px; left:-10px; -webkit-animation:animationCloudBg 2.8s linear infinite; -webkit-animation-delay:1s } .m-animationCloudBg i:nth-child(9) { /*background:url(img/animationCloudBg/cloud3.png);*/ top:350px; left:80px; -webkit-animation:animationCloudBg 1.6s linear infinite; -webkit-animation-delay:2s } .m-animationCloudBg i:nth-child(10) { /*background:url(img/animationCloudBg/cloud4.png);*/ top:20px; left:-100px; -webkit-animation:animationCloudBg 4s linear infinite; -webkit-animation-delay:1s } .m-animationCloudBg i:nth-child(11) { /*background:url(img/animationCloudBg/cloud5.png);*/ top:60px; left:0; -webkit-animation:animationCloudBg 2.5s linear infinite; -webkit-animation-delay:2s } .m-animationCloudBg i:nth-child(12) { /*background:url(img/animationCloudBg/cloud6.png);*/ top:0; left:-50px; -webkit-animation:animationCloudBg 3.2s linear infinite; -webkit-animation-delay:0s } @-webkit-keyframes animationCloudBg { 0% { -webkit-transform:scale(0.5) translate(-300px,300px) rotateX(0deg) rotateY(0deg); opacity:0 } 33% { -webkit-transform:scale(1) translate(-80px,80px) rotateX(20deg) rotateY(-20deg); opacity:1 } 66% { -webkit-transform:scale(1.5) translate(100px,-100px) rotateX(30deg) rotateY(-10deg); opacity:.8 } 100% { -webkit-transform:scale(1.8) translate(300px,-300px) rotateX(0deg) rotateY(0deg); opacity:.6 } }.m-meteorShower { width:100%; height:100%; background:url(img/meteorShower/bg.jpg) } .m-meteorShower .star { display:block; position:absolute; width:46px; height:46px; background:url(img/meteorShower/meteor.png); -webkit-animation:star 1s linear infinite } .m-meteorShower .star.style1 { width:20px; height:20px; background-position:0 -137px } .m-meteorShower .star.style2 { width:43px; height:43px; background-position:-20px -137px } .m-meteorShower .star.style3 { width:42px; height:42px; background-position:-63px -137px } .m-meteorShower .star.style4 { width:50px; height:50px; background-position:-105px -137px } .m-meteorShower .meteor { display:block; position:absolute; width:255px; height:50px; background:url(img/meteorShower/meteor.png); -webkit-animation:meteor 1s linear infinite } .m-meteorShower .meteor.style1 { width:100px; height:20px; background-position:0 0 } .m-meteorShower .meteor.style2 { width:150px; height:29px; background-position:0 -20px } .m-meteorShower .meteor.style3 { width:200px; height:39px; background-position:0 -49px } .m-meteorShower .meteor.style4 { width:256px; height:50px; background-position:0 -88px } @-webkit-keyframes star { 0% { opacity:0; -webkit-transform:scale(0.5) } 60% { opacity:1; -webkit-transform:scale(1) } 100% { opacity:0; -webkit-transform:scale(0.5) } }@-webkit-keyframes meteor { 0% { opacity:0; -webkit-transform:rotate(40deg) translateX(0px) scale(0.2) } 20% { opacity:.7 } 80% { opacity:1 } 100% { opacity:0; -webkit-transform:rotate(40deg) translateX(500px) scale(1) } }.m-foregroundImg { position:absolute; top:0; left:0; right:0; z-index:9997 } .m-header { width:100%; height:72px; background-color:#43c9cb } .m-header i { width:46px; height:46px; margin:16px 5px 0 22px; background:url(img/page-icons.png) -196px -248px; float:left } .m-header i.icon-refresh { background-position:-192px -248px } .m-header i.icon-calculator { background-position:-237px -248px } .m-header i.icon-more { background-position:-285px -248px } .m-header h2 { line-height:72px; margin:0; font-size:32px; color:#fff; font-family:'微软雅黑'; float:left } .m-panorama .teletextImg { width:640px; height:300px; position:absolute; -webkit-transition:all .6s } .m-panorama .panoramaImg { height:668px; background-size:auto 100%; position:absolute; -webkit-animation:horizontalMove 23s linear infinite; -webkit-transition:all .6s; overflow:hidden } .m-panorama .panoramaImg img { height:100%; -webkit-transition:all .5s } .m-panorama.z-center .teletextImg { top:0; left:0; right:0; bottom:auto; -webkit-transform:translateY(-100%) } .m-panorama.z-center .panoramaImg { left:16px; right:16px; bottom:0; top:auto; -webkit-transform:translateY(100%) } .m-panorama.z-center .panoramaImg.z-fullScreen { left:0; right:0; height:960px } .m-panorama.z-left .teletextImg { top:0; left:0; right:0; bottom:auto; -webkit-transform:translateX(100%) } .m-panorama.z-left .panoramaImg { left:0; right:190px; bottom:0; top:auto; -webkit-transform:translateX(-100%) } .m-panorama.z-left .panoramaImg.z-fullScreen { right:0; height:960px } .m-panorama.z-left .panoramaImg .m-bg { height:100% } .m-panorama.z-right .teletextImg { top:auto; left:0; right:0; bottom:0; -webkit-transform:translateX(-100%) } .m-panorama.z-right .panoramaImg { left:190px; right:0; bottom:auto; top:0; -webkit-transform:translateX(100%) } .m-panorama.z-right .panoramaImg.z-fullScreen { left:0; height:960px } .m-panorama.z-right .panoramaImg .m-bg { height:100% } .m-panorama.z-viewArea .panoramaImg,.m-panorama.z-viewArea .teletextImg { -webkit-transform:translate(0%,0) } .m-teletextPop { width:100%; height:100% } .m-teletextPop .linkOpen { width:88px; height:88px; background:url(img/page-icons.png) 0 -250px; display:block; position:absolute; left:65px; bottom:85px; text-indent:-9999px; -webkit-transition:all .6s linear; -webkit-transform:translateX(-160px) rotate(-360deg) } .m-teletextPop.z-viewArea .linkOpen { -webkit-transform:translateX(0px) rotate(0deg) } .m-teletextPop textarea { display:none } .m-houseTypeList { margin:0; width:100%; height:100% } .m-houseTypeList ul { list-style:none; margin:0; padding:0; width:9999px; height:100% } .m-houseTypeList ul li { width:640px; height:100%; float:left; position:relative; overflow:hidden } .m-houseTypeList ul li img { width:640px; height:100% } .m-houseTypeList ul li a { width:88px; height:88px; position:absolute; bottom:85px; background:url(img/page-icons.png) 0 -250px; display:block; text-indent:-9999px; -webkit-transition:all .6s linear; -webkit-transform:translateX(-160px) rotate(-360deg) } .m-houseTypeList ul li a.linkDetail { left:65px } .m-houseTypeList ul li a.linkCalculator { right:65px; background-position:-88px -250px; -webkit-transform:translateX(160px) rotate(360deg) } .m-houseTypeList.z-viewArea ul li a { -webkit-transform:translateX(0px) rotate(0deg) } .m-houseTypeList textarea { display:none } .m-articlePop .m-articleWrapper { position:absolute; left:16px; right:16px; top:64px; bottom:0; padding-bottom:20px; background:#fff; border-radius:10px 10px 0 0; -webkit-transition:.5s; -webkit-transform:translateY(100%); overflow:hidden } .m-articlePop .m-articleWrapper article { font-size:24px; color:#6d635c; padding:28px 16px } .m-articlePop.z-show .m-articleWrapper { -webkit-transform:translateY(0%) } .m-mortgageCalculator { background-color:#f2e9e4; -webkit-transition:all .5s } .m-mortgageCalculator.z-edit1 { -webkit-transform:translateY(-40%) } .m-mortgageCalculator .calculatorMain { width:600px; margin:36px auto 0 } .m-mortgageCalculator .calculatorMain dl { margin:0 0 16px; font-size:26px; color:#6e645c; overflow:hidden; display:none } .m-mortgageCalculator .calculatorMain dl dd { box-sizing:border-box; overflow:hidden } .m-mortgageCalculator .calculatorMain dl.formRow1 dt,.m-mortgageCalculator .calculatorMain dl.formRow2 dt { width:130px; height:72px; line-height:72px; font-size:28px; font-weight:700; color:#a36234; text-align:center; background-color:#fffaf7; box-shadow:2px 0 4px 0 #ccc; float:left; position:relative; z-index:1 } .m-mortgageCalculator .calculatorMain dl.formRow1 dd,.m-mortgageCalculator .calculatorMain dl.formRow2 dd { float:right; width:470px; min-height:72px; margin:0; padding-top:8px } .m-mortgageCalculator .calculatorMain dl.formRow2 dd { width:165px; float:left } .m-mortgageCalculator .calculatorMain dl.formRow2 dd:nth-child(2) { margin-right:10px } .m-mortgageCalculator .calculatorMain dl.formRow3 { background-color:#fff } .m-mortgageCalculator .calculatorMain dl.formRow3 dt { width:600px; height:42px; line-height:42px; font-size:28px; text-align:center; color:#f2e9e4; font-weight:700; background-color:#8f7764 } .m-mortgageCalculator .calculatorMain dl.formRow3 dd { min-height:50px; line-height:50px; background-color:#fffcfa; overflow:hidden } .m-mortgageCalculator .calculatorMain form.z-commercialLoans .commercialLoansRow,.m-mortgageCalculator .calculatorMain form.z-fundLoans .fundLoansRow,.m-mortgageCalculator .calculatorMain form.z-portfolioLoans .portfolioLoansRow { display:block } .m-mortgageCalculator .switch1 { display:-webkit-box; overflow:hidden } .m-mortgageCalculator .switch1 label { height:55px; line-height:55px; font-size:26px; color:#f2e9e4; text-align:center; background:#8f7764; display:list-item; list-style:none; -webkit-box-flex:1; cursor:pointer } .m-mortgageCalculator .switch1 label:nth-child(even) { background-color:#827061 } .m-mortgageCalculator .switch1 input { display:none } .m-mortgageCalculator .switch1 label.z-current { background:#43c9cc; box-shadow:0 0 5px 0 #000; position:relative } .m-mortgageCalculator .interestRateEditor .interestRate { color:#43c9cc; font-weight:700; font-size:36px; float:left } .m-mortgageCalculator .interestRateEditor .interestRate input { width:120px; text-align:right; margin-left:100px; border:1px solid #ccc; background-color:#fffcfa } .m-mortgageCalculator .interestRateEditor .interestRate input:disabled { border:0 } .m-mortgageCalculator .interestRateEditor .linkEdit { width:36px; height:36px; margin:7px 18px 0 0; text-indent:-9999px; background:url(img/page-icons.png) -200px -295px; float:right; display:inline-block } .m-mortgageCalculator .tab { width:100% } .m-mortgageCalculator .tab header { display:-webkit-box; overflow:hidden; padding-bottom:4px; background-color:#43c9cc } .m-mortgageCalculator .tab header label { height:55px; line-height:55px; font-size:26px; color:#f2e9e4; text-align:center; background:#8f7764; display:list-item; list-style:none; -webkit-box-flex:1; cursor:pointer } .m-mortgageCalculator .tab header label:nth-child(even) { background:#827061 } .m-mortgageCalculator .tab header label input { display:none } .m-mortgageCalculator .tab header label.z-current { background:#43c9cc; box-shadow:0 -5px 5px 0 #000; position:relative } .m-mortgageCalculator .tab section { background-color:#fff; font-size:26px; color:#6e645c } .m-mortgageCalculator .textbox { width:230px; border:0; border-bottom:1px solid #f2e9e4 } .m-mortgageCalculator .switch2 { display:inline-block; vertical-align:middle; height:55px; line-height:55px; width:260px; overflow:hidden; background-color:#dfccc1; border:1px solid #A7A7A7; box-sizing:border-box } .m-mortgageCalculator .switch2 label { width:200px; display:block; margin:0 auto } .m-mortgageCalculator .switch2 ul { list-style:none; margin:0; padding:0; overflow:hidden; width:9999px } .m-mortgageCalculator .switch2 ul li { float:left; font-size:26px; width:120px; text-align:center; background-color:#dfccc1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .m-mortgageCalculator .switch2 ul li:nth-child(even) { background-color:#bfa89c } .m-mortgageCalculator .switch2 ul li.z-current { background-color:#43c9cc; color:#fff } .m-mortgageCalculator .switch2 input { display:none } .m-mortgageCalculator .calculatorMain .panel { background-color:#fff; padding:0!important; overflow:hidden } .m-mortgageCalculator .calculatorMain .panelRow { line-height:52px; padding:0 22px 0 32px; margin:10px 0 } .m-mortgageCalculator .calculatorMain input[type=submit] { width:520px; height:72px; line-height:72px; border:0; border-radius:6px; margin-top:12px; background-color:#43c9cc; font-size:32px; font-weight:700; color:#fff } .m-mortgageCalculator .m-calculatorResult { width:528px; margin:16% auto 0 } .m-mortgageCalculator .m-calculatorResult .m-header h2 { padding-left:32px } .m-mortgageCalculator .m-calculatorResult>section { background-color:#f2e9e4; min-height:600px } .m-mortgageCalculator .m-calculatorResult dl { background-color:#f2e9e4; height:88px; line-height:88px; font-size:32px; color:#a36234; margin:0; overflow:hidden } .m-mortgageCalculator .m-calculatorResult dd,.m-mortgageCalculator .m-calculatorResult dt { margin:0; padding:0; float:left } .m-mortgageCalculator .m-calculatorResult dt { text-align:right; width:232px } .m-mortgageCalculator .m-calculatorResult dd { width:296px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .m-mortgageCalculator .m-calculatorResult dl:nth-child(even) { background-color:#ebe2dc } .m-mortgageCalculator .m-calculatorResult dl strong { font-size:42px } .m-panorama3D { width:100%; height:100% } .m-cascadingTeletext { width:640px; list-style:none; padding:0; margin:0; position:relative; box-sizing:border-box } .m-cascadingTeletext * { overflow:hidden!important } .m-cascadingTeletext li { padding:0; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; display:none } .m-cascadingTeletext li:nth-child(1) { display:block; z-index:3 } .m-cascadingTeletext li:nth-child(2) { display:block; z-index:2 } .m-cascadingTeletext li:nth-child(3) { display:block; z-index:1 } .m-cascadingTeletext li img { width:580px; border-radius:2px; box-shadow:0 0 13px 0 #B8B8B8; -webkit-transition:all .3s; position:absolute; left:50%; top:30px; right:0; bottom:30px; margin-left:-290px } .m-cascadingTeletext.z-viewArea li:nth-child(1) img { -webkit-transform:rotateZ(0deg) } .m-cascadingTeletext.z-viewArea li:nth-child(2) img { -webkit-transform:rotateZ(1.6deg) } .m-cascadingTeletext.z-viewArea li:nth-child(3) img { -webkit-transform:rotateZ(3.2deg) } .m-cascadingTeletext li p { font-size:26px; color:#fff; padding:12px 20px; margin:0; line-height:32px; box-sizing:border-box; background-color:rgba(0,0,0,.6); -webkit-transition:all .3s; -webkit-transition-delay:.1s; -webkit-transform:translateY(100%); position:absolute; left:0; bottom:0; right:0; visibility:hidden } .m-cascadingTeletext li:nth-child(1) p { z-index:3; visibility:visible } .m-cascadingTeletext li:nth-child(2) p { z-index:2 } .m-cascadingTeletext li:nth-child(3) p { z-index:1 } .m-cascadingTeletext li.z-current p { -webkit-transform:translateY(0%) } .m-cascadingTeletext li.z-hideToLeft img { -webkit-animation:cascadingTeletext_hideToLeft .3s linear } .m-cascadingTeletext li.z-hideToLeft p,.m-cascadingTeletext li.z-hideToRight p { -webkit-transform:translateY(100%) } @-webkit-keyframes cascadingTeletext_hideToLeft { 0% { -webkit-transform:translateX(0%) } 100% { -webkit-transform:translateX(-100%); opacity:0 } }.m-cascadingTeletext li.z-hideToRight img { -webkit-animation:cascadingTeletext_hideToRight .3s linear } @-webkit-keyframes cascadingTeletext_hideToRight { 0% { -webkit-transform:translateX(0%) } 100% { -webkit-transform:translateX(100%); opacity:0 } }.m-link { position:absolute; left:0; right:0; bottom:172px; text-align:center } .m-link .textLink { width:580px; height:98px; line-height:98px; margin:0 auto; color:#fff; font-size:35px; text-align:center; text-decoration:none; background:#43c9cb; border-radius:5px; display:inline-block; -webkit-transition:all .3s } .m-link .textLink:active { background:#17babc } .m-link .imgLink { text-decoration:none; text-align:center } .m-weixinShareLayer { text-align:center; padding-top:30px } .page-link .z-hide { display:none } .m-btnPlay { display:block; width:77px; height:77px; position:absolute; left:50%; top:50%; margin:-34px; z-index:1 } .m-btnPlay div,.m-btnPlay i { display:block; width:77px; height:77px; border-radius:50%; position:absolute; left:0; top:0 } .m-btnPlay i { background:url(img/page-icons.png) 0 -96px; z-index:1; -webkit-transform:scale(1.5) } .m-btnPlay i.icon-video { background-position:0 -96px } .m-btnPlay i.icon-panorama3D { background-position:0 -173px } .m-btnPlay div { width:116px; height:116px; left:-19px; top:-19px; background:rgba(255,255,255,.6); -webkit-animation:video_btnPlay 1s linear infinite; opacity:0; z-index:0 } @-webkit-keyframes video_btnPlay { 0% { -webkit-transform:scale(1); opacity:.8 } 100% { -webkit-transform:scale(2); opacity:0 } }.m-youkuVideo { width:640px; height:460px; margin-top:260px; background-color:#000 } .m-youkuVideo .videoBody { background-color:rgba(0,0,0,.7); display:none; -webkit-transition:all .8s; position:absolute; z-index:0; left:0; right:0; top:0; bottom:0 } .m-youkuVideo .videoBody>* { width:640px!important; height:480px!important; margin-top:40%; margin-bottom:36% } .m-distributedPoints { position:absolute; left:0; right:0; top:0; bottom:0 } .m-distributedPoints ul { width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative } .m-distributedPoints ul li { position:absolute; left:50%; top:50%; text-align:center } .m-distributedPoints ul li h3 { margin:5px 0; padding:2px 6px; border-radius:20px; color:#fff; font-size:26px; font-weight:400; white-space:nowrap; background:rgba(0,0,0,.3) } .m-distributedPoints ul li::after { content:''; display:inline-block; width:51px; height:60px; background:url(img/page-icons.png) -96px -96px no-repeat } .m-distributedPoints ul li:nth-child(1)::after { background-position:-96px -96px } .m-distributedPoints ul li:nth-child(2)::after { background-position:-159px -96px } .m-distributedPoints ul li:nth-child(3)::after { background-position:-222px -96px } .m-distributedPoints ul li:nth-child(4)::after { background-position:-285px -96px } .m-distributedPoints ul li:nth-child(5)::after { background-position:-96px -96px } .m-distributedPoints ul li:nth-child(6)::after { background-position:-159px -96px } .m-distributedPoints ul li:nth-child(7)::after { background-position:-222px -96px } .m-distributedPoints ul li:nth-child(8)::after { background-position:-285px -96px } .m-distributedPoints ul li:nth-child(9)::after { background-position:-96px -96px } .m-distributedPoints ul li:nth-child(10)::after { background-position:-159px -96px } .m-distributedPoints ul li:nth-child(11)::after { background-position:-222px -96px } .m-distributedPoints ul li:nth-child(12)::after { background-position:-285px -96px } .m-distributedPoints ul li:nth-child(13)::after { background-position:-96px -96px } .m-distributedPoints ul li:nth-child(14)::after { background-position:-159px -96px } .m-distributedPoints ul li:nth-child(15)::after { background-position:-222px -96px } .m-distributedPoints ul li:nth-child(16)::after { background-position:-285px -96px } .m-distributedPoints ul li:nth-child(17)::after { background-position:-96px -96px } .m-distributedPoints ul li:nth-child(18)::after { background-position:-159px -96px } .m-distributedPoints ul li:nth-child(19)::after { background-position:-222px -96px } .m-distributedPoints ul li:nth-child(20)::after { background-position:-285px -96px } .m-distributedPoints ul li a { display:inline-block; width:63px; height:76px; background:url(img/page-icons.png) -90px -165px no-repeat; position:absolute; bottom:-3px; -webkit-animation:distributedPoints_a 1s infinite } .m-distributedPoints ul li:nth-child(1) a { background-position:-90px -165px } .m-distributedPoints ul li:nth-child(2) a { background-position:-153px -165px } .m-distributedPoints ul li:nth-child(3) a { background-position:-216px -165px } .m-distributedPoints ul li:nth-child(4) a { background-position:-279px -165px } .m-distributedPoints ul li:nth-child(5) a { background-position:-90px -165px } .m-distributedPoints ul li:nth-child(6) a { background-position:-153px -165px } .m-distributedPoints ul li:nth-child(7) a { background-position:-216px -165px } .m-distributedPoints ul li:nth-child(8) a { background-position:-279px -165px } .m-distributedPoints ul li:nth-child(9) a { background-position:-90px -165px } .m-distributedPoints ul li:nth-child(10) a { background-position:-153px -165px } .m-distributedPoints ul li:nth-child(11) a { background-position:-216px -165px } .m-distributedPoints ul li:nth-child(12) a { background-position:-279px -165px } .m-distributedPoints ul li:nth-child(13) a { background-position:-90px -165px } .m-distributedPoints ul li:nth-child(14) a { background-position:-153px -165px } .m-distributedPoints ul li:nth-child(15) a { background-position:-216px -165px } .m-distributedPoints ul li:nth-child(16) a { background-position:-279px -165px } .m-distributedPoints ul li:nth-child(17) a { background-position:-90px -165px } .m-distributedPoints ul li:nth-child(18) a { background-position:-153px -165px } .m-distributedPoints ul li:nth-child(19) a { background-position:-216px -165px } .m-distributedPoints ul li:nth-child(20) a { background-position:-279px -165px } @-webkit-keyframes distributedPoints_a { 0% { opacity:0 } 50% { opacity:1 } 100% { opacity:0 } }.m-contactInfo { width:582px; border-radius:2px; background-color:#fff; position:absolute; bottom:360px; left:50%; margin-left:-291px } .m-contactInfo dl { height:138px; line-height:138px; border-bottom:1px solid #3b3b46; width:500px; margin:0 auto; overflow:hidden } .m-contactInfo dl:last-child { border-bottom:none } .m-contactInfo dl dt { width:112px; text-indent:-9999px; float:left; line-height:48px } .m-contactInfo dl dd,.m-contactInfo dl dt { margin:0 } .m-contactInfo dl dt::after { content:''; display:block; width:48px; height:48px; background:url(img/page-icons.png); margin:0 auto } .m-contactInfo dl dt.icon-email::after { background-position:0 0 } .m-contactInfo dl dt.icon-tel::after { background-position:-48px 0 } .m-contactInfo dl dt.icon-weixin::after { background-position:-96px 0 } .m-contactInfo dl dd { padding-left:22px; float:left; width:366px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .m-contactInfo dl dd a { text-decoration:none; font-size:32px; color:#000 } .m-contactUs { width:100%; text-align:center; position:absolute; bottom:200px } .m-contactUs a { text-decoration:none; display:block } .m-contactForm { width:582px; border-radius:2px; background:rgba(255,255,255,.9); margin:0; overflow:hidden } .m-contactForm h2 { font-size:30px; font-weight:400; width:495px; border:2px solid #44c9c8; border-top:0; margin:75px auto 0; height:2px; padding-top:3px; text-align:center } .m-contactForm h2 span { -webkit-transform:translateY(-45px); display:inline-block } .m-contactForm dl { width:495px; min-height:50px; margin:28px auto 0; font-size:28px; overflow:hidden } .m-contactForm dl dd,.m-contactForm dl dt { float:left; margin:0; padding:0 } .m-contactForm dl dt { text-indent:-9999px; width:58px; line-height:4px } .m-contactForm dl dt::after { content:''; display:block; width:48px; height:48px; background:url(img/page-icons.png) 0 -48px } .m-contactForm dl dt.icon-name::after { background-position:0 -48px } .m-contactForm dl dt.icon-sex::after { background-position:-48px -48px } .m-contactForm dl dt.icon-tel::after { background-position:-96px -48px } .m-contactForm dl dt.icon-company::after { background-position:-144px -48px } .m-contactForm dl dt.icon-job::after { background-position:0 -48px } .m-contactForm dl dt.icon-type::after { background-position:-144px -48px } .m-contactForm dl dt.icon-time::after { background-position:-192px -48px } .m-contactForm dl dt.icon-email::after { background-position:-240px -48px } .m-contactForm dl dd { width:436px; line-height:49px; border-bottom:1px solid #9b9b9b } .m-contactForm dl dd input[type=tel],.m-contactForm dl dd input[type=text],.m-contactForm dl dd textarea { vertical-align:bottom; width:96%; height:36px; border:0; background:0 0; outerline:none } .m-contactForm dl dd input[type=number] { vertical-align:bottom; width:96%; height:36px; border:0; background:0 0 } .m-contactForm dl dd input.z-error { color:#f85c5d } .m-contactForm dl dd label { margin:0 40px 0 20px } .m-contactForm dl dd input[type=radio] { border:3px solid #858585; -webkit-appearance:none; display:inline-block; width:20px; height:20px; line-height:9px; margin-right:8px; border-radius:50%; background:0 0; padding:2px; -webkit-transform:scale(1.5) translateY(1px) } .m-contactForm dl dd input[type=radio]::before { content:'\2022'; font-size:30px; display:table; padding:0; border:none; color:transparent } .m-contactForm dl dd input[type=radio]:checked { border-color:#43c9ca } .m-contactForm dl dd input[type=radio]:checked::before { color:#43c9ca } .m-contactForm dl dd select { border:none; background:0 0; width:100%; outline:0 } .m-contactForm dl textarea { width:482px; float:right; height:100px; border:1px solid #9b9b9b } .m-contactForm .btn-submit { display:block; width:100%; height:98px; background-color:#43c9cc; border:none; border-top:1px solid #d4d8db; border-radius:0; margin:38px 0 0; line-height:98px; font-size:35px; color:#fff; letter-spacing:2px } .m-contactForm .btn-submit:disabled { background-color:#9e9fa1!important } .m-contactForm .btn-submit:active { background-color:#2FAEB1 } .m-contactForm .successTipLayer p { width:498px; background:#55e224; color:#fff; font-size:30px; border-radius:5px; line-height:36px; padding:32px 20px; box-sizing:border-box; margin:30% auto 0 } .m-contactForm .failedTipLayer p { width:498px; background:#FF6C6C; color:#fff; font-size:30px; border-radius:5px; line-height:36px; padding:32px 20px; box-sizing:border-box; margin:30% auto 0 } .m-contactFormLayer>div { width:582px; padding:1px 1px 15px; margin:auto } .m-lightAppAd { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,.6); display:block } .m-lightAppAd a { background:url(img/bg-lightAppAd.jpg) no-repeat; display:block; width:560px; height:90px; margin:0 auto } .m-lightAppAd a.m-lightAppAd-link-guide,.m-lightAppAd-body { position:absolute; bottom:0; left:0; right:0; -webkit-transition:all .6s } .m-lightAppAd a.m-lightAppAd-link-guide { width:640px; height:50px; background-position:0 -149px; box-shadow:0 0 18px 0 #000 } .m-lightAppAd-body { background-color:#f5f5f5; height:450px; box-sizing:border-box; -webkit-transform:translateY(100%) } .m-lightAppAd-title { background:url(img/bg-lightAppAd.jpg) no-repeat; width:640px; height:149px } .m-lightAppAd a.m-lightAppAd-link-get { background-position:0 -199px; margin-top:22px } .m-lightAppAd a.m-lightAppAd-link-tel { background-position:0 -289px; margin-top:42px } .m-lightAppAd.z-showBody { top:0 } .m-lightAppAd.z-showBody .m-lightAppAd-body { -webkit-transform:translateY(0%) } .m-moreAppList { overflow:hidden; position:absolute; left:0; right:0; top:72px; bottom:0 } .m-moreAppList ul { width:608px; margin:0 auto; padding:0; list-style:none; overflow:hidden } .m-moreAppList ul li { background-color:rgba(255,255,255,.85); margin:24px 0; position:relative; overflow:hidden } .m-moreAppList ul li a { font-size:24px; color:#3a2d23; text-decoration:none; display:block } .m-moreAppList ul li img { width:608px; height:260px } .m-moreAppList ul li h3 { margin:5px 0 5px 22px; width:480px; font-size:32px } .m-moreAppList ul li p { margin:10px 0 10px 22px; width:480px } .m-moreAppList ul li i { width:66px; height:66px; line-height:66px; border-radius:50%; text-align:center; font-size:40px; color:#fff; background-color:#43c9cb; position:absolute; right:32px; bottom:26px; display:block; font-style:normal } .page-content { height:100% } .page-link .m-link { -webkit-animation:flipinX 1s ease-out backwards; display:none } .page-link.z-current .m-link { display:block } .page-panorama3D .m-btnPlay { -webkit-animation:bouncein 1s ease-out backwards; display:none } .page-panorama3D.z-current .m-btnPlay { display:block } .page-video .m-btnPlay { -webkit-animation:bouncein 1s ease-out backwards; display:none } .page-video.z-current .m-btnPlay { display:block } .page-map .m-distributedPoints ul li { visibility:hidden } .page-map.z-current .m-distributedPoints ul li { visibility:visible; -webkit-animation:bouncein 1s ease-out backwards } .page-map.z-current .m-distributedPoints ul li:nth-child(1) { -webkit-animation-delay:.2s } .page-map.z-current .m-distributedPoints ul li:nth-child(2) { -webkit-animation-delay:.4s } .page-map.z-current .m-distributedPoints ul li:nth-child(3) { -webkit-animation-delay:.6s } .page-map.z-current .m-distributedPoints ul li:nth-child(4) { -webkit-animation-delay:.8s } .page-map.z-current .m-distributedPoints ul li:nth-child(5) { -webkit-animation-delay:1s } .page-map.z-current .m-distributedPoints ul li:nth-child(6) { -webkit-animation-delay:1.2s } .page-map.z-current .m-distributedPoints ul li:nth-child(7) { -webkit-animation-delay:1.4s } .page-map.z-current .m-distributedPoints ul li:nth-child(8) { -webkit-animation-delay:1.6s } .page-map.z-current .m-distributedPoints ul li:nth-child(9) { -webkit-animation-delay:1.8s } .page-map.z-current .m-distributedPoints ul li:nth-child(10) { -webkit-animation-delay:2s } .page-map.z-current .m-distributedPoints ul li:nth-child(11) { -webkit-animation-delay:2.2s } .page-map.z-current .m-distributedPoints ul li:nth-child(12) { -webkit-animation-delay:2.4s } .page-map.z-current .m-distributedPoints ul li:nth-child(13) { -webkit-animation-delay:2.6s } .page-map.z-current .m-distributedPoints ul li:nth-child(14) { -webkit-animation-delay:2.8s } .page-map.z-current .m-distributedPoints ul li:nth-child(15) { -webkit-animation-delay:3s } .page-map.z-current .m-distributedPoints ul li:nth-child(16) { -webkit-animation-delay:3.2s } .page-map.z-current .m-distributedPoints ul li:nth-child(17) { -webkit-animation-delay:3.4s } .page-map.z-current .m-distributedPoints ul li:nth-child(18) { -webkit-animation-delay:3.6s } .page-map.z-current .m-distributedPoints ul li:nth-child(19) { -webkit-animation-delay:3.8s } .page-map.z-current .m-distributedPoints ul li:nth-child(20) { -webkit-animation-delay:4s } .page-form .m-contactInfo,.page-form .m-contactUs { -webkit-animation:bounceinT 1s ease-out backwards; display:none } .page-form.z-current .m-contactInfo,.page-form.z-current .m-contactUs { display:block } .page-form .u-maskLayer .m-contactForm { -webkit-transition:-webkit-transform .5s; -webkit-transform:translateY(-120%) } .page-form .u-maskLayer.z-show .m-contactForm,.page-form .u-maskLayer.z-showing .m-contactForm { -webkit-transform:translateY(0%) } .dwbg { -webkit-transform:scale(1.8) translate(-8px,60px) } .dw,.dwo { -webkit-tap-highlight-color:transparent } .dw { position:absolute; top:0; left:0; z-index:1001; font-size:12px; text-shadow:none; -webkit-backface-visibility:hidden; -webkit-box-sizing:border-box; -webkit-user-select:none; -moz-box-sizing:border-box; -moz-user-select:none; -ms-user-select:none; -ms-touch-action:none; box-sizing:border-box; user-select:none; touch-action:none } .dwi { position:static; display:inline-block } .dwwr { padding:0 2px; border-radius:3px; -webkit-border-radius:3px; min-width:170px; zoom:1; overflow:hidden; text-align:center } .dw-bottom .dwwr,.dw-top .dwwr { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } .dw-persp,.dwo { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1001 } .dwo { background:#000; background:rgba(0,0,0,.7); filter:Alpha(Opacity=70) } .dw-bubble .dw { margin:20px 0 } .dw-bubble .dw-arrw { position:absolute; left:0; width:100% } .dw-bubble-top .dw-arrw { bottom:-36px } .dw-bubble-bottom .dw-arrw { top:-36px } .dw-bubble .dw-arrw-i { margin:0 30px; position:relative; height:36px } .dw-bubble .dw-arr { display:block } .dw-arr { display:none; position:absolute; left:0; width:0; height:0; border-width:18px; border-style:solid; margin-left:-18px } .dw-bubble-bottom .dw-arr { top:0; border-color:transparent transparent #fff } .dw-bubble-top .dw-arr { bottom:0; border-color:#fff transparent transparent } .dwc { vertical-align:middle; padding:26px 2px 4px; display:inline-block } .dwl { left:0; text-align:center; line-height:30px; height:30px; white-space:nowrap; position:absolute; top:-30px; width:100% } .dwv { padding:7px 0; margin:0 -2px; font-size:14px } .dwi .dwv { margin:0 2px; -webkit-border-radius:3px; border-radius:3px } .dw .dwwr .dw-hidden,.dw-hidden { width:0; height:0; margin:0; padding:0; border:0; overflow:hidden } .dwrc { -webkit-border-radius:3px; border-radius:3px } .dwwc { margin:0; padding:0 2px; position:relative; background:#000; zoom:1 } .dwwl { margin:4px 2px; padding:0 2px; position:relative; z-index:5 } .dwww { position:relative; padding:1px } .dww { overflow:hidden; position:relative; z-index:2 } .dw-moz .dww { opacity:.99 } .dwsc .dwwl { background:#888; background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35,#333),color-stop(0.5,#888),color-stop(0.65,#333),to(#000)); background:-webkit-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%); background:-moz-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%); background:linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%) } .dwsc .dww { color:#fff; background:#444; background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45,#444),color-stop(0.55,#444),to(#000)); background:-webkit-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%); background:-moz-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%); background:linear-gradient(#000 0,#444 45%,#444 55%,#000 100%) } .dw-bf { -webkit-perspective:1000; -webkit-backface-visibility:hidden } .dw-ul { position:relative; z-index:2 } .dw-li { padding:0 5px; display:block; text-align:center; line-height:40px; font-size:26px; white-space:nowrap; text-shadow:0 1px 1px #000; vertical-align:bottom; opacity:.3; filter:Alpha(Opacity=30) } .dw-li.dw-hl { background:#fff; background:rgba(255,255,255,.3) } .dw-li.dw-v { opacity:1; filter:Alpha(Opacity=100) } .dw-li.dw-h { visibility:hidden } .dw-i { position:relative; height:100%; overflow:hidden; text-overflow:ellipsis } .dwwb { position:absolute; z-index:4; left:0; cursor:pointer; width:100%; height:40px; text-align:center; opacity:1; -webkit-transition:opacity .2s linear; transition:opacity .2s linear } .dwa .dwwb { opacity:0 } .dwpm .dwwbp { top:0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; font-size:40px } .dwpm .dwwbm { bottom:0; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; font-size:32px; font-weight:700 } .dwpm .dwwl { padding:0 } .dwpm .dw-li { text-shadow:none } .dwpm .dwwol { display:none } .dwwo { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52,rgba(44,44,44,0)),color-stop(0.48,rgba(44,44,44,0)),to(#000)); background:-webkit-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%); background:-moz-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%); background:linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%); pointer-events:none } .dwwol { position:absolute; z-index:1; top:50%; left:0; width:100%; height:0; margin-top:-1px; border-top:1px solid #333; border-bottom:1px solid #555; pointer-events:none } .dwbg .dwb { cursor:pointer; overflow:hidden; display:block; height:40px; line-height:40px; padding:0 15px; margin:0 2px; font-size:14px; font-weight:700; text-decoration:none; text-shadow:0 -1px 1px #000; color:#fff; background:#000; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#000),color-stop(0.5,#6e6e6e)); background:-webkit-linear-gradient(#6e6e6e 50%,#000 50%); background:-moz-linear-gradient(#6e6e6e 50%,#000 50%); background:linear-gradient(#6e6e6e 50%,#000 50%); white-space:nowrap; text-overflow:ellipsis; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5); -webkit-border-radius:5px; -webkit-backface-visibility:hidden; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,.5) } .dwbc { display:table; width:100%; padding-bottom:4px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .dwbw { display:table-cell; position:relative; z-index:5 } .dwhl { padding-top:4px } .dwhl .dwl { display:none } .dwms .dwwms .dw-li { padding:0 40px; position:relative } .dw-hsel { position:absolute; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px) } .dwms .dw-msel:after { width:40px; text-align:center; position:absolute; top:0; left:0; content:'✔' } .dwbg .dwwr { background:#fff; color:#000; font-family:arial,verdana,sans-serif } .dwbg .dwv { background-color:#dfdfdf } .dwbg .dwpm .dwwl { background:#fff } .dwbg .dwpm .dww { color:#000; background:#fff; -webkit-border-radius:3px } .dwbg .dwwb { background:#ccc; color:#888; font-weight:400; text-decoration:none; text-shadow:0 -1px 1px #333; box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333 } .dwbg .dwwbp { background:-webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7)); background:-webkit-linear-gradient(#f7f7f7,#bdbdbd); background:-moz-linear-gradient(#f7f7f7,#bdbdbd); background:linear-gradient(#f7f7f7,#bdbdbd) } .dwbg .dwwbm { background:-webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd)); background:-webkit-linear-gradient(#bdbdbd,#f7f7f7); background:-moz-linear-gradient(#bdbdbd,#f7f7f7); background:linear-gradient(#bdbdbd,#f7f7f7) } .dwbg .dwbc { font-size:0 } .dwbg .dwb-a { background:#3c7500; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#3c7500),color-stop(0.5,#94c840)); background:-webkit-linear-gradient(#94c840 50%,#3c7500 50%); background:-moz-linear-gradient(#94c840 50%,#3c7500 50%); background:linear-gradient(#94c840 50%,#3c7500 50%) } .dwbg .dwwl .dwb-a { background:#3c7500; background:-webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840)); background:-webkit-linear-gradient(#94c840,#3c7500); background:-moz-linear-gradient(#94c840,#3c7500); background:linear-gradient(#94c840,#3c7500) } .android-ics .dw .dwb,.android-ics .dw .dwpm .dww,.android-ics .dw .dww,.android-ics .dw .dwwc,.android-ics .dw .dwwl { background:0 0 } .android-ics .dwwr { padding:0; background:#292829; color:#31b6e7 } .android-ics .dwc { padding:30px 10px 1px } .android-ics .dwwc { padding:0 } .android-ics .dwhl { padding:1px 10px } .android-ics .dwv { background:0 0; line-height:36px; padding:0; margin:0; border-bottom:2px solid #31b6e7; font-size:18px; -webkit-border-radius:0; border-radius:0 } .android-ics .dwwl { margin:0 2px } .android-ics .dw .dwpm .dww,.android-ics .dw .dwpm .dwwl,.android-ics .dww { border:0 } .android-ics .dww .dw-li { color:#fff; font-size:18px; text-shadow:none } .android-ics .dww .dw-li.dw-hl { background:#31b6e7; background:rgba(49,182,231,.5) } .android-ics .dwwo { background:-webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52,rgba(40,40,40,0)),color-stop(0.48,rgba(40,40,40,0)),to(#282828)); background:-webkit-linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%); background:-moz-linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%); background:linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%) } .android-ics .dw .dwwb { background:#292829; -webkit-box-shadow:none; box-shadow:none } .android-ics .dwwb span { display:none } .android-ics .dwwb:after { position:absolute; top:50%; left:50%; margin-top:-8px; margin-left:-8px; color:#7e7e7e; width:0; height:0; border-width:8px; border-style:solid; content:'' } .android-ics .dwwbm { top:0; bottom:auto } .android-ics .dwwbp { bottom:0; top:auto } .android-ics .dwwbm:after { border-color:transparent transparent #7e7e7e } .android-ics .dwwbp:after { border-color:#7e7e7e transparent transparent } .android-ics .dw .dwwl .dwb-a { background:#292829 } .android-ics .dwwbm.dwb-a:after { border-color:transparent transparent #319abd } .android-ics .dwwbp.dwb-a:after { border-color:#319abd transparent transparent } .android-ics .dw .dwwol { width:60%; left:20%; height:36px; border-top:2px solid #31b6e7; border-bottom:2px solid #31b6e7; margin-top:-20px; display:block } .android-ics .dwbw .dwb { border-left:1px solid #424542 } .android-ics .dwbw:first-child .dwb { border-left:0 } .android-ics .dw .dwbc { border-top:1px solid #424542; padding:0 } .android-ics .dw .dwb { height:36px; line-height:36px; padding:0; margin:0; font-weight:400; text-shadow:none; -webkit-border-radius:0; -webkit-box-shadow:none; box-shadow:none; border-radius:0 } .android-ics .dw .dwb-a { background:#29799c } .android-ics .dwwms .dwwol { display:none } .android-ics .dwwms .dw-li { padding-left:5px; padding-right:36px } .android-ics .dwwms .dw-li:after { content:''; position:absolute; top:50%; left:auto; right:10px; width:14px; height:14px; margin-top:-9px; color:#31b6e7; line-height:14px; border:1px solid #424542; text-shadow:0 0 5px #29799c } .android-ics .dwwms .dw-msel:after { content:'✔' } .android-ics.light .dwwr { background:#f5f5f5 } .android-ics.light .dww .dw-li { color:#000 } .android-ics.light .dwbw .dwb { border-left:1px solid #dbdbdb } .android-ics.light .dwbw:first-child .dwb { border-left:0 } .android-ics.light .dwwo { background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#f5f5f5)); background:-webkit-linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%); background:-moz-linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%); background:linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%) } .android-ics.light .dw .dwwb { background:#f5f5f5; color:#f5f5f5 } .android-ics.light .dwbc { border-top:1px solid #dbdbdb } .android-ics.light .dwb { color:#000 } .android-ics.light .dwb-a { color:#fff } .android-ics .dw-bubble-bottom .dw-arr { border-color:transparent transparent #292829 } .android-ics .dw-bubble-top .dw-arr { border-color:#292829 transparent transparent } .android-ics.light .dw-bubble-bottom .dw-arr { border-color:transparent transparent #f5f5f5 } .android-ics.light .dw-bubble-top .dw-arr { border-color:#f5f5f5 transparent transparent } .android-ics.light .dwwms .dw-li:after { text-shadow:0 0 5px #31b6e7 } .dw-trans .dw-persp { overflow:hidden; -webkit-perspective:1000px; -moz-perspective:1000px; perspective:1000px } .dw-trans .dwwb,.dw-trans .dwwo { -webkit-backface-visibility:hidden } .dw-in,.dw-out { -webkit-animation-duration:350ms; -moz-animation-duration:350ms; animation-duration:350ms } .dw-in { -webkit-animation-timing-function:ease-out; -moz-animation-timing-function:ease-out; animation-timing-function:ease-out } .dw-out { -webkit-animation-timing-function:ease-in; -moz-animation-timing-function:ease-in; animation-timing-function:ease-in } .dw-fade,.dw-flip,.dw-slidedown,.dw-slidehorizontal,.dw-slideup,.dw-slidevertical,.dw-swing { -webkit-backface-visibility:hidden; -webkit-transform:translateX(0); -moz-backface-visibility:hidden; -moz-transform:translateX(0); backface-visibility:hidden; transform:translateX(0) } .dw-fade,.dw-slidedown,.dw-slidehorizontal,.dw-slideup,.dw-slidevertical,.dw-swing { -webkit-transform-origin:0 0; -moz-transform-origin:0 0; transform-origin:0 0 } .dw-flip,.dw-pop { -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; transform-origin:50% 50% } .dw-pop.dw-in { opacity:1; -webkit-animation-name:dw-p-in; -webkit-transform:scale(1); -moz-animation-name:dw-p-in; -moz-transform:scale(1); transform:scale(1); animation-name:dw-p-in } .dw-pop.dw-out { opacity:0; -webkit-animation-name:dw-p-out; -moz-animation-name:dw-p-out; animation-name:dw-p-out } .dw-flip.dw-in { opacity:1; -webkit-animation-name:dw-fl-in; -webkit-transform:scale(1); -moz-animation-name:dw-fl-in; -moz-transform:scale(1); animation-name:dw-fl-in; transform:scale(1) } .dw-flip.dw-out { opacity:0; animation-name:dw-fl-out; -webkit-animation-name:dw-fl-out; -moz-animation-name:dw-fl-out } .dw-swing.dw-in { opacity:1; -webkit-animation-name:dw-sw-in; -webkit-transform:scale(1); -moz-animation-name:dw-sw-in; -moz-transform:scale(1); transform:scale(1); animation-name:dw-sw-in } .dw-swing.dw-out { opacity:0; -webkit-animation-name:dw-sw-out; -moz-animation-name:dw-sw-out; animation-name:dw-sw-out } .dw-slidehorizontal.dw-in { opacity:1; -webkit-animation-name:dw-sh-in; -webkit-transform:scale(1); -moz-animation-name:dw-sh-in; -moz-transform:scale(1); transform:scale(1); animation-name:dw-sh-in } .dw-slidehorizontal.dw-out { opacity:0; -webkit-animation-name:dw-sh-out; -moz-animation-name:dw-sh-out; animation-name:dw-sh-out } .dw-slidevertical.dw-in { opacity:1; -webkit-animation-name:dw-dw-sv-in; -webkit-transform:scale(1); -moz-animation-name:dw-dw-sv-in; -moz-transform:scale(1); animation-name:dw-dw-sv-in; transform:scale(1) } .dw-slidevertical.dw-out { opacity:0; -webkit-animation-name:dw-sv-out; -moz-animation-name:dw-sv-out; animation-name:dw-sv-out } .dw-slidedown.dw-in { -webkit-animation-name:dw-sd-in; -webkit-transform:scale(1); -moz-animation-name:dw-sd-in; -moz-transform:scale(1); animation-name:dw-sd-in; transform:scale(1) } .dw-slidedown.dw-out { animation-name:dw-sd-out; -webkit-animation-name:dw-sd-out; -webkit-transform:translateY(-100%); -moz-animation-name:dw-sd-out; -moz-transform:translateY(-100%) } .dw-slideup.dw-in { -webkit-animation-name:dw-su-in; -webkit-transform:scale(1); -moz-animation-name:dw-su-in; -moz-transform:scale(1); transform:scale(1); animation-name:dw-su-in } .dw-slideup.dw-out { animation-name:dw-su-out; -webkit-animation-name:dw-su-out; -webkit-transform:translateY(100%); -moz-animation-name:dw-su-out; -moz-transform:translateY(100%) } .dw-fade.dw-in { opacity:1; -webkit-animation-name:dw-f-in; -moz-animation-name:dw-f-in; animation-name:dw-f-in } .dw-fade.dw-out { opacity:0; -webkit-animation-name:dw-f-out; -moz-animation-name:dw-f-out; animation-name:dw-f-out } @keyframes dw-f-in { from { opacity:0 } to { opacity:1 } }@-webkit-keyframes dw-f-in { from { opacity:0 } to { opacity:1 } }@-moz-keyframes dw-f-in { from { opacity:0 } to { opacity:1 } }@keyframes dw-f-out { from { opacity:1 } to { opacity:0 } }@-webkit-keyframes dw-f-out { from { opacity:1 } to { opacity:0 } }@-moz-keyframes dw-f-out { from { opacity:1 } to { opacity:0 } }@keyframes dw-p-in { from { opacity:0; transform:scale(0.8) } to { opacity:1; transform:scale(1) } }@-webkit-keyframes dw-p-in { from { opacity:0; -webkit-transform:scale(0.8) } to { opacity:1; -webkit-transform:scale(1) } }@-moz-keyframes dw-p-in { from { opacity:0; -moz-transform:scale(0.8) } to { opacity:1; -moz-transform:scale(1) } }@keyframes dw-p-out { from { opacity:1; transform:scale(1) } to { opacity:0; transform:scale(0.8) } }@-webkit-keyframes dw-p-out { from { opacity:1; -webkit-transform:scale(1) } to { opacity:0; -webkit-transform:scale(0.8) } }@-moz-keyframes dw-p-out { from { opacity:1; -moz-transform:scale(1) } to { opacity:0; -moz-transform:scale(0.8) } }@keyframes dw-fl-in { from { opacity:0; transform:rotateY(90deg) } to { opacity:1; transform:rotateY(0) } }@-webkit-keyframes dw-fl-in { from { opacity:0; -webkit-transform:rotateY(90deg) } to { opacity:1; -webkit-transform:rotateY(0) } }@-moz-keyframes dw-fl-in { from { opacity:0; -moz-transform:rotateY(90deg) } to { opacity:1; -moz-transform:rotateY(0) } }@keyframes dw-fl-out { from { opacity:1; transform:rotateY(0deg) } to { opacity:0; transform:rotateY(-90deg) } }@-webkit-keyframes dw-fl-out { from { opacity:1; -webkit-transform:rotateY(0deg) } to { opacity:0; -webkit-transform:rotateY(-90deg) } }@-moz-keyframes dw-fl-out { from { opacity:1; -moz-transform:rotateY(0deg) } to { opacity:0; -moz-transform:rotateY(-90deg) } }@keyframes dw-sw-in { from { opacity:0; transform:rotateY(-90deg) } to { opacity:1; transform:rotateY(0deg) } }@-webkit-keyframes dw-sw-in { from { opacity:0; -webkit-transform:rotateY(-90deg) } to { opacity:1; -webkit-transform:rotateY(0deg) } }@-moz-keyframes dw-sw-in { from { opacity:0; -moz-transform:rotateY(-90deg) } to { opacity:1; -moz-transform:rotateY(0deg) } }@keyframes dw-sw-out { from { opacity:1; transform:rotateY(0deg) } to { opacity:0; transform:rotateY(-90deg) } }@-webkit-keyframes dw-sw-out { from { opacity:1; -webkit-transform:rotateY(0deg) } to { opacity:0; -webkit-transform:rotateY(-90deg) } }@-moz-keyframes dw-sw-out { from { opacity:1; -moz-transform:rotateY(0deg) } to { opacity:0; -moz-transform:rotateY(-90deg) } }@keyframes dw-sh-in { from { opacity:0; transform:translateX(-100%) } to { opacity:1; transform:translateX(0) } }@-webkit-keyframes dw-sh-in { from { opacity:0; -webkit-transform:translateX(-100%) } to { opacity:1; -webkit-transform:translateX(0) } }@-moz-keyframes dw-sh-in { from { opacity:0; -moz-transform:translateX(-100%) } to { opacity:1; -moz-transform:translateX(0) } }@keyframes dw-sh-out { from { opacity:1; transform:translateX(0) } to { opacity:0; transform:translateX(100%) } }@-webkit-keyframes dw-sh-out { from { opacity:1; -webkit-transform:translateX(0) } to { opacity:0; -webkit-transform:translateX(100%) } }@-moz-keyframes dw-sh-out { from { opacity:1; -moz-transform:translateX(0) } to { opacity:0; -moz-transform:translateX(100%) } }@keyframes dw-dw-sv-in { from { opacity:0; transform:translateY(-100%) } to { opacity:1; transform:translateY(0) } }@-webkit-keyframes dw-dw-sv-in { from { opacity:0; -webkit-transform:translateY(-100%) } to { opacity:1; -webkit-transform:translateY(0) } }@-moz-keyframes dw-dw-sv-in { from { opacity:0; -moz-transform:translateY(-100%) } to { opacity:1; -moz-transform:translateY(0) } }@keyframes dw-sv-out { from { opacity:1; transform:translateY(0) } to { opacity:0; transform:translateY(100%) } }@-webkit-keyframes dw-sv-out { from { opacity:1; -webkit-transform:translateY(0) } to { opacity:0; -webkit-transform:translateY(100%) } }@-moz-keyframes dw-sv-out { from { opacity:1; -moz-transform:translateY(0) } to { opacity:0; -moz-transform:translateY(100%) } }@keyframes dw-sd-in { from { transform:translateY(-100%) } to { transform:translateY(0) } }@-webkit-keyframes dw-sd-in { from { opacity:1; -webkit-transform:translateY(-100%) } to { opacity:1; -webkit-transform:translateY(0) } }@-moz-keyframes dw-sd-in { from { -moz-transform:translateY(-100%) } to { -moz-transform:translateY(0) } }@keyframes dw-sd-out { from { transform:translateY(0) } to { transform:translateY(-100%) } }@-webkit-keyframes dw-sd-out { from { opacity:1; -webkit-transform:translateY(0) } to { opacity:1; -webkit-transform:translateY(-100%) } }@-moz-keyframes dw-sd-out { from { -moz-transform:translateY(0) } to { -moz-transform:translateY(-100%) } }@keyframes dw-su-in { from { transform:translateY(100%) } to { transform:translateY(0) } }@-webkit-keyframes dw-su-in { from { opacity:1; -webkit-transform:translateY(100%) } to { opacity:1; -webkit-transform:translateY(0) } }@-moz-keyframes dw-su-in { from { -moz-transform:translateY(100%) } to { -moz-transform:translateY(0) } }@keyframes dw-su-out { from { transform:translateY(0) } to { transform:translateY(100%) } }@-webkit-keyframes dw-su-out { from { opacity:1; -webkit-transform:translateY(0) } to { opacity:1; -webkit-transform:translateY(100%) } }@-moz-keyframes dw-su-out { from { -moz-transform:translateY(0) } to { -moz-transform:translateY(100%) } }